@charset "UTF-8";
/* ===========================================
 * コンフォール柏豊四季 top
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* toplead */
.toyoshiki_container .toplead {
	margin-top: 16vw;
}
.toyoshiki_container .toplead .toplead_catch {
	text-align: center;
}
.toyoshiki_container .toplead .toplead_catch > img {
	width: 94.667vw;
	height: 14.933vw;
}
.toyoshiki_container .toplead .toplead_deco {
	display: block;
	width: 64vw;
	height: 13.333vw;
	margin-top: 10.667vw;
	margin-inline: auto;
	opacity: 0;
	visibility: hidden;
	overflow: visible;
}
.toyoshiki_container .toplead .toplead_text {
	margin-top: 10.667vw;
	padding-inline: 2.667vw;
	font-size: 4vw;
	line-height: 1.9;
}

/* topsection */
.toyoshiki_container .topsection {
	margin-top: 16vw;
}
.toyoshiki_container .topsection:first-child {
	margin-top: 0;
}
.toyoshiki_container .topsection .topsection_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 2.667vw;
	padding: 2.667vw 5.333vw;
	background-color: #006a7d;
	border-radius: 8.533vw;
	color: #fff;
}
.toyoshiki_container .topsection .topsection_title {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 4.267vw;
	font-weight: bold;
	line-height: 1;
}
.toyoshiki_container .topsection .topsection_note {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 3.733vw;
	line-height: 1.5;
}
.toyoshiki_container .topsection .topsection_body {
	margin-top: 8vw;
}

/* introblock */
.toyoshiki_container .introblock {
	margin-top: 16vw;
	padding-inline: 2.667vw;
}

/* searchblock */
.toyoshiki_container .searchblock {
	margin-top: 16vw;
}

/* attention */
.toyoshiki_container .attention {
	margin-top: 16vw;
	padding-inline: 5.333vw;
}
.toyoshiki_container .attention .attention_item {
	margin-top: 9.067vw;
	font-size: 3.733vw;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.toyoshiki_container .attention .attention_item:first-child {
	margin-top: 0;
}
.toyoshiki_container .attention .attention_title {
	font-weight: bold;
}
.toyoshiki_container .attention .attention_text {
	margin-top: 4vw;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* news */
.toyoshiki_container .news {
	height: 41.067vw;
	padding-inline: 2.667vw 5.333vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #c7c7c7 transparent;
}
.toyoshiki_container .news::-webkit-scrollbar {
	width: 2.133vw;
}
.toyoshiki_container .news::-webkit-scrollbar-track {
	background-color: transparent;
}
.toyoshiki_container .news::-webkit-scrollbar-thumb {
	background-color: #c7c7c7;
}
.toyoshiki_container .news::-webkit-scrollbar-corner {
	background: #c7c7c7;
}
.toyoshiki_container .news .news_list > li {
	margin-top: 4.267vw;
}
.toyoshiki_container .news .news_list > li:first-child {
	margin-top: 0;
}
.toyoshiki_container .news .news_date {
	font-size: 3.733vw;
	line-height: 1;
}
.toyoshiki_container .news .news_text {
	margin-top: 2.133vw;
	font-size: 4.267vw;
	line-height: 1.5;
}
.toyoshiki_container .news .news_text > a {
	display: inline-block;
	color: #006a7d;
	text-decoration: underline;
}

/* outlinedata */
.toyoshiki_container .outlinedata .outlinedata_note {
	font-size: 3.733vw;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: right;
}
.toyoshiki_container .outlinedata .outlinedata_list {
	margin-top: 2.667vw;
	border-bottom: 0.267vw solid #ddd;
}
.toyoshiki_container .outlinedata .outlinedata_list:first-child {
	margin-top: 0;
}
.toyoshiki_container .outlinedata .outlinedata_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 0.267vw solid #ddd;
	font-size: 3.733vw;
	line-height: 1.5;
}
.toyoshiki_container .outlinedata .outlinedata_title {
	padding: 4.267vw 0 4.267vw 2.667vw;
	width: 33.067vw;
	background-color: #edf1e4;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-weight: bold;
}
.toyoshiki_container .outlinedata .outlinedata_text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 4.267vw 2.667vw;
	background-color: #fff;
}
.toyoshiki_container .outlinedata .outlinedata_caption {
	margin-top: 2.667vw;
	padding-left: 1em;
	font-size: 3.733vw;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-indent: -1em;
}

/* map */
.toyoshiki_container .map .map_obj {
	text-align: center;
}
.toyoshiki_container .map .map_list {
	margin-top: 8vw;
}
.toyoshiki_container .map .map_note {
	margin-top: 5.333vw;
}
.toyoshiki_container .map .map_note > li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 3.733vw;
	letter-spacing: -0.04em;
	line-height: 1.5;
}

/* locationlist */
.toyoshiki_container .locationlist {
	font-size: 3.733vw;
	line-height: 1.5;
}
.toyoshiki_container .locationlist dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 2.133vw;
	font-weight: bold;
}
.toyoshiki_container .locationlist dt::before {
	content: "";
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 1.333vw;
	height: 1.333vw;
	border-radius: 50%;
	background-color: #888;
}
.toyoshiki_container .locationlist .locationlist_item {
	margin-top: 5.333vw;
}
.toyoshiki_container .locationlist .locationlist_item:first-child {
	margin-top: 0;
}

/* locationitem */
.toyoshiki_container .locationitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 3.733vw;
	line-height: 1.5;
}
.toyoshiki_container .locationitem .locationitem_key {
	padding-right: 1.333vw;
	background-color: #fffcf2;
}
.toyoshiki_container .locationitem .locationitem_value {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: right;
	z-index: 1;
}
.toyoshiki_container .locationitem .locationitem_value::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0.533vw;
	background-image: url("../img/top/line_dot.png");
	background-size: 1.067vw 0.533vw;
	background-repeat: repeat-x;
	z-index: -1;
}
.toyoshiki_container .locationitem .locationitem_value > span {
	padding-left: 1.333vw;
	background-color: #fffcf2;
}

/* intro */
.toyoshiki_container .intro {
	padding: 5.333vw;
	background-color: #fff;
	border-radius: 5.333vw;
	-webkit-box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.16);
}
.toyoshiki_container .intro .intro_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 2.667vw;
	font-weight: bold;
	line-height: 1;
}
.toyoshiki_container .intro .intro_entitle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 2.667vw;
	color: #006a7d;
	font-size: 3.733vw;
}
.toyoshiki_container .intro .intro_entitle::after {
	content: "";
	width: 8.533vw;
	height: 1.6vw;
	background-image: url("../img/common/img_title_parts.png");
	background-size: contain;
	background-repeat: no-repeat;
}
.toyoshiki_container .intro .intro_jatitle {
	font-size: 6.4vw;
}
.toyoshiki_container .intro .intro_body {
	margin-top: 5.333vw;
}
.toyoshiki_container .intro .intro_text {
	font-size: 4.267vw;
	line-height: 1.5;
}
.toyoshiki_container .intro .intro_btn {
	margin-top: 2.667vw;
	text-align: right;
}

/* ---------------------------------------------
*   button
--------------------------------------------- */
/* btn_transition */
.toyoshiki_container .btn_transition {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2.133vw;
	padding-bottom: 2.133vw;
}
.toyoshiki_container .btn_transition::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.533vw;
	background-color: #006a7d;
	border-radius: 0.533vw;
	-webkit-transform-origin: left center;
	        transform-origin: left center;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.toyoshiki_container .btn_transition .btn_transition_text {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 1.6vw;
	font-size: 4.267vw;
	line-height: 1;
}
.toyoshiki_container .btn_transition .btn_transition_text::after {
	content: "";
	width: 4.267vw;
	height: 1.867vw;
	background-image: url("../img/common/icon_arrow_link.png");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

/* btn_search */
.toyoshiki_container .btn_search {
	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: 3.733vw 2.667vw;
	background-color: #464646;
	border-radius: 3.2vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.toyoshiki_container .btn_search > img {
	width: 4.8vw;
	height: 4vw;
}
.toyoshiki_container .btn_search .btn_search_text {
	color: #fff;
	font-size: 4.8vw;
	font-weight: bold;
}