@charset "utf-8";

.mainvisual{position: relative;overflow: hidden;width: 100%;}
.mainvisual h2{position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;height: 2em; z-index: 2;font-size: 4.7vw;letter-spacing: 0.3em;padding-left: 0.3em;text-align: center;color: #fff;width: 100%;}
.mainvisual h2 small{margin-top: 0.4em;letter-spacing: 0.2em;font-size: 0.47em;display: block;margin-left: -0.4em;}
.mainimage img{width:100%;}
.inner{max-width: 1000px;margin: 0 auto;width: 90%;}
.cap_b{text-shadow: 0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff;}

#sp_contents{background: url("../img/pamphlet_bk.webp") no-repeat center center/cover;padding: 100px 0;}
.intro_tit{font-size: 32px;text-align: center;color: #a79030;letter-spacing: 0.2em;font-weight: 600;padding-left: 0.15em;}
.intro_tit + p{text-align: center;letter-spacing: 0.05em;line-height: 1.8;font-size: 18px;margin-top: 2em;}
.schedule{max-width:1000px;margin: 1em auto 2em;}
.schedule_tit{margin: 2em auto 1em;font-size:1.2em;text-align:center;}
.reserve_cta{text-align:center;}
.reserve_cta p{margin-top:10px;font-size: 0.7em;}
.sp_contents_item{display: flex;justify-content: space-between;margin-top: 80px;flex-wrap: wrap;}
.sp_contents_item > li{width: 32%;margin-bottom:2em;}
.sp_contents_item > li a{display: block;position: relative;font-size: 28px;}
.sp_contents_item > li a i{position: absolute;top: 0;left: 0;font-size: 0.5em;padding: 0.2em 0.5em;background: #b20000;color: #fff;}
.sp_contents_item > li a::before{content: "";display: block;width: 100%;height: 1.2em;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;mix-blend-mode: multiply;background: rgba(134,119,86,0.5);line-height: 1;z-index: 1;}
.sp_contents_item > li a .sp_contents_tit{text-align: center;line-height: 1;color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;height: 1.2em;width: 100%;letter-spacing: 0.1em;z-index: 2;}
.sp_contents_item > li a .view_more_btn{font-size: 0.5em;color: #867756;letter-spacing: 0.1em;position: absolute;left: 0;right: 0;bottom: 18%;margin: 0 auto;width: 11em;background: #fff;text-decoration: none;z-index: 2;padding: 0.3em 0;text-align: center;display: block;}
.sp_contents_item > li a .view_more_btn::after{content: "";display: inline-block;width: 1em;height: 0.7em;background: url("../img/view_more_arrow.svg") no-repeat center center/contain;margin-left: 0.7em;vertical-align: 0.01em;}
.sp_contents_item > li a + p{font-size: 15px;margin-top: 1em;}

#link_panel{padding: 100px 0 50px;}
.link_panel_item{display: flex;flex-wrap: wrap;gap: 40px 3.5%;}
.link_panel_item > *{background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.5);width: 31%;text-decoration: none;}
.link_panel_item > * figure::before{content: "";display: block;width: 20px;height: 20px;position: absolute;right: 15px;top: 15px;background: url("../img/plus.svg") no-repeat center center/contain;}
.link_panel_item > * .l_copy{padding: 20px 18px 22px;text-align: left;}
.link_panel_item > * .l_copy .link_panel_tit{font-size: 22px;color: #867756;letter-spacing: 0.1em;}
.link_panel_item > * .l_copy .link_panel_tit + p{font-size: 15px;margin-top: 0.7em;color: #000;}

.btn_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;}
#btn_animation .reserve_btn {display: inline-flex;position: relative;background: url(../../common/img/dc_arw_rw.svg) no-repeat, #690e0e;background-size: auto 22px;background-position: right 40px center, right 0 center;color: #fff;font-size: 24px;max-width: 720px;width: 100%;height: 60px;flex-direction: column;justify-content: center;align-items: center;text-decoration: none;letter-spacing: 0.2em;transition: 0.5s;padding: 2em;overflow: hidden;}
#btn_animation .reserve_btn:hover {text-decoration: none;color: #fbfbfb;}
#btn_animation .reserve_btn::before {position: absolute;content: '';display: inline-block;top: -180px;left: 0;width: 30px;height: 100%;background-color: #fbfbfb;animation: btn_animation 2.5s ease-in-out infinite;}

@-webkit-keyframes btn_animation {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.debut_entry{border-bottom:none;}
@media screen and (min-width: 768px){
}

@media screen and (max-width: 767px){
.mainvisual h2{font-size: 7vw;}

#sp_contents{padding: 50px 0;}
.intro_tit{font-size: 20px;}
.intro_tit + p{font-size: 15px;}
.sp_contents_item{flex-wrap: wrap;margin-top: 40px;gap: 25px 0;}
.sp_contents_item > li{width: 100%;}
.sp_contents_item > li a{font-size: 30px;}
.sp_contents_item > li a img{width: 100%;}
.sp_contents_item > li a + p{font-size: 13px;}

#link_panel{padding: 50px 0 20px;}
.link_panel_item{gap: 20px 2%;}
.link_panel_item > *{width: 49%;}
.link_panel_item > * figure::before{width: 15px;height: 15px;right: 10px;top: 10px;}
.link_panel_item > * figure img{width: 100%;}
.link_panel_item > * .l_copy{padding: 10px;}
.link_panel_item > * .l_copy .link_panel_tit{font-size: 17px;}
.link_panel_item > * .l_copy .link_panel_tit + p{font-size: 13px;}

#btn_animation .reserve_btn {font-size: 18px;width: 90%;}

}

/* entry */
.entryaction{
	padding: 40px 0 0;
}
.debut_benefits{
	border-top: 1px solid #d6d5cd;
	max-width: 720px;
  width: 100%;
	margin: 0px auto;
	padding-top: 45px;
	text-align: center;
}
.debut_benefits h4{
	font-size: 1.3em;
	margin-bottom: 10px;
}
.debut_benefits p{
	font-size: 0.8em !important;
	line-height: 200%;
}
.debut_entry p{
	font-size: 50px;
	margin-bottom:40px; 
}

.debut_entry .debut_benefits p {
  margin-bottom: 10px;
}
.debut_entry{
	border-bottom: unset;
	padding: 0 0 45px;
	max-width: 720px;
  width: 100%;
	margin: 0px auto;
}
.debut_entry:first-child{
	margin: 40px auto;
}


@media screen and (max-width: 767px){
	.entryaction{
		padding: 10px 0 0;
		margin-top: 30px;
	}
	#debut{
		padding: 40px 0;
	}
	.debuthead p {
		font-size: 1em;
	}
	.debuthead h3 {
		font-size: 1.3em;
	}
	.debut_label {
	  font-size: 32px;
	}
	.debut_entry p {
		font-size: 1.5em;
		margin-bottom: 20px;
	}
}