
body.interview{background:#f6f6f6;}
body.on header{height:100%;}
a{color:#fff;}

header div.main-visual.page-1 div.sign-block{width:180px; height:auto; position:absolute; bottom:111px; right:6%; z-index: 1;}
header div.main-visual.page-1 div.sign-block img{width:100%; height:auto;}
header div.main-visual.page-1 div.sign-block p{font-size:1.4rem; line-height:1.6; margin-bottom:15px;}
header div.main-visual.page-1 ul.main-visual-images li{height: 600px; background-image: url(/images/interview-mainv01.jpg); background-repeat: no-repeat; background-position:center 20%; background-size: cover;}

section.interview-section div.interview-back{width:100%; padding:68px 20px 80px; box-sizing:border-box;}
section.interview-section:nth-of-type(odd) div.interview-back{background:#f6f6f6;}
section.interview-section:nth-of-type(even) div.interview-back{background:#fff;}
section.interview-section div.interview-back div.interview-inner{max-width:800px; width:100%; margin:0 auto;}
section.interview-section div.interview-back div.interview-inner h2.title{font-size:3.3rem; line-height:1.4; font-weight:bold;text-align:center; margin-bottom:50px;}
section.interview-section div.interview-back div.interview-inner h2.title span.color-red{color:#fe2531;}
section.interview-section div.interview-back div.interview-inner p.question{font-size:1.7rem; line-height:1.7; color:#999; position:relative; padding-left:55px; box-sizing: border-box; margin-bottom:40px;}
section.interview-section div.interview-back div.interview-inner p.question:before{content:""; display: block; width:45px; height:1px; background:#aaa; position:absolute; top:13px; left:0;}
section.interview-section div.interview-back div.interview-inner p.text{font-size:1.5rem; line-height:1.7;}
section.interview-section div.interview-back div.interview-inner img{width:100%;}
section.interview-section div.interview-back div.interview-inner div.image-block-wrapper{display:flex; justify-content:space-between;}
section.interview-section div.interview-back div.interview-inner div.image-block-wrapper div.image-block{width:46.25%;}
section.interview-section div.interview-back div.interview-inner div.image-block-wrapper div.image-block span.caption{font-size:1.4rem; line-height:1.6; color:#999; margin-top:10px; display:block;}
section.interview-section:nth-of-type(n+2) div.interview-inner p.text:last-of-type{margin-bottom:73px;}


/* タブレット */
@media (max-width: 1200px){

  header div.main-visual.page-1 div.sign-block{bottom:25px; left: 25%; right:auto; z-index: 1;}
  header div.main-visual.page-1 div.copy.left-margin{left:0;}
  header div.main-visual.page-1 ul.main-visual-images li{background-position:30% 20%;}

}


/* スマホ */
@media (max-width: 760px){

  header div.main-visual.page-1 div.sign-block{width:108px; left:5%; bottom:45px;}
  header div.main-visual.page-1 ul.main-visual-images li{background-position:45% 20%;}
  header div.main-visual.page-1 ul.main-visual-images li.images-child{height:240px;}
  header div.main-visual.page-1 ul.main-visual-images{position:relative; z-index:1;}
  header div.main-visual.page-1 div.sign-block p{font-size:0.9rem; line-height:1.6; margin-bottom:9px;}

  main section.interview-section:first-of-type div.interview-back{margin-top: 170px;}
  main section.interview-section div.interview-back { position: relative; z-index: 1; padding: 35px 20px 40px;}
  main section.interview-section div.interview-back div.interview-inner h2.title{font-size:2.4rem; line-height:1.4; margin-bottom:31px;}
  main section.interview-section div.interview-back div.interview-inner p.question{margin-bottom:21px;}
  main section.interview-section div.interview-back div.interview-inner div.image-block-wrapper{flex-direction:column;}
  main section.interview-section div.interview-back div.interview-inner div.image-block-wrapper div.image-block{width:100%;}
  main section.interview-section div.interview-back div.interview-inner p.text{margin-bottom:20px;}
  main section.interview-section:nth-of-type(n+2) div.interview-inner p.text:last-of-type{margin-bottom:25px;}
  main section.interview-section div.interview-back div.interview-inner div.image-block-wrapper{display:block;}
  main section.interview-section div.interview-back div.interview-inner div.image-block-wrapper div.image-block span.caption{margin-top:6px;}
  main section.interview-section div.interview-back div.interview-inner div.image-block-wrapper div.image-block:nth-of-type(2){margin-top:14px;}
}
