﻿:root{--color-white: #fff;--color-black: #000;--color-blue: #6570B4;--color-footer-bg: #2E457C;--color-nav-blue: rgb(46, 69, 124,.8);--font-sans: "Noto Sans JP", "游ゴシック", YuGothic, "Helvetica", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Arial, sans-serif;--font-serif: "Noto Serif JP", "游ゴシック", YuGothic, "Helvetica", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Arial, sans-serif}/*!
  Reset Stylesheet
  Author: yama-dev - https://github.com/yama-dev
  */html,body,div,span,object,iframe,embed,main,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,source{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:middle;background:rgba(0,0,0,0);box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ol,ul{list-style:none}button,input,select,textarea,datalist{vertical-align:middle;min-height:1.5em;background-color:rgba(0,0,0,0)}input[type=submit],input[type=reset]{cursor:pointer}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset}a[href^=tel]{display:inline-block;color:inherit}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}iframe{border:none}template{display:none}[hidden]{display:none}[tabindex="-1"]:focus:not(:focus-visible){outline:0}[role=button]{cursor:pointer}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}body{line-height:1}body,button,input,select,textarea,datalist{text-size-adjust:100%;word-wrap:break-word}img{max-width:100%;display:block;vertical-align:middle}@media screen and (min-width: 768px){.is-pc{display:block}.is-sp{display:none}.is-pc-inline{display:inline-block}.is-sp-inline{display:none}}@media screen and (max-width: 767px){.is-pc{display:none}.is-sp{display:block}.is-pc-inline{display:none}.is-sp-inline{display:inline-block}}html{font-size:.625em}body,button,input,select,textarea,datalist{font-family:var(--font-sans)}a{text-decoration:none}.m-modal.m-modal-custom .m-modal__content{height:fit-content;margin:0 auto}.m-modal.m-modal-custom .m-modal__content img{width:100%;max-width:800px;margin:0 auto;padding:20px}.m-modal.m-modal-custom .m-modal__close-btn{width:50px;height:50px;top:10px;right:10px}@media screen and (max-width: 767px){.m-modal.m-modal-custom .m-modal__close-btn{width:30px;height:30px}}.m-modal.m-modal-custom .m-modal__close-btn::before{width:1px;height:50px}@media screen and (max-width: 767px){.m-modal.m-modal-custom .m-modal__close-btn::before{height:30px}}.m-modal.m-modal-custom .m-modal__close-btn::after{width:1px;height:50px}@media screen and (max-width: 767px){.m-modal.m-modal-custom .m-modal__close-btn::after{height:30px}}.l-wrap{position:relative}@media screen and (min-width: 768px){.l-wrap::before{content:"";display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:url(../img/bg/main_bg_pc.png) repeat center/contain}}.l-contents{width:100%;max-width:780px;margin:0 auto;position:relative;overflow:hidden}.l-bg{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;background:url(../img/bg/bg_main.png) repeat center/cover}.l-bg__star{width:100%;height:100%;background:url(../img/bg/bg_star.png) repeat center/100% auto;position:relative;transition:transform 1s cubic-bezier(0.33, 1, 0.68, 1)}.l-bg__deco{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;transition:transform 1s cubic-bezier(0.33, 1, 0.68, 1)}.l-bg__deco-item{position:absolute;animation:rotateDeco 40s linear infinite}.l-bg__deco-item:nth-of-type(1){width:149%;left:-49.8%;top:-2%}.l-bg__deco-item:nth-of-type(2){width:81%;right:-30.6%;top:17%}.l-bg__deco-item:nth-of-type(3){width:145%;left:-94.6%;top:20%}.l-bg__deco-item:nth-of-type(4){width:154%;right:-89.6%;top:32.7%}.l-bg__deco-item:nth-of-type(5){width:194%;left:-73%;top:49.7%}.l-bg__deco-item:nth-of-type(6){width:158%;right:-85.6%;top:69.2%}.l-bg__deco-item:nth-of-type(7){width:158%;left:-126.6%;top:84.2%}@keyframes rotateDeco{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotateDeco2{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.c-title{width:63%;opacity:0;transform:translateY(10px);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1),opacity .9s cubic-bezier(0.33, 1, 0.68, 1),filter .9s cubic-bezier(0.33, 1, 0.68, 1)}.is-active .c-title{opacity:1;transform:translateY(0)}.c-title img{width:100%}.c-btn{width:51%}.c-btn__text{display:block;transition:transform .8s cubic-bezier(0.33, 1, 0.68, 1)}@media screen and (min-width: 768px){.c-btn:hover .c-btn__text{transform:scale(0.97)}}.p-op{width:100%;height:100%;max-width:780px;position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10;background:#fff url(../img/bg/bg_main.png) no-repeat center/cover;transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) 4s,transform 4s cubic-bezier(0.33, 1, 0.68, 1) 4s,filter 1s cubic-bezier(0.33, 1, 0.68, 1) 4s;pointer-events:none}.is-visited .p-op{display:none}.is-load .p-op{opacity:0}.p-op__text{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) 2s}.is-load .p-op__text{opacity:0;transform:translate(-50%, -50%) scale(0.9)}.p-op__text img{opacity:0;transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1)}.is-load .p-op__text img{opacity:1}.p-op__logo{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.p-op__logo img{opacity:0;filter:blur(10px);transform:scale(1.1);transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) 2.5s,transform 4s cubic-bezier(0.33, 1, 0.68, 1) 2.5s,filter 1s cubic-bezier(0.33, 1, 0.68, 1) 2.5s}.is-load .p-op__logo img{opacity:1;transform:scale(1);filter:blur(0)}.p-header{width:100%;padding-top:56.25%;position:relative;z-index:0;-webkit-mask:url(../img/header_mask.png) no-repeat top/100% auto;mask:url(../img/header_mask.png) no-repeat top/100% auto}.p-header__movie{width:100%;height:100%;position:absolute;top:0;left:0}.p-header__movie::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/movie_filter.png) no-repeat center/cover;opacity:.2}.p-header__movie video{width:100%}.p-header__movie-bg{width:100%;height:100%;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}.p-header__logo_shadow{display:block;width:39.2%;position:absolute;bottom:0;left:50%;transform:translate(-50%, 57%);z-index:1;opacity:0;transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) 5.5s}.is-load .p-header__logo_shadow{opacity:1}.p-main{padding:25% 0 22%;position:relative;z-index:1}.p-main::before{content:"";display:block;width:100%;padding-top:7%;position:absolute;left:0;top:-0.96%;background:url(../img/bg/bg_ribbon.png) no-repeat top/100% auto;z-index:1}.p-kv__logo{width:35.3%;position:absolute;top:0;left:50%;transform:translate(-50%, -42%);z-index:1;opacity:0;transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) 4.2s}.is-visited .p-kv__logo{transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) .1s}.is-load .p-kv__logo{opacity:1}.p-kv__title{width:66%;margin:0 auto 12.5%;filter:blur(10px);opacity:0;transform:scale(1.05);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) 4.3s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) 4.3s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) 4.3s}.is-visited .p-kv__title{transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .2s}.is-load .p-kv__title{filter:blur(0);opacity:1;transform:scale(1)}.p-kv__image{transform:scale(1.1);position:relative}.p-kv__image-item{position:relative}.is-male-active .p-kv__image-item.--female,.is-female-active .p-kv__image-item.--male{display:none}.p-kv__image-item-bg{width:100%;position:relative;left:1%;opacity:0;transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) 4.4s}.is-visited .p-kv__image-item-bg{transition:opacity 1s cubic-bezier(0.33, 1, 0.68, 1) .3s}.is-load .p-kv__image-item-bg{opacity:1}.p-kv__image-item-main{width:96%;position:absolute;top:50%;left:51.3%;transform:translate(-50%, -50%)}.is-load .p-kv__image-item-main img{transform:scale(1);opacity:1}.p-kv__image-item-main img{width:100%;transform:scale(0.97);opacity:0;transition:transform 2s cubic-bezier(0.33, 1, 0.68, 1) 4.5s,opacity 2s cubic-bezier(0.33, 1, 0.68, 1) 4.5s,filter 1s cubic-bezier(0.34, 1.56, 0.64, 1) 4.5s}.is-visited .p-kv__image-item-main img{transition:transform 2s cubic-bezier(0.33, 1, 0.68, 1) .4s,opacity 2s cubic-bezier(0.33, 1, 0.68, 1) .4s,filter 1s cubic-bezier(0.34, 1.56, 0.64, 1) .4s}.p-share{padding-top:19.6%}.p-share__title{margin:0 auto 6%}.p-share__lead{margin-bottom:10%}.p-share__lead-head{width:67%;margin:0 auto 7%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .1s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .1s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .1s}.is-active .p-share__lead-head{filter:blur(0);opacity:1;transform:scale(1)}.p-share__lead-text{width:88%;margin:0 auto;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .2s}.is-active .p-share__lead-text{opacity:1;filter:blur(0);transform:scale(1)}.p-share__link{width:37%;margin:0 auto 9%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .3s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .3s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .3s;position:relative}.is-active .p-share__link{opacity:1;filter:blur(0);transform:scale(1)}@media screen and (min-width: 768px){.p-share__link-btn .p-in-item:hover::before{transform:translateY(-10px) rotate(5deg)}}.p-share__link-btn .p-in-item::before{content:"";display:block;width:42%;padding-top:29%;position:absolute;top:0;left:-32%;background:url(../img/share_link_open.png) no-repeat center/contain;transition:transform .7s cubic-bezier(0.33, 1, 0.68, 1)}.p-share__image{position:relative;overflow:hidden;opacity:0;transform:scale(1.04);opacity:0;transition:transform 1s cubic-bezier(0.33, 1, 0.68, 1) .4s,opacity 1s cubic-bezier(0.33, 1, 0.68, 1) .4s}.is-active .p-share__image{opacity:1;transform:scale(1)}.p-share__image img{width:100%}.p-goods{padding-top:20.3%}.p-goods__title{margin:0 auto 6%}.p-goods__content{margin-bottom:8.6%}.p-goods__content-lead{width:63%;margin:0 auto 5%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .1s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .1s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .1s}.is-active .p-goods__content-lead{opacity:1;filter:blur(0);transform:scale(1)}.p-goods__content-img{width:87.4%;margin:0 auto 6%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .2s}.is-active .p-goods__content-img{opacity:1;filter:blur(0);transform:scale(1)}.p-goods__content-slide{width:81.4%;margin:0 auto;position:relative;opacity:0;filter:blur(4px);transform:translateY(10px);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .3s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .3s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .3s}.is-active .p-goods__content-slide{opacity:1;filter:blur(0);transform:translateY(0)}.p-goods__content-slide-inner{width:100%;position:relative;overflow:hidden}.p-goods__content-slide-list{width:100%}.p-goods__content-slide-list-item{width:26%;cursor:pointer;transition:transform .5s cubic-bezier(0.33, 1, 0.68, 1)}@media screen and (min-width: 768px){.p-goods__content-slide-list-item:hover{transform:scale(0.96)}}.p-goods__content-slide-list-item img{width:100%}.p-goods__content-slide-nav-item{width:7%;padding-top:7%;border-radius:50rem;background-color:var(--color-nav-blue);position:relative;transition:transform .5s cubic-bezier(0.33, 1, 0.68, 1);z-index:1}.p-goods__content-slide-nav-item::before{content:"";display:block;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--color-white);-webkit-clip-path:polygon(0 0, 0% 100%, 100% 50%);clip-path:polygon(0 0, 0% 100%, 100% 50%)}.p-goods__content-slide-nav-item.--prev{position:absolute;top:50%;left:.4%;transform:translate(-50%, -50%) rotate(180deg)}@media screen and (min-width: 768px){.p-goods__content-slide-nav-item.--prev:hover{transform:translate(calc(-50% - 6px), -50%) rotate(180deg)}}.p-goods__content-slide-nav-item.--next{position:absolute;top:50%;right:.4%;transform:translate(50%, -50%)}@media screen and (min-width: 768px){.p-goods__content-slide-nav-item.--next:hover{transform:translate(calc(50% + 6px), -50%)}}.p-goods__btn{width:51%;margin:0 auto;opacity:0;filter:blur(4px);transform:translateY(10px);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .4s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .4s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .4s}.is-active .p-goods__btn{opacity:1;filter:blur(0);transform:translateY(0)}.p-voice{padding-top:20.3%}.p-voice__title{margin:0 auto 5%}.p-voice__lead{width:68%;margin:0 auto 4.4%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .1s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .1s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .1s}.is-active .p-voice__lead{opacity:1;filter:blur(0);transform:scale(1)}.p-voice__image{width:87.4%;margin:0 auto 6.4%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .2s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .2s}.is-active .p-voice__image{opacity:1;filter:blur(0);transform:scale(1)}.p-voice__detail{width:85.7%;margin:0 auto 6.7%;opacity:0;filter:blur(4px);transform:scale(1.02);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .3s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .3s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .3s}.is-active .p-voice__detail{opacity:1;filter:blur(0);transform:scale(1)}.p-voice__btn{margin:0 auto 8.7%;opacity:0;filter:blur(4px);transform:translateY(10px);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .4s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .4s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .4s}.is-active .p-voice__btn{opacity:1;filter:blur(0);transform:translateY(0)}.p-voice__share{width:88%;margin:0 auto 11%;opacity:0;filter:blur(4px);transform:translateY(10px);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .5s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .5s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .5s}.is-active .p-voice__share{opacity:1;filter:blur(0);transform:translateY(0)}.p-voice__share a{display:block;transition:transform .8s cubic-bezier(0.33, 1, 0.68, 1)}@media screen and (min-width: 768px){.p-voice__share:hover a{transform:scale(0.98)}}.p-voice__join{width:87.6%;margin:0 auto;font-size:min(2.67vw,20px);font-weight:500;color:var(--color-blue);opacity:0;filter:blur(4px);transform:translateY(10px);transition:transform .9s cubic-bezier(0.33, 1, 0.68, 1) .6s,opacity .9s cubic-bezier(0.33, 1, 0.68, 1) .6s,filter .9s cubic-bezier(0.33, 1, 0.68, 1) .6s}.is-active .p-voice__join{opacity:1;filter:blur(0);transform:translateY(0)}.p-voice__join-item{margin-bottom:5%}.p-voice__join-item-head{margin-bottom:1%}.p-voice__join-item-detail{margin-bottom:4%;line-height:1.84}.p-voice__join-item-caution .p-in-list-item{line-height:1.5}.p-footer{padding:12% 0 3.8%;background-color:var(--color-footer-bg);position:relative;z-index:1}.p-footer__pagetop{width:25%;position:absolute;top:1px;left:50%;transform:translate(-50%, -100%);cursor:pointer}.p-footer__pagetop img{width:100%;transition:transform .4s cubic-bezier(0.33, 1, 0.68, 1)}@media screen and (min-width: 768px){.p-footer__pagetop:hover img{transform:translateY(5px)}}.p-footer__logo{width:46%;margin:0 auto 12%;position:relative;left:-1.5%;transition:transform .4s cubic-bezier(0.33, 1, 0.68, 1)}@media screen and (min-width: 768px){.p-footer__logo:hover{transform:scale(0.97)}}.p-footer__copy{text-align:center;font-size:1rem;color:var(--color-white)}
