/*
Theme Name: unpc-light-child
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.4
Version: 6.7.0
License: GNU General Public License v2 or later
License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
Template: unpc-light
Text Domain: unpc-light-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/*------------------------------
  CSSリセット
------------------------------*/

	html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form {
		font-size: inherit;
		margin: 0;
		padding: 0;
	}

	body {
		font-family:'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		    overflow-x: hidden;
	}

	table {
		border-collapse: collapse;
		empty-cells: show;
	}

	th, td {
		text-align: left;
		vertical-align: top;
	}

	li {
		list-style-type: none;
	}

	img {
		border-style: none;
		vertical-align: bottom;
	}

	b, strong {
		font-style: normal;
		font-weight: bold;
	}

	em, small {
		font-style: normal;
		font-weight: normal;
	}

	address {
		font-style: normal;
		font-weight: normal;
	}

/* html5要素 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

a:hover {
	color: inherit !important;
	text-decoration: none !important;
/* 	border-bottom: none !important; */
	opacity: 0.8;
}

/*------------------------------
  clearfix
------------------------------*/

	.clearfix:after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		min-height: 1px;
	}


/*------------------------------
  image replace
------------------------------*/

	.imgReplace {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		line-height: 1px;
	}

/*------------------------------
  utility
------------------------------*/

	.di { display: inline; }

	.wd25p { width: 25%; }
	.wd33p { width: 33%; }
	.wd50p { width: 50%; }

	.mt00 { margin-top: 0 !important; }
	.mt05 { margin-top: 5px !important; }
	.mt10 { margin-top: 10px !important; }
	.mt15 { margin-top: 15px !important; }
	.mt20 { margin-top: 20px !important; }
	.mt25 { margin-top: 25px !important; }
	.mt30 { margin-top: 30px !important; }
	.mt35 { margin-top: 35px !important; }
	.mt40 { margin-top: 40px !important; }
	.mt45 { margin-top: 45px !important; }
	.mt50 { margin-top: 50px !important; }
	.mt55 { margin-top: 55px !important; }
	.mt60 { margin-top: 60px !important; }
	.mt65 { margin-top: 65px !important; }
	.mt70 { margin-top: 60px !important; }
	.mt75 { margin-top: 75px !important; }
	.mt80 { margin-top: 80px !important; }
	.mt85 { margin-top: 85px !important; }
	.mt90 { margin-top: 90px !important; }
	.mt95 { margin-top: 95px !important; }
	.mt100 { margin-top: 100px !important; }

	.mr00 { margin-right: 0 !important; }
	.mr05 { margin-right: 5px !important; }
	.mr10 { margin-right: 10px !important; }
	.mr15 { margin-right: 15px !important; }
	.mr20 { margin-right: 20px !important; }
	.mr25 { margin-right: 25px !important; }
	.mr30 { margin-right: 30px !important; }
	.mr35 { margin-right: 35px !important; }
	.mr40 { margin-right: 40px !important; }
	.mr45 { margin-right: 45px !important; }
	.mr50 { margin-right: 50px !important; }
	.mr55 { margin-right: 55px !important; }
	.mr60 { margin-right: 60px !important; }
	.mr65 { margin-right: 65px !important; }
	.mr70 { margin-right: 70px !important; }
	.mr75 { margin-right: 75px !important; }
	.mr80 { margin-right: 80px !important; }
	.mr85 { margin-right: 85px !important; }
	.mr90 { margin-right: 90px !important; }
	.mr95 { margin-right: 95px !important; }
	.mr100 { margin-right: 100px !important; }

	.mb00 { margin-bottom: 0 !important; }
	.mb05 { margin-bottom: 5px !important; }
	.mb10 { margin-bottom: 10px !important; }
	.mb15 { margin-bottom: 15px !important; }
	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb35 { margin-bottom: 35px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb45 { margin-bottom: 45px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb55 { margin-bottom: 55px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb65 { margin-bottom: 65px !important; }
	.mb70 { margin-bottom: 60px !important; }
	.mb75 { margin-bottom: 75px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb85 { margin-bottom: 85px !important; }
	.mb90 { margin-bottom: 90px !important; }
	.mb95 { margin-bottom: 95px !important; }
	.mb100 { margin-bottom: 100px !important; }

	.ml00 { margin-left: 0 !important; }
	.ml05 { margin-left: 5px !important; }
	.ml10 { margin-left: 10px !important; }
	.ml15 { margin-left: 15px !important; }
	.ml20 { margin-left: 20px !important; }
	.ml25 { margin-left: 25px !important; }
	.ml30 { margin-left: 30px !important; }
	.ml35 { margin-left: 35px !important; }
	.ml40 { margin-left: 40px !important; }
	.ml45 { margin-left: 45px !important; }
	.ml50 { margin-left: 50px !important; }
	.ml55 { margin-left: 55px !important; }
	.ml60 { margin-left: 60px !important; }
	.ml65 { margin-left: 65px !important; }
	.ml70 { margin-left: 60px !important; }
	.ml75 { margin-left: 75px !important; }
	.ml80 { margin-left: 80px !important; }
	.ml85 { margin-left: 85px !important; }
	.ml90 { margin-left: 90px !important; }
	.ml95 { margin-left: 95px !important; }
	.ml100 { margin-left: 100px !important; }

	.pa00 { padding: 0 !important; }
	.pa05 { padding: 5px !important; }
	.pa10 { padding: 10px !important; }

	.pt00 { padding-top: 0 !important; }
	.pt05 { padding-top: 5px !important; }
	.pt10 { padding-top: 10px !important; }
	.pt15 { padding-top: 15px !important; }
	.pt20 { padding-top: 20px !important; }
	.pt25 { padding-top: 25px !important; }
	.pt30 { padding-top: 30px !important; }
	.pt35 { padding-top: 35px !important; }
	.pt40 { padding-top: 40px !important; }
	.pt45 { padding-top: 45px !important; }
	.pt50 { padding-top: 50px !important; }
	.pt55 { padding-top: 55px !important; }
	.pt60 { padding-top: 60px !important; }
	.pt65 { padding-top: 65px !important; }
	.pt70 { padding-top: 70px !important; }
	.pt75 { padding-top: 75px !important; }
	.pt80 { padding-top: 80px !important; }
	.pt85 { padding-top: 85px !important; }
	.pt90 { padding-top: 90px !important; }
	.pt95 { padding-top: 95px !important; }
	.pt100 { padding-top: 100px !important; }
	.pt105 { padding-top: 105px !important; }
	.pt110 { padding-top: 110px !important; }
	.pt115 { padding-top: 115px !important; }
	.pt120 { padding-top: 120px !important; }
	.pt140 { padding-top: 140px !important; }


	.pr00 { padding-right: 0 !important; }
	.pr05 { padding-right: 5px !important; }
	.pr10 { padding-right: 10px !important; }
	.pr15 { padding-right: 15px !important; }
	.pr20 { padding-right: 20px !important; }
	.pr25 { padding-right: 25px !important; }
	.pr30 { padding-right: 30px !important; }
	.pr35 { padding-right: 35px !important; }
	.pr40 { padding-right: 40px !important; }
	.pr45 { padding-right: 45px !important; }
	.pr50 { padding-right: 50px !important; }
	.pr55 { padding-right: 55px !important; }
	.pr60 { padding-right: 60px !important; }
	.pr65 { padding-right: 65px !important; }
	.pr70 { padding-right: 70px !important; }
	.pr75 { padding-right: 75px !important; }
	.pr80 { padding-right: 80px !important; }
	.pr85 { padding-right: 85px !important; }
	.pr90 { padding-right: 90px !important; }
	.pr95 { padding-right: 95px !important; }
	.pr100 { padding-right: 100px !important; }

	.pb00 { padding-bottom: 0 !important; }
	.pb05 { padding-bottom: 5px !important; }
	.pb10 { padding-bottom: 10px !important; }
	.pb15 { padding-bottom: 15px !important; }
	.pb20 { padding-bottom: 20px !important; }
	.pb25 { padding-bottom: 25px !important; }
	.pb30 { padding-bottom: 30px !important; }
	.pb35 { padding-bottom: 35px !important; }
	.pb40 { padding-bottom: 40px !important; }
	.pb45 { padding-bottom: 45px !important; }
	.pb50 { padding-bottom: 50px !important; }
	.pb55 { padding-bottom: 55px !important; }
	.pb60 { padding-bottom: 60px !important; }
	.pb65 { padding-bottom: 65px !important; }
	.pb70 { padding-bottom: 70px !important; }
	.pb75 { padding-bottom: 75px !important; }
	.pb80 { padding-bottom: 80px !important; }
	.pb85 { padding-bottom: 85px !important; }
	.pb90 { padding-bottom: 90px !important; }
	.pb95 { padding-bottom: 95px !important; }
	.pb100 { padding-bottom: 100px !important; }

	.pl00 { padding-left: 0 !important; }
	.pl05 { padding-left: 5px !important; }
	.pl10 { padding-left: 10px !important; }
	.pl15 { padding-left: 15px !important; }
	.pl20 { padding-left: 20px !important; }
	.pl25 { padding-left: 25px !important; }
	.pl30 { padding-left: 30px !important; }
	.pl35 { padding-left: 35px !important; }
	.pl40 { padding-left: 40px !important; }
	.pl45 { padding-left: 45px !important; }
	.pl50 { padding-left: 50px !important; }
	.pl55 { padding-left: 55px !important; }
	.pl60 { padding-left: 60px !important; }
	.pl65 { padding-left: 65px !important; }
	.pl70 { padding-left: 70px !important; }
	.pl75 { padding-left: 75px !important; }
	.pl80 { padding-left: 80px !important; }
	.pl85 { padding-left: 85px !important; }
	.pl90 { padding-left: 90px !important; }
	.pl95 { padding-left: 95px !important; }
	.pl100 { padding-left: 100px !important; }
	.pl140 { padding-left: 140px !important; }
	.pl200 { padding-left: 200px !important; }

	.indent {
		padding-left: 1em;
		text-align: left;
		text-indent: -1em;
	}

	.fr { float: right; }
	.fl {
	float: left;
}

	.ac { text-align: center !important; }
	.ar { text-align: right !important; }
	.al { text-align: left !important; }

/*******************************
  共通設定
*******************************/

	body {
		color: #444;
/* 		min-width:1250px; */
	}

	a {
		color: #444;
		text-decoration: none;
	}

	a:hover {
	}

	.ahover2 {
		display: inline-block;
		-ms-filter: "alpha(opacity=100)";
		opacity: 1;
		transition: opacity .5s ease;
	}
	.ahover2:hover {
		-ms-filter: "alpha(opacity=80)";
		opacity: .8;
	}

.two-column #container {
	width: 100% !important;
	max-width: 1200px !important;
}
#secondary {
	display: none;
}
#content #flow h3:before {
	content: none;
}
#flow {
	max-width: 994px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.header_left {
		padding-left: 15px;
	}
   #flow {
        width: 100%;
        padding: 10px 0;
    }
	.ahover2 {
    text-align: center;
    margin: 0 auto;
    display: block;
}
}
#flow .pageTitle {
		font-size: 30px !important;
		line-height: 40px;
	width: fit-content;
	margin-left: auto !important;
	margin-right: auto !important;
	border-left: none;
	padding: 0;
	position:relative;
	}
#flow .pageTitle:after {
	content: "";
	position: absolute;
	background: #9c9592;
	width: 50%;
	height: 5px;
	left: 50%;
	transform: translatex(-50%);
	bottom: -15px;
}
	#flow #block01,
	#flow #block02 {
		width: 468px;
		margin: 0 0 180px;
		padding: 45px 30px 25px;
		float: left;
	}
	#flow #block01 {
		margin-right: 58px;
		background: #a1d5e6;
	}
	#flow #block02 {
		background: #f3c076;
	}
	#flow #block01 .title,
	#flow #block02 .title {
		margin: 0 0 25px;
		font-size: 30px;
		line-height: 47px;
		text-align: center;
	}
	#flow #block01 .title span,
	#flow #block02 .title span {
		display: inline-block;
		background: 0 0 no-repeat;
		background-size: contain;
	}
	#flow #block01 .title {
		color: #247a96;
	}
	#flow #block01 .title span {
		padding: 0 0 0 75px;
		background-image: url(/wordpress/wp-content/uploads/2025/09/blt-01.png);
	}
	#flow #block02 .title {
		color: #df6e30;
	}
	#flow #block02 .title span {
		padding: 0 0 0 60px;
		background-image: url(/wordpress/wp-content/uploads/2025/09/blt-02.png);
	}
	#flow #block01 p,
	#flow #block02 p {
		font-size: 14px;
		line-height: 20px !important;
	}
	#flow #block01 .lead + p {
		margin: 0 0 25px !important;
	}
	#flow #block02 .lead + p {
		margin: 0 0 55px !important;
	}
	#flow #block01 .lead,
	#flow #block02 .lead {
		margin: 0 0 15px !important;
		font-size: 22px;
		line-height: 30px !important;
	}
	#flow #block01 .merit,
	#flow #block02 .merit,
	#flow #block01 .demerit,
	#flow #block02 .demerit {
		padding: 10px;
		background: #fff;
	}
	#flow #block01 .merit,
	#flow #block02 .merit {
		min-height: 198px;
		margin: 0 0 20px;
	}
	#flow #block01 .demerit,
	#flow #block02 .demerit {
		min-height: 222px;
		margin: 0 0 35px;
	}
	#flow #block01 .merit h4,
	#flow #block02 .merit h4,
	#flow #block01 .demerit h4,
	#flow #block02 .demerit h4 {
		margin: 0 0 10px;
		border-radius: 2px;
		font-size: 22px;
		line-height: 44px;
		text-align: center;
	}
	#flow #block01 .merit h4,
	#flow #block02 .merit h4 {
		background: #daeef5;
		color: #247a96;
	}
	#flow #block01 .demerit h4,
	#flow #block02 .demerit h4 {
		background: #f5dae0;
		color: #c10606;
	}
	#flow #block01 ul,
	#flow #block02 ul {
		font-size: 14px;
		line-height: 24px;
	}
	#flow #block01 li,
	#flow #block02 li {
		padding: 0 0 0 40px;
		position: relative;
	}
	#flow #block01 .merit li:before,
	#flow #block02 .merit li:before,
	#flow #block01 .demerit li:before,
	#flow #block02 .demerit li:before {
		font-weight: bold;
		position: absolute;
		left: 5px;
	}
	#flow #block01 .merit li:before,
	#flow #block02 .merit li:before {
		content: '○';
		color: #34839d;
	}
	#flow #block01 .demerit li:before,
	#flow #block02 .demerit li:before {
		content: '×';
		color: #cb3c3e;
	}
	#flow #block01 a,
	#flow #block02 a {
		display: block;
		padding: 23px 0;
		background: 50% 50% no-repeat;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
		color: #fff;
		font-size: 22px;
		line-height: 32px;
		font-weight: bold;
	}
	#flow #block01 a {
		padding-left: 150px;
		background-color: #247a96;
		background-image: url(/wordpress/wp-content/uploads/2025/09/blt-03.png);
	}
	#flow #block02 a {
		padding-left: 140px;
		background-color: #df6e30;
		background-image: url(/wordpress/wp-content/uploads/2025/09/blt-04.png);
	}
	#flow #block03 .sectionTitle,
	#flow #block04 .sectionTitle {
		margin: 0 0 55px;
		border-bottom: 3px solid #cdcdcd;
		font-size: 30px;
		line-height: 40px;
	}
	#flow #block03 .sectionTitle span,
	#flow #block04 .sectionTitle span {
		display: inline-block;
		width: 250px;
		margin: 0 0 -8px;
		border-bottom: 3px solid;
		padding: 0 0 8px;
	}
	#flow #block03 .sectionTitle span {
		border-bottom-color: #69b2ca;
	}
	#flow #block04 .sectionTitle span {
		border-bottom-color: #df6e30;
	}
	#flow #block03 li,
	#flow #block04 li {
		margin: 0 0 4px;
		padding: 16px 0 0;
		background: url(/wordpress/wp-content/uploads/2025/09/blt-07.png) 52px -150px no-repeat;
	}
	#flow #block03 ol li:first-child,
	#flow #block04 ol li:first-child {
		margin: 0;
		padding: 0;
		background: url(/wordpress/wp-content/uploads/2025/09/blt-08.png) 68px 100% repeat-y;
	}
	#flow #block03 .panel,
	#flow #block04 .panel {
		padding: 6px 6px 6px 182px;
		position: relative;
		background: url(/wordpress/wp-content/uploads/2025/09/blt-07.png) 52px -166px no-repeat;
		color: #fff;
	}
	#flow #block03 ol li:first-child .panel,
	#flow #block04 ol li:first-child .panel {
		background-image: none;
	}
	#flow #block03 .panel {
		background-color: #75bbd2;
	}
	#flow #block04 .panel {
		background-color: #e7a44d;
	}
	#flow #block03 .panel .step,
	#flow #block04 .panel .step {
		position: absolute;
		top: -15px;
		left: -6px;
	}
	#flow #block03 .panel h4,
	#flow #block04 .panel h4 {
		width: 176px;
		margin: -18px 0 0;
		position: absolute;
		top: 50%;
		left: 6px;
		font-size: 30px;
		line-height: 36px;
		text-align: center;
	}
	#flow #block03 .panel .line2,
	#flow #block04 .panel .line2 {
		margin: -36px 0 0;
	}
	#flow #block03 .panel .inner,
	#flow #block04 .panel .inner {
		margin: 4px 0;
		border-left: 2px solid #fff;
	}
	#flow #block03 .panel .text,
	#flow #block04 .panel .text {
		width: 522px;
		padding: 15px 20px 0;
		float: left;
		font-size: 16px;
		line-height: 24px;
	}
	#flow #block03 .panel h5,
	#flow #block04 .panel h5 {
		margin: 0 0 20px;
		font-size: 24px;
		line-height: 26px;
	}
	#flow #block03 .panel .image img,
	#flow #block04 .panel .image img {
		border: 4px solid #fff;
		float: left;
	}
	#flow #block03 .nav,
	#flow #block04 .nav {
		padding: 45px 0 40px 185px;
		margin-bottom: 0;
	}
	#flow #block03 .nav li,
	#flow #block04 .nav li {
		padding: 0;
		background: none;
		float: left;
	}
	#flow #block03 .nav .satei,
	#flow #block04 .nav .satei {
		width: 350px;
		margin: 0 45px 0 0;
	}
	#flow #block03 .nav .eigyo,
	#flow #block04 .nav .eigyo {
		width: 385px;
		margin: 0;
	}
	#flow #block03 .nav a,
	#flow #block04 .nav a {
		display: block;
		padding: 24px 0;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		line-height: 32px;
	}
	#flow #block03 .nav .satei a,
	#flow #block04 .nav .satei a {
		padding-left: 90px;
		background: #df6e30 url(/wordpress/wp-content/uploads/2025/09/blt-05.png) 30px 50% no-repeat;
	}
	#flow #block03 .nav .eigyo a,
	#flow #block04 .nav .eigyo a {
		padding-left: 85px;
		background: #6cc257 url(/wordpress/wp-content/uploads/2025/09/blt-06.png) 25px 50% no-repeat;
	}
	#flow .sNav {
		padding: 0 0 0 100px;
	}
	#flow .sNav li {
		float: left;
	}
	#flow .sNav .kaitori,
	#flow .sNav .chukai {
		width: 405px;
		margin: 0 40px 0 0;
	}
	#flow .sNav .satei {
		width: 350px;
	}
	#flow .sNav a {
		display: block;
		padding: 24px 0;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		line-height: 32px;
	}
	#flow .sNav .kaitori a {
		padding-left: 140px;
		background: #df6e30 url(/wordpress/wp-content/uploads/2025/09/blt-04.png) 70px 50% no-repeat;
	}
	#flow .sNav .chukai a {
		padding-left: 150px;
		background: #247a96 url(/wordpress/wp-content/uploads/2025/09/blt-03.png) 65px 50% no-repeat;
	}
	#flow .sNav .satei a {
		padding-left: 90px;
		background: #df6e30 url(/wordpress/wp-content/uploads/2025/09/blt-05.png) 35px 50% no-repeat;
	}

@media screen and (max-width: 767px) {
	#flow #block01 .lead, #flow #block02 .lead {
    font-size: 18px;
}
	#flow .pageTitle {
    margin-bottom: 40px !important;
}

#flow #block01, #flow #block02 {
    width: 100%;
    padding: 15px 10px 15px;
    margin: 0;
}

#flow #block01 .merit, #flow #block02 .merit {min-height: auto;}

#flow #block01 .demerit, #flow #block02 .demerit {
    min-height: auto;
}

#flow #block01 a {
    padding-left: 50px;
	background-size: 90%;
}

#flow #block02 a {
    padding-left: 50px;
}

section#block03 {
    margin-top: 50px;
}

#flow #block03 .sectionTitle, #flow #block04 .sectionTitle {
    margin: 0 0 25px;
}

#flow #block03 .panel .step, #flow #block04 .panel .step {
    width: 40px;
}

#flow #block03 .panel, #flow #block04 .panel {
    padding-left: 60px;
}

#flow #block03 .panel h4, #flow #block04 .panel h4 {
    width: auto;
    font-size: 22px;
    left: 11px;
}

#flow #block03 .panel .text, #flow #block04 .panel .text {
    width: auto;
	        padding: 25px 20px 0;
}

#flow #block03 .panel .image img, #flow #block04 .panel .image img {
    margin: 5px;
    width: calc(100% - 10px);
}

#flow #block03 .nav, #flow #block04 .nav {
    padding: 20px 0 20px 60px;
}

#flow #block03 .nav .satei, #flow #block04 .nav .satei {
    width: 100%;
    margin: 0;
}

#flow #block03 .nav .satei a, #flow #block04 .nav .satei a {
    font-size: 16px;
    padding-left: 20px;
	background-size: 20px 20px !important;
	    background: #df6e30 url(/wordpress/wp-content/uploads/2025/09/blt-05.png) 10px 50% no-repeat;
}

#flow #block03 .nav .eigyo, #flow #block04 .nav .eigyo {
    width: 100%;
}

#flow #block03 .nav .eigyo a, #flow #block04 .nav .eigyo a {
    font-size: 16px;
	padding-left: 30px;
	background-size: 20px 20px !important;
	background: #6cc257 url(/wordpress/wp-content/uploads/2025/09/blt-06.png) 10px 50% no-repeat;
}

#flow #block03 .panel h4, #flow #block04 .panel h4 {
    writing-mode: vertical-rl; /* 縦書き（右から左） */
    text-orientation: mixed;   /* 日本語の縦書き対応 */
}
#flow #block03 .panel .line2 br, #flow #block04 .panel .line2 br {
    display: none;
}
	#flow .sNav {
    padding: 0;
}

#flow .sNav .kaitori, #flow .sNav .chukai {
    width: 100%;
    margin: 0;
}

#flow .sNav .kaitori a {
    padding-left: 40px;
    background: #df6e30 url(/wordpress/wp-content/uploads/2025/09/blt-04.png) 15px 50% no-repeat;
}
	
	#flow .sNav .satei {
		width: 100%;
	}

#flow .sNav .satei a {
    background: #df6e30 url(/wordpress/wp-content/uploads/2025/09/blt-05.png) 28px 50% no-repeat;
/* 	background-size: 80%; */
}

#flow .sNav .chukai a {
    background: #247a96 url(/wordpress/wp-content/uploads/2025/09/blt-03.png) 18px 50% no-repeat;
    padding-left: 20px;
	background-size: 80%;
}
li.chukai {
    padding: 0 !important;
}

li.satei {
    padding: 10px 0 !important;
}

li.kaitori {
    padding: 10px 0 !important;
}
#flow .sNav a {
    font-size: 18px;
}
li.satei {
    background: none !important;
}
}

/* Basic */
#main {
  	padding: 0 15px !important;
	padding-top: 0 !important;
}
#content h1 {
	font-size: 20px;
/*     border-bottom: 1px dotted #CCC; */
	border-bottom: none;
    border-left: 5px solid #666;
    margin: 0 0 20px;
    padding: 5px 0 5px 10px;
}
#content h1:after {
	content: none;
}

#content h2, #content h3 {
    font-size: 18px !important;
    /*     border-bottom: 1px dotted #CCC; */
	border-bottom: none;
    border-left: 5px solid #666;
    margin: 0 0 20px;
    padding: 5px 0 5px 10px;
}

@media (max-width: 580px) {
	#content h1 {
		font-size: 18px;
	}
	#content h2, #content h3 {
		font-size: 16px !important;
	}
}

.btn, input[type="submit"] {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
	display: flex;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	height: 45px;
	border-radius: 5px;
	background-color: #726964;
	color: #fff !important;
	border: none;
	font-size: 16px;
	margin-top: 20px;
	cursor: pointer;
}

.btn:hover, input[type="submit"]:hover {
	color: #fff !important;
	background-color: #726964 !important;
	opacity: 0.8;
}

.btn.btn-white {
	border: 2px solid #726964;
	color: #726964 !important;
	background-color: #fff !important;
}
.btn.btn-white:hover {
	border: 2px solid #726964;
	color: #726964 !important;
	background-color: #fff !important;
}

.widget {
	margin-bottom: 60px;
}

@media (max-width: 580px) {
	.btn {
		max-width: none;
	}
	.widget {
		margin-bottom: 20px;
	}
}

.widget h2 {
	margin-bottom: 0;
}

/* Rentals */
#rentals h4 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #000;
}
#rentals p {
	font-size: 16px;
	line-height: 1.6em;
    margin-bottom: 0 !important;
}
#main_detail_image01, #main_detail_image02 {
	max-width: 635px;
	margin: 0 auto;
}
#main_detail_image01 {
	margin-bottom: 20px;
}
#main_detail_image01 img, #main_detail_image02 img {
	margin-bottom: 15px;
}
#rentals_text {
	margin-bottom: 20px;
}

/* Contact */
.wpcf7-form {
	max-width: 600px;
	margin: 0 auto;
	font-size: 16px;
}
.wpcf7-form label {
	display: block;
}

.wpcf7-form label .req {
	color: #fff !important;
	background: red;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 3px;
	margin-left: 5px;
}

.wpcf7-form input[type="password"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input#s {
    margin: 0 0 5px;
    width: 100%;
    padding: 4px 8px;
	height: 45px;
	border-radius: 5px;
	font-size: 16px !important;
}

.wpcf7-form select {
    margin: 0 0 5px;
    width: 100%;
    padding: 4px 8px;
	height: 45px;
	font-size: 16px !important;
	border-radius: 5px;
	background: #fff;
}

.wpcf7-form textarea {
    margin: 0 0 5px;
    width: 100%;
    padding: 4px 8px;
	resize: none;
	font-size: 16px !important;
	border-radius: 5px;
}

.wpcf7-form-control-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.wpcf7-not-valid-tip {
	width: 100%;
}
.wpcf7-checkbox {
	margin: 0 auto;
}

.wpcf7-checkbox .wpcf7-list-item {
	margin-left: 0 !important;
}

/* Footer */
/* Footer Menu Styling */
#menu-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f7f5f4; /* light gray background */
}

#menu-footer-menu > li {
  border-bottom: 1px solid #ddd;
  position: relative;
}

#menu-footer-menu > li:last-child {
  border-bottom: none;
}

#menu-footer-menu a {
  display: block;
  padding: 14px 40px 14px 0;
  color: #333;
  text-decoration: none;
  font-size: 16px;
}

#menu-footer-menu a:hover {
/*   background: #eee; */
}

/* Add arrow to the right */
#menu-footer-menu > li > a::after {
  content: "›";
  position: absolute;
  right: 0;
  font-size: 1.5em;
  color: #000;
	line-height: 1;
}

/* Submenu */
#menu-footer-menu .sub-menu {
  display: none; /* hidden by default */
  background: #f0f0f0;
  margin: 0;
  padding: 0;
}

#menu-footer-menu li.menu-item-has-children:hover > .sub-menu {
  display: block; /* show on hover */
}

#menu-footer-menu .sub-menu li a {
  padding: 12px 16px 12px 0;
  font-size: 16px;
}

#colophon {
	background: #f7f5f4;
	padding: 0;
}

#footer-widget-area {
	padding-left: 15px;
	padding-right: 15px;
}

#colophon p.copybox {
	text-align: center;
	color: #fff;
	background: #9e9895;
	font-size: 12px;
}

/* header */
#brand {
	margin-bottom: 0;
}
#brand hgroup {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#brand hgroup > div, #logo-widget-area {
	display: flex;
	align-items: center;
}

#brand hgroup .wp-block-image {
	margin-bottom: 0;
}

#brand hgroup:after {
	position: absolute;
}

#brand hgroup #logo-widget-area .widget {
	margin-bottom: 0;
}

#site-navigation {
	background: #9e9895;
	font-size: 14px;
	border-top: none;
    border-bottom: none;
}

#site-navigation .nav-menu {
	display: flex;
	justify-content: center;
}

#site-navigation .nav-menu li {
	float: none;
}

#site-navigation .nav-menu li a:hover {
	color: #fff !important;
}
#site-navigation ul li:hover>ul {
	width: 100%;	
}
.contact_tel {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.contact_tel svg {
	height: 30px;
	width: 30px;
}
@media (max-width: 768px) {
	#brand hgroup {
		padding-left: 15px;
		padding-right: 15px;
	}
	#site-navigation {
		font-size: 13px;
		border-top: none;
		border-bottom: none;
	}
}

@media (max-width: 580px) {
	.main-navigation ul.nav-menu.toggled-on {
		display: inline-block;
		left: 0 !important;
		opacity: 1 !important;
	}
	.header_left {
		width: 50%;
	}
	#brand {
/* 		padding-left: 15px; */
		padding-right: 0;
		height: 62px;
		border-bottom: 2px solid #ccc;
	}
	#brand hgroup {
		padding: 0;
	}
	.header_right {
		display: flex;
/* 		gap: 10px; */
	}
	.contact_tel {
		margin-bottom: 0;
	}
	.contact_tel svg {
		height: 50px;
		width: 50px;
		margin-top: 10px;
	}
	#site-navigation .menu-toggle {
		display: none;
	}
	.contact_tel span, .contact_text {
		display: none;
	}
	#site-navigation .nav-menu {
		position: fixed;
		top: 0;
		left: -100vw;
		flex-direction: column;
		background: #f7f5f4;
		height: 100dvh;
		z-index: 10;
		width: 70%;
		max-width: 290px !important;
		transition: all 0.6s;
		opacity: 0;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); 
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	}
	#site-navigation .nav-menu li a {
		color: #000;
		font-size: 16px;
	}
	.menu-toggle {
		background: #fff;
	}
	.menu-toggle .icon-bars {
		fill: #645954;
	}
	.menu-toggle.toggled-on {
		background: #f7f5f4;
	}
	.menu-toggle.toggled-on .icon-bars {
		fill: #000;
	}
}

/* Company */
.index_section_4_div_1 {
    margin: 0 auto;
    width: 800px;
	font-size: 16px;
}

@media screen and (max-width:1000px) {
    .index_section_4_div_1 {
        width: 100%;
		font-size: 14px;
    }
}

.index_section_4_table_1 {
/*     font-family: MyFont_1; */
    margin: 0 auto;
}

.index_section_4_table_1 td {
    padding: 10px;
    vertical-align: top;
    width: 200px;
	font-size: 16px !important;
}

@media screen and (max-width:580px) {
    .index_section_4_table_1 td {
        width: 130px;
    }
}

.index_section_4_table_1 td+td {
    padding: 10px 0 15px 20px;
    width: auto;
	border-left: 1px solid #000;
}

/* TOP */
/* .widget_media_gallery {
	height: 500px;
	overflow: hidden;
} */
/* .widget_media_gallery .wp-block-gallery {
	top: 90%;
	transform: translatey(-100%);
} */
#content .slick-dots li button:before {
	font-size: 15px;
}
#content .slick-dots {
	bottom: -30px;
}
#content .slick-dots li {
	min-width: 0;
}

#content .slick-dots li:only-child {
  display: none;
}

#block-18 {
		display: none;	
	}

#block-46 {
	width: 100dvw;
	margin-left: calc(-50dvw + 50%);
}

@media screen and (max-width:580px) {
	#block-18 {
		display: block;	
	}
	#block-46 {
		display: none;	
	}
	.widget_media_gallery {
		height: auto;
		width: calc(100% + 30px);
    	margin-left: -15px;
	}
	.widget_media_gallery .wp-block-gallery {
		top: initial;
		transform: initial;
	}
}

/* map */
#map {
  height: 500px;
/* 	background-image: url(https://www.okayama-mansion.com/wordpress/wp-content/uploads/2025/10/map-overlay.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; */
}

@media screen and (max-width:580px) {
	#map {
		height: 310px;
	}
}

.gmnoprint {
/*  opacity: 0; */
}

#map > div {
/*   background-color: transparent !important; */
}

/* area list */
.form__line {
	margin-top: 20px;
	font-size: 18px;
}
.form__line label {
	display: flex;
	align-items: center;
	gap: 10px;
}
.form__line input {
	width: 22px;
	height: 22px;
}
.mansions {
  padding: 20px 0;
  margin-top: 0;
}

.mansions__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mansions__list li {
  width: calc((100% - 60px)/4);
  min-width: 280px;
}

.mansions__list li a {
	height: 100%;
	display: block;
}

.mansions__item {
  height: 100%;
  background: #fff;
  border-radius: 8px;
/*   box-shadow: 0 1px 4px rgba(0,0,0,0.1); */
  border: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mansions__item:hover {
/*   transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); */
	border: 1px solid rgba(0,0,0,0.15);
}

.mansions__item .image {
  background: #f5f5f5;
  text-align: center;
/*   padding: 20px; */
	height: 180px;
	overflow: hidden;
	position: relative;
}

.mansions__item .image img {
  max-width: 100%;
  height: auto;
  display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.mansions__item .title {
  padding: 12px 16px 0;
}

.mansions__item .title p:first-child {
  font-size: 16px;
  color: #555;
  margin: 0 0 4px;
}

.mansions__item .title p:last-child {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: #000;
}

.mansions__item .text {
  padding: 12px 16px 16px;
  font-size: 16px;
  color: #333;
}

.mansions__item .text dl {
  margin: 4px 0;
	display: flex;
}

.mansions__item .text dt {
	width: 23%;
	flex-shrink: 0;
}

.mansions__item .text dd {
  margin-left: 4px;
  color: #666;
  width: 77%;
  white-space: nowrap;       /* force single line */
  overflow: hidden;          /* hide overflow */
  text-overflow: ellipsis;   /* add ... */
}

@media (max-width: 580px) {
	.mansions__list {
		gap: 15px;
	}
	.mansions__item .image {
		height: 120px;
	}
	.mansions__list li {
	  width: calc((100% - 15px)/2);
		min-width: 0;
	}
	.mansions__item .title p:first-child {
	  font-size: 14px;
	}

	.mansions__item .title p:last-child {
	  font-size: 14px;
	}
	.mansions__item .title {
	  padding: 10px 10px 0;
	}
	.mansions__item .text {
		font-size: 14px;
		padding: 10px;
	}
	.mansions__item .text dt {
		width: 30%;
		flex-shrink: 0;
	}

	.mansions__item .text dd {
	  width: 70%;
	}

}

.slideMansion  .slick-list .slick-track {
  margin: 0;
	display: flex;
	align-items: stretch;
	gap: 10px;
	min-width: 100%;
}

.slideMansion  .slick-list .slick-slide {
  height: auto !important;
}

.slideMansion .slick-list {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/* knowledge */
.knowledge-pages-container {
	display: flex;
	gap: 30px;
}
.knowledge-page-block {
	width: calc((100% - 30px)/2)
}

.knowledge-page-block a {
	display: flex;
	gap: 20px;
}

.knowledge-image {
	width: 150px;
	height: 150px;
	flex-shrink: 0;
	background-position: center;
}

.knowledge-image {
	width: 120px;
	height: 120px;
	background-position: center;
	flex-shrink: 0;
	background-size: 150% 150%;
}

.knowledge-text .title {
	font-size: 18px;
	color: #000;
	padding-bottom:  20px;
	font-weight: bold;
}

.knowledge-text p:not(.title) {
	font-size: 16px;
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 580px) {
	.knowledge-image {
		width: 110px;
		height: 110px;
	}
	.knowledge-pages-container {
		flex-direction: column;
	}
	.knowledge-page-block {
		width: 100%;
	}
	.knowledge-text .title {
		padding-bottom:  10px;
		font-size: 14px;
	}
	.knowledge-text p:not(.title) {
		font-size: 14px;
	}
/* 	.knowledge-image {
		width: 120px;
		height: 120px;
	} */
}

.case-block {
  border: 1px solid #ddd;
  border-radius: 8px;
/*   padding: 12px; */
  margin-bottom: 20px;
  background: #fff;
  transition: box-shadow 0.3s ease;
	overflow: hidden;
width: calc((100% - 30px)/4);
	min-width: 280px;
}

.case-block:hover {
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.case-block a {
  text-decoration: none;
  color: inherit;
  display: block;
 
}

.case-block .image {
  width: 100%;
  height: 160px;
  overflow: hidden;
/*   border-radius: 6px; */
/*   margin-bottom: 10px; */
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-block .text {
	padding: 12px;
}

.case-block .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-block .date {
  font-size: 14px;
  color: #666;
  margin-bottom: 6px;
}

.case-block .title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 6px 0;
  line-height: 1.4;
}

.case-block .more {
  font-size: 14px;
  color: #0073aa;
  font-weight: 500;
  text-align: right;
}

.cases {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}

@media (max-width: 580px) {
	.case-block {
		width: 100%;
		min-width: 0;
	}
}

.posts-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 700px;
	margin: 0 auto;
}

.post-item {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid #eee;
  padding-bottom: 16px;
  text-decoration: none;
  color: inherit;
/*   transition: background 0.2s ease; */
}

/* .post-item:hover {
  background: #fafafa;
} */

.post-item .image {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.post-item .image img {
  width: 150%;
  height: 150%;
  object-fit: cover;
}

.post-item .content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.post-item .meta {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 6px;
}

.post-item .meta .category {
  background: #c5bbb5;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
}

.post-item .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0 !important;
}

.post-item .excerpt {
  font-size: 14px;
  color: #444;
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 580px) {
  .post-item .image {
    width: 110px;
	height: 110px;
  }
}

.qa-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
	  max-width: 700px;
	margin: 0 auto;
}

.qa-item {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.qa-item:hover {
  background: #fafafa;
}

.qa-question {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: bold;
}

.q-label {
  background: #444;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  padding: 2px 6px;
  flex-shrink: 0;
}

.q-text {
  flex: 1;
	font-size: 16px;
	font-weight: bold;
}

.qa-arrow {
  font-size: 0.9rem;
  transition: transform 0.3s ease;
}

.qa-item.open .qa-arrow {
  transform: rotate(180deg); /* flips ▼ into ▲ */
}

.qa-answer {
  margin-top: 10px;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  display: none;
}

.qa-item.open .qa-answer {
  display: block;
}

.qa-link {
  font-size: 14px;
  color: #0073aa;
  font-weight: 500;
  text-align: right;
	width: fit-content;
	display: block;
	margin: 14px 0 0 auto;
}

.archive-section {
	margin: 40px 0
}

.archive-section h4 {
	font-size: 16px;
	padding: 0 0 5px;
	border-bottom: 1px solid;
}
.archive-section ul {
	padding-left: 1.5em;
	padding-top: 10px;
	margin-bottom: 20px;
}
.archive-section li {
	list-style: disc;
	font-size: 16px;
	padding-bottom: 5px;
}

.gm-style-iw.gm-style-iw-c {
	max-height: none !important;
}
.gm-style-iw.gm-style-iw-c h4 {
	margin-bottom: 10px;
}

.gm-style-iw.gm-style-iw-c h4 + a {
  display: block;
  width: 100%;
  height: 120px;
  overflow: hidden; /* crops anything outside container */
}
.gm-style-iw.gm-style-iw-c h4 + a img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* scales and crops image to fill container */
  display: block;
	max-width: none !important;
}
.post-single {
	max-width: 700px;
    margin: 0 auto 40px;
}
.post-single .single-cat {
	font-weight: bold;
	background: #d3cdcb;
	padding: 3px 15px;
	border-radius: 20px;
	font-size: 16px;
	width: fit-content;
	margin-bottom: 10px;
}
.post-single .single-title {
	font-size: 22px !important;
	padding-left: 0 !important;
	border-left: none !important;
	margin-bottom: 10px !important;
}
.post-single dl {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.post-single .image {
	margin-top: 20px;
}
.post-single .text {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.5;
}
.post-single .btn {
	margin-top: 40px;
}

#content .post-mansion h1 {
	padding-left: 15px;
}
#content .post-mansion h1 span {
	font-size: 0.8em;
}
#content .post-mansion .image-gallery {
	height: 500px;
	margin-bottom: 60px;
}
#content .post-mansion .image-gallery ul img {
	height: 500px;
	margin: 0 auto;
	max-width: 100%;
}
#content .post-mansion .tags {
	max-width: 700px;
	margin: 0 auto 20px;
}
#content .post-mansion .tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
/* 	justify-content: center; */
}
#content .post-mansion .tags ul li {
	border: 1px solid #000;
	padding: 2px 10px;
	font-size: 14px;
	border-radius: 5px;
	font-weight: bold;
	color: #000;
}
#content .post-mansion h4 {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	max-width: 700px;
	margin: 0 auto 20px;
}

#content .post-mansion table {
	max-width: 700px;
	margin: 0 auto 40px;
}

#content .post-mansion table th {
	padding: 8px 15px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 20%;
	min-width: 120px;
	font-size: 16px !important;
	background: #f5f5f5;
}
#content .post-mansion table td {
	padding: 8px 15px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-size: 16px !important;
}
#content .post-mansion .btns {
	float: none;
	margin-bottom: 40px;
}
#content .post-mansion .related .mansions {
	padding-top: 0;
}
#content .post-mansion .text {
	padding-bottom: 20px;
	font-size: 16px;
	max-width: 700px;
	margin: 0 auto;
}
@media (max-width: 580px) {
	#content .post-mansion table th {
		padding: 8px 10px;
	}
	#content .post-mansion .btns .btn {
		max-width: none;
	}
	#content .post-mansion .image-gallery {
		height: auto
	}
	#content .post-mansion .image-gallery ul img {
		height: auto;
	}
}

.search__results.mod .search__item {
	width: calc((100% - 20px) / 3);
	display: flex;
	height: auto;
	flex-direction: column;
}

.search__results.mod .search__item .content_2 {
	flex-grow: 1;
	font-size: 16px;
	padding: 10px 16px;
}
.search__results.mod .search__item .content_2 h4:not(:first-child) {
	margin-top: 20px !important;
}

.search__item {
  height: 100%;
  background: #fff;
  border-radius: 8px;
/*   box-shadow: 0 1px 4px rgba(0,0,0,0.1); */
  border: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width: calc((100% - 30px) / 4);
  padding-bottom: 10px;
}

.search__item:hover {
/*   transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); */
  border: 1px solid rgba(0,0,0,0.15);
}

.search__item .image {
  background: #f5f5f5;
  text-align: center;
/*   padding: 20px; */
  height: 180px;
  overflow: hidden;
  position: relative;
}

.search__item .image img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.search__item .title {
  padding: 12px 16px 0;
}

.search__item .title p:first-child {
  font-size: 14px;
  color: #555;
  margin: 0 0 4px;
}

.search__item .title p:last-child {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: #000;
}

.search__item .text {
  padding: 12px 16px 16px;
  font-size: 16px;
  color: #333;
}

.search__item .text dl {
  margin: 4px 0;
  display: flex;
}

.search__item .text dt {
  width: 23%;
  flex-shrink: 0;
}

.search__item .text dd {
  margin-left: 4px;
  color: #666;
  width: 77%;
  white-space: nowrap;       /* force single line */
  overflow: hidden;          /* hide overflow */
  text-overflow: ellipsis;   /* add ... */
}
.search__item .btn {
	margin-top: 0;
	width: calc(100% - 20px);
	margin: 0 auto;
}

@media (max-width: 580px) {
	.search__results.mod .search__item {
		width: 100%;
	}
	.search__results.mod .search__item .content_2 {
	font-size: 14px;
	padding: 10px 10px 20px;
}
	
	.search__results.mod .search__item .content_2 h4 {
		margin-bottom: 10px !important;
		font-size: 16px !important;
	}
  .search__item {
	width: 100%;
  }
  .search__item .image {
    height: 200px
  }
  .search__item .title p:first-child {
    font-size: 14px;
  }

  .search__item .title p:last-child {
    font-size: 14px;
  }
  .search__item .title {
    padding: 10px 10px 0;
  }
  .search__item .text {
    font-size: 14px;
    padding: 10px;
  }
  .search__item .text dt {
    width: 30%;
    flex-shrink: 0;
  }

  .search__item .text dd {
    width: 70%;
  }
}
.search__results {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 40px;
}

@media (max-width: 580px) {
	.search__results {
		gap: 20px;
	}
}

.page__image {
	text-align: center;
	max-width: 700px;
	margin: 0 auto 30px;
}

.page__text {
	max-width: 700px;
	margin: 0 auto 30px;
}

.page__text h4 {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	max-width: 700px;
	margin-bottom: 15px;
}

.page__text p {
	font-size: 16px;
	line-height: 1.8;
	color: #444;
	margin-bottom: 0;
}

.page__text ul li span {
	font-size: 0.8em;
	padding-right: 0.5em;
}

.page__text ul li {
	font-size: 16px;
	line-height: 1.8;
	color: #444;
	margin-bottom: 0;
}

.page__text ul li p {
	padding-top: 10px;
	text-indent: 0;
}
.page__text.privacy {
	max-width: none;
}
.page__text a {
	margin-top: 30px;
}

.page__table {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 30px;
	font-size: 16px !important;
}

.page__table table {
	margin: 0 auto;
}

.page__table tr {
	border-top: 1px solid #dbdbdb;
}

.page__table tr:last-child {
	border-bottom: 1px solid #dbdbdb;
}

.page__table tr th {
	background-color: #f3f3f3;
	padding: 10px 20px;
	min-width: 150px;
	font-size: 16px !important;
}

.page__table tr td {
	padding: 10px 20px;
	font-size: 16px !important;
}

@media (max-width: 580px) {
	.page__text h4 {
		font-size: 16px;
	}
	.page__text p {
		font-size: 14px;
	}
	.page__text ul li {
		font-size: 14px;
	}
	.page__table tr th {
		padding: 10px;
		min-width: 110px;
		font-size: 14px !important;
	}
	.page__table tr td {
		padding: 10px;
		font-size: 14px !important;
	}
}

.gm-style .gm-style-iw-d {
	overflow: hidden;
}


.map {
	position: relative;
	display: flex;
	flex-direction: column;
}

.map img {
	max-width: 100%;
}

.map img.pc {
  	display: block;
}

.map img.sp {
  	display: none;
}

@media (max-width: 580px) {
	.map img.pc {
  		display: none;
	}
	.map img.sp {
		display: block;
	}
}

.map .map__links label {
	display: block;
	border-radius: 30px;
	background-color: rgba(0,0,0,0.0);
	position: absolute;
}

.map .map__links label:nth-child(1) {
	top: 32px;
	left: 388px;
	width: 485px;
	height: 118px;
}

.map .map__links label:nth-child(2) {
	top: 154px;
	left: 388px;
	width: 146px;
	height: 293px;
}

.map .map__links label:nth-child(3) {
	top: 154px;
	left: 559px;
	width: 171px;
	height: 293px;
}

.map .map__links label:nth-child(4) {
	top: 154px;
	left: 738px;
	width: 135px;
	height: 293px;
}
@media (max-width: 1230px) {
	.map .map__links label {
		border-radius: 2.44vw; /* 30px */
	}
	.map .map__links label:nth-child(1) {
		top: 2.60vw; /* 32px */
		left: 31.54vw; /* 388px */
		width: 39.43vw; /* 485px */
		height: 9.59vw; /* 118px */
	}
	.map .map__links label:nth-child(2) {
		top: 12.52vw; /* 154px */
		left: 31.54vw; /* 388px */
		width: 11.87vw; /* 146px */
		height: 23.82vw; /* 293px */
	}
	.map .map__links label:nth-child(3) {
		top: 12.52vw; /* 154px */
		left: 45.45vw; /* 559px */
		width: 13.90vw; /* 171px */
		height: 23.82vw; /* 293px */
	}
	.map .map__links label:nth-child(4) {
		top: 12.52vw; /* 154px */
		left: 60.00vw; /* 738px */
		width: 10.98vw; /* 135px */
		height: 23.82vw; /* 293px */
	}
}
@media (max-width: 580px) {
	.map .map__links label {
		border-radius: 5.3vw;
	}
	.map .map__links label:nth-child(1) {
		top: 5.2vw;
		left: 7.54vw;
		width: 77.7vw;
		height: 18.7vw;
	}
	.map .map__links label:nth-child(2) {
		top: 24.4vw;
		left: 7.54vw;
		width: 23vw;
		height: 47vw;
	}
	.map .map__links label:nth-child(3) {
		top: 24.4vw;
		left: 35vw;
		width: 27.5vw;
		height: 47vw;
	}
	.map .map__links label:nth-child(4) {
		top: 24.4vw;
        left: 63.5vw;
		width: 21.5vw;
		height: 47vw;
	}
}

.map .map__links label.selected {
	background-color: rgba(12,65,154,0.3);
	border: 3px solid #555;
}

@media (max-width: 580px) {
	.map .map__links label.selected {
		border: 2px solid #555;
	}
}

.page-id-363 .search__form {
	position: relative;
}

.page-id-363 .search__form .form__line {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}