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

#mainttlbox{position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;padding: 0 50% 560px 0px;background: url(../images/shortrental/contentsmain-back01.png)repeat-x top center;}
#mainttlbox::after {content: "";position: absolute;top: 0;right: 0;width: 50%;max-width: 960px;max-height: 700px;height: 100%;background: url(../images/shortrental/contentsmain-photo01.png) no-repeat center right;background-size: cover; /* ← 高さ優先、横切れてOK */z-index: 0;}

#mainttlbox .box{text-align: center;background: url(../images/longrental/contentsmain-img01.svg)no-repeat center center;color: #fff;min-height: 700px;padding-top: 220px;}
#mainttlbox .hticon{ width: 60px; position: relative; top: -20px; left: 152px; margin-bottom: -42px; }
#mainttlbox h1{ font-size: 4rem; }
#mainttlbox h1 img{ width: 40rem;height: auto;margin: 10px 0 18px;}
#mainttlbox h1 span{width: auto;font-size: 3rem;letter-spacing: 0.6rem;margin-top: -20px;margin-bottom: 27px;}
#mainttlbox p{max-width: 648px;margin: 0 auto 28px;line-height: 2.5;font-size: 1.6rem;letter-spacing: 0.16rem;padding: 0 20px;}
#main{padding-top: 640px;}

#contents01 {margin: 0 auto 114px;position: relative;padding: 33px 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1100px;}
#contents01 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 59px;position: relative;text-align: center;}
#contents01 h2 span{display: block;width: 35px;margin: 0 auto 10px;}

#contents01 {margin: 0 auto 112px;position: relative;padding-top: 36px;}
#contents01 .inner-Box0 {margin: 0 auto;position: relative;}
#contents01 .inner-Box0 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;max-width: 986px;margin: 0 auto 59px;}
#contents01 .inner-Box0 ul li {position: relative;width: 33.8%;margin-right: 5.1%;}
#contents01 .inner-Box0 ul li:nth-child(2) {width: 28%;}
#contents01 .inner-Box0 ul li:nth-child(3) {margin-right: 0px;width: 28%;}
#contents01 .inner-Box0 p.ltext {font-size: 1.8rem;line-height: 2;font-weight: 400;letter-spacing: 0.126rem;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box0 p.ltext a {display: block;width: 100%;height: 106px;position: relative;background: #fff;border-radius: 15px;border: 1px solid #005F37;color: #005F37;text-align: center;padding: 35px 43px 0 0px;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box0 p.ltext.tel a::before{ content: ""; display: inline-block; background: url(../images/maintenance/telpng.svg)no-repeat; background-size: 100% auto; width: 18px; height: 18px; margin: 0 0 0 -7px; position: relative; margin-right: 20px; left: 10px; transition: all 0.3s ease-in-out;}
#contents01 .inner-Box0 ul li a .arr{display: block;border: 1px solid #005F37;height: 27px;width: 27px;background: none;position: absolute;border-radius: 50%;position: absolute;top: 39px;padding-right: 9px;right: 41px;line-height: 0;transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box0 ul li a .arr img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 5px;transition: all 0.3s ease-in-out;}

#contents01 .inner-Box0 p.ltext a:hover{ background: #005F37; color: #fff; }
#contents01 .inner-Box0 p.ltext a:hover .arr{ background: #005F37; border: 1px solid #fff; }
#contents01 .inner-Box0 p.ltext a:hover .arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contents01 .inner-Box0 p.ltext.tel a:hover::before{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#contents01 .inner-Box {margin: 0 auto;position: relative;background: #FFFFFF;max-width: 1100px;padding: 6.4rem 6rem 3.5rem 25.6rem;border-radius: 1.5rem;z-index: 3; min-height: 230px;}
#contents01 .inner-Box h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 0px;position: absolute;top: 4.8rem;left: 9.2rem;}
#contents01 .inner-Box h2 span.ttlicon {display: block;width: 2.4rem;position: absolute;top: -0.6rem;left: -3.2rem;}
#contents01 .inner-Box h2 span.f-en {display: block;font-size: 1.4rem;letter-spacing: 0.28rem;margin-left: 35px;margin-top: -0.2rem;}
#contents01 .inner-Box ul.system-list {}
#contents01 .inner-Box ul li {position: relative;border-bottom: #C2CEC9 1px solid;margin-bottom: 1.5rem;}
#contents01 .inner-Box ul li a {display: flex;}
#contents01 .inner-Box ul li a .arr{display: block;border: 1px solid #005F37;width: 27px;height: 27px;background: none;position: absolute;border-radius: 50%;position: absolute;top: 0.6rem;right: 0;line-height: 0;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box ul li a .arr img{width: 7px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#contents01 .inner-Box ul li a:hover .arr{ background: #fff;}
#contents01 .inner-Box ul li a:hover .system-ttl{ text-decoration: underline; }
#contents01 .inner-Box p.system-date {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;position: relative;padding-left: 80px;width: 211px;flex-shrink: 0;}
#contents01 .inner-Box p.system-date span.sdate {font-size: 1.4rem;color: #00331D;letter-spacing: 0.14rem;position: absolute;top: 0.3rem;left: 0rem;}
#contents01 .inner-Box p.system-date span.cate {display: inline-block;color: #fff;background: #005F37;border-radius: 30px;font-size: 1.2rem;letter-spacing: 0.084rem;padding: 0;margin-left: 1.3rem;width: 10.2rem;text-align: center;margin-bottom: 0.5rem;}
#contents01 .inner-Box p.system-ttl { font-size: 1.6rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 2.6rem; position: relative; flex: 1; min-width: 0; padding-right: 5rem; }
#contents01 .inner-Box p.dlbtn {position: absolute;top: 14.4rem;left: 6rem;}

#contents03 {margin: 0 auto 118px;position: relative;}
#contents03 span.icon01 {display: block;line-height: 1;margin: 0 auto 9px;width: 61px;}
#contents03 span.icon01 img {  }
#contents03 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 5px;position: relative;text-align: center;}
#contents03 h2::before{content: "";display: block;height: 30px;width: 1px;background: #00331D;position: absolute;left: 50%;transform: rotate(150deg);transform-origin: center;margin-left: -306px;top: 7px;}
#contents03 h2::after{content: "";display: block;height: 30px;width: 1px;background: #00331D;position: absolute;left: 50%;transform: rotate(210deg);transform-origin: center;margin-left: 305px;top: 7px;}

#contents03 p.subtext {font-size: 1.8rem;line-height: 2;font-weight: 400;letter-spacing: 0.36rem;margin-bottom: 25px;position: relative;text-align: center;}
#contents03 figure.photo {position: absolute;top: -126px;right: -5rem;mix-blend-mode: screen;opacity: 0.8;z-index: -1;}
#contents03 figure.photo img{mix-blend-mode: screen;}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1100px;}
#contents03 .inner-Box ul{}
#contents03 .inner-Box ul li {position: relative;border-radius: 15px;background: #fff;padding: 25px 25px 25px 87px;margin-bottom: 17px;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box span.ch {display: block;position: absolute;top: 20px;left: 48px;}
#contents03 .inner-Box span.ch img {  }
#contents03 .inner-Box p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;position: relative;}

#contents04 {margin: 0 auto 118px;position: relative;}
#contents04 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 37px;position: relative;text-align: center;}
#contents04 h2 span{display: block;width: 35px;margin: 0 auto 10px;}

#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 740px;}
#contents04 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents04 .inner-Box figure.img img{  }

#contents-products { margin: 0 auto; position: relative; }
#contents-products h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 37px;position: relative;text-align: center;}
#contents-products h2 span{display: block;width: 35px;margin: 0 auto 10px;}
#contents-products .inner-Box {margin: 0 auto 120px;position: relative;max-width: 1360px;border-radius: 1.5rem;z-index: 3;}
#contents-products .inner-Box ul.system-list {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-bottom: 4.8rem;position: relative;z-index: 4;}
#contents-products .inner-Box ul li {position: relative;width: 32%;background: #fff;border-radius: 1.5rem;margin-right: 2%;padding: 3.6rem;}
#contents-products .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents-products .inner-Box ul li a {  }
#contents-products .inner-Box ul li a:hover {  }
#contents-products .inner-Box .system-pic {width: 100%;aspect-ratio: 3 / 2.1;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#contents-products .inner-Box .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-products .inner-Box ul li .dlbtn{width: 147px;margin: 0 0 0 auto;}
#contents-products .inner-Box .morebtn2{width: 320px;margin: 0 auto;display: block;z-index: 4;position: relative;}

#contents-products .inner-Box h3 {font-size: 1.8rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.18rem;margin-bottom: 1rem;position: relative;}
#contents-products .inner-Box p.ltext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 3rem;position: relative;}
#contents-products .inner-Box p.ltext span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#contents-products .inner-Box p.dlbtn {}

#contents-faq {margin: 0 auto;position: relative;z-index: 7;}
#contents-faq h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 27px;position: relative;text-align: center;}
#contents-faq h2 span{display: block;width: 35px;margin: 0 auto 10px;}
#contents-faq p.subtext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 51px;position: relative;text-align: center;}
#contents-faq .inner-Box {margin: 0 auto;position: relative;max-width: 1100px;}

#contents-banner {margin: 0 auto -190px;position: relative;max-width: 740px;}
#contents-banner .inner-Box {margin: 0 auto;position: relative;background: #005F37;border-radius: 13px;overflow: hidden;height: 164px;}
#contents-banner .inner-Box a{display: block;height: 164px;padding: 45px 0 0 370px;}
#contents-banner .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents-banner .inner-Box figure.photo img{  }
#contents-banner .inner-Box p.ltext {font-size: 2rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.4rem;margin-bottom: 30px;position: relative;color: #fff;text-align: center;}

#contents-banner .inner-Box .arr{display: block;border: 1px solid #005F37;height: 27px;width: 27px;background: none;position: absolute;border-radius: 50%;position: absolute;bottom: 15px;right: 14px;line-height: 0;transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 1px solid #fff;}
#contents-banner .inner-Box .arr img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 5px;transition: all 0.3s ease-in-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#contents-banner .inner-Box a:hover .arr{background: #fff;}
#contents-banner .inner-Box a:hover .arr img{-webkit-filter:  none;filter:  none;}



}
@media screen and (min-width:768px) and ( max-width:1600px) {


}

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



#contents01 {margin: 0 auto 4.9vw;position: relative;padding-top: 6.6vw;}
#contents01 .inner-Box0 {margin: 0 5.4vw -3.3vw;position: relative;}
#contents01 .inner-Box0 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 15.2vw;}
#contents01 .inner-Box0 ul li {position: relative;width: 100%;}
#contents01 .inner-Box0 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents01 .inner-Box0 p.ltext {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 3.8vw;position: relative;}
#contents01 .inner-Box0 p.ltext a {display: block;height: 16.27vw;position: relative;background: #fff;border-radius: 3vw;border: 0.27vw solid #005F37;color: #005F37;text-align: left;padding: 3.7vw 3vw 3vw 4vw;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box0 p.ltext.tel a::before{content: "";display: inline-block;background: url(../images/maintenance/telpng.svg)no-repeat;background-size: 100% auto;width: 3.9vw;height: 4.8vw;margin: 0 0 0 0vw;position: relative;margin-right: 2.93vw;left: 0.97vw;top: 1.4vw;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box0 ul li a .arr{display: block;border: 0.27vw solid #005F37;height: 6.2vw;width: 6.2vw;background: none;position: absolute;border-radius: 50%;position: absolute;top: 4.8vw;padding-right: 2.4vw;right: 3.93vw;line-height: 0;transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box0 ul li a .arr img{position: relative;top: 50%;left: 97%;transform: translate(-50%, -50%);transition: all 0.3s ease-in-out;width: 1.4vw;}

#contents01 .inner-Box0 p.ltext a:hover{ background: #005F37; color: #fff; }
#contents01 .inner-Box0 p.ltext a:hover .arr{ background: #005F37; border: 0.27vw solid #fff; }
#contents01 .inner-Box0 p.ltext a:hover .arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contents01 .inner-Box0 p.ltext.tel a:hover::before{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#contents01 .inner-Box {margin: 0 5.4vw 18.2vw;position: relative;background: #fff;padding: 4.9vw 3vw 7.9vw 3vw;border-radius: 3.8vw;z-index: 4;}
#contents01 .inner-Box h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 500;letter-spacing: 1.23vw;margin-bottom: 5.7vw;text-align: center;}
#contents01 .inner-Box h2 span.ttlicon {display: block;width: 6.3vw;margin: 0 auto 1.6vw;}
#contents01 .inner-Box h2 span.f-en {display: block;font-size: 3.73vw;letter-spacing: 0.75vw;}
#contents01 .inner-Box ul.system-list {margin: 0 2.2vw 9vw;}
#contents01 .inner-Box ul li {position: relative;border-bottom: #C2CEC9 0.27vw solid;margin-bottom: 1.5rem;}
#contents01 .inner-Box ul li:nth-child(3) {border-bottom: none; }
#contents01 .inner-Box ul li:last-child { display: none; }
#contents01 .inner-Box ul li a {}
#contents01 .inner-Box ul li a .arr{display: block;border: 0.27vw solid #005F37;height: 7.2vw;width: 7.2vw;background: none;position: absolute;border-radius: 50%;position: absolute;top: 10vw;right: 0vw;line-height: 0;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box ul li a .arr img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.6vw;}
#contents01 .inner-Box ul li a:hover .arr{ background: #fff;}
#contents01 .inner-Box ul li a:hover .system-ttl{ text-decoration: underline; }
#contents01 .inner-Box p.system-date {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;position: relative;padding-left: 25.23vw;margin-bottom: 1vw;}
#contents01 .inner-Box p.system-date span.sdate {font-size: 3.73vw;color: #00331D;letter-spacing: 0.4vw;position: absolute;top: 1.3vw;left: 0.2vw;}
#contents01 .inner-Box p.system-date span.cate {display: inline-block;color: #fff;background: #005F37;border-radius: 8.0vw;font-size: 3.2vw;letter-spacing: 0.22vw;padding: 0.2vw 2.4vw;margin-left: 0vw;width: auto;text-align: center;top: 0.3vw;margin-bottom: 0.5vw;position: relative;}
#contents01 .inner-Box p.system-ttl {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.26vw;margin-bottom: 5.8vw;position: relative;padding-right: 9vw;}
#contents01 .inner-Box p.dlbtn {position: relative;margin: 0 2.1vw 0 auto;width: 39.4vw;}

#mainttlbox{position: absolute;top: 0;left: 0;width: 100%;background: url(../images/shortrental/sp-contentsmain-photo01.png) no-repeat top -3.3vw right;background-size: 100% auto;margin: 0;padding-bottom: 184.6vw;}



#mainttlbox .box{text-align: center;background: url(../images/longrental/contentsmain-img01.svg)no-repeat center top 35.3vw;color: #fff;padding-top: 33.07vw;padding-bottom: 27vw;background-size: 71vw auto;}
#mainttlbox .hticon{position: absolute;top: 24.2vw;left: 69.43vw;margin-bottom: 0vw;width: 11.6vw;}
#mainttlbox h1{font-size: 6.67vw;margin-bottom: 3.7vw;}
#mainttlbox h1 span{width: auto;font-size: 4.80vw;letter-spacing: 0.96vw;margin-top: -3.5vw;}
#mainttlbox p{margin: 0 auto 7.47vw;line-height: 2;font-size: 3.73vw;letter-spacing: 0.75vw;padding: 0 2.33vw;}
#main{padding-top: 155.2vw;margin-bottom: -50vw;}

#contents03 {margin: 0 auto 18.87vw;position: relative;}
#contents03 span.icon01 {display: block;line-height: 1;margin: 0 auto 2.4vw;width: 12.17vw;}
#contents03 span.icon01 img {  }
#contents03 h2 {font-size: 4.80vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: -0.67vw;position: relative;text-align: center;}
#contents03 h2::before{content: "";display: block;height: 12vw;width: 0.27vw;background: #00331D;position: absolute;left: 50%;transform: rotate(150deg);transform-origin: center;margin-left: -37vw;top: 1.87vw;}
#contents03 h2::after{content: "";display: block;height: 12.4vw;width: 0.27vw;background: #00331D;position: absolute;left: 50%;transform: rotate(210deg);transform-origin: center;margin-left: 36.93vw;top: 1.87vw;}

#contents03 p.subtext {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.75vw;margin-bottom: 7.27vw;position: relative;text-align: center;}
#contents03 figure.photo {position: absolute;top: -9vw;right: 0vw;mix-blend-mode: screen;width: 88vw;z-index: -1;opacity: 0.8;}
#contents03 figure.photo img{mix-blend-mode: screen;}
#contents03 .inner-Box {margin: 0 5.2vw;position: relative;}
#contents03 .inner-Box ul{}
#contents03 .inner-Box ul li {position: relative;border-radius: 4.0vw;background: #fff;padding: 4.27vw 6.67vw 6.67vw 12.4vw;margin-bottom: 1.93vw;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box span.ch {display: block;position: absolute;top: 2.03vw;left: 5.2vw;width: 4.7vw;}
#contents03 .inner-Box span.ch img {  }
#contents03 .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.26vw;position: relative;}

#contents04 {margin: 0 auto 18.47vw;position: relative;}
#contents04 h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 500;letter-spacing: 1.23vw;margin-bottom: 7.87vw;position: relative;text-align: center;}
#contents04 h2 span{display: block;width: 6.73vw;margin: 0 auto 1.37vw;}

#contents04 .inner-Box {margin: 0 5.3vw;position: relative;}
#contents04 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents04 .inner-Box figure.img img{  }

#contents-banner {margin: 0 5.3vw 37.9vw;position: relative;}
#contents-banner .inner-Box {position: relative;background: #005F37;border-radius: 3.47vw;overflow: hidden;height: 79.23vw;}
#contents-banner .inner-Box a{display: block;height: 79.33vw;padding: 50.8vw 0 0;}
#contents-banner .inner-Box figure.photo {position: absolute;top: 0;left: 0;width: 100%;}
#contents-banner .inner-Box figure.photo img{  }
#contents-banner .inner-Box p.ltext {font-size: 4.80vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.96vw;margin-bottom: 8.0vw;position: relative;color: #fff;padding: 0 0 0 8.1vw;}

#contents-banner .inner-Box .arr{display: block;border: 0.27vw solid #005F37;height: 7.2vw;width: 7.2vw;background: none;position: absolute;border-radius: 50%;position: absolute;bottom: 16.6vw;right: 5.33vw;line-height: 0;transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 0.27vw solid #fff;}
#contents-banner .inner-Box .arr img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease-in-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.5vw;}

#mainttlbox h1 img{width: 68vw;margin: 2vw 0 4vw;}


#contents-products {margin: 0 3.1vw;position: relative;}
#contents-products h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 500;letter-spacing: 1.23vw;margin-bottom: 7.73vw;position: relative;text-align: center;}
#contents-products h2 span{display: block;width: 6.63vw;margin: 0 auto 1.77vw;}
#contents-products .inner-Box {margin: 0 auto 19vw;position: relative;border-radius: 1.5rem;z-index: 3;}
#contents-products .inner-Box ul.system-list {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 2.2vw -0.2vw;position: relative;z-index: 4;}
#contents-products .inner-Box ul li {position: relative;width: 100%;background: #fff;padding: 8vw;border-radius: 4vw;margin-bottom: 7.8vw;}
#contents-products .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents-products .inner-Box ul li a {  }
#contents-products .inner-Box ul li a:hover {  }
#contents-products .inner-Box .system-pic {width: 100%;aspect-ratio: 3 / 2.1;overflow: hidden;text-align: center;margin-bottom: 4.0vw;position: relative;}
#contents-products .inner-Box .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-products .inner-Box ul li .dlbtn{margin: 0 0 0 auto;width: 39.4vw;}
#contents-products .inner-Box .morebtn2{margin: 0 4vw;display: block;z-index: 4;position: relative;width: 86vw;}

#contents-products .inner-Box h3 {font-size: 4.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 2.1vw;position: relative;}
#contents-products .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.37vw;margin: 0 -0.7vw 4.3vw;position: relative;}
#contents-products .inner-Box p.ltext span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

#contents-products .inner-Box p.dlbtn {}

#contents-faq {position: relative;}
#contents-faq h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 500;letter-spacing: 1.23vw;margin-bottom: 7.5vw;position: relative;text-align: center;}
#contents-faq h2 span{display: block;width: 6.63vw;margin: 0 auto 1.97vw;}
#contents-faq p.subtext {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 13.6vw;position: relative;text-align: center;}
#contents-faq .inner-Box {position: relative;}



}