@charset "UTF-8";

/*****************************
  pagecommon
*****************************/
.pagehead{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 74px;
  height: 230px;
}
.pagehead::before{
  content: "";
  background: linear-gradient(90deg,#722B43,#274B83);
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pagehead .inner1{
  height: 100%;
}
.headttl{
  color: #D5D3D1;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
}
.headttl .enttl{
  font-size: 9rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2px;
  word-break: break-word;
}
.headttl .ttl{
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: -1rem;
}
.pagehead-numbers .enttl{
  font-size: 7rem;
}

.pagesec{
  padding: 10rem 0;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .headttl .enttl{
    font-size: 6rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagehead{
    height: 250px;
  }
  .headttl .enttl{
    font-size: 4rem;
  }
  .headttl .ttl{
    margin: 0;
  }
  .pagesec {
    padding: 8rem 0;
  }
}

/*****************************
  JOB 埼玉トヨタのしごと
*****************************/
.page-job .pagesec-btns{
  background: #F8EEEB;
  padding: 6rem 0;
}

.page-job .pagesec-day{
  padding: 8rem 0;
}
.page-job .pagesec-day .bgbox{
  height: 500px;
  margin: 6rem 0 3rem;
}
.page-job .pagesec-day .bg{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}
.page-job .pagesec-day .bg1{
  aspect-ratio: 206/75;
  top: 0;
  left: 0;
  width: 64%;
  z-index: 1;
}
.page-job .pagesec-day .bg2{
  aspect-ratio: 887/340;
  right: 0;
  bottom: 0;
  width: 46%;
}
.page-job .tabchenge .tab_area{
  margin: 0;
}
.page-job .pagesec-day .jobpointgr{
  margin: 5rem 0;
}
.page-job .pagesec-day .jobpoint{
  margin: 3rem 0;
}
.page-job .pagesec-day .jobpoint::before{
  content: "";
  background: linear-gradient(90deg, #722B43, #274B83);
  border-radius: 10px;
  opacity: .7;
  position: absolute;
  top: 1.5rem;
  right: -1.5rem;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.page-job .pagesec-day .jobpoint .whitebox{
  background: #fff;
  border: 1px solid #274B83;
  border-radius: 10px;
  padding: 2rem;
  z-index: 1;
}
.page-job .pagesec-day .jobpoint .whitebox::before{
  content: "";
  opacity: .3;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  height: auto;
  width: 200px;
  z-index: -1;
}
.page-job .pagesec-day .jobpoint1 .whitebox::before{
  aspect-ratio: 165/158;
  background: url(../../job/jobpoint1.svg) no-repeat center / contain;
}
.page-job .pagesec-day .jobpoint2 .whitebox::before{
  aspect-ratio: 163/152;
  background: url(../../job/jobpoint2.svg) no-repeat center / contain;
}
.page-job .pagesec-day .jobpoint3 .whitebox::before{
  aspect-ratio: 180/149;
  background: url(../../job/jobpoint3.svg) no-repeat center / contain;
}
.page-job .pagesec-day .jobpoint4 .whitebox::before{
  aspect-ratio: 81/76;
  background: url(../../job/jobpoint4.svg) no-repeat center / contain;
}


/* .page-job .pagesec-day .jobpointgrp2 .jobpoint{
  width: 48%;
}
.page-job .pagesec-day .jobpointgrp2 .jobpoint .whitebox{
  height: 100%;
}
.page-job .pagesec-day .jobpointgrp2 .jobpoint .whitebox::before{
  height: auto;
  width: 150px;
} */

.page-job .pagesec-day .jobpoint dt{
  color: #790028;
  font-size: 2.4rem;
  font-weight: bold;
}
.page-job .pagesec-day .jobpoint dd{
  font-weight: normal;
  padding: 1rem 1rem 2rem;
  text-shadow: 1px 1px 0px #fff, -2px 1px 0px #fff, 1px -2px 0px #fff, -2px -2px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, -2px -1px 0px #fff, -1px -2px 0px #fff, 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, -1px 2px 1px #fff, -2px -1px 1px #fff, -1px -2px 1px #fff;
}
.page-job .pagesec-day .timelinebox{
  margin-top: 3rem;
  padding-top: 3rem;
}
.page-job .pagesec-day .timeline{
  margin: 5rem auto 0;
}
.page-job .pagesec-day .timeline::before{
  content: "";
  background: url(../images/ob/ob_border.svg) repeat-y ;
  position: absolute;
  top: 0;
  left: 100px;
  height: 100%;
  width: 2px;
}
.page-job .pagesec-day .timeline li:not(:last-of-type){
  margin-bottom: 3rem;
}
.page-job .pagesec-day .fimgbox{
  position: relative;
  width: 200px;
}
.page-job .pagesec-day .ftxtbox{
  margin-left: auto;
  width: calc(100% - 220px);
}
.page-job .pagesec-day .ftxtbox .time{
  color: #722B43;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}
.page-job .pagesec-day .ftxtbox .ttl{
  font-size: 2.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 1600px) {
  .page-job .pagesec-day .bgbox{
    height: 450px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-job .pagesec-day .bgbox{
    height: 400px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-job .pagesec-day .bgbox{
    height: 350px;
  }
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
  .page-job .pagesec-day .bgbox {
    height: 300px;
  }
}
@media only screen and (max-width: 820px) {
  .page-job .pagesec-btns ul {
    max-width: 450px;
  }
  .page-job .pagesec-btns li{
    margin-bottom: 1rem;
    width: 100%;
  }
  .page-job .pagesec-btns li:last-of-type{
    margin: 0;
  }
  .page-job .pagesec-btns li a{
    border-radius: 8px !important;
  }
  .page-job .pagesec-day .bgbox {
    height: 250px;
  }
  .page-job .pagesec-day .bg2{
    width: 48%;
  }
  .page-job .pagesec-day .jobpoint dd{
    padding: 1rem 0 2rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-job .pagesec-btns{
    padding: 3rem 0;
  }
  .page-job .pagesec-day {
    padding: 6rem 0;
  }
  .page-job .tabchenge .tab_area .ftab{
    margin: 0 auto 1rem;
    width: 80%;
  }
  .page-job .pagesec-day .bg1 {
    aspect-ratio: auto;
    height: 140px;
    width: 90%;
  }
  .page-job .pagesec-day .bg2 {
    aspect-ratio: auto;
    height: 110px;
    width: 70%;
  }
  .page-job .pagesec-day .timeline::before {
    left: 40px;
  }
  .page-job .pagesec-day .timeline li{
    align-items: flex-start;
  }
  .page-job .pagesec-day .timeline li:not(:last-of-type) {
    margin-bottom: 5rem;
  }
  .page-job .pagesec-day .fimgbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
  }
  .page-job .pagesec-day .ftxtbox {
    width: 100%;
  }
  .page-job .pagesec-day .ftxtbox .time,
  .page-job .pagesec-day .ftxtbox .ttl{
    margin-left: auto;
    width: calc(100% - 100px);
  }
  .page-job .pagesec-day .ftxtbox .time{
    margin-top: 2rem;
  }
  .page-job .pagesec-day .ftxtbox .ttl {
    font-size: 2rem;
    line-height: 1.6;
  }
  .page-job .pagesec-day .ftxtbox .txt{
    background: rgba(255, 255, 255, .95);
    border: 1px solid #722B43;
    margin-top: 2rem;
    padding: 1rem;
  }
}

/*****************************
  THE APPEAL OF A JOB 埼玉トヨタで働く魅力
*****************************/
.page-value .pagesec{
  background: #F8EEEB;
}
.page-value .pagesec-appeal .fimgbox::before{
  content: "";
  background: linear-gradient(90deg,#722B43,#274B83);
  border-radius: 10px;
  opacity: .7;
  position: absolute;
  top: 1.5rem;
  left: -1.5rem;
  height: 100%;
  width: 100%;
}
.page-value .pagesec-appeal .fimgbox img{
  position: relative;
  border-radius: 10px;
}
.page-value .pagesec-appeal .ftxtbox h2,
.page-value .pagesec-appeal .careerbox h2{
  font-size: 2.6rem;
  font-weight: bold;
}
.page-value .pagesec-appeal .ftxtbox h3{
  font-size: 1.8rem;
  margin: 2rem 0;
}
.page-value .pagesec-appeal .ftxtbox p{
  font-weight: normal;
}
.page-value .pagesec-appeal .career{
  background: #fff;
  border: 2px solid #790028;
  border-radius: 10px;
  margin-top: 4rem;
  padding: 4rem 2rem 3rem;
}
.page-value .pagesec-appeal .career2{
  border-color: #274B83;
  margin-top: 5rem;
}
.page-value .pagesec-appeal .career h3{
  background: #790028;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0 2rem;
  position: absolute;
  top: -2rem;
}
.page-value .pagesec-appeal .career2 h3{
  background: #274B83;
}
.page-value .pagesec-info{
  padding-top: 3rem;
}
.page-value .pagesec-info dl{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(204, 174, 164, .2);
  padding: 5rem 10rem;
}
.page-value .pagesec-info dl > div:not(:last-of-type){
  padding-bottom: 6rem;
}
.page-value .pagesec-info dd,
.page-value .pagesec-info li{
  font-weight: normal;
}
.page-value .pagesec-info .ttlbox3 {
  margin-bottom: 3rem;
}
.page-value .pagesec-info .ttlbox3 .ttl{
  border-bottom: 1px solid ;
  display: inline-block;
  font-weight: 500;
  min-width: 130px;
}
.page-value .pagesec-info .fukuri ul:first-child{
  margin-right: 3rem;
}
.page-value .pagesec-info .fukuri li:not(:last-of-type),
.page-value .pagesec-info .sonota li:not(:last-of-type){
  margin-bottom: 1rem;
}
.page-value .pagesec-info .sonota li{
  padding-left: 2rem;
  position: relative;
}
.page-value .pagesec-info .sonota li::before{
  content: "●";
  color: #722B43;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .page-value .pagesec-appeal .ftxtbox{
    margin: 0 auto;
    width: 80%;
  }
  .page-value .pagesec-appeal .fimgbox{
    margin: 3rem auto 0;
    width: 60%;
  }
  .page-value .pagesec-info dl{
    padding: 5rem 6rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-value .pagesec-appeal .career{
    border: none;
    font-size: 1.6rem;
    padding: 1rem 1rem 2rem;
  }
  .page-value .pagesec-appeal .career h3{
    display: block;
    line-height: 1.3;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    position: static;
    text-align: center;
  }
  .page-value .pagesec-appeal .career{
    margin-top: 2rem;
  }
  .page-value .pagesec-appeal .ftxtbox{
    width: 100%;
  }
  .page-value .pagesec-appeal .fimgbox{
    width: 90%;
  }
  .page-value .pagesec-appeal .fimgbox::before {
    top: 1rem;
    left: -1rem;
  }
  .page-value .pagesec-appeal .ftxtbox h3 {
    margin: 1.5rem 0;
  }
  .page-value .pagesec-info dl {
    padding: 3rem;
  }
  .page-value .pagesec-info .ttlbox3 {
    margin-bottom: 2rem;
  }
  .page-value .pagesec-info .fukuri ul:first-child{
    margin-bottom: 1rem;
  }
}

/*****************************
  SAITAMA TOYOTA IN NUMBERS 数字で見る埼玉トヨタ
*****************************/
.page-numbers {
  background: #F8EEEB;
}
.page-numbers .pagesec {
  padding: 8rem 0;
}
.page-numbers .fbox{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(204, 174, 164, .2);
  margin: 1% 0;
  overflow: hidden;
  padding: 3rem 3rem 1rem;
  width: 49%;
}
.page-numbers .fbox1,
.page-numbers .fbox2,
.page-numbers .fbox3,
.page-numbers .fbox7,
.page-numbers .fbox8,
.page-numbers .fbox9{
  width: 32%;
}
.page-numbers .fbox2,
.page-numbers .fbox3,
.page-numbers .fbox4,
.page-numbers .fbox6,
.page-numbers .fbox7,
.page-numbers .fbox8,
.page-numbers .fbox9{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.page-numbers .fbox4{
  margin: 1% auto;
  height: 350px;
  width: 80%;
}
.page-numbers .fbox7,
.page-numbers .fbox8,
.page-numbers .fbox9{
  height: 350px;
}
.page-numbers .fbox8 dd,
.page-numbers .fbox9 dd{
  width: 100%;
}
.page-numbers dt,
.page-numbers dd{
  position: relative;
}
.page-numbers dt{
  color: #790028;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 1rem;
  text-align: center;
}
.page-numbers dd p{
  color: #274B83;
  text-shadow: 1px 1px 0px #fff, -2px 1px 0px #fff, 1px -2px 0px #fff, -2px -2px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, -2px -1px 0px #fff, -1px -2px 0px #fff, 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, -1px 2px 1px #fff, -2px -1px 1px #fff, -1px -2px 1px #fff;
}

.page-numbers .nums {
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 1px 1px 0px #fff, -2px 1px 0px #fff, 1px -2px 0px #fff, -2px -2px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, -2px -1px 0px #fff, -1px -2px 0px #fff, 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, -1px 2px 1px #fff, -2px -1px 1px #fff, -1px -2px 1px #fff;
}
.page-numbers .nums.toyota ,
.page-numbers .nums.lexus ,
.page-numbers .nums.news ,
.page-numbers .nums.used {
  font-size: 2rem;
}
.page-numbers .nums .num{
  color: #790028;
  font-family: "Hind", sans-serif;
  font-size: 12rem;
  font-size: 8vw;
  font-weight: bold;
  line-height: 1;
}
.page-numbers .nums.toyota .num,
.page-numbers .nums.lexus .num{
  font-size: 8rem;
  font-size: 5vw;
}
.page-numbers .nums.news .num,
.page-numbers .nums.used .num{
  font-size: 7rem;
  font-size: 4vw;
}


.page-numbers .fbox1::before,
.page-numbers .fbox2::before,
.page-numbers .fbox3::before,
.page-numbers .fbox4::before,
.page-numbers .fbox6::before,
.page-numbers .fbox7::before,
.page-numbers .fbox8::before,
.page-numbers .fbox9::before{
  content: "";
  background: url(../../numbers/num_stores.svg) no-repeat center / contain;
  opacity: .65;
  position: absolute;
}
.page-numbers .fbox1::before{
  aspect-ratio: 165 / 119;
  right: 5rem;
  top: 8rem;
  width: 40%;
}
.page-numbers .fbox2::before{
  aspect-ratio: 195/181;
  background: url(../../numbers/num_age.svg) no-repeat center / contain;
  top: 50%;
  transform: translateY(-50%);
  width: 40%;
}
.page-numbers .fbox3::before{
  aspect-ratio: 149/181;
  background: url(../../numbers/num_continuous.svg) no-repeat center / contain;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
}
.page-numbers .fbox4::before{
  aspect-ratio: 235/225;
  background: url(../../numbers/num_employee.svg) no-repeat center / contain;
  top: 70%;
  transform: translateY(-50%);
  width: 37%;
}
.page-numbers .fbox6::before{
  aspect-ratio: 1/1;
  background: url(../../numbers/num_zangyo.svg) no-repeat center / contain;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
}
.page-numbers .fbox7::before{
  aspect-ratio: 176/193;
  background: url(../../numbers/num_yukyu.svg) no-repeat center / contain;
  top: 55%;
  transform: translateY(-50%);
  width: 50%;
}
.page-numbers .fbox8::before{
  aspect-ratio: 137/149;
  background: url(../../numbers/num_ikukyu1.svg) no-repeat center / contain;
  top: 50%;
  transform: translateY(-50%);
  width: 40%;
}
.page-numbers .fbox9::before{
  aspect-ratio: 193/149;
  background: url(../../numbers/num_ikukyu2.svg) no-repeat center / contain;
  top: 50%;
  transform: translateY(-50%);
  width: 55%;
}
.page-numbers .fbox1 .flexbox2,
.page-numbers .fbox8 .flexbox2,
.page-numbers .fbox9 .flexbox2{
  text-align: center;
}
.page-numbers .fbox1 .total{
  padding-left: 3rem;
}
.page-numbers .fbox1 .ftxtbox > p:first-child,
.page-numbers .fbox5 .fimgbox > p:first-child,
.page-numbers .fbox8 .ftxtbox > p:first-child,
.page-numbers .fbox9 .ftxtbox > p:first-child{
  font-size: 1.8rem;
  font-weight: bold;
}

.page-numbers .fbox4 .year{
  font-size: 1.8rem;
  margin-left: 1rem;
}
.page-numbers .fbox5 .imgbox {
  margin: 1rem auto;
  width: 50%;
}

@media only screen and (max-width: 1180px) {
  .page-numbers .fbox7,
  .page-numbers .fbox8,
  .page-numbers .fbox9 {
    height: 320px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-numbers dt{
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 820px) {
  .page-numbers .fbox{
    padding: 2rem 1rem ;
  }
  .page-numbers .fbox1::before {
    right: 2rem;
  }
  .page-numbers .fbox4::before{
    width: 62%;
  }
  .page-numbers dt{
    font-size: 2rem;
    letter-spacing: 1px;
  }
  .page-numbers .fbox7,
  .page-numbers .fbox8,
  .page-numbers .fbox9 {
    height: 240px;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-numbers .fbox{
    margin: 1rem 0;
    min-height: 268px;
    height: auto;
    width: 100%;
  }
  .page-numbers .nums .num{
    font-size: 23vw;
  }
  .page-numbers .nums.toyota .num,
  .page-numbers .nums.lexus .num {
    font-size: 15vw;
  }
  .page-numbers .nums.news .num,
  .page-numbers .nums.used .num {
    font-size: 9vw;
  }
  .page-numbers .fbox1::before {
    right: 15%;
  }
  .page-numbers .fbox1 .total{
    padding-left: 7rem;
  }
  .page-numbers .fbox4 .year{
    display: block;
    margin: 0;
    text-align: center;
  }
  .page-numbers .fbox7::before{
    top: 60%;
    width: 45%;
  }
  .page-numbers .fbox8::before{
    width: 30%;
  }
  .page-numbers .fbox9::before{
    width: 45%;
  }
}
@media only screen and (max-width: 350px) {
  .page-numbers .fbox{
    min-height: 238px;
  }
}

/*****************************
  JOB DESCRIPTION 募集要項
*****************************/
.page-job-description {
  background: #F8EEEB;
}
.page-job-description .panel_area_recruit{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(204, 174, 164, .2);
  padding: 3rem 8rem 5rem;
}
.page-job-description .panel_area_recruit .ttlbox2{
  margin-bottom: 4rem;
}
.page-job-description .recruit > div > dt,
.page-job-description .recruit > div > dd{
  border-top: 1px solid #790028;
  padding: 2rem 0;
}
.page-job-description .recruit > div > dt{
  color: #790028;
  width: 175px;
}
.page-job-description .recruit > div > dd{
  border-color: #DCDCDC;
  width: calc(100% - 200px);
}
.page-job-description dd,
.page-job-description dd li,
.page-job-description dd p,
.page-job-description dd dt{
  font-weight: normal;
}
.page-job-description dd dl > div:not(:last-of-type){
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .page-job-description .panel_area_recruit{
    padding: 2rem 3rem 3rem;
  }
  .page-job-description .panel_area_recruit .ttlbox2{
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-job-description .tabchenge .tab_area .ftab{
    margin: 0 auto 1rem;
    width: 80%;
  }
  .page-job-description .panel_area_recruit{
    padding: 2rem 2rem 3rem;
  }
  .page-job-description .recruit > div > dt,
  .page-job-description .recruit > div > dd{
    width: 100%;
  }
}

/*****************************
  EMPLOYEE INTERVIEW 先輩社員インタビュー 共通
*****************************/
.page-voice .txt{
  margin-top: 2rem;
}
.page-voice .txt p{
  font-weight: normal;
}
.page-voice .ftxtbox{
  width: 56%;
}
.page-voice .txt p:not(:last-of-type){
  margin-bottom: 1rem;
}
.page-voice .fimgbox{
  border-radius: 10px;
  overflow: hidden;
  width: 40%;
}
.page-voice .box1 .fimgbox{
  background: linear-gradient(90deg,#722B43,#274B83);
  border-radius: 7px;
  padding: .5rem;
}
.page-voice .box1 .fimgbox img{
  border-radius: 7px;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .page-voice .ftxtbox{
    margin: 0 auto;
    width: 80%;
  }
  .page-voice .fimgbox{
    margin: 2rem auto 0;
    width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-voice .ftxtbox{
    width: 100%;
  }
  .page-voice .fimgbox{
    width: 90%;
  }
}

/*****************************
  先輩社員インタビュー 　営業
*****************************/
/* .page-voice1 .box1 .fimgbox{
  width: 215px;
}
.page-voice1 .box1 .ftxtbox{
  width: calc(96% - 215px);
} */
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  /* .page-voice1 .box1 .fimgbox,
  .page-voice1 .box1 .ftxtbox{
    margin: 0;
  } */
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  /* .page-voice1 .box1 .ftxtbox{
    width: 100%;
  } */
  .page-voice1 .box1 .fimgbox{
    margin: 0 auto 2rem;
    /* max-width: 215px; */
    width: 80%;
  }
}

/*****************************
  先輩社員インタビュー エンジニア
*****************************/
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-voice2 .box1 .fimgbox{
    margin: 0 auto 2rem;
    width: 80%;
  }
}

/*****************************
  先輩社員インタビュー アシスタント
*****************************/
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .page-voice3 .box1 .fimgbox{
    margin: 0 auto 2rem;
    width: 80%;
  }
}