@charset "UTF-8";
/*　短縮セット　*/
.ac {
  text-align: center;
}

.rel {
  position: relative;
}


@media screen and (min-width: 768px), print {

#con01{ width: 800px; margin: 0 auto 60px; padding: 17px 40px 86px; background: url(../images/price/con01-bg01.png) no-repeat center top;}
#con01 .ttl{ text-align: center; margin-bottom: 3px;}
#con01 .txt{ text-align: center; margin-bottom: 40px; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: 0.8px; color: #fff;}
#con01 .box1{ width: 100%; background-color: #fff; padding: 26px 40px 41px;}
#con01 .box1 .sub-ttl{ text-align: center; margin-bottom: 19px;}
#con01 .box1 .txt2{ font-size: 16px; line-height: 28px; letter-spacing: 0.8px;}
#con01 .box1 .mb1{ margin-bottom: 20px; }

#con02{ width: 100%; padding-bottom: 30px; background: url(../images/price/con02-bg01.png) no-repeat center top 140px; }
#con02 .ttl{ margin-bottom: 60px;}
#con02 .box1{ width: 740px; height: 282px; margin: 0 auto 56px; background-color: #fff; padding: 56px 350px 30px 30px; position: relative; }
#con02 .box1::before{ content: url(../images/price/con02-num01.png); position: absolute; top: -36px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .box1 .sub-ttl{ font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: 1.2px; margin-bottom: 20px;}
#con02 .box1 .pic{ position: absolute; top: 32px; right: 30px;}
#con02 .box1 .txt{ font-size: 16px; line-height: 28px; letter-spacing: 0.8px;}
#con02 .box2{ width: 740px; height: 282px; margin: 0 auto 56px; background-color: #fff; padding: 56px 350px 30px 30px; position: relative; }
#con02 .box2::before{ content: url(../images/price/con02-num02.png); position: absolute; top: -36px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .box2 .sub-ttl{ font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: 1.2px; margin-bottom: 20px;}
#con02 .box2 .pic{ position: absolute; top: 32px; right: 30px;}
#con02 .box2 .txt{ font-size: 16px; line-height: 28px; letter-spacing: 0.8px;}
#con02 .box3{ width: 740px; height: 282px; margin: 0 auto 56px; background-color: #fff; padding: 56px 350px 30px 30px; position: relative; }
#con02 .box3::before{ content: url(../images/price/con02-num03.png); position: absolute; top: -36px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .box3 .sub-ttl{ font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: 1.2px; margin-bottom: 20px;}
#con02 .box3 .pic{ position: absolute; top: 32px; right: 30px;}
#con02 .box3 .txt{ font-size: 16px; line-height: 28px; letter-spacing: 0.8px;}

#con03{ width: 100%; margin-bottom: 80px; padding: 64px 30px 52px; background: url(../images/price/con03-bg01.png) no-repeat center top; position: relative;}
#con03 .inner-Box{ margin-bottom: 80px;}
#con03 .inner-Box .ttl{ position: absolute; top: -17px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%);}
#con03 .inner-Box .txt{ text-align: center; font-size: 28px; font-weight: 700; line-height: 43px; letter-spacing: 1.4px; color: #006CB8;}
#con03 .inner-Box2{ text-align: center; font-size: 16px; line-height: 28px; letter-spacing: 0.8px;}

.bath-area{ margin-bottom: 80px;}
.bath-area .ttl{ font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 14px; color: #006CB8;}
.bath-area .txt{ font-size: 18px; font-weight: 400; line-height: 32px; margin-bottom: 45px; }
.bath-area .sys-box{ width: 680px; margin: 0 auto 50px; border: 3px solid #0F6CB8; padding-bottom: 25px; }
.bath-area .sys-box .sys-ttl{ text-align: center; padding: 16px 30px 16px; background-color: #0F6CB8; color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.bath-area .sys-box .sys-text{ text-align: center; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.bath-area .sys-box .sys-text .sys-price{ font-size: 24px; font-weight: 700; color: #E60012; }
.bath-area .system-list { background: #eeefef; padding: 41px 21px 21px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bath-area .system-list li { line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px; }
.bath-area .system-list li:nth-child(3n) { margin-right: 0 }
.bath-area .system-list li:nth-child(4) { display: none; }
.bath-area .system-list li a:hover { text-decoration: none; }
.bath-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.bath-area .system-list .btn::after { content: ' >'; }
.bath-area .system-pic { width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
.bath-area .system-pic img { width: 100%; height: 180px; }
.bath-area .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.6; }
.bath-area .btn{ width: 380px; margin: 0 auto; text-align: center; padding: 16px 15px; border-radius: 8px; background-color: #F0831E; color: #fff;}
.bath-area .btn a{ color: #fff; }

.kitchen-area{ margin-bottom: 80px;}
.kitchen-area .ttl{ font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 14px; color: #006CB8;}
.kitchen-area .txt{ font-size: 18px; font-weight: 400; line-height: 32px; margin-bottom: 45px; }
.kitchen-area .sys-box{ width: 680px; margin: 0 auto 50px; border: 3px solid #0F6CB8; padding-bottom: 25px; }
.kitchen-area .sys-box .sys-ttl{ text-align: center; padding: 16px 30px 16px; background-color: #0F6CB8; color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.kitchen-area .sys-box .sys-text{ text-align: center; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.kitchen-area .sys-box .sys-text .sys-price{ font-size: 24px; font-weight: 700; color: #E60012; }
.kitchen-area .system-list { background: #eeefef; padding: 41px 21px 21px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kitchen-area .system-list li { line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px; }
.kitchen-area .system-list li:nth-child(3n) { margin-right: 0 }
.kitchen-area .system-list li:nth-child(4) { display: none; }
.kitchen-area .system-list li a:hover { text-decoration: none; }
.kitchen-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.kitchen-area .system-list .btn::after { content: ' >'; }
.kitchen-area .system-pic { width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
.kitchen-area .system-pic img { width: 100%; height: 180px; }
.kitchen-area .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.6; }
.kitchen-area .btn{ width: 380px; margin: 0 auto; text-align: center; padding: 16px 15px; border-radius: 8px; background-color: #F0831E; color: #fff;}
.kitchen-area .btn a{ color: #fff; }

.toilet-area{ margin-bottom: 80px;}
.toilet-area .ttl{ font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 14px; color: #006CB8;}
.toilet-area .txt{ font-size: 18px; font-weight: 400; line-height: 32px; margin-bottom: 45px; }
.toilet-area .sys-box{ width: 680px; margin: 0 auto 50px; border: 3px solid #0F6CB8; padding-bottom: 25px; }
.toilet-area .sys-box .sys-ttl{ text-align: center; padding: 16px 30px 16px; background-color: #0F6CB8; color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.toilet-area .sys-box .sys-text{ text-align: center; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.toilet-area .sys-box .sys-text .sys-price{ font-size: 24px; font-weight: 700; color: #E60012; }
.toilet-area .system-list { background: #eeefef; padding: 41px 21px 21px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.toilet-area .system-list li { line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px; }
.toilet-area .system-list li:nth-child(3n) { margin-right: 0 }
.toilet-area .system-list li:nth-child(4) { display: none; }
.toilet-area .system-list li a:hover { text-decoration: none; }
.toilet-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.toilet-area .system-list .btn::after { content: ' >'; }
.toilet-area .system-pic { width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
.toilet-area .system-pic img { width: 100%; height: 180px; }
.toilet-area .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.6; }
.toilet-area .btn{ width: 380px; margin: 0 auto; text-align: center; padding: 16px 15px; border-radius: 8px; background-color: #F0831E; color: #fff;}
.toilet-area .btn a{ color: #fff; }

.interior-area{ margin-bottom: 80px;}
.interior-area .ttl{ font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 14px; color: #006CB8;}
.interior-area .txt{ font-size: 18px; font-weight: 400; line-height: 32px; margin-bottom: 45px; }
.interior-area .sys-box{ width: 680px; margin: 0 auto 50px; border: 3px solid #0F6CB8; padding-bottom: 25px; }
.interior-area .sys-box .sys-ttl{ text-align: center; padding: 16px 30px 16px; background-color: #0F6CB8; color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.interior-area .sys-box .sys-text{ text-align: center; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.interior-area .sys-box .sys-text .sys-price{ font-size: 24px; font-weight: 700; color: #E60012; }
.interior-area .system-list { background: #eeefef; padding: 41px 21px 21px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.interior-area .system-list li { line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px; }
.interior-area .system-list li:nth-child(3n) { margin-right: 0 }
.interior-area .system-list li:nth-child(4) { display: none; }
.interior-area .system-list li a:hover { text-decoration: none; }
.interior-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.interior-area .system-list .btn::after { content: ' >'; }
.interior-area .system-pic { width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
.interior-area .system-pic img { width: 100%; height: 180px; }
.interior-area .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.6; }
.interior-area .btn{ width: 380px; margin: 0 auto; text-align: center; padding: 16px 15px; border-radius: 8px; background-color: #F0831E; color: #fff;}
.interior-area .btn a{ color: #fff; }


}


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

#con01{ margin: 0 auto 12vw; padding: 7vw 4vw 16vw; background: url(../images/price/sp-con01-bg01.png) no-repeat center top; background-size: 100%; }
#con01 .ttl{ text-align: center; margin: 0 14vw 0.72vw; }
#con01 .txt{ text-align: center; margin-bottom: 7vw; font-size: 4.34vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; color: #fff; }
#con01 .box1{ background-color: #fff; padding: 6.28vw 5vw 8vw; }
#con01 .box1 .sub-ttl{ text-align: center; margin-bottom: 4.58vw; }
#con01 .box1 .txt2{ font-size: 3.86vw; line-height: 1.8; letter-spacing: 0.24vw; }
#con01 .box1 .mb1{ margin-bottom: 4.83vw; }

#con02{ padding-bottom: 7.24vw; margin-bottom: 12vw; background: url(../images/price/sp-con02-bg01.png) no-repeat center top 25vw; background-size: 180%; }
#con02 .ttl{ margin-bottom: 14.49vw; }
#con02 .box1{ margin: 0 5vw 15vw; background-color: #fff; padding: 8vw 5vw 8vw; position: relative; }
#con02 .box1::before{ content: url(../images/price/sp-con02-num01.png); position: absolute; top: -14vw; left: 50%; transform: translateX(-50%) scale(0.5);-ms-transform: translateX(-50%) scale(0.5); }
#con02 .box1 .sub-ttl{ text-align: center;; font-size: 4.8vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom: 4.83vw; }
#con02 .box1 .pic{ margin-bottom: 4vw; }
#con02 .box1 .txt{ font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }

#con02 .box2{ margin: 0 5vw 15vw; background-color: #fff; padding: 8vw 5vw 8vw; position: relative; }
#con02 .box2::before{ content: url(../images/price/sp-con02-num02.png); position: absolute; top: -14vw; left: 50%; transform: translateX(-50%) scale(0.5);-ms-transform: translateX(-50%) scale(0.5); }
#con02 .box2 .sub-ttl{ text-align: center;; font-size: 4.8vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom: 4.83vw; }
#con02 .box2 .pic{ margin-bottom: 4vw; }
#con02 .box2 .txt{ font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }

#con02 .box3{ margin: 0 5vw 0vw; background-color: #fff; padding: 8vw 5vw 8vw; position: relative; }
#con02 .box3::before{ content: url(../images/price/sp-con02-num03.png); position: absolute; top: -14vw; left: 50%; transform: translateX(-50%) scale(0.5);-ms-transform: translateX(-50%) scale(0.5); }
#con02 .box3 .sub-ttl{ text-align: center;; font-size: 4.8vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom: 4.83vw; }
#con02 .box3 .pic{ margin-bottom: 4vw; }
#con02 .box3 .txt{ font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }

#con03{ margin-bottom: 19.32vw; padding: 0vw 0vw 12.56vw; background: url(../images/price/sp-con03-bg01.png) no-repeat center top 3vw; background-size: 100%; position: relative; }
#con03 .inner-Box{ margin-bottom: 19.32vw; }
#con03 .inner-Box .ttl{ margin-bottom: 8vw; }
#con03 .inner-Box .txt{ text-align: center; font-size: 5.8vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; color: #006CB8; }
#con03 .inner-Box2{ padding: 0 5vw; font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }

.bath-area{ margin: 0 5vw 15vw; }
.bath-area .ttl{ font-size: 5.79vw; font-weight: 700; line-height: 1.6; margin-bottom: 3.38vw; color: #006CB8; }
.bath-area .txt{ font-size: 4.34vw; font-weight: 400; line-height: 1.6; margin-bottom: 10.86vw; }
.bath-area .sys-box{ margin: 0 auto 12.07vw; border: 0.72vw solid #0F6CB8; padding-bottom: 6.03vw; }
.bath-area .sys-box .sys-ttl{ text-align: center; padding: 3.86vw 7.24vw 3.86vw; background-color: #0F6CB8; color: #fff; font-size: 4.34vw; font-weight: 700; margin-bottom: 7.24vw; }
.bath-area .sys-box .sys-text{ width: 100%; text-align: center; font-size: 3.86vw; font-weight: 700; margin-bottom: 4.83vw; display: inline-block;  }
.bath-area .sys-box .sys-text .sys-txt{ width: 60%; float: left; line-height: 1.3;}
.bath-area .sys-box .sys-text .sys-price{ width: 33%; float: right; font-size: 5.4vw; font-weight: 700; color: #E60012; }
.bath-area .system-list { background: #eeefef; padding: 4% 2%; margin-bottom: 10%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bath-area .system-list li { position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 2rem; }
.bath-area .system-list li:nth-child(2n) { margin-right: 0 }
.bath-area .system-list li a:hover { text-decoration: none; }
.bath-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.8rem; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.bath-area .system-list .btn::after { content: ' >'; }
.bath-area .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5%; }
.bath-area .system-pic img { width: 100%; height: 120px; }
.bath-area .system-date { font-size: 0.8rem; margin-bottom: 5%; }
.bath-area .btn{ width: 82%; margin: 0 auto; text-align: center; padding: 3.5vw 2vw; border-radius: 8px; background-color: #F0831E; color: #fff;}
.bath-area .btn a{ color: #fff; }

.kitchen-area{ margin: 0 5vw 15vw; }
.kitchen-area .ttl{ font-size: 5.79vw; font-weight: 700; line-height: 1.6; margin-bottom: 3.38vw; color: #006CB8; }
.kitchen-area .txt{ font-size: 4.34vw; font-weight: 400; line-height: 1.6; margin-bottom: 10.86vw; }
.kitchen-area .sys-box{ margin: 0 auto 12.07vw; border: 0.72vw solid #0F6CB8; padding-bottom: 6.03vw; }
.kitchen-area .sys-box .sys-ttl{ text-align: center; padding: 3.86vw 7.24vw 3.86vw; background-color: #0F6CB8; color: #fff; font-size: 4.34vw; font-weight: 700; margin-bottom: 7.24vw; }
.kitchen-area .sys-box .sys-text{ width: 100%; text-align: center; font-size: 3.86vw; font-weight: 700; margin-bottom: 4.83vw; display: inline-block;  }
.kitchen-area .sys-box .sys-text .sys-txt{ width: 60%; float: left; line-height: 1.3;}
.kitchen-area .sys-box .sys-text .sys-price{ width: 33%; float: right; font-size: 5.4vw; font-weight: 700; color: #E60012; }
.kitchen-area .system-list { background: #eeefef; padding: 4% 2%; margin-bottom: 10%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kitchen-area .system-list li { position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 2rem; }
.kitchen-area .system-list li:nth-child(2n) { margin-right: 0 }
.kitchen-area .system-list li a:hover { text-decoration: none; }
.kitchen-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.8rem; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.kitchen-area .system-list .btn::after { content: ' >'; }
.kitchen-area .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5%; }
.kitchen-area .system-pic img { width: 100%; height: 120px; }
.kitchen-area .system-date { font-size: 0.8rem; margin-bottom: 5%; }
.kitchen-area .btn{ width: 82%; margin: 0 auto; text-align: center; padding: 3.5vw 2vw; border-radius: 8px; background-color: #F0831E; color: #fff;}
.kitchen-area .btn a{ color: #fff; }

.toilet-area{ margin: 0 5vw 15vw; }
.toilet-area .ttl{ font-size: 5.79vw; font-weight: 700; line-height: 1.6; margin-bottom: 3.38vw; color: #006CB8; }
.toilet-area .txt{ font-size: 4.34vw; font-weight: 400; line-height: 1.6; margin-bottom: 10.86vw; }
.toilet-area .sys-box{ margin: 0 auto 12.07vw; border: 0.72vw solid #0F6CB8; padding-bottom: 6.03vw; }
.toilet-area .sys-box .sys-ttl{ text-align: center; padding: 3.86vw 7.24vw 3.86vw; background-color: #0F6CB8; color: #fff; font-size: 4.34vw; font-weight: 700; margin-bottom: 7.24vw; }
.toilet-area .sys-box .sys-text{ width: 100%;text-align: center; font-size: 3.86vw; font-weight: 700; margin-bottom: 4.83vw; display: inline-block;  }
.toilet-area .sys-box .sys-text .sys-txt{ width: 60%; float: left; line-height: 1.3;}
.toilet-area .sys-box .sys-text .sys-price{ width: 33%; float: right; font-size: 5.4vw; font-weight: 700; color: #E60012; }
.toilet-area .system-list { background: #eeefef; padding: 4% 2%; margin-bottom: 10%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.toilet-area .system-list li { position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 2rem; }
.toilet-area .system-list li:nth-child(2n) { margin-right: 0 }
.toilet-area .system-list li a:hover { text-decoration: none; }
.toilet-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.8rem; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.toilet-area .system-list .btn::after { content: ' >'; }
.toilet-area .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5%; }
.toilet-area .system-pic img { width: 100%; height: 120px; }
.toilet-area .system-date { font-size: 0.8rem; margin-bottom: 5%; }
.toilet-area .btn{ width: 82%; margin: 0 auto; text-align: center; padding: 3.5vw 2vw; border-radius: 8px; background-color: #F0831E; color: #fff;}
.toilet-area .btn a{ color: #fff; }

.interior-area{ margin: 0 5vw 15vw; }
.interior-area .ttl{ font-size: 5.79vw; font-weight: 700; line-height: 1.6; margin-bottom: 3.38vw; color: #006CB8; }
.interior-area .txt{ font-size: 4.34vw; font-weight: 400; line-height: 1.6; margin-bottom: 10.86vw; }
.interior-area .sys-box{ margin: 0 auto 12.07vw; border: 0.72vw solid #0F6CB8; padding-bottom: 6.03vw; }
.interior-area .sys-box .sys-ttl{ text-align: center; padding: 3.86vw 7.24vw 3.86vw; background-color: #0F6CB8; color: #fff; font-size: 4.34vw; font-weight: 700; margin-bottom: 7.24vw; }
.interior-area .sys-box .sys-text{ width: 100%; text-align: center; font-size: 3.86vw; font-weight: 700; margin-bottom: 4.83vw; display: inline-block; }
.interior-area .sys-box .sys-text .sys-txt{ width: 60%; float: left; line-height: 1.3;}
.interior-area .sys-box .sys-text .sys-price{ width: 33%; float: right; font-size: 5.4vw; font-weight: 700; color: #E60012; }
.interior-area .system-list { background: #eeefef; padding: 4% 2%; margin-bottom: 10%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.interior-area .system-list li { position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 2rem; }
.interior-area .system-list li:nth-child(2n) { margin-right: 0 }
.interior-area .system-list li a:hover { text-decoration: none; }
.interior-area .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.8rem; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.interior-area .system-list .btn::after { content: ' >'; }
.interior-area .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5%; }
.interior-area .system-pic img { width: 100%; height: 120px; }
.interior-area .system-date { font-size: 0.8rem; margin-bottom: 5%; }
.interior-area .btn{ width: 82%; margin: 0 auto; text-align: center; padding: 3.5vw 2vw; border-radius: 8px; background-color: #F0831E; color: #fff;}
.interior-area .btn a{ color: #fff; }

.line-bnr-area{ margin: 0 5vw 18vw;}

}