@charset "utf-8";
/* CSS Document */




:root {	
--main-color: rgba(255, 0, 0, 0.9);/*赤*/
--sub-color: #3e4e57;/*グレー*/
--sub-color2:#f1eff4;/*薄いグレー*/
 }


.inner{
	max-width:1100px;
	margin:0 auto;
	position: relative;
}

.sp {
  display: none;
}



/**************************************************************
ヘッダー
**************************************************************/



#title {
	margin: 0px auto;
	padding: 0px;
	height: 100px;
	text-align:center;
}



/**************************************************************
グローバルナビ
**************************************************************/

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#header{
	margin: 0;
	padding: 0;
	height: 60px;
	background-color:var(--sub-color2);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	box-shadow: 0px 7px 7px -6px rgba(0, 0, 0, 0.2);
}
#header .logo{
	width:25%;
	text-align:left;
}
#header .logo img{
	width:auto;
	height:100%;
	max-height:60px;
}

#globalnavi{
	width:65%;
}

#globalnavi ul{
  list-style-type: none;
	display:flex;
	flex-wrap:wrap;
}

#globalnavi li{
	width:14.2%;
	list-style-type:none;
	line-height:57px;
	font-weight:600;
}


#globalnavi a{
	text-align: center;
	display:block;
	color:#000;
}

#globalnavi li img,dt img,dd img{
vertical-align:bottom;
}

#globalnavi li a:hover{
	border-bottom:solid 3px var(--main-color);}
	

/************************************************
 トップページ Main
************************************************ */

section.top{
	margin:  0;
	padding: 0;

}


section.top .main{
	margin: 0 auto;
	padding-top: 30px;
	width: 100%;
	position: relative;

}

section.top h1 img{
	width:60%;
	max-width:400px;
	height;auto;
}
.n2-ss-margin{margin:0!important;}
/************************************************
 セクションタイトル
************************************************ */

.title-h2{
	text-align:center;
	padding-bottom:1.6em;
	background-size:72px 8px;
	margin-bottom:3em;
	}

.midashi01{
	font-size:clamp(2.25rem, 1.75rem + 2.5vw, 3.625rem);
	display:block;
	font-weight:800;
}

.midashi02{
	margin: 0 auto;
	font-size:clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
	display:block;
	width: 250px;
	padding:10px ;
	border-bottom:solid 5px #3e4e57;}
	
.midashi03{
	font-size:1.4em;
	display:block;
	font-weight:600;
}



/************************************************
 TOP　ニュース
************************************************ */

#news{
	padding:50px 0 80px;
}

.news-dl{
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	font-size:16px;
	border-bottom: dotted 1px var(--sub-color);
	padding:15px 0;
}

.news-dl dt{
	width:25%;
	padding: 0 15px;

	}

.news-dl dd{
	text-align:left;
	width:75%;
	padding: 0 15px;
}
.news-dl:hover{
	border-bottom: solid 1px var(--main-color);
}
	

a.online-loan{
	display:block;
	max-width:900px;
	margin:50px auto;
}

.online-loan img{
	width:100%;
	height:auto;
}

/************************************************
 TOP　イベント
************************************************ */

#event{
	padding:30px 0;
	background:url(../../../../image/top/topbg01.webp) no-repeat center / cover;
}

section#event a:hover img, section#event-s a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}


.top-event-title{
	background-color:#009fc6;
	padding:25px;
	color: #fcff00;
	font-size: 30px;
}


.top-event-content{
	padding:10px;
}

.top-event-content a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}


.top-event-content-inner{
	max-width:1100px;
	margin:0 auto 20px;
	display:flex;
	flex-wrap:wrap;
	gap:20px 2%;
	padding:20px;
	background-color:#fff;
}

.top-event-l{
	width:40%;
	position: relative;
}

.top-event-l img{width:100%;
height:auto;}

.top-event-r{
	width:58%;
	text-align: left;
	font-size:clamp(0.938rem, 0.915rem + 0.11vw, 1rem);
}

.top-event-r h2{
	font-size:clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
	font-weight:700;
	color: #fff;
	border-bottom: solid 1px #a6937c;
	line-height: 140%;
	margin-bottom: 15px;
	padding: 10px;
	background-color:#272727;
}


.top-event-ll{
	font-weight:600;
	border-bottom: solid 1px #d0c1ae;
	padding: 15px 0px;
}
.top-event-ll span{
	background-color:var(--sub-color);
	color:#fff;
	padding:7px;
	width:100px;
	margin-right:10px;
	border-radius:5px;
}
.top-event-r-come{
	font-weight:400;
	border-bottom: solid 1px #d0c1ae;
	padding:5px 0;
	margin-bottom:20px;
}

.top-event-flex{
	display:flex;
	flex-wrap:wrap;
	gap:20px 2%;
}
.top-e-map{
	width:48%;
	border: solid 1px #ccc;
}

.top-e-map iframe{width:100%;
height:200px;}

.top-e-banner{
	width:49%;
}
.top-e-banner img{width:100%;height:auto;}



/************************************************
 TOP　建築実績
************************************************ */
#works{
	padding:50px 0 80px;
}
#works-inner{
	max-width:1200px;
	margin:0 auto 50px;
	display:flex;
	flex-wrap:wrap;
	gap:0 2%;
}

#works-inner .worksbox{
	width:32%;
	margin-bottom:30px;
}




/************************************************
 TOP コンテンツ
************************************************ */
#contents{
	padding:50px 0;
	background:url(../../../../image/top/topbg02.webp) repeat;
}

.contents-box{
	width:90%;
	height:350px;
	margin:0 auto 2em auto;
}



#title-c{
	text-align:center;
	padding:1.6em 0.8em;
	margin:0 auto;
	width:300px;
	background-color: var(--main-color);
	line-height:300%;
	color:#fff!important;
	}
.c-midashi{
	margin: 0 auto;
	font-size:clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
	display:block;
	padding:10px ;
	border-bottom:solid 5px #3e4e57;
}
#title-c2{
	text-align:center;
	padding:1.2em 0.8em;
	margin:0 auto;
	width:280px;
	background-color: var(--main-color);
	line-height:200%;
	color:#fff!important;
	}


#lineup .contents-box{
	background:url(../../../../image/top/contents-01.webp) no-repeat center / cover;}

#life .contents-box{
	background:url(../../../../image/top/contents-02.webp) no-repeat center / cover;}
	
#company .contents-box2{
	background:url(../../../../image/top/contents-05.webp) no-repeat center / cover;}
	
#land .contents-box2{
	background:url(../../../../image/top/contents-04.webp) no-repeat center / cover;}
	
#visit .contents-box2{
	background:url(../../../../image/top/contents-03.webp) no-repeat center / cover;}
	

#contents2{
	display:flex;
	flex-wrap:wrap;
	margin:50px auto;
	width:90%;
	gap: 20px 2%;

}
#company,#land,#visit{
	width:32%;
}
	
.contents-box2{
	width:100%;
	height:300px;
}


/* ---------------------------------------------------------------------
コンタクト
--------------------------------------------------------------------- */
#contact{
	background:url(../../../../image/base/apply-bg.webp) no-repeat left / cover;
	padding:20px 10px;
}
.contact-flex{
	max-width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
.contact-flex .img{
	width:45%;
}
.contact-flex .img img{
	width:100%;
	height:auto;
}
.contact-text{
	width:55%;
	padding-left:50px;
	color:#fff;
	align-self:center;
}
.contact-text h2{
	font-size:clamp(1.25rem, 0.909rem + 1.7vw, 2.188rem);
	font-weight:900;
	text-shadow: #59181D 1px 0 10px;
}
.contact-text h2 span{
	color:red;
	font-size:clamp(1.375rem, 0.92rem + 2.27vw, 2.625rem);
}
.contact-text .text{
	padding:30px 0 50px;
	font-size:clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);
}
.bt{
	width:350px;
	line-height:64px;
	background-color: #444;
	margin:0 auto;
	text-align: center;
	border-radius: 10px;
	font-size:18px;
	font-weight:700;
	position: relative;
	transition: 0.5s;
	border: 1px solid #fff;
}
.bt a{
	display:block;
	color:#fff;
}

.bt:hover{
	background-color: red;
}
.bt::after{
	content: '';
	display: block;
	background: url("../../../../image/base/arrow-right-w.svg");
	background-size: 100%;
	width:20px;
	height:20px;
	position: absolute;
	top:calc(50% - 10px);
	right:10px;
}	
/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */


section#footer{padding:0}

#bottom {
	margin: 0px;
	position: relative;
	text-align: center;
	clear: both;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: var(--sub-color);

}

#bottom-inner{
	max-width:1100px;
	margin:0 auto;
	text-align: left;
	display:flex;
	flex-wrap:wrap;
	gap:0 3%;
}

.bottom-box{
	width:30%;
	padding: 15px;
	font-size: 14px;
	line-height: 140%;
	color:#fff;
}

.bottom-box img{
	width:100%;
	height:auto;
	margin-right: 15px;
}

.bottom-tt{
	border-bottom:solid 2px #fff;
	padding:3px 0;
	margin-bottom:5px;
}



.bottom-tx{
	height: auto;
	padding:3px;
	margin-left: 3px;
	line-height: 140%;
	border-bottom:dotted 1px #fff;
}




#bottom a:link, #bottom a:visited {
	color: #fff;
}
#bottom a:hover{
	color:var(--main-color);}





.contents-title{
	max-width:500px;
	font-size:clamp(1.5rem, 1.159rem + 1.7vw, 2.438rem);
	display:block;
	font-weight:800;
	color:#000;
	line-height: 180%;
	margin:0 auto 50px;
	padding:70px 0 10px;
	text-align:center;
	border-bottom:5px solid var(--main-color);
}


.midashi-a-text{
	width: 100%;
	font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
	text-align: center;
  	background-color: #f6f6f6;
  	border: 3px double #ccc;
	padding: 10px 0;
	margin-bottom:30px;
}
.copy{color:#fff;font-size:12px;padding:7px;}

/*確認チェックボックス*/
.acpt .wpcf7-list-item {
	margin-left: 0 !important;
}
.acpt .wpcf7-list-item,
.acpt b {
	display: block !important;
}
.acpt input[type="checkbox"] {
	width: 25px !important;
	height: 25px !important;
	margin: 10px auto !important;
}

/* オンライン相談 
----------------------------------------------------------- */

.zoomdl img{
	width: 33%;
	height: auto;
}

.zoomdl{
	margin-top: 20px;
	margin-bottom: 20px;
}

.online-flow{
	margin-bottom: 15px;
    display: flex;
	flex-wrap:wrap;
	justify-content:center;
}

.online-flow .f-box{
	width: 31%;
	margin: 1%;
	border: solid 1px #ccc;
}

.online-flow .f-box img{
	width: 100%;
	height: auto;
}
.online-flow .f-box .zoomdl2{
	margin-bottom: 5px;
}

.online-flow .f-box .zoomdl2 img{
	width: 33%!important;
}

.online-flow .f-box p{
	padding: 0 5px 5px 5px;

}

.online-chui-tt{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.online-chui{
	padding: 15px;
	background-color: #fff6da;
	margin-top: 25px;
	margin-bottom: 25px;
}

#apply-frame2{
	max-width:1100px;
	margin:0 auto;
	padding: 15px 0;
	text-align: left;
}

#apply-frame2 a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#apply-frame{
	max-width:1100px;
	margin:0 auto;
	padding: 15px 0;
	text-align: left;
}

/************************************************
平屋での生活
************************************************ */


.osusume-frame{
	display:flex;
	flex-wrap:wrap;
	gap:20px 3%;
}

.osusume-frame-l{
	width:50%;
}
.osusume-frame-l img{
	width:100%;
	height:auto;
}
.osusume-frame-r{
	width:47%;
}

.osusume-line{
	padding:12px;
	border-bottom:dashed 1px #ccc;
	font-size: 16px;
	background-image: url(../../../../image/life/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 30px;
	margin-bottom: 5px;
}


.hiraya-yosa{
	background:url(../../../../image/life/yosa-bg.webp) no-repeat center / cover;
	margin: 15px 0 50px;
	padding:40px;
}


.hiraya-yosa-in{
	width:50%;
	padding: 15px;
	background-color: rgba(255,255,255,.8);
	color:#292929;
}

.fuan{

	padding: 20px 0;
	text-align:center;
	margin-top:15px;
	border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
	margin-bottom:45px;
}


.fuan img{width:23%;
height:auto;}


.fuan-2{
	text-align:center;
	margin:15px auto 50px;
	max-width:1000px;
}
.fuan-2 img{
	width:100%;
	height:auto;
}


#yasusa-box{
	padding:0 0 50px;
	display:flex;
	flex-wrap:wrap;
}


.yasusa-box{
	width:33%;
	padding: 15px;
	text-align: center;
}


.yasusa-box img{
	width:100%;
	height:auto;
	margin-bottom:15px;
	border-radius: 10px;
}



.yb{
	border-bottom: dashed 1px #ccc;
}

.ylr{
	border-left: dashed 1px #ccc;
	border-right: dashed 1px #ccc;
}


	
/************************************************
 会社紹介 スタッフ紹介
************************************************ */

section#life-s, section#company-s {
	text-align:left;
	padding:0 0 50px;
}
.aisatsu{
	display:flex;
	flex-wrap:wrap;
	padding:50px 0 80px;
	gap:0 5%;
}
.name{
	padding-top:30px;
	text-align:right;
}
.aisatsu .img{
	width:35%;
}
.aisatsu .img img{
	width:100%;
	height:auto;
}
.aisatsu .text{
	width:60%;
	line-height:180%;
	font-size:16px;
}

.company-dl{
	display:flex;
	flex-wrap:wrap;
	font-size:clamp(0.938rem, 0.915rem + 0.11vw, 1rem);
}

.company-dl dt{
	width:30%;
	padding: 15px 10px 15px 50px;
	border-bottom: solid 1px var(--main-color);
	}

.company-dl dd{
	width:70%;
	padding: 15px 10px;
	border-bottom: solid 1px var(--sub-color);
	}

#staff-s{
	background-color:var(--sub-color2);
	padding-bottom:100px;
	margin:0;}
	
.staff-box{
	max-width:1040px;
	display:flex;
	flex-wrap:wrap;
	gap:0 5%;
	margin:50px 10px;
	margin-inline:auto;
	padding:20px;
	background-color:#fff;
	border-radius:20px;
}
.staff-box p{
	width:30%;
}
.staff-box p img{
	width:100%;
	height:auto;
}
.staff-info{
	width:65%;
}
.staff-name{
	padding:10px;
	color:#fff;
	background-color:var(--main-color);
	margin-bottom:20px;
}
.staff-come{
	display:flex;
	flex-wrap:wrap;
	padding: 10px;
	border-bottom: 1px dashed #ccc;
	gap:0 2%;
}
.staff-come dt{
	width:20%;
}
.staff-come dd{
	width:78%;
}



.award {
    margin-top: 60px;
}

.award h4 {
    color: #dda300;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    font-size: 30px;
    padding: 20px 0;
	text-align:center;
}

.award table {
    margin: 20px auto 12vh;
    width: 800px;
    font-size: 18px;
}

.award table th {
    padding: 20px;
    width: 6em;
    border-bottom: 1px dashed #c5c5c5;
}

.award table td {
    font-size: 16px;
    line-height: 2;
    padding: 20px;
    border-bottom: 1px dashed #c5c5c5;
    text-align: left;
}

/************************************************
 イベント
************************************************ */

section#event-s {
	padding:0 0 50px;
	}

.event-kind{
	max-width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:5px;
	text-align:center;
}
.event-kind li{
	width:45%;
	border:solid 2px red;
	list-style-type:none;
	font-size:16px;
	font-weight:700;
	border-radius:5px;
	background-color:#fff;
	transition:0.5s;
}
.event-kind .is-active{
	background-color:red;
}
.event-kind li a{
	display:block;
	padding:17px 0;
}
.event-kind li:hover{
	background-color:red;
}


.event-end{
	position:absolute;
	left: 20px;
	top: 20px;
}
.event-detail-tt{
	font-size:24px;
	font-weight:700;
	color: #ff8a00;
	border-bottom: solid 1px #a6937c;
	line-height: 140%;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.event-content{
	font-size:15px;
	text-align: left;
	margin-top: 20px;
	padding-top: 20px;
	border-top: dashed 1px #ccc;
}

.event-content p{margin-top:10px;
margin-bottom:10px;
}

.event-content img{margin-bottom:10px;
margin-bottom:10px;}



.event-chirashi{
	width:380px;
	float:left;
	padding: 15px;
	border: solid 2px #ccc;
float:left;}

.event-chirashi img{width:100%;
height:auto;}


/************************************************
 予約見学会
************************************************ */	
.apply-text{color:#000;
	padding:20px 0;
	margin:50px 0;
	font-size:20px;}

.apply-title{
	padding:20px 0;
	background-color: #ffcc00;
	color: #FFFFFF;
	font-size: 45px;
	font-weight: 900;
	line-height: 100%;
	}	
	


.apply-waku{
	max-width:1100px;
	margin:0 auto;
	text-align: left;
	padding: 20px 0;
}

.tokuten{
	text-align:center;
	max-width:950px;
	margin-inline:auto;
}

.tokuten img{
	margin-bottom:10px;
	width:100%;
	height:auto;
}


#apply-box{
    max-width:1100px;
    margin: 0 auto 50px;
    display:flex;
    flex-wrap:wrap;
	font-size:18px;
	background-color:#f2f2f2;
	padding:30px;
}
#apply-box .apply-form-title{
	width:100%;
	text-align:center;
	padding:0 10px 30px;
}
#apply-box .apply-box-l{
    width:35%;
    border-bottom:1px solid var(--main-color);
    padding:20px 10px;
}
#apply-box .apply-box-l span{
    background-color:red;
    color:#fff;
    padding:5px 10px;
    margin-right:10px;
    border-radius: 5px;
    font-size:14px;
}
#apply-box .apply-box-l .nini{
	background-color:#999;
}
#apply-box .apply-box-r{
    width:65%;
    border-bottom:1px solid #ccc;
	padding:20px 10px;
	font-family:  'Noto Sans JP',
	"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
}
 /* テキストフォームの設定 */
.wpcf7-datetime, .wpcf7-date{
  padding: 7px;
  width: 260px;
  color: #636063;
  font-size: 13px;
  background-color:#F9F9F9;
  border:solid 1px #CCCCCC;
  }

 /* テキストフォームの設定 */
.wpcf7-text{
  padding: 7px;
  width: 90%;
  color: #636063;
  background-color:#F9F9F9;
  border:solid 1px #CCCCCC;
  }

.kazukazu input{width:30px!important;
margin-left:3px;
margin-right:3px;}
 
  /* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus{
  background-color:#FFFFCC;
  }
 
  /* テキストエリアの設定 */
.wpcf7-textarea{
  padding: 7px;
  width: 90%;
  height: 100px;
  color: #636063;
  background-color:#F9F9F9;
  border:solid 1px #CCCCCC;
  }
 
 /* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus{
background-color:#FFFFCC;
}
 
  /* 送信ボタンの設定 */
.wpcf7-form-control.wpcf7-submit{
display: block;
width: 260px;
border: none;
padding:20px;
background-color:#ff4200;
color:#fff;
	border-radius:5px;
	font-size:24px;
  }
 
/* 送信ボタンのフォーカス時の設定 */
.wpcf7-form-control.wpcf7-submit:hover{
filter: alpha(opacity=80);
 opacity: .6;
 -moz-transition: all 0.7s ease;
 -webkit-transition: all 0.7s ease;
 }
 
/* リストの縦並び（チェックボックス・ラジオ） */
span.wpcf7-list-item {
display: block!important;
	margin-bottom:10px!important;
}
 
/* セレクト */
select{
padding: 5px;
width:420px;
color: #636063;
font-size: 13px;
background-color:#F9F9F9;
border:solid 1px #CCCCCC;
}
input[type=checkbox] {
	transform: scale(2);
	margin: 0 6px 0 0;
}
.apply-check{
	text-align:center;
	display:block;
	width:100%;
	margin-top:20px;
}

.form-small {
    width: 200px;
}
.center{
	text-align:center;
	display:block;
	margin:10px auto;
}

/************************************************
 商品プラン
************************************************ */

#plan{
	max-width:1100px;
	margin: 50px auto;
}
.plan{
	display:flex;
	flex-wrap:wrap;
	border:1px solid #555;
	margin-bottom:40px;
}
.plan a{
	display:block;
}
.plan a.ppp{
	width:60%;
}
.plan a.mmm{
	width:40%;
}
.plan a.ppp img, .plan a.mmm img{
	width:100%;
	height:auto;
}
.plan .no, .ldk, .m2, .tsubo, .price{
	padding:10px 5px;
	text-align:center;
	font-size:clamp(1rem, 0.455rem + 2.73vw, 2.5rem);
	font-weight:800;
}
.plan span{
	font-size:clamp(0.875rem, 0.511rem + 1.82vw, 1.875rem);
	padding-right:7px;
}
.plan .no{
	width:25%;
	background-color:#f2f2f2;
}
.plan .ldk{
	width:25%;
	background-color:#ddd;
	color:var(--main-color);
}
.plan .m2{
	width:25%;
	background-color:#f2f2f2;
}
.plan .tsubo{
	width:25%;
	background-color:#ddd;
	color:var(--main-color);
}
.plan .price{
	width:75%;
	background-color:var(--main-color);
	color:#fff;
}
.plan .price .come{
	font-size:clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
	text-align:right;
	color:#000;
	font-weight:600;
}	
.plan .plan-apply{
	width:25%;
	background-color:#ffce21;
	align-content: center;
	padding:10px;
	transition:0.5s;
}
.plan .plan-apply:hover{
	background-color:yellow;
}
.plan .plan-apply img{
	width:100%;
	height:auto;
}


/************************************************
 建築実績
************************************************ */

section#works-s{
	/*background-color:var(--sub-color2);*/
	padding:0 0 50px;
}

section#works-s a:link{color:#2F2F2F;}

.works-flex{
	display:flex;
	flex-wrap:wrap;
	max-width:1100px;
	margin-inline:auto;
	padding:50px 0 80px;
	gap:30px 4%;
}
.worksbox{
	background-color:#fff;
	width:calc(48% - 2px);
	text-align:center;
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	border: 1px solid #777;
    box-shadow: 10px 10px 0px 0px rgba(85, 83, 83, 0.09);
    border-radius: 5px;
    box-sizing: border-box;
}

.works-title{padding:12px 7px;}
.works-img{	
	overflow: hidden;
	width:100%;
	height:auto;}
	
.works-img img {
	width:100%;
	height:auto;
	aspect-ratio:4 / 3;
	object-fit:cover;
}

.works-img img:hover {
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
}

/*建築実績シングルページ*/

#works-single{
	padding:18px 15px;
	background-color:#FFF;}
	
#works-title {
	font-size:24px;
	padding-bottom:30px;
}
.works-midashi{
	font-size:1.4em;
	display:block;
	font-weight:600;
	color:#000;
	background-color:#fff;
    padding: 20px 10px;
	text-align:center;
}


/**************************************************************
ブログ
**************************************************************/
.blog-cont{
	text-align:left;
	line-height:190%;
	padding:30px 10px;
	font-size:16px;
}

.blog-cont li + li {
  border-left: none!important;
}

.blog-cont li{
	margin-left:35px;
	font-size:15px;
	line-height:170%;
	margin-bottom:13px;
}

.blog-cont ol{
	margin-top:25px;
	margin-bottom:25px;
}


.blog-cont p{
	margin-left:0px;
}

.blog-cont .alignright{
	padding-left:15px!important;
	background-color:#fff!important;
	float:right;
}

.blog-cont .alignleft{
	padding-right:15px!important;
	background-color:#fff!important;
	float:left;
}

.blog-cont .aligncenter{
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.blog-cont h1{
	font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
	color:#000000;
	padding:10px 5px;
	margin-bottom:15px;
	margin-top:30px;
	font-weight: 700;
}

.blog-cont h2{
	font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
	color:#009844;
	padding:10px 5px;
	border-bottom:solid 2px #009844;
	margin-bottom:15px;
	margin-top:30px;
	font-weight: 600;
}

.blog-cont h3{
	font-size:16px;
	background-color:#f4c321;
	padding:7px;
	margin-top:30px;
	margin-bottom:15px;
	font-weight: 600;

}
.blog-cont h4{
	font-size:15px;
	color:#000;
	padding:7px 3px;
	border-bottom:solid 1px #000;
	margin-bottom:15px;
	margin-top:30px;
	font-weight: 600;
}

.blog-cont h5{
	font-size:12px;
	color:#000;
	padding:5px;
	background-color:#ececec;
	margin-bottom:15px;
	margin-top:30px;
	font-weight: 600;
}

.blog-cont p{margin-bottom:15px;}

.blog-cont img{padding-bottom:15px;
padding-top:10px;
max-width:100%;
height:auto;}

.blog-cont iframe{max-width:100%;}

.blog-cont hr{
	margin-bottom:15px;
		margin-top:15px;
	background-color: #fff;
	border-top: 2px dashed #f4c321;
}

.sub-navi{padding:5px;
text-align:right;
background-color:#EBEBEB;
font-size:12px;}

#blog-frame{
	padding:15px 0;
	text-align: left;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
}

.blog-s-title{font-size:18px;
padding:10px;
background-color:var(--main-color);
color:#fff;
border-radius:5px;
}


.blog-s-day{
	text-align:right;
	font-size:14px;
	color:#336666;
	padding:5px;
	margin-bottom: 15px;
}


.blog-cont img{margin-top:10px;
margin-bottom:10px;
max-width:100%;
height:auto;}

.blog-right{
	width:70%;
	padding:0 2%;
}

.blog-left{
	width:30%;
	padding: 0 2%;
}
.blog-left img{
	width:100%;
	height:auto;
}
.side-blog{padding:10px 0;}

.side-blog li{
	padding:10px 5px;
	border-bottom:dashed 1px #ccc;
	font-size:12px;
	list-style: none;
	line-height: 140%;
}


.navBox{
	overflow: hidden;
	clear: both;
	width: 300px;
	margin: 50px auto;
}

.s-prev{
	padding:10px;
	width:130px;
	float:left;
	background-color:#ff0000;
	color:#fff;
	text-align: center;
}

.s-next{
	padding:10px;
	width:130px;
	float:left;
	background-color:#fff100;
	color:#000;
	text-align: center;
}

/**************************************************************
土地探しのコツ
**************************************************************/
#land-s{
	max-width:1100px;
	margin-inline:auto;
	padding:0 0 50px;
}

.point{text-align:center;}

.landbox{
	padding:40px;
	margin-bottom:20px;
	border:double 5px var(--main-color);
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	gap:20px 5%;
}
	
.land-r{
	width:65%;
	font-size:16px;
	line-height:160%;
}
	
.land-r p{
	padding-bottom:20px;
}
	
.land-l{
	width:30%;
}
	
.land-l img{
	width:100%;
	height:auto;
}

.land-title{
	width:100%;
	font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
	display:block;
	padding-left:40px;
	margin-bottom:10px;
	background-image:url(../../../../image/land/icon.png);
	background-repeat:no-repeat;
	background-position: 0 center;
	font-weight:700;
	color:#2E2E2E;
line-height:40px;}

.land-midashi{
	display:inline-block;
	background-color:var(--main-color);
	color:#fff;
	font-size:18px;
	padding: 5px 20px;
	margin-bottom:10px;
}
	
	
.circle-1,
.circle-2,
.circle-3 {
  background-image:url(../../../../image/land/point-p.png);
  background-repeat:no-repeat;
  padding: 30px;
  width: 33%;
  margin: 0 -10px;
  mix-blend-mode: multiply;
}
.circle-4 {
	background-image:url(../../../../image/land/point-p.png);
  background-repeat:no-repeat;
  padding: 30px;
  width: 33%;
  margin: 0 -15px;
  mix-blend-mode: multiply;
}
.circle-5 {
	background-image:url(../../../../image/land/point-p.png);
  background-repeat:no-repeat;
  padding: 30px;
  width: 55%;
  margin: 0;
  mix-blend-mode: multiply;
}

.circle-1 {
  background: #fffc72;
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
}
.circle-2 {
  background: #F9EDC2;
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
}
.circle-3 {
  background: #F9CCC2;
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
}
.circle-4 {
  background: #F9CCC2;
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
}
.circle-5 {
  background: #fffc72;
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
}

#circle-body {
  display: flex;
	flex-wrap:wrap;
  justify-content: center;
  padding: 0;
	text-align:left;
	line-height:180%;
	font-size:16px;
}
strong {font-weight:800;}

/*============ プライバシーポリシー ============*/

#privacy{
	padding:0 10px 50px;
	max-width:1000px;
	margin-inline:auto;

}
#privacy h3{
	margin:30px 0;
	padding:10px;
	border-bottom:3px solid #555;
	font-weight:600;
	background-color:#f2f2f2;
}
#privacy p{
	padding:20px 0;
}
#privacy ol {
	padding:10px 10px 10px 40px;

}
#privacy ol li{
	padding:10px;
	list-style: auto;
}