@charset "UTF-8";
@media screen and (min-width: 768px),print {
.full-width { width: 100vw; position: relative; left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}
main#modelhouse {  }

#con01 { width: 100%; max-width: 1920px; margin: 0 auto 120px; }
#con01 .inner-Box { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; }
#con01 .inner-Box::before{ content: url(../images/modelhouse/con01-line01.png); position: absolute; bottom: -79px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .inner-Box .pic img { width: 100%; display: block; }

#con02 { width: 100%; max-width: 1920px; margin: 0 auto 120px; padding: 100px 0 0; }
#con02 .inner-Box { width: 1200px; margin: 0 auto; position: relative; min-height: 540px; }
#con02 .txt-box { width: 560px; margin-left: 50px; }
#con02 .txt-box .ttl { font-size: 26px; font-weight: 700; line-height: 1.8; letter-spacing: 2.6px; margin-bottom: 30px; }
#con02 .txt-box .pic { position: absolute; top: 0; right: 0; width: 690px; }
#con02 .txt-box .pic img { width: 100%; }
#con02 .txt-box .sub-ttl { font-size: 16px; font-weight: 700; line-height: 34px; letter-spacing: 0.8px; margin-bottom: 40px; color: #159785; }
#con02 .txt-box .txt { font-size: 15px; line-height: 1.8; letter-spacing: 0.75px; margin-bottom: 10px; }
#con02 .txt-box .txt span { border-radius: 8px; display: inline-block; min-width: 130px; font-weight: 700; color: #fff; background-color: #159785; padding: 2px 10px; margin-right: 12px; font-size: 13px; text-align: center; }
#con02 .btn { text-align: center; margin: 120px 0 130px; }
#con02 .sub-ttl02 { text-align: center; margin-bottom: 68px; position: relative; }
#con02 .sub-ttl02::before{ content: url(../images/modelhouse/con02-line01.png); position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .map-box { margin-bottom: 22px; }
#con02 .map-box iframe { width: 100%; height: 450px; display: block; }
#con02 .map-txt { text-align: center; font-size: 16px; line-height: 1.8; letter-spacing: 0.7px; margin-bottom: 30px; }
#con02 .btn2 { text-align: center; }

#con03 { width: 100%; max-width: 1920px; margin: 0 auto 20px; padding: 100px 0 70px; background-color: #F9F8F4; }
#con03 .inner-Box { width: 1200px; margin: 0 auto; position: relative; min-height: 580px; }
#con03 .txt-box { padding-left: 664px; padding-top: 20px; }
#con03 .txt-box .pic { position: absolute; top: 0; left: 0; width: 600px; }
#con03 .txt-box .pic img { width: 100%; }
#con03 .txt-box p.txt:first-child { margin-bottom: 20px; }
#con03 .txt-box .ttl { font-size: 20px; font-weight: 700; line-height: 34px; letter-spacing: 1px; margin-bottom: 36px; }
#con03 .txt-box p.txt { font-size: 16px; line-height: 32px; letter-spacing: 0.8px; }
#con03 .txt-box .mb1 { margin-bottom: 24px; }
#con03 .btn { text-align: center; margin-top: 80px; }

#con04 { width: 100%; max-width: 1920px; margin: 0 auto 90px; padding: 100px 0 0; }
#con04 .inner-Box { width: 917px; margin: 0 auto; border: 1px solid #000; border-radius: 20px; padding-bottom: 50px; }
#con04 .ttl { text-align: center; position: relative; top: -24px; }
#con04 .pic { text-align: center; }
#con04 .pic img { max-width: 100%; }

#con05 { width: 100%; max-width: 1920px; margin: 0 auto 120px; padding: 100px 0 0; }
#con05 .inner-Box { width: 1200px; margin: 0 auto; }
#con05 .box1 { position: relative; min-height: 440px; margin-bottom: 90px; }
#con05 .box1 .txt-box { width: 490px; margin-left: auto; margin-right: 50px; padding-top: 30px; }
#con05 .box1 .txt-box .pic { position: absolute; top: 0; left: 0; width: 600px; }
#con05 .box2 { position: relative; min-height: 440px; margin-bottom: 90px; }
#con05 .box2 .txt-box { width: 490px; padding-top: 30px; margin-left: 50px; }
#con05 .box2 .txt-box .pic { position: absolute; top: 0; right: 0; width: 600px; }
#con05 .txt-box .num { margin-bottom: 16px; }
#con05 .txt-box .ttl { font-size: 20px; font-weight: 700; line-height: 34px; letter-spacing: 1px; margin-bottom: 33px; padding-bottom: 12px; border-bottom: 1px solid #D6D5CF; }
#con05 .txt-box .ttl span { color: #159785; }
#con05 .txt-box .pic img { width: 100%; }
#con05 .txt-box .txt { font-size: 16px; line-height: 1.9; letter-spacing: 0.8px; }
#con05 .txt-box .mb1 { margin-bottom: 24px; }

#con06 { width: 100%; max-width: 1920px; margin: 0 auto 120px; padding: 50px 0 90px; background-color: #F9F8F4; }
#con06 .inner-Box { width: 1100px; margin: 0 auto; }
#con06 .ttl { text-align: center; margin-bottom: 0px; }
#con06 .txt-box { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; gap: 40px; align-items: flex-start; }
#con06 .txt-box .pic { flex-shrink: 0; }
#con06 .txt-box .pic img { display: block; }
#con06 .txt-box .inbox{ margin-top: 43px; background-color: #fff; padding: 35px 27px 40px 20px; }
#con06 .txt-box .inbox .txt { font-size: 16px; line-height: 1.9; letter-spacing: 0.8px; }
#con06 .txt-box .inbox .txt span { font-size: 18px; font-weight: 700; border-bottom: 2px solid #159785; }
#con06 .txt-box .inbox .mb1 { margin-bottom: 24px; }

#con07 { width: 100%; max-width: 1920px; margin: 0 auto 120px; padding: 0; }
#con07 .inner-Box { width: 1200px; margin: 0 auto; }
#con07 .ttl { text-align: center; margin-bottom: 68px; position: relative; }
#con07 .ttl::before{ content: url(../images/modelhouse/con07-line01.png); position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con07 .map-box { margin-bottom: 16px; }
#con07 .map-box iframe { width: 100%; height: 450px; display: block; }
#con07 .map-txt { text-align: center; font-size: 14px; line-height: 1.8; letter-spacing: 0.7px; margin-bottom: 30px; }
#con07 .btn2 { text-align: center; }

#con08 { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0; }
#con08 .inner-Box { width: 1000px; margin: 0 auto; }
#con08 .ttl { text-align: center; margin-bottom: 40px; }
#con08 .tab-wrap { }
#con08 .tab-nav { display: flex; border-bottom: 3px solid #159785; margin-bottom: 40px; }
#con08 .tab-btn { flex: 1; padding: 18px 10px; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; background-color: #EEF8F6; color: #159785; border: none; border-bottom: 3px solid transparent; cursor: pointer; transition: background-color 0.2s, color 0.2s; margin-bottom: -3px; }
#con08 .tab-btn:first-child { border-right: 1px solid #D6D5CF; }
#con08 .tab-btn.active { background-color: #159785; color: #fff; border-bottom-color: #159785; }
#con08 .tab-panel { display: none; }
#con08 .tab-panel.active { display: block; }
#con08 .kc-calendar { text-align: center; background: #fff; height: 800px; }
#con08 .kc-calendar iframe { width: 100%; max-width: 800px; }
#con08 .mujin-calendar { text-align: center; background: #fff; height: 800px; }
#con08 .mujin-calendar iframe { width: 100%; max-width: 800px; height: 700px; }

}

@media screen and (max-width: 767px) {
main#modelhouse { width: 100%; }

#con01 { margin: 0 auto 15vw; }
#con01 .inner-Box { position: relative; }
#con01 .inner-Box::before { content: url(../images/modelhouse/sp-con01-line01.png); position: absolute; bottom: -19.2vw; left: 50%; transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); }
#con01 .inner-Box .pic img { width: 100%; display: block; }

#con02 { margin: 0 auto 7vw; padding: 4vw 0 0; }
#con02 .inner-Box { margin: 0 0vw; }
#con02 .txt-box .ttl { font-size: 5.31vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.27vw; margin-bottom: 7vw; text-align: center; }
#con02 .txt-box .pic { margin-bottom: 7vw; }
#con02 .txt-box .pic img { width: 100%; }
#con02 .txt-box .sub-ttl { margin: 0 10vw; text-align: center; font-size: 3.86vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.19vw; margin-bottom: 7vw; color: #159785; }
#con02 .txt-box .txt { margin: 0 10vw; font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.18vw; margin-bottom: 2.4vw; }
#con02 .txt-box .txt span { border-radius: 2.4vw; display: inline-block; min-width: 24vw; font-weight: 700; color: #fff; background-color: #159785; padding: 0.5vw 2vw; margin-right: 2.4vw; font-size: 3.14vw; text-align: center; }
#con02 .btn { text-align: center; margin: 7vw 10vw 12vw; }
#con02 .btn img { width: 100%; }
#con02 .sub-ttl02 { text-align: center; margin: 0 31vw 12vw; position: relative; }
#con02 .sub-ttl02::before { content: url(../images/modelhouse/sp-con02-line01.png); position: absolute; bottom: -11vw; left: 50%; transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); }
#con02 .sub-ttl02 img { width: 100%; }
#con02 .map-box { margin: 0 -8vw 3vw; }
#con02 .map-box iframe { width: 100%; height: 72vw; display: block; }
#con02 .map-txt { text-align: center; font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.17vw; margin: 3vw 0 6vw; }
#con02 .btn2 { text-align: center; margin: 0 19vw 12vw; }
#con02 .btn2 img { width: 100%; }

#con03 { margin: 0 auto 15vw; padding: 12vw 0; background-color: #F9F8F4; }
#con03 .inner-Box { margin: 0 0vw; }
#con03 .txt-box p.sub-txt { margin-bottom: 3vw; }
#con03 .txt-box p.sub-txt img { width: 23vw; }
#con03 .txt-box .sub-txt{ text-align: center; }
#con03 .txt-box .ttl { text-align: center; font-size: 4.83vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.1vw; margin-bottom: 7vw; }
#con03 .txt-box .pic { margin-bottom: 7vw; }
#con03 .txt-box .pic img { width: 100%; }
#con03 .txt-box p.txt { font-size: 3.86vw; line-height: 1.8; letter-spacing: 0.19vw; padding: 0 8vw; }
#con03 .txt-box .mb1 { margin-bottom: 5.8vw; }
#con03 .btn { text-align: center; margin: 7vw 11vw 0; }
#con03 .btn img { width: 100%; }

#con04 { margin: 0 auto 3vw; padding: 3vw 0 7vw; }
#con04 .inner-Box { margin: 0 8vw; border: 0.24vw solid #000; border-radius: 5.07vw; padding: 0 2vw 4vw; }
#con04 .ttl { text-align: center; position: relative; top: -6vw; width: 60vw; margin: 0 auto; }
#con04 .ttl img { width: 50%; }
#con04 .pic { text-align: center; }
#con04 .pic img { width: 100%; }

#con05 { margin: 0 auto 3vw; padding: 4vw 0 3vw; }
#con05 .inner-Box { margin: 0 8vw; }
#con05 .box1 { margin-bottom: 12vw; }
#con05 .box2 { margin-bottom: 12vw; }
#con05 .txt-box .num { margin-bottom: 3vw; }
#con05 .txt-box .num img { width: 22vw; }
#con05 .txt-box .ttl { font-size: 4.83vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.1vw; margin-bottom: 5vw; padding-bottom: 2.4vw; border-bottom: 0.24vw solid #D6D5CF; }
#con05 .txt-box .ttl span { color: #159785; }
#con05 .txt-box .pic { margin-bottom: 5vw; }
#con05 .txt-box .pic img { width: 100%; }
#con05 .txt-box .txt { font-size: 3.86vw; line-height: 1.8; letter-spacing: 0.19vw; }
#con05 .txt-box .mb1 { margin-bottom: 5vw; }

#con06 { margin: 0 auto 0vw; padding: 12vw 0; background-color: #F9F8F4; }
#con06 .inner-Box { margin: 0 5vw; }
#con06 .ttl { text-align: center; margin: 0 3vw -7vw; }
#con06 .ttl img { width: 100%; }
#con06 .txt-box .pic { text-align: center; margin: 0 3vw; }
#con06 .txt-box .pic img { width: 100%; }
#con06 .txt-box .inbox { margin-top: 6vw; background-color: #fff; padding: 6vw 5vw 7vw; }
#con06 .txt-box .inbox .txt { font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.19vw; }
#con06 .txt-box .inbox .txt span { font-size: 4.3vw; font-weight: 700; border-bottom: 0.48vw solid #159785; }
#con06 .txt-box .inbox .mb1 { margin-bottom: 5.8vw; }

#con07 { margin: 0 auto 8vw; padding: 12vw 0 4vw; }
#con07 .inner-Box { margin: 0 8vw; }
#con07 .ttl { text-align: center; margin: 0 22vw 12vw; position: relative; }
#con07 .ttl::before { content: url(../images/modelhouse/sp-con07-line01.png); position: absolute; bottom: -11vw; left: 50%; transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); }
#con07 .ttl img { width: 100%; }
#con07 .map-box { margin: 0 -8vw 3vw; }
#con07 .map-box iframe { width: 100%; height: 72vw; display: block; }
#con07 .map-txt { text-align: center; font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.17vw; margin: 3vw 0 6vw; }
#con07 .btn2 { text-align: center; margin: 0 10vw; }
#con07 .btn2 img { width: 100%; }

#con08 { margin: 0 auto; padding: 15vw 0; }
#con08 .inner-Box { margin: 0 5vw; }
#con08 .ttl { text-align: center; margin-bottom: 7vw; }
#con08 .ttl img { width: 100%; }
#con08 .tab-nav { display: flex; border-bottom: 0.48vw solid #159785; margin-bottom: 7vw; }
#con08 .tab-btn { flex: 1; padding: 3.5vw 2vw; font-size: 2.9vw; font-weight: 700; letter-spacing: 0.05vw; line-height: 1.5; background-color: #EEF8F6; color: #159785; border: none; border-bottom: 0.48vw solid transparent; cursor: pointer; transition: background-color 0.2s; margin-bottom: -0.48vw; }
#con08 .tab-btn:first-child { border-right: 0.24vw solid #D6D5CF; }
#con08 .tab-btn.active { background-color: #159785; color: #fff; border-bottom-color: #159785; }
#con08 .tab-panel { display: none; }
#con08 .tab-panel.active { display: block; }
#con08 .kc-calendar { text-align: center; background: #fff; height: 750px; }
#con08 .kc-calendar iframe { width: 100%; height: 750px; }
#con08 .mujin-calendar { text-align: center; background: #fff; height: 750px; }
#con08 .mujin-calendar iframe { width: 100%; height: 750px; }

}