@charset "UTF-8";
/* ===========================================
 * コンフォール柏豊四季 top
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* toplead */
.toyoshiki_container .toplead {
	margin-top: 102px;
	text-align: center;
}
.toyoshiki_container .toplead .toplead_deco {
	width: 400px;
	height: 83px;
	margin-top: 50px;
	opacity: 0;
	visibility: hidden;
	overflow: visible;
}
.toyoshiki_container .toplead .toplead_text {
	margin-top: 50px;
	font-size: 18px;
	line-height: 2;
}

/* topsection */
.toyoshiki_container .topsection {
	width: 1000px;
	margin-top: 80px;
	margin-inline: auto;
}
.toyoshiki_container .topsection:first-child {
	margin-top: 0;
}
.toyoshiki_container .topsection .topsection_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 20px;
	padding: 14px 30px;
	background-color: #006a7d;
	border-radius: 22px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}
.toyoshiki_container .topsection .topsection_title {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-weight: bold;
}
.toyoshiki_container .topsection .topsection_body {
	margin-top: 40px;
}

/* introblock */
.toyoshiki_container .introblock {
	width: 1000px;
	margin-top: 80px;
	margin-inline: auto;
}

/* searchblock */
.toyoshiki_container .searchblock {
	width: 1000px;
	margin-top: 80px;
	margin-inline: auto;
}

/* attention */
.toyoshiki_container .attention {
	width: 1000px;
	margin-top: 80px;
	margin-inline: auto;
}
.toyoshiki_container .attention .attention_item {
	margin-top: 24px;
	font-size: 14px;
	line-height: 1.7;
}
.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: 12px;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* news */
.toyoshiki_container .news {
	height: 70px;
	padding-right: 20px;
	-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: 8px;
}
.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 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 24px;
	font-size: 16px;
	line-height: 1.75;
}
.toyoshiki_container .news .news_date {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.toyoshiki_container .news .news_text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.toyoshiki_container .news .news_text > a {
	display: inline-block;
}
.toyoshiki_container .news .news_text > a:hover {
	color: #006a7d;
	text-decoration: underline;
}

/* outlinedata */
.toyoshiki_container .outlinedata .outlinedata_note {
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: right;
}
.toyoshiki_container .outlinedata .outlinedata_list {
	margin-top: 10px;
	border-bottom: 1px 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: 1px solid #ddd;
	font-size: 16px;
	line-height: 1.5;
}
.toyoshiki_container .outlinedata .outlinedata_title {
	padding: 16px 10px;
	width: 240px;
	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: 16px 10px;
	background-color: #fff;
}
.toyoshiki_container .outlinedata .outlinedata_caption {
	margin-top: 10px;
	padding-left: 1em;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-indent: -1em;
}

/* map */
.toyoshiki_container .map .map_obj {
	text-align: center;
}
.toyoshiki_container .map .map_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 40px;
	margin-top: 40px;
}
.toyoshiki_container .map .map_listitem {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.toyoshiki_container .map .map_note {
	margin-top: 30px;
}
.toyoshiki_container .map .map_note > li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
	line-height: 1.5;
}

/* locationlist */
.toyoshiki_container .locationlist {
	font-size: 16px;
	line-height: 1.5;
}
.toyoshiki_container .locationlist dt {
	font-weight: bold;
}
.toyoshiki_container .locationlist dt::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-right: 6px;
	background-color: #888;
	vertical-align: baseline;
}
.toyoshiki_container .locationlist .locationlist_item {
	margin-top: 25px;
}
.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: 16px;
	line-height: 1.5;
}
.toyoshiki_container .locationitem .locationitem_key {
	padding-right: 8px;
	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: 2px;
	background-image: url("../img/top/line_dot.png");
	background-size: 4px 2px;
	background-repeat: repeat-x;
	z-index: -1;
}
.toyoshiki_container .locationitem .locationitem_value > span {
	padding-left: 8px;
	background-color: #fffcf2;
}

/* intro */
.toyoshiki_container .intro {
	padding: 30px;
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 3px 6px 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 10px;
	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 10px;
	color: #006a7d;
	font-size: 14px;
}
.toyoshiki_container .intro .intro_entitle::after {
	content: "";
	width: 32px;
	height: 6px;
	background-image: url("../img/common/img_title_parts.png");
	background-size: contain;
	background-repeat: no-repeat;
}
.toyoshiki_container .intro .intro_jatitle {
	font-size: 24px;
}
.toyoshiki_container .intro .intro_body {
	margin-top: 20px;
}
.toyoshiki_container .intro .intro_text {
	font-size: 16px;
	line-height: 1.5;
}
.toyoshiki_container .intro .intro_btn {
	margin-top: 10px;
	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: 8px;
	padding-bottom: 8px;
}
.toyoshiki_container .btn_transition::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #006a7d;
	border-radius: 2px;
	opacity: 0;
	-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 6px;
	font-size: 16px;
	line-height: 1;
}
.toyoshiki_container .btn_transition .btn_transition_text::after {
	content: "";
	width: 16px;
	height: 7px;
	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;
}
.toyoshiki_container .btn_transition:hover {
	text-decoration: none;
}
.toyoshiki_container .btn_transition:hover::before {
	width: 100%;
	opacity: 1;
}
.toyoshiki_container .btn_transition:hover .btn_transition_text::after {
	-webkit-transform: translateX(4px);
	        transform: translateX(4px);
}

/* 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 10px;
	width: 100%;
	padding: 20px 10px;
	background-color: #464646;
	border-radius: 12px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.toyoshiki_container .btn_search .btn_search_text {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.04em;
}
.toyoshiki_container .btn_search:hover {
	text-decoration: none;
	background-color: #006a7d;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
	        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
	-webkit-transform: translateY(-3px);
	        transform: translateY(-3px);
}