@charset "UTF-8";

#interview {overflow:hidden;}


#interview .kv {padding: 0;}
#interview .kv__inner {position: relative;background:#000;height:590px;overflow:hidden;} /*edit*/
#interview .kv__inner .kv__img {min-width:1520px;width:100%;min-height:590px;height:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} /*edit*/

#interview .kv__textContainer {position: absolute;top: 50%;left: 0;padding:0 40px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width:100%;}
#interview .kv__textContainer.text_right {left: auto;right: 0;width:auto;display:inline-block;white-space: nowrap;}

#interview .kv__hd1 {color: #fff;margin-bottom: 2rem;}
#interview .kv__en {display: block;font-size: 2.4rem;line-height: 1.4;font-weight: bold;}
#interview .kv__ja {display: block;font-size: 5rem;font-weight: bold;line-height: 1.4;}
#interview .kv__lead {font-size: 1.6rem;font-weight: bold;color: #fff;max-width:710px;}

#interview .interview_box{background:url(../img/interview/bg-ami.png) 0 0;padding:60px 0;}

#interview .btn1 {text-align: center;display: table;margin: 0 auto;font-size: 1.6rem;font-weight: bold;line-height: 1;padding: 1.5rem 6rem 1.5rem 4rem;color: #fff;background: #e60012;position: relative;}
#interview .btn1::after {content: "";display: inline-block;width: 2.7rem;height: 1rem;background: url("../img/common/arrow.png");background-size: contain;background-repeat: no-repeat;position: absolute;top: 1.9rem;right: 1rem;}

#interview .btn2 {text-align: center;display: table;margin:0 0 0 auto;font-size: 1.6rem;font-weight: bold;line-height: 1;padding: 1.5rem 6rem 1.5rem 0;color: #fff;position: relative;border-bottom:2px solid #fff;}
#interview .btn2::after {content: "";display: inline-block;width: 2.7rem;height: 1rem;background: url("../img/common/arrow.png");background-size: contain;background-repeat: no-repeat;position: absolute;top: 1.9rem;right: 1rem;}


#interview .interview_list_out{padding:0 40px;width:1280px;margin:0 auto;}
#interview .interview_list{margin:0 0 0 -40px;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#interview .interview_list_in{width:33.3%;padding:0 0 40px 40px;}
#interview .interview_list_in img{width:100%;}
#interview .interview_list_in h2{background:#e60012;color:#fff;font-size:24px;font-weight:bold;line-height:1.5;text-align:center;padding:5px;}
#interview .interview_list_in_in{background:#fff;padding:20px;}
#interview .interview_list_in_in p{font-size:16px;padding:0 0 20px 0;}


#interview .f_thumbox{padding:80px 40px;width:1280px;margin:0 auto;}
#interview .f_thumbox h2{padding:0 0 40px 0;font-size:40px;text-align:center;font-weight:bold;line-height:1.6;}
#interview .f_thumbox h2 span{color:#e60012;}
#interview .f_thumbox ul{display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -20px;}
#interview .f_thumbox ul li{padding:0 0 0 20px;}
#interview .f_thumbox ul li img{width:100%;}
#interview .f_thumbox ul li a{display:block;position:relative;}
#interview .f_thumbox .f_thumbox_in{text-align:center;padding:10px;position:absolute;bottom:0;left:0;background-color: rgba(230, 0, 18, 0.5);width:100%;color:#fff;line-height:1.6;}

#interview .f_thumbox .sml_txt{font-size:16px;font-weight:bold;display:block;}
#interview .f_thumbox .large_txt{font-size:26px;font-weight:bold;display:block;}



#interview .kv__catch {display: inline;font-size: 38px;font-weight: bold;background:#fff;color:#000;padding:3px 5px;}
#interview .kv__catch .kv__catch_in span{color:#e60012;}
#interview .kv__name {display: table;font-size: 26px;font-weight: bold;background:#000;padding:3px 5px;margin:40px 0 0 0;}

#interview .interview_solo_box{background:url(../img/interview/bg-ami.png) 0 0;padding:60px 0 80px 0;}
#interview .interview_solo_box_in{padding:0 15px;width:970px;margin:0 auto;}

#interview .interview_solo_box_in .lead{text-align:center;font-weight:bold;font-size:24px;}
#interview .interview_solo_box_in h2{background:#e60012;margin:70px 0 35px 0;padding:10px;color:#fff;text-align:center;font-weight:bold;font-size:28px;}
#interview .interview_solo_box_in p{font-size:16px;}

#interview .interview_solo_box_in .sml_txt{font-size:14px;}







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

  #interview .kv__inner {height:auto;}
  #interview .kv__inner .kv__img {min-width:0;min-height:0;position: static;top: auto;left: auto;transform: translate(0, 0);}

  #interview .kv__en {font-size: 2.4rem;}
  #interview .kv__ja {font-size: 10vw;padding:5px 0 0 0;}
  #interview .kv__lead {font-size: 1.6rem;}

  #interview .kv__splead {padding: 5rem 1.5rem 5rem;font-size: 1.6rem;font-weight: bold;}


  #interview .interview_list_out{width:100%;}

  #interview .interview_list{margin:0;display:block;}
  #interview .interview_list_in{width:100%;padding:0 0 40px 0;}
  #interview .interview_list_in_in{padding:15px;}

  #interview .kv__catch {font-size: 30px;}
  #interview .kv__name {font-size: 20px;margin:30px 0 0 0;}

  #interview .interview_solo_box_in{width:100%;}

  #interview .interview_solo_box_in .lead{font-size:20px;}
  #interview .interview_solo_box_in h2{font-size:22px;}
  #interview .interview_solo_box_in p{font-size:14px;}


  #interview .f_thumbox{width:100%;}
  #interview .f_thumbox ul li{width:50%;padding:0 0 20px 20px;}


  #interview .kv__textContainer {padding:0 15px;}

  #interview .kv.interview_low .kv__textContainer {padding:0;position: absolute;top:auto;bottom: 20px;left: 20px;-webkit-transform: translateY(0);transform: translateY(0);}
  #interview .kv__textContainer.text_right {left: auto;right: auto;}



}

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



  #interview .kv__en {font-size: 5vw;}
  /*#interview .kv__lead {font-size: 3.3vw;}
  #interview .kv__splead {font-size: 3.3vw;}*/

  #interview .btn1 {font-size: 3.5vw;}


  #interview .interview_list_out{padding:0 15px;}
  #interview .interview_list_in_in h2{font-size:4vw;}
  #interview .interview_list_in_in h2 span{font-size:5.8vw;}
  /*#interview .interview_list_in_in p{font-size:3.3vw;}*/

  #interview .f_thumbox h2{font-size:7vw;}

  #interview .f_thumbox ul{margin:0 0 0 -15px;}
  #interview .f_thumbox ul li{width:50%;padding:0 0 15px 15px;}

  #interview .f_thumbox .f_thumbox_in{padding:5px;}

  #interview .f_thumbox .sml_txt{font-size:3vw;}
  #interview .f_thumbox .large_txt{font-size:4.3vw;}

  #interview .f_thumbox{padding:60px 15px;}


  #interview .kv__catch {font-size: 5.8vw;}
  #interview .kv__name {font-size: 4.3vw;}

  #interview .interview_solo_box_in .lead{font-size:4.2vw;}
  #interview .interview_solo_box_in h2{font-size:4.5vw;margin:50px 0 25px 0;}
  /*#interview .interview_solo_box_in p{font-size:3.3vw;}*/

  #interview .interview_solo_box_in .sml_txt{font-size:3vw;}




  /*
	13px　→　3vw
	16px　→　3.3vw
	18px　→　3.5vw
	20px　→　4vw
	22px　→　4.2vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/
}
