/* ================================ * /
          WORK STYLEページ
==================================== */
.all-magin_w {
     margin-left: 2px;
     margin-right: 2px;
}
/* ---------WORK PLACE---------*/
.workplace_map_img{
     width:100%;
}
/* まる番号 */
.circle_number {
     width: 28px;
     height: 28px;
     background-color: #0B3850;
     font-size:19px;
     border-radius: 50%;
     text-align: center;
     box-sizing: border-box;
     margin:0 auto;
}
.number_text{
     font-size: 20px;
     margin-top:auto;
     margin-bottom:auto;
}
@media (max-width: 1200px) {
     .number_text{
          margin-top:auto;
          margin-bottom:auto;
          font-size:12px;
          margin-left:10px;
          }
}
@media (max-width: 550px){ 
     /* まる番号 */
     .circle_number {
     width: 19px;
     height: 19px;
     background-color: #0B3850;
     color:#FFFFFF;
     font-size:12px;
     border-radius: 50%;
     text-align: center;
     box-sizing: border-box;
     }
     .number_text{
     margin-top:auto;
     margin-bottom:auto;
     font-size:12px;
     margin-left:10px;
     }
     .crosstalk_year_name{
          margin:0 auto;
     }
     .workplace_all{
          margin-bottom:20px;
     }
}
.workplace_all{
     text-align: center;
}
.workplace_map_text{
     width: 60%;
     display: block;
     margin: auto;
}
ol.workplace {
	counter-reset:cp_clist; /*数字をリセット*/
	list-style-type: none;
     width: 100%;
     margin:0 auto;
}
ol.workplace li {
	position: relative;
	padding:0px 0px 30px 30px;
     margin:0 auto;
     text-align: left;
     font-size: 20px;
}
ol.workplace li::before {
	position: absolute;
	display:inline-block;
	top: 3%;
	left: 0;
	/* カウントさせる */
	counter-increment: cp_clist;
	content: counter(cp_clist);
	/*装飾*/
	padding: 0 0.2em 0 0.2em;
	background: #0B3850;
	color: #fff;
     font-size: 19px;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align:center;
	/* transform: translateY(-50%); */
     
}
@media screen and (max-width: 950px) {
     .workplace_map_text{
          width: 85%;
          display: block;
          margin: auto;
     }
     ol.workplace li {
          position: relative;
          padding:0px 0px 10px 30px;
          margin:0 auto;
          text-align: left;
          font-size: 19px;
     }
}
@media screen and (max-width: 550px){
     ol.workplace {
          padding-left:0;
     }
     ol.workplace li {
          font-size: 12px;
     }
     ol.workplace li::before {
          padding: 0 0.1em 0 0.1em;
          width: 18px;
          height: 18px;
          font-size:12px;
          /* padding:0 2px 7px 2px; */
     }
     .workplace_map_text{
          width: 85%;
          display: block;
          margin: auto;
     }
}
/* ---------ONE DAY(社員の1日)---------*/
/* 背景の薄黄色 */
.oneday_all{
     height:1750px;
     position: relative;
     /* margin:0 auto;
     margin-left: 0 auto;
     margin-right:0 auto; */
     padding-top:130px;
     max-width:1010px;
}
/* 白背景 */
.oneday_whiteall{
     padding:10px;
     padding-top:100px;
     padding-left:50px;
     height:325px;
     width: 888px;
     margin:0 auto;
     position: relative;
     border-radius: 25px;
}
/* システムエンジニア鈴木さんのある一日 */
.oneday_title{
     border-radius: 100px;
     width:416px;
     text-align: center;
     padding-top:30px;
     padding-bottom:30px;
     bottom: 260px;
     left: 13%;
     position: absolute;
     z-index: 2;
}
/* 自己紹介文 */
.oneday_intro_text{
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: absolute;
  left: 10%;
  top: 33%;
}
/* 自己紹介写真 */
.oneday_img{
  position: absolute;
  bottom: 14%;
  right: 70px;
  width: 280px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  z-index: 1;
}
/* onedayのタイトル */
.oneday_time_title{
     font-size:22px;
     font-weight: 500;
     color:#E5D959;
}
/* oneday本文 */
.oneday_time_text{
     font-size:18px;
}
.scheduleContainer--inner {
  width: 100%;
  justify-content: center;
}
/* スケジュールのかたまり */
.oneday_schedule{
     margin:0 auto;
     max-width: 670px;
}
/* 吹き出し */
.balloon {
  position: relative;
  background-color: #FFFFFF;
  width:500px;
  color: #333;
  border-radius: 10px;
  margin-left:50px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left: 20px;
}
.balloon::before {
  content: "";
  position: absolute;
  border: 12px solid transparent;
  border-right: 12px solid #FFFFFF;
  top: 5%;
  left: -24px;
}
.balloon p {
  margin: 0;
  padding: 0;
}
.balloon2 {
  margin-top:10px;
}
.oneday_time_img{
  border-radius: 20px;
  width:300px;
  margin-top:10px;
  margin-left:80px;
  margin-right:80px;
}
/* 縦ライン */
.line{
  margin-left: 33px;
  width: 5px;
  height: 90px;
  background-color: #E5D959;
  border-radius: 5px;
  margin-top:15px;
  margin-bottom:15px;
}
.line10{
  height: 65px;
}
.line12{
  height: 66px;
}
.line13 {
  height: 44px;
}
.line15 {
  height: 44px;
}
.line1515 {
  height: 68px;
}
.time{
  width: 70px;
}
.oneday_busho{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.oneday_name{
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
}
.oendaytitle{
  margin-bottom:70px;
}
@media (max-width: 1200px) {
     /* 背景の薄黄色 */
  .oneday_all{
    height:1690px;
    position: relative;
    padding-top:130px;
  }
  /* 白背景 */
  .oneday_whiteall{
    padding:10px;
    padding-top:100px;
    padding-left:50px;
    height: 280px;
    width: 600px;
  }
  /* システムエンジニア鈴木さんのある一日 */
  .oneday_title{
    left: 50%;
    transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    border-radius: 100px;
    width:416px;
    text-align: center;
    padding-top:30px;
    padding-bottom:30px;
    bottom: 150px;
    position: absolute;
    z-index: 2;
  }
  /* 自己紹介文 */
  .oneday_intro_text{
    font-size: 18px;
    top: 37%;
  }
     /* 自己紹介写真 */
  .oneday_img{
    width: 160px;
    bottom: 33px;
    right: 50px;

  }
}
@media (max-width: 767px) {
  .oneday_all {
    height:1875px;
  }
  .oneday_whiteall {
    width: 450px;
    height: 440px;
    padding-left: 39px;
  }
  .oneday_title{
    bottom: unset;
    top: -13%;
    width: 370px;
  }
  .oneday_intro_text {
    top: unset;
    bottom: 11%;
    left: 14%;
  }
  .oneday_img {
    width: 150px;
    bottom: unset;
    top: 40%;
    right: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  .balloon {
    width: 401px;
    margin-left: 20px;
  }
  .line10{
    height: 77px;
  }
  .line12{
    height: 89px;
  }
  .line13{
    height: 58px;
  }
  .line15{
    height: 34px;
  }
  .line1515{
    height: 59px;
  }
}
@media (max-width: 640px) {
  /* 背景の薄黄色 */
  .oneday_all {
    position: relative;
    /* width:320px; */
    height:1040px;
    padding-top:0px;
  }
  /* 白背景 */
  .oneday_whiteall {
    /* position: relative; */
    padding:5px;
    padding-top:0px;
    height: 255px;
    top:55px;
    width: 280px;
    border-radius: 25px;
  }
  /* システムエンジニア鈴木さんのある一日 */
  .oneday_title {
    /* border-radius: 100px; */
    width:180px;
    height: 60px;
    text-align: center;
    padding-top:15px;
    padding-bottom:15px;
    margin:0;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .oneday_busho{
    font-size: 10px;
  }
  .oneday_name{
    font-size: 12px;
  }
  /* 自己紹介文 */
  .oneday_intro_text{
    font-size:11px;
    top: 60%;
    left: 16%;
  }
  /* 自己紹介写真 */
  .oneday_img{
    /* /* position: absolute; */
    z-index: 1;
    top: 37%;
    right: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width:100px;
    bottom:unset;
  }
  .oneday_busho{
    font-size: 10px;
  }
  .oneday_name{
    font-size: 12px;
  }
  /* スケジュールのかたまり */
  .oneday_schedule{
    margin:0 auto;
    max-width: 670px;
  }
  /* 吹き出し */
  .balloon {
    position: relative;
    background-color: #FFFFFF;
    width:280px;
    color: #333;
    border-radius: 10px;
    margin-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 10px;
    margin-top:20;
  }
  .balloon::before {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-right: 17px solid #FFFFFF;
    top: 5%;
    left: -18px;
  }
  .balloon p {
    margin: 0;
    padding: 0;
  }
  .balloon2 {
    margin-top:10px;
  }
  .oneday_time_img {
    border-radius: 20px;
    width:200px;
    margin-top:10px;
    margin-left:30px;
    margin-right:30px;
  }
  /* 縦ライン */
  .line {
    margin-left: 20px;
    width: 4px;
    height: 50px;
    border-radius: 5px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .line10 {
    height: 35px;
  }
  .line12 {
    height: 35px;
  }
  .line13 {
    height: 15px;
  }
  .line15 {
    height: 15px;
  }
  .line1515 {
    height: 35px;
  }
  /* 時計 */
  .time{
    width: 45px;

  }
  /* oneday本文 */
  .oneday_time_text{
    font-size:10px;
  }
  /* onedayのタイトル */
  .oneday_time_title{
    font-size:11px;
  }
  .oendaytitle{
    margin-bottom:20px;
  }
}
@media (max-width: 360px) {
  .oneday_whiteall {
    width: 90%;
  }
  .oneday_intro_text {
    width: 200px;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .crosstalk_year_name {
    width: 100%;
    margin-bottom: 20px;
  }
  .yellowCircle-and-line {
    width: 13%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .balloonContainer {
    width: 87%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .balloon {
    width: 95%;
    margin-left: 0;
  }
  /* 縦ライン */
  .line{
    margin-left: 0;
    width: calc((3 / 360)*100vw);
    height: 70%;
    border-radius: 5px;
    position: relative;
    top: 10px;
    margin: 0;
  }
  /* .line10 {
    height: 35px;
  }
  .line12 {
    height: 35px;
  }
  .line13 {
    height: 15px;
  }
  .line15 {
    height: 15px;
  }
  .line1515 {
    height: 35px;
  } */
  .oneday_time_img{
    border-radius: 20px;
    width:200px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
  }
  .time{
    width: 70%;
    margin-left: 5%;
  }
}