.howToUse#index .intro{padding:250px 0 100px;text-align:center}@media only screen and (max-width: 767px){.howToUse#index .intro{padding:210px 0 60px;text-align:left}}.howToUse#index .intro__hl{font-weight:500;font-size:32px;font-size:calc(32 / 10 * 1rem);letter-spacing:0.18em;margin-bottom:40px;line-height:calc(56 / 32)}@media only screen and (max-width: 767px){.howToUse#index .intro__hl{font-size:22px;font-size:calc(22 / 10 * 1rem);text-align:center;margin-bottom:25px}}.howToUse#index .intro__tab__hl{font-size:20px;font-size:calc(20 / 10 * 1rem);margin-bottom:40px}.howToUse#index .intro__tab__list{display:flex;justify-content:center;align-items:end;flex-wrap:wrap}.howToUse#index .intro__tab__list ::-webkit-full-page-media,.howToUse#index .intro__tab__list :future,:root .howToUse#index .intro__tab__list{margin:0 -5px}.howToUse#index .intro__tab__list__item{border-bottom:2px solid #f5f8fa;position:relative;margin-right:20px;margin-bottom:40px}.howToUse#index .intro__tab__list__item:nth-child(5),.howToUse#index .intro__tab__list__item:nth-child(9){margin-right:0}.howToUse#index .intro__tab__list__item:nth-child(6),.howToUse#index .intro__tab__list__item:nth-child(7),.howToUse#index .intro__tab__list__item:nth-child(8),.howToUse#index .intro__tab__list__item:nth-child(9){margin-bottom:0}.howToUse#index .intro__tab__list__item::before{content:"";width:0;height:2px;position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);background-color:#525263;transition:width 1s ease-in-out}.howToUse#index .intro__tab__list__item:hover::before{width:100%}.howToUse#index .intro__tab__list__item--current{border-bottom:2px solid #525263}.howToUse#index .intro__tab__list__item--current::after{content:"";position:absolute;left:50%;transform:translateX(-50%);animation:fadeInContent 0.5s ease-in-out;opacity:1;bottom:-8px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #525263}@keyframes fadeInContent{0%{opacity:0}100%{opacity:1}}.howToUse#index .intro__tab__list__item>a{display:inline-block;height:100%;font-size:16px;font-size:calc(16 / 10 * 1rem);line-height:calc(28 / 16);width:224px;cursor:pointer;padding-bottom:20px}.howToUse#index .intro__xsTab__lead{font-size:16px;font-size:calc(16 / 10 * 1rem);text-align:center;line-height:calc(27 / 16);margin-bottom:40px}.howToUse#index .intro__xsTab .custom-select-wrapper{position:relative;display:inline-block;user-select:none;width:100%}.howToUse#index .intro__xsTab .custom-select-wrapper select{display:none}.howToUse#index .intro__xsTab .custom-select{position:relative;display:inline-block;width:100%}.howToUse#index .intro__xsTab .custom-select-trigger{position:relative;display:block;width:100%;text-align:center;color:#525263;cursor:pointer;padding-bottom:17px;border-bottom:1px solid #525263}.howToUse#index .intro__xsTab .custom-select-trigger:after{position:absolute;display:block;content:"";top:8px;right:0;width:0;height:0;border-top:8px solid #525263;border-right:6px solid transparent;border-left:6px solid transparent;transform:translateY(-50%);transition:all 0.3s ease-in-out}.howToUse#index .intro__xsTab .custom-select.opened .custom-select-trigger:after{top:0;transform:rotate(180deg)}.howToUse#index .intro__xsTab .custom-options{display:block;min-width:100%;box-sizing:border-box;transition:all 0.4s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px);display:none}.howToUse#index .intro__xsTab .custom-select.opened .custom-options{display:block;opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.howToUse#index .intro__xsTab .option-hover:before{background:#f9f9f9}.howToUse#index .intro__xsTab .custom-option{position:relative;text-align:center;display:block;padding:16px 0;border-bottom:1px solid #b5b5b5;color:#525263;cursor:pointer;transition:all 0.4s ease-in-out}.howToUse#index .intro__xsTab .custom-option>span{display:block}.howToUse#index .intro__xsTab .custom-option.selection{display:none}.howToUse#index .tabContents{position:relative;overflow-x:hidden}.howToUse#index .tabContents::before{z-index:-1;content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:500px;background-color:#f5f8fa}@media only screen and (max-width: 767px){.howToUse#index .tabContents::before{height:330px}}.howToUse#index .tabContents__content{padding:80px 0 200px;position:relative;overflow:hidden;opacity:0}.howToUse#index .tabContents__content:first-child{opacity:1}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content{padding:60px 0 100px}}.howToUse#index .tabContents__content#ad-face .tabContents__content__step__diagram__list__item--current,.howToUse#index .tabContents__content#uv-n .tabContents__content__step__diagram__list__item--current,.howToUse#index .tabContents__content#uv-s .tabContents__content__step__diagram__list__item--current{font-size:20px;font-size:calc(20 / 10 * 1rem);letter-spacing:0.3em}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content#ad-face .tabContents__content__step__diagram__list__item--current,.howToUse#index .tabContents__content#uv-n .tabContents__content__step__diagram__list__item--current,.howToUse#index .tabContents__content#uv-s .tabContents__content__step__diagram__list__item--current{letter-spacing:0.1em;font-size:14px;font-size:calc(14 / 10 * 1rem)}}.howToUse#index .tabContents__content#ad-body .tabContents__content__use{margin-top:150px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content#ad-body .tabContents__content__use{margin-top:60px}}.howToUse#index .tabContents__content__top{text-align:center}.howToUse#index .tabContents__content__top__name{font-size:32px;font-size:calc(32 / 10 * 1rem);letter-spacing:0.18em;line-height:calc(56 / 32);margin-bottom:10px;font-weight:500}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__top__name{font-size:22px;font-size:calc(22 / 10 * 1rem);line-height:calc(40 / 22)}}.howToUse#index .tabContents__content__top__category{font-size:16px;font-size:calc(16 / 10 * 1rem);margin-bottom:30px}.howToUse#index .tabContents__content__top__fig{width:1000px;margin:0 auto}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__top__fig{width:100%}}.howToUse#index .tabContents__content__step{padding:150px 0}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step{padding:60px 0}}.howToUse#index .tabContents__content__step__hl{text-align:center;font-size:32px;font-size:calc(32 / 10 * 1rem);letter-spacing:0.18em;margin-bottom:80px;font-weight:500}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__hl{font-size:22px;font-size:calc(22 / 10 * 1rem);margin-bottom:30px}}.howToUse#index .tabContents__content__step__diagram{border-top:1px solid #f5f8fa;border-bottom:1px solid #f5f8fa;display:flex;align-items:center;justify-content:space-between;height:600px;width:100%;position:relative}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram{display:block;height:auto;border-top:none;border-bottom:none}}.howToUse#index .tabContents__content__step__diagram::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#f5f8fa;z-index:-1}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram::before{width:1px;height:100%;top:0;left:50%}}.howToUse#index .tabContents__content__step__diagram__time{display:flex;justify-content:center;flex-direction:column}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__time{flex-direction:row;margin-bottom:40px}}.howToUse#index .tabContents__content__step__diagram__time__morning{text-align:center;margin-bottom:185px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__time__morning{margin-bottom:0;margin-right:105px}}.howToUse#index .tabContents__content__step__diagram__time__morning__fig{width:66px;margin:0 auto 20px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__time__morning__fig{width:40px;margin:0 auto 10px}}.howToUse#index .tabContents__content__step__diagram__time__morning__name{font-family:"Barlow", sans-serif;font-weight:300;letter-spacing:0;font-size:24px;font-size:calc(24 / 10 * 1rem)}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__time__morning__name{font-size:17px;font-size:calc(17 / 10 * 1rem)}}.howToUse#index .tabContents__content__step__diagram__time__moon{text-align:center}.howToUse#index .tabContents__content__step__diagram__time__moon__fig{width:66px;margin:0 auto 20px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__time__moon__fig{width:40px;margin:0 auto 10px}}.howToUse#index .tabContents__content__step__diagram__time__moon__name{font-family:"Barlow", sans-serif;font-weight:300;letter-spacing:0;font-size:24px;font-size:calc(24 / 10 * 1rem)}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__time__moon__name{font-size:17px;font-size:calc(17 / 10 * 1rem)}}.howToUse#index .tabContents__content__step__diagram__list{display:flex;align-items:flex-end;height:100%}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list{flex-direction:column}}.howToUse#index .tabContents__content__step__diagram__list__item{writing-mode:vertical-lr;text-orientation:upright;text-align:center;background-color:#f5f8fa;height:100%;padding:0 32px;font-size:28px;font-size:calc(28 / 10 * 1rem);font-weight:500;letter-spacing:0.5em;position:relative;margin-right:55px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item{height:auto;width:100%;writing-mode:horizontal-tb;font-size:14px;font-size:calc(14 / 10 * 1rem);letter-spacing:0.1em;padding:20px 0;margin-right:0;margin-bottom:45px}}.howToUse#index .tabContents__content__step__diagram__list__item:last-child{margin-right:0;margin-bottom:0}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item>span{display:none}}.howToUse#index .tabContents__content__step__diagram__list__item>span.tabContents__content__step__diagram__list__item__rotate{text-combine-upright:all;display:inline-block;margin-bottom:15px;text-align:center;writing-mode:horizontal-tb;letter-spacing:0}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item>span.tabContents__content__step__diagram__list__item__rotate{display:inline-block;text-combine-upright:none;margin-bottom:0;letter-spacing:0.01em}}.howToUse#index .tabContents__content__step__diagram__list__item::before{content:"";position:absolute;top:calc(50% - 3px);transform:translateY(-50%);right:-40px;width:24px;height:8px;background-image:url(./images/common/arrow_short.svg);background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item::before{top:auto;right:auto;left:calc(50% - 12px);bottom:-25px;transform:rotate(90deg) translateY(-50%);width:22px}}.howToUse#index .tabContents__content__step__diagram__list__item--current{background-color:#525263;font-weight:bold;color:#ffffff}.howToUse#index .tabContents__content__step__diagram__list__item:first-child{height:50%}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item:first-child{height:auto;width:50%}.howToUse#index .tabContents__content__step__diagram__list__item:first-child::before{left:calc(50% - 8px)}}.howToUse#index .tabContents__content__step__diagram__list__item:nth-last-child(2)::before{top:calc(50% - 150px)}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item:nth-last-child(2)::before{top:auto;right:auto;left:calc(25% - 8px)}}.howToUse#index .tabContents__content__step__diagram__list__item:last-child{height:50%;align-self:flex-start}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__step__diagram__list__item:last-child{height:auto;width:50%}}.howToUse#index .tabContents__content__step__diagram__list__item:last-child::before{display:none}.howToUse#index .tabContents__content__step__footnote{margin-bottom:10px;position:relative;padding-left:15px;line-height:calc(18 / 12);font-size:12px;font-size:calc(12 / 10 * 1rem)}.howToUse#index .tabContents__content__step__footnote>span{position:absolute;top:0;left:0}.howToUse#index .tabContents__content__step__footnote:first-of-type{margin-top:30px}.howToUse#index .tabContents__content__step__footnote:last-of-type{margin-bottom:0}.howToUse#index .tabContents__content__use{text-align:center}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use{text-align:left}}.howToUse#index .tabContents__content__use__hl{font-size:32px;font-size:calc(32 / 10 * 1rem);font-weight:500;letter-spacing:0.18em;text-align:center;margin-bottom:40px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__hl{font-size:22px;font-size:calc(22 / 10 * 1rem);margin-bottom:30px}}.howToUse#index .tabContents__content__use__lead{font-size:16px;font-size:calc(16 / 10 * 1rem);text-align:left;line-height:calc(34 / 16);padding:60px 0;border-top:1px solid #f5f8fa;border-bottom:1px solid #f5f8fa;margin-bottom:100px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__lead{padding:20px 0;line-height:calc(32 / 16);margin-bottom:60px}}.howToUse#index .tabContents__content__use__lead__footnote{font-size:12px;font-size:calc(12 / 10 * 1rem)}.howToUse#index .tabContents__content__use__stepList{margin-bottom:120px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__stepList{margin-bottom:60px}}.howToUse#index .tabContents__content__use__stepList__item{display:flex;padding:60px 0;border-bottom:1px solid #f5f8fa}.howToUse#index .tabContents__content__use__stepList__item:first-child{border-top:1px solid #f5f8fa}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__stepList__item{padding:40px 0;display:block}}.howToUse#index .tabContents__content__use__stepList__item__num{font-family:"Barlow", sans-serif;font-size:22px;font-size:calc(22 / 10 * 1rem);letter-spacing:0;font-weight:300;width:100px;margin-right:110px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__stepList__item__num{margin-bottom:20px;margin-right:0;width:100%}}.howToUse#index .tabContents__content__use__stepList__item__num>span{font-size:32px;font-size:calc(32 / 10 * 1rem)}.howToUse#index .tabContents__content__use__stepList__item__content__lead{font-size:16px;font-size:calc(16 / 10 * 1rem);line-height:calc(34 / 16);text-align:left}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__stepList__item__content__lead{line-height:calc(32 / 16)}}.howToUse#index .tabContents__content__use__stepList__item__content__fig{width:555px;margin-top:30px;margin-left:90px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__stepList__item__content__fig{margin-left:0;margin-top:20px;width:100%}}.howToUse#index .tabContents__content__use__protection{background-color:#f5f8fa;padding:80px 100px;margin-bottom:120px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__protection{margin:0 -20px 60px;padding:60px 20px}}.howToUse#index .tabContents__content__use__protection__hl{font-size:32px;font-size:calc(32 / 10 * 1rem);font-weight:500;letter-spacing:0.18em;text-align:center;margin-bottom:40px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__protection__hl{font-size:22px;font-size:calc(22 / 10 * 1rem);margin-bottom:30px}}.howToUse#index .tabContents__content__use__protection__list__item{position:relative;font-size:16px;font-size:calc(16 / 10 * 1rem);line-height:calc(34 / 16);padding-left:20px;text-align:left}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__protection__list__item{font-size:14px;font-size:calc(14 / 10 * 1rem);line-height:calc(30 / 14);margin-bottom:5px}.howToUse#index .tabContents__content__use__protection__list__item:last-child{margin-bottom:0}}.howToUse#index .tabContents__content__use__protection__list__item::before{content:"・";position:absolute;top:0;left:0}.howToUse#index .tabContents__content__use__btn{display:inline-block;position:relative;width:450px}@media only screen and (max-width: 767px){.howToUse#index .tabContents__content__use__btn{width:100%}}.howToUse#index .tabContents__content__use__btn::before{content:"";display:block;position:absolute;width:100%;height:170px;top:50%;left:-100%;pointer-events:none;transform:translateY(-50%);background-image:linear-gradient(130deg, rgba(255,255,255,0) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 75%);animation:shine 3s infinite;z-index:2}@keyframes shine{100%{left:100%}}::-webkit-full-page-media,:future,:root .howToUse#index .tabContents__content__step__diagram__list__item::before{height:9px}