@charset "utf-8";

/*
===============================================================================
共通
===============================================================================
*/
section{
	margin-bottom: 100px;
}
.contents{
	width: 1280px;
	margin: 0 auto;
}
section.contents{
	margin-bottom: 100px;
}

.slick-next:before{
	content: "";
	background: url(../../parts/next.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	width: 35px;
	height: 35px;
	display: block;
	opacity: 1;
}
.slick-prev:before{
	content: "";
	background: url(../../parts/prev.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	width: 35px;
	height: 35px;
	display: block;
	opacity: 1;
}



/*基本ボタン*/
a.btn{
	width:300px;
	height: 60px;
	display: block;
	margin: 40px auto 0;
	text-align: center;
	color: #ffffff;
	background-color: #40210f;
	padding: 17px 90px;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
}
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: 23px;
	right: 15px;
}
a.btn:hover{
	opacity:1;
	background-color:#805b47;
}

/* pickup　ボタン　ここだけ色変更 */

a.blue_btn{
	width:300px;
	display: block;
	margin: 17px auto 0;
	text-align: center;
	color: #ffffff;
	background-color: #418691;
	padding: 5px 90px;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
}

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: 10px;
	right: 15px;
}
a.blue_btn:hover{
	opacity:1;
	background-color:#80b0b4;
}
/* リノベ　ボタン */

#top_service .tpo_house ul li a.btn {
	width: 80%;
	height: 40px;
	display: block;
	font-size: 14px;
	margin: 16px auto 0;
	text-align: center;
	color: #ffffff;
	background-color: #40210f;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	padding: 8px 0px;

}

#top_service .tpo_house ul li 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: 13px;
	right: 15px;
}
/*
===============================================================================
トップページ
===============================================================================
*/
/*スライド*/
.top .main_slide {
	width: 100%;
	height: auto;
	margin: 158px auto 0;
	background-color: #f2f7f7;
	overflow: hidden;
}
.top .main_slide img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	aspect-ratio: 23 / 12;
}

.top .slide .slick-prev:before,
.top .slide .slick-next:before {
	color: #808080;
}
.top .swiper-slide{
	padding: 0 25px;
}
.top .swiper-slide-duplicate-active{
	opacity:1;
}
.top .swiper-slide-next,
.top .swiper-slide-prev{
	opacity:0.1;
}
.swiper-button-next,
.swiper-button-prev{
	color: #aaaaaa;
}
.top .swiper-button-prev{
	left:15.5%;
}
.top .swiper-button-next{
	right:15.5%;
}



/*ウェルカム*/
#welcom{
	background-color: #f2f7f7;
	text-align: center;
	padding: 250px 0 130px;
}
#welcom .contents{
	border-bottom: 5px solid #80b0b4;
	border-left: 5px solid #80b0b4;
	border-right: 5px solid #80b0b4;
	position: relative;
	padding-bottom: 60px;
}
#welcom .contents::before{
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	background: url(../../parts/leaf_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 160px;
	position: absolute;
	top: -30px;
	left: -35px;
	z-index: 2;
}
#welcom .contents::after{
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	background: url(../../parts/leaf_right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 160px;
	position: absolute;
	top: -30px;
	right: -35px;
}
#welcom h3{
	position: absolute;
	top: -170px;
	left: 50%;
	margin-left: -280px;
}
#welcom h4{
	font-size: 38px;
	color: #40210f;
	font-family: 'Noto Sans JP';
	font-weight: 900;
	line-height: 100%;
	margin-bottom: 25px;
	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: 70px;
	height: 70px;
	display: block;
	background: url(../../parts/kirakira_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70px;
	position: absolute;
	bottom: -80px;
	left: 240px;
}
#welcom h4::after{
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../parts/kirakira_right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	position: absolute;
	top: -60px;
	right: 300px;
}
#welcom figure{
	position: absolute;
}
#welcom figure.pic1{
	top: -170px;
	left: 190px;
}
#welcom figure.pic2{
	top: -50px;
	left: 50px;
}
#welcom figure.pic3{
	top: -170px;
	right: 50px;
}
#welcom figure.character{
	bottom: -35px;
	right: 65px;
	background-color: #f2f7f7;
}
#welcom a.btn{
	width:400px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -200px;
}

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

#top_service{
	position: relative;
}
#top_service::before{
	content: "";
	display: block;
	width:630px;
	height: 1275px;
	background: url(../../parts/bg1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 630px 1275px;
	position: absolute;
	top: 0;
	right: 0;
}

#top_service::after{
	content: "";
	display: block;
	width:385px;
	height: 1460px;
	background: url(../../parts/bg2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 385px 1460px;
	position: absolute;
	top: 640px;
	left: 0;
}
#top_service h3 span::after{
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: url(../../parts/plant.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100px;
	position: absolute;
	top: -45px;
	right: -190px;
}


/*トップ 新着情報*/
#top_nwes h3::before{
	content: "";
	width: 170px;
	height: 60px;
	display: block;
	background: url(../../parts/flag.png);
	background-repeat: no-repeat;
	background-size: 170px 60px;
	position: absolute;
	top: -10px;
	left:-230px;
}
#top_nwes h3::after{
	content: "";
	width: 170px;
	height: 60px;
	display: block;
	background: url(../../parts/flag.png);
	background-repeat: no-repeat;
	background-size: 170px 60px;
	position: absolute;
	top: -10px;
	right:-210px;
}
#top_nwes h3 span::before{
	content: "";
	width: 80px;
	height: 80px;
	display: block;
	background: url(../../parts/rap.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	position:absolute;
	top: -55px;
	left: -85px;
}
#top_nwes ul{
	width: 100%;
	display: table;
}
#top_nwes ul li{
	padding: 15px 0;
	border-top:2px dashed #d8d8d7;
}
#top_nwes ul li a{
	display: flex;
	align-items: center;
}

#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: 65px;
}
#top_nwes ul li p{
	width: 830px;
	position: relative;
	margin-left: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.4em;
	padding-left: 2em;
}
#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: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*トップ ピックアップ*/
#top_pickup h3::before{
	content: "";
	width: 95px;
	height: 65px;
	display: block;
	background: url(../../parts/leaf2_left.png);
	background-repeat: no-repeat;
	background-size: 95px 65px;
	position: absolute;
	top: -10px;
	left:-110px;
}
#top_pickup h3::after{
	content: "";
	width: 95px;
	height: 65px;
	display: block;
	background: url(../../parts/leaf2_right.png);
	background-repeat: no-repeat;
	background-size: 95px 65px;
	position: absolute;
	top: -10px;
	right:-110px;
}
#top_pickup h3 span::before{
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../parts/bird.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	position:absolute;
	top: -80px;
	right: -155px;
}
#top_pickup ul{
	width: 100%;
	display: table;
}
#top_pickup ul li{
	width: 620px;
	height: auto;
	float: left;
}
#top_pickup ul li:last-child{
	float: right;
}
#top_pickup figure{
	width: 620px;
	height: 370px;
	border: 8px solid #e6eff0;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#top_pickup figure b{
	width: auto;
	height: 40px;
	display: block;
	background-color: #418691;
	color: #ffffff;
	position: absolute;
	top: -8px;
	left: -8px;
	font-size: 22px;
	padding: 7px 0px 7px 15px;
}
#top_pickup figure b::after{
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../parts/parts.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	position: absolute;
	top:0;
	right: -40px;
}
#top_pickup figure img{
	width: 620px;
	height: 370px;
	object-fit: cover;
}
#top_pickup figure span{
	position: absolute;
	background-color: #787574;
	color: #ffffff;
	bottom: -45px;
	right: -8px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
}
#top_pickup .box{
	width: 100%;
	height: 140px;
	display: table;
	padding: 20px 30px 0 30px;
}
#top_pickup .box h4{
	font-size: 24px;
	color: #418691;
	line-height: 100%;
	font-weight: 900;
	margin-bottom: 15px;
}
#top_pickup .box p{
	width: 270px;
	height: auto;
	float: left;
	text-align: left;
	text-indent: -1em;
	padding-left: 2em;
}
#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;
}
#top_service h3,
#top_service h3 span{
	color: #fff;
}
#top_service h3::after{
	content: "";
	width: 170px;
	height: 170px;
	display: block;
	background: url(../../parts/light.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 170px;
	position: absolute;
	top: -50px;
	left: -500px;
}
#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: 1280px;
	height: auto;
	background: #ffffff;
	border-radius: 10px;
	padding: 70px 140px 50px;
	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 80px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .tit h4{
	font-family: 'Noto Sans JP';
	font-size: 38px;
	color: #40210f;
	font-weight: 900;
	text-align: center;
	display: block;
	margin: 0 auto 15px;
	background-color: #ffffff;
	width: fit-content;
	padding:0 25px 0 120px;
	position: relative;
	font-feature-settings: "palt";
}
#top_service .tit h4::before{
	content: "";
	display: block;
	width: 85px;
	height: 85px;
	background: url(../../parts/signboard.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85px;
	position: absolute;
	top: -20px;
	left: 15px;
}
#top_service .tit h4 span{
	color: #418691;
	font-size: 53px;
	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%;
}
#top_service .tit p{
	margin: 30px 0;
}
#top_service .tit b.sub_point{
	width: auto;
	background-color: #5a96c8;
	color: #fff;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 50px;
	margin-bottom: 20px;
}
#top_service .top_land .tit b.sub_point{
	background-color:#418691;
}
#top_service .top_other .tit b.sub_point{
	background-color: #8caa46;
	position:relative;
}
#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 120px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .tpo_house .tit h4::before{
	content:"今すぐ";
	display:block;
	width: 80px;
	height: 80px;
	color:#5a96c8;
	background:none;
	/* 	background-color:#5a96c8; */
	border: 2.5px solid #5a96c8;
	font-weight: bold;
	border-radius: 50%;
	line-height: 80px;
	font-size: 20px;
	left: 200px;
	transform: rotate(-10deg);
}
#top_service .tpo_house .tit h4 span,
#top_service .tpo_house .tit small{
	color: #5a96c8;
}
#top_service .tpo_house .tit h4{
	font-size:25px;
	line-height: 1.3;
	padding-left: 110px;
}
#top_service .tpo_house .tit h4 span{
	font-size: 42px;
}
/*色分け 土地・中古物件*/
#top_service .top_other .tit{
	background: url(../../parts/line3.png);
	background-position: center top 80px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .top_other .tit h4::before{
	background: url(../../parts/book.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85px;
}
#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 15px;
	background-repeat: repeat-x;
	background-size: 121px 7px;
}
#top_service .top_sell .tit h4::before{
	background: url(../../parts/cloud.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85px;
}
#top_service .top_sell .tit h4 span,
#top_service .top_sell .tit small{
	color: #f3b752;
}

/*土地*/
.top_land .town{
	width: 545px;
	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";
}
.top_land .town span{
	font-size: 22px;
	color: #418691;
	font-family: 'Noto Sans JP';
	display: block;
	font-weight: 900;
}
.top_land .town  p{
	width: 310px;
	height:auto;
	display: block;
	float: right;
	font-size: 14px;
	line-height: 20px;
	padding-top: 10px;
}
#top_service .service_box .box{
	width: 100%;
	position: relative;
	display: table;
}
#top_service .top_other{
	min-height: 750px;
}
/*エリア（大）*/
#top_service figure.shiga_area{
	width: 405px;
	height: auto;
	position:absolute;
	top: -140px;
	right: 0;
}
#top_service .top_land figure.shiga_area{
	position:absolute;
	top: -90px;
	right: 0;
}
#top_service figure.shiga_area a{
	width: max-content;
	background-color: #ffffff;
	border: 2px #418691 solid;
	border-radius: 50px;
	color: #418691;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: absolute;
	letter-spacing: 0;
	padding: 8px 30px;
	line-height: 1;
}

#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: 15px;
	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: 110px;
	right: 152px;
	position:absolute;
}

#top_service figure.shiga_area .aichiken{
	right: 100px;
	bottom: 220px;
	position:absolute;
}
#top_service .tab{
	position:absolute;
	border:0;
	width:auto;
}
#top_service figure.shiga_area .kohoku{
	top: 175px;
	right: 256px;
}
#top_service figure.shiga_area .kosei{
	top: 230px;
	left: 20px;
}
#top_service figure.shiga_area .koto{

	bottom: 150px;
	right: 290px;
}
#top_service figure.shiga_area .konan{
	top: 375px;
	right: 245px;
}

.tab.higashiomi,.tab.area01{
	top: 290px;
	right: 300px;
}

#top_service figure.shiga_area .other{
	top: 235px;
	right: 150px;
}
.tab.gifuken a{
	background-color:#004972;
}
.tab-area.gifuken .tab.gifuken a{
	background-color:#e6eff0;
	color:#004972;
}
.other_archive .tab-area.gifuken .tab.gifuken a{
	color:#4f9141;
}
.other_archive .tab.gifuken a{
	background-color:#4f9141;
}



#top_service figure.shiga_area a:hover{
	background-color:  #418691;
	border: 2px #418691 solid;
	border-radius: 50px;
	color: #ffffff;
	opacity:1;
}
#top_service figure.shiga_area a:hover::after{
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
}
#top_service .top_other figure.shiga_area a:hover{
	background-color:  #8caa46;
	border: 2px #8caa46 solid;
	border-radius: 50px;
	color: #ffffff;
}


/*土地・戸建物件  */

#top_service figure.shiga_area .gifuken{
	top: 60px;
	right: 110px;
	position:absolute;
}


#top_service .top_other figure.shiga_area .kohoku{
	top: 180px;
	right: 200px;
}
#top_service .top_other figure.shiga_area .kosei{
	top: 230px;
	left: 20px;
}
#top_service .top_other figure.shiga_area .koto{
	bottom: 150px;
	right: 230px;
}
#top_service .top_other figure.shiga_area .konan{
	top: 385px;
	right: 170px;
}

#top_service .top_other figure.shiga_area .area02{
	top: 410px;
	right: 355px;

}

.top_other .tab.higashiomi,.top_other .tab.area01{
	top: 290px;
	right: 225px;
}

#top_service .top_other figure.shiga_area .other{
	top: 235px;
	right: 150px;
}




/*エリア（小）*/
#top_service .area_small{
	width: 545px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
#top_service .area_small ul{
	width: 260px;
	display: table;
}
#top_service .area_small ul li{
	width: 100%;
	margin-bottom: 20px;
	display: table;
}
#top_service .area_small ul li b{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Sans JP';
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: #80b0b4;
	display: block;
	padding: 0 8px;
	margin-bottom: 10px;
}
#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: 15px;
	letter-spacing: -1px;
}
#top_service .area_small ul:nth-child(2) li:first-child a{
	min-width: 105px;
}
#top_service .area_small ul li a:hover{
	text-decoration: underline;
}

/*土地＋家*/
#top_service .tpo_house ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#top_service .tpo_house ul li{
	width: 308px;
	height:auto;
}
#top_service .tpo_house ul li a{
	width:80%;
	display:block;
}
#top_service .tpo_house ul li b{
	color: #5a96c8;
	font-size: 20px;
	margin: 13px 0 11px;
	display: block;
	text-align: center;
}
#top_service .tpo_house ul li p{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	height:65px;
}

/*売る*/
#top_service .top_sell{
	position: relative;
}
#top_service .top_sell .tit h4 b{
	font-family: 'Noto Sans JP';
	font-size: 53px;
	font-weight: 900;
}
#top_service .top_sell figure.fig{
	position: absolute;
	top: 205px;
	left: 130px;
}
#top_service .top_sell figure.pic{
	position: absolute;
	top: 115px;
	right: 125px;
}
#top_service .top_sell a.btn{
	width:500px;
}
/*トップ リンクエリア*/
#link_box{
	display: flex;
	justify-content: space-between;
}
#link_box .tit{
	text-align: center;
}
#top_about .tit h3,
#top_blog .tit h3{
	font-size: 46px;
	font-family: 'Bree Serif', serif;
	color: #40210f;
	margin-bottom:10px;
	letter-spacing: 2px;
}
#top_blog .tit h3{
	color: #418691;
}
#top_about .tit span,
#top_blog .tit span{
	font-size: 18px;
	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:5px;
	right:20px;
}

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

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

#top_blog a{
	font-size: 14px;
	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: 115px;
	height: 115px;
	background: url(../../parts/leaf_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 115px;
	position: absolute;
	top: -20px;
	left: -20px;
}
#top_blog::after{
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background: url(../../parts/blue.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	position: absolute;
	bottom: 10px;
	right: 20px;
}
#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: 70px 65px;
	position: absolute;
	top: -20px;
	left: 50px;
}
#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: 95px 25px;
	position: absolute;
	top:  30px;
	right: 0;
}
/*トップ お客様の声 FAQ*/
#link_box .page_link{
	width: 395px;
	height: 430px;
	display: table;
}
#link_box .page_link a{
	width: 395px;
	height: 190px;
	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: 65px;
	position: relative;
}
#link_box .page_link a .tit h3{
	font-size: 36px;
	line-height: 50px;
	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{
	margin-top: 30px;
	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: 50px 105px;
	position: absolute;
	top: 30px;
	right: 10px;
}
#link_box .page_link a:last-child::before{
	content: "";
	display:block;
	width: 65px;
	height: 65px;
	background: url(../../parts/plant2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 65px;
	position: absolute;
	top: auto;
	bottom: 30px;
	left: 75px;
}
/*
===============================================================================
ページ　共通
===============================================================================
*/
/*ページタイトル*/
.page_tit{
	width: 100%;
	height: auto;
	display:block;
	margin-top: 145px;
	overflow:hidden;
}
.page_tit h3{
	width: 100%;
	height: 185px;
	display: block;
	text-align: center;
	color: #fff;
	font-family: 'Bree Serif', serif;
	line-height: 100%;
	font-size: 45px;
	padding-top: 55px;
	background: url(../../parts/page_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:auto 100%;
	letter-spacing: 3px;
}
.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;
}
.other_tit h3{
	background: url(../../parts/other_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.land_house_tit h3{
	background: url(../../parts/land_house_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.sell_tit h3{
	background: url(../../parts/sell_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.faq_tit h3{
	background: url(../../parts/faq_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.voice_tit h3{
	background: url(../../parts/voice_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.company_tit h3{
	background: url(../../parts/company_tit.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1920px) {
	.page_tit h3{
		background-size:100% auto!important;
	}
}


.page_tit h3 span{
	display: block;
	font-size: 20px;
	margin-top:15px;
	line-height: 100%;
	font-weight: bold;
	letter-spacing: 5px;
}

/*パンくず*/
ul.breadmenu{
	width:98%;
	max-width: 1280px;
	margin: 15px auto 50px;
	display:table;
}
ul.breadmenu li{
	width: auto;
	display: block;
	float: left;
	font-size: 14px;
	margin-right: 15px;
}
ul.breadmenu li::after{
	content: "＞";
	font-size: 14px;
	display: block;
	margin-left: 15px;
	display: inline-block;
}
ul.breadmenu li:last-child{
	margin-right: 0;
}
ul.breadmenu li:last-child::after{
	display: none;
}
/*
===============================================================================
分譲地情報
===============================================================================
*/
.product{
	width: 1280px;
	margin: 0 auto;
}
.product section{
	width:1000px;
	margin: 0 auto;
	overflow: hidden;
}
.product h4.p_tit{
	color: #418691;
	font-size: 28px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
.other h4.p_tit{
	color: #8caa46;
}
.model h4.p_tit{
	color: #5a96c8;
}

/*分譲地 物件*/
.product #p_main{
	width: 100%;
	margin-bottom: 0;
}
.product #p_main span{
	font-size: 18px;
	display: block;
	text-align: center;
	width: auto;
	height: 35px;
	background-color: #eeefef;
	line-height: 35px;
	font-weight:bold;
	padding: 0 40px;
	display: inline-block;
}
.product #p_main h4{
	font-size: 40px;
	border-bottom: 1px #418691 solid;
	display: block;
	font-weight:bold;
	line-height: 100%;
	padding-bottom: 15px;
	margin: 25px 0 15px;
	color: #40210f;
	text-align: left;
}
.other #p_main h4{
	border-bottom: 1px #4f9141 solid;
}
.product #p_main h4 b{
	border: 1px #dddddd solid;
	font-size: 20px;
	padding: 10px;
	letter-spacing: 0;
	vertical-align: bottom;
	margin-right: 15px;
	color: #666666;
}


.product #p_main ul{
	width: 100%;
	display: table;
}
.product #p_main ul li{
	color: #ffffff;
	width: auto;
	height: 42px;
	line-height: 45px;
	padding: 0 25px;
	float: left;
	margin-right: 10px;
	background-color: #aaaaaa;
	font-weight: bold;
	border-radius: 8px;
}
.product #p_main ul li:last-child{
	margin-right: 0;
}



.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: 1000px;
	height: 600px;
	margin: 0 auto;
	border:8px #e6eff0 solid;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.other #p_main figure{
	border:8px #e7f0e6 solid;
}
.product #p_main .main_img{
	width: 1000px;
	display: block;
	margin: 30px auto 0;
}
.product #p_main figure img{
	width: auto;
	height: auto;
	max-width: 950px;
	/* max-height: 550px;*/
}

/*区画情報*/
#p_data table.data1{
	width: 100%;
	height: auto;
	text-align: center;
	border-collapse:collapse;
}
#p_data table.data1 th,
#p_data table.data1 td{
	font-size: 18px;
	border: 1px solid #8b8988;
	padding: 10px 0;
	width:375px;
}
#p_data table.data1 th{
	font-size: 18px;
	font-weight: bold;
	background-color: #e6eff0;
}

.other #p_data table.data1 th{
	background-color: #e7f0e6;
}

#p_data table.data1 tr th:first-child,
#p_data table.data1 tr td:first-child{
	width:250px;
}

#p_data ul{
	width: 100%;
	display: table;
	margin-top: 20px;
}
#p_data ul li{
	width: auto;
	background-color: #e3edef;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 10px 15px;
	float: left;
	display: inline-block;
	border-radius: 3px;
	margin: 0 10px 10px 0;
}
.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;
}
.other #p_data ul li::before{
	color: #8caa46;
}
#p_data table.data2{
	width: 100%;
	height: auto;
	margin-top: 40px;
}
#p_data table th{
	width: 115px;
	text-align: center;
	color: #418691;
	font-size: 20px;
	font-weight: bold;
	vertical-align: baseline;
}
.other #p_data table th{
	color:#8caa46;
}
#p_data table td{
	font-size: 18px;
	line-height: 28px;
	padding: 0 0 10px;
	font-weight: bold;
}

/*分譲地の写真*/
#p_pic {
	position:relative;
}
#p_pic .pic_slide{
	width: 100%;
}
#p_pic .pic_slide .swiper-slide{
	width: 308px;
}
#p_pic .pic_slide .swiper-slide:hover{
	opacity:0.8;
}

#p_pic .pic_slide .swiper-slide img{
	width: 308px;
	height: 235px;
	object-fit:cover;
	display: block;
	margin: 0 auto;
}
#p_pic .pic_slide p{
	margin-top:10px;
	text-align:center;
}
#p_pic .swiper-button-prev,
#p_pic .swiper-button-next{
	top:165px;
}
#p_pic .swiper-button-prev{
	left:0px;
}
#p_pic .swiper-button-next{
	right:0px;
}
button.modaal-close{
	top: 180px;
	right: 29%;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
	background:#418691!important;
}


/*周辺環境*/
#p_around ul{
	display: table;
	width: 100%;
	height: auto;
}
#p_around ul li{
	width: 232px;
	height:atuo;
	float: left;
	margin-right: 24px;
	margin-top:24px;
	text-align: center;
}
#p_around ul li:nth-child(-n+4){
	margin-top:0;
}
#p_around ul li:nth-child(4n){
	margin-right: 0;
}
#p_around ul li img{
	width: 232px;
	height: 160px;
	object-fit: cover;
}
#p_around ul li p{
	font-size: 14px;
	line-height:1.4;
	padding-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 tbody{
	display: flex;
	flex-wrap: wrap;
}
#p_about table tr{
	width: 50%;
	height: auto;
	display: inherit;
}
#p_about table th,
#p_about table td{
	font-size: 14px;
	padding: 10px 0;
	border-bottom: 1px #c5c4c4 solid;
}
#p_about table th{
	width: 30%;
	background-color: #e6eff0;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}
.other #p_about table th{
	background-color: #e7f0e6;
}
#p_about table td{
	padding: 10px 20px;
	width: 70%;
	display: inline-block;
	border-right:1px #c5c4c4 solid;
}
/*分譲地地図*/
#p_access map iframe{
	width:100%;
	height:420px;
}
/*お客様の声 プロダクト*/
#p_voice .box{
	width:100%;
	background-color: #e6eff0;
	border-radius: 10px;
	padding: 30px 50px 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:35px;
	line-height:35px;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	padding:0 25px;
	text-align:center;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/*プロダクト 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_pdf ul.flex{
	display: flex;
	flex-wrap: wrap;
}
#p_pdf ul.flex li{
	width: 32%;
	margin: 0 auto 30px;
}

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

#p_contact .p_form h5 textarea.auto-height {
  min-height: 3em !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: 40px;
	line-height: 40px;
	padding: 0 30px;
	margin-bottom: 15px;
}
.other #p_contact .p_form .text b{
	background-color:#8caa46;
}
#p_contact .p_form .text p{
	font-size: 14px;
	line-height: 22px;
	padding-left: 30px;
	position:relative;
}
#p_contact .p_form .text p::before{
	content:"・";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top: 6px;
	left: 15px;
	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  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{
	border-bottom: 1px solid #c5c4c4;
	padding: 15px 0;
	font-size: 14px;
}
#p_contact table th{
	width: 290px;
	height: auto;
	font-weight: bold;
	padding-left: 75px;
	position:relative;
	vertical-align: top;
	display: table-cell;
	text-align:left;
}
#p_contact table th.must::before{
	content: "必須";
	display: block;
	color: #ffffff;
	background-color: #418691;
	width: 35px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	top: 18px;
	left: 30px;
}
.other #p_contact table th.must::before{
	background-color:#8caa46;
}
#p_contact table td{
	width: 640px;
}
#p_contact table td input{
	height: 30px;
	width: 400px;
}
#p_contact table tr:first-child input,
#p_contact table tr:nth-child(2) input{
	width: 200px;
	margin-right: 10px;
}
#p_contact table tr:nth-child(3) input{
	width: 400px;
}
#p_contact table tr:nth-child(4) input{
	width: 150px;
}
#p_contact table tr:nth-child(5) span{display: block;float: left;margin-right: 20px;}
#p_contact table tr:nth-child(5) ul{width: 100%;}
#p_contact table tr:nth-child(5) ul li{
	width: 100%;
	display: table;
	line-height: 35px;
}
#p_contact table tr:nth-child(5) select{
	height:30px

}
#p_contact table tr:nth-child(5) input{
	width: 400px;
}
#p_contact table tr:nth-child(6) input{
	width: 400px;
}
#p_contact table  textarea{
	width: 600px;
	height: 130px;
}
#p_contact table tr:nth-child(8) input{
	width:20px;
	height:20px;
	display: inline-block;
	margin-right: 0;
	vertical-align: sub;
}
#p_contact table tr:last-child{
	display:none;
}


/*プロダクト　お問い合わせ*/
#p_contact .p_policy{
	width: 100%;
	height: 225px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 25px 20px;
	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: 16px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#p_contact .p_policy p{
	font-size: 14px;
	line-height: 20px;
}
#p_contact .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 25px;
}
#p_contact a.btn{
	margin-top: 20px;
}

/*他の物件*/
#p_list{
	width:1280px;
	margin: 0 auto 100px;
	border-top: 1px #9e9c9c solid;
	padding-top: 50px;
}
#p_list ul{
	width: 1000px;
	display: table;
	margin: 0 auto;
}
#p_list ul li{
	width: 308px;
	height: auto;
	display: block;
	float: left;
	text-align: center;
	margin-right: 34px;
}
#p_list ul li:last-child{
	margin-right: 0;
}
#p_list ul li figure{
	width: 308px;
	height: 188px;
	display: block;
	border: 8px #e6eff0 solid;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#p_list ul li figure img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.other #p_list ul li figure{
	border: 8px #e7f0e6 solid;
}
#p_list ul li span{
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	line-height: 100%;
	margin: 10px 0 5px;
	background-color: #418691;
	padding: 5px 15px;
}
#p_list ul li p{
	font-size: 18px;
	line-height: 100%;
	font-weight: bold;
}

.model #p_list ul li figure{
	border: 8px #e6f4ff solid;
}

.model #p_list ul li span{
	background-color: #5a96c8;
}
.other #p_list ul li span{
	background-color: #8caa46;
}


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


.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: 50px;
	line-height: 50px;
	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: 17px;
	right: -20px;
}

/*店舗紹介・スタッフ紹介 タイトル*/
.about #store h4,
.about #staff h4{
	font-size: 34px;
	line-height: 100%;
	letter-spacing: 3px;
	color: #40210f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px #418691 solid;
	margin-bottom: 35px;
}
.about #staff h4{
	border-color: #f29844;
}

/*店舗紹介*/
#store{
	width: 1280px;
	display: table;
}
#store .box::after{
	content: "";
	display: block;
	width: 75px;
	height: 75px;
	background: url(../../parts/kirakira_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 75px;
	position: absolute;
	top: 0;
	right: 0;
}
#store figure{
	width: 760px;
	float: left;
}
#store .box{
	width: 520px;
	float: right;
	position: relative;
	padding-top: 160px;
	font-feature-settings: "palt";
	padding: 160px 0 0 50px;
}
#store .box h5 span{
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	background-color: #679ea7;
	display: block;
	z-index: 2;
	position: absolute;
	top: 40px;
	left: -10px;
	padding: 9px 25px;
	font-feature-settings: "palt";
}
#store .box h5 span:last-child{
	position: absolute;
	top: 90px;
	left: -10px;
}
#store .box .text p{
	margin-bottom: 20px;
}

/*ハピネス*/
#happiness h4{
	display: block;
	margin: 0 auto 75px;
	width: fit-content;
	position: relative;
}
#happiness h4::before{
	content: "";
	display: block;
	width: 125px;
	height: 125px;
	background: url(../../parts/left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 125px;
	position: absolute;
	top: -20px;
	left: -150px;
}
#happiness h4::after{
	content: "";
	display: block;
	width: 125px;
	height: 125px;
	background: url(../../parts/right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 125px;
	position: absolute;
	top:10px;
	right: -150px;
}
#happiness .box{
	text-align: center;
	margin-bottom: 90px;
	position: relative;
}
#happiness .box::before{
	content: "";
	width: 1280px;
	height: 340px;
	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: 1280px;
	height: 8px;
	border: 8px #e6eff0 dashed;
	position: absolute;
	top: 17px;
	left: 0;
	z-index: -1;
}
#happiness .box span{
	display: block;
	margin: 0 auto 35px;
	width: fit-content;
	position: relative;
}
#happiness .box h5{
	font-size: 36px;
	color: #418691;
	font-weight: bold;
	margin-bottom: 45px;
}
#happiness .box .text b{
	font-size: 24px;
	font-weight: bold;
	line-height: 44px;
}
#happiness .box ul{
	width: 1000px;
	height: auto;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
}
#happiness .box ul li{
	width: 495px;
	height: auto;
}
#happiness .box ul li b,
#happiness .box .list_text b{
	display: block;
	font-size: 20px;
	color: #418691;
	margin: 25px 0 15px;
}
#happiness .box ul li p,
#happiness .box .list_text p{
	font-size: 14px;
	line-height: 25px;
	font-feature-settings: "palt";
}

/*ハピネス 各タイトルのイラスト*/
#happiness .box1 span::before{
	content: "";
	display: block;
	width: 110px;
	height: 110px;
	background: url(../../parts/coffee.png);
	background-position: center;
	background-size: 110px;
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	left: -175px;
}
#happiness .box1 span::after{
	content: "";
	display: block;
	width: 70px;
	height: 70px;
	background: url(../../parts/pot2.png);
	background-position: center;
	background-size: 70px;
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	right: -120px;
}
#happiness .box2 span::before{
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: url(../../parts/flour.png);
	background-position: center;
	background-size: 100px;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: -140px;
}
#happiness .box2 span::after{
	content: "";
	display: block;
	width: 135px;
	height: 135px;
	background: url(../../parts/light2.png);
	background-position: center;
	background-size: 135px;
	background-repeat: no-repeat;
	position: absolute;
	top: -30px;
	right: -135px;
}
#happiness .box3 span::before{
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	background: url(../../parts/store.png);
	background-position: center;
	background-size: 150px;
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: -220px;
}
#happiness .box3 span::after{
	content: "";
	display: block;
	width: 95px;
	height: 95px;
	background: url(../../parts/board.png);
	background-position: center;
	background-size: 95px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: -180px;
}
#happiness .box4 span::before{
	content: "";
	display: block;
	width: 85px;
	height: 85px;
	background: url(../../parts/note2.png);
	background-position: center;
	background-size: 85px;
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: -170px;
}
#happiness .box4 span::after{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../parts/balloon.png);
	background-position: center;
	background-size: 80px;
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	right: -130px;
}

/*スタッフ紹介*/
#staff .box{
	width: 1000px;
	height: auto;
	margin: 0 auto 75px;
}
#staff .box figure{
	width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto 35px;
}
#staff .box p{
	font-size: 14px;
	margin-bottom: 35px;
}
#staff .box p b{
	font-size: 26px;
	color: #40210f;
	display:block;
	margin-bottom: 25px;
}
#staff .box p b span{
	color: #f29844;
}
#staff .box .message{
	width: 1000px;
	height:auto;
	background-color: #fef5ec;
	padding: 30px 50px;
	font-size: 14px;
	border-radius: 30px;
}
#staff .box .message b{
	font-size: 20px;
	margin-bottom: 15px;
	display: block;
	color: #f29844;
}
/*
===============================================================================
コンセプトモデルハウス
===============================================================================
*/
.model h4 {
	color: #5a96c8;
	font-size: 28px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 3px;
}

/*メイン*/
.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;
}
.model #p_main figure img{
	width: 1000px;
	height: auto;
	max-width: 100%;
}
.model #p_main p{
	width: 1000px;
	margin: 0 auto;
}
.model #m_environment .more{
	background-color: #e6f4ff;
	width: 1000px;
	margin: 10px auto 0;
	padding: 20px;
	font-size: 14px;
	border-radius: 10px;
}
.model #m_environment .more p {
    width: 100%;
    column-count: 2;
    column-gap: 40px;
    line-height: 2;
    }
/*価格*/
#m_price em.price_txt{
	display:table;
	margin:0 auto;
	font-size: 35px;
	font-weight: bold;
	font-family: 'Noto Sans JP';
}
#m_price em.price_txt b{
	font-size: 100px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
	font-feature-settings: "palt";
	color: #dc143c;
}
#m_price em.price_txt small{
	font-size: 35px;
	font-weight: bold;
}
/*特別価格*/
#m_price{
	display: table;
	font-size: 48px;
	text-align: center;
	overflow: auto;
}
#m_price .price{
	width: 400px;
	height: auto;
	float:left;
}
#m_price .price ul{
	display: table;
	width: 100%;
	margin-top: 10px;
}
#m_price .price ul li{
	display: block;
	text-align: center;
}

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


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

/*価格内訳*/
#m_price .item{
	width: 550px;
	float: right;
}
#m_price .item h5{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
#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;
	float: left;
}
#m_price .item table tbody{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#m_price .item table tr{
	display: flex;
	float: left;
	width: 50%;
	height: auto;
}
#m_price .item table th,
#m_price .item table td{
	padding: 5px 0;
	font-size: 14px;
	border:1px solid #c5c4c4;
	border-bottom:0;
}
#m_price .item table th{
	background-color: #e6f4ff;
	width: 100px;
}
#m_price .item table tr:nth-child(2n) th{
	width: 200px;
	border-left:0;
}
#m_price .item table td{
	padding: 5px 8px;
	width: 175px;
	border-left:0;
	line-height:22px;
}
#m_price .item table tr:nth-child(2n) td{
	width: 80%;
}
#m_price .item table.tb2{
	float: none;
	width: 100%;
}
#m_price .item table.tb2 tr{
	width:100%;
}
#m_price .item table.tb2 th,
#m_price .item table.tb2 td{
	border-top: 0;
	border:1px solid #c5c4c4;
}
#m_price .item table.tb2 th{
	border-right:0;
}
#m_price .item p{
	font-size: 12px;
	margin-top: 10px;
	line-height: 18px;
	text-align:left;
}
#m_price .item table.tb2 td{
	width:450px;
	text-align:left;
}

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

/*間取り*/
#m_room span{
	font-weight: bold;
	font-size: 20px;
	display: flex;
    flex-direction: column;
}
#m_room ul{
	width: 100%;
	display: table;
}
#m_room ul li{
	width: 100%;
	height: auto;
	float: left;
	text-align:center;
}
#m_room ul li:nth-child(2n){
	float: right;
}
#m_room figure{
	width: 480px;
	height: 350px;
	border: 8px solid #e6f4ff;
	position: relative;
	min-height: 350px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#m_room figure img{
	width: auto;
	height:auto;
	max-width: 400px;
	max-height: 300px;
}

/*ポイント*/
#m_point .box{
	display: table;
	width: 100%;
	margin-bottom: 80px;
}
#m_point .box figure{
	width: 480px;
}
#m_point .box figure img{
	width: 100%;
	height: auto;
}
#m_point .box .text{
	width: 480px;
}
#m_point .box .text h5{
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background-color: #e6f4ff;
	padding: 8px 10px;
}
#m_point .box .text p{
	padding: 0 10px;
}
#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 .box figure{
	float: right;
}
#m_point .box .text{
	float: left;
}
#m_point .box:nth-child(2n) figure{
	float: left;
}
#m_point .box:nth-child(2n)  .text{
	float:right; 
}

/*コンセプト*/
#m_concept h4{
	font-family: 'Bree Serif', serif;
}
#m_concept figure{
	width: 300px;
	height: auto;
	display: block;
	margin: 0 auto 30px;
}
#m_concept figure img{
	width:100%;
	height:auto;
}
#m_concept .text{
	text-align: center;
	position: relative;
}
#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: 200px;
	height: 200px;
	background: url(../../parts/parts2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 200px;
	position: absolute;
	top: 0;
	left: 20px;
	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: 232px;
	height: 220px;
	float: left;
	margin-right: 24px;
	margin-bottom: 10px;
	text-align: center;
	cursor:pointer;
}
#m_gallery ul li:nth-child(4n){
	margin-right: 0;
}
#m_gallery ul li img{
	width: 232px;
	height: 160px;
	object-fit: cover;
}
#m_gallery ul li p{
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#m_gallery ul li.js-modal-open:hover{
	opacity:0.8;
}
/*ギャラリーモーダル*/
#m_gallery .modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 99;
}
#m_gallery .modal__content{
	left: 50%;
	position: absolute;
	top: 500px;
	transform: translate(-50%,-50%);
	width: 700px;
	border-radius: 10px;
}
#m_gallery ul li.modal img{
	height:auto;
	width: auto;
	display: block;
	margin: 0 auto;
	max-width: 700px;
	max-height: 500px;
}
#m_gallery ul li.modal .text p{
	font-weight:normal;
	font-size: 14px;
}
#m_gallery ul li .js-modal-close{
	height: 60px;
	display: block;
	margin: 20px auto 0;
	text-align: center;
	color: #ffffff;
	border-radius: 80px;
	position: absolute;
	font-weight: bold;
	bottom: 60px;
	left: 50%;
	margin-left: -30px;
	border: 1px solid #ffffff;
	width: 60px;
	line-height: 60px;
	font-size: 35px;
	cursor: pointer;
	z-index: 999;
}
#m_gallery .is_active img{
	max-width:700px!important;
	max-height:700px!important;
	object-fit:cover!important;
}

/*モデルハウス　お問い合わせ*/
.model #p_contact h4{
	color: #5a96c8;
}
.model #p_contact .p_form .text b,
.model #p_contact table th.must::before{
	background-color: #5a96c8;
}
.model #p_contact .p_form{
	background-color: #e6f4ff;
}
.model #p_contact a.btn{
	margin-top:50px;
}
.modaal-container{
	background:none;
}
/*
===============================================================================
プロダクト 一覧ページ
===============================================================================
*/
/*タブ切り替え*/
.tab-area {
	width: 1280px;
	display: flex;
	justify-content: space-around;
	background-color: #418691;
	cursor: pointer;
	margin: 0 auto;
}
.other_archive .tab-area{
	background-color:#8caa46;
}
.tab {
	width: 426px;
	height: 50px;
	line-height: 55px;
	text-align: center;
	color: white;
	font-size: 23px;
	font-weight: bold;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	letter-spacing: 5px;
}
.tab a{
	display: block;
	width: 100%;
	font-size: clamp(0.75rem, 0.188rem + 1.17vw, 1.125rem);
}
.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, 
.aichiken .tab.aichiken, 
.tab.active {
	background-color: #e6eff0;
	color:  #418691;
	overflow: hidden;
}
.other_archive .kohoku .tab.kohoku, 
.other_archive .konan .tab.konan, 
.other_archive .koto .tab.koto, 
.other_archive .kosei .tab.kosei, 
.other_archive .higashiomi .higashiomi, 
.other_archive .gifuken .tab.gifuken, 
.other_archive .aichiken .tab.aichiken, 
.other_archive .tab.active {
	background-color: #e7f0e6;
	color:  #4f9141;
}
.content-area {
	text-align: center;
}
.content {
	display: none;
}
.content.show {
	display: block;
}

/*細分エリア*/
#p_area_list .area_in ul{
	width: 1280px;
	height: auto;
	display: table;
	background-color: #e6eff0;
	padding: 50px;
}
.other_archive #p_area_list .area_in ul{
	background-color: #e7f0e6;
}
#p_area_list .area_in ul li{
	float: left;
	display: block;
	font-weight: bold;
	font-size: 18px;
	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:  #4f9141;
}
#p_area_list .area_in ul li:hover{
	text-decoration: underline;
}
#p_area_list .product_tab_list{
	margin-top: 50px;
}
#p_area_list .product_tab_list ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
#p_area_list .product_tab_list ul li{
	width: 390px;
	height: auto;
	text-align: center;
	float: left;
	margin: 0 55px 25px 0;
}
#p_area_list .product_tab_list ul li:nth-child(3n){
	margin-right: 0;
}
#p_area_list .product_tab_list ul li p{
	font-size: 18px;
	margin-top: 5px;
	height: auto;
	line-height: 22px;
	font-weight: bold;
}
#p_area_list .product_tab_list ul li span{
	display: inline-block;
	color: #fff;
	background-color: #418691;
	font-size: 14px;
	line-height: 100%;
	padding: 5px 15px;
	margin-top: 5px;
}
#p_area_list .product_tab_list ul li figure{
	width: 390px;
	height: auto;
	object-fit: cover;
	border: 8px #e6eff0 solid;
	overflow:hidden;
	position:relative;
}
#p_area_list .product_tab_list ul li figure::before{
	content:"";
	display:block;
	padding-top:64.102564102%;
}
#p_area_list .product_tab_list ul li img{
	display:block;
	margin:0 auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	max-width: 105%;
	max-height: 105%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
}
.other_archive #p_area_list .product_tab_list ul li img{
	border: 8px #e7f0e6 solid;
}
.other_archive #p_area_list .product_tab_list ul li span{
	background-color: #8caa46;
}
#p_area_list .product_tab_list ul li .a_tag{
	display: flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 5px 0;
}
#p_area_list .product_tab_list ul li .a_tag span{
	width: 49%;
	border-radius: 20px;
}
#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;
}
#p_area_list .product_tab_list ul li .a_tag span.a_tag_down{
	background-color:#c1272d;
}

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

#m_list .m_box{
	margin-top: 50px;
}
#m_list .m_box ul{
	width: 100%;
	height: auto;
	display: table;
}
#m_list .m_box ul li{
	width: 390px;
	height: auto;
	text-align: center;
	float: left;
	margin: 0 55px 25px 0;
}
#m_list .m_box ul li:nth-child(3n){
	margin-right: 0;
}
#m_list .m_box ul li figure{
	display:block;
	width:100%;
	border: 8px #e6f4ff solid;
	position:relative;
	overflow:hidden;
}
#m_list .m_box ul li figure::before {
	content: "";
	display: block;
	padding-top: 64.102564102%;
}
#m_list .m_box ul li img{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	max-width: 105%;
	max-height: 105%;
	/*object-fit: cover;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#m_list .m_box ul li span{display: inline-block;color: #fff;background-color: #5a96c8;font-size: 14px;line-height: 120%;padding: 5px 15px;margin-top: 5px;}
#m_list .m_box ul li p{
	font-size: 18px;
	margin-top: 5px;
	height: 50px;
	line-height: 22px;
	font-weight: bold;
}
/*
===============================================================================
新着情報
===============================================================================
*/
#news ul{
	width: 100%;
	display: table;
}
#news ul li{
	padding: 15px 0;
	border-top:2px dashed #d8d8d7;
}
#news ul li:last-child{
	border-bottom:2px dashed #d8d8d7;
}
#news ul li time{
	color: #9e9c9c;
	font-size: 14px;
	font-weight: bold;
	margin-right: 65px;
}
#news ul li p{
	width: 830px;
	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: 1000px;
	margin: 0 auto 100px;
	background-color:#e6eff0;
	padding: 70px 35px;
}
#contact p{
	font-size:14px;
	line-height: 22px;
	text-align:center;
}
#contact .contact_form{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#contact table{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	border-collapse: collapse;
	background-color: #ffffff;
	border: 1px solid #c5c4c4;
}
#contact table tbody{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#contact table th,
#contact table td{
	border-bottom: 1px solid #cccccc;
	padding: 15px 0;
	text-align: left;
}
#contact table td input{
	height: 30px;
	width: 400px;
}
#contact table th{
	width: 290px;
	position: relative;
	padding-left: 75px;
	vertical-align: baseline;
	font-weight: bold;
}
#contact table th.must::before{
	content: "必須";
	display: block;
	color: #ffffff;
	background-color: #418691;
	width: 35px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	top: 18px;
	left: 30px;
}
#contact table td{
	width: 640px;
}
#contact table tr:nth-child(2) input,
#contact table tr:nth-child(3) input{
	width: 200px;
}
#contact table td textarea{
	width: 600px;
	height: auto;
}
#contact table tr:nth-child(2) input:first-child,
#contact table tr:nth-child(3) input:first-child{
	margin-right: 1%;
}
#contact table tr:nth-child(5) input{
	width:150px;
}
#contact table tr:nth-child(5) select{
	height:30px;
}
#contact table tr:nth-child(6) ul{
	width: 100%;
	display: table;
}
#contact table tr:nth-child(6) ul li{
	width: 100%;
	display: table;
	height: 35px;
	line-height: 35px;
}
#contact table tr:nth-child(6) ul li span{
	width: 100px;
	display: block;
	float: left;
}
#contact table tr:nth-child(6) ul li input{
	width: 300px;
	float: left;
}
#contact table tr:nth-child(8) input[type="radio"]{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0;
	line-height: 20px;
	vertical-align: sub;
}
#contact table tr:nth-child(9) th{
	line-height:20px;
}



#contact h4{
	font-size: 34px;
	line-height: 100%;
	letter-spacing: 3px;
	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 .text p{
	margin-top: 20px;
	padding-left: 30px;
	position: relative;
	text-align: left!important;
}

#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;
	width: 550px;
}
#contact .contact_box a img{
	display: block;
	margin: 0 auto;
	width: 300px;
}

#contact .p_policy{
	width: 100%;
	height: 225px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 25px 20px;
	border:1px #c5c4c4 solid;
	margin:20px auto 0;
}
#contact .p_policy  .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#contact .p_policy b{
	font-size: 16px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#contact .p_policy p{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
#contact .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 25px;
}
#contact a.btn{
	margin-top: 20px;
}


#p_contact .p_form .text p span{
	color: #418691;
}

.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;
}





/*
===============================================================================
ご来店予約フォーム
===============================================================================
*/
#reservation {
	width: 1000px;
	margin: 0 auto 100px;
	background-color:#e6eff0;
	padding: 70px 35px;
}
#reservation p{
	font-size:14px;
	line-height: 22px;
	text-align:center;
}

#reservation .text p{
	margin-top: 20px;
	padding-left: 30px;
	position: relative;
	text-align: left!important;
}

#reservation .contact_form{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#reservation table{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	border-collapse: collapse;
	background-color: #ffffff;
	border: 1px solid #c5c4c4;
}
#reservation table tbody{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#reservation table th,
#reservation table td{
	border-bottom: 1px solid #cccccc;
	padding: 15px 0;
	text-align: left;
}
#reservation table td input{
	height: 30px;
	width: 400px;
}
#reservation table th{
	width: 290px;
	position: relative;
	padding-left: 75px;
	vertical-align: baseline;
	font-weight: bold;
}
#reservation table th.must::before{
	content: "必須";
	display: block;
	color: #ffffff;
	background-color: #418691;
	width: 35px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	top: 18px;
	left: 30px;
}
#reservation table td{
	width: 640px;
}
#reservation table tr:nth-child(6) input,
#reservation table tr:nth-child(7) input{
	width: 200px;
}
#reservation table td textarea{
	width: 400px;
	height: auto;
}
#reservation table tr:nth-child(6) input:first-child,
#reservation table tr:nth-child(7) input:first-child{
	margin-right: 1%;
}
#reservation table tr:nth-child(9) input{
	width:150px;
}
#reservation table tr:nth-child(10) select{
	height:30px;
}
#reservation table tr:nth-child(10) ul{
	width: 100%;
	display: table;
}
#reservation table tr:nth-child(10) ul li{
	width: 100%;
	display: table;
	height: 35px;
	line-height: 35px;
}
#reservation table tr:nth-child(10) ul li span{
	width: 100px;
	display: block;
	float: left;
}
#reservation table tr:nth-child(10) ul li input{
	width: 300px;
	float: left;
}
#reservation table tr input[type="radio"],
#reservation table tr input[type="checkbox"]{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0;
	line-height: 20px;
	vertical-align: sub;
}
#reservation table tr:nth-child(3) td,
#reservation table tr:nth-child(5) td{
	padding-right:100px;
}
#reservation table tr:nth-child(3) span,
#reservation table tr:nth-child(5) span{
	margin:0;
}
#reservation table tr:nth-child(5) label,
#reservation table tr:nth-child(3) label{
	display: inline-block;
	width: 220px;
}
#reservation table tr:nth-child(4) input{
	width:100px

}

#reservation table tr:nth-child(5) th,
#reservation table tr:nth-child(14) th{
	line-height:20px;
}
#reservation h4{
	font-size: 34px;
	line-height: 100%;
	letter-spacing: 3px;
	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;
	width: 550px;
}
#reservation .contact_box a img{
	display: block;
	margin: 0 auto;
	width: 300px;
}

#reservation .p_policy{
	width: 100%;
	height: 225px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 25px 20px;
	border:1px #c5c4c4 solid;
	margin:20px auto 0;
}
#reservation .p_policy  .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#reservation .p_policy b{
	font-size: 16px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#reservation .p_policy p{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
#reservation .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 25px;
}
#reservation a.btn{
	margin-top: 20px;
}



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

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



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

button.conf-button:disabled{
	background-color: #999;
}

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

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

.property-detail-list li{
		display: flex;
		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: 15em !important;
}

.wpcf7 form .wpcf7-response-output:empty {
  display: none;
}
/*
===============================================================================
404
===============================================================================
*/
#notfound{
	text-align:center;
	margin-top: 50px;
}
#notfound h4{
	color: #418691;
	font-size: 28px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 3px;
}

/*
===============================================================================
IE対策
===============================================================================
*/
@media all and (-ms-high-contrast: none){
	.sub_menu ul li{
		height:190px;
		line-height:55px;
	}
	.sub_menu ul li a{
		padding-bottom:20px;
	}
	#top_nwes h3, #top_pickup h3, #top_service h3,
	#top_service .tit h4{
		display:inline-block;
	}
	#top_service .tit small{
		display:block;
	}
	#top_nwes, #top_pickup, #top_service{
		text-align:center;
	}
	#top_nwes ul,#top_service .service_box{
		text-align:left;
	}
	#top_service figure.shiga_area a{
		line-height:55px;
		letter-spacing:2px;
	}
	a.btn{
		line-height:35px;
	}
	#top_nwes ul li p{
		line-height:40px;
	}
	.product #p_main span{
		line-height:45px;
	}
	.product #p_main ul li,
	.product #p_main ul li{
		line-height:48px;
	}
	.product_archive .tab a{
		line-height:60px;
	}
	#link_box .page_link a{
		padding-top:70px;
	}
	#p_data table.data1 th, #p_data table.data1 td{
		padding:10px 0 3px;
	}
	#p_data table.data1 th{
		padding-top:15px;
	}
	#p_data ul li{
		padding:10px 15px 3px;
	}
	#p_about table th, #p_about table td{
		padding:15px 0 10px;
	}
	#p_about table td{
		padding:15px 20px 5px;
	}
	#m_list .m_tab ul li{
		height:65px;
		line-height:75px;
	}
	#store .box h5 span{
		padding:15px 25px 5px
	}
	#store .box h5 span:last-child{
		top:93px;
	}
	#happiness h4{
		width:100%;
		text-align:center;
	}
	#happiness h4::after{
		right:250px;
	}
	#happiness h4::before{
		left:240px;
	}
	#happiness .box span{
		width:240px;
	}
	footer .ft_tit{
		width:500px;
	}
	.product_menu ul li:first-child{

		min-width:1px; /*IE対策*/
	}

	.sub2 ul li:first-child{
		height: 330px;
		min-width:1px; /*IE対策*/
	}

	.model_house_menu ul li:first-child{
		height: 330px;
		min-width:1px; /*IE対策*/
	}

	.other_menu ul li:first-child{
		height: 330px;
		min-width:1px; /*IE対策*/
	}


}

/*
===============================================================================
サンクスページ
===============================================================================
*/

#thanks{
	width:100%;
	text-align:center;
	margin: 50px 0;
}
#thanks h3{
	font-size: 28px;
	line-height: 100%;
	font-weight: bold;
	margin: 30px 0;
	letter-spacing: 3px;
}

/*
===============================================================================
会社概要
===============================================================================
*/
#company table{
	width: 1000px;
	border-collapse:collapse;
	font-size: 14px;
	margin: 0 auto;
	border: 1px solid #ccc;
}
#company table th,
#company table td{
	border-bottom: 1px #ccc solid;
	padding: 15px 0;
}
#company table th{
	width: 20%;
	background-color: #418691;
	color: #fff;
	border-bottom: 1px solid #fff;
}
#company table td{
	width: 80%;
	padding: 15px 30px;
	line-height: 22px;
}
#company table td b{
	display: block;
	margin-bottom: 5px;
	position: relative;
}
#company table td .box b{
	margin-bottom:0px;
	font-weight:normal;
}
#company table td .box b::before{
	content: "■";
	display: inline-block;
	margin-right: 6px;
	color: #80b0b4;
	font-size: 10px;
}
#company table td .box{
	margin-top:15px
}
#company table td .box p{
	padding-left:15px
}
/*アクセス*/
#company_access{
	width: 100%;
	margin:70px auto 0;
	background-color: #f2f7f7;
	padding: 100px 0;
}
#company_access h4{font-size: 34px;line-height: 100%;letter-spacing: 3px;color: #40210f;font-weight: bold;text-align: center;padding-bottom: 15px;border-bottom: 1px #418691 solid;width: 1000px;margin: 0 auto 50px;}
#company_access .company_store{
	width: 1000px;
	display: table;
	margin: 0 auto;
	position:relative;
}
#company_access .company_store::before{
	content:"";
	display:block;
	width: 210px;
	height: 210px;
	background:url(../../parts/house2.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 210px;
	position:absolute;
	bottom: -60px;
	right:0;
}
#company_access .company_store figure{
	width: 600px;
	float: left;
}
#company_access .company_store figure img{
	width:100%;
	padding-right: 10px;
}
#company_access .company_store b{
	text-indent: -1em;
	padding-left: 0.8em;
}
#company_access .company_store p{
	width: 400px;
	float: right;
	padding-left: 20px;
	margin-bottom: 10px;
}
#company_access .company_store p b{
	font-size:20px;
	display:block;
	margin-bottom: 5px;
}
#company_access .map{
	display: table;
	width: 1000px;
	margin: 35px auto 0;
}
#company_access .map h5{
	color: #fff;
	background-color: #418691;
	font-size: 25px;
	font-weight: bold;
	padding: 8px 20px;
	margin-bottom: 10px;
	margin: 30px 0 10px;
}

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



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

/*
===============================================================================
faq
===============================================================================
*/
#faq .faq_caption{
	text-align:center;
	margin-bottom: 50px;
}
#faq .faq_caption h4{
	color: #418691;
	font-size: 28px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
#faq .faq_list{
	max-width: 100%;
	margin: 0 auto;
}
#faq .faq{
	margin-bottom: 35px;
}

a.more_btn{
	background-color: #418691;
	color: white;
	padding: 7px;
	margin-left: 15px;
	border-radius: 10px;
	font-size: 14px;
}


/*ラベル*/
#faq .faq_cat{
	background-color: #f2f7f7;
	border-bottom: 1px solid #fff;
	padding: 20px 40px 15px;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
#faq .faq_cat b{
	font-size: 28px;
	line-height: 100%;
	font-weight: bold;
	letter-spacing: 3px;
	color: #418691;
}
#faq .faq_cat span{
	font-size: 16px;
	background-color: #418691;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 8px 20px 5px;
	font-weight: bold;
	line-height: 100%;
	vertical-align: text-bottom;
	margin-left: 10px;
}

#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_box{
	padding: 20px 40px 0;
}
#faq .faq_q{
	font-size: 18px;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 10px;
	cursor: pointer;
	font-weight:bold;
	padding-bottom: 10px;
	position: relative;
}
#faq .faq_q::before{
	content: "Q";
	font-family: 'Bree Serif', serif;
	display: inline-block;
	color: #aaa;
	font-size: 25px;
	margin-right: 10px;
}
#faq .faq_a::before{
	content: "A";
	font-family: 'Bree Serif', serif;
	display: inline-block;
	color: #418691;
	font-size: 25px;
	margin-right: 10px;
}


#faq .list2 .faq_a::before {
	color: #8caa46;
}





#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: 5%;
	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_label .i_box .one_i {
	display: block;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}
#faq .faq_list .faq_label.open .i_box {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 4.2%;
	top: 47%;
}
#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: #418691;
	border-radius: 10px;
	width: 30px;
	height: 4px;
	position: absolute;
	top: 0;
	left: -5.5px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transform-origin: center center;
}
#faq .faq_list .faq_label .i_box .one_i:before {
	width: 4px;
	height: 30px;
	top: -13px;
	left: 7.5px;
}
.#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(0deg);
}
#faq .faq_list .faq_Inner {
	display: none;
	padding: 0;
	box-sizing: border-box;
	margin-top: 10px;
}
#faq .faq_list .faq_Inner .box_one {
	height: 300px;
}
#faq .faq_list .faq_Inner p.txt_a_ac {
	margin: 0;
}
#faq .faq_list .faq_box .faq_q .i_box{
	top: 5px;
	right: 2%;
}

#faq .faq_list .faq_box .faq_q.open .i_box{
	right: 1%;
	top: 2px;
}

#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;
}


/*
===============================================================================
お客様の声
===============================================================================
*/
.voice{
	margin-bottom:100px;
}
.voice .caption h4{
	color: #418691;
	font-size: 28px;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
.voice .caption{
	text-align: center;
	margin-bottom: 50px;
}
#voice {
	display: table;
	padding: 50px;
	background-color: #f2f7f7;
	border-radius: 10px;
	margin-bottom: 40px;
	position: relative;

}

section#voice.contents{
	background: url(../../parts/garland.png);
	background-position: right 0% top 0%;
	background-repeat: no-repeat;
	background-size: 150px 150px;
	background-color: #f2f7f7;
}
#voice .box{
	width: 650px;
	height: auto;
	display: table;
	float:left;
	height: auto;
	font-size: 16px;
}
#voice .box h5{
	display: block;
	font-size: 25px;
	color: #418691;
	font-weight: bold;
	margin-bottom: 15px;
}
#voice b.v_number{
	font-family: 'Bree Serif', serif;
	color: #80b0b4;
	font-size: 45px;
	font-weight: normal;
	margin-bottom: 30px;
	display: block;
	border-bottom: 1px solid #80b0b4;
	padding-bottom: 20px;
}

#voice .box p{
	display: block;
	margin-top: 20px;
}
#voice figure{
	float: right;
	width: 500px;
}
#voice figure img{
	max-width: 100%;
	height: auto;
}
#voice .riyo{
	border-top:2px dashed #d8d8d7;
	padding-top: 20px;
	margin-top: 20px;
}
#voice .riyo b{
	font-weight: bold;
	font-size: 18px;
}
#voice .riyo ul {
	width: 100%;
	display: table;
}
#voice .riyo ul li{
	float: left;
	margin-right: 15px;
}
#voice .riyo ul li::before {
	content: "■";
	display: inline-block;
	margin-right: 4px;
	color: #80b0b4;
	font-size: 10px;
	vertical-align: bottom;
}
#voice figure{
	margin-top: 50px;
	text-align: left;
}
#voice figure span{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	display: block;
	margin: 5px;
	position: absolute;
	bottom: 10px;
	right: 15px;
}


/*
===============================================================================
土地又は家を売りたい
===============================================================================
*/
#s_caption{
	position: relative;
}
#s_caption::before{
	content: "";
	display: block;
	width: 175px;
	height: 175px;
	background: url(../../parts/board2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 175px;
	position: absolute;
	bottom: -20px;
	left: 0;
}
#s_caption::after{
	content: "";
	display: block;
	width: 365px;
	height: 365px;
	background: url(../../parts/soudan.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 365px;
	position: absolute;
	bottom: -70px;
	right: -80px;
}
#s_caption h4{
	color: #f29844;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 60px;
	line-height: 50px;
}
#s_caption  .box{
	width: 1000px;
	display: table;
	margin: 0 auto;
	position: relative;
	min-height: 355px;
}
#s_caption .text{
	width: 440px;
	float: left;
	position: relative;
}
#s_caption .text::before{
	content: "";
	display: block;
	width: 175px;
	height: 175px;
	background: url(../../parts/sell_parts1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 175px;
	position: absolute;
	top: -80px;
	left: -80px;
	z-index: -1;
}
#s_caption .text::after{
	content: "";
	display: block;
	width: 85px;
	height: 85px;
	background: url(../../parts/kao1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85px;
	position: absolute;
	top: 120px;
	left: -120px;
}
#s_caption .text h5{
	margin-bottom: 30px;
}
#s_caption .text h5 span{
	font-size: 28px;
	color: #ffffff;
	background-color: #40210f;
	display: block;
	font-weight: bold;
	padding: 10px 20px;
	position: relative;
	z-index: 1;
}
#s_caption .text h5 span:first-child{
	margin-bottom: 10px;
}
#s_caption figure{
	width: 590px;
	position: absolute;
	top: 0;
	right: 0;
}
#s_caption figure::before{
	content: "";
	display: block;
	width: 120px;
	height: 120px;
	background: url(../../parts/kao2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	position: absolute;
	top: -100px;
	right: -30px;
}
#s_caption figure::after{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../parts/cloud.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	position: absolute;
	top: -60px;
	right: -125px;
}
#s_caption figure img{
	width: 100%;
	height: auto;
}
#s_caption .text p{
	padding: 0 20px;
}

/*相談*/
#s_about{
	width: 1280px;
	height: auto;
	margin: 0 auto 120px;
}
#s_about li {
	position: relative;
}
#s_about li .s_tit{
	width: 320px;
	height: 275px;
	background: url(../../parts/hexagon2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 25px;
	text-align: center;
	z-index:5;
	padding-top: 145px;
}
#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: 55px;
	height: 55px;
	background: url(../../parts/line7.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 55px;
	position: absolute;
	top: -45px;
	right: 40px;
}



#s_about li .s_tit h4{
	font-weight: bold;
	font-size: 20px;
	padding-right: 55px;
	position: relative;
	color: #40210f;
}
#s_about li .s_tit h4::before{
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url(../../parts/mark.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -42.5px;
}
#s_about li .s_tit h4::after{
	content: "";
	display: block;
	width: 145px;
	height: 145px;
	background: url(../../parts/human1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 145px;
	position: absolute;
	bottom: -150px;
	left: 50%;
	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: 145px;
	margin-left: -45px;
}
#s_about li:nth-child(3) .s_tit h4::after{
	background: url(../../parts/human3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 145px;
}


#s_about li .text{
	background-color: #fff0d9;
	width: 1000px;
	margin: 0 auto;
	height: 275px;
	display: table;
	padding: 50px 225px 0;
}
#s_about li .text p{
	margin-bottom: 15px;
	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{
	width: 320px;
	height: 275px;
	background: url(../../parts/hexagon2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 25px;
	text-align: center;
	z-index:5;
	padding-top: 130px;
}
#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:nth-child(2n) .s_tit{
	left: auto;
	right: 0;
}

#s_about li:nth-child(2n) .text{
	background-color: #ffffff;
}

#s_about li:nth-child(2) .s_tit::before{
	left: 25px;
	z-index:-5;
}
#s_about li:nth-child(2) .s_tit::after{
	content: "";
	display: block;
	width: 55px;
	height: 55px;
	background: url(../../parts/line8.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 55px;
	position: absolute;
	top: -50px;
	left: 50px;
}
#s_about li:nth-child(2) h4 {
	font-size: 20px;
	padding-left: 75px;
}
#s_about li:nth-child(2) h4::before {
	margin-left: 0;
}
#s_about li:nth-child(2) h4 {
	font-size: 20px;
	text-align: center;
	width: 100%;
	padding-right: 25px;
}


/*相談*/
#s_sodan{
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	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: 60px;
	background: url(../../parts/house_line.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 650px 60px;
	margin-top: 20px;
}
#s_sodan h4{
	font-size: 34px;
	color: #40210f;
	margin-bottom: 30px;
	font-weight: bold;
}
#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: 150px;
	height: 150px;
	display: block;
	background: url(../../parts/note3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px;
	position: absolute;
	top: -70px;
	left: -300px;
}
#s_sodan p::after{
	content: "";
	width: 150px;
	height: 150px;
	display: block;
	background: url(../../parts/tree.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px;
	position: absolute;
	top: -115px;
	right: -300px;
}



#s_sodan ul{
	width: 1280px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}
#s_sodan ul li{
	width: 408px;
	height: auto;
}
#s_sodan ul li span{
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	color: #f29844;
	font-weight: bold;
	margin-bottom: 25px;
	position: relative;
}
#s_sodan ul li span::before{
	content: "";
	display: inline-block;
	width: 58px;
	height: 58px;
	background: url(../../parts/line5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 58px;
	position: absolute;
	bottom: -15px;
	left: -60px;
}
#s_sodan ul li span::after{
	content: "";
	display: inline-block;
	width: 58px;
	height: 58px;
	background: url(../../parts/line6.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 58px;
	position: absolute;
	bottom: -15px;
	right: -60px;
}
#s_sodan a.btn{
	background-color: #f29844;
	width: 400px;
	height: 80px;
	font-size: 22px;
	padding: 27px 0;
	padding-left: 10px;
	margin-top: 110px;
}
#s_sodan a.btn:hover{
	background-color:#f3b752;
}

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


#s_sodan a.btn figure{
	position: absolute;
	top: -150px;
	left: 50%;
	margin-left: -265px;
}

/*流れ*/
#flow {
	width: 1000px;
	margin: 0 auto 100px;
}
#flow h4{
	font-size: 34px;
	color: #40210f;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}
#flow ul{
	width: 100%;
	display: table;
	height:auto;
}
#flow ul li{
	width: 100%;
	display: table;
	background-color: #f7f7f7;
	clear: both;
}
#flow ul li:nth-child(2n){
	background-color: #ffffff;
}
#flow ul li span{
	width: 50px;
	float: left;
	display: block;
	height: 100%;
	text-align:center;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#flow ul li h5{
	width: 280px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #40210f;
}
#flow ul li .text{
	width: 670px;
	float:right;
	font-size: 14px;
	padding: 30px 30px 30px 0;
}

#flow ul li .text .link{
	margin-top: 15px;
	display: table;
}
#flow ul li .text .link a{
	float: left;
}
#flow ul li .text .link a.link_c,
#flow ul li .text .link a.link_r{
	width: 180px;
	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;
	margin: 5px 0 0 10px;
}
#flow ul li .text .link a.link_r{
	background-color: #40210f;
	margin-bottom: 3px;
}
#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:first-child h5{
	line-height: 314px;
}
#flow ul li:nth-child(2) h5,
#flow ul li:nth-child(4) h5{
	line-height: 141px;
}
#flow ul li:nth-child(3) h5{
	margin-top: 25px;
	line-height: 35px;
}

#flow ul li:nth-child(5) h5,
#flow ul li:nth-child(7) h5{
	line-height: 114px;
}

#flow ul li:nth-child(6) h5{
	line-height: 114px;
}


#flow ul li:first-child span{
	height: 314px;
}
#flow ul li:nth-child(2) span,
#flow ul li:nth-child(3) span,
#flow ul li:nth-child(4) span,
#flow ul li:nth-child(5) span,
#flow ul li:nth-child(7) span{
	height: 114px;
}


#flow ul li:nth-child(6) span{
	height: 87px;
}


#flow ul li:first-child span::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 25px solid #fff;
	border-top: 157px solid transparent;
	border-bottom: 157px solid transparent;
	display: block;
	position: absolute;
	top: 0px;
	right: -25px;
}#flow ul li:nth-child(5) span::after,
#flow ul li:nth-child(7) span::after,
#flow ul li:nth-child(3) span::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 25px solid #fff;
	border-top: 57px solid transparent;
	border-bottom: 57px solid transparent;
	display:block;
	position: absolute;
	top: 0;
	right: -25px;
}
/*#flow ul li:nth-child(5) span::after,
#flow ul li:nth-child(7) span::after{
content: "";
width: 0;
height: 0;
border-left: 25px solid #fff;
border-top: 71px solid transparent;
border-bottom: 71px solid transparent;
display:block;
position: absolute;
top: 0;
right: -25px;
}*/



/*
===============================================================================
査定・ご相談フォーム
===============================================================================
*/
#sell_contact h4{
	font-size: 34px;
	line-height: 100%;
	letter-spacing: 3px;
	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 .text p{
	margin-top: 20px;
	padding-left: 30px;
	position: relative;
	text-align: left!important;
}
#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;
	width: 550px;
}
#sell_contact .contact_box a img{
	display: block;
	margin: 0 auto;
	width: 300px;
}
#sell_contact {
	width: 1000px;
	margin: 0 auto 100px;
	background-color:#fff3e1;
	padding: 70px 35px;
}
#sell_contact p{
	font-size:14px;
	line-height: 22px;
	text-align:center;
}
#sell_contact h5{
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #f29844;
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
}

/*査定フォーム共通*/
#sell_contact .contact_form{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#sell_contact table{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	border-collapse: collapse;
	background-color: #ffffff;
	border: 1px solid #c5c4c4;
}
#sell_contact table tbody{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#sell_contact table th,
#sell_contact table td{
	border-bottom: 1px solid #cccccc;
	padding: 15px 0;
	text-align: left;
}
#sell_contact table td input{
	height: 30px;
	width: 400px;
}
#sell_contact table th{
	width: 290px;
	position: relative;
	padding-left: 75px;
	vertical-align: baseline;
	font-weight: bold;
}
#sell_contact table th.must::before{
	content: "必須";
	display: block;
	color: #ffffff;
	background-color: #f29844;
	width: 35px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	top: 18px;
	left: 30px;
}
#sell_contact table td{
	width: 640px;
}

#sell_contact table tr select{
	height:30px;
}
#sell_contact table tr ul{
	width: 100%;
	display: table;
}
#sell_contact table tr ul li{
	width: 100%;
	display: table;
	height: 35px;
	line-height: 35px;
}
#sell_contact table tr ul li span{
	width: 80px;
	display: block;
	float: left;
}
#sell_contact table tr ul li input{
	width: 300px;

}


/*お客様情報*/
#sell_contact table.tb2 tr:first-child input,
#sell_contact table.tb2 tr:nth-child(2) input{
	width: 200px;
	float: left;
}
#sell_contact table td textarea{
	width: 400px;
	height: auto;
}
#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:150px;
}
#sell_contact table.tb2 tr:nth-child(8) input[type="radio"]{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0;
	line-height: 20px;
	vertical-align: sub;
}
#sell_contact table.tb2 tr:nth-child(9) th{
	line-height:20px;
}
#sell_contact table tr input[type="radio"]{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0;
	line-height: 20px;
	vertical-align: sub;
}




/*物件情報*/
#sell_contact table.tb3 tr:nth-child(4) ul li:first-child input,
#sell_contact table.tb3 tr:nth-child(4) ul li:nth-child(2) input{
	width: 100px;
	margin-right: 10px;
}
#sell_contact table.tb3 textarea{
	width: 600px;
	height: 130px;
}
#sell_contact table.tb3 tr:first-child input[type="text"]{
	width:356px;
	margin-left:10px;
}

#sell_contact .p_policy{
	width: 100%;
	height: 225px;
	background-color: #eff0f2;
	overflow: scroll;
	padding: 25px 20px;
	border:1px #c5c4c4 solid;
	margin:20px auto 0;
}
#sell_contact .p_policy .box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #c5c4c4;
}
#sell_contact .p_policy b{
	font-size: 16px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#sell_contact .p_policy p{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
#sell_contact .p_check{
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 25px;
}
#sell_contact a.btn{
	margin-top: 20px;
}










/*
===============================================================================
1300px-768px
===============================================================================
*/
@media screen and (min-width:768px) and ( max-width:1300px) {

	.contents {
		width: 95%;
	}
	#welcom figure img{
		width:100%;
		height:auto;
	}
	#welcom figure.pic1{width:10%;top: -100%;left: 10%;}
	#welcom figure.pic2{width:15%;top: -59%;left: -2%;}
	#welcom figure.pic3{width:18%;top: -90%;right: -1%;}
	#welcom figure.character{
		width:20%;
		bottom: -30%;
	}
	#welcom h4::before{width: 8%;left: 5%;}
	#welcom h4::after{
		width: 8%;
		right: 15%;
	}
	#top_pickup ul li{
		width:49%;
	}
	#top_pickup ul li:first-child{
		margin-right:2%;
	}
	#top_pickup figure{
		width:100%;
		display: block;
		margin-bottom: 20px;
	}
	#top_pickup figure img{
		width:100%;
		height: 100%;
	}
	#top_service .service_box{
		width: 100%;
		padding: 5%;
	}
	.top_land .town{
		width:55%;
	}
	#top_service .area_small{
		width:55%;
	}
	#top_service .area_small ul{
		width:49%;
	}
	#top_service figure.shiga_area{
		width: 40%;
		top: -45%;
	}
	#top_service .top_land figure.shiga_area{
		top: -10%;
	}
	#top_service figure.shiga_area img{
		width:100%;
	}
	#top_service figure.shiga_area a{
		width:10vw;
	}
	#top_service figure.shiga_area .gifuken{
		top: 10%;
		right: 30%;
	}
	#top_service figure.shiga_area .kohoku{
		top: 25%;
		right: 50%;
	}
	#top_service figure.shiga_area .kosei{
		top: 40%;
		right: 40%;
	}
	#top_service figure.shiga_area .koto{
		top: 55%;
		right: 50%;
	}
	#top_service figure.shiga_area .konan{
		top: 68%;
		right: 60%;
	}
	#top_service .top_sell figure.fig{
		left: 0;
		width: 23%;
	}	
	#top_service .top_sell figure img{
		width:100%;
	}	
	#top_service .top_sell figure.pic{
		width:15%;
		right:3%;
		top: 70px;
	}
	#top_service .tpo_house ul{display: table;}
	#top_service .tpo_house ul li{
		width: 32%;
		float: left;
		margin-right:2%;
	}
	#top_service .tpo_house ul li:last-child{
		margin-right:0;
	}
	#top_service .tpo_house ul li figure img{
		width:100%;
	}
	#top_about,
	#top_blog{
		width:32%;
		margin-right:2%;
	}
	#top_about .tit h3, #top_blog .tit h3{
		line-height:90%;
	}
	#top_about figure img{
		width:100%;
	}	
	#link_box .page_link{
		width:32%;
	}
	#link_box .page_link a{
		width:100%;
		background-size:100% 100%;
		height: 47%;
	}
	#link_box .page_link a:last-child{
		margin-top:5%;
		background-size:100% 100%;
	}
	footer .ie_showroom{
		width:95%;
	}	
	footer .ie_showroom ul{
		display:table;
		width:100%;
	}
	footer .ie_showroom ul li{
		width:32%;
		float:left;
		padding: 0;
		margin-right:2%;
	}
	footer .ie_showroom ul li:last-child{
		margin-right:0;
	}
	footer .ie_showroom ul li figure{
		width: 40%;
		position: inherit;
		top: auto;
		left: auto;
		float: left;
	}
	footer .ie_showroom ul li figure img{
		width:100%;
		height:auto;
	}
	footer .ie_showroom ul li .access{
		width: 58%;
		float: right;
	}
	footer .ie_showroom ul li .access img{
		width:100%;
	}

	/*土地を探す　一覧*/
	.tab-area{
		width:100%;
	}
	#p_area_list .area_in ul{
		width:100%;
	}
	#p_area_list .product_tab_list ul li{
		width:32%;
		margin:0 2% 20px 0;
	}
	/*#p_area_list .product_tab_list ul li figure,
	#p_area_list .product_tab_list ul li figure img{
	width:100%;
}*/
	#p_area_list .product_tab_list ul li .a_tag span {
		/*font-size: 0.5vw;*/
		font-size:12px;
	}
	/*土地を探す　個別*/
	.product{
		width:100%;
	}
	.product section{
		width:80%;
	}
	.product #p_main figure{
		width: 100%;
		display: block;
		padding: 60px;
		height:auto;
	}
	.product #p_main .main_img{
		width: 80%;
	}
	#p_data table.data1{

	}
	/*区画情報*/
	#p_data table.data1{
		width: 100%;
		height: auto;
	}
	#p_data table.data1 th,
	#p_data table.data1 td{
		width: 27%;
	}
	#p_data table.data1 tr th:first-child,
	#p_data table.data1 tr td:first-child{
		width: 17%;
	}
	/*分譲地の写真*/

	/*周辺環境*/
	#p_around ul li{
		width:24%;
		margin-right:1%;
	}
	#p_around ul li img{
		width:100%;
	}
	/*土地お問い合わせ*/
	#p_contact table th{
		width:30%;
	}
	#p_contact table td{
		width:65%;
	}
	#p_contact table textarea{
		width:100%;
	}
	/*ほかの物件*/
	#p_list{
		width:100%;
	}
	#p_list ul{
		width:80%;
	}
	#p_list ul li{
		width: 32%;
		margin-right: 1%;
	}
	#p_list ul li figure{
		width:100%;
	}
	/*モデルハウス一覧*/
	.tab-area{
		width:100%;
	}
	#m_list .m_box ul{
		width:100%;
	}
	#m_list .m_box ul li{
		width:32%;
		margin:0 2% 20px 0;
	}
	/*#m_list .m_box ul li img{
	width:100%;
}*/


	/*店舗スタッフ*/
	#store{
		width:90%;

	}
	#store figure{
		width:50%;
	}
	#store figure img{
		width:100%;
	}
	#store .box{
		width: 50%;
		padding-left: 20px;
		padding-top:130px;
	}
	#store .box h5 span{
		top: 15px;
		font-size: 2.5vw;
	}
	#store .box h5 span:last-child{
		top: 70px;
	}
	#store .box .text p{
		margin-bottom:10px;
	}
	#happiness .box ul{
		width:95%;
	}
	#happiness .box ul li{
		width:48%;
	}
	#happiness .box ul li img{
		width:100%;
	}
	#happiness .box .text{
		width:95%;
		margin:0 auto;
	}
	#staff .box{
		width:100%;
	}
	#staff .box figure{
		width:100%;
	}
	#staff .box figure img{
		width:100%;
	}
	#staff .box .message{
		width:100%;
	}
	#staff .box p b{
		line-height:35px;
	}

	/*モデルハウス個別*/
	.model #p_main p{
		width:90%;
	}
	.model #p_main .more{
		width:90%;
	}
	#m_price .price{
		width:40%;
	}
	#m_price .price ul li:first-child b{
		font-size:5vw;
	}
	#m_price .price ul li:last-child b{
		font-size:6vw;
	}
	#m_price .price ul li:last-child span{
		padding:10px;
		font-size:1.8vw;
	}
	#m_price .item{
		width:55%;
	}
	#m_price .price ul li:last-child span{
		vertical-align:text-bottom;
	}
	#m_price .item table.tb2 td{
		width:100%;
	}
	#m_gallery ul {
		display: flex;
		flex-wrap: wrap;
	}
	#m_room ul li{
		width:48%;
	}
	#m_room ul li figure{
		width:100%;
	}
	#m_room ul li figure img{
		width:100%;
	}
	#m_point .box figure{
		width: 48%;
	}
	#m_point .box .text{
		width:48%;
	}
	#m_gallery ul li{
		width: 24%;
		margin-right: 1.3%;
		height: auto;
		margin-bottom: 10px;
	}
	#m_gallery ul li img{
		width: 100%;
	}
	.product #p_main figure img{
		max-width: 100%;
	}

}



@media screen and (min-width:768px) and ( max-width:1100px) {
	#top_service figure.shiga_area {
		width: 40%;
		top: -20%;
	}
	#top_service .top_land figure.shiga_area {
		top: 0;
	}
}

/* page navi*/



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

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

section#paging div.paging div.prev {
	position: absolute;
	width: 120px;
	left: 0;
}

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

section#paging div.paging div.next {
	position: absolute;
	width: 120px;
	right: 0;
}

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

/* bg */

@media screen and (max-width:1720px) { 

	#top_service::before{
		content: "";
		display: block;
		width: 400px;
		height: 810px;
		background: url(../../parts/bg1-1.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 400px 810px;
		position: absolute;
		top: 0;
		right: 0;
	}
}


.wp-pagenavi {
	text-align: center;
	margin-top: 30px;
}


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

.preview_pickup{
	margin-top: 250px;
}

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


/*
===============================================================================
新着情報内　記事
===============================================================================
*/
#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%;
}

/* 20220413 追加 */

input[type="radio"] {
	width: 20px!important;
	height: 20px!important;
	display: inline-block;
	margin-right: 0;
	vertical-align: sub;
}

/*
===============================================================================
ページネーション
===============================================================================
*/
.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.5rem;
}




/* --- 物件詳細 上部サマリーエリア (PC用) --- */
#m_summary_top {
    display: flex;
    justify-content: space-between; /* 両端揃えで配置 */
    align-items: center;
    padding: 20px 0 30px;
    box-sizing: border-box;
}

/* 1. 価格部分 */
#m_summary_top .price_area {
    display: flex;
    align-items: baseline;
    flex-shrink: 0; /* はみ出し防止（縮小させない） */
    margin-right: 30px; /* 右側のリストとの余白 */
}
#m_summary_top .price_label {
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
}
#m_summary_top .price_value {
    font-size: 40px;
    color: #d90000;
    font-weight: bold;
}
#m_summary_top .price_unit {
    font-size: 16px;
    margin-left: 5px;
}

/* 2. 所在地・面積部分 */
#m_summary_top .info_area {
    flex-grow: 1; /* 残りのスペースをすべて使う */
}
#m_summary_top .info_area ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between; /* 3項目を均等に配置 */
    width: 100%;
}
#m_summary_top .info_area li {
    display: flex;
    align-items: center;
    font-size: 14px;
    white-space: nowrap; /* テキストの折り返し・はみ出し防止 */
}
#m_summary_top .info_label {
    background-color: #f0f0f0;
    color: #333;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    margin-right: 10px;
}
/* --- 価格ラベルのデザイン変更 --- */
#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;
}