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

.gd li:first-child {
	width:500px;
	float:left;
}

.gd li:last-child {
	width:420px;
	float:right;
}

.gdTxt {
    font-size: 1.8em;
    font-weight: bold;
    color: #004da1;
}

.gdTxt02 {
    font-size: 1.7em;
    font-weight: bold;
    color: #004da1;
}

.dtlBtn {
	width:100%;
	margin-top:10px;
	font-size:16px;
	text-align:center;
	color:#fff;
}

.dtlBtn a {
	width:100%;
	padding:10px 0;
	display:block;
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background: url(../img/common/bg_arw.png) no-repeat 90% 50% #004CA0;
}

.po {
	position:relative;
}

.flogo {
	position:absolute;
	top:30px;
	right:30px;
}

.dtlBtn.mtSclE {
    margin-top: 20px;
}

.h3TxtEx {
	margin:15px 0 10px;
	font-size:20px;
	color:#004C9F;
}


/*施工事例トップページ
-------------------------------------------------------*/	
#main {
	background: #ededed;
}

.main {
	margin:40px auto 50px;
}

.sec01 {
	margin:0 auto 50px;
}

.sec02 {
	margin:0 auto 50px;
	padding:40px 0;
	background-color:#F3F2ED;
}

.h2Txt {
    font-size: 29px;
    font-weight: bold;
    color: #004CA0;
}

.expCont {
	margin:50px auto;
}

.expBtn {
	margin:10px 0 0;
}

.expBtn li {
	width:240px;
	margin:0 13px 20px 0;
	float:left;
	text-align:center;
}

.expBtn li img {
	width:100%;
	margin-bottom:10px;
}

.expBtn li:nth-child(4n) {
	margin:0 0 20px 0;
}

.expBtn li:nth-child(4n+1) {
	clear:both;
}

.expBtn li a {
	width:100%;
	display:block;
	padding:10px 10px 40px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background: url(../img/chumon/100year/arw.png) no-repeat 50% 95% #fff;
}

.expName {
	font-size: 16px;
	color: #004EA2;
}

.txtBox {
	width:560px;
	margin:0 20px 0 0;
	float:left;
}

.txtBox h4 {
	font-size:1.5em;
	line-height:1.4em;
	color:#526479;
	margin-bottom:5px;
}

.txtBox .date {
	color:#526479;
	margin-bottom:10px;
}

.thumBox {
	margin:10px 0;
	overflow:hidden;
	background-color:#f2f2f2;
}

.thumBox ul {
	margin:15px 15px;
	overflow:hidden;
}

.thumBox li {
	width:74px;
	margin-bottom:10px;
	float:left;
}




/* モデルハウスページ
-------------------------------------------------------*/	

h4.iedukuri {
	font-size:1.6em;
	color:#004da1;
	margin-bottom:5px;
}

.flBox {
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
	font-size:0.8em;
	line-height:1.5em;
	color:#526479;
	text-align:left;
}

.frBox {
	float:right;
	margin:0 0 10px 10px;
	overflow:hidden;
	font-size:0.8em;
	line-height:1.5em;
	color:#526479;
	text-align:right;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}


.mb30 {
	margin-bottom:30px;
}

.mb30sp0 {
	margin-bottom:30px;
}

.mt10 {
	margin-top:10px;
}

.mt30 {
	margin-top:30px;
}

.flBox02 {
	width:560px;
	float:left;
	margin:0 0 10px 0;
	overflow:hidden;
}

.flBox02.flBox02Ie {
	width:800px;
}

.frBox02 {
	width:180px;
	float:right;
	margin:0 0 10px 0;
	overflow:hidden;
	font-size:0.8em;
	line-height:1.5em;
	color:#526479;
	text-align:right;
}

.frBox02 iframe {
	display:block;
	text-align:center;
	margin:20px auto;
}

.cBox {
	border:2px solid #ddd;
	overflow:hidden;
	padding:15px;
	margin:15px auto;
}

.clr01 {
	color:#004DA1;
}

.clr02 {
	color:#bd0000;
}

.mhTxt {
	font-size:1.6em;
	color:#352211;
	margin-bottom:5px;
}



/* リフォーム・リノベーションページ
-------------------------------------------------------*/	
.txtBoxReform {
	width:48%;
}

.reformTable {
	width:48%;
	margin:15px 15px 15px 0;
	float:right;
	font-size:0.9em;
	line-height:1.5em;
}

.reformTable th,
.reformTable td {
	text-align:center;
	vertical-align:middle;
	padding:5px 3px;
	border-bottom:1px solid #eee;
	width:25%;
}

.reformTable th {
	border-right:1px solid #eee;
	background-color:#004DA1;
	color:#fff;
}

.reformTable td {
	background-color:#fff;
}

td.tal {
	text-align:left;
}

.reformBox {
	padding-bottom:30px;
	margin:30px 0;
	border-bottom:1px solid #eee;
	overflow:hidden;
}

h4.reformH4 {
	font-size:1.4em;
	color:#526479;
	margin-bottom:7px;
}

.aBox {
	float:left;
	margin-right:50px;
}

.bBox {
	float:left;
	display: inline-block;
	position: relative;
}

.bBox::before {
	content:"";
	display:inline-block;
	border:15px solid transparent;
	border-right-color:#888;
	position: absolute;
	left:-50px;
	top:50%;
	margin-top:-15px;
}

.aBox h5,
.bBox h5,
.aBox02 h5,
.bBox02 h5 {
	text-align:center;
	color:#fff;
	font-size:1.5em;
	padding:7px;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
}

.aBox h5,
.aBox02 h5  {
	background-color:#004EA2;
}

.bBox h5,
.bBox02 h5 {
	background-color:#FF6A03;
}

.aBox02 {
	float:left;
}

.bBox02 {
	float:left;
}

.flBoxRe {
	float:left;
	margin:0 10px 10px 0;
	text-align:left;
}

.mr0 {
	margin-right:0;
}

.w500 {
	width:600px;
}

.w550 {
	width:550px;
}

.wide {
	width:95%;
	margin:15px;
	float: none;
}

.reTxt {
	background-color:#E2F3F7;
	padding:15px;
	margin-top:15px;
}

.w220 {
	width:220px;
}

.fltRimg {
	float:right;
	margin:0 0 10px 10px;
}


.fltR {
	float:right;
	margin:0 0 10px 10px;
}

.fltL {
	float:left;
	margin:0 10px 10px 0;
}

.reArw {
	margin:20px 125px;
}

img.w25,
img.w33 {
	vertical-align:bottom;
}

.txtBox ul {
	margin-top:15px;
}

.txtBox li a,
.txtBox li a:active,
.txtBox li a:visited {
	color:#004da1;
}

.txtBox li a span {
    background-color: #fff;
    padding: 0px 3px;
    margin-right: 5px;
	color:#004da1;
}

.flBoxReno {
	float:left;
	margin:0 10px 10px 0;
	text-align:left;
}

.frBoxReno {
	float:right;
	margin:0 0 10px 10px;
	text-align:left;
}





.conBtn a {
	width:300px;
	display:block;
	padding:15px 10px;
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background: url(../img/common/bg_arw.png) no-repeat 95% 50% #004CA0;
	font-size:18px;
}

.detail {
	    float: right;
    clear: both;
    margin: 56px 0 0 0;
}

.detail a {
	width:360px;
	display:block;
	padding:15px 10px;
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background: url(../img/common/bg_arw.png) no-repeat 95% 50% #004CA0;
	font-size:14px;
}

.conBtnL a {
	text-align:right;
	background: url(../img/common/bg_arw_l.png) no-repeat 5% 50% #9AD156;
}

.btnWide a {
	width:500px;
}

.conBtn.right {
	float:right;
}

p.syoeneModelDtl {
	width:50%;
	margin-top:7px;
	background-color:#cc0000;
	color:#fff;
	text-align:center;
	padding:3px;
	font-size:18px;
}

p.syoeneModel {
	background-color:#cc0000;
	color:#fff;
	text-align:center;
	padding:3px;
	font-size:16px;
}



@media screen and (max-width: 767px) {
	
.conBtn {
	margin-top:10px;
}


.conBtn li {
	margin-bottom:10px;
}

.conBtn a {
	width:100%;
}


.detail {
	    float:none;
		}


.detail a {
	width:100%;
	font-size: 4vw;
}

/*施工事例トップページ
-------------------------------------------------------*/	
#main {
	background: #ededed;
}

.main {
	margin:15px auto 15px;
}

.sec01 {
	margin:0 auto 15px;
}

.sec02 {
	margin:0 auto 15px;
	padding:20px 0;
	background-color:#F3F2ED;
}

.h2Txt {
    font-size: 17px;
	line-height:1.4;
    font-weight: bold;
    color: #004CA0;
	margin-bottom:10px;
}

.gd li:first-child {
	width:100%;
	float:none;
}

.gd li:first-child img {
	width:100%;
}

.gd li:last-child {
	width:100%;
	margin-top:10px;
	float:none;
}

.gdTxt {
    font-size: 1.5em;
    font-weight: bold;
    color: #004da1;
}

.gdTxt02 {
    font-size: 1.5em;
    font-weight: bold;
    color: #004da1;
}

.expCont {
	margin:15px auto;
}

.expBtn {
	margin:10px 0 0;
}

.expBtn li {
	width:49%;
	margin:0 2% 10px 0;
	float:left;
	text-align:center;
}

.expBtn li img {
	width:100%;
	margin-bottom:10px;
}

.expBtn li:nth-child(4n) {
	margin:0 0 10px 0;
}

.expBtn li:nth-child(4n+1) {
	clear:both;
}

.expBtn li:nth-child(2n) {
	margin:0 0 10px 0;
}

.expBtn li:nth-child(2n+1) {
	clear:both;
}

.expBtn li a {
}

.expName,
.date {
	font-size:12px;
}








.txtBox {
	width: auto;
	float:none;
	margin:10px 10px 0;
}

.txtBox h4 {
	font-size:1.3em;
	color:#526479;
	margin-bottom:5px;
}

.txtBox .date {
	color:#526479;
	margin-bottom:10px;
}

.beigeWrap > img {
	width:96%;
	display:block;
	margin:10px auto;
}

.thumBox {
	overflow:hidden;
	background-color:#f2f2f2;
}

.thumBox ul {
	margin:15px 15px 8px;
	overflow:hidden;
}

.thumBox li {
	width:25%;
	float:left;
	margin-bottom:10px;
}



/* モデルハウス ---------- */
h4.iedukuri {
	font-size:1.3em;
	color:#004da1;
	margin-bottom:5px;
}

.flBox {
	width:50%;
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
	font-size:0.9em;
	line-height:1.3em;
	color:#526479;
	text-align:left;
}

.frBox {
	width:50%;
	float:right;
	margin:0 0 10px 10px;
	overflow:hidden;
	font-size:0.9em;
	line-height:1.3em;
	color:#526479;
	text-align:right;
}

.w55 {
	width:55%;
}

.flBox img,
.frBox img {
	width:100%;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:20px;
}

.mb30sp0 {
	margin-bottom:0;
}

.mt10 {
	margin-top:10px;
}

.mt30 {
	margin-top:20px;
}

.flBox02 {
	margin:0 0 10px 0;
	overflow:hidden;
}

.frBox02 {
	width:100%;
	margin:0 0 10px 0;
	overflow:hidden;
	font-size:0.8em;
	line-height:1.5em;
	color:#526479;
}

.frBox02 iframe {
	float:left;
}

.cBox {
	border:2px solid #ddd;
	overflow:hidden;
	padding:10px;
	margin:10px auto;
}

.clr01 {
	color:#004DA1;
}

.clr02 {
	color:#bd0000;
}

.flBox02.flBox02Ie {
    width:100%;
}



/* リフォーム・リノベーション ---------- */

.reformTable {
	width:100%;
	margin:20px auto 10px;
	font-size:0.9em;
	line-height:1.5em;
	float: none;
}

.reformTable th,
.reformTable td {
	text-align:center;
	vertical-align:middle;
	padding:5px 3px;
	border-bottom:1px solid #eee;
	width:25%;
}

.reformTable th {
}

.reformTable td {
	background-color:#fff;
}

td.tal {
	text-align:left;
}

.reformBox {
	padding-bottom:20px;
	margin:20px auto;
	border-bottom:1px solid #eee;
}

h4.reformH4 {
	font-size:1.3em;
	color:#526479;
	margin-bottom:7px;
}

.aBox {
	width:49%;
	float:left;
	margin-right: 0;
}

.bBox {
	width:49%;
	float:right;
	display: inline-block;
	position: relative;
}

.aBox h5,
.bBox h5,
.aBox02 h5,
.bBox02 h5 {
	text-align:center;
	color:#fff;
	font-size:1.3em;
	padding:7px;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
}

.aBox h5,
.aBox02 h5 {
	background-color:#004EA2;
}

.bBox h5,
.bBox02 h5 {
	background-color:#FF6A03;
}

.aBox img,
.bBox img {
	width:100%;
}

.aBox02 {
}

.bBox02 {
}

.flBoxRe {
	width:49%;
	float:left;
	margin:0 2% 10px 0;
	text-align:left;
}

.flBoxRe:nth-child(3) {
	margin:0 0 10px 0;
}

.flBoxRe img {
	width:100%;
}

.mr0 {
	margin-right:0;
}

.wide {
	width:94%;
	margin:10px 3%;
	float: none;
}

.reImgBox img {
	width:49%;
}

.mb10sp {
	margin-bottom:5px;
}

.reTxt {
	background-color:#E2F3F7;
	padding:10px;
	margin-top:10px;
}

.fltR {
	float:right;
	margin:0 0 10px 10px;
}

.fltL {
	float:left;
	margin:0 10px 10px 0;
}

.reArw {
	display:block;
	margin:10px auto;
}

.imgA {
	width:30%;
}

.imgB {
	width:62%;
}

img.w25 {
	width:25%;
	vertical-align:bottom;
}

.brSp {
	display:block;
}

.txtBox ul {
	margin-top:10px;
}

.txtBox li a,
.txtBox li a:active,
.txtBox li a:visited {
	color:#004da1;
}

.txtBox li a span {
    background-color: #fff;
    padding: 0px 3px;
    margin-right: 5px;
	color:#004da1;
}

.flBoxReno {
	margin:0 2% 10px 0;
	text-align:left;
	float:none;
	width:100%;
}

.frBoxReno {
	margin:0 2% 10px 0;
	text-align:left;
	float:none;
	width:100%;
}

img.w33 {
	width:33%;
	vertical-align:bottom;
}

.renoUl {
	width:50%;
	float:left;
}

.beigeWrap > img.flogo {
	width: 10%;
	top:2%;
	right:5%;
}


.gd li:first-child {
	width:100%;
	float:none;
}

.gd li:first-child img {
	width:100%;
}

.gd li:last-child {
	width:100%;
	margin-top:10px;
	float:none;
}

.gdTxt {
    font-size: 1.5em;
    font-weight: bold;
    color: #004da1;
}

.conBtn.right {
	float:none;
}

p.syoeneModelDtl {
	width:100%;
	font-size:16px;
}

p.syoeneModel {
	font-size:12px;
}




}