@charset "UTF-8";
/*=============================================================
 selection デザイン住宅
=============================================================*/
#mainimg { background-image: url("../img/selection/bg_mainimg03_sp.png"); }
/* forPC */
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/selection/bg_mainimg03_pc.png"); } }
/*! #selection .secSelection
============================================ */
.secSelection { padding: 40px 15px 48px; }
.secSelection .head .leadTxt { padding: 25px 10px 0; text-align: center; }
.secSelection .head .leadTxt .en { display: inline-block; position: relative; position: relative; font-size: 1.4rem; letter-spacing: .075em; }
.secSelection .head .leadTxt .en:after { display: block; position: absolute; bottom: -6px; width: 100%; height: 1px; background: #323232; content: ""; }
.secSelection .head .leadTxt .tit { line-height: 1.67; margin-top: 15px; font-size: 1.8rem; letter-spacing: .075em; }
.secSelection .txt { line-height: 2; margin-top: 12px; padding: 0 10px; text-align: left; font-size: 1.2rem; }
.secSelection .groupImg { margin-top: 20px; }
/* forPC */
@media screen and (min-width: 600px) { .secSelection { padding: 80px 0 120px; }  .secSelection .head { width: 1070px; overflow: hidden; margin: 0 auto; }  .secSelection .head .img { float: left; width: 615px; }  .secSelection .head .leadTxt { float: right; box-sizing: border-box; text-align: left; width: 455px; padding: 48px 0 0 65px; }  .secSelection .head .leadTxt .en { font-size: 1.8rem; }  .secSelection .head .leadTxt .tit { line-height: 1.58; margin-top: 15px; margin-left: -5px; font-size: 2.4rem; }  .secSelection .txt { width: 1070px; margin: 22px auto 0; padding: 0; font-size: 1.3rem; }  .secSelection .groupImg { width: 1070px; margin: 40px auto 0; } }
/*! #selection .secSelection .point
============================================ */
.secSelection .point { padding: 30px 10px 0; }
.secSelection .point .pointTit { font-weight: 500; font-size: 1.4rem; text-align: center; letter-spacing: .075em; }
.secSelection .point .pointTit strong { display: inline-block; position: relative; bottom: -14px; padding: 0 5px 0 0; opacity: .9; font-style: italic; font-size: 4rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.secSelection .point .txt { line-height: 2; margin-top: 25px; padding: 0; font-size: 1.2rem; }
.secSelection .point .list { margin-top: 24px; }
.secSelection .point .list li { line-height: 2; padding: 24px 20px 18px; background: #fff; font-size: 1.2rem; }
.secSelection .point .list li + li { margin-top: 10px; }
.secSelection .point .list dt { line-height: 1; font-weight: 500; font-size: 1.8rem; text-align: center; }
.secSelection .point .list dd { margin-top: 10px; }
/* forPC */
@media screen and (min-width: 600px) { .secSelection .point { width: 1070px; margin: 0 auto; padding: 44px 0 0; }  .secSelection .point .pointTit { font-size: 2rem; }  .secSelection .point .pointTit strong { bottom: -14px; padding: 0 5px 0 6px; font-size: 5rem; }  .secSelection .point .pointTit strong + span { font-size: 2.2rem; letter-spacing: .15em; }  .secSelection .point .txt { line-height: 2.5; margin-top: 28px; font-size: 1.4rem; text-align: center; }  .secSelection .point .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }  .secSelection .point .list li { float: left; box-sizing: border-box; width: 330px; padding: 38px 30px 32px; font-size: 1.3rem; }  .secSelection .point .list li + li { margin: 0 0 0 40px; }  .secSelection .point .list dt { font-size: 2.4rem; }  .secSelection .point .list dd { margin-top: 24px; } }
/*! #selection .secSeries
============================================ */
/* forPC */
@media screen and (min-width: 600px) { .secSeries { padding-bottom: 75px; } }
/*! #selection .secSeriesChild
============================================ */
.secSeriesChild { padding: 0 25px 40px; }
.secSeriesChild .areaImg { margin: 0 -25px 30px; }
.secSeriesChild .areaTxt .no { display: inline-block; position: relative; font-size: 1.5rem; }
.secSeriesChild .areaTxt .no:after { display: block; position: absolute; bottom: -6px; left: 0; width: 100%; height: 1px; background: #323232; content: ""; }
.secSeriesChild .areaTxt .leadTit { margin: 22px 0 0 -4px; }
.secSeriesChild .areaTxt .leadTit .en { display: block; line-height: 1.21; font-size: 2.4rem; letter-spacing: .06em; }
.secSeriesChild .areaTxt .leadTit .ja { display: block; margin-top: 10px; padding-bottom: 5px; font-size: 1.1rem; }
.secSeriesChild .areaTxt .data { margin-top: 25px; }
.secSeriesChild .areaTxt .data .plice { text-align: right; }
.secSeriesChild .areaTxt .data .plice .size { display: inline-block; padding: 0 0 6px 0; font-size: 1.2rem; }
.secSeriesChild .areaTxt .data .plice .val { display: inline-block; position: relative; bottom: -5px; padding: 0 3px 0 11px; font-style: italic; font-size: 3.2rem; }
.secSeriesChild .areaTxt .data .plice .yen { font-size: 1.2rem; }
.secSeriesChild .areaTxt .data .plice .tax { font-size: 1.1rem; }
.secSeriesChild .areaTxt .data .attention { line-height: 1.82; margin-top: 25px; font-size: 1.1rem; }
.secSeriesChild .areaTxt .style { position: relative; margin-top: 25px; font-size: 1.1rem; }
.secSeriesChild .areaTxt .style span { display: inline-block; position: relative; z-index: 2; padding-right: 6px; background: #eceef0; }
.secSeriesChild .areaTxt .style:after { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #b7b8b9; content: ""; }
.secSeriesChild .areaTxt .txt { margin-top: 20px; }
.secSeriesChild .areaTxt .txt dt { font-size: 1.6rem; }
.secSeriesChild .areaTxt .txt dd { line-height: 2; margin-top: 15px; font-size: 1.2rem; }
.secSeriesChild .areaTxt .txt .btn { width: 250px; line-height: 1; margin: 32px auto 0; }
/* forPC */
@media screen and (min-width: 600px) { .secSeriesChild { position: relative; min-height: 957px; padding: 0 0 120px; }  .secSeriesChild .areaImg { position: absolute; top: 0; left: 0; z-index: 1; width: calc(50% + 103px); height: 957px; }  .secSeriesChild .areaImg .img { position: absolute; top: 0; right: 0; width: auto; max-width: none; }  .secSeriesChild .areaImg .txt { position: absolute; right: 92px; bottom: 0; width: auto; max-width: none; }  .secSeriesChild .inner { position: relative; z-index: 2; width: 1070px; overflow: hidden; margin: 0 auto; padding: 140px 0 0; }  .secSeriesChild .inner .areaTxt { float: right; box-sizing: border-box; width: 556px; min-height: 816px; padding: 60px 0 97px 75px; background: #edeef0; }  .secSeriesChild .inner .areaTxt .no { font-size: 1.8rem; letter-spacing: .075em; }  .secSeriesChild .inner .areaTxt .no:after { bottom: -9px; }  .secSeriesChild .inner .areaTxt .leadTit { margin: 44px 0 0 -8px; }  .secSeriesChild .inner .areaTxt .leadTit .en { font-size: 3.6rem; letter-spacing: .075em; }  .secSeriesChild .inner .areaTxt .leadTit .ja { margin-top: 10px; font-size: 1.6rem; }  .secSeriesChild .inner .areaTxt .style { margin-top: 45px; font-size: 1.2rem; }  .secSeriesChild .inner .areaTxt .style span { padding-right: 10px; }  .secSeriesChild .inner .areaTxt .txt { margin-top: 25px; }  .secSeriesChild .inner .areaTxt .txt dt { font-size: 2.2rem; }  .secSeriesChild .inner .areaTxt .txt dd { margin-top: 25px; font-size: 1.3rem; }  .secSeriesChild .inner .areaTxt .txt .btn { width: 225px; margin: 54px 0 0 0; }  .secSeriesChild .inner .areaTxt .txt .btn a { padding: 24px 30px; }  .secSeriesChild.is_reverse .areaImg { right: 0; left: inherit; }  .secSeriesChild.is_reverse .areaImg .img { right: inherit; left: 0; }  .secSeriesChild.is_reverse .areaImg .txt { right: auto; left: 92px; }  .secSeriesChild.is_reverse .areaTxt { float: left; width: 565px; min-height: 680px; margin: 0 auto 0 0; padding: 60px 70px 0 10px; }  .secSeriesChild.is_reverse .areaTxt .style { margin-top: 40px; } }
/*! #selection .secOther
============================================ */
.secOther .otherContent { padding: 30px 15px 35px; }
.secOther .areaTxt .logo { width: 160px; margin: 22px auto 0; }
.secOther .areaTxt .tit { margin-top: 30px; }
.secOther .areaTxt .tit .en { display: block; font-size: 1.8rem; }
.secOther .areaTxt .tit .ja { display: block; margin-top: 6px; color: #a7a8a9; font-size: 1.1rem; }
.secOther .areaTxt .data { line-height: 2; margin-top: 14px; font-size: 1.2rem; }
/* forPC */
@media screen and (min-width: 600px) { .secOther { padding-bottom: 120px; }  .secOther .otherContent { width: 1070px; overflow: hidden; margin: 0 auto; padding: 60px 0 0; }  .secOther .img { float: right; width: 618px; }  .secOther .areaTxt { float: left; width: 450px; padding-top: 18px; }  .secOther .areaTxt .logo { width: auto; margin: 0; }  .secOther .areaTxt .tit { margin-top: 44px; }  .secOther .areaTxt .tit .en { font-size: 2rem; letter-spacing: .27em; }  .secOther .areaTxt .tit .ja { margin-top: 11px; }  .secOther .areaTxt .data { font-size: 1.3rem; letter-spacing: .09em; } }
/*# sourceMappingURL=maps/selection.css.map */