@charset "UTF-8";
/*=============================================================
 meeting 住宅相談について
=============================================================*/
#mainimg { background-image: url("../img/meeting/bg_mainimg01_sp.png"); }
/*! forPC !*/
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/meeting/bg_mainimg01_pc.png"); } }
.btnContact01 { margin: 0 30px; }
@media screen and (min-width: 600px) { .btnContact01 { width: 340px; margin: 0 auto; }  .btnContact01 a { padding: 24px 30px !important; } }
.viewSp { display: block; }
.viewPc { display: none; }
@media screen and (min-width: 600px) { .viewSp { display: none; }  .viewPc { display: block; } }
/*! sec01 sec02
============================================ */
#sec01 { padding: 40px 0 30px; text-align: center; }
#sec01 .tit01 , #sec02 .tit01 { display: inline-block; padding: 15px 0 5px; border-bottom: solid 1px #3b3b3b; font-size: 1.6rem; }
#sec01 .tit02 , #sec02 .tit02 { padding: 10px 0 0; font-size: 1.8rem; }
#sec01 .txt01 , #sec02 .txt01 { line-height: 2; padding: 15px 25px 10px; font-size: 1.2rem; text-align: left; }
#sec01 dl , #sec02 dl { margin: 0 25px; }
#sec01 dl dt , #sec02 dl dt { padding: 5px 0; background: #e5e5e5; font-size: 1.2rem; letter-spacing: .1em; }
#sec01 dl dd , #sec02 dl dd { padding: 15px 0; background: #fff; font-size: 1.1rem; letter-spacing: .08em; }
/*! forPC !*/
@media screen and (min-width: 600px) { .wrap01 { width: 1070px; overflow: hidden; margin: 0 auto; }  #sec01 { float: left; width: 500px; padding: 80px 0; }  #sec01 .tit01 , #sec02 .tit01 { display: inline-block; padding: 25px 0 10px; font-size: 20px; }  #sec01 .tit02 , #sec02 .tit02 { padding: 20px 0 0; font-size: 24px; }  #sec01 .txt01 , #sec02 .txt01 { padding: 25px 0 30px; font-size: 1.3rem; }  #sec01 dl , #sec02 dl { display: table; width: 100%; margin: 0; }  #sec01 dl dt , #sec02 dl dt { display: table-cell; width: 30%; padding: 12px 0 13px; font-size: 1.6rem; vertical-align: middle; letter-spacing: .5em; }  #sec01 dl dd , #sec02 dl dd { display: table-cell; width: 70%; padding: 0 0 0 25px; font-size: 1.3rem; text-align: left; vertical-align: middle; letter-spacing: .08em; } }
/*! sec02
============================================ */
#sec02 { padding: 0 0 30px; text-align: center; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec02 { float: right; width: 500px; padding: 80px 0; } }
/*! sec03
============================================ */
#sec03 { padding: 40px 0 0; }
#sec03 .boxTit01 { margin: 0 25px; padding: 25px 0; border: solid 1px #3b3b3b; text-align: center; }
#sec03 .tit01 { font-size: 2.2rem; }
#sec03 .tit02 { padding: 10px 0 0; font-size: 1.2rem; }
#sec03 .tit03 { padding: 25px 0 18px; font-size: 1.6rem; text-align: center; }
#sec03 ul { text-align: center; }
#sec03 ul li { display: inline-block; width: 27.5%; margin: 0 1%; }
#sec03 .txt01 { padding: 15px 0 50px; text-align: center; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec03 { padding: 100px 0 0; }  #sec03 .boxTit01 { width: 490px; margin: 0 auto 60px; padding: 35px 0; }  #sec03 .tit01 { font-size: 3.2rem; }  #sec03 .tit02 { padding: 15px 0 0; font-size: 1.7rem; }  #sec03 .boxIn { width: 1070px; margin: 0 auto; }  #sec03 ul { float: left; }  #sec03 ul.list01 { width: 651px; }  #sec03 ul.list02 { width: 419px; }  #sec03 ul li { display: block; float: left; width: 202px; margin: 0 15px 0 0; }  #sec03 ul.list02 li:last-child { margin: 0 0 0 0; }  #sec03 ul li span { padding: 15px 0 0; font-size: 1.8rem; }  #sec03 .txt01 { clear: both; padding: 30px 0 100px; font-size: 1.8rem; text-align: right; } }
/*! sec04
============================================ */
#sec04 { background: #eceef0; }
#sec04 .tit01 { line-height: 1.7; font-size: 1.8rem; }
#sec04 .tit01 .viewSp { display: block; }
#sec04 .boxIn { line-height: 2; padding: 15px 25px 10px; font-size: 1.2rem; text-align: left; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec04 { background: none; }  #sec04 .tit01 { line-height: 1.7; font-size: 3.0rem; letter-spacing: .075em; }  #sec04 .tit01 .viewSp { display: none; }  #sec04 .boxRead01 { position: relative; min-height: 830px; }  #sec04 .img01 { position: absolute; top: 0; left: 0; z-index: 1; width: calc(50% + 81px); height: 710px; }  #sec04 .img01 img { position: absolute; top: 0; right: 0; width: auto; max-width: none; height: 100%; }  #sec04 .inner { position: relative; z-index: 2; width: 1070px; margin: 0 auto; padding: 120px 0 0; }  #sec04 .boxIn { box-sizing: border-box; width: 555px; min-height: 454px; line-height: 2.5; margin: 0 0 0 auto; padding: 94px 0 97px 70px; background: #edeef0; font-size: 1.4rem; text-align: left; } }
/*! sec04_01
============================================ */
#sec04_01 , #sec04_02 { padding: 0 0 40px; text-align: center; }
#sec04 .tit02 { display: inline-block; margin: 0 0 30px; padding: 15px 0 5px; border-bottom: solid 1px #3b3b3b; font-size: 1.7rem; }
#sec04 .img02 { margin: 0 50px; }
#sec04 .tit03 { line-height: 1.5; padding: 20px 0 0; font-size: 1.6rem; }
#sec04 .txt02 { line-height: 2; padding: 15px 25px 25px; font-size: 1.2rem; text-align: left; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec04 .tit02 { margin: 0 0 60px; padding: 0 0 15px; font-size: 3.0rem; }  #sec04 .img02 { margin: 0; }  #sec04 .tit03 { line-height: 1.6; padding: 35px 0 0; font-size: 2.5rem; }  #sec04 .txt02 { padding: 15px 0 50px; font-size: 1.3rem; }  #sec04_01 ul , #sec04_02 ul { clear: both; width: 1140px; overflow: hidden; margin: 0 auto; }  #sec04_01 ul li , #sec04_02 ul li { float: left; width: 500px; min-height: 520px; margin: 0 35px; }  #sec04_02 ul li:last-child { float: none; clear: both; width: 1070px; min-height: inherit; }  #sec04_02 ul li:last-child .txt02 { text-align: center; } }
/*! sec04_02
============================================ */
#sec04_02 { padding: 40px 0; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec04_02 { padding: 40px 0 120px; } }
/*! sec05
============================================ */
#sec05 .tit01 { font-size: 2.2rem; }
#sec05 .tit02 { padding: 10px 0 0; font-size: 1.2rem; }
@media screen and (min-width: 600px) { #sec05 .tit01 { font-size: 3.2rem; }  #sec05 .tit02 { padding: 15px 0 0; font-size: 1.7rem; } }
/*! sec05_01
============================================ */
#sec05_01 .areaTxt { padding: 25px; }
#sec05_01 .leadTit { line-height: 1.7; font-size: 1.8rem; }
#sec05_01 .txt { line-height: 2; padding: 20px 0 0; font-size: 1.2rem; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec05_01 { position: relative; min-height: 800px; }  #sec05_01 .img { position: absolute; top: 0; left: 0; z-index: 1; width: calc(50% + 81px); height: 710px; }  #sec05_01 .img img { position: absolute; top: 0; right: 0; width: auto; max-width: none; height: 100%; }  #sec05_01 .inner { position: relative; z-index: 2; width: 1070px; margin: 0 auto; padding: 120px 0 0; }  #sec05_01 .inner .areaTxt { box-sizing: border-box; width: 555px; min-height: 454px; margin: 0 0 0 auto; padding: 94px 0 97px 70px; background: #edeef0; }  #sec05_01 .leadTit { line-height: 1.7; font-size: 2.7rem; }  #sec05_01 .inner .txt { line-height: 2.5; font-size: 1.4rem; } }
/*! sec05_02
============================================ */
#sec05_02 { padding: 0 0 10px; }
#sec05_02 .tit03 { line-height: 1.7; margin: 0 0 25px; font-size: 1.8rem; text-align: center; }
#sec05_02 ul li { margin: 0 25px 15px; padding: 20px 25px; background: #f4f5f7; text-align: center; }
#sec05_02 .tit04 { line-height: 1.6; font-size: 1.6rem; }
#sec05_02 .tit04 span { display: inline-block; border-bottom: solid 1px #3b3b3b; }
#sec05_02 .txt01 { line-height: 2; padding: 15px 0 0; font-size: 1.2rem; text-align: left; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec05_02 .tit03 { margin: 0 0 80px; font-size: 2.8rem; }  #sec05_02 ul { width: 1098px; overflow: hidden; margin: 0 auto; }  #sec05_02 ul li { float: left; box-sizing: border-box; width: 330px; margin: 0 16px; padding: 40px 25px; }  #sec05_02 .tit04 { font-size: 2.0rem; }  #sec05_02 .txt01 { line-height: 2; padding: 30px 0 0; font-size: 1.3rem; text-align: left; } }
/*! sec05_03
============================================ */
#sec05_03 { padding: 35px 0 40px; background: #f4f5f7; }
#sec05_03 .tit05 { line-height: 1.6; padding: 0 25px 25px; font-size: 1.6rem; text-align: center; }
#sec05_03 .img01 { margin: 0 15px; }
#sec05_03 .txt02 { line-height: 2; padding: 25px; font-size: 1.2rem; text-align: left; }
/*! forPC !*/
@media screen and (min-width: 600px) { #sec05_03 { clear: both; width: 1070px; overflow: hidden; margin: 0 auto; padding: 80px 0 50px; background: none; }  #sec05_03 .tit05 { line-height: 1.8; padding: 0 0 50px; font-size: 2.7rem; }  #sec05_03 .img01 { float: left; width: 616px; margin: 0; }  #sec05_03 .boxIn { float: right; width: 385px; }  #sec05_03 .txt02 { line-height: 2; padding: 80px 0 30px; font-size: 1.3rem; text-align: left; }  #sec05_03 .btnContact01 { margin: 0 !important; } }
/*# sourceMappingURL=maps/meeting.css.map */