@charset "utf-8";
/* CSS Document */
/*===============================================
●smart.css  
===============================================*/
body{ font-size: 12px; margin-top: 0 !important;}

.fltL,
.fltR { float: none; width: auto !important;}

.is-sp{display: block;}
.is-pc{display: none;}

.clm2{ display: block;}
.clm2 > *{ width: auto; margin-bottom: 3%;}

/*----------------------------------------------------
    ★cpc menu
----------------------------------------------------*/
/*== メガメニュー ==*/
#jp_head{ /*position: inherit; top: auto; left: auto; background: #fff;*/}
#jp_head .logo{ margin: 5% 0 4% 1%; max-width: 200px;}
#jp_head #jp_navi{ display: none; height: 0;}

/*----------------------------------------------------
    ★sp menu
----------------------------------------------------*/

.menu02 {
	display: none;
}
.header-sp {
	width: 100%;
	/*height:45px;*/
	position:fixed;
	top:0;
	right:0;
	display:block;
  z-index: 100;
}
.header-sp li a {
	padding:10px 15px;
	display:block;
	 width: 100%;
	 /*color:#fff;*/
	 font-size:13px;
	 text-decoration:none;
	 font-weight:bold;
}
.header-sp li:hover {
  width: 100%;
  /*background-color:#142059;*/
}
.header-sp .menu02 {
	 background-color: #FDD9D9;
	 width: 100%;
	 margin: 0;
	 padding: 60px 5% 20px;
	 position: absolute;
	 top: 0;
	 list-style: none;
	 text-align: left;
	 z-index:10000;
}

/*.header-sp .menu02 > li > ul.linkBox{ margin: 0 0 10px;}
.header-sp .menu02 > li > ul.linkBox > li > a{ font-size: 11px !important; padding: 5px 30px;}*/

.header-sp .menu02 > li a{ display: flex; align-items: center;}
.header-sp .menu02 > li a span.i{ width: 30px; margin: 0 1em 0 0;}
.header-sp .menu02 > li a span.t{ font-size: 1.3em;}





#toggle {
  display: block;
  background:#333;
  right: 0;
  top:0;
  padding:12px 10px;
  height:25px;
  width:25px;
  position:fixed;
  z-index: 10001;
  /*border-radius:4px;*/
  cursor: pointer;
}
#toggle a {
	 display: block;
	 position: relative;
	 color: #fff;
	 text-align: center;
	 text-decoration: none;
}
#toggle img{
	width:100%;
}
 #toggle a:before, #toggle a:after {
	 display: block;
	 content: "";
	 position: absolute;
	 top: 50%;
	 right: 10px;
	 width: 20px;
	 height: 4px;
}
 #toggle a:after {
	margin-top: 2px;
}



/*-------------------------------------------------------
ここから
--------------------------------------------------------*/

/*== MV ==*/
#mv{ padding: 5em 0 2em;}
#mv::before{ transform: skewX(20deg); transform-origin: 100% 0;}
#mv .inBox{ padding: 14em 0 0;}
.mvSlider{}
.mvSlider li.sItem{ margin: 0 5px;}
.mvSlider li.sItem > div{ border-width: 10px;}

.mvSlider li.sItem > div{}
.mvSlider li.sItem > div::after{ padding-top:85%;}



/*== NEWS ==*/
.announce {
    background: none;
    width: 84%;
    margin: 8% auto 5%;
    height: auto;
}
.announceIn {}
.announceIn dl {
    margin-bottom: 15px;
  line-height: 1.5;
}
.infoDetail a {
    border-bottom: 1px dotted #27856b;
    padding-bottom: 3px;
}
.info {
    float: none;
    padding-left: 0;
    font-size: 14px;
    margin-bottom: 3%;
    font-weight: 600;
}
.infoDetail {
    float: none;
    font-size: 12px;
}


/*== youtube ==*/
.youtube{}




/*== 共通 ==*/
.scBlock{}
.scBlock .md{}
.scBlock .md .txt{ font-size: 100%;}
.scBlock .md > .en{ font-size: 10vw;}
.scBlock .md > .jp{ font-size: 110%;}

.scBlock .scBlockIn{}

/*注意事項*/
.bscBox01{ font-size: 90%;}
.bscBox01 dl{}
.bscBox01 dl dt{}

/*ボタン*/
.btn{}
.btn a{ font-size: 3.2vw;}

.block {}
.block .fltL{ margin: 0 auto 5%;}
.block .fltR { }
.block .fltR .icon{ top: -2.5em; right: 0;}
.block .fltR .icon img{}
.block .fltR h3{ font-size: 4.8vw;}
.block p{}
.block dl {}
.block dt,
.block dd { float: none; width: auto !important;}
.block dt { font-size:80%; letter-spacing: 0.1em;}
.block dd { padding: 0.5em 0; line-height: 1.4;}
.block .btn{}
.block .btn a{ font-size: 3vw;}