@charset "UTF-8";
.re-fv{
	height:100vh; width:100vw;
	position:relative; overflow:hidden;
}
.re-fv .title{
	display:flex; justify-content:center; align-items:flex-start;
	position:absolute; z-index:3;
}
.re-fv picture img{ width:100%; }
.re-fv .title img{ width:auto; max-height:100%; }
.re-fv .anime{
	position:absolute; z-index:1;
}
.re-fv .map{
	position:absolute; z-index:2; max-width:none;
}
.re-fv .btn{
	position:absolute; z-index:4;
}
/*
.re-fv ._1{ animation: rotation 120000ms 0ms infinite linear; }
.re-fv ._2{ animation: rotation 120000ms 0ms infinite linear; }
*/
.re-fv ._3{ animation: rotation 4100ms 10ms infinite linear; }
.re-fv ._4{ animation: rotation2 4200ms 20ms infinite linear; }
.re-fv ._5{ animation: rotation2 4300ms 30ms infinite linear; }
.re-fv ._6{ animation: rotation 4400ms 40ms infinite linear; }
.re-fv ._7{ animation: rotation 5500ms 100ms infinite linear; }
.re-fv ._8{ animation: rotation2 4600ms 50ms infinite linear; }
.re-fv ._9{ animation: rotation 4700ms 0ms infinite linear; }
.re-fv ._10{ animation: rotation2 4800ms 60ms infinite linear; }
.re-fv ._11{ animation: rotation 6000ms 70ms infinite linear; }
.re-fv ._12{ animation: rotation2 4900ms 80ms infinite linear; }

/*
.re-fv ._12{ z-index:10; }
*/

.re-fv  .bt{
	display: block;
	margin: 0 auto;
	background: white;
	color: #EC648A;
	width: 100%;
	padding: 5px 10px;
	text-align: center;
	font-weight: bold;
	border: solid 7px #0053A4;
	font-weight: bold;
	line-height: 45px;
	box-shadow: 0px 12px 6px rgba(103, 137, 129, 0.2);
}

/*PC*/
@media screen and (min-width: 769px) {
	:root {
		--zw:100vw / 2732;
		--zy:100% / 1536;
		--h1:(305 + 100);
		--h2:(305px - 100px);
	}
	.re-fv{
		background:url("../images/index/fv/bg.jpg") repeat center/cover;
		/*min-height:calc(var(--zw) * 1536);*/ height:100vh;
	}
	
	.re-fv .title{
		width:calc(var(--zw) * 1189); /* min-width:calc(1231px / 2); */
		height:calc(var(--zy) * 1185); max-height:calc(100vh - var(--h2));
		left:50%; bottom:calc(var(--zy) * 19); transform:translateX(-50%);
	}
	.re-fv ._1{
		width:calc(var(--zw) * 676); /* min-width:calc(676px / 2); */
		left:calc(var(--zw) * 33); top:calc(var(--zy) * (338 - var(--h1)) + var(--h2));
	}
	.re-fv ._2{
		width:calc(var(--zw) * 667); /* min-width:calc(667px / 2); */
		left:calc(var(--zw) * 2022); top:calc(var(--zy) * (338 - var(--h1)) + var(--h2));
	}
	.re-fv ._3{
		width:calc(var(--zw) * 209); /* min-width:calc(209px / 2); */
		left:calc(var(--zw) * 489); top:calc(var(--zy) * (543 - var(--h1)) + var(--h2));
	}
	.re-fv ._4{
		width:calc(var(--zw) * 291); /* min-width:calc(291px / 2); */
		left:calc(var(--zw) * 80); top:calc(var(--zy) * (611 - var(--h1)) + var(--h2));
	}
	.re-fv ._5{
		width:calc(var(--zw) * 207); /* min-width:calc(207px / 2); */
		left:calc(var(--zw) * 385); top:calc(var(--zy) * (926 - var(--h1)) + var(--h2));
	}
	.re-fv ._6{
		width:calc(var(--zw) * 180); /* min-width:calc(180px / 2); */
		left:calc(var(--zw) * 114); top:calc(var(--zy) * (1180 - var(--h1)) + var(--h2));
	}
	.re-fv ._7{
		width:calc(var(--zw) * 300); /* min-width:calc(300px / 2); */
		left:calc(var(--zw) * 429); top:calc(var(--zy) * (1129 - var(--h1)) + var(--h2));
	}
	.re-fv ._8{
		width:calc(var(--zw) * 237); /* min-width:calc(237px / 2); */
		left:calc(var(--zw) * 2022); top:calc(var(--zy) * (543 - var(--h1)) + var(--h2));
	}
	.re-fv ._9{
		width:calc(var(--zw) * 320); /* min-width:calc(320px / 2); */
		left:calc(var(--zw) * 2330); top:calc(var(--zy) * (775 - var(--h1)) + var(--h2));
	}
	.re-fv ._10{
		width:calc(var(--zw) * 191); /* min-width:calc(191px / 2); */
		left:calc(var(--zw) * 2139); top:calc(var(--zy) * (1035 - var(--h1)) + var(--h2));
	}
	.re-fv ._11{
		width:calc(var(--zw) * 260); /* min-width:calc(260px / 2); */
		left:calc(var(--zw) * 2390); top:calc(var(--zy) * (1196 - var(--h1)) + var(--h2));
	}
	
	.re-fv ._12{ display:none; }
	
	.re-fv .b01{
		width:calc(var(--zw) * 1395); min-width:calc(1395px / 2);
		left:calc(50%); top:calc(var(--zw) * 380); transform:translateX(-50%);
	}
	.re-fv .bt{ font-size: 3.0rem; }
}

/*SP*/
@media screen and (max-width: 768px) {
	:root {
		--zw:100vw / 750;
		--zy:100% / 1330;
	}
	.re-fv{
		background:url("../images/index/fv/bg_sp.jpg") repeat center/cover;
		height:calc(100vw / 750 * 1330); min-height:calc(100vw / 750 * 1330);
	}
	.re-fv .title{
		width:calc(var(--zw) * 750);
		left:calc(var(--zw) * 0); top:calc(var(--zy) * 200);
	}
	.re-fv ._3{
		width:calc(var(--zw) * 128);
		left:calc(var(--zw) * 375); top:calc(var(--zy) * 1164);
	}
	.re-fv ._6{
		width:calc(var(--zw) * 137);
		left:calc(var(--zw) * 40); top:calc(var(--zy) * 971);
	}
	.re-fv ._8{
		width:calc(var(--zw) * 162);
		left:calc(var(--zw) * 223); top:calc(var(--zy) * 1033);
	}
	.re-fv ._9{
		width:calc(var(--zw) * 163);
		left:calc(var(--zw) * 445); top:calc(var(--zy) * 987);
	}
	.re-fv ._11{
		width:calc(var(--zw) * 154);
		left:calc(var(--zw) * 561); top:calc(var(--zy) * 1117);
	}
	.re-fv ._12{
		width:calc(var(--zw) * 108);
		left:calc(var(--zw) * 88); top:calc(var(--zy) * 1110);
	}
	
	.re-fv ._1,
	.re-fv ._2,
	.re-fv ._4,
	.re-fv ._5,
	.re-fv ._7,
	.re-fv ._10{ display:none; }
	
	.re-fv ._b01{
		width:calc(var(--zw) * 650);
		left:50%; top:calc(var(--zy) * 200); transform:translateX(-50%);
	}
	.re-fv .bt{ font-size:2em; }
}

.header-sns__item{ display:flex; justify-content:center; align-items:center; height:2.8rem; }
.header-sns__item img{ width:auto; height:1.6rem; }
.news-flex{ justify-content:center; }
.index-news-note{ margin-left:0; }

/*PC*/
@media screen and (min-width: 769px) {
	.news-flex2{ display:flex; justify-content:center; }
	.news-flex2>*{ max-width:50%; width:500px; }
	.pdf-btn__item{ max-width:400px; }
}

/*SP*/
@media screen and (max-width: 768px) {
	.index-news__title {  width: 160px; }
	.news-flex2 .index-insta:nth-child(2){ border-top:none; padding-top:0; }
	.index-insta__link{ padding-top:0; }
}

.index-bgchara { background: url(../images/index/bgchara/bk-circle.png) repeat-y top center/100% auto; }
.index-bgchara__item{ position:absolute; }
.index-bgchara__item img{ width:100%; height:auto; }

.index-bgchara { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

@media screen and (min-width: 769px) {
	.index-bgchara .item01 { width:calc(100% / 1592 * 337); max-width:337px; left:calc(100% / 1592 * 38); top:calc(100% / 1410 * 270); }
	.index-bgchara .item02 { width:calc(100% / 1592 * 182); max-width:182px; left:calc(100% / 1592 * 54); top:calc(100% / 1410 * 571); }
	.index-bgchara .item03 { width:calc(100% / 1592 * 219); max-width:219px; left:calc(100% / 1592 * 139); top:calc(100% / 1410 * 730); }
	.index-bgchara .item04 { width:calc(100% / 1592 * 569); max-width:569px; left:calc(100% / 1592 * 47); top:calc(100% / 1410 * 1123); }
	.index-bgchara .item05 { width:calc(100% / 1592 * 284); max-width:284px; left:calc(100% / 1592 * 1269); top:calc(100% / 1410 * 274); }
	.index-bgchara .item06 { width:calc(100% / 1592 * 217); max-width:217px; left:calc(100% / 1592 * 1354); top:calc(100% / 1410 * 526); }
	.index-bgchara .item07 { width:calc(100% / 1592 * 163); max-width:163px; left:calc(100% / 1592 * 1265); top:calc(100% / 1410 * 814); }
	.index-bgchara .item08 { width:calc(100% / 1592 * 327); max-width:327px; left:calc(100% / 1592 * 1171); top:calc(100% / 1410 * 972); }
	.index-bgchara .item09 { width:calc(100% / 1592 * 185); max-width:185px; left:calc(100% / 1592 * 1354); top:calc(100% / 1410 * 1192); }
}

@media screen and (max-width: 768px) {
	:root {
		--bw:100% / 560;
		--by:100% / 3420;
	}
	.index-bgchara .item01 { width:calc(var(--bw) * 269); left:calc(var(--bw) * 23); top:calc(var(--by) * 3048); }
	.index-bgchara .item02 { width:calc(var(--bw) * 125); left:calc(var(--bw) * 0); top:calc(var(--by) * 618); }
	.index-bgchara .item03 { width:calc(var(--bw) * 117); left:calc(var(--bw) * 478); top:calc(var(--by) * 1127); }
	.index-bgchara .item04 { width:calc(var(--bw) * 295); left:calc(var(--bw) * 214); top:calc(var(--by) * 3258); }
	.index-bgchara .item05 { width:calc(var(--bw) * 112); left:calc(var(--bw) * 449); top:calc(var(--by) * 329); }
	.index-bgchara .item06 { width:calc(var(--bw) * 103); left:calc(var(--bw) * 431); top:calc(var(--by) * 713); }
	.index-bgchara .item07 { width:calc(var(--bw) * 111); left:calc(var(--bw) * 7); top:calc(var(--by) * 1218); }
	.index-bgchara .item08 { width:calc(var(--bw) * 130); left:calc(var(--bw) * 431); top:calc(var(--by) * 1472); }
	.index-bgchara .item09 { width:calc(var(--bw) * 66); left:calc(var(--bw) * 488); top:calc(var(--by) * 1550); }
	.index-bgchara .item10 { width:calc(var(--bw) * 128); left:calc(var(--bw) * 3); top:calc(var(--by) * 1667); }
	.index-bgchara .item11 { width:calc(var(--bw) * 119); left:calc(var(--bw) * 442); top:calc(var(--by) * 2012); }
	.index-bgchara .item12 { width:calc(var(--bw) * 112); left:calc(var(--bw) * -3); top:calc(var(--by) * 2562); }
	.index-bgchara .item13 { width:calc(var(--bw) * 94); left:calc(var(--bw) * 15); top:calc(var(--by) * 2095); }
}

.bnr_wrap{
	display:flex; justify-content:center; align-items:center; gap:30px;
	margin: 50px auto;
}
.bnr_wrap>*{
	width: 100%;
	max-width: 620px;
}

.bnr_wrap .btn2{ display:flex; flex-flow:column; gap:20px; }
.bnr_wrap .btn2 a{
	display: block;
	background: white;
	color: #EC648A;
	width: 100%;
	padding: 5px 10px;
	text-align: center;
	font-weight: bold;
	border: solid 7px #FFEDBE;
	border-radius: 70px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 45px;
	box-shadow: 0px 12px 6px rgba(103, 137, 129, 0.2);
}
@media screen and (max-width: 768px) {
	.bnr_wrap{ flex-flow:column; }
	.bnr_wrap>*{ width:80%; }
	.bnr_wrap .btn2{ gap:20px; }
	.bnr_wrap .btn2 a{ font-size:1.8rem; }
}

@media screen and (min-width: 769px) {
	.sp{ display:none !important; }
}
@media screen and (max-width: 768px) {
	.pc{ display:none !important; }
}

@media screen and (min-width: 769px) {
	.table th, .table td { padding:15px 20px 15px 20px; }
	.table th:last-child, .table td:last-child{ padding-right:5px; }
}

.modaal-box{ max-height:90vh; overflow-y:auto; }

.comingsoon{ opacity:0.3; pointer-events:none; }
.comingsoon_2{ position:relative; pointer-events:none; }
.comingsoon_2 img{ filter: brightness(0.7); position:relative; z-index:0; }
.comingsoon_2::after{
	display:block; content:"";
	position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;
	background:url("../images/index/comingsoon.png") no-repeat center/80% auto;
}

/* end */