@charset "UTF-8";
@media screen and (min-width: 768px),print {

main{ width: 100%!important;}
header{ display: none!important; }

.fixed-btn-box{ position: fixed; top: 180px; right: 0; z-index: 100;}

#con01{ width: 100%; max-width: 1920px; margin: 0 auto 85px; }
#con01 .ttl{ width: 100%; margin-bottom: 90px; }
#con01 .ttl img{ width: 100%; }
#con01 .txt{ text-align: center; margin-bottom: 31px;}
#con01 .ttl1{ text-align: center; font-size: 40px; letter-spacing: 2px; margin-bottom: 40px; }
#con01 .txt1{ text-align: center; font-size: 16px; line-height: 35px; margin-bottom: 90px; }
#con01 .bnr{ text-align: center; }

#con02{ width: 100%; max-width: 1920px; margin: 0 auto 82px; background-color: #4E6B6B; padding: 40px 0 10px; }
#con02 .ttl{ text-align: center; margin-bottom: 10px; font-size: 32px; line-height: 72px; letter-spacing: 1.6px; position: relative; color: #fff; }
#con02 .ttl::before{content: ''; display: inline-block; width: 1px; height: 16px; background-color: #fff; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .pic{ width: 790px; margin: 0 auto; }

#con03{ width: 100%; max-width: 1920px; margin: 0 auto 90px; background-color: #F9F9F9; padding: 82px 0 120px; }
#con03 .ttl{ text-align: center; margin-bottom: 80px;}
#con03 .box01{ min-height: 740px; margin-bottom: 110px; background: url(../images/tu-modelhouse/con03-bg01.png) no-repeat center top;}
#con03 .box01 .inbox{ width: 1100px; margin: 0 auto; padding: 80px 0 0;}
#con03 .box02{ min-height: 740px; margin-bottom: 110px; background: url(../images/tu-modelhouse/con03-bg02.png) no-repeat center top;}
#con03 .box02 .inbox{ width: 1100px; margin: 0 auto; padding: 80px 0 0 640px;}
#con03 .box03{ min-height: 740px; margin-bottom: 110px; background: url(../images/tu-modelhouse/con03-bg03.png) no-repeat center top;}
#con03 .box03 .inbox{ width: 1100px; margin: 0 auto; padding: 80px 0 0;}
#con03 .box04{ min-height: 740px; margin-bottom: 110px; background: url(../images/tu-modelhouse/con03-bg04.png) no-repeat center top;}
#con03 .box04 .inbox{ width: 1100px; margin: 0 auto; padding: 80px 0 0 640px;}
#con03 .box05{ min-height: 740px; margin-bottom: 110px; background: url(../images/tu-modelhouse/con03-bg05.png) no-repeat center top;}
#con03 .box05 .inbox{ width: 1100px; margin: 0 auto; padding: 80px 0 0;}

.bnr-box{ width: 780px; margin: 0 auto 90px;}


.slider-container { background-color: #556b6b; margin: 0; padding: 50px 0 100px; font-family: "Times New Roman", Times, serif; }
.slider-container .inner { background-color: #fff; max-width: 1240px; margin: 0 auto; padding: 60px; position: relative; box-sizing: border-box; }
.section-title { text-align: center; letter-spacing: 0.4em; margin-bottom: 40px; font-weight: normal; font-size: 24px; color: #333; margin-top: 0; }
.slider-wrapper { display: flex; gap: 40px; align-items: flex-start; justify-content: center; }
.slider-main { width: 660px; margin: 0; }
.slider-main img { width: 100%; height: auto; display: block; }
.slider-nav { width: 326px; }
.slider-nav .slick-list { padding: 0 !important; }
.slider-nav .slick-track { display: block !important; transform: none !important; width: 326px !important; height: auto !important; }
.slider-nav .slick-track::after { content: ""; display: block; clear: both; }
.thumb-item { float: left !important; cursor: pointer; filter: grayscale(100%); transition: 0.3s; opacity: 0.7; outline: none; margin: 0 10px 10px 0 !important; }
.thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thumb-item.slick-current { filter: grayscale(0%); opacity: 1; }
/* 158px * 2 + 10px = 326px */
.thumb-item:nth-child(-n+4) { width: 158px !important; height: 110px !important; }
.thumb-item:nth-child(2n) { margin-right: 0 !important; }
/* 74px * 4 + 10px * 3 = 326px */
.thumb-item:nth-child(n+5) { width: 74px !important; height: 74px !important; margin-right: 10px !important; }
.thumb-item:nth-child(n+5):nth-child(4n) { margin-right: 0 !important; }
.slider-counter { text-align: right; margin-top: 20px; font-size: 16px; color: #333; padding-right: 10px; font-family: Arial, sans-serif; }
.slick-arrow { display: none !important; }

#con04{ width: 100%; max-width: 1920px; margin: 0 auto 0px; background-color: #F9F9F9; padding: 100px 0 100px; }
#con04 .inner-Box{ width: 1200px; margin: 0 auto; padding: 80px 100px 70px; background-color: #fff; box-shadow: 8px 10px 30px rgba(0, 0, 0, .1);}
#con04 .ttl{ font-size: 32px; text-align: center; line-height: 53px; letter-spacing: 1.6px; margin-bottom: 73px; }
#con04 .pic1{ margin-bottom: 57px;}

#con05{ width: 100%; max-width: 1920px; margin: 0 auto 0px; background-color: #E5E5E5; padding: 100px 0 106px; }
#con05 .inner-Box{ width: 1000px; margin: 0 auto; padding: 65px 159px 67px; background-color: #fff; box-shadow: 8px 10px 30px rgba(0, 0, 0, .1);}
#con05 .ttl{ text-align: center; margin-bottom: 20px;} 

#con06{ width: 100%; max-width: 1920px; min-height: 660px; margin: 0 auto 0px; background-color: #fff; padding: 120px 0 140px; }
#con06 .inner-Box{ width: 1100px; margin: 0 auto; background-color: #fff; position: relative; }
#con06 .map-box{ width: 640px; height: 400px; position: absolute; top: 0px; left: 0;}
#con06 .map-box iframe{ width: 640px; height: 400px;}
#con06 .ttl{ width: 380px; margin-left: auto; padding-top: 60px; }

#form{ background-color: #F9F9F9; padding: 110px 0;}
#form .form-Box-inner{ width: 1200px; margin: 0 auto; padding: 80px 100px; background-color: #fff;}
#form .sub-title1{ font-size: 32px; margin-bottom: 80px; text-align: center;  }


}



@media screen and (max-width: 767px) {

  a[id]{padding-top: 7vw;margin-top: -7vw;display: block;}
  a#link05{padding-top: 5vw;margin-top: -5vw;display: block;}

.h-logo{ display: none;}
.sp-header .h-logo-panasonic{ display: none;}
.h-logo-tel{ display: none;}
.h-menu{ display: none;}

.fixed-btn-box{ position: fixed; bottom: 0; right: 0; z-index: 100;}
.sp-fix-list{ display: none;}

.mail-txt00{ font-size: 3.4vw; line-height: 1.4; }
.sub-title1 {font-size: 5.6vw; margin-bottom: 5vw; text-align: center; }
#form select {width: 100%; margin-bottom: 5vw;}

#con01{ margin: 0 auto 13vw; }
#con01 .ttl{ margin-bottom: 10vw; }
#con01 .ttl img{ width: 100%; }
#con01 .txt{ text-align: center; margin: 0 38vw 4vw;}
#con01 .ttl1{ text-align: center; font-size: 6.5vw; letter-spacing: 0.24vw; margin: 0 5vw 5vw; }
#con01 .txt1{ font-size: 3.8vw; line-height: 1.8; margin: 0 5vw  9vw; }
#con01 .bnr{ text-align: center; margin: 0 5vw; }

#con02{ margin: 0 auto 12vw; background-color: #4E6B6B; padding: 8vw 0vw 5vw; }
#con02 .ttl{ text-align: center; margin-bottom: 3vw; font-size: 5vw; line-height: 1.8; letter-spacing: 0.24vw; position: relative; color: #fff; }
#con02 .ttl::before{content: ''; display: inline-block; width: 1px; height: 16px; background-color: #fff; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .pic{  }

#con03{ margin: 0 auto 12vw; background-color: #F9F9F9; padding: 12vw 0 4vw; }
#con03 .ttl{ text-align: center; margin: 0 9vw 8vw;}
#con03 .box01{ margin-bottom: 11vw; padding-top: 112vw; background: url(../images/tu-modelhouse/sp-con03-bg01.png) no-repeat center top,#fff; background-size: 100%; box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
#con03 .box01 .inbox{ padding: 0 8vw 9vw; }
#con03 .box02{ margin-bottom: 11vw; padding-top: 112vw; background: url(../images/tu-modelhouse/sp-con03-bg02.png) no-repeat center top,#fff; background-size: 100%; box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
#con03 .box02 .inbox{ padding: 0 8vw 9vw; }
#con03 .box03{ margin-bottom: 11vw; padding-top: 112vw; background: url(../images/tu-modelhouse/sp-con03-bg03.png) no-repeat center top,#fff; background-size: 100%; box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
#con03 .box03 .inbox{ padding: 0 8vw 9vw; }
#con03 .box04{ margin-bottom: 11vw; padding-top: 112vw; background: url(../images/tu-modelhouse/sp-con03-bg04.png) no-repeat center top,#fff; background-size: 100%; box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
#con03 .box04 .inbox{ padding: 0 8vw 9vw; }
#con03 .box05{ margin-bottom: 11vw; padding-top: 112vw; background: url(../images/tu-modelhouse/sp-con03-bg05.png) no-repeat center top,#fff; background-size: 100%; box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
#con03 .box05 .inbox{ padding: 0 8vw 9vw; }

.bnr-box{ margin: 0 5vw 14vw; }

.slider-container { background-color: #556b6b; margin: 0; padding: 10vw 0; font-family: "Times New Roman", Times, serif; }
.slider-container .inner { background-color: #fff; max-width: none; width: 100%; margin: 0; padding: 8vw 5vw; position: relative; box-sizing: border-box; }
.section-title { margin: 0 34vw 5vw; }
.slider-wrapper { display: block; gap: 0; }
.slider-main { width: 100%; margin: 0 0 5vw 0; }
.slider-main img { width: 100%; height: auto; display: block; }
.slider-nav { width: 100%; }
.slider-nav .slick-list { padding: 0 !important; }
.slider-nav .slick-track { display: block !important; transform: none !important; width: 100% !important; height: auto !important; }
.slider-nav .slick-track::after { content: ""; display: block; clear: both; }
.thumb-item { float: left !important; cursor: pointer; filter: grayscale(100%); transition: 0.3s; opacity: 0.7; outline: none; margin: 0 2vw 2vw 0 !important; width: 21vw !important; height: 21vw !important; }
.thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thumb-item.slick-current { filter: grayscale(0%); opacity: 1; }
.thumb-item:nth-child(-n+4) { width: 21vw !important; height: 21vw !important; }
.thumb-item:nth-child(2n) { margin-right: 2vw !important; }
.thumb-item:nth-child(n+5) { width: 21vw !important; height: 21vw !important; margin-right: 2vw !important; }
.thumb-item:nth-child(4n) { margin-right: 0 !important; }
.slider-counter { text-align: center; margin-top: 8vw; font-size: 4.5vw; color: #333; padding-right: 0; font-family: Arial, sans-serif; }
.slick-arrow { display: none !important; }

#con04{ margin: 0 auto 0px; background-color: #F9F9F9; padding: 12vw 0 10vw; }
#con04 .inner-Box{ margin: 0 auto; padding: 7vw 8vw 9vw; background-color: #fff; box-shadow: 8px 10px 30px rgba(0, 0, 0, .1);}
#con04 .ttl{ font-size: 6.5vw; text-align: center; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom: 8vw; }
#con04 .pic1{ margin-bottom: 10vw;}

#con05{ margin: 0 auto 0px; background-color: #E5E5E5; padding: 12vw 5vw 10vw; }
#con05 .inner-Box{ margin: 0 auto; padding: 7vw 8vw 9vw; background-color: #fff; box-shadow: 8px 10px 30px rgba(0, 0, 0, .1);}
#con05 .ttl{ text-align: center; margin: 0 15vw 4vw;} 

#con06{ margin: 0 auto 0px; background-color: #fff; padding: 12vw 0 10vw; }
#con06 .inner-Box{ margin: 0 auto; background-color: #fff; position: relative; }
#con06 .sp-ttl{ margin: 0 37vw 2vw;}
#con06 .map-box{ width: 100%; height: 68vw; margin-bottom: 7vw;}
#con06 .map-box iframe{ width: 100%; height: 68vw;}
#con06 .ttl{ margin: 0 8vw; }

#form{ background-color: #F9F9F9; padding: 12vw 0;}

}