@charset "UTF-8";

.re-fv{
	height:100vh; width:100vw;
	position:relative;
}
.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: pyon 1.2s infinite linear;
}
.re-fv ._2{
	animation: rotation 1.9s infinite linear;
}
.re-fv ._3{
	animation: rotation2 2.5s infinite linear;
}

/*PC*/
@media screen and (min-width: 769px) {
	.re-fv{
		background:url("../images/index/fv_bg.jpg") no-repeat center / cover;
		min-height:calc(100vw / 2732 * 1536);
	}
	.re-fv .title{
		width:calc(100% / 2732 * 1422); min-width:calc(1422px / 2);
		left:50%; top:calc(100% / 1536 * 420); transform:translateX(-50%);
	}
	.re-fv ._top{
		width:calc(100% / 2732 * 2732); min-width:calc(2732px / 2);
		left:50%; top:calc(100% / 1536 * 0); transform:translateX(-50%);
	}
	.re-fv ._bottom{
		width:calc(100% / 2732 * 2732); min-width:calc(2732px / 2);
		left:50%; bottom:calc(100% / 1536 * 0); transform:translateX(-50%);
	}
	.re-fv ._1{
		width:calc(100% / 2732 * 379); min-width:calc(379px / 2);
		right:calc(100% / 2732 * 183); top:calc(100% / 1536 * 508);
	}
	.re-fv ._2{
		width:calc(100% / 2732 * 330); min-width:calc(330px / 2);
		left:calc(100% / 2732 * 140); bottom:calc(100% / 1536 * 403);
	}
	.re-fv ._3{
		width:calc(100% / 2732 * 423); min-width:calc(423px / 2);
		left:calc(100% / 2732 * 393); bottom:calc(100% / 1536 * 125);
	}
	.re-fv .map{
		width:calc(100% / 2732 * 1214); min-width:calc(1214px / 2);
		left:50%; top:calc(100% / 1536 * 1117); transform:translateX(-50%);
	}
	.re-fv .btn{
		width:calc(100% / 2732 * 173); min-width:calc(173px / 2);
		left:calc(50% + 100% / 2732 * 414); top:calc(100% / 1536 * 1137);
	}
}

/*TAB*/
@media screen and (min-width: 769px) and (max-width: 1366px) {
	.re-fv{
		 min-height:calc(1536px / 2);
	}
	.re-fv ._1{
		right:calc(100% / 2732 * 183 - (1366px - 100%) / 2);
	}
	.re-fv ._2{
		left:calc(100% / 2732 * 140 - (1366px - 100%) / 2);
	}
	.re-fv ._3{
		left:calc(100% / 2732 * 393 - (1366px - 100%) / 2);
	}
	.re-fv .map__img{
		left:calc(50% + 414px / 2);
	}
	.re-fv .btn{
		left:calc(50% + 414px / 2);
	}
}

/*SP*/
@media screen and (max-width: 768px) {
	.re-fv{
		background:url("../images/index/fv_bg_sp.jpg") no-repeat center / cover;
		height:100vh; min-height:calc(100vw / 705 * 1330);
	}
	.re-fv .title{
		width:100%;
		left:0; top:calc(100% / 1330 * 395);
	}
	.re-fv ._top{
		width:100%;
		left:0; top:calc(100% / 1330 * 200);
	}
	.re-fv ._bottom{
		width:100%;
		left:0; bottom:calc(100% / 1330 * 32);
	}
	.re-fv ._1{
		width:calc(100% / 750 * 190);
		right:calc(100% / 750 * 57); top:calc(100% / 1330 * 212);
	}
	.re-fv ._2{
		width:calc(100% / 750 * 178);
		left:calc(100% / 750 * 39); bottom:calc(100% / 1330 * 32);
	}
	.re-fv ._3{ display:none; }
	.re-fv .map,
	.re-fv .btn{
		width:calc(100% / 750 * 648);
		left:calc(100% / 750 * 53); top:calc(100% / 1330 * 902);
	}
}

.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 .index-insta{ 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; }
}