@charset "utf-8";

/*
===============================================================================
共通
===============================================================================
*/
article{
	overflow: hidden;
}
section{
	margin-bottom: 80px;
}
.contents{
	width: 90%;
	margin: 0 auto;
}
section.contents{
	margin-bottom: 80px;
}
a.btn{
	width:200px;
	height: 50px;
	display: block;
	text-align: center;
	color: #ffffff;
	background-color: #40210f;
	padding: 12px 50px;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	margin: 30px auto 0;
}
a.btn::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../image/arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	position: absolute;
	top: 20px;
	right: 15px;
}

/*  pickup色違いボタン　ここだけ*/


a.blue_btn{
	width:200px;
	height: 50px;
	display: block;
	text-align: center;
	color: #ffffff;
	background-color: #418691;
	padding: 12px 50px;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	margin: 0px auto 0;
}
a.blue_btn::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../image/arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	position: absolute;
	top: 20px;
	right: 15px;
}


/*
===============================================================================
トップページ
===============================================================================
*/
/*スライド*/
.top .main_slide{
	width: 100%;
	margin-top: 75px;
}
.top .swiper-button-next,
.top .swiper-button-prev{
	display:none;
}


/*welcome*/
#welcom{
	background-color: #f2f7f7;
	text-align: center;
	padding: 170px 0 130px;
}
#welcom .contents{
	border-bottom: 5px solid #80b0b4;
	border-left: 5px solid #80b0b4;
	border-right: 5px solid #80b0b4;
	position: relative;
	padding: 5px 0 0;
	display: table;
	padding-bottom: 40px;
}
#welcom .contents::before{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../parts/leaf_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	position: absolute;
	top: -30px;
	left: -5%;
}
#welcom .contents::after{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../parts/leaf_right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	position: absolute;
	top: -30px;
	right: -5%;
}
#welcom h3{
	width: 280px;
	position: absolute;
	top: -100px;
	left: 50%;
	margin-left: -140px;
	z-index: 1;
}
#welcom h4{
	font-size: 25px;
	color: #40210f;
	font-family: 'Noto Sans JP';
	font-weight: 900;
	line-height: 120%;
	margin-bottom: 20px;
	position: relative;
}
#welcom h4 small{
	font-weight: 900;
	color: #40210f;
	font-family: 'Noto Sans JP';
}
#welcom h4 span{
	color: #f29844;
	font-family: 'Noto Sans JP';
	font-weight: 900;
}
#welcom h4::before{
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../parts/kirakira_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	position: absolute;
	bottom:  -10px;
	left: 10px;
}
#welcom h4::after{
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	background: url(../../parts/kirakira_right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	position: absolute;
	bottom: -10px;
	right: 10px;
}
#welcom p{
	padding: 0 2%;
	font-size: 14px;
	line-height: 22px;
}
#welcom figure.pic1{
	width: 90px;
	position: absolute;
	bottom: 80px;
	left: 55px;
}
#welcom figure.pic2{
	width: 140px;
	float: left;
	margin: 20px 0 -20px -50px;
}
#welcom figure.pic3{
	width: 120px;
	top: -150px;
	right: -20px;
	position: absolute;
}
#welcom figure.character{
	position: absolute;
	width: 155px;
	display: block;
	bottom: 50px;
	right: 20px;
}
#welcom a.btn{
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -97px;
	height: 60px;
	padding: 10px 40px;
	line-height: 22px;
	width: 200px;
}

/*トップ　新着情報・ピックアップ・サービス　タイトル*/
#top_nwes h3,
#top_pickup h3,
#top_service h3{
	color: #80b0b4;
	font-size: 35px;
	font-family: 'Bree Serif', serif;
	width: fit-content;
	text-align: center;
	margin: 0 auto 20px;
	position: relative;
	letter-spacing: 3px;
}
#top_nwes h3 span,
#top_pickup h3 span,
#top_service h3 span{
	display: block;
	color: #3e3a39;
	font-size: 14px;
	margin-top: 5px;
	font-weight: bold;
	position: relative;
}

#top_service h3 span::after{content: "";display: block;width: 70px;height: 70px;background: url(../../parts/plant.png);background-position: center;background-repeat: no-repeat;background-size: 70px;position: absolute;top: -25px;right: -75px;}

/*トップ　新着情報*/
#top_nwes h3::before{
	content: "";
	width: 120px;
	height: 42px;
	display: block;
	background: url(../../parts/flag.png);
	background-repeat: no-repeat;
	background-size: 120px 42px;
	position: absolute;
	top: -5px;
	left: -140px;
}
#top_nwes h3::after{
	content: "";
	width: 120px;
	height: 42px;
	display: block;
	background: url(../../parts/flag.png);
	background-repeat: no-repeat;
	background-size: 120px 42px;
	position: absolute;
	top: -5px;
	right: -140px;
}
#top_nwes h3 span::before{
	content: "";
	width: 45px;
	height: 45px;
	display: block;
	background: url(../../parts/rap.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 45px;
	position:absolute;
	top: -15px;
	left: -55px;
}
#top_nwes ul{
	width: 100%;
	display: table;
}
#top_nwes ul li{
	padding: 15px 0;
	border-top:2px dashed #d8d8d7;
	display: table;
	width: 100%;
}
#top_nwes ul li:last-child{
	border-bottom:2px dashed #d8d8d7;
}
#top_nwes ul li time{
	color: #9e9c9c;
	font-size: 14px;
	font-weight: bold;
	margin-right: 15px;
	float: left;
}
#top_nwes ul li img{
	width: 90px;
	display: block;
	float: left;
}
#top_nwes ul li p{
	width: 100%;
	float: right;
	position:relative;
}
#top_nwes ul li p::after{
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../image/arrow2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	position: absolute;
	top: 8px;
	left: -110px;
}

/*トップ　ピックアップ*/
#top_pickup h3::before{
	content: "";
	width: 75px;
	height: 50px;
	display: block;
	background: url(../../parts/leaf2_left.png);
	background-repeat: no-repeat;
	background-size: 75px 50px;
	position: absolute;
	top: -10px;
	left: -85px;
}
#top_pickup h3::after{
	content: "";
	width: 75px;
	height: 50px;
	display: block;
	background: url(../../parts/leaf2_right.png);
	background-repeat: no-repeat;
	background-size: 75px 50px;
	position: absolute;
	top: -10px;
	right: -85px;
}
#top_pickup h3 span::before{
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	background: url(../../parts/bird.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	position:absolute;
	top: -60px;
	right: -20px;
}
#top_pickup ul{
	width: 100%;
	display: table;
}
#top_pickup ul li{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
#top_pickup ul li:last-child{
	margin-bottom:0;
}
#top_pickup figure{
	width: 100%;
	height: auto;
	border: 8px solid #e6eff0;
	position: relative;
	text-align: center;
	padding: 0;
}
#top_pickup figure b{
	width: auto;
	height: 35px;
	display: block;
	background-color: #418691;
	color: #ffffff;
	position: absolute;
	top: -8px;
	left: -8px;
	font-size: 15px;
	padding: 5px 0px 5px 15px;
}
#top_pickup figure b::after{
	content: "";
	width: 35px;
	height: 35px;
	display: block;
	background: url(../../parts/parts.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	position: absolute;
	top:0;
	right: -35px;
}
#top_pickup figure img{
	width: auto;
	height:auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
#top_pickup figure span{
	position: absolute;
	background-color: #787574;
	color: #ffffff;
	bottom: 0;
	right:0;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
}
#top_pickup .box{
	width: 100%;
	display: table;
	padding: 20px 5% 0 5%;
	text-align: center;
}
#top_pickup .box h4{
	font-size: 22px;
	color: #418691;
	line-height: 100%;
	font-weight: 900;
	margin-bottom: 10px;
}
#top_pickup .box p{
	width: 100%;
	height: auto;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
}
#top_pickup .box p::before{
	content: "■";
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 10px;
	margin-right: 5px;
	color: #80b0b4;
	vertical-align: top;
}


/*トップ　サービス*/
#top_service{
	background-color: #80b0b4;
	padding: 50px 0 80px;
	position: relative;
}

#top_service::before{
	content: "";
	display: block;
	width: 100%;
	height: 350px;
	background: url(../../parts/bg1.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#top_service::after{
	content: "";
	display: block;
	width: 100%;
	height: 400px;
	background: url(../../parts/bg2.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 1300px;
	left: 0;
}




#top_service .contents{
	width: 95%;
}
#top_service h3,
#top_service h3 span{
	color: #fff;
}
#top_service h3::after{
	content: "";
	width: 100px;
	height: 100px;
	display: block;
	background: url(../../parts/light.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100px;
	position: absolute;
	top: -50px;
	left: -40px;
}
#top_service h3::before{
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../../image/logo_mark.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	margin: 0 auto 20px;
}
#top_service .service_box{
	width: 100%;
	height: auto;
	background: #ffffff;
	border-radius: 10px;
	padding: 30px 5%;
	margin: 0 auto 20px;
	display: table;
	position: relative;
	z-index: 1;
}
#top_service .tit{
	text-align: center;
	background: url(../../parts/line1.png);
	background-position: center top 20px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .tit h4{font-family: 'Noto Sans JP';font-size: 25px;color: #40210f;font-weight: 900;text-align: center;display: block;margin: 0 auto 5px;width: fit-content;position: relative;font-feature-settings: "palt";line-height: 150%;}
#top_service .tit::before{
	content: "";
	display: block;
	width: 80px;
	height: 60px;
	background: url(../../parts/signboard.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	margin: 0 auto;
	background-color: #ffffff;
}
#top_service .tit h4 span{
	color: #418691;
	font-size: 35px;
	font-weight: 900;
	font-family: 'Noto Sans JP';
}
#top_service .tit small{
	font-family: 'Bree Serif', serif;
	color: #80b0b4;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 1px;
}
#top_service .tit p{
	margin: 20px 0;
	text-align: left;
}


#top_service .tit b.sub_point{
	width: auto;
	background-color: #5a96c8;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 50px;
	margin: 15px 0 10px;
}
#top_service .top_land .tit b.sub_point{
	background-color:#418691;
}
#top_service .top_other .tit b.sub_point {
	background-color: #8caa46;
	position: relative;
	padding: 10px 0;
	width: 200px;
}
#top_service .top_sell .tit b.sub_point {
	background-color: #f3b752;
}


/*色分け　土地+家*/
#top_service .tpo_house .tit{
	background: url(../../parts/line2.png);
	background-position: center top 20px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .tpo_house .tit::before{
	background: url(../../parts/house.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-color: #ffffff;
}

#top_service .tpo_house .tit h4::before{
	content:"今すぐ";
	display:block;
	width: 50px;
	height: 50px;
	color:#5a96c8;
	background:none;
	/* 	background-color:#5a96c8; */
	border: 2px solid #5a96c8;
	font-weight: bold;
	border-radius: 50%;
	line-height: 50px;
	font-size: 14px;
	left: 20px;
	transform: rotate(-10deg);
	position: absolute;
	top: -10px;
	left: 10px;
}


#top_service .tpo_house .tit h4 span,
#top_service .tpo_house .tit small{
	color: #5a96c8;
}

/*色分け　土地・中古物件*/
#top_service .top_other .tit{
	background: url(../../parts/line3.png);
	background-position: center top 20px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .top_other .tit::before{
	background: url(../../parts/book.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-color: #ffffff;
}
#top_service .top_other .tit h4 span,
#top_service .top_other .tit small{
	color: #8caa46;
}
/*色分け　土地または家*/
#top_service .top_sell .tit{
	background: url(../../parts/line4.png);
	background-position: center top 20px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .top_sell .tit::before{
	background: url(../../parts/cloud.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-color: #ffffff;
}
#top_service .top_sell .tit h4 span,
#top_service .top_sell .tit small{
	color: #f3b752;
}


/*土地*/
.top_land .town{
	width: 100%;
	background-color: #e6eff0;
	padding: 20px;
	display: table;
}
.top_land .town b{
	color: #40210f;
	font-size: 14px;
	font-family: 'Noto Sans JP';
	float: left;
	font-feature-settings: "palt";
	line-height: 24px;
}
.top_land .town span{
	font-size: 22px;
	color: #418691;
	font-family: 'Noto Sans JP';
	display: block;
	font-weight: 900;
	margin-bottom: 10px;
}
.top_land .town  p{
	width: 100%;
	height:auto;
	display: block;
	float: right;
	font-size: 14px;
	line-height: 20px;
}
#top_service .service_box .box{
	width: 100%;
	display: table;
}

/*エリア（大）*/
#top_service figure.shiga_area{
	width: 300px;
	height: auto;
	display: block;
	position: relative;
	margin: 10px auto;
}
#top_service figure.shiga_area .tab{
	width: 100px;
	height: 40px;
	position: absolute;
	border:0;
}
#top_service figure.shiga_area a{
	width: max-content;
	padding: 5px 20px;
	background-color: #ffffff;
	border: 2px #418691 solid;
	border-radius: 50px;
	color: #418691;
	line-height: 35px;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
	line-height: 1em;
}
#top_service .top_other figure.shiga_area a{
	color: #8caa46;
	border: 2px #8caa46 solid;
}
#top_service figure.shiga_area a::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: #418691 solid 1px;
	border-right: #418691 solid 1px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px;
	z-index: 4;
}
#top_service .top_other figure.shiga_area a::after{
	border-top: #8caa46 solid 1px;
	border-right: #8caa46 solid 1px;
}
#top_service figure.shiga_area .gifuken{
	top: 80px;
	right: 20px;
}
#top_service figure.shiga_area .aichiken{
	right: -10px;
	bottom: 170px;
}

#top_service figure.shiga_area .kohoku{
	top: 132px;
	right: 40px;
}
#top_service figure.shiga_area .kosei{
	top: 170px;
	left: 0;
}
#top_service figure.shiga_area .koto{
	top: 260px;
	right: 50px;
}
#top_service figure.shiga_area .konan{
	bottom: 70px;
	right: 130px;
}
#top_service figure.shiga_area .aichi{
	bottom: 168px;
	right: -5px;
}

.tab.higashiomi, .tab.area01{
	top: 215px;
	right: 110px;
}

#top_service figure.shiga_area .other {
	top: 175px;
	right: 0;
}

.tab.gifuken a{
	background-color: #004972;
	height: 100%;
	width: 100%;
	display: block;
}
.tab-area.gifuken .tab.gifuken a{
	background-color:#e6eff0;
}

.other_archive .tab.gifuken a{
	background-color:#4f9141;
}
.tab-area.gifuken .tab.gifuken a{
	color: #004972;
}
.other_archive .tab-area.gifuken .tab.gifuken a{
	color: #4f9141;
}





/*エリア（小）*/
#top_service .area_small{
	width: 100%;
	margin-top: 20px;
	display: table;
}
#top_service .area_small ul{
	width: 100%;
	display: table;
}
#top_service .area_small ul li{
	width: 100%;
	margin-bottom: 10px;
	display: table;
}
#top_service .area_small ul li b{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Sans JP';
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #80b0b4;
	display: block;
	padding: 0 8px;
	margin-bottom: 5px;
}
#top_service .top_other .area_small ul li b{
	background-color: #8caa46;
}
#top_service .area_small ul li a{
	display: block;
	float: left;
	margin-right: 10px;
	letter-spacing: -1px;
	font-size: 14px;
	line-height: 22px;
}
#top_service .area_small ul:nth-child(2) li:first-child a{
	min-width: 90px;
	margin-right: 5px;
}
#top_service .area_small ul li a:hover{
	text-decoration: underline;
}

/*土地＋家*/
#top_service .tpo_house ul{
	width: 100%;
	display:table;
}
#top_service .tpo_house ul li{
	width: 100%;
	height:auto;
	margin-bottom: 30px;
}
#top_service .tpo_house ul li b{
	color: #5a96c8;
	font-size: 20px;
	margin: 10px 0;
	display: block;
	text-align: center;
}
#top_service .tpo_house ul li p{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
#top_service .tpo_house ul li img{
	width: 100%;
	height: auto;
}

/*売る*/
#top_service .top_sell{
	position: relative;
}
#top_service .top_sell .tit h4 b{
	font-family: 'Noto Sans JP';
	font-size: 35px;
	font-weight: 900;
}
#top_service .top_sell figure.fig{width: 60%;float: left;}
#top_service .top_sell figure.pic{
	width: 35%;
	float: right;
	margin-bottom: 20px;
}
#top_service .top_sell a.btn{
	clear: both;
	height: auto;
	padding: 10px 50px;
	line-height: 22px;
	width: 300px;
}
#top_service .top_sell a.btn::after{
	top: 28px;
}

/*トップ　リンクエリア*/
#link_box{
	display: table;
}
#link_box .tit{
	text-align: center;
}
#top_about .tit h3,
#top_blog .tit h3{
	font-size: 30px;
	font-family: 'Bree Serif', serif;
	color: #40210f;
	margin-bottom: 0;
	letter-spacing: 2px;
}


#top_blog .tit h3{
	color: #418691;
}
#top_about .tit span,
#top_blog .tit span{
	font-size: 14px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#top_blog .tit:after{
	content: "";
	display: block;
	width: 85px;
	height: 85px;
	background: url(../../parts/note.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 85px;
	position: absolute;
	top: 2px;
	right: 20px;
}


/*トップ　店舗＆スタッフ*/
#top_about{
	width: 100%;
	height: auto;
	background-color: #fff5e6;
	text-align: center;
	position: relative;
	border-top: 8px #f3b752 dashed;
	padding: 30px 0;
}
#top_about::after{
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(../../parts/orange.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#top_about .tit::before{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../parts/pot.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
}
#top_about figure{
	position: relative;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
#top_about figure span{
	display: block;
	position: absolute;
	top: -25px;
	right: 5px;
	width: 85px;
}
#top_about p{
	line-height: 20px;
	font-size: 14px;
}

/*トップ　ブログ*/
#top_blog{
	background-color: #f2fafa;
	width: 348px;
	height: auto;
	position: relative;
	padding: 30px 0 40px;
	margin: 30px auto 0;
	text-align: center;
}

#top_blog a {
	font-size: 18px;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

#top_blog a:before {
	content: "\025b6";
	padding-right: 5px;
}

#top_blog::before{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../parts/leaf_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	position: absolute;
	top: -10px;
	left: -10px;
}
#top_blog::after{
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(../../parts/blue.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#top_blog h3{
	position: relative;
}
#top_blog h3::before{
	content: "";
	width: 70px;
	height: 65px;
	display: block;
	background: url(../../parts/check_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px auto;
	position: absolute;
	top: -20px;
	left: 25px;
}
#top_blog h3::after{
	content: "";
	width: 95px;
	height: 25px;
	display: block;
	background: url(../../parts/check_right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px auto;
	position: absolute;
	top:  30px;
	right: 20px;
}


/*トップ　お客様の声 FAQ*/
#link_box .page_link{
	width: 100%;
	height: auto;
	display: table;
	margin: 0 auto;
}
#link_box .page_link a{
	width: 100%;
	height: 150px;
	display: block;
	text-align: center;
	color: #ffffff;
	background: url(../../image/top_voice_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 50px;
	position: relative;
	border-radius: 10px;
	margin-top: 20px;
}
#link_box .page_link a .tit h3{
	font-size: 28px;
	line-height: 100%;
	font-family: 'Bree Serif', serif;
	letter-spacing: 2px;
	margin-bottom: 3px;
}
#link_box .page_link a .tit span{
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
}
#link_box .page_link a:last-child{
	background: url(../../image/top_faq_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
#link_box .page_link a::before{
	content: "";
	display:block;
	width: 50px;
	height: 105px;
	background: url(../../parts/clover2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px auto;
	position: absolute;
	top: 30px;
	right: 10px;
}

#link_box .page_link a:last-child::before{
	content: "";
	display:block;
	width: 50px;
	height: 50px;
	background: url(../../parts/plant2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
	position: absolute;
	top: auto;
	bottom: 30px;
	left: 40px;
}



/*
===============================================================================
ページ　共通
===============================================================================
*/
.page_tit{
	width: 100%;
	height: auto;
	display: table;
	margin-top: 77px;
}
.page_tit h3{
	width: 100%;
	height: 95px;
	display: block;
	text-align: center;
	color: #fff;
	font-family: 'Bree Serif', serif;
	line-height: 100%;
	font-size: 30px;
	padding-top: 20px;
	letter-spacing: 2px;
	background: url(../../parts/page_tit.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.about_tit h3{
	background: url(../../parts/about_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.land_tit h3{
	background: url(../../parts/land_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:auto 100%;
}
.other_tit h3{
	background: url(../../parts/other_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.land_house_tit h3{
	background: url(../../parts/land_house_tit.jpg);
	background-position: center right -200px;
	background-repeat: no-repeat;
	background-size:auto 100%;
}
.sell_tit h3{
	background: url(../../parts/sell_tit.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.faq_tit h3{
	background: url(../../parts/faq_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}
.voice_tit h3{
	background: url(../../parts/voice_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.company_tit h3{
	background: url(../../parts/company_tit.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 100%;
}


.page_tit h3 span{
	display: block;
	font-size: 12px;
	margin-top: 8px;
	line-height: 120%;
	font-weight: bold;
}

/*パンくず*/

ul.breadmenu{
	width: 95%;
	margin: 5px auto 30px;
	display: table;
	height: auto;
}
ul.breadmenu li{
	width: auto;
	display: block;
	float: left;
	font-size:11px;
	margin-right: 5px;
}
ul.breadmenu li::after{
	content: "＞";
	font-size: 12px;
	display: block;
	margin-left: 5px;
	display: inline-block;
}
ul.breadmenu li:last-child{
	margin-right: 0;
}
ul.breadmenu li:last-child::after{
	display: none;
}

.breadmenu_box{
	display:block;
	width:100%;
	height:40px;
	margin-bottom:30px;
	position:relative;
	overflow-x:scroll;
}
.breadmenu_box ul.breadmenu{
	white-space: nowrap;
	position:absolute;
	top:0;
	left:2.5%;
}
.breadmenu_box ul.breadmenu li{
	display:inline-block;
	float:none;
}
.breadmenu_box ul.breadmenu li:last-child{
	padding-right:2.5%;
}

/*
===============================================================================
分譲地情報
===============================================================================
*/
.product{
	width: 100%;
	margin: 0 auto;
}
.product #p_main{
	width: 90%;
	margin-bottom: 0;
}
.product #p_main span{
	font-size: 16px;
	display: inline-block;
	text-align: center;
	width: auto;
	height: auto;
	background-color: #eeefef;
	line-height: 20px;
	font-weight:bold;
	text-align: left;
	padding: 5px 20px;
}
.product #p_main h4{
	font-size: 1.5rem;
	border-bottom: 1px #5a96c8 solid;
	display: block;
	font-weight:bold;
	line-height: 120%;
	padding-bottom: 10px;
	margin: 10px 0 15px;
	color: #40210f;
	text-align: left;
}
.other #p_main h4{
	border-bottom: 1px #418691 solid;
}
.product #p_main ul{
	width: 100%;
	display: table;
}
.product #p_main ul li{
	color: #ffffff;
	width: 49%;
	height: 30px;
	line-height: 30px;
	float: left;
	background-color: #aaaaaa;
	font-weight: bold;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	margin-bottom:2%;
}
.product #p_main ul li:last-child{
	margin-right: 0;
}
.product #p_main ul li:nth-child(2n){
	margin-left:2%;
}
.product #p_main ul li.a_tag_turu{
	background-color: #5a96c8;
}
.product #p_main ul li.a_tag_non{
	background-color: #8caa46;
}
.product #p_main ul li.a_tag_sodan{
	background-color: #f29844;
}
.product #p_main ul li.a_tag_new{
	background-color: #d36981;
}
.product #p_main ul li.a_tag_down{
	background-color: #c1272d;
}
.product #p_main ul li.a_tag_newh{
	background-color: #f29844;
}
.product #p_main ul li.a_tag_tour{
	background-color: #8caa46;
}

.product #p_main figure{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border:8px #e6eff0 solid;
	text-align: center;
	padding: 20px;
}
.other #p_main figure{
	border: 8px #e7f0e6 solid;
}
.product #p_main .main_img{
	width: 100%;
	display: block;
	margin: 20px auto 0;
}
.product #p_main figure img{
	width: auto;
	height: auto;
	max-width: 100%;
}
.product section{
	width: 90%;
	margin: 0 auto;
}

.product h4.p_tit{
	color: #418691;
	font-size: 25px;
	line-height: 120%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 2px;
}
.other h4.p_tit{
	color:#8caa46;
}

/*区画情報*/
#p_data table.data1{
	width: 130%;
	height: auto;
	text-align: center;
	border-collapse:collapse;
}
#p_data table.data1 th,
#p_data table.data1 td{
	font-size: 12px;
	border: 1px solid #8b8988;
	padding: 5px 0;
	/*   width: 33.333%; */
	line-height: 120%;
}
#p_data table.data1 th{
	font-weight: bold;
	background-color: #e6eff0;
	width: 28%;
}
.other #p_data table.data1 th{
	background-color: #e7f0e6;
	color: #8caa46;
}
#p_data table.data1 tr th:first-child,
#p_data table.data1 tr td:first-child{
	width:15%;
}




#p_data ul{
	width: 100%;
	display: table;
	margin-top: 20px;
}
#p_data ul li{
	width: 100%;
	background-color: #e3edef;
	display: block;
	font-weight: bold;
	text-align: left;
	padding: 8px 10px 8px 25px;
	float: left;
	display: inline-block;
	border-radius: 3px;
	float: left;
	font-size: 14px;
	margin: 0 10px 10px 0;
	position: relative;
	line-height: 18px;
}
.other #p_data ul li{
	background-color: #e7f0e6;
}
#p_data ul li::before{
	content: "■";
	display: inline-block;
	margin-right: 6px;
	color: #80b0b4;
	font-size: 10px;
	position: absolute;
	top: 8px;
	left: 10px;
}
.other #p_data ul li::before{
	color: #8caa46;
}
#p_data table.data2{
	width: 100%;
	height: auto;
	margin-top: 10px;
}
#p_data table th{
	width: 115px;
	text-align: center;
	color: #418691;
	font-size: 20px;
	font-weight: bold;
}
#p_data table td{
	font-size: 18px;
	line-height: 28px;
	padding: 5px 0;
}


#p_data table.data2 th{
	width: 100%;
	display:block;
	text-align: left;
	color: #418691;
	font-size: 18px;
	font-weight: bold;
}
.other #p_data table.data2 th{
	color: #8caa46;
}
#p_data table.data2 td{
	width: 100%;
	display:block;
	font-size: 15px;
	padding: 0;
	line-height: 23px;
	margin-bottom: 10px;
	font-weight: bold;
}



/*分譲地の写真*/
#p_pic {
	position:relative;
	width: 90%;
}
#p_pic .pic_slide{
	width: 100%;
}
#p_pic .swiper-slide{
	width: 100%!important;
	height: 200px;
	margin: 0 auto;
	text-align: center;
}
#p_pic .pic_slide img{
	max-width: 85%;
	max-height:100%;
	height: auto;
	margin: 0 auto;
}
#p_pic .pic_slide p{
	font-size: 16px;
	width: 90%;
	text-align:center;
	margin-top: 10px;
	line-height: 1.5rem;
}
#p_pic .swiper-button-prev,
#p_pic .swiper-button-next{
	top: 58%;
	color: #aaaaaa;
}
#p_pic .swiper-button-prev{
	left: -2%;
}
#p_pic .swiper-button-next{
	right: -2%;
}
#p_pic .modaal-close{
	right:20%;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
	background:#418691!important;
}
.modaal-gallery-prev{
	top:40%;
	left:-20px;
}
.modaal-gallery-next{
	top:45%;
	right:-20px;
}


/*周辺環境*/
#p_around ul{
	display: table;
	width: 100%;
	height: auto;
}
#p_around ul li{
	width: 32%;
	height:auto;
	float: left;
	margin-right: 2%;
	margin-top:15px;
	text-align: center;
}
#p_around ul li:nth-child(-n+3){
	margin-top:0;
}
#p_around ul li:nth-child(3n){
	margin-right: 0;
}
#p_around ul li img{
	width: 100%;
	height: 80px;
	object-fit: cover;
}
#p_around ul li p{
	font-size: 12px;
	line-height:125%;
	text-align:left;
	margin-top:5px;
}



/*分譲地概要*/
#p_about table{
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-left:1px #c5c4c4 solid;
	border-top:1px #c5c4c4 solid;
}
#p_about table th,
#p_about table td{
	font-size: 14px;
	padding: 8px 0;
	border-bottom: 1px #c5c4c4 solid;
	line-height: 22px;
}
#p_about table th{
	width: 35%;
	background-color: #e6eff0;
	font-weight: bold;
	text-align: center;
}
.other #p_about table th{
	background-color: #e7f0e6;
}

#p_about table td{
	padding: 8px 10px;
	width: 65%;
	border-right:1px #c5c4c4 solid;
}
#p_access iframe{
	width: 100%;
	height: 300px;
}

/*お客様の声（分譲地）*/
#p_voice h4{
	position:relative;
	width: 100%;
	display: block;
}
#p_voice h4 span{
	position:absolute;
	bottom: 0;
	left:0;
	display: block;
	width: 30px;
	height: 30px;
}
#p_voice h4 span:last-child{
	position:absolute;
	right:0;
	left: auto;
	display: block;
	width: 30px;
	height: 30px;
}
#p_voice .box{
	width:100%;
	background-color: #e6eff0;
	border-radius: 10px;
	padding: 20px 20px 40px;
	margin-bottom: 30px;
	position: relative;
}
.other #p_voice .box{
	background-color: #e7f0e6;
}
#p_voice .box b{
	font-size: 20px;
	margin-bottom: 13px;
	display: block;
	font-weight: bold;
}
#p_voice .box p{
	font-size: 14px;
	line-height: 20px;
}

#p_voice .box span{
	background-color:#fff;
	width:auto;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight:bold;
	display:inline-block;
	padding: 0 20px;
	text-align:center;
	position: absolute;
	bottom: 7px;
	right: 7px;
}

/*プロダクト　PDF*/
#p_pdf a{
	text-align: center;
	display:block;
	width: 280px;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	font-weight: bold;
	border: 1px #3e3a39 solid;
	margin: 0 auto;
	position: relative;
}
#p_pdf a::before{
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url(../../parts/pdf.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	position: absolute;
	top: 14px;
	left: 18px;
}
#p_pdf a::after{
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url(../../parts/download.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	position: absolute;
	top: 14px;
	right: 20px;
}


/*お問い合わせ*/
#p_contact .p_form{
	width: 100%;
	background-color: #e6eff0;
	display: table;
	padding: 30px 5%;
}
.other #p_contact .p_form{
	background-color: #e7f0e6;
}
#p_contact .p_form h5, 
#p_contact .p_form h5 textarea{
	font-size: 18px;
	font-weight: bold;
	display: block;
	line-height: 120%;
	margin-bottom: 10px;
	background: none;
	border: none;
}

#p_contact .p_form h5 textarea.auto-height {
  min-height: 5em !important;
  height: auto;
  overflow: hidden;
  resize: none;
  box-sizing: border-box;
}

#p_contact .p_form .text b{
	display: block;
	color: #ffffff;
	background-color: #418691;
	width: 100%;
	height: auto;
	line-height: 35px;
	padding: 0 10px;
	margin-bottom: 10px;
}
.other #p_contact .p_form .text b{
	background-color: #8caa46;
}
#p_contact .p_form .text p{
	font-size: 14px;
	line-height: 22px;
}

#p_contact .p_form .text p{
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
	position:relative;
	margin-bottom: 5px;
}
#p_contact .p_form .text p::before{
	content:"・";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top: 6px;
	left: 5px;
	text-align: center;
	line-height: 10px;
}
#p_contact .p_form .text p:last-child{
	margin-top:20px;
}
#p_contact .p_form .text p:last-child::before{
	display:none;
}
#p_contact .p_form .text p span{
	color: #8caa46;
}
.contact .contact_box .text span,
.reservation .contact_box .text span{
	color:#418691;
}
.product #p_contact .p_form .text p span{
	color:#418691;
}
.other  #p_contact .p_form .text p span{
	color:#8caa46;
}
.model  #p_contact .p_form .text p span{
	color:#5a96c8;
}
.sell #sell_contact .contact_box .text span{
	color:#f29844;
}
.sell #sell_contact table.tb1{
	margin-top: 20px;
}

#p_contact  table{
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px solid #c5c4c4;
	border-bottom: 0px;
	text-align: left;
	margin-top: 20px;
}
#p_contact table th,
#p_contact table td{
	width: 90%;
	font-size: 14px;
	display: block;
	margin: 0 auto;
	padding: 15px 0;
}
#p_contact table th{
	height: auto;
	font-weight: bold;
	position:relative;
	vertical-align: top;
	padding-bottom: 10px;
}
#p_contact table th.must::after{
	content: "必須";
	display: inline-block;
	color: #ffffff;
	background-color: #418691;
	width: 35px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	margin-left: 8px;
}
.other #p_contact table th.must::after{
	background-color: #8caa46;
}
#p_contact table td{border-bottom: 1px solid #c5c4c4;padding-top: 0;}
#p_contact table td input{
	height: 30px;
}
#p_contact table tr:first-child input,
#p_contact table tr:nth-child(2) input{
	width: 47%;
	margin-right: 2%;
}
#p_contact table tr:first-child input:nth-child(2),
#p_contact table tr:nth-child(2) input:nth-child(2){
	margin-right: 0;
}
#p_contact table tr:nth-child(3) input{
	width: 100%;
}
#p_contact table tr:nth-child(4) input{
	width: 100px;
}
#p_contact table tr:nth-child(5) input{
	width: 100%;
}
#p_contact table tr:nth-child(5) select{
	height:30px;
}
#p_contact table tr:nth-child(6) input{
	width: 100%;
}
#p_contact table tr:nth-child(7) input{
	width: 100%;
}
#p_contact table tr:nth-child(10) textarea{
	width: 100%;
	height: 130px;
}
#p_contact table tr:nth-child(10) textarea{
	width: 100%;
	height: 130px;
}

#p_contact table td input[type="radio"]{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: sub;
	margin-right: 0;
}


#p_contact .p_policy{
	width: 100%;
	height: 150px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 15px;
	border:1px #c5c4c4 solid;
	margin-top: 20px;
}
#p_contact .p_policy  .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#p_contact .p_policy b{
	font-size: 14px;
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}
#p_contact .p_policy p{
	font-size: 12px;
	line-height: 18px;
}
#p_contact .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 20px;
}
#p_contact a.btn{
	margin-top: 20px;
}

/*他の物件*/
#p_list{
	width: 90%;
	margin: 0 auto 50px;
	border-top: 1px #9e9c9c solid;
	padding-top: 30px;
}
#p_list ul{
	width: 100%;
	display: table;
	margin: 0 auto;
}
#p_list ul li{
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	margin: 0 auto 35px;
}
#p_list ul li:last-child{
	margin-right: 0;
}
#p_list ul li figure{
	width: 100%;
	height: auto;
	display: block;
	border: 8px #e6eff0 solid;
	text-align: center;
	padding: 20px;
}
#p_list ul li figure img{
	width: auto;
	height: auto;
	max-width: 210px;
	max-height: 150px;
}
#p_list ul li span{
	font-weight: bold;
	font-size: 14px;
	color: #787574;
	display: inline-block;
	line-height: 100%;
	margin: 10px 0 7px;
	background-color: #418691;
	color: #fff;
	padding: 5px 15px;
}
#p_list ul li p{
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
}
.other #p_list ul li span{
	background-color:#8caa46;
}
.other #p_list ul li figure{
	border: 8px #e7f0e6 solid;
}


textarea {
	width: 100%;
}




/*
===============================================================================
アパート用地情報
===============================================================================
*/


.apartment{
	li.new{
		background-color: #d36981!important;
	}
	li.down{
		background-color: #c1272d!important;
	}

	#p_main h4 {
		border-bottom: 1px #d36981 solid;
	}

	#p_main figure {
		border: 8px #FFF0F5 solid;
	}
	#p_about table th {
		background-color: #FFF0F5;
	}
	h4.p_tit {
		color: #d36981;
	}
	#p_contact .p_form {
		background-color: #FFF0F5;
		.text b {
			background-color: #d36981;
		}
		th.must::before {
			background-color: #d36981;
		}
	}
}




/*
===============================================================================
店舗&スタッフ紹介
===============================================================================
*/
.about_tit ul.about_sub{
	width: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	height: 40px;
	line-height: 42px;
	background-color: #418691;
}
.about_tit ul.about_sub li:first-child{
	margin-right: 40px;
	position: relative;
}
.about_tit ul.about_sub li:first-child::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: #fff;
	position: absolute;
	top: 14px;
	right: -20px;
}
.about #store h4,
.about #staff h4{
	font-size: 25px;
	line-height: 100%;
	letter-spacing: 3px;
	color: #40210f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px #418691 solid;
	margin-bottom: 30px;
}
.about #staff h4{
	border-color: #f29844;
}
#store{
	width: 90%;
	display: table;
}
#store .box::after{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../../parts/kirakira_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	position: absolute;
	top: 45px;
	right: 0;
}
#store figure{
	width: 100%;
	margin-bottom: 20px;
}
#store .box{
	width: 100%;
	font-feature-settings: "palt";
	position: relative;
}
#store .box h5 span{
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	background-color: #679ea7;
	display: inline-block;
	z-index: 2;
	font-feature-settings: "palt";
	padding: 5px 20px;
}

#store .box h5 span:last-child{margin: 5px 0 10px;}
#store .box .text p{
	margin-bottom: 10px;
}

#happiness.contents{
	width:100%;
}
#happiness h4{
	display: block;
	margin: 0 auto 50px;
	width: fit-content;
	position: relative;
	width: 90%;
}
#happiness h4::before{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../parts/left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	top: 30px;
	left: -20px;
}
#happiness h4::after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../parts/right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	top: 35px;
	right: -20px;
}

#happiness .box{
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}
#happiness .box::before{
	content: "";
	width: 100%;
	height: 500px;
	display: block;
	background: #e6eff0;
	background-position: top 25px center;
	background-size: 1280px 340px;
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: -1;
}
#happiness .box::after{
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	border: 8px #e6eff0 dashed;
	position: absolute;
	top: 17px;
	left: 0;
	z-index: -1;
}

#happiness .box span{
	display: block;
	margin: 0 auto 25px;
	width: fit-content;
	position: relative;
	width: 200px;
}
#happiness .box h5{
	font-size: 30px;
	color: #418691;
	font-weight: bold;
	margin-bottom: 30px;
}
#happiness .box .text,
#happiness .box .list_text{
	width:90%;
	margin:0 auto;
	text-align:left;
	font-size: 16px;
	font-feature-settings: "palt";
}
#happiness .box .text b,
#happiness .box .list_text b{
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 18px;
	display: block;
	text-align:center;
}
#happiness .box ul{
	width: 90%;
	height: auto;
	margin: 20px auto 0;
	display: table;
}
#happiness .box ul li{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#happiness .box ul li b,
#happiness .box .list_text b{
	display: block;
	font-size: 20px;
	color: #418691;
	margin: 15px auto 5px;
}
#happiness .box .list_text b{
	margin-top:0;
}
#happiness .box ul li p,
#happiness .box .list_text p{
	font-size: 14px;
	line-height: 22px;
	font-feature-settings: "palt";
	text-align: left;
}

/*ハピネス　タイトルのイラスト*/
#happiness .box1 span::before{
	content: "";
	display: block;
	width: 70px;
	height: 70px;
	background: url(../../parts/coffee.png);
	background-position: center;
	background-size: 70px;
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	left: -80px;
}
#happiness .box1 span::after{
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../../parts/pot2.png);
	background-position: center;
	background-size: 60px;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	right: -70px;
}
#happiness .box2 span::before{
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../../parts/flour.png);
	background-position: center;
	background-size: 60px;
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: -70px;
}
#happiness .box2 span::after{
	content: "";
	display: block;
	width: 90px;
	height: 90px;
	background: url(../../parts/light2.png);
	background-position: center;
	background-size: 90px;
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	right: -80px;
}
#happiness .box3 span::before{
	content: "";
	display: block;
	width: 90px;
	height: 90px;
	background: url(../../parts/store.png);
	background-position: center;
	background-size: 90px;
	background-repeat: no-repeat;
	position: absolute;
	top: -15px;
	left: -90px;
}
#happiness .box3 span::after{
	content: "";
	display: block;
	width: 65px;
	height: 65px;
	background: url(../../parts/board.png);
	background-position: center;
	background-size: 65px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: -70px;
}
#happiness .box4 span::before{
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../../parts/note2.png);
	background-position: center;
	background-size: 60px;
	background-repeat: no-repeat;
	position: absolute;
	top: -5px;
	left: -80px;
}
#happiness .box4 span::after{
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../../parts/balloon.png);
	background-position: center;
	background-size: 60px;
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	right: -80px;
}

/*スタッフ紹介*/
#staff .box{
	width: 100%;
	height: auto;
	margin: 0 auto 75px;
}
#staff .box figure{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 35px;
}
#staff .box p{
	font-size: 14px;
	margin-bottom: 35px;
}
#staff .box p b{
	font-size: 22px;
	color: #40210f;
	margin-bottom: 10px;
	display: block;
	line-height: 150%;
}
#staff .box p b span{
	color: #f29844;
}
#staff .box .message{
	width: 100%;
	height:auto;
	background-color: #fef5ec;
	padding: 20px;
	font-size: 14px;
	border-radius: 20px;
}
#staff .box .message b{
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
	color: #f29844;
}


/*
===============================================================================
コンセプトモデルハウス
===============================================================================
*/
.model h4 {
	color: #5a96c8;
	font-size: 25px;
	line-height: 120%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 2px;
}

/*メイン*/
.model #p_main ul li.m_new{
	background-color: #f29844;
}
.model #p_main ul li.m_tour{
	background-color: #418691;
}
.model #p_main ul li.m_label{
	background-color: #5a96c8;
}
.model #p_main figure{
	border: 0;
	padding: 0;
	margin-bottom: 10px;
}
.model #p_main figure img{
	width: 1000px;
	height: auto;
	max-width: 100%;
}
.model #p_main p{
	width: 100%;
	margin: 0 auto;
    font-size: 0.9rem;
    line-height: 1.1rem;
}
.model #m_environment .more{
	background-color: #e6f4ff;
	width: 100%;
	margin: 10px auto 0;
	padding: 15px;
	font-size: 0.9rem;
	border-radius: 10px;
	line-height: 22px;
}




/*価格*/
#m_price em.price_txt{
	display:table;
	margin:0 auto;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Noto Sans JP';
}
#m_price em.price_txt b{
	font-size: 40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
	font-feature-settings: "palt";
	color: #dc143c;
}
#m_price em.price_txt small{
	font-size: 25px;
	font-weight: bold;
}
/*特別価格*/
#m_price{
	display: table;
}
#m_price .price{
	width: 100%;
	height: auto;
	margin-top: 30px;
	display: table;
}
#m_price .price ul{
	display: table;
	width: 100%;
}
#m_price .price ul li{
	display: block;
	text-align: center;
}

/*通常価格*/
#m_price .price ul li:first-child{
	font-size: 20px;
	font-weight: bold;
	font-family: 'Noto Sans JP';
}
#m_price .price ul li:first-child span{
	display: inline-block;
	padding: 6px 8px;
	width: fit-content;
	font-size: 14px;
	border:1px solid #cccccc;
	line-height: 120%;
	margin-right: 10px;
	vertical-align: text-bottom;
	border-radius: 8px;
}
#m_price .price ul li:first-child b{
	font-size: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-feature-settings: "palt";
}


/*特別価格*/
#m_price .price ul li:last-child{
	font-size: 25px;
	font-weight: bold;
	font-family: 'Noto Sans JP';
	margin-top: 15px;
}
#m_price .price ul li:last-child span{
	display: inline-block;
	padding: 12px;
	width: fit-content;
	font-size: 16px;
	line-height: 120%;
	margin-right: 10px;
	vertical-align: super;
	background-color: #5a96c8;
	color: #ffffff;
	border-radius: 8px;
}
#m_price .price ul li:last-child b{
	font-size: 70px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
	font-feature-settings: "palt";
	color: #dc143c;
}

/*価格内訳*/
#m_price .item{
	width: 100%;
	margin-top: 40px;
}
#m_price .item h5{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}
#m_price .item h5::before{
	content: "■";
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 10px;
	margin-right: 5px;
	color: #5a96c8;
	vertical-align: top;
}
#m_price .item table{
	width: 100%;
	border-collapse: collapse;
}
#m_price .item table th,
#m_price .item table td{
	padding: 5px 0;
	border:1px solid #c5c4c4;
	font-size: 14px;
}
#m_price .item table th{
	background-color: #e6f4ff;
	width: 40%;
}
#m_price .item table td{
	padding: 5px 8px;
	width: 70%;
}
#m_price .item table.tb2 th,
#m_price .item table.tb2 td{
	border-top: 0;
}
#m_price .item p{
	font-size: 12px;
	margin-top: 10px;
	line-height: 18px;
	text-align:left;
}

/*物件概要*/
#m_about{
	background-color: #e6f4ff;
	padding: 30px;
	border-radius: 20px;
	font-size: 0.8rem;
    line-height: 1.1rem;
	margin: 20px;
}

/*間取り*/
#m_room span{
	font-weight: bold;
	font-size: 20px;
}
#m_room ul{
	width: 100%;
	display: table;
}
#m_room ul li{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#m_room ul li:last-child{
	float: right;
}
#m_room figure{
	width: 100%;
	height: auto;
	border: 8px solid #e6f4ff;
	position: relative;
	min-height: 350px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 30px;
}
#m_room figure img{
	width: auto;
	height:auto;
	max-width: 100%;
}

/*ポイント*/
#m_point .box{
	display: table;
	width: 100%;
	margin-bottom: 50px;
}
#m_point .box figure{
	width: 100%;
}
#m_point .box figure img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 350px;
	display: block;
	object-fit: contain;
	margin: 0 auto;
}
#m_point .box .text{
	width: 100%;
	margin-top: 20px;
}
#m_point .box .text h5{
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background-color: #e6f4ff;
	padding: 8px 10px;
	line-height: 22px;
}
#m_point .box .text table{
	width: 100%;
	height: auto;
	font-size: 14px;
	padding: 15px 10px;
	border-radius: 10px;
	margin-top: 10px;
	border-top: 2px dashed #d8d8d7;
}
#m_point .box .text table th{
	text-align: left;
	font-weight: bold;
	width: max-content;
	display: inline-block;
}
#m_point .box .text table td{
	padding-left: 10px;
	line-height: 18px;
}
#m_point .odd figure{
	width: 100%;
}

/*コンセプト*/
#m_concept h4{
	font-family: 'Bree Serif', serif;
}
#m_concept figure{
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto 30px;
}
#m_concept .text{
	text-align: center;
	position: relative;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
}
#m_concept .text h5{
	font-size: 20px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
#m_concept .text::before{
	content: "";
	display: block;
	width: 120px;
	height: 120px;
	background: url(../../parts/parts2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	position: absolute;
	top: 70px;
	left: -40px;
	z-index: -1;
}
#m_concept .text::after{
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	background: url(../../parts/parts2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 200px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	z-index: -1;
}

/*ギャラリー*/
#m_gallery h4{
	background-color: #5a96c8;
	color: #ffffff;
	font-size: 20px;
	text-align: left;
	padding: 10px 20px;
	margin-bottom: 5px;
}
#m_gallery ul{
	display: table;
	width: 100%;
	height: auto;
}
#m_gallery ul li{
	width: 32%;
	float: left;
	text-align: center;
	margin-right: 2%;
}
#m_gallery ul li:nth-child(3n){
	margin-right: 0;
}
#m_gallery ul li img{width: 232px;height: 80px;object-fit: cover;}
#m_gallery ul li p{
	font-size: 12px;
	line-height: 150%;
	margin-top: 10px;
}

/*モデルハウス　お問い合わせ*/
.model #p_contact h4{
	color: #5a96c8;
}
.model #p_contact .p_form .text b,
.model #p_contact table th.must::after{
	background-color: #5a96c8;
}
.model #p_contact .p_form{
	background-color: #e6f4ff;
}

.model #p_contact table th.must::after{
	background-color:#5a96c8;
}

#p_contact table tr:last-child{
	display:none;
}





















/*
===============================================================================
プロダクト 一覧ページ
===============================================================================
*/
/*タブ切り替え*/
.tab-area {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	margin: 0 auto;
}
.tab {
	width: max-content;
	padding: 5px 10px;
	line-height: 40px;
	text-align: center;
	color: white;
	font-size: 8px;
	line-height: 1.4em;
	font-weight: bold;
	border-right: 4px solid #fff;
	border-left: 4px solid #fff;
}
.tab:first-child{
	border-left: 0;
}
.tab:last-child{
	border-right: 0;
}
.kohoku .tab.kohoku,
.konan .tab.konan,
.koto .tab.koto,
.kosei .tab.kosei,
.area01 .tab.area01,
.gifuken .tab.gifuken,
.tab.active {
	background-color: #e6eff0;
	color:  #418691;
}

.tab-area .tab.other {
	background-color: #004972;
}

.content-area {
	text-align: center;
}
.content {
	display: none;
}
.content.show {
	display: block;
}
.other_archive .kohoku .tab.kohoku, .other_archive .konan .tab.konan, .other_archive .koto .tab.koto, .other_archive .kosei .tab.kosei, .other_archive .gifuken .tab.gifuken, .other_archive .tab.active {
	background-color: #e7f0e6;
	color: #4f9141;
}
.other_archive #p_area_list .area_in ul {
	background-color: #e7f0e6;
}
.land_archive .tab {
	background-color: #418691;
}
.other_archive .tab {
	background-color: #8caa46;
}

/*細分エリア*/
#p_area_list .area_in ul{
	width: 100%;
	height: auto;
	display: table;
	background-color: #e6eff0;
	padding: 20px;
}
#p_area_list .area_in ul li{
	float: left;
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin-right: 20px;
}
#p_area_list .area_in ul li::before {
	content: "■";
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 10px;
	margin-right: 5px;
	color: #418691;
	vertical-align: top;
}
.other_archive #p_area_list .area_in ul li::before{
	color: #8caa46;
}
#p_area_list .area_in ul li:hover{
	text-decoration: underline;
}
#p_area_list .product_tab_list{
	margin-top: 30px;
}
#p_area_list .product_tab_list ul{
	width: 100%;
	height: auto;
	display: table;
}
#p_area_list .product_tab_list ul li{
	width: 49%;
	height: auto;
	text-align: center;
	float: left;
	margin: 0 2% 25px 0;
}
#p_area_list .product_tab_list ul li:nth-child(2n){
	margin-right: 0;
}
#p_area_list .product_tab_list ul li img{
	width: 308px;
	height: 120px;
	object-fit: cover;
	border: 5px #e6eff0 solid;
	object-fit: contain;
}
#p_area_list .product_tab_list ul li span{
	background-color: #418691;
	color: #fff;
	display: inline-block;
	padding: 5px;
	line-height: 120%;
	font-size: 12px;
	margin: 5px 0;
}
.other_archive #p_area_list .product_tab_list ul li span{
	background-color: #8caa46;
}
#p_area_list .product_tab_list ul li p{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.other_archive #p_area_list .product_tab_list ul li img{
	border: 5px #e7f0e6 solid;
}

#p_area_list .product_tab_list ul li .a_tag{
	display: flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 5px 0;
	height: auto;
}
#p_area_list .product_tab_list ul li .a_tag span{
	width: 49%;
	border-radius: 10px;
	margin-bottom: 0.5%;
	line-height: 13px;
	height: 33px;
	padding-top: 5px;
}
#p_area_list .product_tab_list ul li .a_tag span.a_tag_turu{
	background-color:#5a96c8;
}
#p_area_list .product_tab_list ul li .a_tag span.a_tag_non{
	background-color:#8caa46;
}
#p_area_list .product_tab_list ul li .a_tag span.a_tag_sodan{
	background-color:#f29844;
}
#p_area_list .product_tab_list ul li .a_tag span.a_tag_new{
	background-color:#d36981;
	line-height: 33px;
	padding: 0;
}
#p_area_list .product_tab_list ul li .a_tag span.a_tag_down{
	background-color:#c1272d;
}


/*
===============================================================================
土地＋家を探す アーカイブ
===============================================================================
*/
#m_list .m_tab{
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
#m_list .m_tab ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#m_list .m_tab ul li{
	width: 33%;
	height: 50px;
	display: block;
	line-height: 50px;
	background-color: #fff;
	color: #5a96c8;
	border:1px solid #5a96c8;
	font-size: 14px;
	font-weight: bold;
	border-radius: 50px;
	text-align: center;
	margin-bottom: 5px;
	float: left;
	height: auto;
	border-radius: 10px;
	line-height: 18px;
	padding: 10px 0;
}

#m_list .m_tab ul li:nth-child(2){
	line-height:40px;
}

#m_list .m_tab ul li:nth-child(3){
	line-height:20px;
}

#m_list .m_tab ul li.check{
	background-color: #5a96c8;
	color: #fff;
}
#m_list .m_tab ul li a{
	height: auto;
	display: block;
}
#m_list .m_box{
	margin-top: 30px;
}
#m_list .m_box ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
#m_list .m_box ul li{
	width: 48%;
	height: auto;
	text-align: center;
	float: left;
	margin: 0 2% 25px 0;
	line-height: 20px;
}
#m_list .m_box ul li:nth-child(2n){
	margin-right: 0;
}
#m_list .m_box ul li img{
	width: 100%;
	height: 235px;
	height: auto;
	border: 5px #e6f4ff solid;
}
#m_list .m_box ul li p{
	margin-top: 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 120%;
}
#m_list .m_box ul li span {
	background-color: #5a96c8;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	line-height: 120%;
	font-size: 13px;
}

/*
===============================================================================
新着情報
===============================================================================
*/
#news ul{
	width: 100%;
	display: table;
}
#news ul li{
	padding: 15px 0;
	border-top:2px dashed #d8d8d7;
	display: table;
	width: 100%;
}
#news ul li:last-child{
	border-bottom:2px dashed #d8d8d7;
}
#news ul li time{
	color: #9e9c9c;
	font-size: 14px;
	font-weight: bold;
	margin-right: 15px;
	float: left;
}
#news ul li img{
	width: 90px;
	display: block;
	float: left;
}
#news ul li p{
	width: 100%;
	float: right;
	position:relative;
}
#news ul li p::after{
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../image/arrow2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	position: absolute;
	top: 8px;
	left: -110px;
}


/*
===============================================================================
お問い合わせフォーム
===============================================================================
*/
#contact {
	width: 100%;
	margin: 0 auto;
	background-color:#e6eff0;
	padding: 30px 5% 80px;
}
#contact p{
	font-size: 14px;
	line-height: 22px;
}
#contact .contact_form{
	width: 100%;
	height: auto;
	padding: 20px 0 20px;
}
#contact table{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	padding: 0 5%;
	background-color: #ffffff;
}
#contact table tbody{
	width: 100%;
}
#contact table th,
#contact table td{
	text-align: left;
	width: 100%;
	display: block;
}
#contact table td input{
	height: 30px;
	width: 100%;
	display: block;
}
#contact table th{
	position: relative;
	vertical-align: baseline;
	padding-top:10px;
	line-height: 20px;
}
#contact table th.must::after{
	content: "必須";
	display: inline-block;
	color: #ffffff;
	background-color: #418691;
	width: 35px;
	height: 18px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	margin-left:5px;
}
#contact table td{
	display: table;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 20px;
}
#contact table tr:last-child td{
	border:0;
}
#contact table tr:nth-child(2) input,
#contact table tr:nth-child(3) input{
	width: 48%;
}
#contact table td textarea{
	width: 100%;
	height: auto;
}
#contact table tr:nth-child(2) input:first-child,
#contact table tr:nth-child(3) input:first-child{
	margin-right: 1%;
}
#contact h4{
	font-size: 25px;
	line-height: 100%;
	color: #40210f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px #418691 solid;
	margin-bottom: 35px;
}
#contact .text{
	font-size: 14px;
	line-height: 22px;
	margin-top: 30px;
}
#contact .contact_box a{
	width: 100%;
	border:1px solid;
	display: block;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto 0;
	text-align: center;
	background-color: #ffffff;
	line-height: 20px;
}
#contact .contact_box a img{
	display: block;
	margin: 5px auto 0;
	width: 90%;
}
#contact table td input[type="radio"]{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 0;
}

#contact table tr:nth-child(4) input{
	width:100px;
	display:inline-block;
}
#contact table tr:nth-child(5) select{
	height:30px;
}


#contact .p_policy{
	width: 100%;
	height: 150px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 15px;
	border:1px #c5c4c4 solid;
	margin-top: 20px;
}
#contact .p_policy  .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#contact .p_policy b{
	font-size: 14px;
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}
#contact .p_policy p{
	font-size: 12px;
	line-height: 18px;
}
#contact .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 20px;
}

#form table .two-box .wpcf7-form-control-wrap{
	display: inline-block;
	width: 48%;
}

#form table .two-box .wpcf7-form-control-wrap input{
	width: 100% !important;
}
/*
===============================================================================
ご来店予約フォーム
===============================================================================
*/
#reservation {
	width: 100%;
	margin: 0 auto;
	background-color:#e6eff0;
	padding: 30px 5% 80px;
}
#reservation p{
	font-size: 14px;
	line-height: 22px;
}
#reservation .contact_form{
	width: 100%;
	height: auto;
	padding: 20px 0 20px;
}
#reservation table{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	padding: 0 5%;
	background-color: #ffffff;
}
#reservation table tbody{
	width: 100%;
}
#reservation table th,
#reservation table td{
	text-align: left;
	width: 100%;
	display: block;
}
#reservation table td input{
	height: 30px;
	width: 100%;
	display: block;
}
#reservation table th{
	position: relative;
	vertical-align: baseline;
	padding-top:10px;
	line-height: 20px;
}
#reservation table th.must::after{
	content: "必須";
	display: inline-block;
	color: #ffffff;
	background-color: #418691;
	width: 35px;
	height: 18px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	margin-left:5px;
}
#reservation table td{
	display: table;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 20px;
}
#reservation table tr:nth-child(4) input{
	width:100px;
	display: inline-block;
}
#reservation table tr:nth-child(3) label {
	width: 100px;
	display: inline-block;
}
#reservation table tr:nth-child(5) label {
	width: 200px;
	display: inline-block;
}
#reservation table tr:nth-child(3) span,
#reservation table tr:nth-child(5) span{
	margin:0;
}
#reservation table tr:nth-child(6) input,
#reservation table tr:nth-child(7) input{
	width: 48%;
}
#reservation table td textarea{
	width: 100%;
	height: auto;
}
#reservation table tr:last-child td{
	border:0;
}
#reservation table tr:nth-child(6) input:first-child,
#reservation table tr:nth-child(7) input:first-child{
	margin-right: 1%;
}
#reservation h4{
	font-size: 25px;
	line-height: 100%;
	color: #40210f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px #418691 solid;
	margin-bottom: 35px;
}
#reservation .text{
	font-size: 14px;
	line-height: 22px;
	margin-top: 30px;
}
#reservation .contact_box a{
	width: 100%;
	border:1px solid;
	display: block;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto 0;
	text-align: center;
	background-color: #ffffff;
	line-height: 20px;
}
#reservation .contact_box a img{
	display: block;
	margin: 5px auto 0;
	width: 90%;
}
#reservation table td input[type="radio"],
#reservation table td input[type="checkbox"]{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 0;
}

#reservation table tr:nth-child(8) input{
	width:100px;
	display:inline-block;
}
#reservation table tr:nth-child(9) select{
	height:30px;
}
#reservation .p_policy{
	width: 100%;
	height: 150px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 15px;
	border:1px #c5c4c4 solid;
	margin-top: 20px;
}
#reservation .p_policy  .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#reservation .p_policy b{
	font-size: 14px;
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}
#reservation .p_policy p{
	font-size: 12px;
	line-height: 18px;
}
#reservation .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 20px;
}

/*
===============================================================================
404
===============================================================================
*/
#notfound{
	font-size:14px;
	text-align:left;
	width:90%;
	margin:20px auto 80px;
}
#notfound h4{
	color: #418691;
	font-size: 25px;
	line-height: 130%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 2px;
}


/*
===============================================================================
新着情報　個別投稿
===============================================================================
*/

#single_box h4.page_sub{
	font-size: 24px;
	border-bottom: 1px #418691 solid;
	display: block;
	font-weight: bold;
	line-height: 100%;
	padding-bottom: 10px;
	margin: 25px 0 15px;
	color: #40210f;
	text-align: left;
}


/*お問い合わせボタン*/
input[type="submit"],
button.conf-button{
	width:200px;
	height: 50px;
	display: block;
	text-align: center;
	color: #ffffff;
	background-color: #40210f;
	padding: 12px 50px;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	margin: 30px auto 0;
}
button.conf-button:disabled{
	background-color: #999;
}

input.backbtn, 
button.back-button{
	width: fit-content;
	height: 40px;
	display: block;
	margin: 12px auto;
	text-align: center;
	color: #ffffff;
	background-color: #bbbbbb;
	padding: 10px 50px;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	font-size: 13px;
	border:0;
}

.wpcf7-not-valid-tip{
	width: 10em !important;
	float: none !important;
}

ul.address-box li > span{
	display: block;
}

.wpcf7-not-valid-tip{
	width: 10em !important;
	float: none !important;
}

.property-detail-list li{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0.5em;
}
.property-detail-list li > span{
	padding:0 0.3em;
}
.property-detail-list li input{
	width: 4em !important;
}
.property-detail-list li:last-child input{
	width:100% !important;
}

.wpcf7 form .wpcf7-response-output:empty {
  display: none;
}
/*
===============================================================================
会社概要
===============================================================================
*/
#company table{
	width: 100%;
	border-collapse:collapse;
	font-size: 14px;
	margin: 0 auto;
}
#company table th,
#company table td{
	border: 1px #ccc solid;
	padding: 1px 0;
}
#company table th{
	width: 100%;
	background-color: #418691;
	display: block;
	border-bottom: 0;
	color: #fff;
	padding: 2px 0;
}
#company table tr:nth-child(4) th{
	letter-spacing: -2px;
}
#company table td{
	width: 100%;
	line-height: 22px;
	display: block;
	padding: 8px 10px;
	border-bottom: 0;
}
#company table tr:last-child td{
	border-bottom: 1px #888888 solid;
}
#company table td b{
	display: block;
	margin-bottom: 5px;
}
#company table td iframe{
	width:100%;
	height:300px;
	margin-top: 5px;
}
#company table tr:first-child,
#company table tr:nth-child(2),
#company table tr:nth-child(3),
#company table tr:nth-child(4),
#company table tr:nth-child(5),
#company table tr:nth-child(6),
#company table tr:nth-child(7),
#company table tr:nth-child(8){
	text-align:center;
}
#company table .box{
	margin-top: 15px;
}
#company table .box p{
	padding-left:15px;
}
#company table td span{line-height: 18px;margin-bottom: 8px;display: inline-block;}
#company table td .box b{
	font-weight:normal;
	margin-bottom: 0;
}
#company table td .box b::before {
	content: "■";
	display: inline-block;
	margin-right: 6px;
	color: #80b0b4;
	font-size: 10px;
}

/*アクセス*/
#company_access{
	width: 100%;
	margin:70px auto 0;
	background-color: #f2f7f7;
	padding: 70px 0;
}
#company_access h4{font-size: 25px;letter-spacing: 3px;color: #40210f;font-weight: bold;text-align: center;padding-bottom: 10px;border-bottom: 1px #418691 solid;width: 90%;margin: 0 auto 20px;}
#company_access .company_store{
	width: 90%;
	display: table;
	margin: 0 auto;
	position:relative;
}
#company_access .company_store::before{
	content:"";
	display:block;
	width: 150px;
	height: 150px;
	background:url(../../parts/house2.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 150px;
	position:absolute;
	bottom: -110px;
	right:0;
}
#company_access .company_store figure{
	width: 100%;
}
#company_access .company_store figure img{
	width:100%;
}
#company_access .company_store p{
	width: 100%;
	margin-top: 10px;
	line-height: 150%;
}
#company_access .company_store p b{
	font-size: 18px;
	display:block;
	margin-bottom: 2px;
}
#company_access .map{
	display: table;
	width: 90%;
	margin: 35px auto 0;
}
#company_access .map h5{
	color: #fff;
	background-color: #418691;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 10px;
	margin: 50px 0 10px;
}

#company_access .map iframe{
	width: 100%;
	height: 300px;
}


/*
===============================================================================
プライバシーポリシー
===============================================================================
*/
#policy .caption{
	margin-bottom: 35px;
	font-size: 14px;
	line-height: 22px;
}
#policy .box{
	margin-bottom: 50px;
	font-size: 14px;
	line-height: 23px;
}
#policy .box b{
	font-size: 18px;
	border-bottom: 1px #888 solid;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
#policy ul{
	margin-bottom: 10px;
}
#policy ul li{
	padding-left: 35px;
	position: relative;
	margin-bottom: 10px;
}
#policy ul li span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


/*
===============================================================================
faq
===============================================================================
*/

#faq .faq_caption{
	text-align: left;
	margin-bottom: 50px;
}
#faq .faq_caption h4{
	color: #418691;
	font-size: 24px;
	line-height: 130%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#faq .faq_list{
	max-width: 100%;
	margin: 0 auto;
	line-height: 22px;
}
#faq .faq{
	margin-bottom: 25px;
}
/*ラベル*/
#faq .faq_cat{
	background-color: #f2f7f7;
	border-bottom: 1px solid #fff;
	padding: 20px;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
	margin-bottom: 10px;
}
#faq .faq_cat b{
	color: #418691;
	font-size: 22px;
	line-height: 100%;
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 4px;
}
#faq .faq_cat p{
	font-size: 14px;
	line-height: 20px;
	padding-right: 30px;
	margin-top: 10px;
}
#faq .faq_cat span{
	font-size: 15px;
	background-color: #418691;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 5px 10px 5px;
	line-height: 100%;
	vertical-align: text-bottom;
}

/*中身*/
#faq .faq_box{
	padding: 10px 0 10px 0;
}
#faq .faq_q{
	border-bottom: 1px #cccccc solid;
	margin-bottom: 5px;
	cursor: pointer;
	font-weight:bold;
	padding-bottom: 5px;
	position: relative;
	padding-left: 25px;
	padding-right: 50px;
}
#faq .faq_q::before{
	content: "Q";
	font-family: 'Bree Serif', serif;
	display: inline-block;
	color: #aaa;
	font-size: 25px;
	margin-right: 10px;
	position: absolute;
	top: -5px;
	left: 0;
}
#faq .faq_a{
	margin-bottom: 20px;
}
#faq .faq_a::before{
	content: "A";
	font-family: 'Bree Serif', serif;
	display: inline-block;
	color: #418691;
	font-size: 25px;
	margin-right: 10px;
}

#faq .faq_list .faq_label:hover {
	opacity: 0.8;
}
#faq .faq_list .faq_label .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}
#faq .faq_list .faq_q .i_box{
	top:8px;  
}
#faq .faq_list .faq_label .i_box .one_i {
	display: block;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}
#faq .faq_list .faq_label.open .i_box {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
#faq .faq_list .faq_label .i_box .one_i:before,
#faq .faq_list .faq_label .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 25px;
	height: 4px;
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: center center;
}
#faq .faq_list .faq_label .i_box .one_i:before {
	width: 4px;
	height: 25px;
	top: 0;
	left: 11px;
}
.#faq .faq_list .faq_label.open .i_box .one_i:before {
	content: none;
}
#faq .faq_list .faq_label.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#faq .faq_list .faq_Inner {
	display: none;
	padding: 0;
	box-sizing: border-box;
}
#faq .faq_list .faq_Inner .box_one {
	height: 300px;
}
#faq .faq_list .faq_Inner p.txt_a_ac {
	margin: 0;
}
#faq .list2 .faq_a::before{
	color: #8caa46;
}
#faq .list3 .faq_a::before{
	color: #f29844;
}
#faq .list4 .faq_a::before{
	color: #5a96c8;
}


#faq .list2 .faq_cat{
	background-color: #e7f0e6;
}
#faq .list3 .faq_cat{
	background-color: #fff0d9;
}

.faq_label.faq_cat {}
#faq .list4 .faq_cat{
	background-color: #e6f4ff;
}


#faq .faq_list .faq_label .i_box .one_i:before,
#faq .faq_list .faq_label .i_box .one_i:after{
	background-color: #418691;
}
#faq .faq_list .faq_box .faq_q .i_box .one_i:before,
#faq .faq_list .faq_box .faq_q .i_box .one_i:after{
	background-color: #418691;
}

#faq .list2 .faq_cat b{
	color: #8caa46;
}
#faq .list2 .faq_cat span{
	background-color: #8caa46;
}
#faq .list3 .faq_cat b{
	color: #f29844;
}
#faq .list3 .faq_cat span{
	background-color: #f29844;
}
#faq .list4 .faq_cat b{
	color: #5a96c8;
}
#faq .list4 .faq_cat span{
	background-color: #5a96c8;
}

#faq .list2 .faq_label .i_box .one_i:before,
#faq .list2 .faq_label .i_box .one_i:after,
#faq .list2 .faq_box .faq_q .i_box .one_i:before,
#faq .list2 .faq_box .faq_q .i_box .one_i:after{
	background-color: #8caa46;
}
#faq .list3 .faq_label .i_box .one_i:before,
#faq .list3 .faq_label .i_box .one_i:after,
#faq .list3 .faq_box .faq_q .i_box .one_i:before,
#faq .list3 .faq_box .faq_q .i_box .one_i:after{
	background-color: #f29844;
}
#faq .list4 .faq_label .i_box .one_i:before,
#faq .list4 .faq_label .i_box .one_i:after,
#faq .list4 .faq_box .faq_q .i_box .one_i:before,
#faq .list4 .faq_box .faq_q .i_box .one_i:after{
	background-color: #5a96c8;
}


a.more_btn {
	display:inline-block;
	background-color: #418691;
	color: white;
	padding: 3px;
	margin-left: 10px;
	border-radius: 6px;
	font-size: 12px;
}

/*
===============================================================================
お客様の声
===============================================================================
*/
.voice{
	margin-bottom:80px;
}
.voice .caption h4{
	color: #418691;
	font-size: 24px;
	line-height: 120%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
}
.voice .caption{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 35px;
}

#voice{
	display: table;
	padding: 30px 20px;
	background-color: #f2f7f7;
	border-radius: 10px;
	margin-bottom: 40px;
}

section#voice.contents {
	background: url(../../parts/garland.png);
	background-position: right 0% top 0%;
	background-repeat: no-repeat;
	background-size: 100px 100px;
	background-color: #f2f7f7;
}

#voice .box{
	width: 100%;
	height: auto;
	display: table;
	font-size: 16px;
}
#voice .box b{
	font-family: 'Bree Serif', serif;
	color: #80b0b4;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px solid #80b0b4;
	padding-bottom: 10px;
}
#voice .box h5{
	display: block;
	font-size: 22px;
	color: #418691;
	font-weight: bold;
	margin-bottom: 10px;
}
#voice .box p{
	display: block;
}
#voice figure{
	width: 100%;
}
#voice figure img{
	max-width: 100%;
	height: auto;
}
#voice .riyo{
	border-top:2px dashed #d8d8d7;
	padding-top: 14px;
	margin-top: 15px;
}
#voice .riyo b{
	font-weight: bold;
	font-size: 16px;
}
#voice .riyo ul{
	width: 100%;
	display: table;
	margin-top: 5px;
}
#voice .riyo ul li{
	display: block;
	margin-bottom: 5px;
	line-height: 120%;
}
#voice .riyo ul li::before {
	content: "■";
	display: inline-block;
	margin-right: 4px;
	color: #80b0b4;
	font-size: 10px;
	vertical-align: bottom;
}
#voice figure{
	text-align: left;
}
#voice figure span{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	display: block;
	margin: 5px;
}





/*
===============================================================================
土地又は家を売りたい
===============================================================================
*/
#s_caption{
	position: relative;
}
#s_caption::before{
	content: "";
	display: block;
	width: 130px;
	height: 130px;
	background: url(../../parts/board2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 130px;
	position: absolute;
	bottom: -50px;
	left: 10px;
	z-index: 1;
}
#s_caption::after{
	content: "";
	display: block;
	width: 250px;
	height: 250px;
	background: url(../../parts/soudan.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 250px;
	position: absolute;
	bottom: -50px;
	right: -90px;
}
#s_caption h4{
	color: #f29844;
	font-size: 22px;
	line-height: 130%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 2px;
}
#s_caption .box{
	width: 100%;
	display: table;
	margin: 0 auto;
	position: relative;
}
#s_caption .text{
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
#s_caption .text::before{
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: url(../../parts/sell_parts1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100px;
	position: absolute;
	top: -50px;
	left: -20px;
	z-index: -1;
}
#s_caption .text::after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../parts/kao1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	bottom: -50px;
	left: -10px;
	z-index: 1;
}
#s_caption .text h5{
	margin-bottom: 10px;
}
#s_caption .text h5 span{
	font-size: 20px;
	color: #ffffff;
	background-color: #40210f;
	display: block;
	font-weight: bold;
	padding: 3px 0;
	position: relative;
	z-index: 1;
	text-align: center;
}
#s_caption .text h5 span:first-child{
	margin-bottom: 5px;
}
#s_caption figure{
	width: 100%;
}
#s_caption figure::before{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../parts/kao2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	top: -55px;
	right: -10px;
}
#s_caption figure::after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../parts/cloud.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	top: -100px;
	right: -20px;
	z-index: 1;
}
#s_caption figure img{
	width: 100%;
	height: auto;
}

/*相談*/
#s_about{
	width: 90%;
	height: auto;
	margin: 0 auto 80px;
}
#s_about li {
	margin-bottom: 30px;
}
#s_about li .s_tit{
	width: 250px;
	height: 250px;
	background: url(../../parts/hexagon2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	text-align: center;
	z-index:5;
	padding-top: 120px;
	display: block;
	margin: 0 auto;
}

#s_about li .s_tit::before{
	content: "";
	display: block;
	width: 320px;
	height: 275px;
	background: url(../../parts/hexagon1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: -25px;
	z-index:-5;
}
#s_about li .s_tit::after{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(../../parts/line7.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	position: absolute;
	top: -20px;
	right: 35px;
}



#s_about li .s_tit h4{
	font-weight: bold;
	font-size: 18px;
	padding-right: 20px;
	position: relative;
	letter-spacing: -1px;
	color: #40210f;
}
#s_about li .s_tit h4::before{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../../parts/mark.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -25px;
}
#s_about li .s_tit h4::after{
	content: "";
	display: block;
	width: 120px;
	height: 120px;
	background: url(../../parts/human1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	position: absolute;
	bottom: -50px;
	right: -60px;
	margin-left: -97.5px;
}
#s_about li:nth-child(2) .s_tit h4::after{
	background: url(../../parts/human2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	bottom: -80px;
	right: -50px;
}
#s_about li:nth-child(3) .s_tit h4::after{
	background: url(../../parts/human3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	right: -50px;
}


#s_about li .text{
	background-color: #fff0d9;
	width: 100%;
	margin: -80px auto 0;
	height: 275px;
	display: table;
	padding: 90px 20px 30px;
}
#s_about li .text p{
	margin-bottom: 10px;
	font-feature-settings: "palt";
}
#s_about li .text p:last-child{
	margin-bottom: 0;
}
#s_about li .text span{
	color: #f29844;
	font-weight: bold;
}
#s_about li .s_tit::before{
	content: "";
	display: block;
	width: 100%;
	height: 250px;
	background: url(../../parts/hexagon1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: -10px;
	z-index:-5;
}

/*相談*/
#s_sodan{
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	background: url(../../parts/sell_bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	background-size:1920px 350px;
}
#s_sodan::after{
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: url(../../parts/house_line.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	margin-top: 20px;
}
#s_sodan h4{
	font-size: 25px;
	color: #40210f;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 30px;
}
#s_sodan h4::before{
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url(../../parts/mark2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	margin: 0 auto 30px;
}
#s_sodan p{
	position: relative;
	display: inline-block;
}
#s_sodan p::before{
	content: "";
	width: 70px;
	height: 70px;
	display: block;
	background: url(../../parts/note3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70px;
	position: absolute;
	top: -150px;
	left: 10px;
}
#s_sodan p::after{
	content: "";
	width: 80px;
	height: 80px;
	display: block;
	background: url(../../parts/tree.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	position: absolute;
	top: -150px;
	right: 0;
}



#s_sodan ul{
	width: 90%;
	margin: 20px auto 0;
	display: table;
}
#s_sodan ul li{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}
#s_sodan ul li span{
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	color: #f29844;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
}
#s_sodan ul li span::before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../../parts/line5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	bottom: -15px;
	left: -40px;
}
#s_sodan ul li span::after{
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../../parts/line6.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	bottom: -15px;
	right: -40px;
}
#s_sodan a.btn{
	background-color: #f29844;
	width: 300px;
	height: 60px;
	font-size: 20px;
	padding: 18px 0;
	padding-left: 10px;
	margin-top: 50px;
}
#s_sodan a.btn:hover{
	background-color:#f3b752;
}

#s_sodan a.btn::before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../../parts/mail.png);
	background-position: center;
	background-size: 30px;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 50px;
}
#s_sodan a.btn::after{
	transform: rotate(90deg);
	top: 23px;
	right: 30px;
}


#s_sodan a.btn figure{
	position: absolute;
	top: -99px;
	left: 50%;
	margin-left: -175px;
	width: 350px;
}

/*流れ*/
#flow {
	width: 100%;
	margin: 0 auto;
}
#flow h4{
	font-size: 25px;
	color: #40210f;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}
#flow ul{
	width: 100%;
	display: table;
	height:auto;
	margin: 0 auto;
}
#flow ul li{
	width: 100%;
	display: table;
	background-color: #f7f7f7;
	clear: both;
	margin-bottom: 40px;
	padding: 50px 5% 20px;
	position: relative;
}
#flow ul li:nth-child(odd){
	margin-top:-40px;
}
#flow ul li:first-child{
	margin-top:0;
	padding-top: 25px;
}
#flow ul li:nth-child(2n){
	background-color: #ffffff;
	padding-top: 0;
}
#flow ul li span{
	width: 65px;
	height: 65px;
	text-align:center;
	position: relative;
	display: inline-block;
	margin-left: -10px;
}
#flow ul li span img{width: 100%;}
#flow ul li h5{
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #40210f;
	display: inline-block;
}
#flow ul li .text{
	width: 100%;
	font-size: 14px;
	margin-top: 10px;
}

#flow ul li .text .link{
	margin-top: 10px;
	display: table;
	width: 100%;
}
#flow ul li .text .link a{margin: 0 auto 5px;display: block;text-align: center;}
#flow ul li .text .link a.link_c,
#flow ul li .text .link a.link_r{
	width: 49%;
	height: 42px;
	line-height: 42px;
	display: block;
	color: #fff;
	background-color: #f3b752;
	position: relative;
	font-weight: bold;
	font-size: 14px;
	border-radius: 8px;
	text-align: center;
	padding-left: 10px;
	float: left;
}
#flow ul li .text .link a.link_r{
	background-color: #40210f;
	margin-left: 2%;
}
#flow ul li .text .link a.link_c::before,
#flow ul li .text .link a.link_r::before{
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	background: url(../../parts/mail.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	position: absolute;
	top: 7px;
	left: 15px;
}
#flow ul li .text .link a.link_r::before{
	background: url(../../parts/clover.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	left: 20px;
}
#flow ul li .text .link p{
	color: #40210f;
	font-size: 11px;
	display: block;
}



#flow ul li::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 300px solid transparent;
	border-top: 40px solid #f7f7f7;
	border-right: 300px solid transparent;
	display:block;
	margin: 0 auto;
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -300px;
	z-index: 1;
}
#flow ul li:nth-child(2n)::after{
	border-top: 40px solid #fff;
}
#flow ul li:nth-child(7)::after{
	display:none;
}
#flow ul li:nth-child(7){
	padding-bottom:40px;
	margin-bottom: 0;
}

/*
===============================================================================
査定・ご相談フォーム
===============================================================================
*/

#sell_contact {
	width: 100%;
	margin: 0 auto;
	background-color:#fff3e1;
	padding: 80px 5% 80px;
}
#sell_contact p{
	font-size: 14px;
	line-height: 22px;
}
#sell_contact .contact_form{
	width: 100%;
	height: auto;
	padding: 20px 0 20px;
}
#sell_contact h4{
	font-size: 25px;
	line-height: 100%;
	color: #40210f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px #f29844 solid;
	margin-bottom: 35px;
}
#sell_contact .text{
	font-size: 14px;
	line-height: 22px;
	margin-top: 30px;
}
#sell_contact .contact_box a{
	width: 100%;
	border:1px solid;
	display: block;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto 0;
	text-align: center;
	background-color: #ffffff;
	line-height: 20px;
}
#sell_contact .contact_box a img{
	display: block;
	margin: 5px auto 0;
	width: 90%;
}
#sell_contact table td input[type="radio"]{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 0;
}

/*査定フォーム　共通*/
#sell_contact table{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	padding: 0 5%;
	background-color: #ffffff;
}
#sell_contact table tbody{
	width: 100%;
}
#sell_contact table th,
#sell_contact table td{
	text-align: left;
	width: 100%;
	display: block;
}
#sell_contact table td input{
	height: 30px;
	width: 100%;
	display: block;
}
#sell_contact table th{
	position: relative;
	vertical-align: baseline;
	padding-top:10px;
	line-height: 20px;
}
#sell_contact table th.must::after{
	content: "必須";
	display: inline-block;
	color: #ffffff;
	background-color: #f29844;
	width: 35px;
	height: 18px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	margin-left:5px;
}
#sell_contact table td{
	display: table;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 20px;
}
#sell_contact table td textarea{
	width: 100%;
	height: auto;
}
#sell_contact table tr td select{
	height:30px;
}
#sell_contact table tr ul li span{
	margin-right: 10px;
}


/*お客様情報*/
#sell_contact table.tb2 tr:last-child td{
	border:0;
}
#sell_contact table.tb2 tr:first-child input,
#sell_contact table.tb2 tr:nth-child(2) input{
	width: 48%;
	float: left;
}
#sell_contact table.tb2 tr:first-child input:first-child,
#sell_contact table.tb2 tr:nth-child(2) input:first-child{
	margin-right: 1%;
}
#sell_contact table.tb2 tr:nth-child(4) input{
	width:100px;
	display:inline-block;
}

/*物件情報*/
#sell_contact table.tb3 tr:nth-child(4) ul input{
	width:100px;
	display:inline-block;
}
#sell_contact table.tb3 tr:nth-child(4) ul li{
	margin-top:10px;
}
#sell_contact table.tb3 tr:nth-child(4) ul li:last-child input{
	width: 100%;
	display: block;
}


#sell_contact .p_policy{
	width: 100%;
	height: 150px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 15px;
	border:1px #c5c4c4 solid;
	margin-top: 20px;
}
#sell_contact .p_policy  .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#sell_contact .p_policy b{
	font-size: 14px;
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}
#sell_contact .p_policy p{
	font-size: 12px;
	line-height: 18px;
}
#sell_contact .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 20px;
}

/* page navi */


section#paging {
	padding: 0 0 100px;
	background: #fff;
}

section#paging div.paging {
	width: 95%;
	margin: 0 auto 50px;
	position: relative;
}

section#paging div.paging div.prev {
	position: absolute;
	width: 30%;
	left: 0;
}

section#paging div.paging div a {
	display: block;
	border: solid 1px #8db8bb;
	background: #8db8bb;
	color: #fff;
	border-radius: 5px;
	width: 100%;
	text-align: center;
	padding: 8px 0;
}

section#paging div.paging div.next {
	position: absolute;
	width: 30%;
	right: 0;
}

section#paging div.paging div.more {
	position: absolute;
	width: 30%;
	left: 0;
	right: 0;
	margin: auto;
}








/*タブエリア　岐阜県*/
#p_area_list .product_tab_list ul li span.gifuken{
	background-color:#004972;
}
.other_archive #p_area_list .product_tab_list ul li span.gifuken{
	background-color:#4f9141;
}









/*ポップアップ*/
.modaal-gallery-label{
	font-size:14px;
}
.modaal-gallery-label{
	margin-top:10px;
}


.preview_pickup{
	padding-top: 130px;
}




/*
===============================================================================
新着情報内　記事
===============================================================================
*/
#single_box .blog_box {
	word-wrap: break-word;
	display: table;
	width: 100%;
	margin: 0 auto;
	overflow-wrap: break-word;
}

#single_box .blog_box img,
#single_box .blog_box iframe {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 10px 0;
}

#single_box .blog_box img.aligncenter {
	display: block;
	margin: 10px auto;
	text-align: center;
}

#single_box .blog_box p {
	margin: 20px 0;
}

#single_box .blog_box a {
	text-decoration: underline;
}

#single_box .blog_box h1,
#single_box .blog_box h2,
#single_box .blog_box h3,
#single_box .blog_box h4,
#single_box .blog_box h5,
#single_box .blog_box h6 {
	font-style: auto;
	font-weight: auto;
	line-height: 140%;
}
/*
===============================================================================
ページネーション
===============================================================================
*/
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.lh_caption_area {
    width: 100%;
    max-width: 1000px; /* #p_mainの幅に合わせる */
    margin: 0 auto 60px;
    padding: 0 20px;
}
.lh_caption_area p {
    line-height: 1.1rem;
    font-size: 0.9rem;
}




/* --- 物件詳細 上部サマリーエリア (スマホ用) --- */
#m_summary_top {
    padding: 10px 0 20px;
}

/* 価格部分 */
#m_summary_top .price_area {
    display: flex;
    align-items: baseline;
    margin-bottom: 15px;
}
#m_summary_top .price_label {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}
#m_summary_top .price_value {
    font-size: 32px; /* PCより少し小さく */
    color: #d90000;
    font-weight: bold;
}
#m_summary_top .price_unit {
    font-size: 14px;
    margin-left: 5px;
}

/* 所在地・面積部分 */
#m_summary_top .info_area ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* 横幅が溢れたら折り返す */
    gap: 10px; /* 項目間の余白 */
}
#m_summary_top .info_area li {
    display: flex;
    align-items: center;
    font-size: 13px;
}
/* 1つ目（所在地）は幅100%で独立 */
#m_summary_top .info_area li:nth-child(1) {
    width: 100%;
}
/* 2つ目・3つ目（土地・建物面積）は半分ずつにして横並び */
#m_summary_top .info_area li:nth-child(2),
#m_summary_top .info_area li:nth-child(3) {
    width: calc(50% - 5px);
}
#m_summary_top .info_label {
    background-color: #f0f0f0;
    color: #333;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    white-space: nowrap;
    margin-right: 8px;
}
/* --- 価格ラベルのデザイン変更 --- */
#m_summary_top .price_label {
    background-color: #5b9bd5; /* 添付画像に近い青色 */
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 6px; /* 角丸 */
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 軽いドロップシャドウ */
    margin-right: 15px;
    display: inline-block;
    line-height: 1;
}

/* 税込テキストのスタイル */
#m_summary_top .price_tax {
    font-size: 14px;
    margin-left: 5px;
    color: #333;
}

/* --- ギャラリーのレイアウト崩れ修正 (スマホ用) --- */
#m_gallery ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr); /* 3列に均等割り */
    gap: 10px 5px; /* 縦の余白10px、横の余白5px（必要に応じて調整） */
}

#m_gallery ul li {
    width: 100% !important;  /* 既存のwidthをリセット */
    margin: 0 !important;    /* 既存のmarginをリセット */
    float: none !important;  /* 既存のfloat（段落ちの原因）を解除 */
    vertical-align: top;
}

#m_gallery ul li p {
    margin-top: 5px;
    font-size: 11px; /* スマホ用に文字サイズを調整する場合 */
    line-height: 1.3;
}