@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&family=Jost:wght@500&display=swap');
.pcOnly {
	display: block;
}
.spOnly {
		display: none;
}
#header_nav .inner-link {
  display: none;
}
div#wrapper {
	width:100%;
	margin: 0 auto;
	padding:0;
	zoom: 1;
	overflow: hidden;
}
body > div#wrapper{     height:auto; }

.Header-site .cb-social li {
  margin-left: 10px; }

.Header-site #twitter-widget-0 {
  height: 26px !important; }

.Header-site .fb_iframe_widget {
  top: -0px; }

#contents{
	border-top: none;
	padding: 43px 0 0;
}

#sp2025 a{
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}
#sp2025 a:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;
}
* { zoom: 1 }
#sp2025{
 font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin: 0;
 padding: 0;
 width: 100%;
 background-color: #fff;
 color: #050505;
 font-weight: 300;
}
#sp2025 #fv{
 margin: 0 auto;
 width: 100%;
 height: auto;
 text-align: center;
 position: relative;
}
#sp2025 #fv h1{
 width: 100%;
 height: auto;
}
#sp2025 #fv h1 img{
 width: 100%;
 height: auto;
}

#sp2025 #select{
 margin: 0 auto;
 padding: 72px 0 104px;
 width: 1278px;
 text-align: center;
 position: relative;
}
#sp2025 #select .selectBg{
 width: 1278px;
 height: auto;
 position: absolute;
 left: 0;
 bottom: -42px;
 z-index: 1;
 pointer-events: none;
}
#sp2025 #select .selectT{
 margin: 0 auto;
 width: 616px;
 position: relative;
 z-index: 2;
}
#sp2025 #select .selectT img{
 width: 100%;
 height: auto;
}
#sp2025 #select p{
 margin: 0;
 padding: 70px 0 27px;
 width: 100%;
 font-size: 16px;
 line-height: 38px;
 text-align: center;
 font-weight: 500;
 color: #050505;
}
#sp2025 #select .hash{
 margin: 0 auto;
 padding: 0 12px 0 0;
 width: 320px;
 font-size: 26px;
 text-align: center;
 font-weight: 700;
 color: #0B4FD1;
 position: relative;
}
#sp2025 #select .hash img{
 width: 18.5px;
 height: auto;
 position: absolute;
 top: -4px;
 right: 0;
 pointer-events: none;
}

#sp2025 #safety{
 margin: 0 auto;
 padding: 148px 0 245px;
 width: 100%;
 background-color: #e5efec;
 text-align: center;
}
#sp2025 #safety .safety_ic1{
 margin: 0 auto 40px;
 width: 47.5px;
 height: auto;
}
#sp2025 #safety h2{
 margin: 0 auto 35px;
 padding: 8px 0 16px;
 width: 560px;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
 background-image: url(../images/slashL.png),url(../images/slashR.png);
 background-position: left center,right center;
 background-size: auto 100%,auto 100%;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #safety h3{
 margin: 0 auto;
 padding: 22px 0 24px;
 width: 904px;
 font-size: 27px;
 line-height: 100%;
 text-align: center;
 font-weight: 900;
 color: #FFEB03;
 border-radius: 30px;
 background-color: #006643;
 position: relative;
}
#sp2025 #safety h3 img{
 width: 876px;
 height: auto;
 position: absolute;
 top: -211px;
 left: 0;
}
#sp2025 #safety p{
 margin: 0 auto;
 padding: 50px 0 30px;
 width: 100%;
 font-size: 18px;
 line-height: 40px;
 text-align: center;
 font-weight: 700;
 color: #644633;
}
#sp2025 #safety .baa{
 margin: 0 auto;
 padding: 59px 0 30px;
 width: 916px;
 border-radius: 30px;
 background-color: #fff;
 position: relative;
}
#sp2025 #safety .baa .baaBox{
 margin: 0 auto 116px;
 padding: 30px 0 30px;
 width: 755px;
 border-radius: 10px;
 background-color: #dbf8ee;
 position: relative;
}
#sp2025 #safety .baa .sub{
 padding: 0 0 10px 47px;
 font-size: 18px;
 line-height: 29px;
 text-align: left;
 font-weight: 700;
 color: #006643;
}
#sp2025 #safety .baa .baaBox img{
 width: 139px;
 height: auto;
 position: absolute;
 top: 30px;
 right: 29px;
}
#sp2025 #safety .baa .baaBox p{
 margin: 0;
 padding: 0 0 0 47px;
 width: 100%;
 font-size: 14px;
 line-height: 26px;
 text-align: left;
 font-weight: 500;
 color: #0C0B0B;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #safety .baa .point{
 margin: 0 auto;
 padding: 0 22px 0 0;
 width: 755px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #safety .baa .point li{
 margin: 0 0 80px;
 width: 100%;
}
#sp2025 #safety .baa .point li p{
 margin: 0 0 0 75px;
 padding: 15px 0 0;
 width: 307px;
}
#sp2025 #safety .baa .point li .pointL{
 float: left;
 width: 381px;
}
#sp2025 #safety .baa .point li .pointL .pointT img{
 float: left;
 width: 97px;
 height: auto;
}
#sp2025 #safety .baa .point li .pointL .pointT h4{
 float: right;
 width: 266px;
 font-size: 35px;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 color: #0C0B0B;
}
#sp2025 #safety .baa .point li .pointL .pointT h4 span{
 font-size: 20px;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 color: #644633;
 display: block;
 text-indent: 0.1vw;
}
#sp2025 #safety .baa .point li .pointL p{
 margin: 0 0 0 75px;
 padding: 15px 0 0;
 width: 307px;
 font-size: 14px;
 line-height: 25px;
 text-align: left;
 font-weight: 400;
 color: #0C0B0B;
}
#sp2025 #safety .baa .point li img{
 float: right;
 width: 300px;
 height: auto;
}
#sp2025 #safety .baa .baaU{
 margin: auto;
 width: 759px;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -62px;
}
#sp2025 #safety .baa .baaU .baaTxt{
 padding: 15px 0 18px;
 width: 100%;
 font-size: 24px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #FFEB03;
 border-radius: 27px;
 background-color: #006643;
}
#sp2025 #safety .baa .baaU .cap{
 padding: 10px 0 0;
 width: 100%;
 font-size: 14px;
 text-align: right;
 font-weight: 400;
 color: #707070;
}

#sp2025 #eq{
 margin: 0;
 width: 100%;
 background-color: #e8f3f5;
}
#sp2025 #eq .inner{
 margin: 0 auto;
 padding: 216px 0 155px;
 width: 1088px;
 position: relative;
}
#sp2025 #eq .inner .eq_ic1{
 margin: auto;
 width: 45px;
 height: auto;
 position: absolute;
 top: 141px;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner h2{
 margin: 0 auto 60px;
 width: 480px;
 font-size: 34px;
 line-height: 49px;
 text-align: center;
 font-weight: 700;
 color: #000;
 background-image: url(../images/slashL2.png),url(../images/slashR2.png);
 background-position: left bottom,right bottom;
 background-size: 28px auto,28px auto;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #eq .inner .box{
 padding: 45px 0 10px;
 width: 100%;
 border-radius: 50px;
 background-color: #fff;
 position: relative;
}
#sp2025 #eq .inner .box .eq_ic2{
 width: 144px;
 height: auto;
 position: absolute;
 top: -54px;
 left: 54px;
}
#sp2025 #eq .inner .box .eqBg{
 width: 150px;
 height: auto;
 position: absolute;
 top: -130px;
 right: 113px;
}
#sp2025 #eq .inner .box h3{
 margin: 0 auto 84px;
 width: 516px;
}
#sp2025 #eq .inner .box h3 img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .plus{
 margin: 0 auto;
 width: 988px;
}
#sp2025 #eq .inner .box .plus li{
 float: left;
 margin: 0 5% 0 0;
 padding: 45px 0 43px;
 width: 30%;
 text-align: center;
 border-radius: 15px;
 border: 2px solid #8BC1CE;
 position: relative;
}
#sp2025 #eq .inner .box .plus li:last-child{
 margin: 0;
}
#sp2025 #eq .inner .box .plus li p{
 margin: 0;
 padding: 0 0 25px;
 width: 100%;
 font-size: 24px;
 line-height: 30px;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
}
#sp2025 #eq .inner .box .plus li img{
 margin: 0 auto;
 width: 55%;
 height: auto;
}
#sp2025 #eq .inner .box .plus li .clip{
 margin: auto;
 width: 45px;
 position: absolute;
 top: -46px;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner .box .plus li .clip img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .plus li .plusImg{
 margin: auto;
 width: 70px;
 height: auto;
 position: absolute;
 right: -62px;
 top: 0;
 bottom: 0;
}
#sp2025 #eq .inner .box .arrow{
 margin: 30px auto 37px;
 width: 61px;
}
#sp2025 #eq .inner .box .arrow img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .genki{
 margin: 0 auto 95px;
 padding: 15px 0 18px;
 width: 682px;
 border: 2px solid #000000;
 border-radius: 30px;
 background-color: #8BC1CE;
 font-size: 26px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 position: relative;
}
#sp2025 #eq .inner .box .genki .eq_ic3{
 width: 44px;
 height: auto;
 position: absolute;
 top: -22px;
 right: 46px;
}
#sp2025 #eq .inner .box .inBox{
 margin: 0 auto 68px;
 padding: 25px 55px 33px;
 width: 808px;
 border-radius: 15px;
 border: 2px solid #8BC1CE;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
}
#sp2025 #eq .inner .box .inBox .inBoxT{
 margin: 0 0 30px;
 padding: 0 0 10px;
 width: 100%;
 font-size: 25px;
 line-height: 30px;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
 border-bottom: 2px solid #8BC1CE;
}
#sp2025 #eq .inner .box .inBox p{
 float: left;
 margin: 0;
 padding: 0;
 width: 405px;
 font-size: 16px;
 line-height: 34px;
 text-align: left;
 font-weight: 500;
 color: #8BC1CE;
}
#sp2025 #eq .inner .box .inBox img{
 float: right;
 width: 235px;
 height: auto;
}
#sp2025 #eq .inner .box .inBox .clip{
 margin: auto;
 width: 36px;
 position: absolute;
 top: -42px;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner .box .inBox .clip img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .eq_ic4{
 width: 117px;
 height: auto;
 position: absolute;
 left: -39px;
 bottom: 350px;
}
#sp2025 #eq .inner .box .eq_ic5{
 width: 193px;
 height: auto;
 position: absolute;
 right: -98px;
 bottom: -23px;
}
#sp2025 #eq .ev_cover{
 width: 100%;
 background-color: #f8ebeb;
}
#sp2025 #eq .ev_cover .inner{
 padding: 218px 0 15px;
 width: 100%;
}
#sp2025 #eq .inner #enersys{
 padding: 0;
 width: 100%;
 position: relative;
}
#sp2025 #eq .inner #enersys h2{
 margin: 0 auto 72px;
 width: 492px;
 font-size: 32px;
 line-height: 46px;
 text-align: center;
 font-weight: 700;
 color: #000;
 background-image: url(../images/slashL2.png),url(../images/slashR2.png);
 background-position: left center,right center;
 background-size: 28px auto,28px auto;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #eq .inner #enersys .ev_ic1{
 margin: auto;
 width: 52px;
 height: auto;
 position: absolute;
 top: -110px;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner #enersys .ene{
 margin: 0 auto;
 width: 1117px;
}
#sp2025 #eq .inner #enersys .ene li{
 float: left;
 width: 499px;
 position: relative;
}
#sp2025 #eq .inner #enersys .ene li .everyBg{
 width: 187px;
 height: auto;
 position: absolute;
 top: -198px;
 left: 33px;
 z-index: 1;
}
#sp2025 #eq .inner #enersys .ene li:nth-child(2n){
 float: right;
}
#sp2025 #eq .inner #enersys .ene li img{
 width: 100%;
 height: auto;
 border-radius: 20px;
 position: relative;
 z-index: 2;
}
#sp2025 #eq .inner #enersys .ene li .eneT{
 padding: 30px 0 0;
 width: 100%;
}
#sp2025 #eq .inner #enersys .ene li .eneT span{
 padding: 0 0 4px;
 font-size: 24px;
 line-height: 32px;
 text-align: left;
 font-weight: 500;
 color: #000000;
 background:linear-gradient(#f8ebeb 70%, #ffffff 40%);
}
#sp2025 #eq .inner #enersys .ene li p{
 margin: 0;
 padding: 25px 0 78px;
 width: 100%;
 font-size: 14px;
 line-height: 32px;
 text-align: left;
 font-weight: 400;
 color: #000000;
}

#sp2025 #school{
 margin: 0 auto;
 padding: 143px 0 207px;
 width: 1100px;
 position: relative;
}
#sp2025 #school .inner{
 margin: 0 auto;
 width: 930px;
 position: relative;
 text-align: center;
}
#sp2025 #school .sc_ic1{
 margin: 0 auto;
 width: 52px;
 height: auto;
}
#sp2025 #school h2{
 margin: 24px auto 91px;
 width: 487px;
 font-size: 32px;
 line-height: 46px;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
 background-image: url(../images/slashL3.png),url(../images/slashR3.png);
 background-position: left center,right center;
 background-size: 30px auto,30px auto;
 background-repeat: no-repeat,no-repeat;
 position: relative;
}
#sp2025 #school h2 img{
 width: 125px;
 height: auto;
 position: absolute;
 top: -76px;
 left: 12px;
}
#sp2025 #school .box1{
 float: left;
 padding: 85px 0 39px;
 width: 50%;
 background-color: #8BC1CE;
 border-top-left-radius: 20px;
 position: relative;
}
#sp2025 #school .box1.box2{
 float: right;
 background-color: #ECA9A5;
 border-top-left-radius: 0;
 border-top-right-radius: 20px;
}
#sp2025 #school .box1 .sc_ic2{
 margin: auto;
 width: 75px;
 height: auto;
 position: absolute;
 top: -37px;
 left: 0;
 right: 0;
}
#sp2025 #school .box1 .sc_ic3{
 margin: auto;
 width: 63px;
 height: auto;
 position: absolute;
 top: -31px;
 left: 0;
 right: 0;
}
#sp2025 #school .box1 .scT{
 padding: 0 0 35px 10px;
 font-size: 30px;
 line-height: 36px;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #school .box1.box2 .scT{
 padding: 0 15px 35px 0;
}
#sp2025 #school .box1 .scT span{
 font-size: 45px;
 font-weight: 800;
 color: #F8E000;
 position: relative;
}
#sp2025 #school .box1 .scT span img{
 margin: auto;
 width: 10px;
 height: auto;
 position: absolute;
 top: -8px;
 left: 0;
 right: 0;
}
#sp2025 #school .box1 .txt{
 margin: 0 auto 0 0;
 padding: 15px 0 15px 10px;
 width: 440px;
 background-color: #fff;
 border-top-right-radius: 20px;
 border-bottom-right-radius: 20px;
 font-size: 20px;
 line-height: 32px;
 text-align: center;
 font-weight: 700;
 color: #000000;
}
#sp2025 #school .box1.box2 .txt{
 margin: 0 0 0 auto;
 padding: 15px 10px 15px 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
}
#sp2025 #school .box1 .school1{
 width: 173px;
 height: auto;
 position: absolute;
 bottom: 0px;
 left: -110px;
}
#sp2025 #school .box1 .school2{
 width: 158px;
 height: auto;
 position: absolute;
 bottom: 0px;
 right: -85px;
}

#sp2025 #btBox{
 margin: 0 auto;
 padding: 0 0 90px;
 width: 914px;
}
#sp2025 #btBox .btBoxT{
 font-size: 28px;
 text-align: center;
 font-weight: 700;
}
#sp2025 #btBox .btBoxT span{
 font-size: 46px;
 font-weight: 700;
 color: #8BC1CE;
}
#sp2025 #btBox .boxW{
 padding: 55px 0 0;
 width: 100%;
}
#sp2025 #btBox .boxW li{
 float: left;
 margin: 0 88px 0 0;
 width: 246px;
 height: 246px;
 border-radius: 50%;
 border: 3px dotted #97CCAB;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 text-align: center;
 transition: .3s;
}
#sp2025 #btBox .boxW li:nth-child(2){
 border: 3px dotted #DD9999;
}
#sp2025 #btBox .boxW li:last-child{
 border: 3px dotted #8BC1CE;
 margin: 0;
}
#sp2025 #btBox .boxW li:hover{
  transform: scale(1.1, 1.1);
}
#sp2025 #btBox .boxW li a{
 width: 100%;
 height: 100%;
 display: block;
 background-image: url(../images/arrow1.png);
 background-position: center bottom 34px;
 background-size: 21px auto;
 background-repeat: no-repeat;
 transition: .3s;
}
#sp2025 #btBox .boxW li:nth-child(2) a{
 background-image: url(../images/arrow2.png);
}
#sp2025 #btBox .boxW li:last-child a{
 background-image: url(../images/arrow3.png);
}
#sp2025 #btBox .boxW li a:hover{
 background-position: center bottom 24px;
  opacity:1;
  filter: alpha(opacity=100);
  transform: scale(1.01, 1.01);
}
#sp2025 #btBox .boxW li .cl{
 padding: 40px 0 0;
 width: 93px;
 height: 93px;
 border-radius: 50%;
 background-color: #97CCAB;
 position: absolute;
 top: -15px;
 left: -22px;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
	font-feature-settings: "palt";
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #btBox .boxW li:nth-child(2) .cl{
 background-color: #DD9999;
}
#sp2025 #btBox .boxW li:last-child .cl{
 background-color: #8BC1CE;
}
#sp2025 #btBox .boxW li img{
 margin: 37px auto 0;
 width: 120px;
 height: auto;
}
#sp2025 #btBox .boxW li p{
 margin: 0;
 padding: 20px 0 10px;
 width: 100%;
 font-size: 13px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #050505;
}
#sp2025 #btBox .boxW li .boxWT{
 font-size: 20px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #97CCAB;
}
#sp2025 #btBox .boxW li:nth-child(2) .boxWT{
 color: #DD9999;
}
#sp2025 #btBox .boxW li:last-child .boxWT{
 color: #8BC1CE;
}

#sp2025 #assist{
 margin: 0;
 padding: 30px 0 256px;
 width: 100%;
}
#sp2025 #assist .inner{
 margin: 0 auto;
 padding: 108px 0 0;
 width: 914px;
 position: relative;
}
#sp2025 #assist #item2 .inner{
 padding: 78px 0 0;
}
#sp2025 #assist #item3 .inner{
 padding: 78px 0 0;
}
#sp2025 #assist .inner .assistT{
 margin: 0 auto 67px;
 padding: 20px 0 26px;
 width: 542px;
 background-color: #97CCAB;
 border-radius: 30px;
 position: relative;
}
#sp2025 #assist #item2 .inner .assistT{
 background-color: #DD9999;
}
#sp2025 #assist #item3 .inner .assistT{
 background-color: #8BC1CE;
}
#sp2025 #assist .inner .assistT h2{
 font-size: 32px;
 line-height: 130%;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #assist .inner .assistT h2 span{
 font-size: 16px;
 line-height: 130%;
 font-weight: 500;
}
#sp2025 #assist .inner .assistT .clip{
 margin: auto;
 width: 36px;
 height: auto;
 position: absolute;
 top: -36px;
 left: 0;
 right: 0;
}
#sp2025 #assist .inner .assistT .assistTBg{
 margin: auto;
 width: 755px;
 height: auto;
 position: absolute;
 bottom: 0;
 left: -95px;
}
#sp2025 #assist #item2 .inner .assistT .assistTBg{
 width: 637px;
 left: -63px;
}
#sp2025 #assist #item3 .inner .assistT .assistTBg{
 width: 676px;
 left: -103px;
}
#sp2025 #assist .inner .as{
 width: 100%;
 position: relative;
}
#sp2025 #assist .inner .as .logoBox{
 position: absolute;
 left: 0;
 bottom: 18px;
}
#sp2025 #assist #item2 .inner .as .logoBox,
#sp2025 #assist #item3 .inner .as .logoBox{
 bottom: 0;
}
#sp2025 #assist .inner .as .logoBox .reco{
 width: 166px;
 height: auto;
}
#sp2025 #assist .inner .as .logoBox .logo{
 padding: 18px 0 0;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo,
#sp2025 #assist #item3 .inner .as .logoBox .logo{
 padding: 22px 0 0;
}
#sp2025 #assist .inner .as .logoBox .logo img{
 width: 355px;
 height: auto;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo img{
 width: 329px;
 height: auto;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo img{
 width: 212px;
 height: auto;
}
#sp2025 #assist .inner .as .logoBox .logo p{
 margin: 0;
 padding: 0;
 width: 100%;
 font-size: 16px;
 line-height: 100%;
 text-align: left;
 font-weight: 700;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo p{
 padding: 20px 0 0;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo p{
 padding: 20px 0 0;
}
#sp2025 #assist .inner .as .logoBox .dBt{
 margin: 24px 0 0;
 width: 218px;
}
#sp2025 #assist .inner .as .logoBox .dBt a{
 padding: 13px 15px 15px 0;
 width: 100%;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: block;
 border-radius: 10px;
 background-color: #97CCAB;
 border: 1px solid #97CCAB;
 background-image: url(../images/arrowG.png);
 background-position: right 17px center;
 background-size: 24px auto;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #assist #item2 .inner .as .logoBox .dBt a{
 background-color: #DD9999;
 border: 1px solid #DD9999;
 background-image: url(../images/arrowR.png);
}
#sp2025 #assist #item3 .inner .as .logoBox .dBt a{
 background-color: #8BC1CE;
 border: 1px solid #8BC1CE;
 background-image: url(../images/arrowB.png);
}
#sp2025 #assist .inner .as .logoBox .dBt a:hover{
 color: #97CCAB;
 background-color: #fff;
 background-image: url(../images/arrowG2.png);
 background-position: right 10px center;
 opacity: 1;
}
#sp2025 #assist #item2 .inner .as .logoBox .dBt a:hover{
 color: #DD9999;
 background-color: #fff;
 background-image: url(../images/arrowR2.png);
}
#sp2025 #assist #item3 .inner .as .logoBox .dBt a:hover{
 color: #8BC1CE;
 background-color: #fff;
 background-image: url(../images/arrowB2.png);
}
#sp2025 #assist .inner .as .asR{
 float: right;
 padding: 32px 0 5px;
 width: 450px;
 text-align: right;
}
#sp2025 #assist #item2 .inner .as .asR{
 padding: 32px 0 30px;
}
#sp2025 #assist #item3 .inner .as .asR{
 padding: 32px 0 30px;
}
#sp2025 #assist .inner .as .asR div{
 margin: 0 0 20px;
 padding: 14px 40px 15px;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: inline-block;
 border-radius: 10px;
 background-color: #97CCAB;
}
#sp2025 #assist .inner .as .asR div:nth-child(2){
 margin: 0 0 50px;
}
#sp2025 #assist #item2 .inner .as .asR div{
 width: 225px;
 background-color: #DD9999;
}
#sp2025 #assist #item3 .inner .as .asR div{
 background-color: #8BC1CE;
}
#sp2025 #assist #item3 .inner .as .asR div:nth-child(2){
 padding: 14px 20px 15px;
}
#sp2025 #assist .inner .as .asR img{
 margin: 0 0 0 -65px;
 width: 484px;
 height: auto;
}
#sp2025 #assist #item2 .inner .as .asR img{
 margin: -118px 0 0 -40px;
 width: 477px;
}
#sp2025 #assist #item3 .inner .as .asR img{
 margin: -7px 0 0 -84px;
 width: 516px;
}
#sp2025 #assist .inner .as .asR .dBtSp{
 display: none;
}
#sp2025 #assist .inner .as .swiper-container{
 float: left;
 margin: 0;
 padding: 0;
 width: 420px;
 position: relative;
}
#sp2025 #assist .inner .as .swiper{
 margin: 0;
 padding: 0;
 width: 420px;
 border-radius: 30px;
}
#sp2025 #assist .inner .as .swiper .swiper-wrapper{
 margin: 0;
 padding: 0;
 width: 100%;
}
#sp2025 #assist .inner .as .swiper .swiper-slide{
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
}
#sp2025 #assist .inner .as .swiper .swiper-slide img{
	width: 100%;
	height: auto;
 border-radius: 30px;
}
.swiper-button-prev{
 position: absolute;
 left: 0 !important;
}
.swiper-button-next{
 position: absolute;
 right: 0 !important;
}
.swiper-button-prev,
.swiper-button-next{
 content: "" !important;
 position: absolute;
 height: 58px !important;
 width: 58px !important;
 margin: auto;
 background-position: center center;
 background-size: 100% auto;
 background-repeat: no-repeat;
 overflow: hidden;
 transition: .3s;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
 opacity: .5;
}
.swiper-button-prev:after,
.swiper-button-next:after {
 display: none;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev{
	background-image: url(../images/arrowL.png);
}
/* 次への矢印カスタマイズ */
.swiper-button-next{
	background-image: url(../images/arrowR.png);
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
}
.swiper-pagination{
 margin: auto;
 position: absolute;
 bottom: -30px !important;
}
.swiper-pagination-bullet {
 width: 10px !important;
 height: 10px !important;
 margin: 0 0 0 12px !important;
 background: #ddd !important;
 opacity: 1 !important; /* 画像の透過を無くす */
}
.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
.swiper-pagination-bullet-active {
 background: #999 !important;
}

#sp2025 #assist .inner .recoBox{
 margin: 23px auto 0;
 padding: 25px 22px 20px;
 width: 100%;
 border-radius: 20px;
 background-color: #efefef;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #assist #item2 .inner .recoBox{
 margin: 60px auto 0;
}
#sp2025 #assist #item3 .inner .recoBox{
 margin: 60px auto 0;
}
#sp2025 #assist .inner .recoBox .yes{
 width: 152px;
 height: auto;
 position: absolute;
 top: -85px;
 right: -49px;
}
#sp2025 #assist #item2 .inner .recoBox .yes{
 width: 240px;
 top: -79px;
 right: -30px;
}
#sp2025 #assist #item3 .inner .recoBox .yes{
 width: 241px;
 top: -71px;
 right: -20px;
}
#sp2025 #assist .inner .recoBox .recoBoxT{
 padding: 0 0 24px;
 font-size: 20px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist .inner .recoBox .recoBoxT span{
 font-size: 26px;
 font-weight: 900;
 color: #97CCAB;
}
#sp2025 #assist #item2 .inner .recoBox .recoBoxT span{
 color: #DD9999;
}
#sp2025 #assist #item3 .inner .recoBox .recoBoxT span{
 color: #8BC1CE;
}
#sp2025 #assist .inner .recoBox .recoBoxT img{
 margin: 0 0 0 15px;
 width: 27px;
 height: auto;
 display: inline-block;
}
#sp2025 #assist .inner .recoBox .recoBoxL{
 float: left;
 padding: 22px 22px 25px;
 width: 430px;
 border-radius: 15px;
 background-color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 z-index: 2;
}
#sp2025 #assist .inner .recoBox .recoBoxR{
 float: right;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco2{
 margin: 0 0 30px;
 padding: 0 0 20px;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #97CCAB;
 border-bottom: 2px dotted #97CCAB;
}
#sp2025 #assist #item2 .inner .recoBox .recoBoxL .reco2{
 color: #DD9999;
 border-bottom: 2px dotted #DD9999;
}
#sp2025 #assist #item3 .inner .recoBox .recoBoxL .reco2{
 color: #8BC1CE;
 border-bottom: 2px dotted #8BC1CE;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3{
 float: left;
 width: 50%;
 font-size: 16px;
 line-height: 28px;
 text-align: left;
 font-weight: 500;
 white-space: nowrap;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3 span{
 padding: 0 0 3px;
 background:linear-gradient(#fff 50%, #c1e0cd 70%);
}
#sp2025 #assist #item2 .inner .recoBox .recoBoxL .reco3 span{
 background:linear-gradient(#fff 50%, #ebc2c2 70%);
}
#sp2025 #assist #item3 .inner .recoBox .recoBoxL .reco3 span{
 background:linear-gradient(#fff 50%, #b9dae2 70%);
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3 div{
 padding: 5px 0 0;
 font-size: 13px;
 font-weight: 400;
}
#sp2025 #assist .inner .recoBox .recoBoxL img{
 float: right;
 width: 170px;
 height: auto;
}
#sp2025 #assist .inner .charg{
 margin: 0 auto;
 padding: 67px 0 87px;
 width: 100%;
 position: relative;
}
#sp2025 #assist .inner .charg img{
 width: 222px;
 height: auto;
 position: absolute;
 right: -93px;
 bottom: 33px;
}
#sp2025 #assist .inner .charg .chL{
 float: left;
 width: 320px;
 position: relative;
}
#sp2025 #assist .inner .charg .chL .chLT{
 font-size: 22px;
 line-height: 32px;
 text-align: left;
 font-weight: 700;
 color: #97CCAB;
}
#sp2025 #assist .inner .charg .chL p{
 margin: 0;
 padding: 15px 0 30px;
 width: 100%;
 font-size: 18px;
 line-height: 33px;
 text-align: left;
 font-weight: 500;
}
#sp2025 #assist .inner .charg .chL .bt{
 width: 100%;
}
#sp2025 #assist .inner .chL .bt a{
 padding: 14px 0 16px;
 width: 100%;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: block;
 border-radius: 10px;
 border: 1px solid #97CCAB;
 background-color: #97CCAB;
 background-image: url(../images/arrowG.png);
 background-position: right 17px center;
 background-size: 24px auto;
 background-repeat: no-repeat;
}
#sp2025 #assist .inner .charg .chL .bt a:hover{
 color: #97CCAB;
 background-color: #fff;
 background-image: url(../images/arrowG2.png);
 background-position: right 10px center;
 opacity: 1;
}
#sp2025 #assist .inner .charg .chR{
 float: right;
 margin: 0 22px 0 0;
 width: 504px;
}
#sp2025 #assist .inner .charg .chR .circle{
 float: left;
 width: 234px;
 height: 234px;
 background-image: url(../images/circle.png);
 background-position: center center;
 background-size: contain;
 background-repeat: no-repeat;
 position: relative;
}
#sp2025 #assist .inner .charg .chR .circle:last-child{
 float: right;
}
#sp2025 #assist .inner .charg .chR .circle p{
 margin: 0;
 padding: 68px 0 5px;
 width: 100%;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #assist .inner .charg .chR .circle div{
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #assist .inner .charg .chR .circle div span{
 font-size: 23px;
 font-weight: 700;
 color: #F8E000;
 display: inline-block;
}
#sp2025 #assist .inner .charg .chR .circle div div{
 padding: 0 5px;
 font-size: 55px;
 text-align: center;
 font-weight: 700;
 color: #F8E000;
 display: inline-block;
}
#sp2025 #assist .inner .charg .chR .circle span{
 padding: 15px 0 0;
 font-size: 12px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: block;
}
#sp2025 #assist .inner .charg .chR .circle span span{
 font-size: 16px;
 line-height: 70%;
}
#sp2025 #assist .inner .recoBt{
 margin: 0 auto 45px;
 width: 381px;
}
#sp2025 #assist #item2 .inner .recoBt{
 margin: 48px auto 45px;
}
#sp2025 #assist #item3 .inner .recoBt{
 margin: 48px auto 45px;
}
#sp2025 #assist .inner .recoBt a{
 padding: 22px 0 23px;
 width: 100%;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #97CCAB;
 border-radius: 22px;
 border: 1px solid #97CCAB;
 background-color: #fff;
 display: block;
 box-shadow: 8px 8px 0px 0px #97CCAB;
 pointer-events: none;
}
#sp2025 #assist #item2 .inner .recoBt a{
 color: #DD9999;
 border: 1px solid #DD9999;
 box-shadow: 8px 8px 0px 0px #DD9999;
}
#sp2025 #assist #item3 .inner .recoBt a{
 color: #8BC1CE;
 border: 1px solid #8BC1CE;
 box-shadow: 8px 8px 0px 0px #8BC1CE;
}
#sp2025 #assist .item{
 margin: 0 auto 160px;
 width: 1000px;
}
#sp2025 #assist #item3 .item{
 margin: 0 auto;
}
#sp2025 #assist .item li{
 float: left;
 margin: 0 2% 0 0;
 width: 32%;
 border-radius: 20px;
 background-color: #efefef;
 text-align: center;
 overflow: hidden;
}
#sp2025 #assist .item li:last-child{
 margin: 0;
}
#sp2025 #assist .item li .itemT{
 padding: 35px 0 30px;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
}
#sp2025 #assist #item2 .item li .itemT{
 padding: 45px 0 30px;
 line-height: 140%;
 height: 70px;
 display: flex;
 justify-content: center;
 align-items: center;
}
#sp2025 #assist #item3 .item li .itemT{
 padding: 35px 0 20px;
 line-height: 140%;
}
#sp2025 #assist .item li img{
 margin: 0 auto;
 width: 293px;
 height: auto;
}
#sp2025 #assist .item li .lg{
 margin: 0 auto;
 padding: 22px 0 2px;
 width: 259px;
}
#sp2025 #assist #item2 .item li .lg{
 padding: 20px 0 20px;
 width: 245px;
 font-size: 24px;
 line-height: 140%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist #item3 .item li .lg{
 padding: 32px 0 10px;
 width: 275px;
}
#sp2025 #assist .item li .lg img{
 width: 100%;
 height: auto;
}
#sp2025 #assist .item li p{
 margin: 0;
 padding: 3px 0 30px;
 width: 100%;
 font-size: 12px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist .item li .check{
 width: 100%;
}
#sp2025 #assist .item li .check a{
 padding: 18px 0 19px;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 800;
 color: #fff;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border: 1px solid #97CCAB;
 background-color: #97CCAB;
 display: block;
 background-image: url(../images/arrowG.png);
 background-position: right 15px center;
 background-size: 30px auto;
 background-repeat: no-repeat;
}
#sp2025 #assist #item2 .item li .check a{
 border: 1px solid #DD9999;
 background-color: #DD9999;
 background-image: url(../images/arrowR.png);
}
#sp2025 #assist #item3 .item li .check a{
 border: 1px solid #8BC1CE;
 background-color: #8BC1CE;
 background-image: url(../images/arrowB.png);
}
#sp2025 #assist .item li .check a:hover{
 color: #97CCAB;
 background-color: #fff;
 background-image: url(../images/arrowG2.png);
 background-position: right 8px center;
 opacity: 1;
}
#sp2025 #assist #item2 .item li .check a:hover{
 color: #DD9999;
 background-color: #fff;
 background-image: url(../images/arrowR2.png);
}
#sp2025 #assist #item3 .item li .check a:hover{
 color: #8BC1CE;
 background-color: #fff;
 background-image: url(../images/arrowB2.png);
}

#sp2025 #mate{
 margin: 0 0 120px;
 padding: 120px 0 56px;
 width: 100%;
 background-color: #FDE3E8;
 position: relative;
}
#sp2025 #mate h2{
 margin: 0 auto;
 padding: 20px 0 22px;
 width: 837px;
 font-size: 30px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 20px;
 background-color: #DD999A;
 position: absolute;
 top: -35px;
 left: 0;
 right: 0;
}
#sp2025 #mate h2 img{
 width: 64px;
 height: auto;
 position: absolute;
 top: -36px;
 left: 66px;
}
#sp2025 #mate .mateBox{
 margin: 0 auto;
 padding: 0;
 width: 914px;
}
#sp2025 #mate .mateBox .mate{
 margin: 0 auto 55px;
 width: 834px;
}
#sp2025 #mate .mateBox .mate img{
 float: left;
 margin: 12px 0 0 43px;
 width: 325px;
 height: auto;
}
#sp2025 #mate .mateBox .mate .mateR{
 float: right;
 width: 414px;
}
#sp2025 #mate .mateBox .mate .mateR .mateT{
 font-size: 37px;
 line-height: 120%;
 text-align: center;
 font-weight: 900;
 color: #644633;
}
#sp2025 #mate .mateBox .mate .mateR .mateT span{
 font-size: 27px;
 font-weight: 900;
 display: block;
}
#sp2025 #mate .mateBox .mate .mateR p{
 margin: 0 auto;
 padding: 20px 0 0;
 width: 100%;
 font-size: 17px;
 line-height: 33px;
 text-align: left;
 font-weight: 500;
 color: #644633;
}
#sp2025 #mate .mateBox ul.mate{
 margin: 0 auto 60px;
 width: 834px;
}
#sp2025 #mate .mateBox ul.mate li{
 float: left;
 margin: 0 2.26% 0 0;
 padding: 32px 0 0;
 width: 23.3%;
 height: 118px;
 border-radius: 20px;
 background-color: #644633;
 font-size: 20px;
 line-height: 27px;
 text-align: center;
 font-weight: 700;
 color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #mate .mateBox ul.mate li:nth-child(3){
 padding: 46px 0 0;
}
#sp2025 #mate .mateBox ul.mate li:last-child{
 margin: 0;
 padding: 46px 0 0;
}
#sp2025 #mate .mateBox ul.mate li span{
 padding: 13px 0 0;
 font-size: 15px;
 font-weight: 500;
 display: block;
}
#sp2025 #mate .mateBox .bt{
 margin: 0 auto;
 width: 631px;
 border-radius: 3px;
 border: 2px solid #644633;
 overflow: hidden;
}
#sp2025 #mate .mateBox .bt a{
 padding: 16px 0 17px;
 width: 100%;
 font-size: 22px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #644633;
 background-color: #FCF2F7;
 display: block;
 background-image: url(../images/arrowM.png);
 background-position: right 12px center;
 background-size: 8px auto;
 background-repeat: no-repeat;
 transition: .3s;
}
#sp2025 #mate .mateBox .bt a:hover{
 color: #fff;
 background-color: #644633;
 background-image: url(../images/arrowM2.png);
 background-position: right 8px center;
 opacity: 1;
 filter: alpha(opacity=100);
 text-decoration: none;
}
#sp2025 #mate .pack{
 margin: 0 auto;
 padding: 30px 0 0;
 width: 810px;
}
#sp2025 #mate .pack a{
 width: 781px;
 display: block;
}
#sp2025 #mate .pack img{
 width: 100%;
 height: auto;
}

#sp2025 #peace{
 margin: 0 auto;
 padding: 132px 0 73px;
 width: 100%;
 background-color: #FDE3E8;
 position: relative;
}
#sp2025 #peace h2{
 margin: 0 auto;
 padding: 20px 0 22px;
 width: 837px;
 font-size: 30px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 20px;
 background-color: #DD999A;
 position: absolute;
 top: -35px;
 left: 0;
 right: 0;
}
#sp2025 #peace h2 img{
 width: 64px;
 height: auto;
 position: absolute;
 top: -36px;
 left: 66px;
}
#sp2025 #peace .re{
 margin: 0 auto;
 width: 910px;
 position: relative;
}
#sp2025 #peace .re .relation{
 width: 100%;
}
#sp2025 #peace .re .relation li{
 float: left;
 width: 430px;
 position: relative;
 background-color: #fff;
}
#sp2025 #peace .re .relation li:last-child{
 float: right;
}
#sp2025 #peace .re .relation li img{
 width: 100%;
 height: auto;
}
#sp2025 #peace .re .relation1{
 width: 196px;
 height: auto;
 position: absolute;
 bottom: 0px;
 left: -153px;
}

#sp2025 #movie{
 margin: 0;
 padding: 83px 0 280px;
 width: 100%;
 position: relative;
}
#sp2025 #movie h2{
 margin: 0 auto 102px;
 width: 1160px; 
}
#sp2025 #movie h2 img{
 width: 100%;
 height: auto;
}
#sp2025 #movie .mv{
 margin: 0 auto 115px;
 width: 1508px;
}
#sp2025 #movie .mv li{
 float: left;
 margin: 0 100px 0 0;
 width: 436px;
}
#sp2025 #movie .mv li:last-child{
 margin: 0;
}
#sp2025 #movie .mv li img{
 width: 100%;
 height: auto;
}
#sp2025 #movie .bt{
 margin: 0 auto 21px;
 width: 501px;
}
#sp2025 #movie .bt a{
 padding: 30px 0 31px;
 width: 100%;
 font-size: 24px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #8BC1CE;
 border-radius: 22px;
 border: 1px solid #8BC1CE;
 background-color: #fff;
 display: block;
 box-shadow: 8px 8px 0px 0px #8BC1CE;
}
#sp2025 #movie .tBox{
 margin: auto;
 width: 1218px;
 height: 280px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 background-image: url(../images/epi_ic.jpg);
 background-position: right 16px top 65px;
 background-size: 142px auto;
 background-repeat: no-repeat;
}
#sp2025 #movie .tBox .tag{
 padding: 15px 0;
 width: 268px;
 font-size: 19px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #000;
 position: absolute;
 bottom: 202px;
 right: 0;
 background-color: #F8E000;
}
#sp2025 #movie .tBox .tag .pin{
 width: 34px;
 height: auto;
 position: absolute;
 top: -40px;
 left: -14px;
}
#sp2025 #movie .tBox .tag.tag2{
 width: 230px;
 color: #fff;
 bottom: 140px;
 right: 129px;
 background-color: #67C8FF;
}
#sp2025 #movie .tBox .tag.tag2 .pin{
 width: 38px;
 height: auto;
 position: absolute;
 top: -27px;
 left: -25px;
}
#sp2025 #movie .tBox .channel{
 width: 274px;
 height: auto;
 position: absolute;
 bottom: 0;
 left: 65px;
}


#pagetop{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 60px;
	bottom: 60px;
	cursor: pointer;
	z-index: -1;
 display: none;
 transition: .3s;
}
#pagetop.active{
 display: block;
	z-index: 101;
 transition: .3s;
 animation: fadeIn 0.3s ease-in 0s forwards;
}
#pagetop.out{
 display: block;
 transition: .3s;
 animation: fadeOut 0.1s ease-in 0s forwards;
}
#pagetop img{
	width: 100%;
	height: auto;
}


footer ul.cb-btns {
  width: 829px;
  margin: 0 auto;
  font-size: 0;
  margin-bottom: 40px;
}
footer ul.cb-btns li.cb-btn {
 display: inline-block;
 width: 400px;
 background-color: #fff;
}
footer ul.cb-btns li.cb-btn:first-child {
  margin-right: 29px;
}
footer ul.cb-btns li.cb-btn a {
 padding: 0;
 width: 100%;
 height: 50px;
 display: block;
 position: relative;
 cursor: pointer;
 transition: .3s;
 background-image: url(../images/existing_img/arrow.png);
 background-position: right 15px center;
 background-size: 8px auto;
 background-repeat: no-repeat;
}
footer ul.cb-btns li.cb-btn a:hover {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=50);
 opacity: 0.5;
 text-decoration: none;
}
footer ul.cb-btns li.cb-btn a img {
 margin: 0 20px 6px 0;
 width: auto;
 height: 35px;
 display: inline-block;
}
footer ul.cb-btns li.cb-btn:nth-child(2) a img {
 width: auto;
 height: 35px;
}
footer ul.cb-btns li.cb-btn a span {
 width: auto;
 font-size: 20px;
 text-align: center;
 font-weight: bold;
 color: #003E81;
 line-height: 50px;
 position: static;
 font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




@media screen and (max-width:1300px){
#sp2025 #select{
 padding: 6.4vw 0 104px;
 width: 98.4%;
}
#sp2025 #select .selectBg{
 width: 100%;
 bottom: -3.3vw;
}

}


@media screen and (max-width:900px){
#sp2025 #select .selectT{
 width: 69.6%;
}
#sp2025 #select p{
 padding: 7.8vw 0 3vw;
}

}


@media screen and (max-width:960px){
#sp2025 #safety{
 padding: 15.4vw 0 12vw;
}
#sp2025 #safety .safety_ic1{
 margin: 0 auto 4vw;
 width: 5%;
}
#sp2025 #safety h2{
 margin: 0 auto 3.7vw;
 padding: 0.9vw 0 1.6vw;
 width: 58.4%;
 font-size: 3.34vw;
}
#sp2025 #safety h3{
 padding: 2.3vw 0 2.5vw;
 width: 94%;
 font-size: 2.81vw;
}
#sp2025 #safety h3 img{
 width: 97%;
 top: -22vw;
}
#sp2025 #safety p{
 padding: 5.2vw 0 3.2vw;
 font-size: 1.87vw;
 line-height: 223%;
}
#sp2025 #safety .baa{
 margin: 0 auto 14vw;
 padding: 6.1vw 0 3vw;
 width: 95.5%;
}
#sp2025 #safety .baa .baaBox{
 margin: 0 auto 11vw;
 padding: 3.2vw 0 3.1vw;
 width: 82.4%;
}
#sp2025 #safety .baa .sub{
 padding: 0 0 10px 6.2%;
 font-size: 1.88vw;
 line-height: 160%;
}
#sp2025 #safety .baa .baaBox img{
 width: 18.4%;
 top: 3.2vw;
 right: 3vw;
}
#sp2025 #safety .baa .baaBox p{
 padding: 0 0 0 6.2%;
 font-size: 1.46vw;
 line-height: 185%;
}
#sp2025 #safety .baa .point{
 padding: 0 2.2% 0 0;
 width: 82%;
}
#sp2025 #safety .baa .point li{
 margin: 0 0 8.4vw;
}
#sp2025 #safety .baa .point li p{
 margin: 0 0 0 10%;
 padding: 1.5vw 0 0;
 width: 40%;
}
#sp2025 #safety .baa .point li .pointL{
 width: 52%;
}
#sp2025 #safety .baa .point li .pointL .pointT img{
 width: 25.4%;
}
#sp2025 #safety .baa .point li .pointL .pointT h4{
 width: 70.2%;
 font-size: 3.66vw;
}
#sp2025 #safety .baa .point li .pointL .pointT h4 span{
 font-size: 2.09vw;
 line-height: 150%;
 text-indent: 0.1vw;
}
#sp2025 #safety .baa .point li .pointL p{
 margin: 0 0 0 19.5%;
 padding: 1.52vw 0 0;
 width: 80.6%;
 font-size: 1.46vw;
 line-height: 180%;
}
#sp2025 #safety .baa .point li img{
 width: 41%;
}
#sp2025 #safety .baa .baaU{
 width: 82.8%;
 bottom: -6.4vw;
}
#sp2025 #safety .baa .baaU .baaTxt{
 padding: 1.62vw 0 1.76vw;
 font-size: 2.5vw;
}
#sp2025 #safety .baa .baaU .cap{
 padding: 1vw 0 0;
 font-size: 1.45vw;
}

}


@media screen and (max-width:1130px){
#sp2025 #eq .inner{
 padding: 18.4vw 0 13.6vw;
 width: 96%;
}
#sp2025 #eq .inner .eq_ic1{
 width: 4vw;
 top: 12.6vw;
}
#sp2025 #eq .inner h2{
 margin: 0 auto 5.2vw;
 padding: 1.5vw 0 0.7vw;
 width: 43.8%;
 font-size: 3vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #000;
 background-image: url(../images/slashL2.png),url(../images/slashR2.png);
 background-position: left bottom,right bottom;
 background-size: 2.3vw auto,2.2vw auto;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #eq .inner .box{
 padding: 4vw 0 0.8vw;
 width: 100%;
 border-radius: 50px;
}
#sp2025 #eq .inner .box .eq_ic2{
 width: 13.2%;
 height: auto;
 position: absolute;
 top: -4.7vw;
 left: 4.9%;
}
#sp2025 #eq .inner .box .eqBg{
 width: 13.8%;
 height: auto;
 position: absolute;
 top: -11.4vw;
 right: 10.3%;
}
#sp2025 #eq .inner .box h3{
 margin: 0 auto 7.4vw;
 width: 47.6%;
}
#sp2025 #eq .inner .box .plus{
 margin: 0 auto;
 width: 90.8%;
}
#sp2025 #eq .inner .box .plus li{
 float: left;
 margin: 0 5% 0 0;
 padding: 3.7vw 0 3.8vw;
 width: 30%;
 text-align: center;
 border-radius: 15px;
 border: 2px solid #8BC1CE;
 position: relative;
}
#sp2025 #eq .inner .box .plus li:last-child{
 margin: 0;
}
#sp2025 #eq .inner .box .plus li p{
 padding: 0 0 2vw;
 width: 100%;
 font-size: 2.12vw;
 line-height: 150%;
}
#sp2025 #eq .inner .box .plus li img{
 width: 54.6%;
}
#sp2025 #eq .inner .box .plus li .clip{
 margin: auto;
 width: 15.4%;
 position: absolute;
 top: -4.1vw;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner .box .plus li .plusImg{
 width: 6.2vw;
 right: -5.4vw;
}
#sp2025 #eq .inner .box .arrow{
 margin: 2.7vw auto 3.24vw;
 width: 5.4vw;
}
#sp2025 #eq .inner .box .arrow img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .genki{
 margin: 0 auto 95px;
 padding: 15px 0 18px;
 width: 682px;
 border: 2px solid #000000;
 border-radius: 30px;
 background-color: #8BC1CE;
 font-size: 26px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 position: relative;
}
#sp2025 #eq .inner .box .genki .eq_ic3{
 width: 44px;
 height: auto;
 position: absolute;
 top: -22px;
 right: 46px;
}
#sp2025 #eq .inner .box .inBox{
 margin: 0 auto 6vw;
 padding: 2.2vw 5% 3vw;
 width: 74.4%;
}
#sp2025 #eq .inner .box .inBox .inBoxT{
 margin: 0 0 2.7vw;
 padding: 0 0 0.84vw;
 font-size: 2.23vw;
 line-height: 120%;
}
#sp2025 #eq .inner .box .inBox p{
 width: 58.4%;
 font-size: 1.42vw;
 line-height: 212%;
}
#sp2025 #eq .inner .box .inBox img{
 width: 33.8%;
}
#sp2025 #eq .inner .box .inBox .clip{
 width: 3.2vw;
 top: -3.8vw;
}
#sp2025 #eq .inner .box .eq_ic4{
 width: 10.8%;
 left: -3.7%;
 bottom: 31.1vw;
}
#sp2025 #eq .inner .box .eq_ic5{
 width: 17.8%;
 right: -9.2%;
 bottom: -2.1vw;
}


}

@media screen and (max-width:1160px){
#sp2025 #eq .ev_cover .inner{
 padding: 19vw 0 1vw;
 width: 100%;
}
#sp2025 #eq .inner #enersys{
 width: 100%;
}
#sp2025 #eq .inner #enersys h2{
 margin: 0 auto 6.3vw;
 padding: 0.5vw 0 0.5vw;
 width: 42.2%;
 font-size: 2.78vw;
 line-height: 100%;
 background-size: 2.2vw auto,2.2vw auto;
}
#sp2025 #eq .inner #enersys .ev_ic1{
 width: 51.8px;
 top: -9.6vw;
}
#sp2025 #eq .inner #enersys .ene{
 width: 96.3%;
}
#sp2025 #eq .inner #enersys .ene li{
 width: 44.7%;
}
#sp2025 #eq .inner #enersys .ene li .everyBg{
 width: 37.5%;
 top: -17.1vw;
 left: 6.58%;
}
#sp2025 #eq .inner #enersys .ene li:nth-child(2n){
 float: right;
}
#sp2025 #eq .inner #enersys .ene li img{
 width: 100%;
 height: auto;
 position: relative;
 z-index: 2;
}
#sp2025 #eq .inner #enersys .ene li .eneT{
 padding: 2.6vw 0 0;
 width: 100%;
}
#sp2025 #eq .inner #enersys .ene li .eneT span{
 padding: 0 0 0.2vw;
 font-size: 2.07vw;
 line-height: 133%;
}
#sp2025 #eq .inner #enersys .ene li p{
 padding: 2.1vw 0 6.8vw;
 font-size: 1.206vw;
 line-height: 228%;
}

}


@media screen and (max-width:1180px){
#sp2025 #school{
 padding: 12.2vw 0 17.5vw;
 width: 78.8%;
}
#sp2025 #school .inner{
 width: 100%;
}
#sp2025 #school .sc_ic1{
 width: 5.6%;
}
#sp2025 #school h2{
 margin: 2vw auto 7.7vw;
 width: 52.2%;
 font-size: 2.71vw;
 line-height: 143%;
 background-size: 2.4vw auto,2.4vw auto;
}
#sp2025 #school h2 img{
 width: 25.6%;
 top: -6.4vw;
 left: 1vw;
}
#sp2025 #school .box1{
 padding: 7.3vw 0 3.3vw;
}
#sp2025 #school .box1 .sc_ic2{
 width: 16%;
 top: -3.1vw;
}
#sp2025 #school .box1 .sc_ic3{
 width: 13.4%;
 top: -2.6vw;
}
#sp2025 #school .box1 .scT{
 padding: 0 0 3vw 2.3%;
 font-size: 2.56vw;
 line-height: 120%;
}
#sp2025 #school .box1.box2 .scT{
 padding: 0 3% 3vw 0;
}
#sp2025 #school .box1 .scT span{
 font-size: 3.8vw;
}
#sp2025 #school .box1 .scT span img{
 width: 20%;
 top: -0.7vw;
}
#sp2025 #school .box1 .txt{
 padding: 1.3vw 0 1.3vw 2%;
 width: 94.6%;
 font-size: 1.7vw;
 line-height: 160%;
}
#sp2025 #school .box1.box2 .txt{
 padding: 1.3vw 2% 1.3vw 0;
}
#sp2025 #school .box1 .school1{
 width: 37.3%;
 left: -23.7%;
}
#sp2025 #school .box1 .school2{
 width: 34%;
 right: -18.5%;
}


}

@media screen and (max-width:980px){
#sp2025 #btBox{
 padding: 0 0 9vw;
 width: 100%;
}
#sp2025 #btBox .btBoxT{
 font-size: 2.86vw;
}
#sp2025 #btBox .btBoxT span{
 font-size: 4.7vw;
}
#sp2025 #btBox .boxW{
 margin: 0 auto;
 padding: 5.5vw 0 0;
 width: 93.4%;
}
#sp2025 #btBox .boxW li{
 margin: 0 9.5% 0 0;
 width: 25vw;
 height: 25vw;
}
#sp2025 #btBox .boxW li a{
 background-position: center bottom 3.3vw;
 background-size: 2.1vw auto;
}
#sp2025 #btBox .boxW li a:hover{
 background-position: center bottom 2.8vw;
}
#sp2025 #btBox .boxW li .cl{
 padding: 4vw 0 0;
 width: 9.5vw;
 height: 9.5vw;
 border-radius: 50%;
 background-color: #97CCAB;
 position: absolute;
 top: -1.3vw;
 left: -2.2vw;
 font-size: 1.6vw;
}
#sp2025 #btBox .boxW li img{
 margin: 3.9vw auto 0;
 width: 49.4%;
}
#sp2025 #btBox .boxW li p{
 padding: 2vw 0 1.1vw;
 width: 100%;
 font-size: 1.32vw;
}
#sp2025 #btBox .boxW li .boxWT{
 font-size: 2.04vw;
}


}


@media screen and (max-width:1040px){
#sp2025 #assist{
 padding: 2.6vw 0 24.6vw;
 width: 100%;
}
#sp2025 #assist .inner{
 padding: 10.6vw 0 0;
 width: 87.8%;
}
#sp2025 #assist #item2 .inner{
 padding: 7.6vw 0 0;
}
#sp2025 #assist #item3 .inner{
 padding: 7.6vw 0 0;
}
#sp2025 #assist .inner .assistT{
 margin: 0 auto 6.4vw;
 padding: 1.9vw 0 2.3vw;
 width: 59.2%;
 border-radius: 30px;
}
#sp2025 #assist .inner .assistT h2{
 font-size: 3.1vw;
}
#sp2025 #assist .inner .assistT h2 span{
 font-size: 1.54vw;
}
#sp2025 #assist .inner .assistT .clip{
 width: 6.5%;
 top: -3.4vw;
}
#sp2025 #assist .inner .assistT .assistTBg{
 width: 139.5%;
 left: -17.6%;
}
#sp2025 #assist #item2 .inner .assistT .assistTBg{
 width: 117.6%;
 left: -11.8%;
}
#sp2025 #assist #item3 .inner .assistT .assistTBg{
 width: 125%;
 left: -19%;
}
#sp2025 #assist .inner .as .logoBox{
 bottom: 1.7vw;
}
#sp2025 #assist #item2 .inner .as .logoBox,
#sp2025 #assist #item3 .inner .as .logoBox{
 bottom: 0;
}
#sp2025 #assist .inner .as .logoBox .reco{
 width: 16vw;
}
#sp2025 #assist .inner .as .logoBox .logo{
 padding: 1.8vw 0 0;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo,
#sp2025 #assist #item3 .inner .as .logoBox .logo{
 padding: 2.2vw 0 0;
}
#sp2025 #assist .inner .as .logoBox .logo img{
 width: 34.2vw;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo img{
 width: 31.6vw;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo img{
 width: 20.5vw;
}
#sp2025 #assist .inner .as .logoBox .logo p{
 font-size: 1.55vw;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo p{
 padding: 2vw 0 0;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo p{
 padding: 2vw 0 0;
}
#sp2025 #assist .inner .as .logoBox .dBt{
 margin: 2.4vw 0 0;
 width: 21vw;
}
#sp2025 #assist .inner .as .logoBox .dBt a{
 padding: 1.2vw 7% 1.4vw 0;
 font-size: 1.52vw;
 background-position: right 9% center;
 background-size: 2.4vw auto;
}
#sp2025 #assist .inner .as .logoBox .dBt a:hover{
 background-position: right 4% center;
}
#sp2025 #assist .inner .as .asR{
 padding: 3vw 0 0.5vw;
 width: 49.2%;
}
#sp2025 #assist #item2 .inner .as .asR{
 padding: 3vw 0 3vw;
}
#sp2025 #assist #item3 .inner .as .asR{
 padding: 3vw 0 3vw;
}
#sp2025 #assist .inner .as .asR div{
 margin: 0 0 2vw;
 padding: 1.35vw 9% 1.45vw;
 font-size: 1.72vw;
}
#sp2025 #assist .inner .as .asR div:nth-child(2){
 margin: 0 0 5vw;
}
#sp2025 #assist #item2 .inner .as .asR div{
 width: 50%;
}
#sp2025 #assist #item3 .inner .as .asR div:nth-child(2){
 padding: 1.35vw 4.6% 1.45vw;
}
#sp2025 #assist .inner .as .asR img{
 margin: 0 0 0 -6.2vw;
 width: 107.5%;
}
#sp2025 #assist #item2 .inner .as .asR img{
 margin: -11.5vw 0 0 -3.8vw;
 width: 106%;
}
#sp2025 #assist #item3 .inner .as .asR img{
 margin: -0.6vw 0 0 -8vw;
 width: 114.6%;
}
#sp2025 #assist .inner .as .swiper-container{
 width: 46%;
}
#sp2025 #assist .inner .as .swiper{
 width: 100%;
}
.swiper-button-prev,
.swiper-button-next{
 height: 5.5vw !important;
 width: 5.6vw !important;
}
.swiper-pagination{
 bottom: -3vw !important;
}
.swiper-pagination-bullet {
 width: 1vw !important;
 height: 1vw !important;
 margin: 0 0 0 1.1vw !important;
}

#sp2025 #assist .inner .recoBox{
 margin: 2.2vw auto 0;
 padding: 2.4vw 2.34% 1.8vw;
}
#sp2025 #assist #item2 .inner .recoBox{
 margin: 5.8vw auto 0;
}
#sp2025 #assist #item3 .inner .recoBox{
 margin: 5.8vw auto 0;
}
#sp2025 #assist .inner .recoBox .yes{
 width: 14.6vw;
 top: -8vw;
 right: -5.4%;
}
#sp2025 #assist #item2 .inner .recoBox .yes{
 width: 23vw;
 top: -7.6vw;
 right: -3.3%;
}
#sp2025 #assist #item3 .inner .recoBox .yes{
 width: 23vw;
 top: -6.6vw;
 right: -2.2%;
}
#sp2025 #assist .inner .recoBox .recoBoxT{
 padding: 0 0 2.4vw;
 font-size: 1.92vw;
}
#sp2025 #assist .inner .recoBox .recoBoxT span{
 font-size: 2.5vw;
}
#sp2025 #assist .inner .recoBox .recoBoxT img{
 margin: 0 0 0 1.7%;
 width: 2.6vw;
}
#sp2025 #assist .inner .recoBox .recoBoxL{
 padding: 2.1vw 2.5% 2.4vw;
 width: 49.4%;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco2{
 margin: 0 0 2.8vw;
 padding: 0 0 1.9vw;
 font-size: 1.73vw;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3{
 font-size: 1.54vw;
 line-height: 175%;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3 span{
 padding: 0 0 0.24vw;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3 div{
 padding: 0.5 0 0;
 font-size: 13px;
 font-size: 1.25vw;
}
#sp2025 #assist .inner .recoBox .recoBoxL img{
 width: 44%;
}
#sp2025 #assist .inner .charg{
 padding: 6.5vw 0 8.4vw;
}
#sp2025 #assist .inner .charg img{
 width: 24.2%;
 right: -8.9vw;
 bottom: 3.2vw;
}
#sp2025 #assist .inner .charg .chL{
 width: 35%;
}
#sp2025 #assist .inner .charg .chL .chLT{
 font-size: 2.12vw;
 line-height: 145%;
}
#sp2025 #assist .inner .charg .chL p{
 padding: 1.4vw 0 2.9vw;
 font-size: 1.72vw;
 line-height: 183%;
}
#sp2025 #assist .inner .chL .bt a{
 padding: 1.3vw 0 1.5vw;
 font-size: 1.52vw;
 background-position: right 6% center;
 background-size: 2.3vw auto;
}
#sp2025 #assist .inner .charg .chL .bt a:hover{
 background-position: right 3% center;
}
#sp2025 #assist .inner .charg .chR{
 margin: 0 2.1vw 0 0;
 width: 55%;
}
#sp2025 #assist .inner .charg .chR .circle{
 width: 22.4vw;
 height: 22.4vw;
}
#sp2025 #assist .inner .charg .chR .circle p{
 padding: 6.6vw 0 0.48vw;
 font-size: 1.52vw;
}
#sp2025 #assist .inner .charg .chR .circle div{
 font-size: 1.72vw;
}
#sp2025 #assist .inner .charg .chR .circle div span{
 font-size: 2.22vw;
}
#sp2025 #assist .inner .charg .chR .circle div div{
 padding: 0 0.4vw;
 font-size: 5.4vw;
}
#sp2025 #assist .inner .charg .chR .circle span{
 padding: 1.4vw 0 0;
 font-size: 1.12vw;
}
#sp2025 #assist .inner .charg .chR .circle span span{
 font-size: 1.52vw;
}
#sp2025 #assist .inner .recoBt{
 margin: 0 auto 4.3vw;
 width: 381px;
}
#sp2025 #assist #item2 .inner .recoBt{
 margin: 4.6vw auto 4.3vw;
}
#sp2025 #assist #item3 .inner .recoBt{
 margin: 4.6vw auto 4.3vw;
}
#sp2025 #assist .inner .recoBt a{
 padding: 2.1vw 0 2.2vw;
 font-size: 1.72vw;
}
#sp2025 #assist .item{
 margin: 0 auto 15.6vw;
 width: 96%;
}
#sp2025 #assist .item li{
 margin: 0 2% 0 0;
 width: 32%;
}
#sp2025 #assist .item li .itemT{
 padding: 3.3vw 0 2.8vw;
 font-size: 1.54vw;
}
#sp2025 #assist #item2 .item li .itemT{
 padding: 4.3vw 0 2.8vw;
 height: 6.8vw;
}
#sp2025 #assist #item3 .item li .itemT{
 padding: 3.3vw 0 1.8vw;
}
#sp2025 #assist .item li img{
 width: 92%;
}
#sp2025 #assist .item li .lg{
 padding: 2.1vw 0 0.2vw;
 width: 82%;
}
#sp2025 #assist #item2 .item li .lg{
 padding: 1.8vw 0 1.8vw;
 width: 100%;
 font-size: 2.32vw;
}
#sp2025 #assist #item3 .item li .lg{
 padding: 3vw 0 0.9vw;
 width: 85%;
}
#sp2025 #assist .item li p{
 padding: 0.4vw 0 2.9vw;
 font-size: 1.12vw;
}
#sp2025 #assist .item li .check a{
 padding: 1.7vw 0 1.8vw;
 font-size: 1.52vw;
 background-position: right 5% center;
 background-size: 2.9vw auto;
}
#sp2025 #assist .item li .check a:hover{
 background-position: right 2.5% center;
}


}


@media screen and (max-width:964px){
#sp2025 #mate{
 margin: 0 0 12.5vw;
 padding: 12.6vw 0 6vw;
 background-color: #FDE3E8;
 position: relative;
}
#sp2025 #mate h2{
 padding: 1.9vw 0 2.1vw;
 width: 86.8%;
 font-size: 3.12vw;
 top: -3.4vw;
}
#sp2025 #mate h2 img{
 width: 6.6vw;
 height: auto;
 position: absolute;
 top: -3.8vw;
 left: 7.9%;
}
#sp2025 #mate .mateBox{
 width: 95%;
}
#sp2025 #mate .mateBox .mate{
 margin: 0 auto 5.8vw;
 width: 91%;
}
#sp2025 #mate .mateBox .mate img{
 margin: 1vw 0 0 5%;
 width: 39.2%;
}
#sp2025 #mate .mateBox .mate .mateR{
 width: 49.6%;
}
#sp2025 #mate .mateBox .mate .mateR .mateT{
 font-size: 3.82vw;
 line-height: 120%;
}
#sp2025 #mate .mateBox .mate .mateR .mateT span{
 font-size: 2.83vw;
}
#sp2025 #mate .mateBox .mate .mateR p{
 padding: 2vw 0 0;
 width: 100%;
 font-size: 1.76vw;
 line-height: 195%;
}
#sp2025 #mate .mateBox ul.mate{
 margin: 0 auto 6.1vw;
 width: 91.2%;
}
#sp2025 #mate .mateBox ul.mate li{
 margin: 0 2.26% 0 0;
 padding: 3.2vw 0 0;
 width: 23.3%;
 height: 12vw;
 font-size: 2.1vw;
 line-height: 140%;
}
#sp2025 #mate .mateBox ul.mate li:nth-child(3){
 padding: 4.5vw 0 0;
}
#sp2025 #mate .mateBox ul.mate li:last-child{
 padding: 4.5vw 0 0;
}
#sp2025 #mate .mateBox ul.mate li span{
 padding: 1.2vw 0 0;
 font-size: 1.6vw;
}
#sp2025 #mate .mateBox .bt{
 width: 69%;
}
#sp2025 #mate .mateBox .bt a{
 padding: 1.6vw 0 1.7vw;
 width: 100%;
 font-size: 2.3vw;
 background-position: right 2% center;
 background-size: 0.8vw auto;
}
#sp2025 #mate .mateBox .bt a:hover{
 background-position: right 1% center;
}
#sp2025 #mate .pack{
 padding: 3vw 0 0;
 width: 84%;
}
#sp2025 #mate .pack a{
 width: 96.41%;
}


}

@media screen and (max-width:964px){
#sp2025 #peace{
 padding: 13.6vw 0 7.4vw;
}
#sp2025 #peace h2{
 padding: 1.9vw 0 2.1vw;
 width: 86.8%;
 font-size: 3.12vw;
 top: -3.4vw;
}
#sp2025 #peace h2 img{
 width: 6.6vw;
 height: auto;
 position: absolute;
 top: -3.8vw;
 left: 7.9%;
}

}

@media screen and (max-width:1220px){
#sp2025 #peace .re{
 width: 74.6%;
}
#sp2025 #peace .re .relation li{
 width: 47.2%;
}
#sp2025 #peace .re .relation1{
 width: 21.5%;
 left: -16.8%;
}

#sp2025 #movie{
 padding: 6.8vw 0 22.6vw;
 width: 100%;
 position: relative;
}
#sp2025 #movie h2{
 margin: 0 auto 8.4vw;
 width: 95%;
}
#sp2025 #movie .bt{
 margin: 0 auto 2vw;
 width: 41%;
}
#sp2025 #movie .bt a{
 padding: 2.5vw 0 2.6vw;
 font-size: 1.98vw;
}
#sp2025 #movie .tBox{
 width: 100%;
 height: 22.8vw;
 background-position: right 1.4vw top 5.2vw;
 background-size: 11.7% auto;
}
#sp2025 #movie .tBox .tag{
 padding: 1.3vw 0;
 width: 22%;
 font-size: 1.56vw;
 bottom: 16.5vw;
}
#sp2025 #movie .tBox .tag .pin{
 width: 2.8vw;
 top: -3.3vw;
 left: -1.2vw;
}
#sp2025 #movie .tBox .tag.tag2{
 width: 18.8%;
 bottom: 11.4vw;
 right: 10.6%;
}
#sp2025 #movie .tBox .tag.tag2 .pin{
 width: 2.8vw;
 top: -2vw;
 left: -2vw;
}
#sp2025 #movie .tBox .channel{
 width: 22.5%;
 left: 5.4%;
}



}


@media screen and (max-width:1500px){
#sp2025 #movie .mv{
 margin: 0 auto 7.6vw;
 width: 100%;
}
#sp2025 #movie .mv li{
 float: left;
 margin: 0 6.5% 0 0;
 width: 29%;
}
#sp2025 #movie .mv li:last-child{
 margin: 0;
}
#sp2025 #movie .mv li img{
 width: 100%;
 height: auto;
}


}


@media screen and (max-width:768px){
.pcOnly{
		display: none;
}
.spOnly{
	display: block;
}

  .Header-site .cb-social{
    margin-top: 4px; }
  .Header-site .cb-social li:first-child{
    margin-right: 0; }
  .Header-site #twitter-widget-0{
    height: 21px !important; }

#navi-open{
  position: absolute;
  right: 0;
  top: 40px;
  height: 52px;
  width: 40px;
  background-color: #006CFF;
  box-sizing: border-box;
  text-align: center;
  z-index: 99; }
  #navi-open:hover {
    cursor: pointer; }

.menu-trigger, #nav-open .btn, #nav-open-sp .btn, #nav-close .btn, .menu-trigger span{
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-sizing: border-box;
  line-height: 1; }

.menu-trigger{
	position: relative;
	width: 60%;
	height: 39px;
	margin: 0 auto;
	margin-top: 7px;
	margin-bottom: 4px;
}
 .menu-trigger span{
	margin: 0 auto !important;
	padding: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}
.menu-trigger span:nth-child(2){
	margin: -5px auto 0 !important;
}
.menu-trigger span:last-child{
	margin: -9px auto 0 !important;
 margin-bottom: 0; }

#header_nav {
  width: 100%;
  background-color: #006CFF;
  font-size: 100%; }
  #header_nav .inner-link {
    display: none;
    position: absolute;
    z-index: 10;
    top: 42px;
    background: #006CFF;
    width: 100%; }
#header_nav .inner-link.active{
 display: block;
 transition: .3s;
 animation: fadeIn 0.3s ease-in 0s forwards;
}
#header_nav .inner-link.out{
 display: block;
 transition: .3s;
 animation: fadeOut 0.3s ease-in 0s forwards;
}
  #header_nav li {
    border-bottom: 1px solid #fff;
    font-size: 140%; }
    #header_nav li a {
	color: #fff;
	padding: 4%;
	display: block;
	text-decoration: none;
	transition: .3s;
}
#header_nav li a:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
}

#sp2025{
	margin: -1px 0 0;
	padding: 0;
	width: 100%;
}
#sp2025 #fv{
 margin: 0 auto;
 width: 100%;
 height: auto;
 text-align: center;
}
#sp2025 #fv h1{
 width: 100%;
 height: auto;
}
#sp2025 #fv h1 img{
 width: 100%;
 height: auto;
}

#sp2025 #select{
 margin: 0 auto;
 padding: 9vw 0 15vw;
 width: 100%;
 text-align: center;
}
#sp2025 #select .selectBg{
 display: none;
}
#sp2025 #select .selectT{
 margin: 0 auto;
 width: 95%;
}
#sp2025 #select .selectT img{
 width: 100%;
 height: auto;
}
#sp2025 #select p{
 margin: 0;
 margin: 3vw 0 5vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 230%;
 text-align: center;
 font-weight: 400;
 color: #050505;
}
#sp2025 #select .hash{
 margin: 0 auto;
 padding: 0 1% 0 0;
 width: 75%;
 font-size: 6vw;
 text-align: center;
 font-weight: 700;
 color: #0B4FD1;
 position: relative;
}
#sp2025 #select .hash img{
 width: 7.5%;
 height: auto;
 position: absolute;
 top: -4vw;
 right: 0;
 pointer-events: none;
}

#sp2025 #safety{
 padding: 8vw 0 6vw;
 width: 100%;
 background-color: #fff;
 text-align: center;
}
#sp2025 #safety .safety_ic1{
 margin: 0 auto 4vw;
 width: 10%;
 height: auto;
}
#sp2025 #safety h2{
 margin: 0 auto 8vw;
 padding: 0.5vw 5% 2vw 0;
 width: 70%;
 font-size: 5.6vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
 background-image: url(../images/slashLSp.png),none;
 background-position: left center,none;
 background-size: auto 100%,none;
 background-repeat: no-repeat,none;
}
#sp2025 #safety h3{
 margin: 0 auto;
 padding: 3.3vw 0 3.4vw;
 width: 100%;
 font-size: 5.2vw;
 line-height: 150%;
 text-align: center;
 font-weight: 900;
 color: #FFEB03;
 border-radius: 0;
 background-color: #006643;
 position: relative;
}
#sp2025 #safety h3 img{
 width: 100%;
 height: auto;
 position: absolute;
 top: -35vw;
 left: 0;
}
#sp2025 #safety p{
 margin: 0 auto;
 padding: 8vw 0 10vw;
 width: 100%;
 font-size: 4.3vw;
 line-height: 210%;
 text-align: center;
 font-weight: 700;
 color: #644633;
}
#sp2025 #safety p.bgc{
 background-color: #e5efec;
}
#sp2025 #safety .baa{
 margin: 0 auto;
 padding: 0;
 width: 100%;
 border-radius: 0px;
 position: relative;
}
#sp2025 #safety .baa .baaBox{
 margin: 0 auto;
 padding: 10vw 0 4vw;
 width: 100%;
 border-radius: 0px;
 background-color: #fff;
 position: relative;
 text-align: center;
}
#sp2025 #safety .baa .baaBox img{
 margin: 0 auto 6vw;
 width: 35.6%;
 height: auto;
 position: static;
 top: auto;
 right: auto;
}
#sp2025 #safety .baa .baaBox .sub{
 margin: 0;
 padding: 0;
 width: 100%;
 font-size: 6vw;
 line-height: 140%;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
}
#sp2025 #safety .baa .baaBox .sub span{
 font-size: 4.8vw;
 font-weight: 500;
}
#sp2025 #safety .baa .baaBox p{
 margin: 0 auto;
 padding: 4vw 0 0;
 width: 77.1%;
 font-size: 3.4vw;
 line-height: 200%;
 text-align: left;
 font-weight: 400;
 color: #0C0B0B;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #safety .baa .baaBox p span{
 padding: 1vw 0 0;
 font-weight: 500;
 display: inline-block;
}
#sp2025 #safety .baa .point{
 margin: 0 auto;
 padding: 10vw 0 2vw;
 width: 80%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #safety .baa .point li{
 margin: 0 0 16vw;
 width: 100%;
}
#sp2025 #safety .baa .point li p{
 margin: 0;
 padding: 2vw 0 0;
 width: 100%;
}
#sp2025 #safety .baa .point li .pointL{
 float: none;
 width: 100%;
}
#sp2025 #safety .baa .point li .pointL .pointT{
 text-align: center;
}
#sp2025 #safety .baa .point li .pointL .pointT img{
 float: none;
 margin: 0 auto;
 width: 32.2%;
 height: auto;
}
#sp2025 #safety .baa .point li .pointL .pointT h4{
 float: none;
 margin: 0 auto;
 padding: 4vw 0 0;
 width: 100%;
 font-size: 6.4vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #0C0B0B;
}
#sp2025 #safety .baa .point li .pointL .pointT h4 span{
 font-size: 4vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #644633;
 display: block;
 text-indent: 0.1vw;
}
#sp2025 #safety .baa .point li .pointL p{
 margin: 0;
 padding: 3vw 0 6vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 200%;
 text-align: left;
 font-weight: 400;
 color: #0C0B0B;
}
#sp2025 #safety .baa .point li img{
 float: none;
 width: 100%;
 height: auto;
}
#sp2025 #safety .baa .baaU{
 margin: auto;
 width: 100%;
 position: static;
 left: 0;
 right: 0;
 bottom: auto;
}
#sp2025 #safety .baa .baaU .baaTxt{
 padding: 3.5vw 0 3.7vw;
 width: 100%;
 font-size: 5vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #FFEB03;
 border-radius: 0px;
 background-color: #006643;
}
#sp2025 #safety .baa .baaU .cap{
 padding: 2vw 5% 0 0;
 width: 100%;
 font-size: 3.4vw;
 text-align: right;
 font-weight: 400;
 color: #707070;
}

#sp2025 #eq{
 margin: 0;
 width: 100%;
 background-color: #e8f3f5;
}
#sp2025 #eq .inner{
 margin: 0 auto;
 padding: 22vw 0 6vw;
 width: 100%;
 position: relative;
}
#sp2025 #eq .inner .eq_ic1{
 margin: auto;
 width: 10%;
 height: auto;
 position: absolute;
 top: 9vw;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner h2{
 margin: 0 auto 16vw;
 padding: 0;
 width: 77%;
 font-size: 5vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #000;
 background-image: url(../images/slashL2Sp.png),url(../images/slashR2Sp.png);
 background-position: left center,right center;
 background-size: 4vw auto,4vw auto;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #eq .inner .box{
 margin: 0 auto 6vw;
 padding: 10vw 0 8vw;
 width: 92%;
 border-radius: 20px;
 background-color: #fff;
 position: relative;
}
#sp2025 #eq .inner .box .eq_ic2{
 width: 24%;
 height: auto;
 position: absolute;
 top: -9vw;
 left: 0;
}
#sp2025 #eq .inner .box .eqBg{
 display: none;
}
#sp2025 #eq .inner .box h3{
 margin: 4vw auto 8vw;
 width: 60%;
}
#sp2025 #eq .inner .box h3 img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .plus{
 margin: 0 auto;
 width: 80%;
}
#sp2025 #eq .inner .box .plus li{
 float: none;
 margin: 0 0 7vw;
 padding: 4vw 0 10vw;
 width: 100%;
 text-align: center;
 border-radius: 20px;
 border: 2px solid #8BC1CE;
 position: relative;
}
#sp2025 #eq .inner .box .plus li:last-child{
 margin: 0;
 padding: 4vw 0 7vw;
}
#sp2025 #eq .inner .box .plus li p{
 margin: 0;
 padding: 0 0 3vw;
 width: 100%;
 font-size: 5vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
}
#sp2025 #eq .inner .box .plus li:last-child p{
 padding: 0 0 6vw;
}
#sp2025 #eq .inner .box .plus li img{
 margin: 0 auto;
 width: 50%;
 height: auto;
}
#sp2025 #eq .inner .box .plus li .clip{
 margin: auto;
 width: 13vw;
 position: absolute;
 top: 18vw;
 left: auto;
 right: -15%;
}
#sp2025 #eq .inner .box .plus li .clip img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .plus li .plusImg{
 margin: auto;
 width: 12vw;
 height: auto;
 position: absolute;
 left: 0;
 right: 0;
 top: auto;
 bottom: -10vw;
}
#sp2025 #eq .inner .box .arrow{
 margin: 4vw auto 6vw;
 width: 11%;
}
#sp2025 #eq .inner .box .arrow img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .genki{
 margin: 0 auto 16vw;
 padding: 5vw 0 5vw;
 width: 79%;
 border: 2px solid #000000;
 border-radius: 80px;
 background-color: #8BC1CE;
 font-size: 5vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 position: relative;
}
#sp2025 #eq .inner .box .genki .eq_ic3{
 width: 15%;
 height: auto;
 position: absolute;
 top: -13vw;
 right: 8%;
}
#sp2025 #eq .inner .box .inBox{
 margin: 0 auto 2vw;
 padding: 7vw 6% 8vw;
 width: 79%;
 border-radius: 20px;
 border: 2px solid #8BC1CE;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
}
#sp2025 #eq .inner .box .inBox .inBoxT{
 margin: 0 0 5vw;
 padding: 0 0 4vw;
 width: 100%;
 font-size: 5.4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
 border-bottom: 2px solid #8BC1CE;
}
#sp2025 #eq .inner .box .inBox p{
 float: none;
 margin: 0;
 padding: 0 0 6vw;
 width: 100%;
 font-size: 3.59vw;
 line-height: 200%;
 text-align: left;
 font-weight: 500;
 color: #8BC1CE;
}
#sp2025 #eq .inner .box .inBox img{
 float: none;
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .inBox .clip{
 margin: auto;
 width: 13%;
 position: absolute;
 top: -10vw;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner .box .inBox .clip img{
 width: 100%;
 height: auto;
}
#sp2025 #eq .inner .box .eq_ic4{
 display: none;
}
#sp2025 #eq .inner .box .eq_ic5{
 width: 38%;
 height: auto;
 position: absolute;
 right: -4%;
 bottom: -9.5vw;
}
#sp2025 #eq .ev_cover{
 width: 100%;
 background-color: #f8ebeb;
}
#sp2025 #eq .ev_cover .inner{
 padding: 10vw 0 5vw;
 width: 100%;
}
#sp2025 #eq .inner #enersys{
 padding: 22vw 0 0;
 width: 100%;
 position: relative;
}
#sp2025 #eq .inner #enersys h2{
 margin: 0 auto 12vw;
 padding: 0 0 0 2%;
 width: 55%;
 font-size: 5vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #000;
 background-image: url(../images/slashL2SpE.png),url(../images/slashR2SpE.png);
 background-position: left bottom,right bottom;
 background-size: 6vw auto,6vw auto;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #eq .inner #enersys .ev_ic1{
 margin: auto;
 width: 9%;
 height: auto;
 position: absolute;
 top: 6vw;
 left: 0;
 right: 0;
}
#sp2025 #eq .inner #enersys .ene{
 margin: 0 auto;
 width: 81.5%;
}
#sp2025 #eq .inner #enersys .ene li{
 float: none;
 margin: 0;
 width: 100%;
}
#sp2025 #eq .inner #enersys .ene li .everyBg{
 width: 37%;
 height: auto;
 position: absolute;
 top: -34vw;
 left: -5%;
 z-index: 1;
}
#sp2025 #eq .inner #enersys .ene li:nth-child(2n){
 float: none;
}
#sp2025 #eq .inner #enersys .ene li img{
 margin: 0 0 0;
 width: 100%;
 height: auto;
 border-radius: 20px;
}
#sp2025 #eq .inner #enersys .ene li:nth-child(2n) img{
 margin: 0 0 0 auto;
}
#sp2025 #eq .inner #enersys .ene li .eneT{
 margin: 0 0 0;
 padding: 5vw 0 0;
 width: 100%;
}
#sp2025 #eq .inner #enersys .ene li:nth-child(2n) .eneT{
 margin: 0 auto 0 0;
}
#sp2025 #eq .inner #enersys .ene li .eneT span{
 font-size: 4.6vw;
 line-height: 150%;
 text-align: left;
 font-weight: 500;
 color: #000000;
 background: linear-gradient(#f8ebeb 70%, #ffffff 30%);
 display: block;
}
#sp2025 #eq .inner #enersys .ene li:nth-child(2n) .eneT span{
 padding: 0;
}
#sp2025 #eq .inner #enersys .ene li p{
 margin: 0 auto;
 padding: 4vw 0 14vw;
 width: 100%;
 font-size: 3.5vw;
 line-height: 200%;
 text-align: left;
 font-weight: 500;
 color: #000000;
}

#sp2025 #school{
 margin: 0;
 padding: 36vw 0 6vw;
 width: 100%;
 position: relative;
}
#sp2025 #school .inner{
 margin: 0 auto;
 max-width: 100%;
 min-width: 100%;
 width: 100%;
 position: relative;
}
#sp2025 #school .sc_ic1{
 margin: auto;
 width: 10%;
 height: auto;
 position: absolute;
 top: -18vw;
 left: 0;
 right: 0;
}
#sp2025 #school h2{
 margin: 0 auto 12vw;
 padding: 1vw 0 3vw;
 width: 80%;
 font-size: 5.6vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #8BC1CE;
 background-image: url(../images/slashL3Sp.png),url(../images/slashR3Sp.png);
 background-position: left bottom,right bottom;
 background-size: 6vw auto,6vw auto;
 background-repeat: no-repeat,no-repeat;
}
#sp2025 #school h2 img{
 width: 40%;
 height: auto;
 position: absolute;
 top: -23vw;
 left: -5vw;
}
#sp2025 #school .box1{
 float: none;
 margin: 0 auto 10vw;
 padding: 15vw 0 5vw;
 width: 80.5%;
 background-color: #8BC1CE;
 border-radius: 20px;
 position: relative;
}
#sp2025 #school .box1.box2{
 float: none;
 background-color: #DD9999;
 border-top-left-radius: 0;
 border-radius: 20px;
}
#sp2025 #school .box1 .sc_ic2{
 margin: auto;
 width: 17%;
 height: auto;
 position: absolute;
 top: -6vw;
 left: 0;
 right: 0;
}
#sp2025 #school .box1 .sc_ic3{
 margin: auto;
 width: 15%;
 height: auto;
 position: absolute;
 top: -5vw;
 left: 0;
 right: 0;
}
#sp2025 #school .box1 .scT{
 padding: 0 0 3vw 31%;
 font-size: 6.5vw;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 color: #fff;
}
#sp2025 #school .box1.box2 .scT{
 padding: 0 0 3vw 31%;
}
#sp2025 #school .box1 .scT span{
 font-size: 10vw;
 font-weight: 800;
 color: #F8E000;
 position: relative;
}
#sp2025 #school .box1 .scT span img{
 margin: auto;
 width: 2vw;
 height: auto;
 position: absolute;
 top: -1vw;
 left: 0;
 right: 0;
}
#sp2025 #school .box1 .txt{
 margin: 0 auto 0 0;
 padding: 5vw 0 5vw 35%;
 width: 94%;
 background-color: #fff;
 border-top-right-radius: 20px;
 border-bottom-right-radius: 20px;
 font-size: 4.6vw;
 line-height: 160%;
 text-align: left;
 font-weight: 700;
 color: #000000;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #school .box1.box2 .txt{
 margin: 0 0 0 auto;
 padding: 5vw 0 5vw 12%;
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
}
#sp2025 #school .box1 .school1{
 width: 45%;
 height: auto;
 position: absolute;
 bottom: 0;
 left: -16%;
}
#sp2025 #school .box1 .school2{
 width: 48%;
 height: auto;
 position: absolute;
 bottom: 0;
 right: -23%;
}

#sp2025 #btBox{
 margin: 0 auto;
 padding: 0 0 9vw;
 width: 100%;
}
#sp2025 #btBox .btBoxT{
 font-size: 5vw;
 text-align: center;
 font-weight: 700;
}
#sp2025 #btBox .btBoxT span{
 font-size: 8vw;
 font-weight: 700;
 color: #8BC1CE;
}
#sp2025 #btBox .boxW{
 margin: 0 auto;
 padding: 6vw 0 0;
 width: 87.7%;
}
#sp2025 #btBox .boxW li{
 float: none;
 margin: 0 0 5vw;
 width: 100%;
 height: auto;
 border-radius: 25px;
 border: 3px dotted #97CCAB;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 text-align: center;
}
#sp2025 #btBox .boxW li:nth-child(2){
 border: 3px dotted #DD9999;
}
#sp2025 #btBox .boxW li:last-child{
 margin: 0;
 border: 3px dotted #8BC1CE;
}
#sp2025 #btBox .boxW li:hover{
  transform: scale(1, 1);
}
#sp2025 #btBox .boxW li a{
 padding: 4vw 0 7vw;
 width: 100%;
 height: 100%;
 display: block;
 background-image: url(../images/arrow1.png);
 background-position: center bottom 3vw;
 background-size: 3vw auto;
 background-repeat: no-repeat;
 transition: .3s;
}
#sp2025 #btBox .boxW li:nth-child(2) a{
 background-image: url(../images/arrow2.png);
}
#sp2025 #btBox .boxW li:last-child a{
 background-image: url(../images/arrow3.png);
}
#sp2025 #btBox .boxW li a:hover{
 background-position: center bottom 2vw;
  opacity:0.6;
  filter: alpha(opacity=60);
  transform: scale(1, 1);
}
#sp2025 #btBox .boxW li .cl{
 margin: auto;
 padding: 0;
 width: 18vw;
 height: 18vw;
 border-radius: 50%;
 background-color: #97CCAB;
 position: absolute;
 top: 0;
 bottom: 0;
 left: -4vw;
 font-size: 3.3vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: flex;
 justify-content: center;
 align-items: center;
}
#sp2025 #btBox .boxW li:nth-child(2) .cl{
 background-color: #DD9999;
}
#sp2025 #btBox .boxW li:last-child .cl{
 background-color: #8BC1CE;
}
#sp2025 #btBox .boxW li img{
 margin: 0;
 width: 25%;
 height: auto;
 position: absolute;
 right: -3vw;
 bottom: -3vw;
}
#sp2025 #btBox .boxW li p{
 margin: 0;
 padding: 0 0 2vw;
 width: 100%;
 font-size: 3.2vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #050505;
}
#sp2025 #btBox .boxW li .boxWT{
 font-size: 4.2vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #97CCAB;
}
#sp2025 #btBox .boxW li:nth-child(2) .boxWT{
 color: #DD9999;
}
#sp2025 #btBox .boxW li:last-child .boxWT{
 color: #8BC1CE;
}

#sp2025 #assist{
 margin: 0 0 0;
 padding: 8vw 0 20vw;
 width: 100%;
}
#sp2025 #assist .inner{
 margin: 0 auto;
 padding: 16vw 0 0;
 width: 100%;
 position: relative;
}
#sp2025 #assist #item2 .inner{
 padding: 10vw 0 0;
}
#sp2025 #assist #item3 .inner{
 padding: 10vw 0 0;
}
#sp2025 #assist .inner .assistT{
 margin: 0 auto 4vw;
 padding: 4vw 0 5.5vw;
 width: 86%;
 background-color: #97CCAB;
 border-radius: 30px;
 position: relative;
}
#sp2025 #assist #item2 .inner .assistT{
 background-color: #DD9999;
 border-bottom-right-radius: 30px;
}
#sp2025 #assist #item3 .inner .assistT{
 background-color: #8BC1CE;
 border-bottom-right-radius: 30px;
}
#sp2025 #assist .inner .assistT h2{
 font-size: 6vw;
 line-height: 130%;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #assist .inner .assistT h2 span{
 font-size: 3.6vw;
 line-height: 130%;
 font-weight: 500;
}
#sp2025 #assist .inner .assistT .clip{
 margin: auto;
 width: 8%;
 height: auto;
 position: absolute;
 top: -7vw;
 left: 0;
 right: 0;
}
#sp2025 #assist .inner .assistT .assistTBg{
 margin: 0 0 0 -8.5%;
 width: 116.8%;
 height: auto;
 position: absolute;
 bottom: 0;
 left: 0;
}
#sp2025 #assist #item2 .inner .assistT .assistTBg{
 width: 112%;
 left: 0;
}
#sp2025 #assist #item3 .inner .assistT .assistTBg{
 width: 112%;
 left: 0;
}
#sp2025 #assist .inner .as{
 width: 100%;
 position: relative;
}
#sp2025 #assist .inner .as .logoBox{
 position: static;
 left: auto;
 bottom: auto;
 text-align: center;
}
#sp2025 #assist #item2 .inner .as .logoBox{
 bottom: auto;
}
#sp2025 #assist #item3 .inner .as .logoBox{
 bottom: auto;
}
#sp2025 #assist .inner .as .logoBox .reco{
 margin: 0 -5% 0 auto;
 width: 42%;
 height: auto;
}
#sp2025 #assist .inner .as .logoBox .logo{
 margin: 0 auto;
 padding: 5vw 0 0;
 text-align: center;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo{
 padding: 8vw 0 0;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo{
 padding: 6vw 0 0;
}
#sp2025 #assist .inner .as .logoBox .logo img{
 margin: 0 auto;
 width: 69%;
 height: auto;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo img{
 width: 65%;
 height: auto;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo img{
 width: 52%;
 height: auto;
}
#sp2025 #assist .inner .as .logoBox .logo p{
 margin: 0;
 padding: 1vw 0 0;
 width: 100%;
 font-size: 3.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist #item2 .inner .as .logoBox .logo p{
 padding: 5vw 0 0;
}
#sp2025 #assist #item3 .inner .as .logoBox .logo p{
 padding: 15px 0 0;
}
#sp2025 #assist .inner .as .logoBox .dBt{
 display: none; 
}
#sp2025 #assist .inner .as .asR{
 float: none;
 margin: 0 auto;
 padding: 7vw 0 0;
 width: 82%;
 text-align: right;
}
#sp2025 #assist #item2 .inner .as .asR{
 padding: 7vw 0 0;
}
#sp2025 #assist #item3 .inner .as .asR{
 padding: 7vw 0 0;
}
#sp2025 #assist .inner .as .asR div{
 margin: 0 0 2vw;
 padding: 2vw 4vw 2.5vw;
 font-size: 3.5vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: inline-block;
 border-radius: 10px;
 background-color: #97CCAB;
}
#sp2025 #assist .inner .as .asR div:nth-child(2){
 margin: 0 0 6vw;
}
#sp2025 #assist #item2 .inner .as .asR div{
 width: 50%;
 background-color: #DD9999;
}
#sp2025 #assist #item3 .inner .as .asR div{
 background-color: #8BC1CE;
}
#sp2025 #assist #item3 .inner .as .asR div:nth-child(2){
 padding: 2vw 4vw 2.5vw;
}
#sp2025 #assist .inner .as .asR img{
 margin: 0 0 0 -4%;
 width: 100%;
 height: auto;
}
#sp2025 #assist #item2 .inner .as .asR img{
 margin: -21vw 0 8vw 0;
 width: 100.2%;
}
#sp2025 #assist #item3 .inner .as .asR img{
 margin: 2vw 0 6vw;
 width: 98%;
}
#sp2025 #assist .inner .as .asR .dBtSp{
 margin: -1vw auto 8vw;
 padding: 0;
 width: 68%;
 display: block;
}
#sp2025 #assist #item2 .inner .as .asR .dBtSp{
 margin: 0 auto 4vw;
 width: 68%;
}
#sp2025 #assist #item3 .inner .as .asR .dBtSp{
 margin: 0 auto 8vw;
 width: 68%;
}
#sp2025 #assist .inner .as .asR .dBtSp a{
 padding: 3.2vw 7% 3.4vw 0;
 width: 100%;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: block;
 border-radius: 10px;
 border: 1px solid #97CCAB;
 background-color: #97CCAB;
 background-image: url(../images/arrowG.png);
 background-position: right 8% center;
 background-size: 5.8vw auto;
 background-repeat: no-repeat;
}
#sp2025 #assist #item2 .inner .as .asR .dBtSp a{
 border: 1px solid #DD9999;
 background-color: #DD9999;
 background-image: url(../images/arrowR.png);
}
#sp2025 #assist #item3 .inner .as .asR .dBtSp a{
 border: 1px solid #8BC1CE;
 background-color: #8BC1CE;
 background-image: url(../images/arrowB.png);
}
#sp2025 #assist .inner .as .asR .dBtSp a:hover{
 color: #97CCAB;
 background-color: #fff;
 background-image: url(../images/arrowG2.png);
 background-position: right 3% center;
 opacity: 1;
}
#sp2025 #assist #item2 .inner .as .asR .dBtSp a:hover{
 color: #DD9999;
 background-color: #fff;
 background-image: url(../images/arrowR2.png);
}
#sp2025 #assist #item3 .inner .as .asR .dBtSp a:hover{
 color: #8BC1CE;
 background-color: #fff;
 background-image: url(../images/arrowB2.png);
}
#sp2025 #assist .inner .as .swiper-container{
 float: none;
 margin: 0 auto;
 padding: 0;
 width: 82%;
 position: relative;
}
#sp2025 #assist .inner .as .swiper{
 margin: 0;
 padding: 0;
 width: 100%;
 border-radius: 30px;
}
#sp2025 #assist .inner .as .swiper .swiper-wrapper{
 margin: 0;
 padding: 0;
 width: 100%;
}
#sp2025 #assist .inner .as .swiper .swiper-slide{
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
}
#sp2025 #assist .inner .as .swiper .swiper-slide img{
	width: 100%;
	height: auto;
 border-radius: 30px;
}
.swiper-button-prev{
 position: absolute;
 left: 0 !important;
}
.swiper-button-next{
 position: absolute;
 right: 0 !important;
}
.swiper-button-prev,
.swiper-button-next{
 content: "" !important;
 position: absolute;
 height: 58px !important;
 width: 58px !important;
 margin: auto;
 background-position: center center;
 background-size: 100% auto;
 background-repeat: no-repeat;
 overflow: hidden;
 transition: .3s;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
 opacity: .5;
}
.swiper-button-prev:after,
.swiper-button-next:after {
 display: none;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev{
	background-image: url(../images/arrowL.png);
}
/* 次への矢印カスタマイズ */
.swiper-button-next{
	background-image: url(../images/arrowR.png);
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
}
.swiper-pagination{
 margin: auto;
 position: absolute;
 bottom: -8vw !important;
}
.swiper-pagination-bullet {
 width: 2.4vw !important;
 height: 2.4vw !important;
 margin: 0 0 0 7vw !important;
 background: #ddd !important;
 opacity: 1 !important; /* 画像の透過を無くす */
}
.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
.swiper-pagination-bullet-active {
 background: #999 !important;
}

#sp2025 #assist .inner .recoBox{
 margin: 25vw auto 0;
 padding: 8vw 9% 6vw;
 width: 100%;
 border-radius: 0;
 background-color: #efefef;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #assist #item2 .inner .recoBox{
 margin: 25vw auto 0;
}
#sp2025 #assist #item3 .inner .recoBox{
 margin: 25vw auto 0;
}
#sp2025 #assist .inner .recoBox .yes,
#sp2025 #assist #item2 .inner .recoBox .yes,
#sp2025 #assist #item3 .inner .recoBox .yes{
 display: none;
}
#sp2025 #assist .inner .recoBox .recoBoxT{
 padding: 0 0 5.6vw;
 font-size: 5vw;
 line-height: 160%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist .inner .recoBox .recoBoxT span{
 font-size: 6.5vw;
 font-weight: 900;
 color: #97CCAB;
}
#sp2025 #assist #item2 .inner .recoBox .recoBoxT span{
 color: #DD9999;
}
#sp2025 #assist #item3 .inner .recoBox .recoBoxT span{
 color: #8BC1CE;
}
#sp2025 #assist .inner .recoBox .recoBoxT img{
 margin: 0 0 0 3vw;
 width: 5.5vw;
 height: auto;
 display: inline-block;
 position: relative;
 top: -1.5vw;
}
#sp2025 #assist .inner .recoBox .recoBoxL{
 margin: 0 0 4vw;
 float: none;
 padding: 6vw 5vw 8vw;
 width: 100%;
 border-radius: 15px;
 background-color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 z-index: 2;
}
#sp2025 #assist .inner .recoBox .recoBoxR{
 float: none;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco2{
 margin: 0;
 padding: 0 0 5vw;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #97CCAB;
 border-bottom: none;
}
#sp2025 #assist #item2 .inner .recoBox .recoBoxL .reco2{
 color: #DD9999;
 border-bottom: none;
}
#sp2025 #assist #item3 .inner .recoBox .recoBoxL .reco2{
 color: #8BC1CE;
 border-bottom: none;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3{
 float: none;
 padding: 3vw 0 0;
 width: 100%;
 font-size: 4vw;
 line-height: 150%;
 text-align: center;
 font-weight: 500;
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3 span{
 padding: 0 0 3px;
 background:linear-gradient(#fff 50%, #c1e0cd 70%);
}
#sp2025 #assist #item2 .inner .recoBox .recoBoxL .reco3 span{
 background:linear-gradient(#fff 50%, #ebc2c2 70%);
}
#sp2025 #assist #item3 .inner .recoBox .recoBoxL .reco3 span{
 background:linear-gradient(#fff 50%, #b9dae2 70%);
}
#sp2025 #assist .inner .recoBox .recoBoxL .reco3 div{
 padding: 0.3vw 0 0;
 font-size: 3vw;
 font-weight: 400;
}
#sp2025 #assist .inner .recoBox .recoBoxL img{
 float: none;
 width: 100%;
 height: auto;
}
#sp2025 #assist .inner .charg{
 margin: 0 auto;
 padding: 10vw 0 0;
 width: 87%;
}
#sp2025 #assist .inner .charg img{
 display: none;
}
#sp2025 #assist .inner .charg .chL{
 float: none;
 width: 100%;
 position: relative;
}
#sp2025 #assist .inner .charg .chL .chLT{
 font-size: 5.5vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #97CCAB;
}
#sp2025 #assist .inner .charg .chL p{
 margin: 0;
 padding: 4vw 0 8vw;
 width: 100%;
 font-size: 4.4vw;
 line-height: 150%;
 text-align: center;
 font-weight: 500;
}
#sp2025 #assist .inner .charg .chL .bt{
 width: 100%;
}
#sp2025 #assist .inner .chL .bt a{
 padding: 4vw 0 4vw;
 width: 100%;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: block;
 border-radius: 10px;
 background-color: #97CCAB;
 background-image: url(../images/arrowG.png);
 background-position: right 5% center;
 background-size: 5vw auto;
 background-repeat: no-repeat;
}
#sp2025 #assist .inner .charg .chL .bt a:hover{
 color: #97CCAB;
 background-color: #fff;
 background-image: url(../images/arrowG2.png);
 background-position: right 3% center;
 opacity: 1;
}
#sp2025 #assist .inner .charg .chR{
 float: none;
 padding: 7vw 0 0;
 width: 100%;
}
#sp2025 #assist .inner .charg .chR .circle{
 float: none;
 margin: 0 0 2vw;
 width: 100%;
 height: auto;
 background-image: url(../images/circleSp.png);
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
 position: relative;
}
#sp2025 #assist .inner .charg .chR .circle:last-child{
 float: none;
}
#sp2025 #assist .inner .charg .chR .circle p{
 margin: 0;
 padding: 12vw 0 1vw;
 width: 100%;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #assist .inner .charg .chR .circle div{
 font-size: 5vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
}
#sp2025 #assist .inner .charg .chR .circle div span{
 padding: 0;
 font-size: 7vw;
 font-weight: 700;
 color: #F8E000;
 display: inline-block;
}
#sp2025 #assist .inner .charg .chR .circle div div{
 padding: 0 1vw;
 font-size: 14vw;
 text-align: center;
 font-weight: 700;
 color: #F8E000;
 display: inline-block;
}
#sp2025 #assist .inner .charg .chR .circle span{
 padding: 2vw 0 6vw;
 font-size: 3vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 display: block;
}
#sp2025 #assist .inner .charg .chR .circle span span{
 font-size: 16px;
 line-height: 70%;
}
#sp2025 #assist .inner .recoBt{
 margin: 14vw auto 8vw;
 width: 87%;
}
#sp2025 #assist #item2 .inner .recoBt{
 margin: 48px auto 45px;
}
#sp2025 #assist #item3 .inner .recoBt{
 margin: 48px auto 45px;
}
#sp2025 #assist .inner .recoBt a{
 padding: 5.5vw 0 5.5vw;
 width: 100%;
 font-size: 4.2vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #97CCAB;
 border-radius: 28px;
 border: 1px solid #97CCAB;
 background-color: #fff;
 display: block;
 box-shadow: 2vw 2vw 0px 0px #97CCAB;
 pointer-events: none;
}
#sp2025 #assist #item2 .inner .recoBt a{
 color: #DD9999;
 border: 1px solid #DD9999;
 box-shadow: 2vw 2vw 0px 0px #DD9999;
}
#sp2025 #assist #item3 .inner .recoBt a{
 color: #8BC1CE;
 border: 1px solid #8BC1CE;
 box-shadow: 2vw 2vw 0px 0px #8BC1CE;
}
#sp2025 #assist .item{
 margin: 0 auto 28vw;
 width: 87%;
}
#sp2025 #assist #item3 .item{
 margin: 0 auto;
}
#sp2025 #assist .item li{
 float: none;
 margin: 0 0 5vw;
 width: 100%;
 border-radius: 25px;
 background-color: #efefef;
 text-align: center;
 overflow: hidden;
}
#sp2025 #assist .item li:last-child{
 margin: 0 0 0;
}
#sp2025 #assist .item li .itemT{
 padding: 9vw 0 9vw;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
}
#sp2025 #assist #item2 .item li .itemT{
 padding: 9vw 0 9vw;
 line-height: 140%;
 height: auto;
 display: block;
 justify-content: center;
 align-items: center;
}
#sp2025 #assist #item3 .item li .itemT{
 line-height: 140%;
}
#sp2025 #assist .item li img{
 margin: 0 auto;
 width: 85%;
 height: auto;
}
#sp2025 #assist .item li .lg{
 margin: 0 auto;
 padding: 6vw 0 2vw;
 width: 85%;
}
#sp2025 #assist #item2 .item li .lg{
 padding: 6vw 0 7vw;
 width: 100%;
 font-size: 5.6vw;
 line-height: 140%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist #item3 .item li .lg{
 padding: 32px 0 10px;
}
#sp2025 #assist .item li .lg img{
 width: 100%;
 height: auto;
}
#sp2025 #assist .item li p{
 margin: 0;
 padding: 0 0 8vw;
 width: 100%;
 font-size: 3.4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#sp2025 #assist .item li .check{
 width: 100%;
}
#sp2025 #assist .item li .check a{
 padding: 4vw 0 4.4vw;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 800;
 color: #fff;
 border-bottom-left-radius: 25px;
 border-bottom-right-radius: 25px;
 border: 1px solid #97CCAB;
 background-color: #97CCAB;
 display: block;
 background-image: url(../images/arrowG.png);
 background-position: right 5% center;
 background-size: 6vw auto;
 background-repeat: no-repeat;
}
#sp2025 #assist #item2 .item li .check a{
 border: 1px solid #DD9999;
 background-color: #DD9999;
 background-image: url(../images/arrowR.png);
}
#sp2025 #assist #item3 .item li .check a{
 border: 1px solid #8BC1CE;
 background-color: #8BC1CE;
 background-image: url(../images/arrowB.png);
}
#sp2025 #assist .item li .check a:hover{
 color: #97CCAB;
 background-color: #fff;
 background-image: url(../images/arrowG2.png);
 background-position: right 2vw center;
 opacity: 1;
}
#sp2025 #assist #item2 .item li .check a:hover{
 color: #DD9999;
 background-color: #fff;
 background-image: url(../images/arrowR2.png);
}
#sp2025 #assist #item3 .item li .check a:hover{
 color: #8BC1CE;
 background-color: #fff;
 background-image: url(../images/arrowB2.png);
}

#sp2025 #mate{
 margin: 0 0 19vw;
 padding: 0 0 9vw;
 width: 100%;
 background-color: #FDE3E8;
 position: relative;
}
#sp2025 #mate h2{
 margin: 0 auto 9vw;
 padding: 4vw 0 4.2vw;
 width: 100%;
 font-size: 6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 0;
 background-color: #DD999A;
 position: static;
 top: auto;
 left: 0;
 right: 0;
}
#sp2025 #mate h2 img{
 width: 12%;
 height: auto;
 position: absolute;
 top: -6.1vw;
 left: 5%;
}
#sp2025 #mate .mateBox{
 margin: 0 auto 5vw;
 padding: 0;
 width: 79%;
 border-radius: 0px;
}
#sp2025 #mate .mateBox .mate{
 margin: 0 auto 5vw;
 width: 100%;
 text-align: center;
}
#sp2025 #mate .mateBox .mate img{
 float: none;
 margin: 0 auto;
 width: 100%;
 height: auto;
}
#sp2025 #mate .mateBox .mate .mateR{
 float: none;
 margin: 0 auto;
 padding: 3vw 0 0;
 width: 100%;
}
#sp2025 #mate .mateBox .mate .mateR .mateT{
 font-size: 6.8vw;
 line-height: 140%;
 text-align: center;
 font-weight: 900;
 color: #644633;
}
#sp2025 #mate .mateBox .mate .mateR .mateT span{
 font-size: 5vw;
 font-weight: 900;
 display: block;
}
#sp2025 #mate .mateBox .mate .mateR p{
 margin: 0 auto;
 padding: 4vw 0 6vw;
 width: 98%;
 font-size: 3.87vw;
 line-height: 200%;
 text-align: left;
 font-weight: 500;
 color: #644633;
}
#sp2025 #mate .mateBox ul.mate{
 margin: 0 auto 5vw;
 width: 100%;
}
#sp2025 #mate .mateBox ul.mate li{
 float: left;
 margin: 0 0 4vw;
 padding: 6vw 0;
 width: 48%;
 height: auto;
 border-radius: 20px;
 background-color: #644633;
 font-size: 3.8vw;
 line-height: 150%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#sp2025 #mate .mateBox ul.mate li:nth-child(2n){
 float: right;
}
#sp2025 #mate .mateBox ul.mate li:nth-child(3){
 padding: 8.4vw 0;
}
#sp2025 #mate .mateBox ul.mate li:last-child{
 margin: 0 0 4vw;
 padding: 8.4vw 0 1vw;
}
#sp2025 #mate .mateBox ul.mate li span{
 padding: 2vw 0 0;
 font-size: 2.6vw;
 font-weight: 500;
 display: block;
}
#sp2025 #mate .mateBox .bt{
 margin: 0 auto;
 width: 100%;
 border-radius: 3px;
 border: 2px solid #644633;
 overflow: hidden;
}
#sp2025 #mate .mateBox .bt a{
 padding: 4vw 0 4.2vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #644633;
 background-color: #FCF2F7;
 display: block;
 background-image: url(../images/arrowM.png);
 background-position: right 3% center;
 background-size: 1.8vw auto;
 background-repeat: no-repeat;
}
#sp2025 #mate .mateBox .bt a:hover{
 color: #fff;
 background-color: #644633;
 background-image: url(../images/arrowM2.png);
 background-position: right 2% center;
 opacity: 1;
 filter: alpha(opacity=100);
}
#sp2025 #mate .pack{
 margin: 0 auto;
 padding: 0 0 4vw;
 width: 94%;
}
#sp2025 #mate .pack a{
 width: 92%;
 display: block;
}
#sp2025 #mate .pack img{
 width: 100%;
 height: auto;
}

#sp2025 #peace{
 margin: 0 auto;
 padding: 0;
 width: 100%;
 background-color: #FDE3E8;
 position: relative;
}
#sp2025 #peace h2{
 margin: 0 auto 9vw;
 padding: 4vw 9% 4.2vw 0;
 width: 100%;
 font-size: 6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 0;
 background-color: #DD999A;
 position: static;
 top: auto;
 left: 0;
 right: 0;
}
#sp2025 #peace h2 img{
 width: 12%;
 height: auto;
 position: absolute;
 top: -6.1vw;
 left: 5%;
}
 #sp2025 #peace h2 .relation1{
 width: 39%;
 height: auto;
 position: absolute;
 top: -25vw;
 right: 3%;
 left: auto;
 }
#sp2025 #peace .supportT{
 width: 26vw;
 height: auto;
 position: absolute;
 top: 32vw;
 right: 10vw;
 display: none;
}
#sp2025 #peace .re{
 margin: 0 auto;
 width: 81%;
 position: relative;
}
#sp2025 #peace .re .relation{
 padding: 0 0 10vw;
 width: 100%;
}
#sp2025 #peace .re .relation li{
 float: none;
 width: 100%;
 position: relative;
}
#sp2025 #peace .re .relation li:last-child{
 margin: 5vw 0 0;
 float: none;
}
#sp2025 #peace .re .relation li img{
 width: 100%;
 height: auto;
}
#sp2025 #peace .re .relation1{
 display: none;
}

#sp2025 #movie{
 margin: 0;
 padding: 8vw 0 0;
 width: 100%;
 position: relative;
}
#sp2025 #movie h2{
 margin: 0 auto 5vw 4%;
 width: 96%;
}
#sp2025 #movie h2 img{
 width: 100%;
 height: auto;
}
#sp2025 #movie .mv{
 margin: 0 auto;
 width: 82%;
}
#sp2025 #movie .mv li{
 display: none;
}
#sp2025 #movie .mv li:nth-child(2){
 float: none;
 margin: 0 0 5vw;
 width: 100%;
 display: block;
}
#sp2025 #movie .mv li:last-child{
 display: none;
}
#sp2025 #movie .mv li img{
 width: 100%;
 height: auto;
}
#sp2025 #movie .bt{
 margin: 6vw auto 23vw;
 width: 82%;
}
#sp2025 #movie .bt a{
 padding: 4vw 0 4vw;
 width: 100%;
 font-size: 5vw;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #8BC1CE;
 border-radius: 20px;
 border: 1px solid #8BC1CE;
 background-color: #fff;
 display: block;
 box-shadow: 2vw 2vw 0px 0px #8BC1CE;
}
#sp2025 #movie .tBox{
 margin: 0 auto;
 width: 100%;
 height: 40vw;
 position: relative;
 bottom: 0;
 left: 0;
 right: 0;
 background-image: none;
}
#sp2025 #movie .tBox .tag{
 padding: 3vw 0 3.4vw;
 width: 54%;
 font-size: 3.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #000;
 position: absolute;
 bottom: auto;
 top: 8vw;
 right: 0;
 background-color: #F8E000;
 z-index: 2;
}
#sp2025 #movie .tBox .tag .pin{
 width: 11%;
 height: auto;
 position: absolute;
 top: -7vw;
 left: -2%;
}
#sp2025 #movie .tBox .tag.tag2{
 width: 47%;
 color: #fff;
 bottom: auto;
 top: 24vw;
 right: 0;
 background-color: #67C8FF;
}
#sp2025 #movie .tBox .tag.tag2 .pin{
 width: 12%;
 height: auto;
 position: absolute;
 top: -4.5vw;
 left: -5%;
}
#sp2025 #movie .tBox .channel{
 width: 46%;
 height: auto;
 position: absolute;
 bottom: 0;
 left: 1.5%;
 z-index: 1;
}





#pagetop{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
}
#pagetop img{
	width: 100%;
	height: auto;
}


  footer ul.cb-btns {
    width: auto;
    margin: 0 20px;
    font-size: 0;
    margin-bottom: 20px;
  }
  footer ul.cb-btns li.cb-btn {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
  footer ul.cb-btns li.cb-btn:first-child {
    margin-right: 0;
  }
  footer ul.cb-btns li.cb-btn a {
 padding: 4vw 0;
 height: auto;
 text-align: left;
 display: block;
 position: relative;
 background-color: #ffffff;
 overflow: hidden;
 background-image: url(../images/existing_img/arrow.png);
 background-position: right 5% center;
 background-size: 2.7vw auto;
 background-repeat: no-repeat;
  }
footer ul.cb-btns li.cb-btn a img {
 margin: auto;
 width: 5vw;
 height: auto;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 7.3%;
}
footer ul.cb-btns li.cb-btn:nth-child(2) a img {
 width: 10vw;
 height: auto;
 left: 5%;
}
  footer ul.cb-btns li.cb-btn a span {
 margin: 0 0 0 25%;
 font-size: 4.5vw;
 color: #003E81;
 line-height: 100%;
 text-align: left;
 position: static;
 font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

}


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



}



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


}
/* other
---------------------------------------------------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  

.clearfix { display: block; }  
/* End hide from IE-mac */