/* CSS Document */
@charset "UTF-8";


@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1400);}/*10px;*/
	.sp_only{display: none!important;}
}
/*
@media (max-width: 899px) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 600);}
	.sp_only{display: none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}
footer .totop{padding:5.5rem 0;}
footer .totop .link{font-size:2rem;line-height:2.5rem;letter-spacing:0.05em;width:33rem;padding:1.5rem 0;text-align:center;border-radius:4rem;margin: 0 auto;display:block;color:#FFF;background:#FF75A3;transition:0.5s;}
footer .totop .link i{font-size:2.2rem;line-height:2.5rem;}
footer .totop .link:hover{background:#EA5D8C;}
footer .footer{text-align:center;padding:2.5rem 0;background:#F6F6F6;}
footer .footer .link{font-size:1.4rem;}
footer .footer .link span{text-decoration:underline;}
footer .footer .name01{font-size:1.4rem;line-height:2.4rem;margin-top:2rem;}
footer .footer .name02{font-size:1.4rem;line-height:2.4rem;margin-top:2.5rem;}
footer .footer .name02 b{font-size:2rem;line-height:3.2rem;}
footer .footer .copyright{font-size:1.4rem;line-height:2.4rem;margin-top:1.5rem;}

@media(max-width:899px){
	footer .totop{padding:3rem 0;}
	footer .totop .link{font-size:1.4rem;line-height:2rem;padding:1rem 0;width:30rem;}
	footer .totop .link i{font-size:1.4rem;line-height:2rem;}
}
.top {}
.top .sec01 {position:relative;background:#0091E1;}
.top .sec01::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/top/fr01.png"); background-size:140rem 400rem;z-index:2;}
.top .sec01 .mainimg {position:relative;z-index:5;}
.top .sec01 .area01 {padding-bottom:8rem;}
.top .sec01 .area01 .wrap {position:relative;z-index:5;text-align:center;}
.top .sec01 .area01 .wrap .titles {display:inline-block;position:relative;margin-bottom:6rem;}
.top .sec01 .area01 .wrap .titles::before{content:"";position:absolute;top:0;left:0;width:0.8rem;height:0.8rem;background:#FFF;border-radius:0.4rem;}
.top .sec01 .area01 .wrap .titles::after{content:"";position:absolute;bottom:0;right:0;width:0.8rem;height:0.8rem;background:#FFF;border-radius:0.4rem;}
.top .sec01 .area01 .wrap .titles .title {font-size:5rem;line-height:7rem;color:#FFF;text-align:left;padding:3rem 0;font-style: italic;letter-spacing:0.04em;padding-left:0.04em;}
.top .sec01 .area01 .wrap .titles .title::before{content:"";position:absolute;top:0;right:0;width:calc(100% - 1.5rem);height:0.8rem;background:#FFF;border-radius:0.4rem;}
.top .sec01 .area01 .wrap .titles .title::after{content:"";position:absolute;bottom:0;left:0;width:calc(100% - 1.5rem);height:0.8rem;background:#FFF;border-radius:0.4rem;}
.top .sec01 .area01 .wrap .text {font-size:2rem;line-height:4rem;letter-spacing:0.07em;color:#FFF;margin-bottom:7rem;}
.top .sec01 .area01 .wrap .link {width:80rem;max-width:100%;height:15rem;background:linear-gradient(to right , #005ACB , #00DFC6);border-radius:7.5rem;display:block;margin: 0 auto;position:relative;overflow:visible;}
.top .sec01 .area01 .wrap .link::before{content:"";width:100%;height:100%;background:linear-gradient(to right , #006ACE , #0080CC);border-radius:7.5rem;position:absolute;top:0.8rem;left:0.8rem;z-index:-1;opacity:0;transition:0.5s;}
.top .sec01 .area01 .wrap .link img{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;}
.top .sec01 .area01 .wrap .link:hover::before{opacity:1;}
.top .sec01 .area02 {background:#FF759F;padding-top:10rem;padding-bottom:22rem;position:relative;}
.top .sec01 .area02::before{content:"";width:100%;height:21rem;background:url("../img/top/bg01.jpg");background-size:cover;position:absolute;top:-12rem;left:0;}
.top .sec01 .area02 .wrap {position:relative;z-index:5;text-align:center;}
.top .sec01 .area02 .wrap .names {width:98rem;max-width:100%;margin: 0 auto 9rem;padding-top:6rem;}
.top .sec01 .area02 .wrap .names .img {width:28rem;margin: 0 auto;}
.top .sec01 .area02 .wrap .names .name {font-size:6rem;letter-spacing:0.04em;padding:2rem 0 0;margin-bottom:2rem;position:relative;color:#FFF;}
.top .sec01 .area02 .wrap .names .name::before{content:"";position:absolute;bottom:0;right:0;width:0.8rem;height:0.8rem;background:#FFF;border-radius:0.4rem;}
.top .sec01 .area02 .wrap .names .name::after{content:"";position:absolute;bottom:0;left:0;width:calc(100% - 1.5rem);height:0.8rem;background:#FFF;border-radius:0.4rem;}
.top .sec01 .area02 .wrap .names .caption {font-size:2rem;line-height:3rem;color:#FFF;}
.top .sec01 .area02 .wrap .names .caption a{border-bottom:1px solid #FFF;display:inline-block;vertical-align: bottom;}
.top .sec01 .area02 .wrap .youtube {width:98rem;max-width:100%;margin: 0 auto;border-radius:3.5rem;background:#FFF;box-shadow:0.8rem 0.8rem #FF5883;padding-bottom:4rem;}
.top .sec01 .area02 .wrap .youtube .name {font-size:5.5rem;letter-spacing:0.04em;font-style: italic;color:#FF759F;}
.top .sec01 .area02 .wrap .youtube iframe {width:89.6rem;max-width:100%;height:50.4rem;object-fit:contain;margin:0 auto;}
.top .sec02 {position:relative;}
.top .sec02 .in_tab01 {display:none;}
.top .sec02 .in_tab02 {display:none;}
.top .sec02 .in_tab03 {display:none;}
.top .sec02 .tabs {width:100%;position:absolute;top:0;left:0;transform:translateY(-100%);display:flex;justify-content:center;align-items:flex-end;z-index:6;}
.top .sec02 .tabs::before{content:"";width:100%;height:0.6rem;position:absolute;bottom:-0.5rem;left:0;}
.top .sec02 .tabs label{}
.top .sec02 .tabs label + label{margin-left:3rem;}
.top .sec02 .tabs .tab{font-size:3rem;line-height:9rem;color:#FFF;display:block;width:38rem;text-align:center;transition:0.5s;cursor:pointer;position:relative;border-radius:2.5rem 2.5rem 0 0;}
.top .sec02 .tabs .tab::before{content:"";width:0;height:0;border-left:2.6rem solid transparent;border-right:2.6rem solid transparent;position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);}
.top .sec02 .tabs .tab01{background:#F7A919;}
.top .sec02 .tabs .tab02{background:#0095E5;}
.top .sec02 .tabs .tab03{background:#15AE90;}
.top .sec02 .tabs .tab01::before{border-top:2.4rem solid #F7A919}
.top .sec02 .tabs .tab02::before{border-top:2.4rem solid #0095E5}
.top .sec02 .tabs .tab03::before{border-top:2.4rem solid #15AE90}
.top .sec02 .areas {}
.top .sec02 .areas .area01 {background:#F3F1E3;padding:7rem 0;}
.top .sec02 .areas .area01 .wrap {border-radius:2rem;overflow:hidden;background:#FFF;width:120rem;max-width:100%;margin :0 auto;}
.top .sec02 .areas .area01 .items {background:linear-gradient(to right , #F7A919 21rem , #FFF 21rem);}
.top .sec02 .areas .area01 .items .item {display:flex;align-items:center;position:relative;}
.top .sec02 .areas .area01 .items .item .name {font-size:2rem;line-height:2.6rem;letter-spacing:0.05em;width:21rem;padding:2.5rem 0;color:#FFF;background:#F7A919;text-align:center;}
.top .sec02 .areas .area01 .items .item .text {font-size:2rem;line-height:4rem;letter-spacing:0.05em;width:calc(100% - 21rem);padding:2.5rem 6rem;box-sizing:border-box;}
.top .sec02 .areas .area01 .items .item::before{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(to right , #FFF 21rem , #CBCBCB 21rem);}
.top .sec02 .areas .area01 .items .item:last-child::before {background:linear-gradient(to right , #F7A919 21rem , #CBCBCB 21rem);}
.top .sec02 .areas .area01 .texts {font-size:1.8rem;line-height:3.6rem;padding:3.5rem 5rem;}
.top .sec02 .areas .area02 {background:#DDF2F8;padding:7rem 0;}
.top .sec02 .areas .area02 .wrap {border-radius:2rem;overflow:hidden;background:#FFF;width:120rem;max-width:100%;margin :0 auto;padding-bottom:5.5rem;}
.top .sec02 .areas .area02 .items {background:linear-gradient(to right , #0095E5 21rem , #FFF 21rem);}
.top .sec02 .areas .area02 .items .item {display:flex;align-items:center;position:relative;}
.top .sec02 .areas .area02 .items .item .name {font-size:2rem;line-height:2.6rem;letter-spacing:0.05em;width:21rem;padding:2.5rem 0;color:#FFF;background:#0095E5;text-align:center;}
.top .sec02 .areas .area02 .items .item .text {font-size:2rem;line-height:4rem;letter-spacing:0.05em;width:calc(100% - 21rem);padding:2.5rem 6rem;box-sizing:border-box;}
.top .sec02 .areas .area02 .items .item::before{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(to right , #FFF 21rem , #CBCBCB 21rem);}
.top .sec02 .areas .area02 .items .item:last-child::before {background:linear-gradient(to right , #0095E5 21rem , #CBCBCB 21rem);}
.top .sec02 .areas .area02 .items .item .game {padding:4rem 0;}
.top .sec02 .areas .area02 .items .item .game + .game{border-top:2px solid #CBCBCB;}
.top .sec02 .areas .area02 .items .item .game .titles {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.top .sec02 .areas .area02 .items .item .game .titles .icon {width:7rem;}
.top .sec02 .areas .area02 .items .item .game .titles .title {font-size:2.8rem;width:calc(100% - 9rem);}
.top .sec02 .areas .area02 .items .item .game .img {width:70rem;max-width:100%;margin-bottom:2rem;}
.top .sec02 .areas .area02 .items .item .game .captions {}
.top .sec02 .areas .area02 .items .item .game .captions .caption {font-size:2rem;line-height:4rem;}
.top .sec02 .areas .area02 .items .item .game .captions .subcaption {font-size:1.8rem;line-height:3.6rem;margin-top:2rem;}
.top .sec02 .areas .area02 .texts {font-size:1.8rem;line-height:3.6rem;padding:3.5rem 5rem;}
.top .sec02 .areas .area03 {background:#DEF3ED;padding:7rem 0;}
.top .sec02 .areas .area03 .wrap {border-radius:2rem;overflow:hidden;background:#FFF;width:120rem;max-width:100%;margin :0 auto;padding:5.5rem 12rem;box-sizing:border-box;}
.top .sec02 .areas .area03 .view01 {}
.top .sec02 .areas .area03 .view01 .name {font-size:2.8rem;line-height:6.6rem;text-align:center;color:#FFF;background:#15AE90;border-radius:2rem 2rem 0 0 ;margin-bottom:2rem;}
.top .sec02 .areas .area03 .view01 .img {}
.top .sec02 .areas .area03 .view02 {margin-top:7rem;display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec02 .areas .area03 .view02 .name {font-size:2.8rem;line-height:6.6rem;width:100%;text-align:center;color:#FFF;background:#15AE90;border-radius:2rem 2rem 0 0 ;margin-bottom:2rem;}
.top .sec02 .areas .area03 .view02 .img {width:46rem;margin-bottom:4rem;}
.top .sec02 .areas .area03 .text {font-size:2rem;line-height:4rem;}
.top .sec02 .areas .area03 .comming {font-size:2.8rem;line-height:4rem;padding:22rem 0;text-align:center;}


.top .sec02 #in_tab01:checked ~ .tabs::before{background:#F7A919;}
.top .sec02 #in_tab02:checked ~ .tabs::before{background:#0095E5;}
.top .sec02 #in_tab03:checked ~ .tabs::before{background:#15AE90;}
.top .sec02 #in_tab01:checked ~ .tabs .tab01{line-height:10.5rem;pointer-events:none;}
.top .sec02 #in_tab02:checked ~ .tabs .tab02{line-height:10.5rem;pointer-events:none;}
.top .sec02 #in_tab03:checked ~ .tabs .tab03{line-height:10.5rem;pointer-events:none;}
.top .sec02 #in_tab01:checked ~ .tabs .tab01::before{transform:translate(-50%,0);transition:0.5s;}
.top .sec02 #in_tab02:checked ~ .tabs .tab02::before{transform:translate(-50%,0);transition:0.5s;}
.top .sec02 #in_tab03:checked ~ .tabs .tab03::before{transform:translate(-50%,0);transition:0.5s;}

.top .sec02 #in_tab01:not(:checked) ~.areas .area01 {height:0;padding-top:0;padding-bottom:0;overflow:hidden;}
.top .sec02 #in_tab01:not(:checked) ~.areas .area01 *{padding-top:0;padding-bottom:0;}
.top .sec02 #in_tab02:not(:checked) ~.areas .area02 {height:0;padding-top:0;padding-bottom:0;overflow:hidden;}
.top .sec02 #in_tab02:not(:checked) ~.areas .area02 *{padding-top:0;padding-bottom:0;}
.top .sec02 #in_tab03:not(:checked) ~.areas .area03 {height:0;padding-top:0;padding-bottom:0;overflow:hidden;}
.top .sec02 #in_tab03:not(:checked) ~.areas .area03 *{padding-top:0;padding-bottom:0;}

.top .sec02 #in_tab01:checked ~.areas .area01 {transition:0.5s;}
.top .sec02 #in_tab02:checked ~.areas .area02 {transition:0.5s;}
.top .sec02 #in_tab03:checked ~.areas .area03 {transition:0.5s;}