@charset "UTF-8";

body.is-fixed{overflow: hidden;position: fixed;width: 100%;height: 100%;}
#main {margin-top: 0;}
.parallax{font-family: 'Noto Sans JP', sans-serif;font-weight: 400;}
.ff-poppins{font-family: 'Poppins', sans-serif;font-weight: 300;}
.w1200 #module_titleArea #category_title{margin-bottom: 0;}
.anchor-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;z-index: 1002;display: none;}
.pagetop{position: relative;bottom: -24px;right: 0;width: 100%;}
.pagetop.is-absoluted{position: relative;bottom: -24px;}
.pagetop .pagetop-inner{position:absolute;bottom: 0;right: 24px;}
.pagetop.is-fixed .pagetop-inner{position:fixed;}
.pagetop a{position: absolute;bottom: 24px;right: 0;}
@media only screen and (min-width:768px) {
    .w1200 #module_titleArea{margin-top: 10px;}
    .sp{display: none !important;}
}
@media only screen and (min-width:768px) and (max-width:1099px) {
    .parallax{font-size: calc((16 / 1099) * 100vw);}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
    .br{display: none !important;}
}
@media only screen and (max-width:767px){
    .pc{display: none !important;}
    .w1200 #module_titleArea{padding-top: 18px;font-size: 1.14em;line-height: 1.5;}
    .w1200 #module_titleArea .category_title{font-size: 1.13em;}
    .pagetop .pagetop-inner{right: 20px;}
}

.head-wrap{padding-bottom: 10px;}
@media only screen and (max-width:767px){
    .head-wrap{padding-bottom: 18px;}
}

.loading{background-color: #000;color: #fff;display: flex;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 1100;text-align: center;}
.loading .loading-box{width: 100%;}
.loading .loading-bar{background-color: #999;position: relative;margin-top: 10px;height: 2px;}
.loading .loading-bar span{background-color: #333;position:absolute;top: 0;left: 0;width: 0%;height: 100%;transition: width .1s;padding: 0;}
@keyframes loading {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}
@media only screen and (max-width:767px){
    .loading span{padding-top: 118.046875px;}
}

.view-full {box-sizing: border-box;width: 100%;height: 100vh;overflow: hidden;position: relative;}
@media only screen and (max-width:767px){
    .view-full--auto {height: auto !important;}
}

.view-wrap{position: relative;}
@media only screen and (max-width:767px){
}

.mv{background-color: #fff;}
.mv-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.mv-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;}
.mv-black{background-color: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv-white{background-color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv-mask{background-color: #000;position: absolute;top: 50%;left: 50%;width: 2560px;height: 1600px;mask-image: url(../img/logo-zubaq.svg);-webkit-mask-image: url(../img/logo-zubaq.svg);transform: translate(-50%,-50%);mask-size: cover;opacity: 0;transform-origin: center center;}
.mv-products{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.mv-products img{width: auto;transform-origin: center center;max-width:155px;max-height: calc(90vh - 200px);}
.mv-heading{position: absolute;top: 50%;right: 50%;margin-right: calc((200 / 1600) * 100%);width: auto;max-width:372px;opacity: 0;transform: translate(0,-50%);}
.mv-heading img{width: 100%;}
@media only screen and (max-width:767px){
    .mv-products{left:75%;}
    .mv-products img{width: 150vw;max-width: none;max-height: 0%;}
    .mv-heading{right: 40vw;margin-right: 0;max-width:55vw;}
}

.anchor {text-align: center;margin-top: 90px;overflow: hidden;}
.anchor-heading {font-size: calc((24 / 16) * 100%);font-weight: 400;letter-spacing: .4em;margin-left: .4em;}
.anchor-list {display: flex;justify-content: space-between;width:80%;max-width:820px;padding: 0 13px;margin: 50px auto 0;}
.anchor-list a {color: #000;display: block;padding-bottom: 100px;position: relative;line-height: 1.2;}
.anchor-list a:hover {text-decoration: none;}
.anchor-list a::after {background-color: #000;content: "";position: absolute;bottom: 0;left: 50%;width: 1px;height: 75px;}
.anchor-list a span{display: block;font-family: 'Poppins', sans-serif;font-weight: 300;font-size: calc((36 / 16) * 100%);}
.anchor-list a small{display: block;font-size: 100%;letter-spacing: .3em;margin-left: .3em;}
.anchor-list a:nth-of-type(3) small{letter-spacing: 1em;margin-left: 1em;}
@media (hover: hover) {
    .anchor-list a::after{transition: transform .3s ease;transform: translateY(0);}
    .anchor-list a:hover::after{transform: translateY(100%);}
}
@media only screen and (max-width:767px){
    .anchor {margin-top: 40px;}
    .anchor-heading {font-size: calc((15 / 15.96) * 100%);}
    .anchor-list {margin: 15px auto 0;}
    .anchor-list a {padding-bottom: 45px;}
    .anchor-list a::after {height: 40px;}
    .anchor-list a span{font-size: calc((18 / 15.96) * 100%);}
    .anchor-list a small{font-size: calc((10 / 15.96) * 100%);margin-top: 5px;}
}

.more-link{background-color: #191919;padding: 80px 13px 100px 13px;}
.more-link a{border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #fff;font-size: calc((20 / 16) * 100%);font-weight: 700;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 auto;max-width: 1080px;height: 113px;}
.more-link a:hover{text-decoration: none;}
.more-link a span{box-sizing: border-box;display: block;vertical-align: top;position: relative;padding: 0 50px;width: 790px;max-width: 100%;}
.more-link a span::before{background-color: #fff;content: "";position: absolute;top: calc(50% - 23px);right: 0;width: 46px;height: 46px;border-radius: 50%;}
.more-link a span::after{background: url(../img/arw-right.svg) center center no-repeat;content: "";position: absolute;top: calc(50% - 23px);right: 0;width: 46px;height: 46px;}
.more-link.more-link--white{background-color: #fff;}
.more-link.more-link--white a{border-top: 1px solid #000;border-bottom: 1px solid #000;color: #000}
.more-link.more-link--white a span::before{background-color: #000;}
.more-link.more-link--white a span::after{background-image: url(../img/arw-right_white.svg);}
@media (hover: hover) {
    .more-link a span::before,
    .more-link a span::after{transition: right .3s ease}
    .more-link a:hover span::before,
    .more-link a:hover span::after{right: -10px;}
}
@media only screen and (max-width:767px){
    .more-link{padding: 40px 30px;}
    .more-link a{font-size: calc((15 / 15.96) * 100%);height: 56px;}
    .more-link a span{padding: 0 25px;width: auto;}
    .more-link a span::before{top: calc(50% - 10px);width: 20px;height: 20px;}
    .more-link a span::after{background-size: 8px 6px;top: calc(50% - 10px);width: 20px;height: 20px;}
}

.section-navi{display: flex;justify-content: center;flex-direction: column;position: absolute;top: 0;left: calc((20 / 1600) * 100%);height: 100%;z-index: 30;text-align: left;}
.section-navi::before{background-color: rgba(255,255,255,.4);content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;transition: background-color .3s ease;}
.section-navi::after{background-color: #fff;content: "";position: absolute;top: calc(50% - 150px);left: -1px;width: 3px;height: 100px;transition: top .3s ease, background-color .3s ease;}
.section-navi a{color: #fff;display: flex;align-items: center;height: 100px;padding-left: 10px;font-size: calc((12 / 16) * 100%);font-weight: 400;position: relative;z-index: +1;transition: color .3s ease;}
.section-navi a:hover{text-decoration: none;}
.section-navi a:hover{text-decoration: none;}
.section-navi.is-black::before{background-color: rgba(0,0,0,.4);}
.section-navi.is-black::after{background-color: rgba(0,0,0,.4);}
.section-navi.is-black a{color: #000;}
.section-navi.section-navi--2::after{top: calc(50% - 100px);}
.section-navi.is-section1::after{top: calc(50% - 150px);}
.section-navi.section-navi--2.is-section1::after{top: calc(50% - 100px);}
.section-navi.is-section2::after{top: calc(50% - 50px);}
.section-navi.section-navi--2.is-section2::after{top: 50%;}
.section-navi.is-section3::after{top: calc(50% + 50px);}
@media (hover: hover) {
    .section-navi.is-hover1::after{top: calc(50% - 150px);}
    .section-navi.is-hover2::after{top: calc(50% - 50px);}
    .section-navi.is-hover3::after{top: calc(50% + 50px);}
}
@media only screen and (max-width:767px){
    .section-navi{display: none !important;}
}

.title-heading{font-size: 100%;padding-left: 13px;}
.title-heading span{display: block;font-family: 'Poppins', sans-serif;font-weight: 300;font-size: calc((52 / 16) * 100%);}
.title-heading small{display: block;font-size: calc((20 / 16) * 100%);letter-spacing: .3em;}
.title-lead{font-size: calc((18 / 16) * 100%);letter-spacing: .3em;margin-top: 40px;line-height: calc(33 / 18);padding-left: 13px;}
@media only screen and (max-width:767px){
    .title-heading{padding-left: 30px;}
    .title-heading span{font-size: calc((26 / 15.96) * 100%);}
    .title-heading small{font-size: calc((10 / 15.96) * 100%);}
    .title-lead{font-size: calc((14 / 15.96) * 100%);letter-spacing: .1em;margin-top: 20px;line-height: calc(58 / 28);padding-left: 30px;}
}

.products-heading{font-size: 100%;}
.products-heading small{display: block;font-family: 'Poppins', sans-serif;font-weight: 500;font-size: calc((22 / 16) * 100%);}
.products-heading span{display: block;font-size: calc((34 / 16) * 100%);font-weight: 700;letter-spacing: .2em;margin-top: 15px;}
.products-lead{font-size: calc((18 / 16) * 100%);font-weight: 400;letter-spacing: .1em;margin-top: 20px;line-height: calc(33 / 18);}
.products-heading.is-shadow small{text-shadow: 0 0 30px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.5);}
.products-heading.is-shadow span{text-shadow: 0 0 40px rgba(0,0,0,1);}
.products-lead.is-shadow{text-shadow: 0 0 30px rgba(0,0,0,1),0 0 30px rgba(0,0,0,1);}
@media only screen and (max-width:767px){
    .products-heading{margin-left: 30px;margin-right: 30px;}
    .products-heading small{font-size: calc((12 / 15.96) * 100%);}
    .products-heading span{font-size: calc((17 / 15.96) * 100%);line-height: calc(57 / 34);letter-spacing: .1em; margin-top: 15px;}
    .products-lead{font-size: calc((13 / 15.96) * 100%);margin: 20px 30px 0 30px;line-height: calc(33 / 18);}
    .products-heading.is-shadow small{text-shadow: none;}
    .products-heading.is-shadow span{text-shadow: none;}
    .products-lead.is-shadow{text-shadow: none;}
}

.usability-title{color: #fff;position: relative;overflow: hidden;}
.usability-title__bg{background-color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.usability-title__bg img{position: absolute;top: 0;left: 0;width:100%;height: 100% !important;object-fit: cover;object-position: center top;}
.usability-title__img{display: flex;align-items: center; position: absolute;top: 15%;left: 50%;max-width:654px;height: 85%;}
.usability-title__img img{width: 100%;}
.usability-title__txt{position: absolute;top: 50%;right: 50%;margin-right: calc((80 / 1600) * 100%);transform: translateY(-50%);}
@media only screen and (max-width:767px){
    .usability-title{display: flex; flex-direction: column; justify-content: center;}
    .usability-title__img{justify-content: flex-end;position: relative;top: auto;left: auto;max-width:none;height: auto;order: 2;margin-top: 15px;}
    .usability-title__img img{width: 90%;}
    .usability-title__txt{position: relative;top: auto;right: auto;margin-right: 0;transform: translateY(0);width: 100%;order: 1;}
}

@media only screen and (min-width:768px){
.usability-design__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.usability-design__bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;object-position: center bottom;}
.usability-design__products{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: +1;}
.usability-design__products img{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;object-position: center bottom;}
.usability-design__txt{color: #fff;position: absolute;top: 50%;left: 50%;margin-left: calc((130 / 1600) * 100%);transform: translateY(-50%);z-index: +2;}
.usability-design__txt .products-heading.is-shadow small{text-shadow: 0 0 30px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5);}
.usability-design__txt .products-heading.is-shadow span{text-shadow: 0 0 50px rgba(0,0,0,.5), 0 0 50px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.8), 0 0 10px rgba(0,0,0,.5);}
.usability-design__txt .products-lead.is-shadow{text-shadow: 0 0 20px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5);}
}
@media only screen and (max-width:767px){
    .usability-design{display: flex;flex-direction: column;justify-content: center;}
    .usability-design__bg{height: calc((376 / 750) * 100vw);position: relative;overflow: hidden;}
    .usability-design__bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;object-position: center bottom;}
    .usability-design__products{position: relative;z-index: +2;margin-top: 25px;}
    .usability-design__products img{position: absolute;top: 0;left: 0;width: 100%;height: calc((650 / 750) * 100vw) !important;object-fit: cover;object-position: center bottom;}
    .usability-design__bg{height: calc((650 / 750) * 100vw) !important;}
}

@media only screen and (min-width:768px){
.usability-contents .section-navi.is-section1 a{text-shadow: 0 0 10px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,.5), -1px -1px 1px rgba(0,0,0,.5), 1px -1px 1px rgba(0,0,0,.5), -1px 1px 1px rgba(0,0,0,.5), 1px 1px 1px rgba(0,0,0,.5);}
.usability-contents .section-navi.is-section1.is-section2 a{text-shadow: none;}
}

@media only screen and (min-width:768px){
.usability-use{background-color: #fff;position: absolute;top: 100%;left: 0;z-index: 10;}
.usability-use2{position: absolute;top: 0;left: 0;z-index: 20;}
.usability-use__bg_01{position: absolute;top: 0;right: 49.9%;width: 50.2%;height: 100% !important;object-fit: cover;object-position: center bottom;opacity: 0;transform: rotate(0.00001deg);}
.usability-use__bg_02{position: absolute;top: 0;left: 49.9%;width: 50.2%;height: 100% !important;object-fit: cover;object-position: center bottom;opacity: 0;}
.usability-use__bg_03{position: absolute;top: 0;right: 0;width: 50.2%;height: 100% !important;object-fit: cover;object-position: center bottom;}
.usability-use__heading{color: #fff;font-size: 100%;text-align: center;margin-bottom: 20px;}
.usability-use__heading span{display: block;font-weight: 700;font-size: calc((33 / 16) * 100%);line-height: calc(57 / 34);letter-spacing: .1em;margin-top: 20px;text-shadow: 0 0 40px rgba(0,0,0,1);}
.usability-use__heading span sup{margin-left: -0.9em;font-size: 18px;vertical-align:super;}
.usability-use__heading small:nth-of-type(1){display: block;font-family: 'Poppins', sans-serif;font-size: calc((22 / 16) * 100%);letter-spacing: .05em;text-shadow: 0 0 30px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.5);}
.usability-use__heading small:nth-of-type(2){display: inline-block;vertical-align: top;padding-left: 1em;font-size: calc((16 / 16) * 100%);margin-top: 10px;position: relative;text-shadow: 0 0 30px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.5);}
.usability-use__heading small:nth-of-type(2)>b{font-weight: 400;position: absolute;top: 0;left: 0;}
.usability-use__point{font-size: 100%;text-align: center;margin-bottom: 50px;}
.usability-use__point span{display: block;font-weight: 700;font-size: calc((27 / 16) * 100%);margin-top: 10px;}
.usability-use__point small{background-color: #000;color: #fff; display: inline-block;font-size: calc((14 / 16) * 100%);letter-spacing: .05em;vertical-align: top;padding: 2px 25px;}
.usability-use__parts_01{position: relative;width:auto;max-width: 119px;max-height: calc(90vh - 190px);}
.usability-use__parts_02,
.usability-use__parts_02_bg{position: absolute;top: 0;left: 0;width:auto;max-width:100%;max-height: 100%;}
.usability-use__parts_03{position: relative;width:auto;max-width: 119px;max-height: calc(90vh - 190px);}
.usability-use__parts_04,
.usability-use__parts_04_bg{position: absolute;top: 0;left: 0;width:auto;max-width:100%;max-height: 100%;}
.usability-use__parts_05{position: relative;width:auto;max-width: 119px;max-height: calc(90vh - 190px);}
.usability-use__parts_06,
.usability-use__parts_06_bg{position: absolute;top: 0;left: 0;width:auto;max-width:100%;max-height: 100%;}
.usability-use__block{box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 50%;height: 100%;padding-left: 150px;text-align: center;transform: rotate(0.00001deg);position: absolute;top: 0;left: 0;}
.usability-use__block.wide{width: 100%;padding: 0 150px;}
.usability-use__block-img{position: relative;}
}
@media only screen and (min-width:768px) and (max-width:1399px) {
    .usability-use__block{padding-left: calc((150 / 1399) * 100vw);}
    .usability-use__block.wide{padding: 0 calc((150 / 1399) * 100vw);}
}
@media only screen and (max-width:767px){
    .usability-use{padding-bottom: calc(((690 / 750) * 100vw) + 25px);position: relative;}
    .usability-use__bg_01{position: absolute;bottom: 0;right: 49.9%;width: 50.2%;height: calc((650 / 750) * 100vw) !important;object-fit: cover;object-position: center bottom;}
    .usability-use__bg_02{position: absolute;bottom: 0;left: 49.9%;width: 50.2%;height: calc((650 / 750) * 100vw) !important;object-fit: cover;object-position: center bottom;}
    .usability-use__bg_03{display: none;}
    .usability-use__point{font-size: 100%;text-align: center;}
    .usability-use__point span{display: block;font-weight: 700;font-size: calc((15 / 15.96) * 100%);margin-top: calc(((150 / 750) * -100vw) + 5px);}
    .usability-use__point small{background-color: #000;color: #fff; display: inline-block;font-size: calc((11 / 15.96) * 100%);letter-spacing: .05em;vertical-align: top;padding: 3px 0;width: 125px;margin-top: calc((150 / 750) * -100vw);}
    .usability-use .products-heading span sup{margin-left: -0.8em;}
    .usability-use .products-heading small:nth-of-type(2){display: block;vertical-align: top;padding-left: 1em;font-size: calc((11 / 15.96) * 100%);margin-top: 10px;position: relative;}
    .usability-use .products-heading small:nth-of-type(2)>b{font-weight: 400;position: absolute;top: 0;left: 0;}
    .usability-use2{display: flex;flex-direction: column;justify-content: center;}
    .usability-use__block-img{margin-top: calc((50 / 750) * 100vw);position: relative;text-align: center;height: calc((708 / 750) * 100vw);}
    .usability-use__block-img img{width: calc((200 / 750) * 100vw);}
    .usability-use__parts_05,
    .usability-use__parts_06,
    .usability-use__parts_06_bg{position: absolute;top: 0;left:calc(50% - ((200 / 750) * 50vw));}
    .usability-use3{display: flex;flex-direction: column;justify-content: center;}
    .usability-use3-img{margin-top: calc((50 / 750) * 100vw);position: relative;text-align: center;height: calc((708 / 750) * 100vw);}
    .usability-use3-img img{width: calc((200 / 750) * 100vw);}
    .usability-use__parts_03,
    .usability-use__parts_04{position: absolute;top: 0;left:calc(50% - ((200 / 750) * 50vw));}
}

@media only screen and (min-width:768px){
.usability-motion{background-color: #fff;position: absolute;top: 100%;left: 0;z-index: 30;}
.usability-motion__bg_01{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;object-position: center center;opacity: 0;}
.usability-motion__txt{position: absolute;top: 50%;right: 55%;transform: translateY(-50%);padding-left: 120px;max-width: 660px;z-index: +1;}
.usability-motion__txt .products-heading span{letter-spacing: .1em;font-size: calc((29 / 16) * 100%);line-height: calc(57 / 30);margin-top: 25px;}
.usability-motion__logo{position: absolute;bottom: 50%;left: calc(50% + (((540 / 1600) * 100%) / 2) - 150px);width: 300px;margin-bottom: 230px;}
.usability-motion__parts_01,
.usability-motion__parts_02,
.usability-motion__parts_03,
.usability-motion__parts_04{position: absolute;top: calc(50% - 200px);left: calc(50% + (((540 / 1600) * 100%) / 2) - 50px);width: 119px;transform-origin: 40% bottom;}
.usability-motion__arw{position: absolute;top: calc(50% - 160px);left: calc(50% + (((540 / 1600) * 100%) / 2) + 25px);width: 128px;}
.usability-motion__pop{position: absolute;top: calc(50% - 20px);left: calc(50% + (((530 / 1600) * 100%) / 2) - 180px);width: 185px;}
.usability-motion__pop2{position: absolute;top: calc(50% - 110px);left: calc(50% + (((540 / 1600) * 100%) / 2) + 40px);width: 185px;}
}
@media only screen and (max-width:767px){
    .usability-motion{padding-bottom: calc(((650 / 750) * 100vw) + 25px);position: relative;}
    .usability-motion__bg_01{position: absolute;bottom: 0;left: 0;width: 100%;height: calc((650 / 750) * 100vw) !important;object-fit: cover;object-position: center center;}
    .usability-motion-img{display: none;}
    .usability-motion-img img{width: calc((200 / 750) * 100vw);position: absolute;top: 0;left: calc(50% - ((200 / 750) * 50vw));transform-origin: 40% bottom;}
    .usability-motion__logo{width: 230px;margin-top: calc((300 / 750) * -100vw);}
    .usability-motion2{display: flex;flex-direction: column;justify-content: center;text-align: center;align-items: center;}
    .usability-motion2 .usability-motion-img{display: block;margin-top: 20px;height: calc((568 / 750) * 100vw);position: relative;}
    .usability-motion2 .usability-motion__arw{top: calc((90 / 750) * 100vw);left: calc(50% + ((30 / 750) * -100vw));transform-origin: center center;}
    .usability-motion2 .usability-motion__pop{top: calc((290 / 750) * 100vw);left: calc(50% + ((320 / 750) * -100vw));width: calc((230 / 750) * 100vw);transform-origin: center center;}
    .usability-motion2 .usability-motion__pop2{top: calc((120 / 750) * 100vw);left: calc(50% + ((40 / 750) * 100vw));width: calc((230 / 750) * 100vw);transform-origin: center center;}
}
@media only screen and (min-width:768px) and (max-width:1399px) {
    .usability-motion__txt{padding-left: calc(((40 / 1399) * 100vw) + 100px);}
}

.mainte-title{background-color: #373431; color: #fff;position: relative;overflow: hidden;}
.mainte-title__bg{background-color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mainte-title__bg img{position: absolute;top: 0;left: 0;width:100%;height: 100% !important;object-fit: cover;object-position: center top;}
.mainte-title__img{display: flex;align-items: center; position: absolute;top: 15%;left: 50%;max-width:654px;height: 85%;}
.mainte-title__img img{width: 100%;}
.mainte-title__txt{position: absolute;top: 50%;right: 50%;margin-right: calc((80 / 1600) * 100%);transform: translateY(-50%);}
@media only screen and (max-width:767px){
    .mainte-title{display: flex; flex-direction: column; justify-content: center;}
    .mainte-title__img{justify-content: flex-end;position: relative;top: auto;left: auto;max-width:none;height: auto;order: 2;margin-top: 15px;}
    .mainte-title__img img{width: 90%;}
    .mainte-title__txt{position: relative;top: auto;right: auto;margin-right: 0;transform: translateY(0);width: 100%;order: 1;}
}

@media only screen and (min-width:768px){
.mainte-cleaning__bg_01{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform-origin: 50% 95%;}
.mainte-cleaning__bg_01 img{position: absolute;bottom: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;object-position: center bottom;}
.mainte-cleaning__bg_01 span{position: absolute;bottom: 20px;right: 120px;}
.mainte-cleaning__bg_02{background-color: #373431; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mainte-cleaning__bg_02 img{background-color: #373431; position: absolute;top: 0;left: 50%;width:auto;height: 95% !important;transform: translateX(-50%);}
.mainte-cleaning__bg_02 span{color: #fff; position: absolute;bottom: 20px;right: 120px;}
.mainte-cleaning__txt{position: absolute;top: 50%;right: 52%;transform: translateY(-50%);padding-left: 120px;max-width: 700px;}
.mainte-cleaning__txt .products-heading span{letter-spacing: .1em;font-size: calc((29 / 16) * 100%);line-height: calc(57 / 30);margin-top: 20px;}
.mainte-cleaning__txt .products-lead{margin-top: 15px;}
.mainte-cleaning__txt-note{font-size: calc((12 / 16) * 100%);line-height: calc(20 / 12);margin-top: 30px;}
.mainte-cleaning__txt-note li{position: relative;padding-left: 1em;}
.mainte-cleaning__txt-note li span{position: absolute;top: 0;left: 0;}
.mainte-anime__wrap{box-sizing: border-box;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 20px;}
.mainte-anime__wrap-inner{box-sizing: border-box;display: flex;flex-direction: column;position: relative;width: 100%;height: 90vh;}
.mainte-cleaning__logo{text-align: center;}
.mainte-cleaning__logo img{width: 650px;max-width: 100%;}
.mainte-cleaning__anime{display: flex;align-items: center;justify-content: flex-end;position: relative;padding-right: calc(50% - 17vh);text-align: right;flex:1;}
.mainte-cleaning__anime img{position: relative;max-width: 100%;transform-origin: right center;}
.mainte-cleaning__anime-text{color: #fff; position: absolute;left: calc(50% + 3vh);bottom:25px;}
.mainte-cleaning__anime-text .products-lead{margin-top: 0;line-height: 1.5;}
.mainte-cleaning__anime-text .mainte-cleaning__txt-note{margin-top: 5px;}
.mainte-cleaning__anime-text .products-lead,
.mainte-cleaning__anime-text .mainte-cleaning__txt-note{text-shadow: 0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1);}
}
@media only screen and (max-width:767px){
    .mainte-cleaning{padding-bottom: calc(((650 / 750) * 100vw) + 30px);position: relative;margin-top: 70px;}
    .mainte-cleaning__bg_01{position: absolute;bottom: 0;left: 0;width: 100%;height: calc((650 / 750) * 100vw) !important;}
    .mainte-cleaning__bg_01 img{position: absolute;bottom: 0;left: -48%;width: 148%;height: 100% !important;object-fit: cover;object-position: center center;}
    .mainte-cleaning__bg_01 span{font-size: calc((10 / 15.96) * 100%);position: absolute;bottom: 4px;right: 32px;}
    .mainte-cleaning__txt-note{font-size: calc((10 / 15.96) * 100%);line-height: calc(20 / 12);margin: 20px 30px 0 30px;}
    .mainte-cleaning__txt-note li{position: relative;padding-left: 1em;}
    .mainte-cleaning__txt-note li span{position: absolute;top: 0;left: 0;}
    .mainte-cleaning .mainte-cleaning__bg_02,
    .mainte-cleaning .mainte-cleaning__logo,
    .mainte-cleaning .mainte-cleaning__anime{display: none;}
    .mainte-cleaning2{background-color: #373431;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;padding: 50px 0;}
    .mainte-cleaning2 .mainte-cleaning__logo{width: 272px;}
    .mainte-cleaning2 .mainte-cleaning__box{position: relative;margin-top: 55px;}
    .mainte-cleaning2 .mainte-cleaning__bg_02{position: relative;}
    .mainte-cleaning2 .mainte-cleaning__bg_02 img{width: 100%;margin-left: 4%;}
    .mainte-cleaning2 .mainte-cleaning__bg_02 span{color: #fff;font-size: calc((10 / 15.96) * 100%);position: absolute;bottom: 0;right: 32px;}
    .mainte-cleaning2 .mainte-cleaning__anime{position: absolute;top: calc(50% - ((340 / 750) * 100vw));right:50%;margin-right: -24vw;width: calc((500 / 750) * 100vw);transform-origin: right 80%;}
    .mainte-cleaning2 .mainte-cleaning__anime img{width: 100%;vertical-align: top;}
    .mainte-cleaning2 .products-lead{box-sizing: border-box;margin: 10px 0 0 0;width: 100%;padding: 0 30px;}
    .mainte-cleaning2 .mainte-cleaning__txt-note{box-sizing: border-box;margin: 10px 0 0 0;width: 100%;padding: 0 30px;}
}

.quality-title{background-color: #fff; position: relative;overflow: hidden;}
.quality-title__bg{background-color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.quality-title__bg img{position: absolute;top: 0;left: 0;width:100%;height: 100% !important;object-fit: cover;object-position: center top;}
.quality-title__img{display: flex;align-items: center; position: absolute;top: 15%;left: 50%;max-width:654px;height: 85%;}
.quality-title__img img{width: 100%;}
.quality-title__txt{position: absolute;top: 50%;right: 50%;margin-right: calc((80 / 1600) * 100%);transform: translateY(-50%);}
@media only screen and (max-width:767px){
    .quality-title{display: flex; flex-direction: column; justify-content: center;}
    .quality-title__img{justify-content: flex-end;position: relative;top: auto;left: auto;max-width:none;height: auto;order: 2;margin-top: 15px;}
    .quality-title__img img{width: 90%;}
    .quality-title__txt{position: relative;top: auto;right: auto;margin-right: 0;transform: translateY(0);width: 100%;order: 1;}
}

@media only screen and (min-width:768px){
.quality{background-color: #333;color: #fff;}
.quality-bg_01{position: absolute;bottom: 0;left: 0;width: 100%;height: 100% !important;object-fit: cover;object-position: center center;transform-origin: center center;}
.quality-secne{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.quality-block{padding: 0 95px;width: 1300px;max-width: 100%;}
.quality-flex{display: flex;justify-content: space-between;}
.quality-txt{width:calc((530 / 1110) * 100%);}
.quality-txt .products-heading span{letter-spacing: 0;font-size: calc((28 / 16) * 100%);line-height: calc(57 / 30);margin-top: 20px;}
.quality-txt .products-lead{margin-top: 15px;letter-spacing: 0;}
.quality-note {color: #fff;font-size: calc((12 / 16) * 100%);line-height: calc(20 / 12);margin-top: 20px;}
.quality-note ul li{position: relative;padding-left: 1em;}
.quality-note ul li span{position: absolute;top: 0;left: 0;}
.quality-note ul+ul{margin-top: 15px;}
.quality-note.quality-note_02 ul li{padding-left: 2em;}
.quality-badge{width:calc((555 / 1110) * 100%);text-align: center;display: flex;align-items: center;justify-content: center;}
.quality-badge img{width:100%;max-width: 360px;}
.quality-graph{width:calc((555 / 1110) * 100%);position: relative;padding-bottom:calc((445 / 1110) * 100%);}
.quality-graph img{width: 100%;vertical-align: top;}
.quality-graph__inner{position: absolute;top: 0;left: 0;width: 100%;}
.quality-graph__block{position: relative;margin-top: 2%;}
.quality-graph__inner .quality-graph-pop{position: absolute;transform: scale(0);}
.quality-graph__inner.quality-graph_01 .quality-graph-blue{width: calc((186 / 555) * 100%);top: calc((172 / 403) * 100%);right: calc((267 / 555) * 100%);transform-origin: 87% top;}
.quality-graph__inner.quality-graph_01 .quality-graph-red{width: calc((184 / 555) * 100%);top: calc((77 / 403) * 100%);right: calc((22 / 555) * 100%);transform-origin: 67% bottom;}
.quality-graph__inner.quality-graph_02 .quality-graph-blue{width: calc((184 / 555) * 100%);top: calc((212 / 403) * 100%);right: calc((303 / 555) * 100%);transform-origin: center center;}
.quality-graph__inner.quality-graph_02 .quality-graph-red{width: calc((183 / 555) * 100%);top: calc((76 / 403) * 100%);right: calc((22 / 555) * 100%);transform-origin: center center;}
.quality-graph__inner .quality-graph-line{position: absolute;top: calc((60 / 403) * 100%);right: calc((6 / 555) * 100%);width: calc((495 / 555) * 100%);overflow: hidden;}
.quality-graph__inner .quality-graph-line img{-webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);}
.quality-graph__inner.is-play .quality-graph-line img{animation: line01 3s linear forwards;}
.quality-graph__inner.quality-graph_02.is-play .quality-graph-line img{animation: line02 2s linear forwards;}
.quality-graph__inner.is-play .quality-graph-blue{opacity: 1;transform: scale(1);transition: opacity .3s 0.8s, transform .3s 0.8s;}
.quality-graph__inner.quality-graph_02.is-play .quality-graph-blue{opacity: 1;transform: scale(1);transition: opacity .3s 0.3s, transform .3s 0.3s;}
.quality-graph__inner.is-play .quality-graph-red{opacity: 1;transform: scale(1);transition: opacity .3s 2.7s, transform .3s 2.7s;}
.quality-graph__inner.quality-graph_02.is-play .quality-graph-red{opacity: 1;transform: scale(1);transition: opacity .3s 1.7s, transform .3s 1.7s;}
.quality-graph-counter{background-color: #ed1c24;border-radius: 50%;color: #fff; display: flex;align-items: center;justify-content: center; position: absolute;bottom: calc((65 / 417) * 100%);right: calc((24 / 555) * 100%);width:136px;height: 136px;text-align: center;}
.quality-graph-counter p{font-size: calc((12 / 16) * 100%);line-height: 1.2;}
.quality-graph-counter p.quality-graph-counter__value{font-size: calc((37 / 16) * 100%);font-weight: 700;}
.quality-graph-counter p.quality-graph-counter__value small{font-size: calc((16 / 37) * 100%);font-weight: 400;margin-right: 3px;}
.quality-graph__inner.quality-graph_02 .quality-graph-counter{border-radius: 5px;right: calc((32 / 555) * 100%);width: 138px;}
.quality-graph__inner.quality-graph_02 .quality-graph-counter p{font-size: calc((14 / 16) * 100%);}
.quality-graph__inner.quality-graph_02 .quality-graph-counter p.quality-graph-counter__value{font-size: calc((37 / 16) * 100%);}
.quality-graph__inner.quality-graph_02 .quality-graph-counter p.quality-graph-counter__value small{font-size: calc((16 / 37) * 100%);font-weight: 400;margin-right: 3px;}
.quality-graph-note{text-align: right;margin-top: 3%;}
.quality-illust{width:calc((550 / 1110) * 100%);text-align: center;display: flex;justify-content: center;position: relative;padding-right: 4%;margin-top: 60px;}
.quality-illust>span{display: block;overflow: hidden;}
.quality-illust>span:nth-of-type(1)>img{width:100%;}
.quality-illust>span:nth-of-type(2){position: absolute;top: -2%;right: -5%;width: calc((260 / 550) * 100%);transform: translateY(-37%);}
.quality-illust>span:nth-of-type(2)>img{width:100%;}
.quality-secne_01 .products-lead img{float: right;width: 30%;}
}
@keyframes line01 {
    0%{-webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);}
    25%{-webkit-clip-path: inset(0 57% 0 0);clip-path: inset(0 57% 0 0);}
    65%{-webkit-clip-path: inset(0 57% 0 0);clip-path: inset(0 57% 0 0);}
    100%{-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);}
}
@keyframes line02 {
    0%{-webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);}
    100%{-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);}
}
@media only screen and (min-width:768px) and (max-width:1250px) {
    .quality-graph-counter{width:calc((136 / 1250) * 100vw);height: calc((136 / 1250) * 100vw);}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter{width:calc((138 / 1250) * 100vw);}
    .quality-graph-counter p.quality-graph-counter__value{font-size: calc((37 / 1250) * 100vw);}
    .quality-graph-counter p.quality-graph-counter__value small{font-size: calc((16 / 1250) * 100vw);}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter p.quality-graph-counter__value{font-size: calc((37 / 1250) * 100vw);}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter p.quality-graph-counter__value small{font-size: calc((16 / 1250) * 100vw);}
}
@media only screen and (min-width:768px) and (max-width:1399px) {
    .quality-block{padding: 0 calc(((40 / 1399) * 100vw) + 80px);}
}
@media only screen and (max-width:767px){
    .quality{background-color: #333;color: #fff;}
    .quality-bg_sp_01{position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;object-position: center top;}
    .quality-secne_01{position: relative;padding: 0;}
    .quality-secne_02{position: relative;padding: 70px 0 50px 0;}
    .quality-note {color: #fff;font-size: calc((10 / 15.96) * 100%);line-height: calc(20 / 12);margin: 20px 30px 0 30px;}
    .quality-note ul li{position: relative;padding-left: 1em;}
    .quality-note ul li span{position: absolute;top: 0;left: 0;}
    .quality-note ul+ul{margin-top: 10px;}
    .quality-note.quality-note_03 ul li{padding-left: 2em;}
    .quality-badge2{margin-top: 30px;text-align: center;}
    .quality-badge2 img{width:calc((372 / 750) * 100vw);}
    .quality-graph{position: relative;}
    .quality-graph img{width: 100%;}
    .quality-graph__block{position: relative;margin:0 30px;}
    .quality-graph__inner{margin-top: 30px;}
    .quality-graph__inner .quality-graph-pop{position: absolute;transform: scale(0);}
    .quality-graph__inner.quality-graph_01 .quality-graph-blue{width: calc((186 / 555) * 100%);top: calc((172 / 403) * 100%);right: calc((267 / 555) * 100%);transform-origin: 87% top;}
    .quality-graph__inner.quality-graph_01 .quality-graph-red{width: calc((184 / 555) * 100%);top: calc((77 / 403) * 100%);right: calc((22 / 555) * 100%);transform-origin: 67% bottom;}
    .quality-graph__inner.quality-graph_02 .quality-graph-blue{width: calc((179 / 555) * 100%);top: calc((212 / 403) * 100%);right: calc((303 / 555) * 100%);transform-origin: center center;}
    .quality-graph__inner.quality-graph_02 .quality-graph-red{width: calc((169 / 555) * 100%);top: calc((76 / 403) * 100%);right: calc((22 / 555) * 100%);transform-origin: center center;}
    .quality-graph__inner .quality-graph-line{position: absolute;top: calc((60 / 403) * 100%);right: calc((6 / 555) * 100%);width: calc((495 / 555) * 100%);overflow: hidden;}
    .quality-graph__inner.is-play .quality-graph-line img{animation: line01 3s linear forwards;}
    .quality-graph__inner.quality-graph_02.is-play .quality-graph-line img{animation: line02 2s linear forwards;}
    .quality-graph__inner.is-play .quality-graph-blue{opacity: 1;transform: scale(1);transition: opacity .3s 0.8s, transform .3s 0.8s;}
    .quality-graph__inner.quality-graph_02.is-play .quality-graph-blue{opacity: 1;transform: scale(1);transition: opacity .3s 0.3s, transform .3s 0.3s;}
    .quality-graph__inner.is-play .quality-graph-red{opacity: 1;transform: scale(1);transition: opacity .3s 2.7s, transform .3s 2.7s;}
    .quality-graph__inner.quality-graph_02.is-play .quality-graph-red{opacity: 1;transform: scale(1);transition: opacity .3s 1.7s, transform .3s 1.7s;}
    .quality-graph-counter{background-color: #ed1c24;border-radius: 50%;color: #fff; display: flex;align-items: center;justify-content: center; position: absolute;bottom: calc((70 / 417) * 100%);right: calc((24 / 555) * 100%);width:86px;height: 86px;text-align: center;}
    .quality-graph-counter p{font-size: calc((10 / 15.96) * 100%);line-height: 1.2;margin-bottom: -5px;}
    .quality-graph-counter p.quality-graph-counter__value{font-size: calc((21 / 15.96) * 100%);font-weight: 700;margin-bottom: 0;margin-top: 3px;}
    .quality-graph-counter p.quality-graph-counter__value small{font-size: calc((11 / 21) * 100%);font-weight: 400;margin-right: 3px;}
    .quality-graph-counter p.small{transform: scale(.8);}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter{border-radius: 3px;right: calc((24 / 555) * 100%);width: 90px;}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter p{font-size: calc((12 / 15.96) * 100%);}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter p.quality-graph-counter__value{font-size: calc((21 / 15.96) * 100%);}
    .quality-graph__inner.quality-graph_02 .quality-graph-counter p.quality-graph-counter__value small{font-size: calc((11 / 21) * 100%);font-weight: 400;margin-right: 3px;}
    .quality-txt .products-lead2{display: none;}
    .quality-txt.sp{margin-top: 70px;}
    .quality-txt.sp .products-lead2{display: block;}
    .quality-graph-note{font-size: calc((10 / 15.96) * 100%);text-align: right;margin-top: 5px;padding-right: 30px;}
    .quality-illust{margin-bottom: 40px;}
    .quality-illust img{width:100%;}
}

@media only screen and (min-width:768px){
.suction{color:#fff;padding: 140px 13px 160px 13px;position: relative;overflow: hidden;}
.suction-bg{position: absolute;top: 0;left: 0;width: 100%;height: 150% !important;object-fit: cover;object-position: center center;transform-origin: center bottom;}
.suction-wrap{margin: 0 auto;max-width: 1080px;position: relative;}
.suction-title{display: flex;padding-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,.2);}
.suction-title__heading{font-size: calc((46 / 16) * 100%);font-weight: 700;line-height: 1.4;}
.suction-title__text{flex:1;margin-left: calc((140 / 1080) * 100%);position: relative;}
.suction-title__text dt{font-size: calc((24 / 16) * 100%);line-height: calc(50 / 24);}
.suction-title__text dd{line-height: calc(33 / 16);}
.suction-explanation{margin-top: 90px;position: relative;}
.suction-explanation img{width: 100%;vertical-align: top;}
.suction-explanation__pop{line-height: 1.3;position: absolute;text-align: center;}
.suction-explanation__pop dt {display: flex;font-size: calc((20 / 16) * 100%);font-weight: 300;position: absolute;bottom: 100%;left: 0;width: 100%;}
.suction-explanation__pop dt span{display: block;}
.suction-explanation__pop dt b{font-size: calc((36 / 20) * 100%);font-weight: 400;}
.suction-explanation__pop dd {margin-top: 10px;}
.suction-explanation__pop_01{bottom: calc((385 / 677) * 100%);left: calc((319 / 1080) * 100%);width: calc((399 / 1080) * 100%);}
.suction-explanation__pop_01 dt span{width: calc((272 / 399) * 100%);}
.suction-explanation__pop_01 dd img{transform-origin: right 10%;}
.suction-explanation__pop_02{bottom: calc((261 / 677) * 100%);right: calc((28 / 1080) * 100%);width: calc((321 / 1080) * 100%);}
.suction-explanation__pop_02 dt{justify-content: flex-end;bottom: 81%;}
.suction-explanation__pop_02 dt span{width: calc((272 / 321) * 100%);}
.suction-explanation__pop_02 dd img{transform-origin: left top;}
.suction-explanation__pop_03{bottom: calc((122 / 677) * 100%);left: 0;width: calc((375 / 1080) * 100%);}
.suction-explanation__pop_03 dt span{width: calc((272 / 375) * 100%);}
.suction-explanation__pop_03 dt b{font-size: calc((28 / 20) * 100%);}
.suction-explanation__pop_03 dd img{transform-origin: right bottom;}
.suction-note {font-size: calc((13 / 16) * 100%);line-height: calc(21 / 13);margin-top: 20px;}
.suction-note li{position: relative;padding-left: 2em;}
.suction-note li span{position: absolute;top: 0;left: 0;}
}
@media only screen and (max-width:767px){
    .suction{color:#fff;padding: 70px 30px 60px 30px;position: relative;overflow: hidden;}
    .suction-bg{position: absolute;top: 0;left: 0;width: 100%;height: 130% !important;object-fit: cover;object-position: center center;transform-origin: center bottom;}
    .suction-title{padding-bottom: 35px;border-bottom: 1px solid rgba(255,255,255,.2);position: relative;}
    .suction-title__heading{font-size: calc((23 / 15.96) * 100%);font-weight: 700;line-height: 1.4;}
    .suction-title__text{position: relative;}
    .suction-title__text dt{font-size: calc((17 / 15.96) * 100%);line-height: calc(57 / 34);margin-top: 15px;}
    .suction-title__text dd{font-size: calc((13 / 15.96) * 100%);line-height: calc(46 / 26);margin-top: 10px;}
    .suction-explanation{margin-top: 40px;position: relative;}
    .suction-explanation img{width: 100%;vertical-align: top;}
    .suction-explanation_sp{position: relative;}
    .suction-explanation_sp__pop{position: absolute;padding-left: 25px;line-height: 1.3;}
    .suction-explanation_sp__pop::before{position: absolute;top: 50%;left: 0;font-size: calc((20 / 15.96) * 100%);transform: translateY(-50%);}
    .suction-explanation_sp__pop::after{background-color: #fff;content: "";position: absolute;height: 1px;}
    .suction-explanation_sp__pop span{display: block;font-size: calc((10 / 15.96) * 100%);}
    .suction-explanation_sp__pop span b{display: inline-block;font-size: calc((18 / 10) * 100%);margin-right: 2px;}
    .suction-explanation_sp__pop_01{bottom: calc(80% + 21px);right: calc(38% + 35px);}
    .suction-explanation_sp__pop_01::before{content: "\02460";}
    .suction-explanation_sp__pop_01::after{bottom: 0;left: 100%;width: 40px;transform-origin: left top;transform: rotate(30deg);}
    .suction-explanation_sp__pop_02{top: calc(22% + 31px);left: calc(62% + 16px);}
    .suction-explanation_sp__pop_02::before{content: "\02461";top: 15%;}
    .suction-explanation_sp__pop_02::after{bottom: 100%;right: calc(100% - 5px);width: 30px;transform-origin: right bottom;transform: rotate(60deg);}
    .suction-explanation_sp__pop_03{bottom: calc(20% + 52px);left: calc(17% - 62px);}
    .suction-explanation_sp__pop_03 span b{font-size: calc((14 / 10) * 100%);}
    .suction-explanation_sp__pop_03::before{content: "\02462";}
    .suction-explanation_sp__pop_03::after{top: 100%;left: 40px;width: 80px;transform-origin: left top;transform: rotate(40deg);}
    .suction-explanation__pop{line-height: 1.3;margin-top: 30px;}
    .suction-explanation__pop dt {font-size: calc((13 /  15.96) * 100%);font-weight: 300;position: relative;padding-left: 30px;}
    .suction-explanation__pop dt span{display: block;}
    .suction-explanation__pop dt b{font-size: calc((26 / 13) * 100%);font-weight: 400;margin: 0 3px;}
    .suction-explanation__pop dd {border: 1px solid #fff;margin-top: 15px;}
    .suction-explanation__pop dt::before{position: absolute;top: 50%;left: 0;font-size: calc((24 / 13) * 100%);transform: translateY(-35%);}
    .suction-explanation__pop_01 dt::before{content: "\02460";}
    .suction-explanation__pop_02 dt::before{content: "\02461";}
    .suction-explanation__pop_03 dt::before{content: "\02462";transform: translateY(-50%);}
    .suction-explanation__pop_03 dt b{font-size: calc((18 / 13) * 100%);margin: 0;}
    .suction-note {font-size: calc((10 / 15.96) * 100%);line-height: calc(31 / 20);margin-top: 20px;position: relative;}
    .suction-note li{position: relative;padding-left: 2em;}
    .suction-note li span{position: absolute;top: 0;left: 0;}
}
@media only screen and (min-width:768px){
.lineup{padding: 110px 13px 70px 13px;overflow: hidden;}
.lineup-wrap{margin: 0 auto;max-width: 1080px;position: relative;}
.lineup-heading{font-size: calc((46 / 16) * 100%);font-weight: 700;padding-bottom: 50px;border-bottom: 1px solid #e8e8e8;}
.lineup-column{display: flex;justify-content: space-around;margin-top: 55px;}
.lineup-cell{display: flex;align-items: center;justify-content: space-between; width:100%;max-width: calc((330 / 1080) * 100%);}
.lineup-img{margin-right: calc((70 / 330) * 100%);width: 100%;max-width: calc((98 / 330) * 100%);}
.lineup-img img{width: 100%;}
.lineup-info{flex:1;}
.lineup-logo{width:100%;max-width: 150px;}
.lineup-logo img{width: 100%;}
.lineup-name{margin-top: 30px;}
.lineup-name dt{font-size: calc((23 / 16) * 100%);font-weight: 700;}
.lineup-link{margin-top: 30px;}
.lineup-link a{background-color: #191919;color: #fff;display: flex;align-items: center;justify-content: center; font-weight: 700;text-align: center;height: 46px;border-radius: 23px;}
.lineup-link a:hover{text-decoration: none;}
}
@media (hover: hover) {
    .lineup-link a{transition: opacity .3s ease}
    .lineup-link a:hover{opacity: .7;;}
}
@media only screen and (max-width:767px){
    .lineup{padding: 45px 30px 0 30px;overflow: hidden;}
    .lineup-heading{font-size: calc((23 / 15.96) * 100%);font-weight: 700;padding-bottom: 25px;border-bottom: 1px solid #e8e8e8;}
    .lineup-column{display: flex;justify-content: space-between;margin-top: 30px;}
    .lineup-cell{width: calc(50% - 5px);text-align: center;}
    .lineup-img img{width: calc((100 / 750) * 100vw);}
    .lineup-info{flex:1;}
    .lineup-logo{margin-top: 15px;}
    .lineup-logo img{width: calc((150 / 750) * 100vw);}
    .lineup-name{margin-top: 5px;font-size: calc((13 / 15.96) * 100%);}
    .lineup-name dt{font-weight: 700;}
    .lineup-link{margin-top: 15px;}
    .lineup-link a{background-color: #191919;color: #fff;display: flex;align-items: center;justify-content: center;font-size: calc((13 / 15.96) * 100%);font-weight: 700;text-align: center;height: 30px;border-radius: 15px;width: calc((224 / 750) * 100vw);margin: 0 auto;}
    .lineup-link a:hover{text-decoration: none;}
}