@charset "UTF-8";
/*=============================================================
 renovation 店舗デザイン
=============================================================*/
#mainimg { background-image: url("../img/shopdesign/bg_mainimg01_sp.png"); }
/* forPC */
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/shopdesign/bg_mainimg01_pc.png"); } }
/*! #renovation .secIntro
============================================ */
.secIntro { padding: 40px 0; }
.secIntro .areaTxt { padding: 15px 25px 0; }
.secIntro .areaTxt .leadTit { line-height: 1.67; margin: 0 -15px; font-size: 1.8rem; text-align: center; letter-spacing: .075em; }
.secIntro .areaTxt .txt { line-height: 2; margin-top: 15px; font-size: 1.2rem; }
.secIntro .areaTxt .txt:first-child { margin-top: 0; }
/* forPC */
@media screen and (min-width: 600px) { .secIntro { width: 880px; margin: 0 auto; padding: 80px 0 53px; }  .secIntro .img { width: 1070px; margin: 0 auto; }  .secIntro .areaTxt { width: 100%; margin: 0 auto; padding: 48px 0 0; }  .secIntro .areaTxt .leadTit { line-height: 1.78; margin: 0; font-size: 2.7rem; letter-spacing: .06em; }  .secIntro .areaTxt .txt { text-align: center; line-height: 2.69; margin-top: 40px; font-size: 1.3rem; letter-spacing: .13em; } }
/*! #renovation .secFun
============================================ */
.secFun .secWrap { padding: 15px 0 35px; }
.secFun .secFunChild + .secFunChild { margin: 35px 0 0; }
.secFun .secFunChild .areaTxt { padding: 13px 0 0; }
.secFun .secFunChild .areaTxt .tit { line-height: 1.67; margin-bottom: 10px; font-size: 1.8rem; text-align: center; letter-spacing: .075em; }
.secFun .secFunChild .areaTxt .txt { line-height: 2; font-size: 1.2rem; text-align: center; }
/* forPC */
@media screen and (min-width: 600px) { .secFun .secWrap { width: 1070px; margin: 0 auto; padding: 80px 0 130px; }  .secFun .secFunChild { overflow: hidden; }  .secFun .secFunChild + .secFunChild { margin: 40px 0 0; }  .secFun .secFunChild .img { float: left; width: 616px; }  .secFun .secFunChild .areaTxt { float: right; width: 454px; }  .secFun .secFunChild .areaTxt .tit { line-height: 1.48; margin-bottom: 27px; font-size: 2.7rem; }  .secFun .secFunChild .areaTxt .txt { font-size: 1.3rem; text-align: left; }  .secFun .secFunChild.is_reverse .img { float: right; }  .secFun .secFunChild.is_reverse .areaTxt { float: left; }  .secFun .secFunChild.is_reverse .areaTxt .tit { text-align: left; }  .secFun .sec01 .areaTxt { padding: 79px 46px 0 70px; }  .secFun .sec02 .areaTxt { padding: 109px 0 0 50px; }  .secFun .sec03 .areaTxt { padding: 109px 37px 0 71px; }  .secFun .sec04 .areaTxt { padding: 109px 0 0 50px; } }
/*! #renovation .secType
============================================ */
.secType .list { overflow: hidden; padding: 20px 15px; }
.secType .list .item { float: left; box-sizing: border-box; width: 50%; margin: 0 0 19px; padding: 0 6px 0 0; }
.secType .list .item:nth-child(2n) { float: right; padding: 0 0 0 6px; }
.secType .list .item .txt { margin: 8px 0 0; font-size: 1.2rem; text-align: center; letter-spacing: .075em; }
/* forPC */
@media screen and (min-width: 600px) { .secType .list { width: 1070px; margin: 0 auto; padding: 60px 0 130px; }  .secType .list .item { width: 246px; margin: 0 28px 0 0; padding: 0; }  .secType .list .item:nth-child(2n) { float: left; padding: 0; }  .secType .list .item:last-child { margin-right: 0; }  .secType .list .item .txt { margin: 20px 0 0; font-size: 1.8rem; } }
/*! #renovation .secPrice
============================================ */
.secPrice .inner { padding: 0 0 40px; }
.secPrice .txt { line-height: 2; padding: 18px 25px 23px; font-size: 1.2rem; }
.secPrice .btn { width: 225px; margin: 0 auto; }
/* forPC */
@media screen and (min-width: 600px) { .secPrice .inner { width: 1070px; margin: 0 auto; padding: 60px 0 100px; }  .secPrice .txt { padding: 50px 0 53px; font-size: 1.3rem; text-align: center; }  .secPrice .btn { width: 295px; }  .secPrice .btn a { padding: 24px 30px; }  .secPrice .btn a span { text-align: center; } }
/*! #renovation .secFlow
============================================ */
.secFlow .inner { padding: 30px 0 40px; }
.secFlow .inner > .img { padding: 0 32px 30px; }
.secFlow .list .item + .item { margin: 30px 0 0; }
.secFlow .list .item .areaTxt { padding: 19px 25px 0; }
.secFlow .list .item .areaTxt .tit { display: inline-block; margin-bottom: 11px; padding: 0 0 4px; border-bottom: 1px solid #3b3b3b; font-size: 1.4rem; letter-spacing: .075em; }
.secFlow .list .item .areaTxt .tit .num { margin-right: 6px; vertical-align: baseline; }
.secFlow .list .item .areaTxt .copy { line-height: 1.47; margin: 0 -24px 14px 0; font-size: 1.7rem; text-align: left; letter-spacing: .075em; }
.secFlow .list .item .areaTxt .detail { display: none; padding: 10px 0 0; }
.secFlow .list .item .areaTxt .detail .txt { line-height: 2; font-size: 1.2rem; }
.secFlow .list .item .support { margin: 30px 15px 0; padding: 22px 15px 30px; background: #f4f5f7; }
.secFlow .list .item .support .tit { margin-bottom: 15px; letter-spacing: .075em; }
.secFlow .list .item .support .tit .en { display: inline-block; line-height: 1; margin-bottom: 10px; padding-bottom: 7px; border-bottom: 1px solid #3b3b3b; font-size: 1.4rem; }
.secFlow .list .item .support .tit .ja { display: block; line-height: 1.67; font-size: 1.5rem; }
.secFlow .list .item .support .detail { display: none; padding: 10px 0 0; }
.secFlow .list .item .support .detail .img { margin-bottom: 14px; }
.secFlow .list .item .support .detail .txt { line-height: 2; font-size: 1.2rem; }
.secFlow .list .item .point { margin: 30px 15px 0; padding: 22px 15px 30px; background: #f4f5f7; }
.secFlow .list .item .point .tit { margin-bottom: 15px; letter-spacing: .075em; }
.secFlow .list .item .point .tit .en { display: inline-block; line-height: 1; margin-bottom: 10px; padding-bottom: 7px; border-bottom: 1px solid #3b3b3b; font-size: 1.4rem; }
.secFlow .list .item .point .tit .ja { display: block; line-height: 1.67; font-size: 1.5rem; }
.secFlow .list .item .point .detail { display: none; padding: 10px 0 0; }
.secFlow .list .item .point .detail .img { margin-bottom: 14px; }
.secFlow .list .item .point .detail .txt { line-height: 2; font-size: 1.2rem; }
.secFlow .list .item .btn { position: relative; box-sizing: border-box; width: 225px; height: 40px; margin: 0 auto; background: #e2e5e8; }
.secFlow .list .item .btn:before , .secFlow .list .item .btn:after { position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; margin: 0 0 0 -6px; background: #000; content: ""; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.secFlow .list .item .btn:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.secFlow .list .item .btn.on:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.secFlow .list .item .btn.on:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/* forPC */
@media screen and (min-width: 600px) { .secFlow .inner { width: 1070px; margin: 0 auto; padding: 60px 0 59px; }  .secFlow .inner > .img { margin-bottom: 60px; padding: 0; }  .secFlow .list .item + .item { position: relative; margin-top: 74px; }  .secFlow .list .item + .item:before { position: absolute; top: -54px; left: 176px; width: 1px; height: 35px; background: #778286; content: ""; }  .secFlow .list .item.hasDetail > .img { margin-bottom: 20px; }  .secFlow .list .item.hasDetail .areaTxt { margin-bottom: 20px; }  .secFlow .list .item > .img { float: left; width: 332px; }  .secFlow .list .item .areaTxt { float: right; box-sizing: border-box; width: 738px; padding: 8px 0 0 37px; }  .secFlow .list .item .areaTxt .tit { margin-bottom: 14px; font-size: 1.8rem; }  .secFlow .list .item .areaTxt .copy { line-height: 1.64; margin-bottom: 12px; font-size: 2.2rem; }  .secFlow .list .item .areaTxt .detail { display: block; padding: 0; }  .secFlow .list .item .areaTxt .detail .txt { font-size: 1.3rem; }  .secFlow .list .item .support { clear: both; overflow: hidden; margin: 0; padding: 35px 60px 40px; }  .secFlow .list .item .support .tit { margin-bottom: 20px; }  .secFlow .list .item .support .tit .en { display: inline-block; margin: 0 26px 0 0; font-size: 2.0rem; vertical-align: baseline; }  .secFlow .list .item .support .tit .ja { display: inline-block; font-size: 1.8rem; vertical-align: baseline; }  .secFlow .list .item .support .detail { display: block; }  .secFlow .list .item .support .detail .img { float: left; width: 208px; }  .secFlow .list .item .support .detail .txt { float: left; box-sizing: border-box; width: 740px; padding: 0 0 0 28px; font-size: 1.3rem; }  .secFlow .list .item .point { clear: both; overflow: hidden; margin: 0; padding: 35px 60px 40px; }  .secFlow .list .item .point .tit { margin-bottom: 20px; }  .secFlow .list .item .point .tit .en { display: inline-block; margin: 0 26px 0 0; font-size: 2.0rem; vertical-align: baseline; }  .secFlow .list .item .point .tit .ja { display: inline-block; font-size: 1.8rem; vertical-align: baseline; }  .secFlow .list .item .point .detail { display: block; }  .secFlow .list .item .point .detail .img { margin-bottom: 32px; }  .secFlow .list .item .point .detail .txt { font-size: 1.3rem; } }
/* リノベーションの進め方
============================================ */
@media screen and (min-width: 600px) { 
	.mod_list_flow .list li { width:123px; height:123px; padding:20px 0 0; min-height: auto; margin-right:34px;  }
	.mod_list_flow .list li .num { font-size:1.6rem; }
	.mod_list_flow .list li .tit { font-size:1.6rem;line-height: 1; }
	.mod_list_flow .list li .tit span { font-size:1.2rem;margin-bottom:10px;display:block; }
	.mod_list_flow .list li:nth-child(n+6) { margin-top:0; }
	.mod_list_flow .list li:nth-child(5n) { margin-right: 34px;}
	.mod_list_flow .list li + li:before , .mod_list_flow .list li:before { left:132px; }
	.mod_list_flow .list li:nth-child(5n):before { display:block; }
}
/*# sourceMappingURL=maps/renovation.css.map */