@font-face{font-family:"STIXGeneralBol";src:url("./../fonts/STIXGeneralBol-subset.woff") format("woff")} /* @font-face{font-family:"FOT-TsukuOldMinPro-R";src:url("./../fonts/FOT-TsukuOldMinPro-R-subset.woff") format("woff")} */ @font-face{font-family:"FOT-TsukuOldMinPro-R-vertical";src:url("./../fonts/FOT-TsukuOldMinPro-R-vertical.woff") format("woff")}*{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0;font-weight:normal}.pc_only{display:block}@media screen and (max-width: 767px){.pc_only{display:none}}.sp_only{display:none}@media screen and (max-width: 767px){.sp_only{display:block}}main{overflow:hidden;font-family:"FOT-TsukuOldMinPro-R";background-color:black;color:white;position:relative;font-feature-settings:"palt" 1}.top-section{position:relative;display:flex;align-items:center;height:calc(100vh- 230px);min-height:500px}@media screen and (max-width: 768px){.top-section{height:calc(100vh - 50px)}}.top-section .top-apple-txt{position:absolute;z-index:3;width:58%;left:49%;transform:translate(-50%, -50%);top:60%}.top-section .top-apple-txt .cls-1{stroke:#000;stroke-miterlimit:10;stroke-width:1.23px}.top-section .top-apple-txt .txt{opacity:0}.top-section .top-apple-txt .txt.txt0{transition-delay:0s}.top-section .top-apple-txt .txt.txt1{transition-delay:0.15s}.top-section .top-apple-txt .txt.txt2{transition-delay:0.3s}.top-section .top-apple-txt .txt.txt3{transition-delay:0.45s}.top-section .top-apple-txt .txt.txt4{transition-delay:0.6s}.top-section .top-apple-txt .txt.txt5{transition-delay:0.75s}.top-section .top-apple-txt .txt.txt6{transition-delay:0.9s}.top-section .top-apple-txt .txt.txt7{transition-delay:1.05s}.top-section .top-apple-txt .txt.txt8{transition-delay:1.2s}.top-section .top-apple-txt .txt.txt9{transition-delay:1.35s}.top-section.inview .txt{opacity:1}.top-section.inview .top-label-wrap .top-label{transform:translateX(0%)}.top-section.inview .top-label-wrap .top-label .label-content{transform:translateX(0%)}.top-section .top-label-wrap{position:absolute;bottom:15%;left:8%;z-index:4;width:100%}.top-section .top-label-wrap .top-label{width:35%;overflow:hidden;transform:translateX(-103%);transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-delay:1.5s}@media screen and (max-width: 768px){.top-section .top-label-wrap .top-label{width:38%}}.top-section .top-label-wrap .top-label .label-content{transition-delay:1.5s;width:100%;display:block;position:relative;transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translateX(103%)}.top-section .top-label-wrap .top-label-2{margin-left:10%;margin-top:6px;transition-delay:1.8s}.top-section .top-label-wrap .top-label-2 .label-content{transition-delay:1.8s}.top-section .top-bottle{position:absolute;bottom:50%;z-index:3;width:120px;left:50%;transform:translate(-50%, 70%)}@media screen and (max-width: 768px){.top-section .top-bottle{width:20%;left:15%;transform:translate(0%, 0%);bottom:22vh}}.top-section .top-apple{position:absolute;width:35%;max-height:90%;top:50%;left:50%;transition:all 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);will-change:transform opacity;object-fit:contain}@media screen and (max-width: 768px){.top-section .top-apple{width:35vh}}.top-section .top-apple.left{opacity:1;z-index:2;object-position:right center;transform:translateY(-60%) translateX(-97%);width:30%;max-height:85%}@media screen and (max-width: 768px){.top-section .top-apple.left{width:34vh;z-index:1}}.top-section .top-apple.left:before{display:block;content:"";padding-top:114%}.top-section .top-apple.left .apple-content{position:absolute;left:0;top:0;width:100%;height:100%;object-position:right center;object-fit:contain}@media screen and (max-width: 767px){.top-section .top-apple.left{transform:translateY(-110%) translateX(-51%)}}.top-section .top-apple.right{opacity:1;z-index:1;object-position:left center;transform:translateY(-57%) translateX(-8%)}@media screen and (max-width: 767px){.top-section .top-apple.right{transform:translateY(-23%) translateX(-48%)}}.top-section .scroll{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:200px;text-align:center;z-index:1;opacity:0;transition:all 1.2s 1.9s}.top-section .scroll.inview{opacity:1}.top-section .scroll .content{font-family:"STIXGeneralBol";position:relative;font-size:13px;line-height:13px}.top-section .scroll .content:before{position:absolute;content:"";background-color:#fff;width:2px;will-change:height;height:46px;top:-50px;left:50%;transform:translateX(-50%);animation:scroll-bar 1.5s infinite cubic-bezier(0.215, 0.61, 0.355, 1) both}.top-section .scroll .content .scroll-area{position:absolute;height:70px;width:200px;z-index:2;left:0;bottom:0;cursor:pointer}@keyframes scroll-bar{0%{height:0px;bottom:auto;top:-57px}35%{height:50px;bottom:auto;top:-57px}45%{height:50px;top:auto;bottom:20px}90%{height:0px;top:auto;bottom:20px}100%{height:0px;top:auto;bottom:20px}}.copy-section{padding:80px 0;position:relative;background-image:url("./../img/copy_bg_textture.jpg");background-size:100% auto;background-repeat:repeat-y;color:black;text-align:center}@media screen and (max-width: 767px){.copy-section{padding-top:48vw;padding-bottom:48vw}}.copy-section .acure-btn{margin-top:30px}.copy-bg{position:absolute;width:calc(50vw - 300px);top:0;height:100%;background-size:100% auto;background-repeat:repeat-y}@media screen and (max-width: 767px){.copy-bg{height:40vw;width:100vw}}.copy-bg-left{background-image:url("./../img/copy_bg_left.png");left:0}@media screen and (max-width: 767px){.copy-bg-left{top:0;background-image:url("./../img/copy_bg_top.png")}}.copy-bg-right{background-image:url("./../img/copy_bg_right.png");right:0}@media screen and (max-width: 767px){.copy-bg-right{top:auto;bottom:0;background-image:url("./../img/copy_bg_bottom.png")}}.copy-ttl{font-size:54px;letter-spacing:-3px}@media screen and (max-width: 767px){.copy-ttl{font-size:9vw;letter-spacing:-1px}}.copy-ttl .ul{display:inline-block;line-height:1.2;position:relative}.copy-ttl .ul:before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#000;height:2px;transform:scaleX(0);transform-origin:left}@media screen and (max-width: 767px){.copy-ttl .ul:before{height:1px}}.copy-ttl.inview .ul.ul0:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;transform:scaleX(1)}.copy-ttl.inview .ul.ul1:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;transform:scaleX(1)}.copy-ttl.inview .ul.ul2:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;transform:scaleX(1)}.copy-ttl.inview .ul.ul3:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;transform:scaleX(1)}.copy-ttl .sm{font-size:32px;vertical-align:middle;display:inline-block;margin-top:-10px;letter-spacing:-2px}@media screen and (max-width: 767px){.copy-ttl .sm{font-size:6vw;margin-top:-7px;letter-spacing:-1px}}.copy-ttl .ls-l{letter-spacing:-7px}.copy-desc{margin-top:40px;font-size:20px;line-height:1.8;letter-spacing:-2px}@media screen and (max-width: 767px){.copy-desc{font-size:3.8vw;line-height:2;letter-spacing:-1px}}.copy-bottle{position:absolute;width:230px;right:-30px;top:-120px}@media screen and (max-width: 767px){.copy-bottle{width:114px;right:-5px;top:-85px}}.copy-apple{position:absolute;width:430px;left:-150px;bottom:-80px}@media screen and (max-width: 767px){.copy-apple{width:60vw;left:-20vw}}.acure-btn{display:inline-block;background-color:black;color:white;font-size:32px;padding:7px 15px;padding-right:40px;letter-spacing:-2px;position:relative;transition:all 0.5s}.acure-btn:visited,.acure-btn:link{color:white}@media screen and (max-width: 767px){.acure-btn{font-size:5vw}}.acure-btn:hover{color:black;text-decoration:none}.acure-btn:hover:before{transform:scaleX(1)}.acure-btn:hover .arrow:before,.acure-btn:hover .arrow:after{background-color:black;transition:all 0.2s 0.3s}.acure-btn .txt{position:relative;z-index:2}.acure-btn:before{content:"";position:absolute;left:0;top:0;width:100%;z-index:1;height:100%;transform:scaleX(0);background-color:#e60000;transform-origin:left;transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1)}.acure-btn .arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;z-index:2}.acure-btn .arrow:before,.acure-btn .arrow:after{content:"";position:absolute;right:0;background-color:#fff;height:2px;width:13px;transform-origin:right;z-index:2;top:50%;transition:all 0.2s 0s}@media screen and (max-width: 767px){.acure-btn .arrow:before,.acure-btn .arrow:after{width:10px}}.acure-btn .arrow:before{transform:rotate(45deg)}.acure-btn .arrow:after{top:42%;transform:rotate(-45deg)}.fadeInUp{transform:translateY(50px);opacity:0;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.fadeInUp.inview{opacity:1;transform:translateY(0px)}.fadeInLeft{transform:translateX(-10px);opacity:0;transition:all 1.2s ease-in-out}.fadeInLeft.inview{opacity:1;transform:translateY(0px)}main{width:100% !important}.intro{background-color:black}.intro-section{text-align:center;padding:80px 0;position:relative;padding-bottom:140px}@media screen and (max-width: 767px){.intro-section{padding-top:120px}}.intro-ttl{font-size:54px;letter-spacing:-3px}@media screen and (max-width: 767px){.intro-ttl{font-size:6.8vw;letter-spacing:-1px}}.intro-ttl .ul{display:inline-block;line-height:1.2;position:relative}.intro-ttl .ul:before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#fff;height:2px;transform:scaleX(0);transform-origin:left}@media screen and (max-width: 767px){.intro-ttl .ul:before{height:1px}}.intro-ttl.inview .ul.ul0:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;transform:scaleX(1)}.intro-ttl.inview .ul.ul1:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;transform:scaleX(1)}.intro-ttl.inview .ul.ul2:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;transform:scaleX(1)}.intro-ttl.inview .ul.ul3:before{transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;transform:scaleX(1)}.intro-ttl .ls-l{letter-spacing:-7px}.intro-pic{width:550px;margin-left:auto;margin-right:auto;margin-top:40px}@media screen and (max-width: 767px){.intro-pic{width:92vw}}.intro-pic img{width:100%}.intro-pic-notice{text-align:right;font-size:13px;margin-top:7px}.intro-desc{font-size:20px;letter-spacing:0px;line-height:2;margin-top:20px}@media screen and (max-width: 767px){.intro-desc{font-size:4vw;letter-spacing:-1px}}.intro-apple{position:absolute;width:520px;right:-50px;bottom:-180px}@media screen and (max-width: 767px){.intro-apple{width:80vw;bottom:-24vw}}.steps-section{padding-top:60px;padding-bottom:80px;position:relative}@media screen and (max-width: 767px){.steps-section{padding-top:40vw}}.steps-section .sec-inner{position:relative;max-width:800px;width:95%;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.steps-section .sec-inner{width:90vw}}.steps-section .acure-btn{width:248px;background-color:#e60000;font-size:22px;color:black;margin-top:30px;padding-right:0;letter-spacing:0}@media screen and (max-width: 767px){.steps-section .acure-btn{width:auto;padding-right:40px;font-size:4.5vw}}.steps-section .acure-btn:visited{color:black}.steps-section .acure-btn .arrow:before,.steps-section .acure-btn .arrow:after{background-color:#000}.steps-section .acure-btn:before{width:calc(100% - 6px);height:calc(100% - 6px);top:50%;transform:translate(-50%, -50%) scaleX(0);left:50%;background-color:black}.steps-section .acure-btn:hover{color:#e60000}.steps-section .acure-btn:hover:before{transform:translate(-50%, -50%) scaleX(1)}.steps-section .acure-btn:hover .arrow:before,.steps-section .acure-btn:hover .arrow:after{background-color:#e60000}.steps-ttl{position:absolute;right:0;top:0;width:62px}@media screen and (max-width: 767px){.steps-ttl{width:9vw}}.steps-list{width:78%;margin-left:6%}@media screen and (max-width: 767px){.steps-list{width:84%;margin-left:0}}.steps-item{display:flex;padding-bottom:40px}.steps-item:nth-child(1){padding-bottom:50px;border-bottom:2px solid #fff}.steps-item:nth-child(2){padding-top:50px}.steps-number{text-align:center}.steps-number-num{font-size:100px;line-height:1}@media screen and (max-width: 767px){.steps-number-num{font-size:13vw}}.steps-number-txt{font-size:34px}@media screen and (max-width: 767px){.steps-number-txt{font-size:5vw}}.steps-info{padding-left:70px}@media screen and (max-width: 767px){.steps-info{padding-left:8vw}}.steps-info-ttl{font-size:36px}@media screen and (max-width: 767px){.steps-info-ttl{font-size:5vw}}.steps-info-desc{font-size:22px;letter-spacing:-1px;margin-top:15px;line-height:1.8}@media screen and (max-width: 767px){.steps-info-desc{font-size:4vw}}.steps-info-desc a{font-size:14px;border:2px solid #fff;display:inline-block;padding:4px 7px;vertical-align:middle;margin-top:-7px;margin-left:8px;cursor:pointer;line-height:1;background-color:#fff;transition:all 0.3s;color:black}.steps-info-desc a:hover{background-color:#fff;color:black}.steps-info-desc a:visited{color:black}.steps-info-desc a:visited:hover{background-color:#fff;color:black}@media screen and (max-width: 767px){.steps-info-desc a{margin-top:10px}}.kiyaku-modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,0.4);opacity:0;transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1);pointer-events:none;z-index:10000}.kiyaku-modal.open{opacity:1;pointer-events:all}.kiyaku-modal.open .kiyaku-content{transform:translate(-50%, -50%)}.kiyaku-ttl{position:absolute;width:55px;right:7%;top:30px}@media screen and (max-width: 767px){.kiyaku-ttl{width:8vw;right:2%}}.kiyaku-close{width:45px;height:45px;position:absolute;right:7%;bottom:30px;cursor:pointer}@media screen and (max-width: 767px){.kiyaku-close{right:2%;width:30px;height:30px}}.kiyaku-close:before,.kiyaku-close:after{position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#fff;content:""}.kiyaku-close:before{transform:rotate(45deg)}.kiyaku-close:after{transform:rotate(-45deg)}.kiyaku-content{max-width:980px;width:95%;position:absolute;left:50%;top:50%;transform:translate(-50%, -45%);transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1);background-color:black;height:600px;padding:50px 8%}@media screen and (max-width: 767px){.kiyaku-content{padding-left:4%}}.kiyaku-inner{position:absolute;height:90%;overflow:scroll;width:70%;background-color:#fff;padding:30px;top:5%}@media screen and (max-width: 767px){.kiyaku-inner{font-size:13px;padding:15px;width:80%}}