@charset "UTF-8";.why-bg{width:calc(100% - 60px);height:calc(100vh - 110px);position:fixed;top:110px;left:30px;z-index:-1;background:#efefef url(../why/images/why_bg_typo.png) no-repeat left top;background-size:cover;overflow:hidden}.why-bg .why-bg-dot{width:110%;position:absolute;top:0;left:50%;transform:translate(-50%,0);animation:why_bg_anime 1s ease-in-out both;transition:all 1s ease-out}.why-bg .why-bg-dot img{display:block;width:100%}.why-bg .why-bg-dot.level1{transform:translate(-50%,0)}.why-bg .why-bg-dot.level2{transform:translate(-50%,-12%)}.why-bg .why-bg-dot.level3{transform:translate(-50%,-24%)}.why-bg .why-bg-dot.level4{transform:translate(-50%,-36%)}.why-bg .why-bg-dot.level5{transform:translate(-50%,-48%)}.why-bg .why-bg-dot.level6{transform:translate(-50%,-60%)}.why-bg .why-bg-dot.smalldot.level1{transform:translate(-50%,0)}.why-bg .why-bg-dot.smalldot.level2{transform:translate(-50%,-7%)}.why-bg .why-bg-dot.smalldot.level3{transform:translate(-50%,-14%)}.why-bg .why-bg-dot.smalldot.level4{transform:translate(-50%,-21%)}.why-bg .why-bg-dot.smalldot.level5{transform:translate(-50%,-28%)}.why-bg .why-bg-dot.smalldot.level6{transform:translate(-50%,-35%)}.why-bg .why-titlelogo{width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:why_logo_anime .4s ease-out .8s both}.why-bg .why-titlelogo img{display:block;width:100%}.why-bg .scrollbars{height:12vh;width:10px;position:absolute;bottom:5vh;left:calc(50% - 5px)}.why-bg .scrollbars::before{content:"please scroll";width:200px;font-size:1.2rem;text-align:center;color:#00002e;position:absolute;top:-22px;left:-95px}.why-bg .scrollbars span{display:block;width:100%;height:100%;overflow:hidden}.why-bg .scrollbars span img{display:block;width:100%;animation:why_arrow_anime 2s infinite ease-out .4s both}@keyframes why_bg_anime{0%{width:105%;opacity:0;filter:blur(4px);top:20px}70%{width:110%;top:0}100%{top:0;width:110%;opacity:1;filter:blur(0)}}@keyframes why_logo_anime{0%{width:30%;opacity:0}100%{width:34%;opacity:1}}@keyframes why_arrow_anime{0%{transform:translateY(-5vh);opacity:0}20%{opacity:1}70%{opacity:1}100%{transform:translateY(0);opacity:0}}.why-content{padding:110px 30px 0;position:relative}.why-content::before{content:"";width:100%;height:110px;background:#fff;position:fixed;left:0;top:0;z-index:2}.why-content::after{content:"";width:100%;height:30px;background:#fff;position:fixed;left:0;bottom:0;z-index:2}.why-content-section{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all 2s ease;position:relative}.why-content-section .why_faq_circle{width:100%;height:calc(100% - 110px);margin-top:110px;position:relative}.why-content-section .why_faq_circle li{width:10vw;height:10vw;border-radius:50%;background:#fff;position:absolute;top:20%;left:20%;transform:translate(-50%,-50%);overflow:hidden;transition:all 1s ease .2s}.why-content-section .why_faq_circle li a{opacity:0;transition:all .2s}.why-content-section .why_faq_circle li:nth-of-type(1){position:absolute;top:25%;left:25%}.why-content-section .why_faq_circle li:nth-of-type(2){position:absolute;top:25%;left:75%}.why-content-section .why_faq_circle li:nth-of-type(3){position:absolute;top:50%;left:10%}.why-content-section .why_faq_circle li:nth-of-type(4){position:absolute;top:50%;left:90%}.why-content-section .why_faq_circle li:nth-of-type(5){position:absolute;top:75%;left:25%}.why-content-section .why_faq_circle li:nth-of-type(6){position:absolute;top:75%;left:75%}.why-content-section .why_faq_circle li.white{background:#fff}.why-content-section .why_faq_circle li.pink{background:#ff96be}.why-content-section .why_faq_circle li.yellow{background:#ffe100}.why-content-section .why_faq_circle li.blue{background:#00bec1}.why-content-section .why_faq_circle li.orange{background:#f07828}.why-content-section .why_faq_circle li.purple{background:#8778be}.why-content-section.is-show{opacity:1;transition:all .7s ease .1s}.why-content-section.is-show .why_faq_circle li a{width:16vw;height:16vw;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:calc(2vw + .8em) 1vw 2vw;padding-top:calc(2vw + .8em);padding-right:1vw;padding-bottom:2vw;padding-left:1vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../why/images/q_title.png) no-repeat center 2vw;background-size:5.5vw;text-align:center;font-size:1.2vw;font-weight:500;line-height:1.8em;letter-spacing:.05em;opacity:1}.why-content-section.is-show .why_faq_circle li:nth-of-type(1){animation:faq_circle_appear_anime .3s ease-out .5s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(2){animation:faq_circle_appear_anime .3s ease-out .8s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(3){animation:faq_circle_appear_anime .3s ease-out .2s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(4){animation:faq_circle_appear_anime .3s ease-out .5s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(5){animation:faq_circle_appear_anime .3s ease-out .2s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(6){animation:faq_circle_appear_anime .3s ease-out .6s both}@keyframes faq_circle_appear_anime{0%{width:10vw;height:10vw;opacity:0}90%{width:17vw;height:17vw}100%{width:16vw;height:16vw;opacity:1}}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper{overflow:hidden}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper::before{content:"×";position:absolute;right:20px;top:40px;font-size:2rem;font-weight:600;color:#fff}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper::after{content:"CLOSE";position:absolute;right:50px;top:40px;font-size:2rem;font-weight:400;color:#fff}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container{position:absolute;top:50%;left:50%;height:120vh;width:120vh;border-radius:50%;transform:translateY(-50%) translateX(-50%);background:#fff;max-width:120vh}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content{position:absolute;top:50%;left:50%;height:120vh;width:120vh;border-radius:50%;transform:translateY(-50%) translateX(-50%);width:100vh;height:100vh;padding:5vh 2vw 5vh}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container{width:100%;height:100%;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0 5vw;position:relative}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .wfy-faq-modaal-title{width:14vw;height:6vw;background:url(../why/images/a_title.png) no-repeat center center;background-size:contain;margin:0 auto;transform:translateY(-10%)}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box{width:100%;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box p.why-popup-title{display:block;-webkit-justify-content:center;justify-content:center;width:100%;text-align:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:2rem}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box p.why-popup-title span{display:inline-block;width:fit-content;font-size:4vh;color:#00002e;font-weight:600;border-bottom:2px solid #00002e;margin-bottom:6px}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box p.why-popup-read{display:block;width:100%;font-size:2.3vh;font-weight:500;color:#00002e;line-height:2}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links{display:flex;width:100%;-webkit-justify-content:space-between;justify-content:space-between}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a{color:#00002e;position:relative}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a.no-change{pointer-events:none;opacity:0}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(1){padding-left:50px}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(1)::before{content:"";position:absolute;width:30px;height:2px;background:#00002e;top:50%;left:3px;transform:translateY(-50%)}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(1)::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 10px 5px 0;border-color:transparent #00002e transparent transparent}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(2){padding-right:50px}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(2)::before{content:"";position:absolute;width:30px;height:2px;background:#00002e;top:50%;right:3px;transform:translateY(-50%)}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(2)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #00002e}@media screen and (max-width:768px){.why-bg{width:calc(100% - 40px);height:calc(100vh - 80px);top:80px;left:20px;background:#efefef url(../why/images/why_bg_typo.png) no-repeat left bottom;background-size:150%}.why-bg .why-bg-dot{top:0;left:32%}.why-bg .why-bg-dot img{display:block;width:auto;height:220vh}.why-bg .why-bg-dot.level1{transform:translate(-50%,0)}.why-bg .why-bg-dot.level2{transform:translate(-50%,-18%)}.why-bg .why-bg-dot.level3{transform:translate(-50%,-36%)}.why-bg .why-bg-dot.level4{transform:translate(-50%,-54%)}.why-bg .why-bg-dot.level5{transform:translate(-50%,-72%)}.why-bg .why-bg-dot.level6{transform:translate(-50%,-90%)}.why-bg .why-bg-dot.smalldot.level1{transform:translate(-50%,0)}.why-bg .why-bg-dot.smalldot.level2{transform:translate(-50%,-14%)}.why-bg .why-bg-dot.smalldot.level3{transform:translate(-50%,-28%)}.why-bg .why-bg-dot.smalldot.level4{transform:translate(-50%,-42%)}.why-bg .why-bg-dot.smalldot.level5{transform:translate(-50%,-56%)}.why-bg .why-bg-dot.smalldot.level6{transform:translate(-50%,-70%)}.why-bg .why-titlelogo{top:100px}.why-bg .scrollbars{display:none}@keyframes why_bg_anime{0%{width:105%;opacity:0;filter:blur(4px);top:20px}70%{width:110%;top:0}100%{top:0;width:110%;opacity:1;filter:blur(0)}}@keyframes why_logo_anime{0%{width:92%;opacity:0}100%{width:96%;opacity:1}}@keyframes why_arrow_anime{0%{transform:translateY(-5vh);opacity:0}20%{opacity:1}70%{opacity:1}100%{transform:translateY(0);opacity:0}}.why-content{padding:110px 20px 0;position:relative}.why-content::before{content:"";height:80px}.why-content::after{height:20px}.why-content-section{overflow:hidden;overflow-X:auto;display:block;position:relative}.why-content-section .why_faq_circle{width:190vw;height:62vh;margin-top:38vh;position:relative}.why-content-section .why_faq_circle li{width:44vw;height:44vw;opacity:.2;top:20%;left:20%;transition:all .3s ease .2s}.why-content-section .why_faq_circle li a{opacity:0;transition:all .2s}.why-content-section .why_faq_circle li:nth-of-type(1){position:absolute;top:25%;left:24%}.why-content-section .why_faq_circle li:nth-of-type(2){position:absolute;top:25%;left:50%}.why-content-section .why_faq_circle li:nth-of-type(3){position:absolute;top:25%;left:76%}.why-content-section .why_faq_circle li:nth-of-type(4){position:absolute;top:68%;left:24%}.why-content-section .why_faq_circle li:nth-of-type(5){position:absolute;top:68%;left:50%}.why-content-section .why_faq_circle li:nth-of-type(6){position:absolute;top:68%;left:76%}.why-content-section.is-show{opacity:1;transition:all .7s ease .1s}.why-content-section.is-show .why_faq_circle li a{width:100%;height:100%;padding:calc(2vw + .5em) 1vw 2vw;background:url(../why/images/q_title.png) no-repeat center 3vw;background-size:20vw;font-size:3.4vw}.why-content-section.is-show .why_faq_circle li:nth-of-type(1){animation:faq_circle_appear_anime .3s ease-out .7s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(2){animation:faq_circle_appear_anime .3s ease-out .3s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(3){animation:faq_circle_appear_anime .3s ease-out .2s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(4){animation:faq_circle_appear_anime .3s ease-out .5s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(5){animation:faq_circle_appear_anime .3s ease-out .2s both}.why-content-section.is-show .why_faq_circle li:nth-of-type(6){animation:faq_circle_appear_anime .3s ease-out .6s both}@keyframes faq_circle_appear_anime{0%{width:32vw;height:32vw;opacity:0}90%{width:47vw;height:47vw}100%{width:44vw;height:44vw;opacity:1}}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container{top:78%;height:140vw;width:140vw;padding:0 25vw;max-width:140vw}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content{width:100%;height:100%}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container{width:100vw;margin:0 auto}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .wfy-faq-modaal-title{width:26vw;height:10vw;top:3vh}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box{padding:0}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box p.why-popup-title{display:block;margin-bottom:10px}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box p.why-popup-title span{font-size:1.8rem;letter-spacing:0;padding-bottom:.3em}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .why-popup-box p.why-popup-read{font-size:1.3rem;line-height:1.8em}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links{display:flex;width:100%;-webkit-justify-content:space-between;justify-content:space-between}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a{color:#00002e;position:relative}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a.no-change{pointer-events:none;opacity:0}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(1){padding-left:50px}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(1)::before{content:"";position:absolute;width:30px;height:2px;background:#00002e;top:50%;left:3px;transform:translateY(-50%)}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(1)::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 10px 5px 0;border-color:transparent #00002e transparent transparent}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(2){padding-right:50px}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(2)::before{content:"";position:absolute;width:30px;height:2px;background:#00002e;top:50%;right:3px;transform:translateY(-50%)}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .change-modaal-links a:nth-of-type(2)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #00002e}.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-close{right:17%;top:-25px}}