@charset "UTF-8";
a:hover { text-decoration: none; }

/* ==========================================================================
   PC & Print 共通スタイル (768px以上)
   ========================================================================== */
@media screen and (min-width: 768px), print {  



header{position: absolute;z-index: 3;}
header .h-logo img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
header .teltext{color:#fff;}

#contentsmain { position: relative; height: 960px;}
#contentsmain .inner-Box{ }
#contentsmain .inner-Box ul.main-slide{position: absolute;z-index: 1;top: 0;left: 50%;transform: translateX(-50%);width: 1920px;height: 960px;}
#contentsmain .inner-Box {text-align: center;padding: 412px 0 0;}
#contentsmain .inner-Box #main-ttl{position: fixed;z-index: 3;top: 227px;left: 50%;transform: translateX(-50%);width: 100%;}
#contentsmain .inner-Box #main-ttl img{ width: 100%; height: auto; max-width: 1920px; margin: 0 auto; display: block;}
#contentsmain .inner-Box h1{text-align: center;font-weight: 500;font-size: 36px;line-height: 1.444;letter-spacing: 0.1em;color: #FFF;position: relative;z-index: 3;margin-bottom: 6px;}
#contentsmain .inner-Box p.subtext{text-align: center;font-weight: 400;font-size: 16px;line-height: 2.625;letter-spacing: 0.15em;color: #FFF;position: relative;z-index: 3;}
#contentsmain .inner-Box #text-Box{position: relative;z-index: 3;}

#contentsmain .scroll{position:absolute;top:556px;right:47px;}
.scrolldown{position:absolute;left: 50px;bottom: -358px;z-index: 3;}
.scrolldown span.f-en{position:absolute;left: -47px;top: -69px;text-align: left;font-weight: 500;font-size: 10px;line-height: 2.7;letter-spacing: 0.1em;color: #FFF;text-transform: uppercase;width: 100px;transform: rotate(90deg);transform-origin: center;}
.scrolldown1{height: 506px;overflow:hidden;width: 1px;z-index:3;background: #8D8D8D;position:relative;display:block;}
.scrolldown1::after{content:"";position:absolute;top:-70px;left: 0;width: 2px;height:70px;background: #fff;animation: pathmove 3.4s linear infinite;}
@keyframes pathmove{0%{transform:translateY(0);}100%{transform:translateY(506px);}}

#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 193px 0 496px;}
#contents01 .inner-Box {margin: 0px auto -76px;position: relative;width: 670px;z-index: 3;}
#contents01 .inner-Box h2 {margin-bottom: 41px;position: relative;text-align: left;font-weight: 600;font-size: 36px;line-height: 1.444;letter-spacing: 0.1em;color: #16151E;margin-right: -10px;}
#contents01 .inner-Box h2 span.f-en {text-align: center;font-weight: 300;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;display: block;position: relative;left: -4px;margin-bottom: 52px;}
#contents01 .inner-Box p.text {margin-bottom: 41px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;color: #16151E;left: -4px;z-index: 6;}
#contents01 .inner-Box p.vmore {margin-bottom: 0px;position: absolute;width: 200px;bottom: 9px;right: -213px;}
#contents01 .inner-Box p.vmore a {  }
#contents01 .inner-Box p.vmore a:hover {  }
#contents01 .photo-Box {margin: 0 auto;position: relative;z-index: 1;}
#contents01 .photo-Box figure.photo { position: absolute; top: 0; left: 50%;  transform: translateX(-50%);}
#contents01 .photo-Box figure.photo img{  }
#contents01 .photo-Box figure#photoyu { z-index: 3; }

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;padding: 152px 30px 120px;background-size: cover;}
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1500px;}
#contents02 .inner-Box h2 {margin-bottom: 46px;position: relative;text-align: center;font-weight: 600;font-size: 30px;line-height: 1.733;letter-spacing: 0.1em;color: #FFF;}
#contents02 .inner-Box h2 span.f-en {text-align: center;font-weight: 300;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;color: #FFF;text-transform: uppercase;display: block;margin-bottom: 8px;}
#contents02 .inner-Box p.subttl {margin-bottom: 91px;position: relative;text-align: center;font-weight: 400;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;color: #DEDEDE;}
#contents02 .inner-Box ul {display: flex;flex-wrap: wrap;gap: 2%;}
#contents02 .inner-Box ul li {width: 32%;position: relative;margin-bottom: 30px; overflow: hidden;}
#contents02 .inner-Box ul li a {display: block;position: relative;}
#contents02 .inner-Box ul li a::before {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 202px;background: url(../images/index/contents02-before01.png)repeat-y bottom left;opacity: 1;z-index: 3;mix-blend-mode: multiply;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents02 .inner-Box figure.photo img{ width: 100%;height: auto;display: block; }
#contents02 .inner-Box a:hover figure.photo img {filter: blur(4px);}
#contents02 .ttt-Box {margin: 0 auto;position: absolute;z-index: 3;bottom: 0;width: 100%;padding: 20px 20px 3px;}
#contents02 .ttt-Box h3 {margin-right: 78px;position: relative;text-align: left;font-weight: 500;font-size: 22px;line-height: 1.364;letter-spacing: 0.1em;color: #FFF;border-bottom: #535353 1px solid;padding-bottom: 9px;}
#contents02 .ttt-Box h3 span.f-en {text-align: left;font-weight: 200;font-size: 20px;line-height: 1;letter-spacing: 0.05em;color: #FFF;text-transform: uppercase;display: block;margin-bottom: 8px;}
#contents02 .ttt-Box p.ltext {margin-top: 8px;position: relative;text-align: left;font-weight: 400;font-size: 14px;line-height: 1.714;letter-spacing: 0.1em;color: #DEDEDE;}
#contents02 .ttt-Box p.more {margin-top: -11px;position: relative;text-align: right;font-weight: 500;font-size: 12px;line-height: 3.5;letter-spacing: 0.05em;color: #8D8D8D;text-transform: uppercase;padding-right: 20px;}
#contents02 .ttt-Box p.more span.f-en {position: relative;}
#contents02 .ttt-Box p.more span.f-en::after{content: "→";display: block;position: absolute;top: 53%;right: -24px;width: 23px;color: #8D8D8D;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 16px;}
#contents02 a:hover .ttt-Box p.more span.f-en::after{right: -34px;}

#contents02 figure.img {position: absolute;bottom: 30px;left: 50%;margin-left: 270px;}
#contents02 figure.img img{  }


#gallery {margin: 0 auto 100px;position: relative;padding: 172px 30px 0;}
#gallery .inner-Box {margin: 0 auto;position: relative;max-width: 1460px;}
#gallery .inner-Box h2 {margin-bottom: 95px;position: relative;text-align: center;font-weight: 600;font-size: 30px;line-height: 1.733;letter-spacing: 0.1em;}
#gallery .inner-Box h2 span.f-en {text-align: center;font-weight: 300;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;text-transform: uppercase;display: block;margin-bottom: 8px;}
#gallery  ul.system-list {display:grid;grid-template-columns: repeat(3,1fr);gap: 10px;width:100%;margin-bottom: 50px;}
#gallery  ul.system-list li{ }
#gallery  ul.system-list li .system-pic {width: 100%;aspect-ratio: 480 / 343;overflow: hidden;text-align: center;margin-bottom: 17px;position: relative;}
#gallery  ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#gallery  ul.system-list li {margin-bottom: 49px;position: relative;}
#gallery  ul.system-list li .systtl{margin-bottom: -3px;position: relative;text-align: left;font-weight: 600;font-size: 18px;line-height: 1.667;letter-spacing: 0.05em;color: #000;}
#gallery  ul.system-list li .systtl span.no{margin-bottom: 10px;font-size: 16px;line-height: 1;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: absolute;top: 6px;left: 0;border-right: 1px #3D3D3D solid;padding: 2px 7px 1px 0;}
#gallery  ul.system-list li:nth-last-child(-n+2){margin-bottom:0;}
#gallery  ul.system-list li .cost { }
#gallery  ul.system-list li .cname span.tagttl{font-size: 12px;display: inline-block;margin:0 10px 10px 0;color: #fff;background: #495D72;padding: 8px 18px;}
#gallery  ul.system-list li .cname{margin-bottom: -2px;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.875;letter-spacing: 0.05em;color: #000;}
#gallery  ul.system-list li .tag { }
#gallery  ul.system-list li .tag span{transition: all 0.3s ease-in-out;background: #F4F4ED;padding: 1px 10px;border-radius: 3px;text-align: left;font-weight: 400;font-size: 14px;line-height: 3;letter-spacing: 0.05em;color: #535353;}
#gallery .inner-Box p.vmore {margin-bottom: 0px;position: relative;width: 200px;margin: 0 auto;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;height: 838px;}
#contents03 .back-Box {margin: 0 auto;position: relative;background: url('../images/index/contents03-back02.png') repeat-x top 460px left;height: 838px;padding: 109px 30px 0;animation: bgscroll 70s linear infinite;}
@keyframes bgscroll {
    from {background-position: 0 460px;}
    to {background-position: -2300px 460px;}
}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1240px;}
#contents03 .inner-Box h2.f-en {margin-bottom: 30px;position: relative;text-align: left;font-weight: 200;font-size: 98px;line-height: 1.316;letter-spacing: 0.05em;color: #FFF;text-transform: uppercase;}
#contents03 .inner-Box h3 {margin-bottom: 22px;position: relative;text-align: left;font-weight: 600;font-size: 30px;line-height: 1.733;letter-spacing: 0.1em;color: #FFF;}
#contents03 .inner-Box p.text {margin-bottom: 344px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.875;letter-spacing: 0.05em;color: #DEDEDE;}
#contents03 .inner-Box span.map {display: block;line-height: 1;position: absolute;left: 0px;top: 2px;}
#contents03 .inner-Box span.map img {  }
#contents03 .inner-Box p.maptext {margin-bottom: 0px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.875;letter-spacing: 0.05em;color: #DEDEDE;padding: 0 0 0 26px;}
#contents03 .inner-Box p.vmore2 {position: absolute;top: 20px;right: -3px;width: 216px;height: 216px;border-radius: 50%;border: 1px solid #FFFFFF;}
#contents03 .inner-Box p.vmore2 a{color: #fff;text-align: center;display: block;padding: 94px 28px 92px 0px;}
#contents03 .inner-Box p.vmore2 a::after{content: "→";display: block;position: absolute;top: 50%;right: 69px;width: 23px;color: #fff;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 20px;}
#contents03 .inner-Box p.vmore2 a:hover::after{right: 59px;}

.backk{padding: 180px 0 1px;background:#F4F4ED;}

.mailformbnner{position: relative;margin: 0 auto;max-width: 1500px;padding: 0 30px 180px;}
.mailformbnner img{ width: 100%;height: auto;display: block; }

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;height: 630px;padding: 0 30px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1440px;padding: 100px 0 0 390px;}
#contents04 .inner-Box h2.f-en {top: 285px;left: 10px;position: absolute;text-align: left;font-weight: 200;font-size: 60px;line-height: 1.517;letter-spacing: 0.05em;color: #FFF;text-transform: uppercase;}
#contents04 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents04 .inner-Box ul li {position: relative;backdrop-filter: blur(33px) brightness(234%);-webkit-backdrop-filter: blur(33px) brightness(234%);border-radius: 10px;width: 47.7%;margin-right: 4.6%;}
#contents04 .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contents04 .inner-Box ul li a {display: block;padding: 50px;}
#contents04 .inner-Box span.micon {display: block;line-height: 1;position: absolute;top: 54px;left: 48px;}
#contents04 .inner-Box span.micon img {  }
#contents04 .inner-Box h3 {margin-bottom: 0px;position: relative;text-align: left;font-weight: 500;font-size: 26px;line-height: 1.6;letter-spacing: 0.1em;color: #16151E;padding: 8px 0 0 108px;border-bottom: 1px solid #fff;height: 148px;margin-bottom: 28px;}
#contents04 .inner-Box h3 span{text-align: left;font-weight: 500;font-size: 10px;line-height: 4.2;letter-spacing: 0.05em;color: #16151E;display: block;margin-top: -9px;}
#contents04 .inner-Box ul li:first-child h3{ padding-top: 32px; }
#contents04 .inner-Box p.ltext {margin-bottom: 0px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.75;letter-spacing: 0.05em;color: #000;min-height: 113px;}
#contents04 .inner-Box p.more {position: relative;padding-right: 24px;font-weight: 500;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;width: 226px;height: 42px;background: #fff;border-radius: 50px;text-align: center;margin: 0 auto;transition: all 0.3s ease-in-out;}
#contents04 .inner-Box p.more span.f-en {position: relative;}
#contents04 .inner-Box p.more span.f-en::after{content: "→";display: block;position: absolute;top: 50%;right: -26px;width: 23px;color: #16151E;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 20px;transition: all 0.3s ease-in-out;}

#contents04 .inner-Box ul li a:hover p.more{ color:#fff; background: #16151E; }
#contents04 .inner-Box ul li a:hover p.more span.f-en::after{ color:#fff; }

#contents05 {margin: 0 auto -60px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat bottom center;padding: 135px 0 0;z-index: 3;}
#contents05 .inner-Box {margin: 0 auto;position: relative;padding: 0 30px 78px;}
#contents05 .inner-Box h2.f-en {margin-bottom: -21px;position: relative;text-align: center;font-weight: 200;font-size: 102px;line-height: 1.314;letter-spacing: 0.05em;color: #746B46;text-transform: uppercase;}
#contents05 .inner-Box h3 {margin-bottom: 8px;position: relative;text-align: center;font-weight: 600;font-size: 30px;line-height: 1.733;letter-spacing: 0.1em;color: #746B46;}
#contents05 .inner-Box p.subtext {margin-bottom: 39px;position: relative;text-align: center;font: normal normal normal 14px/42px Noto Sans JP;letter-spacing: 0.7px;color: #000000;}
#contents05 .inner-Box p.subtext span {display: inline-block;position: relative;}
#contents05 .inner-Box p.subtext span::before{content:"";display:block;position:absolute;top:50%;right: -215px;width: 186px;height: 1px;background:#C9C9C9;}
#contents05 .inner-Box p.subtext span::after{content:"";display:block;position:absolute;top:50%;left: -216px;width: 186px;height: 1px;background:#C9C9C9;}
#contents05 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto 50px;max-width: 1280px;}
#contents05 .inner-Box ul li {position: relative;width: 29.7%;margin-right: 5.4%;}
#contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents05 .inner-Box ul li a {  }
#contents05 .inner-Box ul li a:hover {  }
#contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 18px;}
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box p.ltext {margin-bottom: 0px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.75;letter-spacing: 0.05em;color: #000;}
#contents05 .inner-Box p.vmore2 a{ display: block; position: relative;padding-right: 24px;font-weight: 500;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;width: 226px;height: 42px;background: #fff;border-radius: 50px;text-align: center;margin: 0 auto;}
#contents05 .inner-Box p.vmore2 a{ color:#16151E;}
#contents05 .inner-Box p.vmore2.f-en {position: relative;}
#contents05 .inner-Box p.vmore2 a::after{content: "→";display: block;position: absolute;top: 50%;right: 72px;width: 23px;color: #16151E;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 20px;}
#contents05 .inner-Box p.vmore2 a:hover { color:#fff; background: #16151E; }
#contents05 .inner-Box p.vmore2 a:hover::after{ color:#fff; }


#voice {margin: 0 auto 130px;position: relative;background: url('../images/index/voice-back01.png')no-repeat top center;padding: 220px 0 0;}
#voice .ttl-Box {margin: 0 auto 52px;position: relative;width: 889px;padding: 28px 0 0 200px;}
#voice .ttl-Box h2.f-en {position: absolute;text-align: left;font-weight: 300;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;border-right: 1px solid #16151E;height: 80px;top: 16px;left: 0;width: 154px;padding: 16px 0 0;}
#voice .ttl-Box p.subttl {margin-bottom: 0px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.75;letter-spacing: 0.05em;color: #16151E;}
#voice .ttl-Box p.vmore2 a{position: absolute;top: 35px;right: -52px;font-weight: 500;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;text-transform: uppercase;width: 139px;height: 42px;border: #16151E 1px solid;border-radius: 50px;text-align: center;margin: 0 auto;padding-right: 27px;}
#voice .ttl-Box p.vmore2 a{ color:#16151E;}
#voice .ttl-Box p.vmore2.f-en {}
#voice .ttl-Box p.vmore2.f-en a::after{content: "→";display: block;position: absolute;top: 20px;right: 30px;width: 23px;color: #16151E;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 20px;}
#voice .ttl-Box p.vmore2.f-en a:hover::after{ right: 20px;}
#voice .prev-arrow{position: absolute;top: 135px;left: 50%;margin-left: -580px;width: 114px;height: 114px;z-index: 4;}
#voice .next-arrow{position: absolute;top: 137px;left: 50%;width: 114px;height: 114px;border-radius: 50%;line-height: 50px;transform: scale(-1, 1);margin-left: 463px;}
#voice  ul.system-list li .notext{text-align: left;font-weight: 600;font-size: 95px;line-height: 1.442;letter-spacing: 0.05em;color: #000;position: absolute;bottom: -50px;left: -31px;z-index: 3;}
#voice .inner-Box {margin: 0 auto;position: relative;padding-bottom: 213px;}
#voice  ul.system-list{}
#voice  ul.system-list li{}

#voice ul.system-list li a {display: flex;justify-content: space-between;width: 890px;height: 380px;background: #fff;position: relative;}
#voice ul.system-list li .textbox {width: 44.4%;padding: 51px 61px;position: relative;}
#voice ul.system-list li .system-pic {width: 57.0625%;aspect-ratio: 50 / 40;overflow: hidden;text-align: center;position: relative;}

#voice ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice ul.system-list li {margin: 0 72px 17px;padding-bottom: 20px;}
#voice ul.system-list li .systtl{margin-bottom: 16px;text-align: left;font-weight: 600;font-size: 24px;line-height: 1.5;letter-spacing: 0.1em;color: #16151E;position: relative;}
#voice ul.system-list li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#voice ul.system-list li .cost { }
#voice ul.system-list li .cost span{ border: #1A1A1A 1px solid;border-radius: 3px;font-size: 12px;padding: 3px 15px; display: inline-block; margin:0 10px 10px 0; }
#voice ul.system-list li .cname{color: #9E9E9C;font-size: 14px;line-height: 1.4;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 16px;}
#voice ul.system-list li .comment{text-align: left;font-weight: 400;font-size: 16px;line-height: 1.75;letter-spacing: 0.05em;color: #16151E;}
#voice ul.system-list li .comment span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

#voice ul.system-list p.more {position: absolute;text-align: left;font-weight: 500;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;color: #535353;text-transform: uppercase;bottom: 36px;right: 36px;border-bottom: 1px solid;width: 133px;}
#voice ul.system-list p.more span.f-en {}
#voice ul.system-list p.more span.f-en::after{content: "→";display: block;position: absolute;top: 63%;right: 1px;width: 23px;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 23px;color: #535353;}
#voice ul.system-list a:hover span.f-en::after{ right: 20px;}



#insta-bnr{margin:-80px auto 50px;position:relative;text-align:center;}
#insta-bnr a{display:inline-block;width:420px;transition:opacity 0.3s ease-in-out;}
#insta-bnr a:hover{opacity:0.8;}
#insta-bnr img{display:block;width:100%;height:auto;}
#blog {margin: 0 auto 150px;position: relative;padding: 59px 70px 20px;background: #FFFFFF;width: 1200px;}
#blog .inner-Box {margin: 0 auto;position: relative;max-width: 1460px;}
#blog .inner-Box h2 {margin-bottom: 50px;position: relative;text-align: left;font-weight: 300;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;border-bottom: #E4E2DB 1px solid;}
#blog .inner-Box h2 span.f-en {font-weight: 300;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;text-transform: uppercase;display: block;margin-bottom: 13px;}
#blog .catell{font-size: 12px;line-height: 1;letter-spacing: 0.04em;font-weight: 400;color: #FFF;margin-bottom: 10px;}
#blog .catell .designer{background: #556529;color: #fff;border: #556529 1px solid;}
#blog .catell .blog{}
#blog .cate{display: inline-block;color: #3D3D3D;padding: 5px 12px;position: relative;top: 0;right: 0;background: #F4F4ED;border-radius: 2px;margin-right: 10px;}
#blog .inner-Box .system-list{display:grid;grid-template-columns:repeat(3,1fr);gap: 3.5478% 7.5847%;margin-bottom:50px;}
#blog .inner-Box .system-list li{overflow:hidden;line-height:1.4;margin-bottom:0;padding: 0 0 7px;border-bottom: #E4E2DB 1px solid;}
#blog .inner-Box .system-list li:last-child{ display:none;}
#blog .inner-Box .system-list li a:hover{ text-decoration: none; }
#blog .inner-Box .system-list  .system-pic {width: 100%;aspect-ratio: 184 / 117;overflow: hidden;text-align: center;position: relative;margin-bottom: 11px;}
#blog .inner-Box .system-list  .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#blog .inner-Box .system-list .textbx{}
#blog .system-day{margin-bottom: 0;position: relative;font-size: 14px;line-height: 1.9;letter-spacing: 0.04em;font-weight: 400;color: #B1B1B1;}
#blog .inner-Box .system-list .system-ttl-01{margin-bottom: 10px;font-size: 16px;line-height: 1.6;letter-spacing: 0.03em;font-weight: 400;color: #363735;}
#blog .inner-Box .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
/**/
#blog .inner-Box p.vmore {margin-bottom: 0px;position: absolute;width: 93px;top: 7px;right: 0;}
#blog .inner-Box p.vmore a {  }
#blog .inner-Box p.vmore a:before { content:none; }
#blog .inner-Box p.vmore a:hover::after { right: 10px; }


#contents06 {margin: 0 auto 5px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat bottom left;}
#contents06 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 110px;}
#contents06 figure.photo img{width: 100%;height: auto;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents06 .inner-Box ul{}
#contents06 .inner-Box ul li {position: relative;border-bottom: #CBCBC2 1px solid;width: 890px;margin: 0 0 60px auto;padding-bottom: 59px;}
#contents06 .inner-Box ul li:last-child {border-bottom: none;margin-bottom: 0px; }
#contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box ul li a {display: block;padding: 0 0 0 320px;}
#contents06 .inner-Box ul li a:hover {  }
#contents06 .inner-Box h2.f-en {position: absolute;top: 84px;left: 1px;text-align: left;font-weight: 300;font-size: 26px;line-height: 1.615;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;}
#contents06 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 11px;}
#contents06 .inner-Box figure.img img{  }
#contents06 .inner-Box p.ltext {margin-bottom: 0px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.625;letter-spacing: 0.05em;color: #16151E;}


#contents07 {margin: 0 auto 110px;position: relative;background: #fff;padding: 114px 0 120px;}
#contents07 figure.img {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 125px;}
#contents07 figure.img img{  }
#contents07 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 280px;}
#contents07 .inner-Box h2.f-en {margin-bottom: 16px;position: relative;text-align: left;font-weight: 500;font-size: 40px;line-height: 1.55;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;}
#contents07 .inner-Box p.ltext {margin-bottom: 35px;position: relative;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.875;letter-spacing: 0.05em;color: #16151E;}
#contents07 .inner-Box p.ltext span.sp-tel-link {  }
#contents07 .inner-Box p.vmore2 {position: relative;padding-right: 24px;font-weight: 500;font-size: 16px;line-height: 2.625;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;width: 226px;height: 42px;background: #fff;border-radius: 50px;text-align: center;border: #16151E 1px solid;}
#contents07 .inner-Box p.vmore2 a{ color:#16151E;}
#contents07 .inner-Box p.vmore2.f-en {position: relative;}
#contents07 .inner-Box p.vmore2 a::after{content: "→";display: block;position: absolute;top: 50%;right: 22px;width: 23px;color: #16151E;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 20px;}
#contents07 .inner-Box p.vmore2 a:hover::after{ right: 12px;}

#contents07 .map-Box {position: absolute;width: 600px;right: 0;top: 0;}
#contents07 .map-Box iframe{width: 600px;height: 280px;margin-bottom: -10px;}
#contents07 .map-Box p.maplink {margin-bottom: 0px;position: relative;text-align: left;font-weight: 400;font-size: 14px;line-height: 3;letter-spacing: 0.05em;color: #000;text-align: right;}
#contents07 .map-Box p.maplink a {position: relative;padding-right: 26px;color: #000000;}
#contents07 .map-Box p.maplink a:hover {  }
#contents07 .map-Box p.maplink a::after{content: "→";display: block;position: absolute;top: 50%;right: 1px;width: 23px;color: #16151E;transition: all 0.3s ease-in-out;transform: translateY(-50%);font-size: 20px;}

#contentsbf {margin: 0 auto;position: relative;padding: 0 30px;}
#contentsbf .inner-Box {display: flex;justify-content: space-between;align-items: flex-start;max-width: 1100px;margin: 0 auto 54px;position: relative;}
#contentsbf .faq-Box {margin: 0;position: relative;}
#contentsbf .faq-Box .vblmore{width:92px;text-align:left;margin-left: auto;position: relative;font-size: 14px;}

#contentsbf .faq-Box h2.f-en{margin-bottom:-5px;position:relative;display:block;text-align: left;font-weight: 500;font-size: 32px;line-height: 1.313;letter-spacing: 0.05em;color: #16151E;text-transform: uppercase;}
#contentsbf .faq-Box h2.f-en span{color:#1A1A1A;font-size: 16px;font-weight:400;line-height:1.778;display: inline-block;padding-top:23px;margin-left: 20px;}
#contentsbf .accordion {margin: 64px auto;border-top: #DBDAD8 1px solid;padding: 23px 0 0;}
#contentsbf .toggle {display: none;}
#contentsbf .option {position: relative;border-radius: 10px;margin: 0 0 20px;padding: 0px 20px 24px;border-bottom: #DBDAD8 1px solid;}
#contentsbf .option:last-child {}

#contentsbf .option::after {content: "";width: 17px;height: 1px;background: #8D8D8D;position: absolute;top: 37px;right: 47px;background-size: 100% auto;transition: transform .3s ease;transform-origin: center center;}
#contentsbf .title::after {content: "";width: 1px;height: 17px;background: #8D8D8D;position: absolute;top: 29px;right: 35px;background-size: 100% auto;transition: transform .3s ease;transform-origin: center center;}
#contentsbf .toggle:checked + .title::after {transform: rotate(90deg);}

#contentsbf .title {display: block;padding: 23px 70px 23px 83px;text-align: left;letter-spacing: 0.96px;position: relative;cursor: pointer;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);text-align: left;font: normal normal medium 16px/28px Noto Sans JP;letter-spacing: 0.8px;color: #000000;}
#contentsbf .title::before {content: "";position: absolute;width: 43px;height: 43px;background: url(../images/common/faq-icon02.svg) no-repeat;top: 15px;left: 21px;background-size: 100% auto;}

#contentsbf .content {position: relative;height: 0;overflow: hidden;transition: height .4s ease;text-align: left;font: normal normal normal 16px/28px Noto Sans JP;letter-spacing: 0.8px;color: #000000;}
#contentsbf .option::before{content:"";width: 63px;height: 63px;display:block;border-radius: 50%;background: #fff;position: absolute;top: 4px;right: 23px;}
#contentsbf .content::after {content: "";position: absolute;top: 3px;left: 19px;width: 43px;height: 43px;background: url(../images/common/faq-icon03.svg) no-repeat;background-size: 100% auto;pointer-events: none;}
#contentsbf .content p {margin: 0;padding: 9px 80px 22px 84px;}
#contentsbf p.vmore {margin-bottom: 0px;position: absolute;width: 200px;margin: 0 auto;top: 20px;right: 0;}

.seotext{background: #E3E3DD;}
.seotext p{text-align: left;font-weight: 400;font-size: 14px;line-height: 1.857;letter-spacing: 0.05em;color: #8D8D8D;display: block;margin: 0 auto;width: 1100px;padding: 34px 0 34px;}


}

/* ==========================================================================
   タブレット・ノートPC用の中間ブレイクポイント (768px〜1450px)
   ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1450px) {

#contents02 figure.img {margin-left: 230px;}
#contents04 .inner-Box {padding: 100px 0 0 320px;}




}

/* ==========================================================================
   スマホ用スタイル (767px以下)
   ========================================================================== */
@media screen and (max-width: 767px) {


header{position:absolute;z-index:3;}
header .h-logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
header .teltext{color:#fff;}

#contentsmain{position:relative;height: 156.9vw;}
#contentsmain .inner-Box{}
#contentsmain .inner-Box ul.main-slide{position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width: 100vw;}
#contentsmain .inner-Box{padding: 131.5vw 0 0;}
#contentsmain .inner-Box #main-ttl{position:fixed;z-index:3;top: 35.8vw;left:50%;transform:translateX(-50%);width: 100%;}
#contentsmain .inner-Box #main-ttl img{height:auto;max-width:463.8vw;margin:0 auto;display:block;}
#contentsmain .inner-Box h1{font-weight:500;color:#FFF;position:relative;z-index:3;margin-bottom:1.4vw;text-align: center;font-size: 4.3vw;line-height: 1.389;letter-spacing: 0.05em;}
#contentsmain .inner-Box p.subtext{font-weight:400;color:#FFF;position:relative;z-index:3;text-align: center;font-size: 2.9vw;line-height: 3.5;letter-spacing: 0.05em;}
#contentsmain .inner-Box #text-Box{position:relative;z-index:3;}
#contentsmain .scroll{position:absolute;top:134.3vw;right:11.4vw;}
.scrolldown{position:absolute;left:12.1vw;bottom:-86.5vw;z-index:3;display: none;}
.scrolldown span.f-en{position:absolute;left:-11.4vw;top:-16.7vw;color:#FFF;text-transform:uppercase;width:24.2vw;transform:rotate(90deg);transform-origin:center;}
.scrolldown1{height:122.2vw;overflow:hidden;width:0.2vw;z-index:3;background:#8D8D8D;position:relative;display:block;}
.scrolldown1::after{content:"";position:absolute;top:-16.9vw;left:0;width:0.5vw;height:16.9vw;background:#fff;animation:pathmove 3.4s linear infinite;}
@keyframes pathmove{0%{transform:translateY(0);}100%{transform:translateY(122.2vw);}}

#contents01{margin:0 auto;position:relative;background: url('../images/index/sp-contents01-back01.png') no-repeat top center;padding: 23.4vw 0 118.6vw;background-size: 100% auto;}
#contents01 .inner-Box{margin: 0 auto -22.4vw;position:relative;z-index: 5;}
#contents01 .inner-Box h2{margin-bottom: 8.4vw;position:relative;font-weight:600;color:#16151E;text-align: center;font-size: 6.3vw;line-height: 1.846;letter-spacing: 0.1em;}
#contents01 .inner-Box h2 span.f-en{font-weight:300;color:#16151E;text-transform:uppercase;display:block;position:relative;left: -1vw;margin-bottom: 5.6vw;text-align: center;font-size: 6.8vw;line-height: 1.5;letter-spacing: 0.05em;text-transform: uppercase;}
#contents01 .inner-Box p.text{margin-bottom:9.9vw;position:relative;font-weight:400;color:#16151E;left: 7.3vw;z-index:6;text-align: left;font-size: 3.9vw;line-height: 2.625;letter-spacing: 0.05em;width: 82vw;}
#contents01 .inner-Box p.vmore{margin: 0 auto;position: relative;width:48.3vw;bottom: -0.9vw;}
#contents01 .inner-Box p.vmore a{}
#contents01 .inner-Box p.vmore a:hover{}
#contents01 .photo-Box{margin:0 auto;position:relative;z-index:1;}
#contents01 .photo-Box figure.photo{position:absolute;top:0;left:50%;transform:translateX(-50%);width: 100%;}
#contents01 .photo-Box figure.photo img{}
#contents01 .photo-Box figure#photoyu{z-index:3;}

#contents02{margin:0 auto;position:relative;background: url('../images/index/sp-contents02-back01.png') no-repeat top center;padding: 14.9vw 4.1vw 26.3vw;background-size:cover;}
#contents02 .inner-Box{margin:0 auto;position:relative;max-width:362.3vw;}
#contents02 .inner-Box h2{margin-bottom: 7.2vw;position:relative;font-weight:600;color:#FFF;text-align: center;font-size: 5.3vw;line-height: 1.818;letter-spacing: 0.1em;}
#contents02 .inner-Box h2 span.f-en{font-weight:300;color:#FFF;display:block;margin-bottom: 4.2vw;text-align: center;font-size: 7.7vw;line-height: 1.313;letter-spacing: 0.05em;text-transform: uppercase;}
#contents02 .inner-Box p.subttl{margin: 0 3.7vw 8.5vw;position:relative;font-weight:400;color:#DEDEDE;text-align: left;font-size: 3.9vw;line-height: 2;letter-spacing: 0.05em;}
#contents02 .inner-Box ul{display:flex;flex-wrap:wrap;}
#contents02 .inner-Box ul li{position:relative;margin-bottom: 4.8vw;overflow:hidden;}
#contents02 .inner-Box ul li a{display:block;position:relative;}
#contents02 .inner-Box ul li a::before{content:"";display:block;position:absolute;bottom:0;left:0;height:48.8vw;background: url(../images/index/contents02-before01.png) repeat-x bottom left;opacity:1;z-index:3;mix-blend-mode:multiply;width: 100%;background-size: 100%;}
#contents02 .inner-Box figure.photo{position:relative;top:0;left:0;}
#contents02 .inner-Box figure.photo img{height:auto;display:block;}
#contents02 .ttt-Box{margin:0 auto;position:absolute;z-index:3;bottom:0;width: 100%;padding:4.8vw 4.8vw 0.7vw;}
#contents02 .ttt-Box h3{margin-right: 6.8vw;position:relative;font-weight:500;color:#FFF;border-bottom:#535353 0.2vw solid;text-align: left;font-size: 5.3vw;line-height: 2.364;letter-spacing: 0.1em;}
#contents02 .ttt-Box h3 span.f-en{font-weight:200;color:#FFF;text-transform:uppercase;display:block;margin-bottom: -0.8vw;text-align: left;font-size: 4.8vw;line-height: 1;letter-spacing: 0.05em;}
#contents02 .ttt-Box p.ltext{margin-top:1.9vw;position:relative;font-weight:400;color:#DEDEDE;text-align: left;font-size: 3.4vw;line-height: 1.429;letter-spacing: 0.1em;}
#contents02 .ttt-Box p.more{margin-top: -1.8vw;position:relative;font-weight:500;color:#8D8D8D;text-transform:uppercase;padding-right:4.8vw;text-align: right;font-size: 2.9vw;line-height: 3.5;letter-spacing: 0.05em;}
#contents02 .ttt-Box p.more span.f-en{position:relative;}
#contents02 .ttt-Box p.more span.f-en::after{font-size: 4.2vw;content:"→";display:block;position:absolute;top:53%;right: -5.8vw;width:5.6vw;color:#8D8D8D;transition:all 0.3s ease-in-out;transform:translateY(-50%);}
#contents02 a:hover .ttt-Box p.more span.f-en::after{right:-8.2vw;}
#contents02 figure.img{position:absolute;bottom: -16.9vw;left: 0.6vw;margin-left: 0;width: 81.9vw;}
#contents02 figure.img img{}

#gallery{margin: 0 auto 17vw;position:relative;padding: 21.3vw 4.6vw 0;}
#gallery .inner-Box{margin:0 auto;position:relative;max-width:352.7vw;}
#gallery .inner-Box h2{margin-bottom: 8.6vw;position:relative;font-weight:600;text-align: center;font-size: 5.3vw;line-height: 1.818;letter-spacing: 0.1em;}
#gallery .inner-Box h2 span.f-en{font-weight:300;display:block;margin-bottom: 4vw;text-align: center;font-size: 7.7vw;line-height: 1.313;letter-spacing: 0.05em;text-transform: uppercase;}
#gallery ul.system-list{display:grid;grid-template-columns: repeat(2,1fr);gap: 3.7vw;margin-bottom: 13.1vw;}
#gallery ul.system-list li{}
#gallery ul.system-list li .system-pic{aspect-ratio:480/343;overflow:hidden;margin-bottom: 3.7vw;position:relative;}
#gallery ul.system-list li .system-pic img{height:100%;object-fit:cover;display:block;}
#gallery ul.system-list li{margin-bottom: 2.8vw;position:relative;}
#gallery ul.system-list li .systtl{margin-bottom: -1.7vw;position:relative;font-weight:600;color:#000;text-align: left;font-size: 3.9vw;line-height: 1.875;letter-spacing: 0.05em;}
#gallery ul.system-list li .systtl span.no{margin-bottom:2.4vw;font-weight:400;position:absolute;top:1.4vw;left:0;border-right:0.2vw #3D3D3D solid;padding:0.5vw 1.7vw 0.2vw 0;}
#gallery ul.system-list li:nth-last-child(-n+2){margin-bottom:0;}
#gallery ul.system-list li .cost{}
#gallery ul.system-list li .cname span.tagttl{display:inline-block;margin:0 2.4vw 2.4vw 0;color:#fff;background:#495D72;padding:1.9vw 4.3vw;}
#gallery ul.system-list li .cname{margin-bottom: 0.1vw;font-weight:400;color:#000;font-size: 3.4vw;line-height: 1;letter-spacing: 0.05em;}
#gallery ul.system-list li .tag{}
#gallery ul.system-list li .tag span{transition:all 0.3s ease-in-out;background:#F4F4ED;padding: 0.2vw 1.3vw;border-radius:0.7vw;font-weight:400;color:#535353;text-align: left;font-size: 3.1vw;line-height: 3.231;letter-spacing: 0.05em;}
#gallery .inner-Box p.vmore{margin-bottom:0;position:relative;width:48.3vw;margin:0 auto;}

#contents03{margin:0 auto;position:relative;background: url('../images/index/sp-contents03-back01.png') no-repeat top center;height: 198.4vw;background-size: 100% auto;}
#contents03 .back-Box{margin:0 auto;position:relative;background: url('../images/index/sp-contents03-back02.png') repeat-x top 104.1vw left;height:202.4vw;padding: 18.3vw 8vw 0;animation:bgscroll 70s linear infinite;background-size: auto 43.5vw;}
@keyframes bgscroll{from{background-position:0  104.1vw;}to{background-position:-211.84vw  104.1vw;}}
#contents03 .inner-Box{margin:0 auto;position:relative;max-width:299.5vw;}
#contents03 .inner-Box h2.f-en{margin-bottom: 4.4vw;position:relative;font-weight:200;color:#FFF;text-align: center;font-size: 11.4vw;line-height: 1.319;letter-spacing: 0.05em;text-transform: uppercase;}
#contents03 .inner-Box h3{margin-bottom: 6.8vw;position:relative;font-weight:600;color:#FFF;text-align: center;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.1em;}
#contents03 .inner-Box p.text{margin-bottom: 52.4vw;position:relative;font-weight:400;color:#DEDEDE;text-align: left;font-size: 3.9vw;line-height: 2;letter-spacing: 0.05em;}
#contents03 .inner-Box span.map{display:block;position: relative;left:0;top:0.5vw;width: 4.8vw;margin-bottom: 2.8vw;}
#contents03 .inner-Box span.map img{}
#contents03 .inner-Box p.maptext{margin-bottom:0;position:relative;font-weight:400;color:#DEDEDE;text-align: left;font-size: 3.4vw;line-height: 1.714;letter-spacing: 0.05em;}
#contents03 .inner-Box p.vmore2{position:absolute;bottom: -1vw;right: 2.1vw;width: 28.4vw;height: 28.4vw;border-radius:50%;border:0.2vw solid #FFFFFF;}
#contents03 .inner-Box p.vmore2 a{color:#fff;display:block;padding: 9vw 6.8vw 11.6vw 5.1vw;text-align: left;font-size: 3.9vw;line-height: 2.625;letter-spacing: 0.05em;text-transform: uppercase;}
#contents03 .inner-Box p.vmore2 a::after{content:"→";display:block;position:absolute;top:50%;right: 4.9vw;width:5.6vw;color:#fff;transition:all 0.3s ease-in-out;transform:translateY(-50%);font-size: 4.9vw;}
#contents03 .inner-Box p.vmore2 a:hover::after{right:14.3vw;}

.backk{padding: 12.2vw 0 0.2vw;background:#F4F4ED;}
.mailformbnner{position:relative;margin:0 auto;max-width:362.3vw;padding: 0 4.1vw 12.3vw;}
.mailformbnner img{height:auto;display:block;}

#contents04{margin:0 auto;position:relative;background: url('../images/index/sp-contents04-back01.png') no-repeat top center;padding: 11.4vw 4.2vw 5vw;}
#contents04 .inner-Box{margin:0 auto;position:relative;max-width:347.8vw;}
#contents04 .inner-Box h2.f-en{font-weight:200;color:#FFF;font-size: 9.7vw;line-height: 1.525;letter-spacing: 0.05em;text-transform: uppercase;text-align: center;margin-bottom: 6.6vw;}
#contents04 .inner-Box ul{display:flex;flex-wrap:wrap;}
#contents04 .inner-Box ul li{position:relative;backdrop-filter: blur(33px) brightness(194%);-webkit-backdrop-filter:blur(33px) brightness(234%);border-radius:2.4vw;width: 100%;margin-bottom: 7.1vw;}
#contents04 .inner-Box ul li:nth-child(2){margin-right:0;}
#contents04 .inner-Box ul li a{display:block;padding: 9.1vw 9.1vw 7.4vw;}
#contents04 .inner-Box ul li a:hover{}
#contents04 .inner-Box span.micon{display:block;position:absolute;top: 9.7vw;left: 9.6vw;width: 21.6vw;}
#contents04 .inner-Box span.micon img{}
#contents04 .inner-Box h3{margin-bottom:0;position:relative;font-weight:500;color:#16151E;padding: 1.9vw 0 0 26.8vw;border-bottom:0.2vw solid #fff;height: 32.1vw;margin-bottom:6.8vw;text-align: left;font-size: 6.3vw;line-height: 1.5;letter-spacing: 0.1em;margin-right: -1.9vw;}
#contents04 .inner-Box h3 span{font-weight:500;color:#16151E;display:block;margin-top: -0.1vw;text-align: left;font-size: 2.4vw;line-height: 4.2;letter-spacing: 0.05em;}
#contents04 .inner-Box ul li:first-child h3{padding-top: 2.6vw;}
#contents04 .inner-Box p.ltext{margin-bottom:0;position:relative;font-weight:400;color:#000;min-height: 33.8vw;text-align: left;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.05em;}
#contents04 .inner-Box p.more{position:relative;padding-right: 7.5vw;font-weight:500;color:#16151E;text-transform:uppercase;width:54.6vw;height:10.1vw;background:#fff;border-radius:12.1vw;margin:0 auto;padding-top: 2.2vw;text-align: left;font-size: 3.9vw;line-height: 1.4;letter-spacing: 0.05em;text-transform: uppercase;padding-left: 18.2vw;}
#contents04 .inner-Box p.more span.f-en{position:relative;}
#contents04 .inner-Box p.more span.f-en::after{content:"→";display:block;position:absolute;top: 53%;right: -6.9vw;width:5.6vw;color:#16151E;transition:all 0.3s ease-in-out;transform:translateY(-50%);font-size: 5vw;}

#contents05{margin: 0 auto;position:relative;background:url('../images/index/contents05-back01.png') no-repeat bottom center;padding: 17.8vw 0 0;z-index:3;}
#contents05 .inner-Box{margin:0 auto;position:relative;padding: 0 4.1vw 11.8vw;}
#contents05 .inner-Box h2.f-en{margin-bottom: -0.5vw;position:relative;font-weight:200;color:#746B46;text-align: center;font-size: 12.6vw;line-height: 1.327;letter-spacing: 0.05em;text-transform: uppercase;}
#contents05 .inner-Box h3{margin-bottom: 0.3vw;position:relative;font-weight:600;color:#746B46;text-align: center;font-size: 5.8vw;line-height: 1.75;letter-spacing: 0.1em;}
#contents05 .inner-Box p.subtext{margin-bottom: 6.8vw;position:relative;color:#000000;text-align: center;font-size: 3.4vw;line-height: 3;letter-spacing: 0.05em;}
#contents05 .inner-Box p.subtext span{display:inline-block;position:relative;}
#contents05 .inner-Box p.subtext span::before{content:"";display:block;position:absolute;top: 48%;right: -14vw;width: 10.9vw;height: 1px;background:#C9C9C9;}
#contents05 .inner-Box p.subtext span::after{content:"";display:block;position:absolute;top: 48%;left: -14.1vw;height: 1px;background:#C9C9C9;right: -14vw;width: 10.9vw;}
#contents05 .inner-Box ul{display:flex;flex-wrap:wrap;margin: 0 auto 0.1vw;max-width:309.2vw;}
#contents05 .inner-Box ul li{position:relative;width: 100%;margin-bottom: 9.3vw;}
#contents05 .inner-Box ul li:nth-child(3n){margin-right:0;}
#contents05 .inner-Box ul li a{}
#contents05 .inner-Box ul li a:hover{}
#contents05 .inner-Box figure.img{position:relative;top:0;left:0;margin-bottom:4.3vw;}
#contents05 .inner-Box figure.img img{}
#contents05 .inner-Box p.ltext{margin-bottom:0;position:relative;font-weight:400;color:#000;text-align: left;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.05em;}
#contents05 .inner-Box p.vmore2{position:relative;padding-right:5.8vw;font-weight:500;color:#16151E;text-transform:uppercase;width:54.6vw;height:10.1vw;background:#fff;border-radius:12.1vw;margin:0 auto;text-align: center;font-size: 3.9vw;line-height: 2.625;letter-spacing: 0.05em;text-transform: uppercase;}
#contents05 .inner-Box p.vmore2 a{color:#16151E;}
#contents05 .inner-Box p.vmore2.f-en{position:relative;}
#contents05 .inner-Box p.vmore2 a::after{content:"→";display:block;position:absolute;top:50%;right:17.4vw;width:5.6vw;color:#16151E;transition:all 0.3s ease-in-out;transform:translateY(-50%);text-align: left;font-size: 4.8vw;line-height: 1.65;letter-spacing: 0.1em;}

#voice{margin: 0 auto 7.4vw;position:relative;background: url('../images/index/sp-voice-back01.png') no-repeat top center;padding: 14.7vw 0 0;background-size: 100% auto;}
#voice .ttl-Box{margin: 0 12vw 6.2vw;position:relative;}
#voice .ttl-Box h2.f-en{position: relative;font-weight:300;color:#16151E;padding:3.9vw 0 0;text-align: center;font-size: 7.7vw;line-height: 1.313;letter-spacing: 0.05em;text-transform: uppercase;margin-bottom: 5.2vw;}
#voice .ttl-Box p.subttl{margin-bottom:0;position:relative;font-weight:400;color:#16151E;text-align: left;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.05em;}
#voice .prev-arrow{position:absolute;top:32.6vw;left:50%;margin-left:-140.1vw;width:27.5vw;height:27.5vw;z-index:4;}
#voice .next-arrow{position:absolute;top:33.1vw;left:50%;width:27.5vw;height:27.5vw;border-radius:50%;transform:scale(-1,1);margin-left:111.8vw;}
#voice ul.system-list li .notext{font-weight:600;color:#000;position:absolute;bottom: -10.5vw;left: 2.2vw;z-index:3;text-align: left;font-size: 18.6vw;line-height: 1.442;letter-spacing: 0.05em;}
#voice .inner-Box{margin:0 auto;position:relative;padding-bottom: 13.4vw;}
#voice ul.system-list{}
#voice ul.system-list li{}
#voice ul.system-list li a{background:#fff;position:relative;display: block;padding-bottom: 15vw;}
#voice ul.system-list li .textbox{width: 100%;padding: 5.6vw 5.7vw;position:relative;}
#voice ul.system-list li .system-pic{width: 100%;aspect-ratio: 320 / 243;overflow:hidden;position:relative;}
#voice ul.system-list li .system-pic img{height:100%;object-fit:cover;display:block;}
#voice ul.system-list li{margin: 0 1.93vw 4.1vw;padding-bottom:4.8vw;width: 77.29vw;}
#voice ul.system-list li .systtl{margin-bottom: 1.3vw;font-weight:600;color:#16151E;position:relative;text-align: left;font-size: 5.3vw;line-height: 1.636;letter-spacing: 0.1em;}
#voice ul.system-list li .systtl span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#voice ul.system-list li .cost{}
#voice ul.system-list li .cost span{border:#1A1A1A 0.2vw solid;border-radius:0.7vw;padding:0.7vw 3.6vw;display:inline-block;margin:0 2.4vw 2.4vw 0;}
#voice ul.system-list li .cname{color:#9E9E9C;font-weight:400;margin-bottom: 2vw;text-align: left;font-size: 3.4vw;line-height: 1;letter-spacing: 0.05em;}
#voice ul.system-list li .comment{font-weight:400;color:#16151E;text-align: left;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.05em;}
#voice ul.system-list li .comment span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#voice ul.system-list p.more{position:absolute;font-weight:500;color:#535353;text-transform:uppercase;bottom: -9.3vw;right: 6.7vw;border-bottom:0.2vw solid;width:32.1vw;text-align: left;font-size: 3.9vw;line-height: 2.325;letter-spacing: 0.05em;text-transform: uppercase;}
#voice ul.system-list p.more span.f-en{}
#voice ul.system-list p.more span.f-en::after{content:"→";display:block;position:absolute;top: 57%;right:0.2vw;width:5.6vw;transition:all 0.3s ease-in-out;transform:translateY(-50%);color:#535353;font-size: 6vw;}

#voice .slick-dotted.slick-slider {margin-bottom: 13.66vw;}
#voice .slick-dots {position: absolute;bottom: -3.6vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
#voice ul.system-list .slick-dots li {position: relative;display: inline-block;height: 1.45vw;width: 1.45vw;margin: 0 1.03vw;padding: 0;cursor: pointer;left: 0vw;}
#voice .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 1.45vw;height: 1.45vw;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #8D8D8D;}
#voice .slick-dots li button:hover, #voice .slick-dots li button:focus {outline: none; }
#voice .slick-dots li button:hover:before, #voice .slick-dots li button:focus:before {opacity: 1; }
#voice .slick-dots li button:before { border-radius: 50%; font-family: 'slick';font-size: 1.45vw;line-height: 2.17vw;position: absolute;top: 0;left: 0;height: 2.17vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#voice .slick-dots li.slick-active button {background: #fff;}

#voice .inner-Box p.vmore2 a{position: relative;display: block;top: -3.2vw;right: 0vw;font-weight:500;text-transform:uppercase;width:33.6vw;height:10.1vw;border: #fff 0.2vw solid;border-radius:12.1vw;margin:0 auto;padding-right:6.5vw;color: #fff;padding: 1.7vw 0 0 7.8vw;font-size: 4.1vw;}
#voice .inner-Box p.vmore2 a{}
#voice .inner-Box p.vmore2.f-en{}
#voice .inner-Box p.vmore2.f-en a::after{content:"→";display:block;position:absolute;top: 5.1vw;right: 6.8vw;width:5.6vw;color: #fff;transition:all 0.3s ease-in-out;transform:translateY(-50%);font-size: 4.8vw;}



#insta-bnr{margin:0 auto 7.2vw;text-align:center;}
#insta-bnr a{display:block;width:72vw;margin:0 auto;}
#blog{margin: 0 auto 7.2vw;position:relative;padding: 18.3vw 4.7vw 11.8vw;background:#FFFFFF;}
#blog .inner-Box{margin:0 auto;position:relative;max-width:352.7vw;}
#blog .inner-Box h2{margin-bottom: 9.4vw;position:relative;font-weight:300;color:#16151E;font-size: 7.7vw;line-height: 1.313;letter-spacing: 0.05em;text-transform: uppercase;text-align: center;}
#blog .inner-Box h2 span.f-en{font-weight:300;text-transform:uppercase;display:block;margin-bottom:3.1vw;}
#blog .catell{font-weight:400;color:#FFF;margin-bottom:2.4vw;}
#blog .catell .designer{background:#556529;color:#fff;border:#556529 0.2vw solid;}
#blog .catell .blog{}
#blog .cate{display:inline-block;color:#3D3D3D;padding: 0.7vw 1.7vw;position:relative;top:0;right:0;background:#F4F4ED;border-radius:0.5vw;margin-right:2.4vw;text-align: left;font-size: 3.4vw;line-height: 1;letter-spacing: 0.05em;}
#blog .inner-Box .system-list{display:grid;grid-template-columns: repeat(2,1fr);gap: 3.5478% 4.5847%;margin-bottom: 8.6vw;}
#blog .inner-Box .system-list li{overflow:hidden;margin-bottom: 2.8vw;padding: 0 0 4.3vw;border-bottom:#E4E2DB 0.2vw solid;}
#blog .inner-Box .system-list li:last-child{}
#blog .inner-Box .system-list li a:hover{text-decoration:none;}
#blog .inner-Box .system-list .system-pic{aspect-ratio:184/117;overflow:hidden;position:relative;margin-bottom: 3.3vw;}
#blog .inner-Box .system-list .system-pic img{height:100%;object-fit:cover;display:block;}
#blog .inner-Box .system-list .textbx{}
#blog .system-day{margin-bottom: 1.3vw;position:relative;font-weight:400;color: #8D8D8D;text-align: left;font-size: 3.4vw;line-height: 1;letter-spacing: 0.05em;}
#blog .inner-Box .system-list .system-ttl-01{margin-bottom: 1.6vw;font-weight:400;text-align: left;font-size: 3.9vw;line-height: 1.625;letter-spacing: 0.05em;color:#363735;}
#blog .inner-Box .system-list .system-contributor{color:#bbb;}
#blog .inner-Box p.vmore{margin: 0 auto;position: relative;width:22.5vw;right:0;}
#blog .inner-Box p.vmore a{}
#blog .inner-Box p.vmore a:before{content:none;}
#blog .inner-Box p.vmore a:hover{}

#contents06{margin:0 auto 1.2vw;position:relative;}
#contents06 figure.photo{position:relative;top:0;left:0;margin-bottom: 8.6vw;}
#contents06 figure.photo img{height:auto;}
#contents06 .inner-Box{margin: 0 7.6vw;position:relative;}
#contents06 .inner-Box ul{}
#contents06 .inner-Box ul li{position:relative;border-bottom:#CBCBC2 0.2vw solid;margin: 0 0 8.9vw auto;padding-bottom: 6.7vw;}
#contents06 .inner-Box ul li:last-child{border-bottom:none;margin-bottom:0;}
#contents06 .inner-Box ul li:nth-child(3n){margin-bottom: 5vw;}
#contents06 .inner-Box ul li a{display:block;}
#contents06 .inner-Box ul li a:hover{}
#contents06 .inner-Box h2.f-en{position: relative;font-weight:300;color:#16151E;text-transform:uppercase;text-align: center;font-size: 6.3vw;line-height: 1.615;letter-spacing: 0.05em;margin-bottom: 4.3vw;}
#contents06 .inner-Box figure.img{position:relative;top:0;left:0;margin-bottom: 6.8vw;}
#contents06 .inner-Box figure.img img{}
#contents06 .inner-Box p.ltext{margin-bottom:0;position:relative;font-weight:400;color:#16151E;text-align: left;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.05em;}

#contents07{margin: 0 auto 19.3vw;position:relative;background:#fff;padding: 9.6vw 0 8.1vw;}
#contents07 figure.img{position:relative;top:0;left:0;margin-bottom: 15.1vw;}
#contents07 figure.img img{}
#contents07 .inner-Box{margin: 0 7.8vw;position:relative;}
#contents07 .inner-Box h2.f-en{margin-bottom: 4.7vw;position:relative;font-weight:500;color:#16151E;text-transform:uppercase;text-align: left;font-size: 7.5vw;line-height: 1.323;letter-spacing: 0.05em;}
#contents07 .inner-Box p.ltext{margin-bottom:8.5vw;position:relative;font-weight:400;color:#16151E;text-align: left;font-size: 3.9vw;line-height: 1.875;letter-spacing: 0.05em;}
#contents07 .inner-Box p.ltext span.sp-tel-link{}
#contents07 .inner-Box p.vmore2{position:relative;padding-right:5.8vw;font-weight:500;color:#16151E;text-transform:uppercase;width:54.6vw;height:10.1vw;background:#fff;border-radius:12.1vw;border:#16151E 0.2vw solid;padding-left: 8.8vw;font-size: 4vw;padding-top: 1.3vw;margin-bottom: 9.5vw;}
#contents07 .inner-Box p.vmore2 a{color:#16151E;}
#contents07 .inner-Box p.vmore2.f-en{position:relative;}
#contents07 .inner-Box p.vmore2 a::after{content:"→";display:block;position:absolute;top:50%;right:5.3vw;width:5.6vw;color:#16151E;transition:all 0.3s ease-in-out;transform:translateY(-50%);}
#contents07 .map-Box{position: relative;right:0;top:0;}
#contents07 .map-Box iframe{width: 100%;height: 56.6vw;margin-bottom: -0.5vw;}
#contents07 .map-Box p.maplink{margin-bottom:0;position:relative;font-weight:400;color:#000;text-align: right;font-size: 3.4vw;line-height: 3;letter-spacing: 0.05em;}
#contents07 .map-Box p.maplink a{position:relative;padding-right:6.3vw;color:#000000;}
#contents07 .map-Box p.maplink a:hover{}
#contents07 .map-Box p.maplink a::after{content:"→";display:block;position:absolute;top:50%;right:0.2vw;width:5.6vw;color:#16151E;transition:all 0.3s ease-in-out;transform:translateY(-50%);}

#contentsbf{margin:0 auto;position:relative;padding: 0 3.2vw;}
#contentsbf .inner-Box{display:flex;justify-content:space-between;align-items:flex-start;margin: 0 auto 17vw;position:relative;}
#contentsbf .faq-Box{margin:0;position:relative;}
#contentsbf .faq-Box .vblmore{width:22.2vw;margin-left:auto;position:relative;}
#contentsbf .faq-Box h2.f-en{margin-bottom:-1.2vw;position:relative;display:block;font-weight:500;color:#16151E;text-transform:uppercase;text-align: center;font-size: 7.7vw;line-height: 1.313;letter-spacing: 0.05em;}
#contentsbf .faq-Box h2.f-en span{color:#1A1A1A;font-weight:400;display: block;text-align: center;font-size: 3.9vw;line-height: 2.625;letter-spacing: 0.05em;margin-top: -1.5vw;}
#contentsbf .accordion{margin: 5.8vw auto;border-top:#DBDAD8 0.2vw solid;padding:5.6vw 0 0;}
#contentsbf .toggle{display:none;}
#contentsbf .option{position:relative;margin:0 0 4.8vw;padding: 0 0vw 0.8vw;border-bottom:#DBDAD8 0.2vw solid;}
#contentsbf .option:last-child{}
#contentsbf .option::after{content:"";width:4.1vw;height:0.2vw;background:#8D8D8D;position:absolute;top: 4.9vw;right: 2.7vw;background-size:100% auto;transition:transform .3s ease;transform-origin:center center;}
#contentsbf .title::after{content:"";width:0.2vw;height:4.1vw;background:#8D8D8D;position:absolute;top: 2.9vw;right: 4.6vw;background-size:100% auto;transition:transform .3s ease;transform-origin:center center;}
#contentsbf .toggle:checked + .title::after{transform:rotate(90deg);}
#contentsbf .title{display:block;padding: 2.1vw 16.9vw 6.6vw 14.4vw;position:relative;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);color:#000000;}
#contentsbf .title::before{content:"";position:absolute;width: 9.4vw;height: 9.4vw;background:url(../images/common/faq-icon02.svg) no-repeat;top: -0.1vw;left: 2.2vw;background-size:100% auto;}
#contentsbf .content{position:relative;height:0;overflow:hidden;transition:height .4s ease;color:#000000;}
#contentsbf .option::before{content:"";width:15.2vw;height:15.2vw;display:block;border-radius:50%;position:absolute;top: 3vw;right:5.6vw;}
#contentsbf .content::after{content:"";position:absolute;top: 1.6vw;left: 2.5vw;width: 9.4vw;height: 9.4vw;background:url(../images/common/faq-icon03.svg) no-repeat;background-size:100% auto;pointer-events:none;}
#contentsbf .content p{margin:0;padding: 3.2vw 9.3vw 5.3vw 15.3vw;}
#contentsbf p.vmore{position: relative;width:48.3vw;margin:0 auto;top:4.8vw;right:0;}

.seotext{background:#E3E3DD;}
.seotext p{font-weight:400;color:#8D8D8D;display:block;margin:0 auto;padding: 7vw 7.7vw;text-align: left;font-size: 3.4vw;line-height: 1.857;letter-spacing: 0.05em;}


}