/* コンテンツ幅調整 */

/* 共通 */
/* .main-sec,
.sec-web,
.sec-design,
.sec-health,
.sec-medical,
.sec-company {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
} */


.footnav-block{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


.footer-inner {
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
  max-width: 1200px;
  width: 100%;
}

.foot-about{
  width: 35%;
}


/* 各ページ */
/* style.cssの566行目付近に追加 */
.sec-design .img-block {
  background: url(../imgs/index/in-lmg05.jpg) no-repeat 50% 50%;
  background-size: cover;
}


.c01,
.c02,
.c03{
  width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


.sec-foot {
  width: 100%;
    max-width: 1200px;
    margin: 10% auto 0;
}

.rec01, .rec02 {
  width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 0;
}

.wrap {
  width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.com01 {
    background: #f5f5f5;
    padding: 100px 40px;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.com02 {
    padding: 100px 40px 0;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.c-privacy {
  width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 0;

}

@media screen and (max-width: 1024px){

  .footer-inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    max-width: 100%;
    width: 100%;
  }

  .foot-about{
    width: auto;
  }

  p.pmark > span:nth-child(1) {
    width: 10%;
}

.foot-contact h3 {
    text-align: center;
    padding: .35em 3em;
}

.c01,
.c02,
.c03{
  width: 100%;
    max-width: auto;
    margin: 0 auto;
}


.com01 {
    max-width: auto;
    padding: 100px 1em;

}
.com02 {
    padding: 100px 1em 0;

    max-width: auto;

}


}



/*=======社員インタビューページ=========*/
#interview #g-nav li a,#interview #g-nav li p{ color: #333;}
#interview header .header-btn a{ color: #fff; background: #6aa545;}
#interview header h1 svg .cls-1{ fill: #606060;}
#interview header h1 svg .cls-3{ fill: #4d822b;}
#interview header h1 svg .cls-2{ fill: #ffbc00;}
#content.interview_under{ max-width: 1200px; width: 100%;  }

#interview .interview_main_box{ position: relative; margin: 300px 0 60px; box-sizing: border-box;}
#interview .interview_main_box h3{ position: absolute; top: -120px; right: 0; font-size: 125px; line-height: 1.3; font-weight: 100;}
#interview .interview_main_img{ width: 57%;}
#interview .interview_main_img::before{ content: 'Designer'; color: #f9f9f9; font-size: 180px; position: absolute; top: -180px; letter-spacing: 10px; left: -30%; font-family: bodoni-urw, serif; font-style: italic;}
#interview .interview_main_img.healthcare::before{ content: 'HealthCare';}
#interview .interview_main_img.marke::before{ content: 'Marketing'; color: #f9f9f9; font-size: 180px; position: absolute; top: -180px; letter-spacing: 10px; left: -30%; font-family: bodoni-urw, serif; font-style: italic;}
#interview .interview_main_img.medical::before{ content: 'Medical'; color: #f9f9f9; font-size: 180px; position: absolute; top: -180px; letter-spacing: 10px; left: -30%; font-family: bodoni-urw, serif; font-style: italic;}

#interview .interview_main_img > img,#interview .interview_img > img{ width: 100%;}
#interview .interview_main{ position: absolute; bottom: 100px; background: #fff; right: 0; width: 65%; padding: 40px;}
#interview .interview_ttl{ display: inline-block; font-size: 46px; font-weight: 500;background: #fff; color: #333; width: auto; padding: 0 50px 20px 0; font-family: a-otf-ryumin-pr6n, serif;}
#interview .main_tag{ text-align: left; color: #207100; font-family: sans-serif; padding: 0 0 20px 0;}
#interview .main_tag span{ padding: .5em .5em .5em 0; letter-spacing: 1px;}
#interview .interview_main_txt{ font-family: sans-serif; letter-spacing: 1px;}
#interview .interview_list{ padding-bottom: 40px;}
#interview .interview_list ul{ padding: 0 50px;}
#interview .interview_list li{ display: flex; gap: 40px; align-items: baseline;}
#interview .interview_list li + li{ padding-top: 40px;}
#interview .interview_list_num{ font-size: 70px; position: relative; color: #207100; font-family: a-otf-ryumin-pr6n, serif; font-style: italic;}
#interview .interview_list_num > span{ font-size: 30px; position: absolute; top: 10%; left: -30%;}
#interview .interview_list_ttl{ font-size: 38px;  padding-bottom: 20px; font-family: a-otf-ryumin-pr6n, serif;}
#interview .interview_list_txt{ font-family: sans-serif;}
#interview .interview_img{ width: 60%; padding: 100px 0 40px; margin-left: auto;}
#interview .interview_img.even{ width: 100vw; margin-right: auto; box-sizing: border-box; left: 50%; transform: translateX(-50%); padding: 40px 0 100px;}
#interview .interview_img.even > img{ height: 390px; object-fit: cover;}

#interview .schedule{ background: #f5f5f5; padding: 80px 0 120px;}
#interview .schedule h3{ font-weight: 100; font-size: 35px; border-bottom: none; position: relative; text-align: center; margin-bottom: 30px; letter-spacing: 2px; color: #307b01; font-family: a-otf-ryumin-pr6n, serif;}
#interview .schedule h3::before{ content: ""; position: absolute; border-bottom: 1px solid #307b01; width: 40px; top: 63px; left: 50%; transform: translateX(-50%);}
#interview .schedule h3 span{ font-weight: 100; font-size: 12px; display: block; margin-top: 20px; letter-spacing: 2px; color: #307b01;}
#interview .schedule .timeline{ max-width: 1000px; width: 100%; margin: 0 auto; padding: 40px 0 0;}
#interview .schedule li + li{ padding-top: 40px;}
#interview .schedule .timeline dl{ display: flex; justify-content: center; align-items: baseline;}
#interview .schedule .timeline dt{ width: 100px; font-style: italic; font-size: 1.5em; color: #6aa545; font-family: bodoni-urw, serif;}
#interview .schedule .timeline dd{ font-family: sans-serif; width: 70%; position: relative;}
#interview .schedule .timeline dd span{ display: block; padding-bottom: .45em; font-size: 1.15em;}
#interview .timeline dd::before{ content: ''; position: absolute; top: 8%; left: -4%; width: 10px; height: 10px; background: #6aa545; border-radius: 50%;}
#interview .timeline li:not(:last-child) dd:after{ content: ''; position: absolute; background: #6aa545; width: 1px; height: 150%; top: 15%; left: -3.3%;}

#interview .offtime{ max-width: 1100px; margin: 60px auto 0; background: linear-gradient(
180deg, #f5f5f5 0%, #f5f5f5 18%, #fff 18%, #fff 100%); display: flex; padding: 2em; justify-content: center; align-items: end;}
#interview .offtime > p{ width: 22%;}
#interview .offtime > p > img{ width: 100%;}
#interview .offtime > div{ width: 65%; padding-left: 2em;}
#interview .offtime > div .off_ttlen{ color: #6aa545; font-style: italic; font-size: 40px; font-family: bodoni-urw, serif; letter-spacing: 2px;}
#interview .offtime > div .off_ttljp{ font-size: 1.15em; padding: 0 0 1.25em .3em; font-family: sans-serif;}
#interview .offtime > div .off_txt{ font-family: sans-serif; padding: 0 0 0 .3em;}
#interview .entry-btn.green{ justify-content: center; padding: 4em 0 0 0;}

@media screen and (max-width: 900px){
	#interview #sp-menu-toggle span{ background: #333;}
	#interview .interview_main_box{ margin: 100px 0 60px; height: 80vh;}
	#interview .interview_main_img{ width: 100%;}
	#interview .interview_main_img::before{ font-size: 15vw; top: -16vw; left: -1vw; letter-spacing: 2px;}
	#interview .interview_main_img.marke::before{ font-size: 15vw; top: -16vw; left: 2vw; letter-spacing: 2px;}
	#interview .interview_main_img.medical::before{ font-size: 15vw; top: -16vw; letter-spacing: 2px; left: 2vw;}
	#interview .interview_main{ width: 90%; padding: 4vw 0 4vw 4vw; bottom: -20vw;}
	#interview .interview_ttl{ font-size: 6vw; padding: 0 0 10px 0;}
	#interview .main_tag{ font-size: .88em; padding: 0 0 10px 0;}
	#interview .interview_main_txt{ padding-right: 4vw; font-size: .88em;}

	#interview .interview_list ul{ padding: 0 4vw;}
	#interview .interview_list li{ flex-direction: column; gap: 10px;}
	#interview .interview_list_ttl{ font-size: 6vw;}
	#interview .interview_list_num{ font-size: 40px; padding-left: 18px;}
	#interview .interview_list_num > span{ font-size: 22px; left: 0;}
	#interview .interview_list{ padding: 8vw 0;}
	#interview .interview_img{ padding: 8vw 0 4vw; width: 95%;}
	#interview .interview_img.even{ padding: 4vw 0 12vw;}
	#interview .interview_img.even > img{ height: 195px;}
	#interview .interview_img.even.sp_right_img > img{ object-position: 80%;}
	#interview .schedule{ padding: 8vw 4vw 20vw;}
	#interview .schedule .timeline{ padding: 0;}
	#interview .schedule .timeline dt{ width: 4em;}
	#interview .schedule .timeline dd{ width: 80%; font-size: .88em;}
	#interview .timeline dd::before{ top: 6%; left: -8.5%;}
	#interview .timeline li:not(:last-child) dd:after{ top: 11%; left: -6.9%; height: 122%;}
	#interview .schedule li + li{ padding-top: 4vw;}
	#interview .offtime{ flex-direction: column; margin: 6vw auto 0;}
	#interview .offtime > p{ width: 55%;}
	#interview .offtime > div{ width: 100%; padding-left: 0;}
	#interview .offtime > div .off_ttlen{ line-height: 1.2;}
	#interview .offtime > div .off_ttljp{ font-size: 1em; padding: 0 0 10px; }
	#interview .offtime > div .off_txt{ font-size: .88em; padding: 0;}
	#interview .entry-btn.green{ padding: 8vw 0 0;}


}