@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.slider-waku{background-color:#f5ede0;}

/*-----------------------TOP MOVIE*/

#move-waku{
}

#move-waku .more{
	display: block;
	clear: both;
	margin-top:30px;
}

#move-waku .more a{
    width: 180px;
    height: 42px;
    background: #eb6032;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-radius: 21px;
    font-weight: bold;
}

#move-waku .more a:after{

	content:">";
	display: inline-block;
	margin: 0 0 0 0.5em;
}

#move-waku .more a:hover{
	background-color: #a02f0a!important;
	color:#fff;
}

.move-flex{
	display:flex;
  flex-wrap: wrap;
  justify-content: center;}
.movetext{
	font-size:20px;
	padding:10px;
	background-color: #7c7163;
	color:#fff;
	width:46%;
	margin:2%;
	box-sizing:border-box;
	font-size:16px;
}

.movetext iframe{
	margin-top:15px;
	height:250px;
	width:100%;
}



/*-----------------------TOP BLOG*/
#top-blog{
	overflow:hidden;
	padding:60px 0;
}
#top-blog-inner{
	margin:0 auto;
	width:1000px;
}
.top-blog-w{
	width: 450px;
	margin: 10px;
	padding: 10px;
	border: solid 1px #ccc;
	float: left;
	height:120px;
	overflow:hidden;
}

.top-blog-w-l{
	width: 150px;
	float: left;
	height:120px;
	overflow:hidden;
}

.top-blog-w-l img{
	width: 100%;
	height: auto;
}
.top-blog-w-r{
	width: 290px;
	float: right;
	text-align: left;
}
.top-blog-w-r .tt-1{
	font-size: 14px;
	margin-bottom: 10px;
}

.catcharea{
	background:#f5ede0;
	padding-top:20px;
}
/*スタッフブログ*/

.blog-right{
	width:220px;
	float:right;
	border: solid 1px #dedede;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.blog-left{width:680px;
	float:left;
	margin-top: 15px;}


.blog-line{
	padding:10px;
	margin-bottom:5px;
	border-bottom:dashed 1px #ccc;
	overflow: hidden;
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
div#blog-line a{
color: #6a583d;}

.blog-day{
	width:150px;
	float:left;
	overflow: hidden;
	background-color:#c4b7a2;
	max-height:130px;
	overflow:hidden;
}

.blog-date{font-size:12px;
color:#003399;}


.blog-ex{font-size:14px;
color:#000000;}

.blog-title{
	width:470px;
	float:right;
	font-size: 18px;
	text-align:left;
}
.midashi-c{
	font-size:20px;
	font-weight:800;
	color: #dd0000;
	padding: 5px 0 10px 0;
	border-bottom: double 5px #dd0000;
	margin-bottom: 15px;
	text-align: center;
  }
.midashi-b{
	font-size:18px;
	font-weight:500;
	color: #a29786;
	padding: 5px 0 5px 0;
	border-bottom: solid 2px #a29786;
	margin-bottom: 10px;
	text-align: center;
  }


.ov a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/**************************************************************
TOPオーナー募集
**************************************************************/

#top-owner{
	overflow:hidden;
	padding:60px 0;
}
#top-owner-inner{
	max-width:1300px;
	margin:0 auto;
	  display: flex;
  justify-content: center;
}

.top-owner-box{
	width:300px;
	float:left;
	padding:10px;
	border:solid 1px #ccc;
	margin:10px;
}
.top-owner-box img{
	width:100%;
	height:auto;
}
.top-owner-t{
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
}
.event-owner{
	margin-bottom:10px;
}

/**************************************************************
オーナー募集アーカイブ
**************************************************************/

.top-owner-box2{
	width:270px;
	float:left;
	padding:10px;
	border:solid 1px #ccc;
	margin:10px;
}
.top-owner-box2 img{
	width:100%;
	height:auto;
}


/**************************************************************
オーナー募集single
**************************************************************/
.owner-sold{
	text-align:center;
}

.owner-pic{
	width:48%;
	margin:1%;
	float:left;
}
.owner-pic img{
	width:100%;
	height:auto;
}


/**************************************************************
イ物件情報
**************************************************************/
#prop-spec,
#prop-spec * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-size: 16px;
}
#prop-spec.top {
	width: calc(1300px + 4%);
	margin: 20px auto
	padding-bottom: 10px;
}
#prop-spec article {
	padding: 20px 0 40px;
}
#prop-spec .flex-half {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
#prop-spec .flex-one{
/*	justify-content: center; */
}
#prop-spec .flex-half li {
	width: 46%;
	margin: 0 10px 40px;
	border: solid 2px #ff6600;
	padding: 8px;
}
#prop-spec a h2.prop-tit {
	background: #ff6600;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	text-align: left;
	padding: 0 8px 0 12px;
	position: relative;
	display: flex;
	height: 47px;
	align-items: center;
	margin-bottom: 4px;
}
#prop-spec .wt-madori {
	display: inline-block;
	border-radius: 3px;
	border: solid 1px #fff;
	padding: 6px 5px 3px;
	margin-left: 10px;
	margin-right: 10px;
}
#prop-spec .flex-half .img {
	height: 225px;
	overflow: hidden;
	text-align:center;
}
#prop-spec .flex-half .img img {
	width: auto !important;
	height:100% !important;
	margin:auto;
}
#prop-spec .flex-half .tit {
	display: block;
	background: #e8e8e8;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#prop-spec .flex-half a .tit {
	color: #333;
}
#prop-spec .status {
	width: 100%;
	height: 31px;
	font-size: 15px;
	position: relative;	
	font-weight: bold;
	color: #fff;
	padding-top: 4px;
	border-radius: 3px 3px 0 0;
}
#prop-spec .onsale {
	background: #cc0000;
}
#prop-spec .forinq {
	background: #006600;
}
#prop-spec .endsale {
	background: #999;
	text-align: center;
}
#prop-spec .onsale:before {
	position: absolute;
	width: 100%;
	text-align: center;
	content: "販売中・内覧可";
}
#prop-spec .forinq:before {
	position: absolute;
	width: 100%;
	text-align: center;
	content: "お問い合わせください";
}
#prop-spec .endsale:before {
	width: 100%;
	text-align: center;
	content: "販売終了しました";
}

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

.top-event-botan{
	width:200px;
	text-align:center;
	font-size:12px;
	margin:0 auto;
	margin-top:15px;
}
.top-event-botan a{
	display:block;
	padding:10px;
	color:#fff!important;
	background-color:#7c7163;
}
.top-event-botan a:hover{
	background-color:#ba0000;
}


#event-frame{
	width:970px;
	margin:0 auto;
	padding:15px;
	overflow: hidden;
	clear: both;
	text-align:left;
}

.ev-f-container{
	overflow: hidden;
	min-height:100%;
}
.ev-f-l{width:50%;
float:left;
height:250px;}

.ev-f-l img{width:100%;
	/*margin-bottom:10px;*/
height:100%;}

.ev-f-r{
	width:50%;
	/*margin-right:20px;*/
	float:right;
	background-color: #FFFFCC;
height:250px;}

.ev-f-r iframe{width:100%;
/*height:160px;*/
height:100%;}

.ev-bikou{
font-size:12px;
width: 100%;
text-align: right;
}


.ev-title{
	padding:15px;
	font-size:20px;
	background-color:#e20000;
	color:#FFFFFF;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
}

.ev-shousai{
	margin-bottom: 15px;
	background-color: #FFE8E8;
	overflow: hidden;
}


.ev-line{
	padding:10px;
	border-bottom:dashed 1px #CC3300;
	color: #000000;
	font-size: 16px;
	width: 445px;
	float: left;
	margin: 0px 10px 5px 10px;
}


.ev-s-midashi{font-size:12px;
color:#CC3300;}


.ev-d-come{
	margin-bottom: 15px;
	background-color: #FFE8E8;
	overflow: hidden;
	padding:10px;
	margin-top: 10px;

}

.ev-d-come p{margin:0;
padding:0;
line-height:160%;}

.ev-d-come img{margin-top:10px;
	max-width:100%;
	height:auto;
margin-bottom:10px;}




/**************************************************************
イベント　アーカイブ
**************************************************************/

.eva-title{
	background-color:#CC3300;
	color:#FFFFFF;
	padding:10px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	font-size: 15px;
}


.eva-text{padding:15px;
background-color:#FFED59;}


.eva-line{
	padding:10px;
	border-bottom:dashed 1px #000;
	color: #000000;
	font-size: 16px;
}

.eva-line a:link{color:#000;}
.eva-line a:visited{color:#000;}
.eva-line a:hover{color:#ff0000;}


.eva-img-f{
	overflow:hidden;
	clear:both;
	margin-top: 25px;
}


.eva-box{
	width:450px;
	height:300px;
	margin:8px;
	padding:6px;
	border:solid 1px #ccc;
	float:left;
	overflow: hidden;
}



.eva-box img{width:100%;
height:auto;}


.evabox-title{padding:8px;
background-color:#CC3300;
color:#FFFFFF;}

.xo-event_data iframe{
	width:100%;
	height:200px;
}
/**************************************************************
TOP PLAN
**************************************************************/

#top-plan{
	margin-top:30px;
}

/**************************************************************
TOP WORKS
**************************************************************/
#works-tt{
	margin-top:10px;
}
.works-box {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.works-box a {
    position: relative;
    border: none;
    width: 25%!important;
    border: 1px solid #fff;
}

.box-pic {
    position: relative;
    max-width: 100%;
    height: auto;
}

.box-pic img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top center;
}
.box-contents {
        position: relative;
        flex: none;
        border-left: none;
    }

.box-contents {
        width: 100%;
        position: relative;
        flex: none;
        border-left: none;
        margin-top: 10px;
    }
.box-info {
    padding: 15px 40px 10px 10px;
    background: #F4F4F4 url(https://nijiironoouchi-oita.com/image/top/arrRight.png) right 20px center no-repeat;

}
.works-box a:link{
	color: #000!important;
}
.works-box a:visited{
	color: #000!important;
}

.box-catch {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.box-text {}

/**************************************************************
各ページ
**************************************************************/


/*反響セット*/

#contact-frame{overflow:hidden;
clear:both;}




#contact-frame-inner{
	width:1000px;
	text-align:center;
	padding: 25px 0;
	margin:0 auto;
}

#contact-frame-inner img{
	width: 31%;
margin: 1%;}



#contact-frame-inner a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*見出しタイトル画像*/
.top-ttt{
	width:300px;
	margin:0 auto;
		margin-bottom: 30px;
}
.top-ttt img{
	width: 300px;
	height: auto;
}
/*map 用タイトル*/
.mapttl{

width: 1000px;
}

.mapttl p{
background: url("/./././image/top/tt-bunjo_bg.png") repeat-x bottom;
width: 9em;
font-size:40px;
color:#7d715a;
font-weight: 600;
text-align: center;
margin: 0 auto;
padding-bottom: 10px;
line-height: 1.2;
}
.maptext{
color:#333333;
margin-bottom: 50px;
}
.maptext p{
color:#333333;
font-weight: 600;
margin: 0 auto;
font-size:30px;
line-height: 1.2;
}
.maptext span{
color:#ff5959;
font-weight: 600;
margin: 0 auto;
font-size:50px;
}


/*トップページイベント情報*/

#top-event{
	overflow: hidden;
	clear: both;
	padding: 60px 0;
	text-align:left;
	background-color: #f5ede0;
}

#top-event-inner{
	width: 1000px;
	margin: 0 auto;
}

/***********************
トップページ：イベント
************************/
.tenpo{margin-top:20px;}
.xo-event-calendar table.xo-month > caption{
	background-color:#7c7163!important;

}

.xo-event-calendar table.xo-month > thead th{
	background-color:#7c7163!important;
}
.xo-event-calendar table.xo-month > thead th.sunday {
    color: #fff;
    background: #cd0000!important;
}
.xo-event-calendar table.xo-month > thead th.saturday {
    color: #fff;
    background: #003b85!important;
}

.topeventframe{
	/*overflow: hidden;*/
}

.topevent-l{width: 300px;
float: left;}

.topevent-r{
	overflow:hidden;
	border: solid 1px #7c7163;
	background-color:#fff;
	width:48%;
	margin:1%;
	box-sizing:border-box;
	float:left;
}

.topevent-r2{
	overflow:hidden;
	border: solid 1px #7c7163;
	background-color:#fff;
	margin:1%;
	box-sizing:border-box;
}

.topevent-r-midashi{background-color:#7c7163;
padding: 10px;
	font-size:18px;
			font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
color: #fff;}

.tpoevent-in-l{
	padding:10px;
	font-size:14px;
}

.tpoevent-in-l2{
	padding:10px;
	font-size:14px;
	width:420px;
	float:left;
}

.tpoevent-in-r{
	padding:10px;
	float: right;
}


.tpoevent-in-r2{
	padding:10px;
	float: right;
	width:500px;
}



.tenpo .tpoevent-in-r{
	width: 450px;
	padding:10px 10px 0 0;
	float: right;
}
.tenpo .tpoevent-in-l{
	padding: 0 0 0 10px;
	font-size:14px;
	float: left;
}
.tenpo .topevent-r-midashi{text-align:center;}
.tpoevent-in-r img{width: 100%;
height: auto;}

.topevent-ll{padding: 5px;
	font-size:18px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:600;
border-bottom: dashed 1px #ccc;}

.topevent-red{font-size: 11px;
color: #D00003;
font-weight: bold;}




/*こんな方におすすめ*/

#osusume-frame{

}

#osusume-frame-inner{
	width:1000px;
	margin:0 auto;
	position: relative;
	background-image: url("https://nijiironoouchi-oita.com/image/top/note.png");
	background-repeat: no-repeat;
}

.osusume-waku{
	margin: 30px 10px;
	padding: 180px 80px 60px 80px;
	text-align: left;
	position: relative;

}

.osusume-img{
    position: absolute;
    left: 649px;
    top: 199px;
}




.osusume-cara{
	position:absolute;
	left: 775px;
	top: 0px;
	z-index: 10;
}

.osusume-waku-line{
	border-bottom:dashed 2px #ccc;
	padding:20px 10px 20px 60px;
	font-size: 18px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 900;
	color: #333333;
	background-image: url(https://nijiironoouchi-oita.com/image/top/cara-sm.png);
	background-repeat: no-repeat;
	background-position: 1px center;
}


/**************************************************************
商品プラン
**************************************************************/
.plan-frame{overflow: hidden;
	padding: 20px 0;
	border-bottom: dashed 1px #ccc;
clear: both;}

.plan-frame-l{width: 250px;
	margin: 5px;
		font-size: 10px;
float: left;}

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

.plan-frame-c{width: 330px;
	margin: 5px;
float: left;}

.plan-frame-c img{width: 100%;
height: auto;}

.plan-frame-r{width: 320px;
	border: solid 1px #ccc;

	padding: 5px;
	margin: 5px;
float: left;}

.plan-frame-r img{width: 100%;

height: auto;}


/*平屋暮らしの良さ*/

#yosa-title{
	padding:20px 0;
	background-color: #FFCC99;
	color: #333333;
	font-size: 30px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	line-height: 100%;

}


#yosa{
	overflow:hidden;
	clear:both;
	padding:20px 0;
	background-color: #e9e2df;
	background-image: url(https://nijiironoouchi-oita.com/image/top/yosa-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}


#yosa-inner{
	width:900px;
	margin:0 auto;
	text-align: left;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	font-size:17px;
	padding: 30px;
	color: #444444;
	position: relative;
	height: 600px;
	background-position: right top;
	background-repeat: no-repeat;
}


.yosa-point{
	background-color:#FFFFFF;
	padding:15px;
	width: 500px;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	margin-top: 60px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.yosa-point-line{
	padding:1px;
	border-bottom:dashed 1px #ccc;
	color: #333333;
	font-size: 20px;
}


.yosa-point-line img {
vertical-align: middle;
margin-right:15px;
}



/*不安*/


#fuan{
	overflow:hidden;
	clear:both;
	padding:35px 0;
	background-image: url(https://nijiironoouchi-oita.com/image/top/fuanbg2.png);
}


#fuan-inner{
	width:1000px;
	margin:0 auto;
	text-align: left;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	font-size:17px;
	color: #444444;
	position: relative;
	background-position: right top;
	background-repeat: no-repeat;
}


.fuan-title{text-align:center;
margin-top:40px;
margin-bottom:20px;}

.fuan-img{margin-top:40px;
margin-bottom:30px;}


.fuan-contact{
	text-align:center;
	margin-bottom: 25px;
	margin-top: 15px;
}


.fuan-mes{
	background-color:#FFFFFF;
	padding:20px;
	width: 860px;
	margin: 0 auto;
	color: #333333;
}





/*安さのひみつ*/

#yasusa{
	overflow:hidden;
	clear:both;
	padding:35px 0;
	background-color: #fff9ef;
	background-repeat: no-repeat;
	background-position: top right;
}


#yasusa-inner{
	width:1000px;
	margin:0 auto;
	text-align: left;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	font-size:17px;
	color: #444444;
	position: relative;
	background-position: right top;
	background-repeat: no-repeat;

}


#yasusa-box{overflow:hidden;
clear:both;
margin-top:30px;
margin-bottom:30px;}


.yasusa-box{
	width:300px;
	float:left;
	height:200px;
	padding: 15px;
	text-align: center;
}


.yasusa-box img{margin-bottom:15px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}



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

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






/*会社紹介*/

#company-title{
	padding:20px 0;
	background-color: #ffd733;
	color: #333333;
	font-size: 45px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 900;
	line-height: 100%;

}

#top-company{
	overflow:hidden;
	clear:both;
	padding:20px 0;
	background-color: #fff8dc;
}


#top-company-inner{
	width:900px;
	margin:0 auto;
	background-color: #FFFFFF;
	text-align: left;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	font-size:17px;
	padding: 30px;
	color: #000000;
	position: relative;
}


.top-c-line{
	padding:10px;
	border-bottom:dotted 2px #ccc;
	overflow: hidden;
	clear: both;
	margin-bottom: 7px;
}

.top-c-line-l{width:200px;
float:left;}

.top-c-line-r{
	width:620px;
	float:right;
	border-left: solid 3px #ccc;
	padding-left: 30px;
}

.company-cara{
	position:absolute;
	left: 724px;
	top: 66px;
}



/*スタッフ*/

#staff-title{
	padding:20px 0;
	background-color: #898989;
	color: #FFFFFF;
	font-size: 45px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 900;
	line-height: 100%;

}


#top-staff{
	overflow:hidden;
	clear:both;
	background-image: url(https://nijiironoouchi-oita.com/image/top/staff-bg.jpg);
}

#top-staff-inner{
	width:1000px;
	margin:0 auto;
	padding: 20px;
}

.staff-waku{
	overflow:hidden;
	clear:both;
	border:solid 1px #ccc;
	margin:20px 0px;
	padding:10px;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
    font-size:15px;
}


.staff-waku-l{width:220px;
float:left;}

.staff-waku-l img{width:100%;
height:auto;}

.staff-waku-r{width:680px;
	font-size:13px;
float:right;}


.staff-name{
	font-size:22px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	padding: 10px;
	border-bottom: solid 2px #CC0000;
	margin-bottom: 10px;
	color: #CC0000;
}


.staff-yaku{
	font-size:14px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	padding: 5px;
	margin-bottom: 10px;
	color: #FF6600;
	text-align: right;
}




.event-title{
	padding:20px 0;
	background-color: #ff6600;
	color: #FFFFFF;
	font-size: 30px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	line-height: 100%;
	}
	
.apply-title{
	padding:20px 0;
	background-color: #ff6600;
	color: #fff;
	font-size: 30px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	line-height: 100%;
	}	
	


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

.tokuten{text-align:center;}

.tokuten img{margin-bottom:10px;}







.apply-frame{
	width:950px;
	overflow:hidden;
	margin:0 auto;
	margin-top: 40px;
}

.ap-tokuten{margin-bottom:15px;}

.apply-form{
	padding:40px 55px;
	background-color:#FFFFCC;
	margin-top: 35px;
	font-size:15px;
	text-align:left;
		font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	color:#000;

}


.ap-form-title{margin-bottom:20px;
text-align:center;}

.ap-line{
	overflow:hidden;
	padding:15px;
	border-bottom: dotted 1px #87785f;
}

.ap-line-l{width:220px;
float:left;}

.ap-line-r{width:530px;
float:right;}


 /* テキストフォームの設定 */
.wpcf7-datetime{
  padding: 5px;
  width: 260px;
  color: #636063;
  font-size: 13px;
  background-color:#F9F9F9;
  border:solid 1px #CCCCCC;
  }



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

.wpcf7-date{
  padding: 5px;
  width: 260px;
  color: #636063;
  font-size: 13px;
  background-color:#F9F9F9;
  border:solid 1px #CCCCCC;
  }
 
  /* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus{
  background-color:#FFFFCC;
  }
 
  /* テキストエリアの設定 */
.wpcf7-textarea{
  padding: 5px;
  width: 400px;
  height: 100px;
  color: #636063;
  font-size: 13px;
  background-color:#F9F9F9;
  border:solid 1px #CCCCCC;
  }
 
 /* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus{
background-color:#FFFFCC;
}
 
  /* 送信ボタンの設定 */
.wpcf7-form-control.wpcf7-submit{
display: block;
width: 200px;
border: none;
padding:10px;
background-color:#785e40;
color:#fff;
  }
 
/* 送信ボタンのフォーカス時の設定 */
.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;
}
 
/* セレクト */
select{
padding: 5px;
width: 260px;
color: #636063;
font-size: 13px;
background-color:#F9F9F9;
border:solid 1px #CCCCCC;
}
 
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
 
 .clearfix{
  overflow:hidden;
  }

.blog-cont{
	padding:10px;
	font-size:15px;
}

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

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

.blog-cont h1{font-size:21px;
padding:7px;
	font-weight:bold;
	margin-bottom:15px;
border-bottom:solid 2px #000000;}

.blog-cont h2{font-size:19px;
padding:7px;
	color:#ff4d4d;
		margin-bottom:15px;
	font-weight:bold;
border-bottom:solid 1px #ff4d4d;}

.blog-cont h3{font-size:16px;
		margin-bottom:15px;
	color:#a20000;
	padding:7px;
	font-weight:bold;
	background-color:#ffbdbd;
}

.blog-cont h4{font-size:14px;
		margin-bottom:15px;
	padding:7px;
	background-color:#e0e0e0;
}
.blog-cont h5{font-size:13px;
		margin-bottom:15px;
	padding:5px;
	color:#2f57cb;
	border-bottom:dotted 1px #2f57cb;
}
.blog-cont h6{font-size:13px;
		margin-bottom:15px;
	padding:5px;
	color:#e55028;
	border-bottom:dotted 1px #e55028;
}

.monitor{width:950px;}
.monitor img{width:100%;height:auto;}

.spec-bb{display:flex; justify-content:space-around;}


/*ZEH高性能住宅　20221004-------------------------------*/

.zeh-page img {
	width:100%;
}
.zeh-page {
    line-height: 1.5;
	color:#333;
text-align:center;
}

.zeh-page p{
    line-height: 1.8;
	color:#333;
	font-size:16px;
	padding:0;
	margin:0;
	text-align:left;
}

.zeh-page ul{
list-style:none;
}
.zeh-top {
    display: flex;
    justify-content: center;
    background-color: #def2f7;
    padding: 60px 30px;
    align-items: center;
}


.zeh-top h2{
  font-size:36px;
	font-weight:bold;
	margin-bottom:10px;
}

.zeh-button{
  display: inline-block;
    width: 160px;
    border-radius: 80px;
    text-align: center;
    background-color: #0A9BDE;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;

}

.zeh-button.is-main {
	background: #ff6600;
	    margin-top: 15px;
	    color: #fff !important;
}

.zeh-button.is-main:hover {
	background: #ff627a;
	    color: #fff !important;
}
.zeh-top_disc {
	width:50%;
}
.zeh-top_img01{
    width: 44%;
	margin-right: 40px;}

.zeh-title {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
}
.zeh-title span{
	display:block;
		font-size:40px;
}

.zeh-features{
	padding:70px 0; 
}
.zeh-features li{
    padding: 80px 20px 60px;
	    position: relative;
	margin-bottom:100px;
	display: flex;
    justify-content: center;
	    background-color: #def2f7;
}

.zeh-features li:nth-child(3) {
 
    margin-bottom: 0px;
}

.zeh-features li h3{
	    font-size: 38px;
    line-height: 1em;
    white-space: nowrap;
    letter-spacing: 0;
    letter-spacing: .12em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-lr;
    font-weight: bold;
    color:#01a041;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	position:relative;
margin-left: 30px;
}

.zeh-features li h3 span{
	margin:10px;
}

.zeh-features li h3 span:nth-child(2){
	margin-top:50px;
}

.zeh-features li:first-child h3:before{
    content: "";
    display: inline-block;
    width: 160px;
    height: 200px;
    background: url(/./././image/zeh/01.png) no-repeat;
    background-size: contain;
    margin-right: 0.2em;
    position: absolute;
top: -130px;
    left: -85px;
}


.zeh-features li:nth-child(2) h3:before{
    content: "";
    display: inline-block;
    width: 160px;
    height: 200px;
    background: url(/./././image/zeh/02.png) no-repeat;
    background-size: contain;
    margin-right: 0.2em;
    position: absolute;
top: -130px;
    left: -85px;
}



.zeh-features li:nth-child(3) h3:before{
    content: "";
    display: inline-block;
    width: 160px;
    height: 200px;
    background: url(/./././image/zeh/03.png) no-repeat;
    background-size: contain;
    margin-right: 0.2em;
    position: absolute;
top: -130px;
    left: -85px;
}

.zeh-video_disc {
    font-size: 13px !important;
    color: red !important;
    font-weight: bold;
    margin: 10px 0 0 0 !important;
}

.zeh-features_boxs {
    display: flex;
    justify-content: center;
	align-items: flex-start;
		    width: 865px;
	    flex-wrap: wrap;
}


.zeh-features_box {
   width:40%;
	margin:20px;
}


.zeh-features_disc04 {
   padding:20px 0 !important; 
}


.zeh-page h4 {
    font-size: 18px;
    font-weight: bold;
     margin: 25px 0 10px;
}

.zeh-features_wrapper {
    display: flex;
    width: 865px;
    flex-wrap: wrap;
	text-align:left;
	    padding: 0 20px 0 60px;
}

.zeh-features_point{
	    margin: 5px 0 !important;
	}

.zeh-features_point span{
background-color: #2a71b9  !important;
    padding: 5px 10px 5px;
    margin-right: 10px;
    font-size: 21px;
    letter-spacing: 2px;
    color: white;
}


.zeh-clear{
    margin-top: 80px;
    height: 1px;}


.zeh-final_box {
    display: flex;
    background-color: #def2f7;
    justify-content: center;
    align-items: center;
    padding: 60px 40px;
    color: #333;
}
.zeh-final h3{
    font-size: 30px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ff6980;

}

.zeh-final p {
    margin-top: 5px;
}

.zeh-fina_img10 {
  position: relative;
	    width: 350px;
    height: 350px;
	    margin-right: 70px;
}

.zeh-fina_img10 img{
	width:100%;}

.zeh-final_disc {
width:50%;
}

.zeh-final ul{
    display: flex;
    align-items: center;
    justify-content: center;
	    margin-bottom: 40px;
}

.zeh-final li{
  width;38%;
	margin:20px;
}

.zeh-final_ceo:before {
    display: inline-block;
    margin: 0 10px 6px 0px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #333;
    width: 49px;
}

.zeh-final_special{
	    color: #01a041;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: bold;
}


/**************************************************************
ちいさなおうち　tinyhouse
**************************************************************/
.tiny-apply {
	text-align:center;
	margin:60px 0 40px;
}
.tiny-apply a.btn--yellow {
    color: #333;
    background-color: #fff100;
}

.tiny-apply a.btn--yellow.btn--cubic {
    border-bottom: 5px solid #ccc100;
}

.tiny-apply a.btn-c {
    font-size: 18px;
    position: relative;
    padding: 25px 75px 20px;
    border-radius: 100vh;
}

.tiny-apply a.btn-c:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: 7px;
    height: 7px;
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    content: '';
}

.tiny-apply a.btn--yellow:hover {
    background-color: #f3e600;
}



/*****************************************
 * 2023-01-17　分譲地情報
*****************************************/

.bunjo-flex{
	display:flex;
	margin-bottom:30px;
}

.bunjo-flex .box{
	flex:1;
	width:48%;
	margin:1%;
	height:350px;
}
.bunjo-flex .box.bunjo-pic{width: 100%;}
.bunjo-flex .box.bunjo-pic img{width:100%;height:100%;object-fit:cover;}

.bunjo-flex .box iframe{
	width:100%;
	height:350px;
}
.bunjo-flex .box img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.bunjo-map-list {
display: flex;
    font-family: 'Noto Sans Japanese', serif;
    font-size: 21px;
    font-weight: 700;
    color: #575757;
    padding-left: 26px;
    justify-content: center;
}
.bunjo-map-list li{
    list-style: none;
	position:relative;
	    padding-right: 42px;
}

.bunjo-map-list li::before {
content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(https://nijiironoouchi-oita.com/image/top/check.png) no-repeat;
    background-size: contain;
    left: -22px;
    top: 2px;
}

.bunjo-midashi{
	background-color:#f5f5f5;
	padding:15px;
	border-radius:10px;
	font-size:18px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:500;
	border:solid 2px #ededeb;
	margin-bottom:25px;
}


.bunjo-flex .box2{
	width:48%;
	margin:1%;
}

.bunjo-flex .box2 img{
	width:100%;
	height:auto;
}

.bunjo-flex .box2 .purse{
	border:solid 1px #ccc;
	padding:5px;
	margin-bottom:15px;
}
.bunjo-flex .box2 .purse h3{
	background-color:#e2704b;
	padding:5px;
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
	text-align:center;
}

.bunjo-flex .box2 h4{
	background-color:#557f34;
	padding:4px;
	color:#fff;
	font-size:13px;
	margin-bottom:5px;
	text-align:center;
	border-radius:7px;
	width:150px;
	margin-bottom:15px;
}
.bunjo-flex .box2 .tokucho{
	margin-bottom:45px;
}

.bunjo-flex .box2 .yosan{
	display:flex;
	padding:5px 0;
	border-bottom:dashed 1px #ccc;
    font-family: 'Noto Sans Japanese', sans-serif;
	font-size:18px;
	font-weight:500;
	margin-top:25px;
	margin-bottom:15px;
}

.bunjo-flex .box2 .yosan-l{
	width:25%;
}

.bunjo-flex .box2 .yosan-r{
	width:75%;
}
.bunjo-flex .box2 .yosan-r b{
	font-size:30px;
}
.bunjo-flex .box2 .bikou{
	font-size:13px;
	line-height:150%;
	margin-top:30px;
}

.bunjo-gallery-flex{
	display:flex;
	justify-content:space-around;
	margin-bottom:50px;
}

.bunjo-gallery-flex .box{
	width:18%;
}

.bunjo-gallery-flex .box img{
	width:100%;
	height:auto;
}




/**************************************************************
 * TOPマップ
 * ************************************************************/

.map-w830{
	width:1000px;
	margin:0 auto;
	background-image:url(https://nijiironoouchi-oita.com/image/top/map.png);
	height:700px;
	position:relative;
}
.map-w830 p{
	margin-bottom: .2em
}
.map-w830 .box{
	padding:15px;
	background-color:#fff;
	border:solid 2px #cd3d3d;
	border-radius:5px;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 600;
	font-size:30px;
	line-height: 90%;
text-align: center;
}

.map-w830 .box span{
	font-size:18px;
	line-height: 1.2;
	padding-top: 20px;
}

.map-w830 .box span.map_r{
	color: #e97132;
}
.map-w830 .box span.map_b{
	color: #0070c0;
}


.map-w830 .box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;

}
.map-w830 .box:hover {
	background-color:#fcff00;
}



/*---hide-----*/
.map-w830 .hide22{
    position: absolute;
    top: 25px;
    right: 360px;
}

.map-w830 .haneda{
    position: absolute;
    top: 350px;
    left: 250px;
}
.map-w830 .ino{
    position: absolute;
    top: 320px;
    left: 450px;
}
.map-w830 .ino2{
    position: absolute;
	top:200px;
	left:650px;
}
.map-w830 .matsu{
    position: absolute;
    top: 500px;
    left: 80px;
}
.map-w830 .naka{
    position: absolute;
    top: 620px;
    left: 350px;
}

.map-w830 .minami{
    position: absolute;
    top: 570px;
    left: 650px;
}

.map-w830 .minami2{
    position: absolute;
    top: 520px;
    left: 650px;
}
.map-w830 .hisahara{
    position: absolute;
    top: 330px;
    left: 690px;
}

.map-w830 .akeno{
    position: absolute;
    top: 250px;
    left: 400px;
}

.map-w830 .beppu{
    position: absolute;
    top: 450px;
    left: 150px;
}

.koukaing{
	margin-top:50px;
	padding:20px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:180%;
}

.bunjo-map-top{
	padding:50px 0;

}
.message-catch{color:#ff6600;letter-spacing:.15rem;font-weight:bold;font-size:160%;padding-top:10px;}
.message-strong{letter-spacing:.1rem;font-weight:bold;font-size:115%;border-bottom:2px solid #ff6600; margin:6px 0 6px;display:inline-block;line-height:1.2;}

.list-title{font-size:16px;font-weight:bold;padding:20px 10px 0;border-top:2px dotted;margin-bottom:-10px;}

.list-title.-ldk1{color:#eb6100 !important;}
.list-title.-ldk2{color:#ff0000 !important;}
.list-title.-ldk3{color:#0C2ADB !important;}
.list-title.-ldk4{color:#089A1D !important;}
.list-title.-ldk5{color:#ff6980 !important;}

.midashi-1ldk + .list-title,.midashi-2ldk + .list-title,.midashi-3ldk + .list-title,.midashi-4ldk + .list-title,.midashi-5ldk + .list-title{border-top:unset;padding-top:0;}