@charset "UTF-8";
/* ===========================================
 * コンフォール柏豊四季 common
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* toyoshiki_container */
.toyoshiki_container {
	padding: 5.333vw 2.667vw;
	background-color: #fffcf2;
	overflow: hidden;
}
.toyoshiki_container.toyoshiki_container--subpage {
	padding: 5.333vw 0;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* hero */
.toyoshiki_container .hero {
	position: relative;
	padding-bottom: 8vw;
}
.toyoshiki_container .hero .hero_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.toyoshiki_container .hero .hero_logo > img {
	width: 36.267vw;
	height: 8.533vw;
}
.toyoshiki_container .hero .hero_title {
	font-size: 4.267vw;
	font-weight: bold;
	line-height: 1.1;
}
.toyoshiki_container .hero .hero_anchorbtn {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: calc(100% - 10.667vw);
	padding: 1.6vw;
	background-color: #fff;
	border-radius: 5.333vw;
	-webkit-box-shadow: 0 1.067vw 1.6vw 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 1.067vw 1.6vw 0 rgba(0, 0, 0, 0.16);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 1;
}
.toyoshiki_container .hero.hero--top .hero_mv {
	position: relative;
	margin-top: 4.8vw;
	z-index: 1;
}
.toyoshiki_container .hero.hero--top .hero_mv > img {
	width: 100%;
	border-radius: 5.333vw;
}
.toyoshiki_container .hero.hero--top .hero_caption {
	position: absolute;
	bottom: 10.667vw;
	right: 2.667vw;
	padding: 1.333vw 2.133vw;
	background-color: #fff;
	border-radius: 2.667vw;
	font-size: 3.2vw;
	line-height: 1;
}
.toyoshiki_container .hero.hero--subpage {
	padding-bottom: 12.267vw;
}
.toyoshiki_container .hero.hero--subpage .hero_header {
	padding-inline: 2.667vw;
}
.toyoshiki_container .hero.hero--subpage .hero_anchorbtn {
	bottom: -8vw;
	width: calc(100% - 16vw);
}

/* contentsfooter */
.toyoshiki_container .contentsfooter {
	margin-top: 16vw;
}
.toyoshiki_container .contentsfooter .contentsfooter_nav {
	padding: 1.6vw;
	background-color: #fff;
	border-radius: 5.333vw;
	-webkit-box-shadow: 0 1.067vw 1.6vw 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 1.067vw 1.6vw 0 rgba(0, 0, 0, 0.16);
}
.toyoshiki_container .contentsfooter .contentsfooter_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 1.6vw;
}
.toyoshiki_container .contentsfooter .contentsfooter_list > li {
	width: calc((100% - 3.2vw) / 3);
}
.toyoshiki_container .contentsfooter .contentsfooter_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 1.867vw 0;
	padding: 3.733vw 2.133vw 1.6vw;
	height: 100%;
	background-color: #fff;
	border-radius: 4.267vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.toyoshiki_container .contentsfooter .contentsfooter_item.is-current {
	background-color: #f9f7f0;
}
.toyoshiki_container .contentsfooter .contentsfooter_item.is-inactive {
	background-color: #f7f7f7;
}
.toyoshiki_container .contentsfooter .contentsfooter_entext {
	font-size: 2.667vw;
	color: #006a7d;
}
.toyoshiki_container .contentsfooter .contentsfooter_jatext {
	font-size: 3.467vw;
}
.toyoshiki_container .contentsfooter .contentsfooter_note {
	color: #585858;
	font-size: 2.667vw;
	font-weight: normal;
}
.toyoshiki_container .contentsfooter.contentsfooter--subpage {
	padding-inline: 2.667vw;
}

/* ---------------------------------------------
*   button
--------------------------------------------- */
/* btn_menuanchor */
.toyoshiki_container .btn_menuanchor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0 2.667vw;
	width: 100%;
	padding: 4.267vw 2.667vw;
	background-color: #f9f7f0;
	border: none;
	border-radius: 4.267vw;
	color: #006a7d;
	font-size: 4.267vw;
	font-weight: bold;
	line-height: 1;
}
.toyoshiki_container .btn_menuanchor::after {
	content: "";
	width: 2.667vw;
	height: 1.6vw;
	background-image: url("../img/common/icon_arrow_menubtn.png");
	background-repeat: no-repeat;
	background-size: contain;
}