@charset "UTF-8";

.re-fv{
	height:100vh; width:100vw;
	position:relative; overflow:hidden;
}
.re-fv .title{
	display:flex; justify-content:center; align-items:center;
	position:absolute; z-index:3;
}
.re-fv picture img{ width: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 2500ms 0ms infinite linear; }
.re-fv ._2{ animation: rotation 6000ms 0s infinite linear; }
.re-fv ._3{ animation: pyon 2100ms 0s infinite linear; }
.re-fv ._4{ animation: rotation 7000ms 0s infinite linear; }
.re-fv ._5{ animation: rotation2 2500ms 2000ms infinite linear; }
.re-fv ._6{ animation: pyon 2300ms 0s infinite linear; }
.re-fv ._7{ animation: pyon 2000ms 0s infinite linear; }
.re-fv ._8{ 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) {
	.re-fv{
		background:url("../images/index/fv/bg.jpg") repeat center/cover;
		min-height:calc(100vw / 2732 * (1536 + 400));
	}

	.re-fv .title{
		width:calc(100% / 2732 * 1395); min-width:calc(1395px / 2);
		left:50%; top:calc(50% + 100px); transform:translate(-50%,-50%);
	}
	.re-fv ._1{
		width:calc(100% / 2732 * 343); min-width:calc(343px / 2);
		left:calc(100% / 2732 * 61); top:calc(100% / (1536 + 400) * 366);
	}
	.re-fv ._2{
		width:calc(100% / 2732 * 184); min-width:calc(184px / 2);
		left:calc(100% / 2732 * 100); top:calc(100% / (1536 + 400) * 768);
	}
	.re-fv ._3{
		width:calc(100% / 2732 * 388); min-width:calc(388px / 2);
		left:calc(100% / 2732 * 284); top:calc(100% / (1536 + 400) * 753);
	}
	.re-fv ._4{
		width:calc(100% / 2732 * 388); min-width:calc(388px / 2);
		left:calc(100% / 2732 * 28); top:calc(100% / (1536 + 400) * 1153);
	}
	.re-fv ._5{
		width:calc(100% / 2732 * 618); min-width:calc(618px / 2);
		left:calc(100% / 2732 * 2118); top:calc(100% / (1536 + 400) * 316);
	}
	.re-fv ._6{
		width:calc(100% / 2732 * 315); min-width:calc(315px / 2);
		left:calc(100% / 2732 * 2104); top:calc(100% / (1536 + 400) * 683);
	}
	.re-fv ._7{
		width:calc(100% / 2732 * 419); min-width:calc(419px / 2);
		left:calc(100% / 2732 * 2262); top:calc(100% / (1536 + 400) * 1164);
	}
	.re-fv ._8{
		width:calc(100% / 2732 * 1395); min-width:calc(1395px / 2);
		left:calc(50%); top:calc(100% / (1536 + 400) * 380); transform:translateX(-50%);
	}
	.re-fv .bt{ font-size: 3.0rem; }
}

/*SP*/
@media screen and (max-width: 768px) {
	.re-fv{
		background:url("../images/index/fv/bg_sp.jpg") repeat center/cover;
		height:100vh; min-height:calc(100vw / 750 * 1330);
	}
	.re-fv .title{
		width:calc(100% / 750 * 750);
		left:calc(100% / 750 * 0); top:50%; transform:translate(0,-50%);
	}
	.re-fv ._1{
		width:calc(100% / 750 * 139);
		left:calc(100% / 750 * 49); top:calc(100% / 1330 * 1179);
	}
	.re-fv ._7{
		width:calc(100% / 750 * 213);
		left:calc(100% / 750 * 118); top:calc(100% / 1330 * 1027);
	}
	.re-fv ._5{
		width:calc(100% / 750 * 356);
		left:calc(100% / 750 * 394); top:calc(100% / 1330 * 1158);
	}
	.re-fv ._2,
	.re-fv ._3,
	.re-fv ._4,
	.re-fv ._6{ display:none; }

	.re-fv ._8{
		width:calc(100% / 750 * 650);
		left:50%; top:calc(100% / 1330 * 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 * 175); left:calc(100% / 1592 * 136); top:calc(100% / 1410 * 136); }
	.index-bgchara .item02 { width:calc(100% / 1592 * 217); left:calc(100% / 1592 * 28); top:calc(100% / 1410 * 593); }
	.index-bgchara .item03 { width:calc(100% / 1592 * 137); left:calc(100% / 1592 * 224); top:calc(100% / 1410 * 827); }
	.index-bgchara .item04 { width:calc(100% / 1592 * 214); left:calc(100% / 1592 * 31); top:calc(100% / 1410 * 1152); }
	.index-bgchara .item05 { width:calc(100% / 1592 * 226); left:calc(100% / 1592 * 311); top:calc(100% / 1410 * 1056); }
	.index-bgchara .item06 { width:calc(100% / 1592 * 243); left:calc(100% / 1592 * 1336); top:calc(100% / 1410 * 169); }
	.index-bgchara .item07 { width:calc(100% / 1592 * 239); left:calc(100% / 1592 * 1221); top:calc(100% / 1410 * 471); }
	.index-bgchara .item08 { width:calc(100% / 1592 * 274); left:calc(100% / 1592 * 1318); top:calc(100% / 1410 * 735); }
	.index-bgchara .item09 { width:calc(100% / 1592 * 252); left:calc(100% / 1592 * 1017); top:calc(100% / 1410 * 926); }
	.index-bgchara .item10 { width:calc(100% / 1592 * 426); left:calc(100% / 1592 * 1142); top:calc(100% / 1410 * 1148); }
	.index-bgchara .item11 { width:calc(100% / 1592 * 430); left:calc(100% / 1592 * 1143); top:calc(100% / 1410 * 1326); }
}

@media screen and (max-width: 768px) {
	.index-bgchara .item01 { width:calc(100% / 1592 * 175); left:calc(100% / 1592 * 136); top:calc(100% / 1410 * 136); }
	.index-bgchara .item02 { width:calc(100% / 1592 * 217); left:calc(100% / 1592 * 28); top:calc(100% / 1410 * 593); }
	.index-bgchara .item03 { width:calc(100% / 1592 * 137); left:calc(100% / 1592 * 224); top:calc(100% / 1410 * 827); }
	.index-bgchara .item04 { width:calc(100% / 1592 * 214); left:calc(100% / 1592 * 31); top:calc(100% / 1410 * 1152); }
	.index-bgchara .item05 { width:calc(100% / 1592 * 226); left:calc(100% / 1592 * 311); top:calc(100% / 1410 * 1056); }
	.index-bgchara .item06 { width:calc(100% / 1592 * 243); left:calc(100% / 1592 * 1336); top:calc(100% / 1410 * 169); }
	.index-bgchara .item07 { width:calc(100% / 1592 * 239); left:calc(100% / 1592 * 1221); top:calc(100% / 1410 * 471); }
	.index-bgchara .item08 { width:calc(100% / 1592 * 274); left:calc(100% / 1592 * 1318); top:calc(100% / 1410 * 735); }
	.index-bgchara .item09 { width:calc(100% / 1592 * 252); left:calc(100% / 1592 * 1017); top:calc(100% / 1410 * 926); }
	.index-bgchara .item10 { width:calc(100% / 1592 * 426); left:calc(100% / 1592 * 1142); top:calc(100% / 1410 * 1148); }
	.index-bgchara .item11 { width:calc(100% / 1592 * 430); left:calc(100% / 1592 * 1143); top:calc(100% / 1410 * 1326); }
}

.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{ filter: brightness(0.7); pointer-events:none; }

/* end */