@charset "UTF-8";

/*==============================
        interview common
==============================*/
.pc-only {  }
.sp-only { display:none; }
#interview {  }
#interview a { text-decoration:none; }
#interview .int-wrap { padding:50px 0 100px; background:#FFFCF2; }
#interview .int-wrap .int-inner { max-width:1000px; width:100%; margin:0 auto; padding:0 20px; }


/*==============================
        interview list
==============================*/
#interview .int-wrap .int-btn-list { display:flex; justify-content:center; margin-top:50px; }
#interview .int-wrap .int-btn-list li { width: 48%; }
#interview .int-wrap .int-all-list { display:flex; flex-wrap:wrap; position:relative; z-index:10; }
#interview .int-wrap .int-all-list li {
  width:calc(50% - 30px);
  margin-right:60px;
  position:relative;
  background:#fff;
  border:solid 3px #005FA4;
  border-radius:15px;
  transition:all ease-out .4s;
}
#interview .int-wrap .int-all-list li:after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#B7D1DE;
  position:absolute;
  top:15px;
  left:15px;
  border-radius:15px;
  z-index:-1;
  transition:all ease-out .4s;
}
#interview .int-wrap .int-all-list li:nth-of-type(2n) { margin-right:0; }
#interview .int-wrap .int-all-list li:nth-of-type(n+3) { margin-top:60px; }
#interview .int-wrap .int-all-list li a { display:block; background:#fff; color:#262626; border-radius:12px; overflow:hidden; transition:all ease-out .4s; }
#interview .int-wrap .int-all-list .int-all-list_img { overflow:hidden; }
#interview .int-wrap .int-all-list .int-all-list_img img { transition:all ease-out .4s; }
#interview .int-wrap .int-all-list .int-all-list_text { padding:20px; font-weight: bold; }
#interview .int-wrap .int-all-list .int-all-list_name { padding-left:15px; border-left:solid 3px #005fa4; margin-bottom:20px; }
#interview .int-wrap .int-all-list .int-all-list_ttl { font-size:20px; color:#005fa4; }
#interview .int-wrap .int-all-list li a:hover { opacity:.6; }
#interview .int-wrap .int-all-list li a:hover .int-all-list_img img { transform:scale(1.1); }

@media screen and (max-width:640px) {
  #interview .int-wrap { padding:15px 0 50px; }
  #interview .int-wrap .int-btn-list { display:block; width:90%; margin:0 auto 30px; }
  #interview .int-wrap .int-btn-list li { width:100%; }
  #interview .int-wrap .int-btn-list li:last-child { margin-top:10px; }
  #interview .int-wrap .int-all-list { display:block; width:90%; margin:0 auto; }
  #interview .int-wrap .int-all-list li { width:100%; margin-right:0; }
  #interview .int-wrap .int-all-list li:nth-of-type(n+2) { margin-top:50px; }
  #interview .int-wrap .int-all-list li:nth-of-type(n+3) { margin-top:50px; }
  #interview .int-wrap .int-all-list .int-all-list_name { margin-bottom:10px; }
  #interview .int-wrap .int-all-list .int-all-list_ttl { font-size:16px; }
}


/*==============================
       interview detail
==============================*/
#interview .int-detail_wrap { border-radius:15px; border:solid 3px #005fa4; overflow:hidden; }
#interview .int-detail_block { margin-top:30px; padding:30px; background:#fff; }
#interview .int-detail_block .text-area { }
#interview .int-detail_block .text-area p { font-size:16px; }

#interview h2.int-detail_main-ttl { text-align:center; font-size:34px; color:#005FA4; font-weight: bold; margin-bottom:50px; }
#interview h3.int-detail_ttl {
  text-align:center;
  font-size:26px;
  color:#005FA4;
  font-weight:bold;
  line-height:1;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:60px;
}
#interview h3.int-detail_ttl:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:50%;
  transform:translateX(-50%);
  display:block;
  width:60px;
  height:10px;
  background-size:10px 10px;
  background-image:radial-gradient(#005FA4 35%, transparent 45%);
}
#interview h3.int-detail_ttl i { max-width:30px; margin:0 10px 0 -40px; }

#interview .int-detail_main-mv { position:relative; }
#interview .int-detail_main-mv .profile {
  position:absolute;
  bottom:20px;
  right:20px;
  background:#fff;
  padding:10px 20px 15px 20px;
  border-radius:15px;
}
#interview .int-detail_main-mv .profile .prof-ttl { display:flex; align-items:center; }
#interview .int-detail_main-mv .profile .prof-ttl span { display:inline-block; padding:0 1em; color:#005fa4; font-size:20px; font-weight: bold; }
#interview .int-detail_main-mv .profile .prof-ttl:before,#interview .int-detail_main-mv .profile .prof-ttl:after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#005fa4;
}
#interview .int-detail_main-mv .profile .prof-name { padding-bottom:10px; border-bottom:solid 1px #005fa4; font-weight: bold; font-size:16px; }
#interview .int-detail_main-mv .profile .prof-name span.font-big { font-size:130%; }



#interview .int-detail_youtube { width:100%; aspect-ratio: 16 / 9; border-radius:15px; overflow:hidden; }
#interview .int-detail_youtube iframe { width:100%; height:100%; }

#interview .int-detail_message { display:flex; justify-content:space-between; }
#interview .int-detail_message li { border:solid 1px #005fa4; padding:30px 20px 20px 20px; position:relative; border-radius:15px; }
#interview .int-detail_message li:first-child { width:calc(33.33% * 2 - 10px); }
#interview .int-detail_message li:last-child { width:calc(33.33% - 10px); }
#interview .int-detail_message.w50 li { width:48%; }
#interview .int-detail_message li p { font-size:16px; }
#interview .int-detail_message .int-detail_message-ttl {
  margin:-50px 0 10px;
  text-align:center;
  font-size:20px;
  color:#005fa4;
  font-weight: bold;
}
#interview .int-detail_message .int-detail_message-ttl span { display:inline-block; background:#fff; padding:0 1em; word-break:keep-all; }
#interview .int-detail_message .int-detail_message-ttl-light span { position:relative; }
#interview .int-detail_message .int-detail_message-ttl-light span:before {
  content:"";
  display:inline-block;
  background-image:url(images/index/light.svg);
  background-size:cover;
  width:35px;
  height:40px;
  position:absolute;
  right:90%;
  top:-30%;
}

#interview .int-detail_memory { display:flex; justify-content:space-between; }
#interview .int-detail_memory li { width:48%; }
#interview .int-detail_memory li img { margin-bottom:10px; box-shadow:0 3px 6px rgb(0,0,0,.5); }
#interview .int-detail_memory.center { justify-content:center; }
#interview .int-detail_memory.center li { width:70%; }

@media screen and (max-width:640px) {
  
  .pc-only { display:none; }
  .sp-only { display:block; }
  #interview .int-detail_block { padding:20px; }
  #interview h2.int-detail_main-ttl { font-size:20px; margin-bottom:20px; text-align:left; }
  #interview h3.int-detail_ttl { font-size:20px; }
  #interview .int-detail_block .text-area p { font-size:14px; }
  #interview .int-detail_main-mv .profile { position:initial; background:none; margin-top:20px; }
  #interview .int-detail_main-mv .profile .prof-name { text-align:center; padding:10px 0 20px; font-size:14px; }
  #interview .int-detail_main-mv .profile .prof-name span.font-big { font-size:120%; }
  #interview .int-detail_main-mv .profile .prof-name .prof-name-wrap { display:inline-block; text-align:left; }
  #interview .int-detail_message { display:block; }
  #interview .int-detail_message li { width:100%!important; }
  #interview .int-detail_message li:last-child { margin-top:40px; }
  #interview .int-detail_message li p { font-size:14px; }
  #interview .int-detail_message .int-detail_message-ttl-light span:before { width:25px; height:35px; top:-5%; right:95%; }
  #interview .int-detail_memory { display:block; }
  #interview .int-detail_memory li { width:100%;text-align:center; }
  #interview .int-detail_memory li:last-child { margin-top:30px; }
  #interview .int-detail_memory.center li { width:100%;text-align:left;}
  
}