@charset "UTF-8";
@import "../../common/css/reset.css";
@import "../../common/css/template.css";

/**************************************************/
/* 05 私の住まいづくりリフォーム */
/**************************************************/
.fl-box{overflow:hidden;}
.fl-lt{float:left;}
.fl-rt{float:right;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.mt40{margin-top:40px;}

.note{ font-size: 85%;}
.fwb { font-weight:bold;}

/* 留意事項 */
p.info{padding-top:20px;font-size:85%;margin-bottom:0px;clear:both;}

/* エンドライン */
#page-end{width:950px;height:60px;overflow:hidden;clear:both;text-align:center;}
#page-end img{margin:0px auto;}
#page-end hr{visibility:hidden;}
/**************************************************/





/* 200604追記 */
figure{margin: 0;padding: 0;}

.cl:after{content: '';display: block; clear: both;}
.flex{display: flex;justify-content: space-between;}
.flex--w50{width: 45%;}
.flex--w30{width: 28%;}
.flex--w33{width: 33.33333%;}
.flex--w70{width: 68%;}

/* ページ見出し */
#HeadTitle{align-items: center;}
#HeadTitle h2{font-size: 28px;font-weight: normal; width:78%;}
#HeadTitle figure{width:18%;}
#HeadTitle figure img{width:100%;}
/* ページ見出し　サブ */
table.MV-sub{width:100%;margin: 30px auto;}
table.MV-sub td.photo{}
table.MV-sub td.photo img{width:100%;}
/*table.MV-sub td{padding-left: 3%;}*/
table.MV-sub td.typeA{padding-right: 3%;}
table.MV-sub td.typeB{vertical-align: bottom;}
h3 .subTxt{color:#ffc800; font-size: 18px;}


/* リフォームの目的 & リフォームDATA */
#mokuteki,
#mokuteki2{display: flex;justify-content: space-around;margin-bottom: 50px;}
#mokuteki h3,
#mokuteki2 h3{font-size:20px;text-align: center;line-height: 2;border-top: 4px double #222;border-bottom: 4px double #222;}
#mokuteki ul li,
#mokuteki2 ul li{position: relative;padding-left: 30px;font-size: 14px;line-height: 1.7;}
#mokuteki ul li:before,
#mokuteki2 ul li:before{content: "●";display: block;font-size: 18px;position: absolute;left: 0;color: #0b3b7b;}
#mokuteki dl,
#mokuteki2 dl{line-height: 1.7;}
#mokuteki dl:after,
#mokuteki2 dl:after{content: '';display: block; clear: both;}
#mokuteki dl dt,
#mokuteki2 dl dt{color: #0b3b7b;font-size: 14px;font-weight: bold;float: left;width: 25%;}
#mokuteki dl dd,
#mokuteki2 dl dd{font-size: 14px;float: left;width: 75%;}

/* リフォームの流れ */
#flow,
#flow2{margin-bottom: 50px;}
#flow h3,
#flow2 h3{font-size:30px;text-align: center;line-height: 2;}
#flow h4,
#flow2 h4{font-size:30px;text-align: center;line-height: 2;}
#flow .flow1 h4,
#flow2 .flow1 h4{background: #78c7b4;}
#flow .flow2 h4,
#flow2 .flow2 h4{background: #1db29b;}
#flow .flow3 h4,
#flow2 .flow3 h4{background: #00977f;}
#flow p,
#flow2 p{padding: 0 20px;line-height: 1.7;}
#flow p span,
#flow2 p span{display: block;font-size: 18px; margin-bottom: 10px; text-align: center;font-weight: bold;}
#flow figure img,
#flow2 figure img{margin: 0 auto;}

/* 記事本文 */
.Point{}
.Point h3{color: #0b3b7b;font-size: 20px;margin-bottom: 10px;}
.Point p{font-size: 14px;line-height: 1.7;}