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

body {
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 text-align: center;
 margin: 0px;
 padding: 0px;
}
/*#wrapper { margin: 0 auto;
width: 100%;
}*/

.clear { clear: both; line-height: 0; height: 0; }
a img {border-style:none;}

a:link {color:#696969;}
a:visited{color:#696969;} 
a:hover{color:#696969;} 
a:active{color:#696969;} 


header { 
margin: 30px 0 0;
padding: 20px 0 0;
}
header .info {float: right;
margin: -58px 21px 1px 3px;
width: 404px;
}
header .info-2 {float: right;
margin: 8px 21px 1px 3px;
width: 404px;
margin-righr: 30px;
}
header .info-2 img { float:left;
padding:2px 3px}
header .info img { float:left;
padding:2px 3px}
header .info-sns { margin:-5px 1px 2px 4px;
}
header .info-3 img { float:left;
padding:2px 3px}

header .info-olive {float: right;
margin: 78px 21px 1px 3px;
width: 404px;
margin-righr: 30px;
}
header .info-olive img { float:left;
padding:2px 3px}

header .menu { margin: 0 auto;
 }
header .menu ul { list-style-type: none; }
header .menu li {display: inline;
padding-right: 1px}
header .menu ul li a {text-decoration: none;}

.icon-head { padding: 5px 2px;}

.h-info { float:right;
width:320px;
}

#header { width: 1000px;
}
.box-815 { width: 815px;
margin: 0 auto;
}
.box-845 { width: 845px;
margin: 0 auto;
}

.logo { padding: 3px 3px -6px 30px}

.logo-2 { padding: 3px 900px 3px 30px}

.logo-3 { padding: 3px 600px 3px 30px}

#news {
	margin: 26px auto 30px;
	width: 810px;
	text-align: left;
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
	color: #231815;
}
#news p { padding: 4px 10px 8px 20px;
border-bottom: 1px dotted #CCC;
}

#point {
	margin: 26px auto 30px;
	width: 500px;
	height:auto;
	text-align: left;
	font-size: 1.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	color: #231815;
}
#point p { padding: 4px 0px 8px 0px;
border-bottom: 1px dotted #CCC;
}
#point-2{
	margin: 26px auto 30px;
	width: 700px;
	height:auto;
	text-align: left;
	font-size: 1.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	color: #231815;
}
#point-3{
	margin: 26px auto 30px;
	width: 800px;
	height:auto;
	text-align: left;
	font-size: 1.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	color: #231815;
}

#works { margin: 30px auto 2px;
}
#works img { margin:0 auto -4px;
}

#slide{ width: 100%;
height: 327px;
margin: 40px auto -5px;
}
.shop-info { width: 845px;
height: 355px;
margin: 0 auto;
}
.shop-info { padding: 10px 0 3px;
text-align:left}
.follow-us { padding: 30px 0 40px}

.bt-fix {
  position: fixed; /* スクロールしても位置を固定 */
  top: 333px;
  right:0;
  width: 136px;
  /*padding: 5px;*/
  float: right;
}


footer#inc_ft {
	width: 100%;
	height: 330px;
	background-color: #E6E4E5;
	font-size: 0.8em;
	color: #696969;
}

footer#inc_ft ul {list-style-type: none}
footer#inc_ft li{ display: block;
	text-align: left;
	margin-bottom: 9px;
}
footer#inc_ft ul li a { text-decoration: none;
color: #727272}

.f-menu { width:93px }
.f-menu-2 {width:116px  }

.margin-top-12 { margin-top: 12px}

.left {float: left}
.right {float: right}
.center { float: none}

.f-logo { padding: 26px 5px 3px 0;
}
#left-f-box {width: 300px;
float: left;
	font-size: 11px;
	padding:0 5px 0 0;
}
.resume {
	text-align: left;
	line-height: 145%;
	font-size: 1.0em;
	padding-left: 5px;
	margin-top: 5px;
}
.ma img { margin:5px}
.ma3 img { margin:3px}


/*流れる写真*/
.slider04-wrap {
	margin: 40px 0;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.g-map { margin-left: 10px}


/*レイヤ写真*/

.relative {
    position: relative;
	left: 10px;
    top: 10px;
}

.absolute {
    position: absolute;
    left: 30px;
    top: 20px;
}

.layer-ph img{
	margin-top: -30px;
}
.layer-ph2 img{
	margin: 20px 0 0 100px;
}


/*ターゲットホーバー*/

img a{
	transition: 0.6s ;
}
img:hover a{
	opacity: 0.5 ;
}


/*仮 反-半透明*/
.hoge:hover img a{
opacity: 1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100,FinishOpacity=100);
}


.target {
	max-width: 60% ;
	height: auto ;
	display: block ;
	margin: 0 auto ;
}
.remove-hover {
	text-align: center ;
}
.remove-hover a {
	font-size: 18px ;
	font-weight: 700 ;
	text-decoration: underline ;
	color: #00f ;
}
.remove-hover a:hover {
	color: #f00 ;
}

/*イベントページ event page */

#wrap {
	width: 882px;
	margin: 0 auto;
	font-size: 0.8em;
	line-height: 160%;
	}
	
#wrap .page-title { margin:70px 0 40px;
text-align:center}

.hr-line { width: 881px;
	margin: 13px auto; 
	border-top: #e7e7e7 1px solid;
	text-align:center;
	 }	

/*サイドバー　サイドバー　サイドバー*/
#side-bar { 
position: relative;
float:left;
width:168px;
height:auto;
border: #CCC 2px solid;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */  
}
#nav {
	width:168px;
	height:auto;
	background: #fff;
}
.fixed {
  position: fixed;
  top: 40px;
}

/*サイドバー　サイドバー　サイドバー*/

#cont-main {
	float: right;
	width: 680px;
	height: auto;
	/*background-color: #071;*/
}

.list-box { width: 680px;
margin: 0;
padding:0;
}
.list-box-a { width:250px;}
.list-box-b {
	width: 417px;
	text-align: left;
	line-height: 170%;
	}
.img-border { border:#CCC 1px solid;
}
	
#wrap .white-space { clear: both;
}
.list-box-2 { width: 680px;
text-align:left;
margin: 0;
padding:0;
}
.list-box-2 img { margin:7px 0}

.youtube-container {
  position: relative;
  padding-bottom: 35.7%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.et-font {
	text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 135%;
}
.et-font-13 {
	text-align: left;
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 135%;
}


.et-font-red {
	text-align: left;
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 135%;
	color: #C30;
}

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

.w-712 { width: 712px;
margin:0 auto;
text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
	display: block;
}

.w-707 { width: 707px;
margin:0 auto;
text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
}
.w-707-cloud { width: 707px;
height:402px;
margin:10px auto 20px;
}
.cloud-tag {
	position: relative;
	left: -200px;
	top: -455px;
}

.w-780 { width: 780px;
margin:13px auto 30px;
clear:both;

}
.w-780 img { float:left;
margin:10px 7px;
}

.w-modelhouse { width: 707px;
margin:0 auto 10px;
padding: 10px 1px 20px;
text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
}
.w-520 {
	swidth: 520px;
	text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 135%;
	margin: 43px 25px 3px 10px;
}
.w-521 {
	width: 515px;
	text-align: left;
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 135%;
	margin: 10px 40px 3px 10px;
}
/*.w-521 img { padding: 17px 10px 1px 15px;
}*/
.w-442 {
	width: 442px;
	text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 135%;
}
.w-660 {
	width: 660px;
	margin:0 auto;
}
.w-660 img { padding: 12px}

.tatema { margin:50px auto }
.tatema-2 { margin:0 12px;
text-align:center; }
.tatema-3 { margin:0 50px;
text-align:center; }

.w-360 {
	width: 360px;
	text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
}
.iv-tit {
	font-size: 1.2em;
	color: #6aa9b1;
	font-weight: 400;
	margin-bottom: -10px;
}
.iv-top-tit { margin: 30px 0 40px;
text-align:center;
}
.iv-top-tit-2 { margin: 55px 0 -15px;
}

.responsible-person {
	background-image: url(../interview/img/responsible-person.png);
	height: auto;
	width: 706px;
	background-repeat: no-repeat;
}
.responsible-person-2 {
	height: auto;
	width: 706px;
}
.tanto-ph { margin:48px 3px 3px 15px;
}
.profile { text-align:center;
margin:20px 0;
}

.profile img { padding:10px 0 -10px;
margin: 10px 0 ;
}
.w_tit_photog { margin:30px 0 0 3px;
width: 365px;
}

.w_tit_interv { margin:30px 0;
width: 216px;
padding-bottom: 10px;
}

.tate-sen {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
.tate-ten {
	background-image: url(../modelhouse/img/tate-ten.png);
	background-repeat: repeat-y;
}

/* インタビューリスト */

.w-730 { width: 730px;
height:auto;
margin:0 auto;
text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
}
.w-740 { width: 740px;
height:auto;
margin:0 auto;
text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
}
.w-800 { width: 800px;
height:auto;
margin:0 auto;
text-align: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 150%;
}
.3-dan-ph { margin:30px auto 50px;
width: 726px!important;
overflow:hidden;
padding-bottom: 20px;
letter-spacing:-0.4em;
}
.3-dan-mov { margin:30px auto 50px;
width: 730px;
height:auto;
overflow:hidden;
padding-bottom: 20px;
}

.interview-3dan { margin:30px auto 50px;
width: 726px!important;
padding-bottom: 20px;
letter-spacing:-0.4em;
}



.iv-list-box { width: 216px;padding:0 13px 20px;
display:inline-block;
vertical-align:top;
letter-spacing:normal;
}
.phg-land { margin: 20px 15px 5px 0;
}

.phg-land-4 { margin: 15px 10px;
padding:3px; }

.phg-box { width:150px;
float:left;
margin:10px 9px;
padding-right: 11px;
}
.phg-box-2 { width:160px;
margin:0 7px 40px;
float:left;
}
.mov-box { width:215px;
margin:0 5px 7px}

.phi-box { width: 216px;
padding: 20px 0 7px;
 }
 
.ten {
	height: auto;
	background-image: url(../works/img/ten.png);
	background-repeat: repeat-y;
	background-position: 360px 300px;
}

 clearfix 
.3-dan-ph:before,
.3-dan-ph:after {
    content: "";
    display: table;
}
 
.3-dan-ph:after {
    clear: both;
}
 
 For IE 6/7 (trigger hasLayout) 
.3-dan-ph {
    zoom: 1;
}

/*カルクウオール*/

.w-777 { width: 777px;
height:auto;
margin:0 auto;
}

.w-777 img { margin: 5px}

.margin-8 { margin: 8px}
.pad-8 { pad: 8px}
.gouchi { margin:0;
padding:0;
width: 765px;
 }
 .gouchi img { float:left;
 padding: 14px 8px;
 }

.w-811 { width: 811px;
height: 240px;
	margin: 10px auto;
}

.yellow-icho {
	position: absolute;
	height: 128px;
	width: 144px;
	top: 2210px;
	left:1122px;
}

.madori-plan {
	width: 720px;
	height: 246px;
	margin: 20px auto 30px;
	background-image: url(../modelhouse/img/eopt_juji.png);
	background-repeat: no-repeat;	
}
.madori-plan img{ padding:15px;
}

.w-introduce { width: 712px;
margin:20px auto;	
}
.w-introduce img { margin:13px 0}

.papper {
	margin: -30px auto 0;
	width: 1220px;
	height: auto;
	background-size: 123%;
	background-image: url(../img/special/bg_top.png);
	background-repeat: no-repeat;
	background-position: center top;	
}
.back-3 {
	background-image: url(../modelhouse/img/otokawa-back-2.jpg);
	background-repeat: repeat;
}
.otto-maru { width: 708px;
margin:-25px auto;
}
.otto-maru img { padding:6px}

.cloud-tit {
	position: relative;
	top: -280px;
	left: -760px;
}

.rebox_ba { width: 360px;
height: auto: ;
text-align:left;
}
.rebox_ba span  { padding: 15px 0 4px;
}
.rebox_ba p  {
	font-size: 11px;
	line-height: 140%;
}

.reform-data { 
margin: -15px 0 3px;
font-size: 10px;
}
.reform-data-tag { margin: -15px 0 3px;
}
.hr-verti { padding: 12px 42px 0;
}
.president {width: 810px;
height: auto;
margin: 0 auto;
background-color: #F2F1F6;
clear: both;
}
.name { padding: 8px 15px 10px 20px;
text-align: left;
width: auto;
height: auto;
}
.w-616 { width: 616px;
	height: auto;
	margin: 5px auto;
	padding: 10px;
	text-align: left;
	
}
.w-812 { width: 812px;
	height: auto;
	margin: 5px auto;
	padding: 10px;
	text-align: left;
	font-size:14px;
	line-height:160%;
}
.staff-mark {
	position: relative;
	left: 296px;
	top: -99px;
}

.pg-copy {
	width: 400px;
	height: auto;
	margin: 0 auto;
	line-height: 165%;
	text-align:center;
}
.pg-copy p { text-align:left }

.chi-mark { position:relative;
top:-500px;
left:30px;
}

<!--ガーデン-->
/*.table-css { text-align:left;
margin:3px auto;
}*/

.table-info { width:470px;
margin:10px auto;
}
.enviroment img { padding-right: 6px;
float:left;
}
.pad-2 {padding:1px}

.photo-gal-title { font-size:14px;
font-weight: bold;
padding-bottom:-10px;
}
.cloud-2 { position: relative;
top:-350px;
left:-1000px;
}
.tanto { border:solid 1px #999999;
height:240px;
width: 705px;
z-index:0;
clear:both}

.tanto img {z-index:1;
text-align:left;}

.tanto-2 { border:solid 1px #999999;
height:400px;
width: 707px;}

.privacy { width: 680px;
height:auto;
margin:30px auto;
}
.privacy span {
	border-bottom: double 1px #CCCCCC;
padding:3px 5px:
font-weight:500;
	font-weight: bold;
	font-size:1.1em;
 }
.privacy p { padding: 3px 5px 10px;
line-height:160%;
}
.com_table_tag {
	border-top: 1px dotted #CCCCCC;
	width: 100%;
	font-size: 1.2em;
	line-height:175%;
} 

table button, table input { *overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.clearfix:before, .clearfix:after { content: ""; display: table; }

.staff { width: 818px;
margin: 0 auto;
}
.staff img { padding: 20px 5px;
float:left}


/*OPT オプト*/
.scale {
    width: 400px;
    height: 300px;
    overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.mid-icon { float:left;
margin: 3px 15px;
}
.mid-icon img { padding:5px;
vertical-align: center;
}
.w-490 { width:490px;
height:70px;
vertical-align: center;
margin: 58px 0 30px;;
}
.w55-51 { width: 55px;
height:51px;
}
.resume {margin:12px 0;
}


.resume .left > img{
width:320px!important;
height:53px!important;
}


header .logo-3 img{
width:390px!important;
}

.logo-3 {
    padding: 3px 600px 3px 90px!important;
}



footer#inc_ft img.right{
	width: 260px!important;
}

/********************modelhouse******************************/

.works-box h2{text-align: center;margin-top:80px;font-weight: bold;}

.rei-f-c{color:#97AD71;margin:5px 0 0 0 ; text-align: left;}
.rei-f-c_1{color:#689ea4;margin:5px 0 0 0 ; text-align: left;}
.sankaku {
    position: relative;
    
    padding-left: 12px;
	margin:5px 0 5px 0 ;
	font-weight: bold;
	text-align: left;
}
.sankaku:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #97AD71;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 8px;
}.sankaku_1 {
    position: relative;
    text-align: left;
    padding-left: 12px;
	margin:5px 0 5px 0 ;
	font-weight: bold;
}
.sankaku_1:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #689ea4;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 8px;
}

#otonaup_h2{margin-top:30px;}
.rei-box1 img{width:100%;}
.rei-box1 img{width:100%;}
.sekourei-box{display: flex;flex-wrap:nowrap;}
.sekourei-box a{padding:30px; }
.rei-box1{flex:1 1 25%;width:30%;margin-right:20px;margin-bottom:50px;background: #fff;}
.rei-box1:nth-child(1){margin-left:20px;}
.works-box a{display:block;}




/*****************************　分岐********************************/
@media (max-width: 1199px){
header .info { zoom:0.7;
margin:33px 0;
text-align:center;
}
}


@media (max-width: 480px){
	.news { max-width:80%;
	font-size:0.9em;
	}
	.menu {display:none;
	}
	
}













/*add 20170719*/
.hd-btnlist{position:absolute;top:0;right:0;width:404px;}
.hd-btnlist.fixed{position:fixed;right:22px;top:10px;z-index:1000;}
.hd-tel{position:absolute;top:45px;right:0;}



/*garden*/
.garden-title > div{text-align:center;line-height:130%;}
.garden-title > div.t1{font-size:12px;margin-bottom:10px;}
.garden-title > div.t2{font-size:15px;font-weight:bold;}
.garden-title > div.t3{font-size:23px;font-weight:bold;}
.garden-title > div.t4{width:200px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;color:#5eb8b9;font-size:13px;padding:6px 0;margin:10px auto;}
.garden-title > div.t5{font-size:23px;font-weight:bold;line-height:100%;}
.garden-title > div.t5 > span{font-size:13px;}
.garden-title > div.t5 > p{text-align:center;font-size:10px;margin:0;}

.garden-side{width:137px;display:block;text-decoration:none;text-align:left;margin:0 auto;position:relative;padding-right:10px;box-sizing:border-box;}
.garden-side .bunjo{font-size:10px;color:#5eb8b9;}
.garden-side .ari{font-size:8px;display:inline-block;background:#B28146;color:#fff;line-height:130%;margin-left:5px;padding:0 5px;}
.garden-side .nasi{font-size:8px;display:inline-block;background:#9DB772;color:#fff;line-height:130%;margin-left:5px;padding:0 5px;}
.garden-side .title{font-size:16px;font-weight:bold;}
.garden-side .title span{font-size:10px;}
.garden-side::before,
.garden-side::after{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.garden-side::before{
width: 12px;
height: 12px;
right:3px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #666;
}
.garden-side::after{
right: 8px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*add 20170907*/
.lower-h1{text-align:center;line-height:130%;padding-bottom:30px;}
.lower-h1 h1{display:inline-block;border-bottom:1px solid #666;letter-spacing:0.1em;padding-bottom:10px;}
.lower-h1 h1 span{font-size:13px;font-family: Futura, 'Century Gothic'}

#breadcrumb{text-align:left;padding:10px 0;}
#breadcrumb ul{margin:0;padding:0;}
#breadcrumb li{display:inline-block;position:relative;margin:0;padding:0;list-style:none;}
#breadcrumb li+li{margin-left:20px;}
#breadcrumb li+li::before{content:'>';position:absolute;left:-15px;}


.table-wrap table{width:100%;}
.table-wrap table td{padding:10px 0;border-bottom:1px dotted #ccc;text-align:center;}
.table-wrap2 table{width:100%;}
.table-wrap2 table td{padding:10px 10px 10px 20px;border-bottom:1px dotted #ccc;text-align:left;}



/*works*/
.workstop-title1{font-size:10px;letter-spacing:-0.2px;color:#666;}
.workstop-title1 span{display:inline-block;color:#9DB772;margin-right:5px;}
.works-title span{text-align:center;display:block;margin-bottom:10px;line-height:160%;}
.works-title span.title1{font-size:11px;line-height:120%;}
.works-title span.title2{color:#9DB772;font-weight:bold;font-size:18px;line-height:120%;}
.works-title span.title3{font-size:18px;}

/*======================================================
	CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
	line-height:0;
}
.clearfix2 { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix2 { height: 1% }
.clearfix2 {display:block;}
/* end MacIE5 */

div {
	zoom: 100%;
}



/*reform*/
.reform-list{width:810px;margin:30px auto 100px;border-top:1px solid #796A56;padding:0;}
.reform-list > li{border-bottom:1px solid #796A56;float:left;width:50%;list-style:none;margin:0;padding:20px 0;}
.reform-list > li > div{padding-right:40px;border-right:1px solid #796A56;}
.reform-list > li:nth-child(2n) > div{padding-right:0;padding-left:40px;border-right:none;}
.reform-list > li .clearfix2 img{width:100%;height:auto;}
.reform-list > li h2{margin:0 0 20px 0;background:#E2D4C4;width:220px;border-radius:20px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#796A56;}
.reform-list > li .clearfix2 > div{position:relative;}
.reform-list > li .clearfix2 > div > span{width:130px;height:98px;display:block;color:#fff;text-align:center;background:#A3A3A7;line-height:98px;font-size:13px;}
.reform-list > li .clearfix2 .before{width:130px;float:left;position:relative;}
.reform-list > li .clearfix2 .before::after{content:url(../rehome/img/reform/ba-icon.png); position:absolute;right:-33px; top:60px;}
.reform-list > li .clearfix2 .before p{margin:0 0 10px;background:#796A57;border-radius:20px;color:#fff;font-size:13px;text-align:left;padding:0 10px;}
.reform-list > li .clearfix2 .after{width:190px;float:right;}
.reform-list > li .clearfix2 .after p{margin:0 0 10px;background:#C7A780;border-radius:20px;color:#fff;font-size:13px;text-align:left;padding:0 10px;}
.reform-list > li dl{margin:-20px 0 5px 0;height:95px;}
.reform-list > li dl dt{text-align:left;}
.reform-list > li dl dt span{display:inline-block;font-size:10px;padding:0 10px;border:1px solid #796A56;color:#796A56;}
.reform-list > li dl dd{margin:0;padding:5px 0;}
.reform-list > li dl dd ul{margin:0;padding:0;}
.reform-list > li dl dd li{list-style:inside circle;color:#796A56;margin:5px 10px 0 0;font-size:11px;float:left;}

.reform-list.reform-detail > li{border-bottom:1px solid #796A56;float:left;width:50%;list-style:none;margin:0;padding:0;}
.reform-list.reform-detail > li > div{padding:30px 20px;border-right:1px solid #796A56;box-sizing:border-box;}
.reform-list.reform-detail > li:nth-child(2n) > div{border-right:none;}
.reform-detail-h2{margin:50px auto 20px;background:#E2D4C4;width:270px;border-radius:30px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#796A56;font-size:33px;}


/*interview*/
.iv-list-box .num{font-size:10px;letter-spacing:-0.1px;line-height:100%;margin:5px 0;color:#666;}
.iv-list-box .num span{color:#6DABB3;display:inline-block;margin-right:5px;line-height:100%;}

.interview-title{text-align:center;font-size:11px;color:#999;}
.interview-title span{font-size:16px;font-weight:bold;display:block;text-align:center;color:#6DABB3;}
.interview-box .box1 .f-l{width:210px;float:left;font-size:16px;border:1px solid #333;box-sizing:border-box;padding:20px 0 20px 20px;line-height:200%;}
.interview-box .box1 .f-r{width:470px;float:right;}
.interview-box h3{position:relative;border-bottom:1px solid #000;padding-left:1.2em;}
.interview-box h3::before{content:'■';position:absolute;left:0;}
.interview-box p{padding-left:1.4em;}










/**-----------モデルハウス大人かわいい家------------**/
.otona-up .mainpic img{vertical-align: middle;}


/*sec1*/
.otona-up .sec1{background-color: #efece5;padding-bottom: 100px;}
.otona-up .sec1 h2{margin-top: 0;padding-top: 80px;}
.otona-up .sec1 > div > p{font-size: 20px; color: #595858; font-weight: bold;line-height: 2;}
.otona-up .sec1 > div > .caption_box {width: 700px;margin:0 auto;border: solid #333 1px;background-color: #fff;position: relative;margin-top: 80px;padding-bottom: 20px;}
.otona-up .sec1 > div > .caption_box > div {display: flex;justify-content: center;}
.otona-up .sec1 > div > .caption_box > div > p{margin-top: 0;}
.otona-up .sec1 > div > .caption_box > div > p:nth-child(1){margin-right: 10px;margin-bottom: 0;}
.otona-up .sec1 > div > .caption_box > div > p:nth-child(2){margin-left: 10px;margin-bottom: 0;}
.otona-up .sec1 > div > .caption_box > h3{position: absolute;top: -40px;left: calc(50% - 240px);}
.otona-up .sec1 > div > .caption_box > h4{padding-top: 50px;margin-bottom: 0;}

/*sec2*/
.otona-up .sec2 > div > h2{padding-top: 80px;padding-bottom: 50px;}
.otona-up .sec2 > div > div{display: flex;width: 700px;margin: 0 auto;padding: 30px;padding-bottom: 20px;margin-bottom: 50px;}
.otona-up .sec2 > div > div > div:first-of-type{padding-right: 20px;}
.otona-up .sec2 > div > div > div > h3{font-size: 20px;color: #6a6a6a;}
.otona-up .sec2 > div > div > div > p{font-size: 16px;text-align: left;color: #595858;font-weight: bold;}

.otona-up .sec2 > div > div:nth-of-type(1){background-color: #efece5;}
.otona-up .sec2 > div > div:nth-of-type(2){background-color: #dde1e6;}
.otona-up .sec2 > div > div:nth-of-type(3){background-color: #efece5;margin-bottom: 100px;}

/*sec3*/
.otona-up .sec3 {background-color:#efece5; padding-bottom: 70px;}
.otona-up .sec3 > h2 {padding-top: 60px;}
.otona-up .sec3 > div {display: flex;width: 760px;justify-content: space-around;margin: 0 auto;}

.otona-up .sec3 > div > div > p:nth-child(2){width: 320px;text-align: left;padding-left: 10px;color: #595858;font-weight: bold;}


/*sec4*/
.otona-up .sec4 {background: url(../modelhouse/otona-up/sec4-bg.png); background-color: #80a6bb; padding-bottom: 40px;}
.otona-up .sec4 > div > h2 {margin-top: 0;padding-top: 40px;padding-bottom: 30px;}
.otona-up .sec4 > div > p {margin-left: 100px;}


/*sec5*/
.otona-up .sec5 {padding-bottom: 60px;padding-top: 30px;}
.otona-up .sec5 > div > h2{color:#6a6a6a;font-size: 30px;}
.otona-up .sec5 > div > ul {width: 700px;display: flex;list-style: none;justify-content: center;border-bottom: dashed 2px #6a6a6a; margin:0 auto;padding-left: 0;padding-bottom: 60px;}
.otona-up .sec5 > div > ul > li:nth-child(1){margin-right: 10px;}
.otona-up .sec5 > div > ul > li:nth-child(2){margin-left: 10px;}

.otona-up .sec5 > div > .sec5-text-ba{position: relative;margin-top: 60px;line-height: 1.5;text-align: center;margin-top: 100px;margin-bottom: 50px;font-weight: bold;color: #595858;}
.otona-up .sec5 > div > .sec5-text-ba > span::before{content:"";width: 32px;height: 88px;background: url(../modelhouse/otona-up/sec5-be.png) no-repeat;position: absolute;margin-left: -60px;margin-top: -13px;}
.otona-up .sec5 > div > .sec5-text-ba > span::after{content:"";width: 32px;height: 88px;background: url(../modelhouse/otona-up/sec5-af.png) no-repeat;position: absolute;margin-left: 15px;margin-top: -60px;}


.otona-up .t-c{text-align: center!important;}