@charset "utf-8";
/* ==========================================================

feature.css

========================================================== */

/*
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif
}*/

.d_flex{
	display: flex;
	flex-wrap: wrap;
}
#main{
	font-size:12.8px;
	line-height:1.3;
}

/* 導入部 */
#main p.header_lead {
	font-size:16px;
	width:45em;
	margin:0 auto 20px;
	}

#main .menuArea {
	clear:both;
	width:839px;
	margin:0 auto;
	padding:0;
	}

#main .menuArea p {
	font-size:1.250em; /* 16px */
	width:839px;
	padding:0 0 20px 0;
	}
		
span.bld{
	font-weight:bold;
}
	
/* 特長　－　共通設定
--------------------------------------------------- */

#main .bgArea h2 {
	clear:both;
	width:920px;
	height:67px;
	margin:0;
	padding:0;
	}
	

#main .outlineArea .block h3 {
	border-left:6px solid #4388C8;
	font-weight: bold;
	font-size: 18px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin:8px 0 12px 8px;
	letter-spacing:1px;
	line-height:1.3;
	padding:1px 0 0 9px;
	position: relative;
	}
	
@-moz-document url-prefix(){
  #main .outlineArea .block h3{
    line-height:1.1;
	padding:0 0 2px 9px;
  }
}

@media all and (-ms-high-contrast: none){ /* IE10以上 */
  #main .outlineArea .block h3{
    line-height:1.2;
	padding:2px 0 0 9px;
  }
}

#main .mt30 .outlineArea .block h3 {
	border-left:6px solid #CF799F;
}

#main .outlineArea p{
	letter-spacing:1.3px;
}

#main .outlineArea {
	clear:both;
	width:880px;
	height:auto;
	margin:0 auto;
	padding:0 20px;
	}
	
	#main .outlineArea p.comment {
		padding:0 15px 10px 15px;
		}
		
#main .outlineArea .block {
	padding:6px;
	text-align:left;
	border:1px solid #CECECE;
	background:#FFF;
	overflow:hidden;
	display:inline;
}

#main .section {
	clear:both;
	margin:0 auto;
	padding:15px 0;
	}

#main .keepcenter {
	display:block;
	margin:0 auto;
	text-align:center;
	}


#main .outlineArea dl {
	float:left;
	display:inline-block;
	margin:0 0 20px 0;
	padding:5px 10px 0 10px;
	}
	
#main .outlineArea dl dt {
	float:left;
	display:block;
	margin:0 5px 10px 0;
}		

#main .outlineArea .keepcenter {
	clear:both;
	margin:0 auto;
	padding:0;	
	}

/* 縦ならび用 */
#main .feature {
	width:877px;
	overflow:hidden;
	margin:0 auto 15px;
}

#main .feature h2 {
	margin:0 0 15px 0;
}

#main .feature p {
	font-size:15px;
	line-height:1.4;
	margin:0 16px 0 23px;
}

#main .feature p.lead {
	margin:0 auto 20px;
	width:45em;
}

/*注意書き*/
p.attention {
	clear:both;
	padding-left:1em;
	text-align:left;
	font-size:100%;
	text-indent:-1em;
	line-height:1;	
	}

/* ---------------------------------------------------
   ローコスト耐震設計
--------------------------------------------------- */
/* 横並び2列 */

#main .outlineArea.d_flex{
	align-items: stretch;
}
#main .lowcost {
	width:400px;
	margin:5px 10px 5px 0;
}

#main .lowcost figure {
	text-align:center;
	margin:40px 0;
}

#main .lowcost figcaption {
	margin:10px 0 0 0;
}

#main .lowcost2 {
	width:400px;
	height:700px;
	margin:5px 10px 5px 0;
	float:left;
}

#main .lowcost2 figure {
	text-align:center;
	margin:40px 0;
}

#main .lowcost2 figcaption {
	margin:10px 0 0 0;
}

/* 横並び1列 */
#main .outlineArea .one_row { 
	float:left;
	clear:both;
	width:825px;
	height:auto;
	margin:5px 10px 5px 0;
	padding-bottom:10px;
	display:block;
}

#main .outlineArea .one_row p.left_box {
	float:left;
	margin:0 0 20px 23px;
	width:352px;
}

#main .outlineArea .one_row figure {
	margin: 0 5px 10px 0;
	float:right;
}

/* 特許 */
#main .feature ul.tokkyo {
	margin:20px 20px 0 20px;
	overflow:hidden;
}

#main .feature ul.tokkyo li {
	margin:10px 0;
}

#main .feature ul.tokkyo li.icon {
	display: inline-block;
	background:#c89743;
	margin: 0px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:7px 5px;
	text-align:center;
}

/* 等級 住宅性能表示制度の評価基準 */	
#tokyu {
	padding:0px;
	overflow: hidden;
	width:385px;
	margin: 0 auto 10px;
}

#tokyu h4 {
	font-weight: bold;
	text-align: center;
	font-size:16px;
	margin:10px 0 0;
	margin:10px 0 5px\9;
}

#tokyu dl.gr, #tokyu dl.gl {
	background:#EAEAEA;
	margin: 5px 0 0 0 !important;
    padding:0;
	overflow:hidden;
}
#tokyu dl.gl {
	background:#deeec3;
}

#tokyu dl.gr dt, #tokyu dl.gl dt{
	margin:0;
	padding:5px;
	width:100%;
}
	
#tokyu dl.gl span,#tokyu dl dd span {
	color: #cc0000;
}
#tokyu dl span.mini {
	font-size:10px !important;
}
#tokyu dl.gl dt span, #tokyu dl.gr dt span {
	display:block;
	font-size:13px !important;
	text-align:center;
	width:60px;
}

#tokyu dl.gl dd.mark, #tokyu dl.gr dd.mark{
	float: left;
	margin:0 !important;
	padding:0 !important;
	width: 70px;
	text-align: center;
}

#tokyu dl.gl dd, #tokyu dl.gr dd {
	float: right;
	padding:0 8px 5px 0 !important;
	width: 300px;
	letter-spacing:0.05em;
}

/*iPad調整用*/
@media screen and (max-device-width: 1024px){
	#main .outlineArea #tokyu dl.gr dd, #main .outlineArea #tokyu dl.gl dd{
	letter-spacing:0;
	font-size:13px !important;
	padding:0 5px 5px 0 !important;
	line-height:1.20em !important;
	}
}

/* 地震保険料割引50％ */
#main .outlineArea #hoken.block h3{
	border-left:none;
	background:#db5c94;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:4px;
}
#hoken h3 span{
	border:1px solid #fff;
	display:block;
	padding:4px;
}
#hoken h3 sup{
	top:-0.25em;
}

#hoken div.hoken_block{
	float:left;
	width:60%;
}

#hoken table {
	border: 2px solid #9bb36a;
	float:left;
	font-size:15px;
	line-height:1.4;
	margin-top:16px;
	text-align:center;
	width:320px;
}
#hoken th, #hoken td{
	border:1px solid #9bb36a;
	padding:4px;
}
#hoken thead {
	background:#4e9e3d;
	color:#fff;
}
#hoken .tokyu3 {
	background:#deeec3;
	font-weight:bold;
}

#main .feature #hoken .note{
	font-size:14px;
	margin:10px 23px 0;
	padding-left:1em;
	text-indent:-1em;
}

/* 鉄骨地中梁基礎工法 */
#main ul.newtechnology {
    float:left;
    padding:0px;
    overflow: hidden;
    width:378px;
    margin: 0 auto 10px 15px;
}

#main .one_row ul.newtechnology {
    margin: 0 auto 10px 20px;
    width:348px;
}

#main .newtechnology li {
    border:1px solid #f2b190;
    margin: 5px 0 0 0 !important;
    padding:0;
    overflow:hidden;
}

#main ul.newtechnology dl {
    background:#fbf2f1;
	background: linear-gradient(#fff, #fbf2f1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbf2f1));
    background: -moz-linear-gradient(top,  #fff,  #fbf2f1);
	background: linear-gradient(to bottom, #fff, #fbf2f1);
    margin:0 !important;
    padding:0;
    width: 368px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;display: flex;
}

#main .one_row ul.newtechnology dl {
    width:348px;
}

#main ul.newtechnology dl dt {
	float: left;
    line-height:1.3;
    text-align: center;
    margin:3px 0 3px 1px;
    padding:5px 0 5px 1px;
    width: 80px;
}

#main ul.newtechnology dl dt span{
	background: #f68172;
	border-radius:3px;
	color:#fff;
	display:inline-block;
	font-size:11px;
	margin-bottom:3px;
	padding:3px 3px 1px;
}

#main ul.newtechnology dl dd {
    background: #fff;
    float: right;
    padding:8px 8px 5px 8px;
    letter-spacing:0.05em;	
    width: 288px;
}

#main .one_row ul.newtechnology dl dd {
    width:258px;
}

#main .feature figure.newtechnology {
	margin: 20px 0;
}

/* ---------------------------------------------------
   耐火性・遮音性・断熱性・耐久性
--------------------------------------------------- */
#main .outlineArea .taika, #main .outlineArea .dannetsu{
	width:400px;
	margin:5px 10px 5px 0;
}

#main .outlineArea .syaon, #main .outlineArea .cation {
	width:400px;
	margin:5px 0 ;
	}

#main .outlineArea .taika p, #main .outlineArea .syaon p, #main .outlineArea .dannetsu p {
	margin:0 15px 0 23px !important;
}

#main .outlineArea figure.keepcenter img.img1{
	margin:19px 0 0 0;
}
#main .outlineArea figure.keepcenter img.img2{
	margin:8px 0 0;
}
#main .outlineArea figure.keepcenter img.img3{
	margin:40px 0 0 0;
}

#main .option h3:after {
    content: "";
    background: url(../image/icon_option.png) 0 0 no-repeat;
    position: absolute;
    top: 2px;
    left: 324px;
    display: block;
    width: 88px;
    height: 20px;
}

.steel_underground_beam {
    margin: 0 30px !important;
}
/* ----------------------------------------------------------
 gosoudan_box
---------------------------------------------------------- */
div#wrap > #contents > section#gosoudan_box p {
	width: auto;
	overflow: hidden;
	line-height: 1;
	letter-spacing: 0;
}

div#wrap > #contents > section#gosoudan_box .ttl_soudan {
	font-size: 18px;
	margin-bottom: 0;
}

div#wrap > #contents > section#gosoudan_box .catch_soudan {
	font-size: 16px;
}

div#wrap > #contents > section#gosoudan_box .lnk p:nth-of-type(2) {
	margin: 0;
}

.first_stage{
	margin: 10px 134px;
}