@charset "utf-8";
/*
	Last Update: 大嶋
	Auther: 10/2
*/
/*===================================================================
	top
===================================================================*/
#body { overflow-x:hidden; }
#main_image_wrap { position:relative; }
#main_image { overflow:hidden; }
#main_text .title { margin-bottom:20px; }
	@media (max-width: 767px){
		#main_image,
		#main_image .img_back { height:100vw; }
		#main_text .main_text_wrap { padding-left:15px; }
		#main_text .title { font-size:2em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#main_image,
		#main_image .img_back { height:50vw; }
		#main_text .main_text_wrap { padding-left:30px; }
		#main_text .title { font-size:2.25em; }
	}
	@media (min-width: 992px){
		#main_image,
		#main_image .img_back { height:42vw; }
		#main_text .main_text_wrap { padding-left:50px; }
		#main_text .title { font-size:2.75em; letter-spacing:0.1em; }
		#main_text p { font-size:1.15em; }
	}


#prime_top{ background: #F9F7F0; }
#prime_top .main_visual{z-index: -2; position: relative;}
#prime_top .main_visual img{width: 100%;}
.up{animation-name: fadeUp; animation: fadeUp 3s ease-in-out infinite;animation-fill-mode: both;}
@keyframes fadeUp{
	0%   { transform: translateY(0); }
  	50%  { transform: translateY(-20px); } 
  	100% { transform: translateY(0); }
}
#prime_top .back_decoration{position: relative;}
#prime_top .back_decoration .v1{will-change: transform;transition: transform 0.1s ease-out;}
#prime_top .back_decoration .v1,
#prime_top .back_decoration .v2,
#prime_top .back_decoration .v3{height: auto; display: block;position: absolute;content: "";}
#prime_top .back_decoration .top_back_icon1{width: 9%; bottom: 0;left: 0;z-index: -1;}
#prime_top .back_decoration .top_back_icon2{width: 16%; bottom: 0;right: 0;z-index: -1;}
#prime_top .back_decoration .top_back_icon2 img{width: 100%;}
#prime_top .back_decoration .back1{width: 17%; top: -5%;right: 0;text-align: end;z-index: -1;  }
#prime_top .back_decoration .back2{width: 17%; top: 15%;left: 0%;z-index: -1;}
#prime_top .back_decoration .back3{width: 15%; bottom: 5%;right: 8%;text-align: end;z-index: -1;}
#prime_top .back_decoration .back4{width: 18%; bottom: -3%;left: 15%;z-index: -1;}
#prime_top .back_decoration .back_icon1{width: 9%; top: 10%;left: 15%;z-index: -2;}
#prime_top .back_decoration .back_icon2{width: 10%; top: 25%;right: 19%;z-index: -2;}
#prime_top .back_decoration .back_icon3{width: 15%; bottom: 0;left: 0;z-index: -2;}
#prime_top .back_decoration .back_icon4{width: 10%; bottom: 0;right: 0;z-index: -2;text-align: end;}
#prime_top .back_decoration .back_icon5{width: 10%; bottom: 15%; left: 18%; z-index: -2;}
#prime_top .back_decoration .back_icon6{width: 18%; bottom: -60px; left: 0;}
#prime_top .back_decoration .back_icon7{width: 25%; bottom: -60px; right: 0;}
#prime_top .back_decoration .back_icon8{width: 8%; top: 0; left: 0;}
#prime_top .back_decoration .back_icon8 img{border-radius: 20px 0 0 0; min-width:93px; }
#prime_top .back_decoration .back_icon9{width: 10%; top: 15%; right: 18%; min-width:93px; }
#prime_top .back_decoration .back_icon10{width: 5%; top: 23%; left: 33%;}
#prime_top .back_decoration .back_icon11{width: 10%; top: 27%; left: 55%;}
@media (max-width:425px){
	#prime_top .back_decoration .back1{width: 30%; top: 3%;right: 0;text-align: end;}
	#prime_top .back_decoration .back2{width: 28%; top: 13%;left: 0;}
	#prime_top .back_decoration .back3{width: 26%; bottom: 10%;right: 8%;text-align: end;}
	#prime_top .back_decoration .back4{width: 32%; bottom: 2%;left: 8%;z-index: -1;}
	#prime_top .back_decoration .back_icon1{width: 20%; top: 6%;left: 24%;z-index: -1;}
	#prime_top .back_decoration .back_icon2{width: 15%; top: 46%;right: 0;z-index: -1;}
	#prime_top .back_decoration .back_icon3{width: 24%; bottom: 2%;left: 23%;z-index: -2;}
	#prime_top .back_decoration .back_icon4{width: 18%; bottom: 0;right: 0;text-align: end;}
}
@media (min-width: 426px) and (max-width: 575px){
	#prime_top .back_decoration .back1{width: 25%; top: 3%;right: 0;text-align: end;}
	#prime_top .back_decoration .back2{width: 23%; top: 13%;left: 0;}
	#prime_top .back_decoration .back3{width: 23%; bottom: 10%;right: 8%;text-align: end;}
	#prime_top .back_decoration .back4{width: 25%; bottom: 2%;left: 8%;z-index: -1;}
	#prime_top .back_decoration .back_icon1{width: 12%; top: 6%;left: 20%;z-index: -1;}
	#prime_top .back_decoration .back_icon2{width: 10%; top: 50%;right: 0;z-index: -1; overflow: hidden;}
	#prime_top .back_decoration .back_icon3{ width: 20%;bottom: -5%;left: 23%;z-index: -2;}
	#prime_top .back_decoration .back_icon4{width: 15%; bottom: 0;right: 0;text-align: end;}
}
@media (max-width: 575px){
	#prime_top .back_decoration .back_icon2 img{max-width: 200%;object-fit: cover;height: 100%;width: 200%;}
	#prime_top .back_decoration .back_icon5{width: 10%; bottom: 15%; left: 18%; z-index: -2;}
	#prime_top .back_decoration .back_icon6{width: 30%;bottom: 0;}
	#prime_top .back_decoration .back_icon7{width: 18%;bottom: 0;}
	#prime_top .back_decoration .back_icon7 img{border-radius: 50%;}
	#prime_top .back_decoration .back_icon8{width: 10%; top: 0; left: 0;}
	#prime_top .back_decoration .back_icon8 img{border-radius: 20px 0 0 0;}
	#prime_top .back_decoration .back_icon9{ width: 14%;top: 9%;right: 5%;}
	#prime_top .back_decoration .back_icon10{width: 21%;top: 82%;left: 0%;}
	#prime_top .back_decoration .back_icon11{width: 10%; top: 27%; left: 55%;}
	#prime_top .back_decoration .back_icon12{width: 16%;bottom: 2%;left: 52%;}
}
@media (min-width: 576px) and (max-width: 767px){
	#prime_top .back_decoration .back_icon6{bottom: 0;}
	#prime_top .back_decoration .back_icon7{bottom: 0;}
	#prime_top .back_decoration .back_icon10{width: 20%; top: 75%; left: 20%;}
	#prime_top .back_decoration .back_icon11{width: 12%; top: 22%; left: 55%;}
}
@media (max-width: 767px){
	#prime_top .back_decoration .top_back_icon1{display: none;}
	#prime_top .back_decoration .top_back_icon2{display: none;}
	#prime_top .back_decoration .back_icon12{width: 15%; top: 85%; left: 50%;}
}
@media (min-width:1200px){
	#prime_top .back_decoration .back1{width: auto; top: -5%;right: 0; border-radius:0 0 0 8px; overflow:hidden; }
	#prime_top .back_decoration .back2{width: auto; top: 15%;left: 0%;}
	#prime_top .back_decoration .back3{width: auto; bottom: 10%;right: 8%;}
	#prime_top .back_decoration .back4{width: auto; bottom: -94px;left: 10%;z-index: -1;}
}

#top_message { padding-top:200px; padding-bottom:180px; }
@media (max-width: 575px){
	#top_message {padding: 200px 0;}
}
@media (min-width: 576px) and (max-width: 767px){
	#top_message {padding: 150px 0;}
}
#top_message .hl_center3{ text-align:center; }
#top_message .hl_center3 .main{font-weight:normal;}
	@media (max-width: 575px){
		#top_message .hl_center3 .main { font-size: 2rem; margin-bottom:10px;}
		#top_message .hl_center3 .sub {line-height: 2;font-size:1em;}
	}
	@media (min-width: 576px) and (max-width: 767px){
		#top_message .hl_center3 .main { font-size:2.8em;letter-spacing: 2px;margin-bottom:20px;}
		#top_message .hl_center3 .sub {line-height: 2;font-size:1.2em;}
	}
	@media (min-width: 768px){
		#top_message .hl_center3 .main { font-size:min(56px, 3.25em);letter-spacing: 2px;margin-bottom:20px;}
		#top_message .hl_center3 .sub {line-height: 2;font-size:min(20px, 1.5em);}
	}

#prime_top .attraction{border-radius: 40px;position: relative;z-index: 2;}
#prime_top .attraction_detail .detail1 img{width: 100%;}
#prime_top .attraction_btn .btn_detail{display:flex; align-items:center; height: 60px;line-height: 50px;background: #FFFFFF;border-radius: 50px;padding: 0 24px;}
#prime_top .attraction_btn .btn_detail_text{position: relative; width:100%; text-align:left; }
#prime_top .attraction_btn .btn_detail_text::after{position: absolute;content: "";top: 50%;transform: translateY(-50%);right: 0px;background:url(../img/icon/arrow_r_ba.png) no-repeat center center / 12px 10px;width: 12px;height: 10px;}
body.pc .attraction_btn .btn_detail:hover {color: #57E3FF !important;}
body.pc .attraction_btn .btn_detail:hover .btn_detail_text::after {background-image: url(../img/icon/arrow_li_r.png) !important;}
@media (max-width: 767px){
	#prime_top .attraction .attraction_detail .detail2 { text-align:center; }
	#prime_top .attraction_btn { text-align:center; }
	#prime_top .attraction_btn .btn_detail{ max-width:280px; margin-left:auto; margin-right:auto; }
}
@media (min-width: 768px){
	#prime_top .attraction .attraction_detail{display: flex; align-items:center; }
	#prime_top .attraction .attraction_detail > *{width: 50%;}
	#prime_top .attraction .attraction_detail .detail2 { padding-left:40px; }
	#prime_top .attraction_btn .btn_detail{ width:280px; }
}

.hl_center2_1 { text-align:left; margin-bottom:35px; }
.hl_center2_1 .button { text-align:left; }
.hl_center2_1 .main { position:relative; display:inline-block; }
.hl_center2_1 .main::after{position: absolute;content: "";top: 50%;transform: translateY(-50%);right: -25px;background-image: url(../img/icon/arrow_r_ba.png); background-repeat: no-repeat;background-size: 17px 18px;width: 17px;height: 18px;}
.hl_center2_1 .sub{line-height:1.5;margin-top: 10px; font-size: 16px;}
	@media (max-width: 767px){
		.hl_center2_1 .main { font-size:24px;}
	}
	@media (min-width: 768px){
		.hl_center2_1 .main { font-size:32px;}
	}

#prime_top .list_image{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -20px;margin-bottom: -30px;padding: 0 20px;z-index: 1;position: relative;}
#prime_top .list_image div{width: 24%;z-index: -1;margin-bottom: 10px;}
#prime_top .list_image div.v2{width: 49.4%;}
#prime_top .list_image div img{width: 100%;object-fit: cover;}
@media (max-width: 575px){
	#prime_top .list_image div{width: 32%;z-index: -1;}
	#prime_top .list_image div.v2{width: 65.9%;}
}
@media (min-width:1200px){
	#prime_top .list_image div{margin-bottom: 20px;}
}

#top_interview { background: #FFFFFF;border-radius: 20px 20px 0 0; position:relative; z-index:3; overflow:hidden; }
@media (max-width: 767px){
	#prime_top .interview{margin-bottom: 120px;border-radius: 24px;}
}
#top_interview .hl_center2 { margin-bottom:40px; }