@charset "UTF-8";

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

#suport .kv__textContainer {position: absolute;top: 50%;left: 0;padding:0 40px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

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


#suport .suport_box{background:url(../img/campuslife/bg-ami.png) 0 0;padding:30px 0 60px 0;}




#suport .suport_box_ttl{font-size:36px;text-align:center;font-weight:bold;}

#suport .schedule_img{width:210px;padding:15px 0 0 0;}

#suport .schedule_tbl1{font-size:16px;width:100%;}
#suport .schedule_tbl1 td{padding:30px 20px 10px 20px;}
#suport .schedule_tbl1 th{padding:30px 20px 10px 20px;}
#suport .schedule_tbl1 .month{vertical-align:top;}
#suport .schedule_tbl1 .event{vertical-align:top;width:430px;}
#suport .schedule_tbl1 .event .ttl{padding:22px 10px; background:#e60012;text-align:center;color:#fff;font-weight:bold;font-size:20px;}
#suport .schedule_tbl1 .draft{vertical-align:top;width:430px;}
#suport .schedule_tbl1 .draft .ttl{padding:10px;background:#e60012;text-align:center;}
#suport .schedule_tbl1 .draft .ttl img{width:105px;}

#suport .smltxt{font-size:14px;}
#suport .schedule_tbl1 .suport_box_txt1{padding:50px 0 10px 0;}

#suport .schedule_img_box{display:flex;margin:0 0 0 -10px;}
#suport .schedule_img_box div{margin:0 0 0 10px;}




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

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

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

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

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



  #suport .schedule_img{width:100%;}
  #suport .schedule_tbl1 td{padding:20px 0 10px 0;}
  #suport .schedule_tbl1 th{padding:20px 0 10px 0;}
  #suport .schedule_tbl1 .month{width:18%;}
  #suport .schedule_tbl1 .event{width:83%;}
  #suport .ttl{padding:10px 5px;margin:40px 0 0 0; background:#e60012;text-align:center;color:#fff;font-weight:bold;font-size:20px;}
  #suport .schedule_tbl1 .draft{width:83%;}
  #suport .ttl img{width:100px;}

  #suport .suport_box_txt1{padding:30px 0 10px 0;font-size:16px;}










}

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

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


  #suport .suport_box_ttl{font-size:5.8vw;}
  #suport .schedule_tbl1{font-size:4vw;}
  #suport .schedule_tbl1 .event .ttl{font-size:4vw;}
  /*#suport .smltxt{font-size:3.3vw;}*/
  #suport .suport_box_txt1{font-size:4vw;}



  /*
	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
*/
}