@charset "UTF-8";.main-contents{padding-top:0}.kv-section{position:relative}.kv-section .kvimg{width:100%}@media screen and (max-width:767px){.kv-section .kvimg{width:145%;position:relative;top:-1rem;left:-1rem}}.kv-section .kv-1_line{position:absolute;top:2.5rem;width:65%;max-width:1200px;margin:0 auto 0 5%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.kv-section .kv-1_line .logo_farm{margin:0}.kv-section .kv-1_line .logo_farm ul{gap:1rem}.kv-section .kv-1_line .logo_farm li img{max-height:2rem;display:block}@media screen and (max-width:767px){.kv-section .kv-1_line{top:.5rem}.kv-section .kv-1_line .logo_farm li img{max-height:1rem}}.kv-section .kv-2_line{position:absolute;width:100%;top:15vw;left:0}.kv-section .kv-2_line .kv_catch{width:10%;max-width:3rem;margin-left:5.5%}@media screen and (max-width:767px){.kv-section .kv-2_line .kv_catch{max-width:2rem}}.kv-section .kv-2_line_en{position:absolute;width:100%;top:8vw;left:0}.kv-section .kv-2_line_en .kv_catch_en{width:30%;max-width:22rem;margin-left:4%}@media screen and (max-width:767px){.kv-section .kv-2_line_en .kv_catch_en{max-width:12rem}}.kv-section .kv-3_line{position:absolute;top:15%;right:6%;width:32%;max-width:600px}.kv-section .kv-3_line .hdkvlogo{width:100%;filter:drop-shadow(0 0 20px rgba(255, 255, 255, .8));margin:0 auto}.kv-section .kv-3_line .btn_wrap a{display:block;letter-spacing:.2rem}.kv-section .kv-3_line .kv-date{width:80%;margin:1.5vw auto .5vw}.kv-section .kv-3_line .btnitem_skew{margin:0 auto;display:block;max-width:9rem;z-index:0}.kv-section .kv-3_line .kv-inner-mov{width:70%;max-width:360px;margin:5vw auto 0}@media screen and (max-width:767px){.kv-section .kv-3_line{position:relative;left:auto;right:auto;width:90%;margin:-25% auto 0}.kv-section .kv-3_line .hdkvlogo{width:80%}.kv-section .kv-3_line .kv-inner-mov{width:100%;max-width:640px;margin:7vw auto}}.kv-section .kv-mov{position:absolute;bottom:5vw;right:3vw;width:20%;max-width:360px}.kv-section .sns_farm{max-width:2rem;display:flex;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:1.5rem;width:8vw;position:absolute;top:25rem;right:1.5rem}.banner-item>a,.features-intro,.swiper-topics,.swiper-topics .swiper-slide>a{position:relative}.kv-section .sns_farm img{filter:invert(61%) sepia(36%) saturate(749%) hue-rotate(168deg) brightness(120%) contrast(90%)}.hdbanner{margin-top:-5%}.hd-topics{margin-top:-10%}.hd-topics .js-data-insert{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start}.hd-topics .swiper-slide{box-sizing:border-box;width:23%;align-items:stretch;height:auto}@media screen and (max-width:767px){.kv-section .sns_farm{max-width:1.2rem;top:5rem;gap:1rem}.hd-topics{margin-top:1rem}.hd-topics .swiper-slide{width:47%}}.hd-topics .swiper-slide-wrap{display:flex;flex-direction:column;height:100%;background-color:rgba(255,255,255,.6);padding:.3rem;overflow:visible;box-sizing:border-box;box-shadow:0 0 .75rem rgba(201,152,152,.2)}.hd-topics .slide-texts{flex-grow:1;display:flex;flex-direction:column;padding:.5rem;justify-content:space-between;font-size:.8rem;line-height:1.5;color:#222}.hd-topics .slide-texts .slide-title{margin-bottom:1rem}.hd-topics .slide-texts .slide-date{font-size:1.2em;font-style:normal;opacity:.65;display:flex;margin-left:50%;align-items:center;justify-content:end}.hd-topics .slide-texts .slide-date hr{width:1.5em;margin:0 .5em;min-width:1em}.hd-topics .slide-texts .slide-date s{text-decoration:none;margin-left:auto}.hd-topics .slide-texts .slide-date b{font-weight:300}.section-headline{text-align:center}.top-catchcopy .body_copy{font-size:1.1rem;text-align:center}.swiper-topics{overflow:visible;width:90%;margin:0 auto}.banner-wrap{display:flex;gap:1rem}.features-intro .back--wrap{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.features-intro .copy--wrap{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.features-intro .copy--wrap .main_copy{box-sizing:border-box;padding:4rem 6rem;width:65%}.features-intro .copy--wrap .sub_copy{box-sizing:border-box;padding:2rem;width:25%}.mask-lr{-webkit-mask-image:linear-gradient(100deg,#000 70%,transparent 95%);mask-image:linear-gradient(100deg,#000 70%,transparent 95%)}@media screen and (max-width:767px){.mask-lr{mask-image:none}}.mask-rl{-webkit-mask-image:linear-gradient(100deg,transparent 5%,#000 30%);mask-image:linear-gradient(100deg,transparent 5%,#000 30%)}.features-title--block .title_wrapper{background:#e1edff;position:relative}.features-title--block .title_wrapper::before{content:"";position:absolute;left:.4rem;top:.4rem;width:100%;height:100%;background:#aeceff;z-index:-1}.features-title--block .title_wrapper .exinf{position:absolute;top:0;left:0;width:100%}.features-title--block .title_wrapper .exinf img{max-width:3.5rem}.features-title--block .title_wrapper .exinf div{position:absolute;top:0;right:0;padding:.4rem .8rem;line-height:1.2;font-size:1rem;font-weight:700;background:#aeceff;color:#667c9e}.features-title--block .title_wrapper dl{display:flex;overflow:hidden}.js-products-swiper,.js-swiper-chara,.swiper-movie{overflow:visible}.features-title--block .title_wrapper dt{width:60%}.features-title--block .title_wrapper dd{margin:0;width:50%}.features-title--block .title_wrapper .timg{width:110%}.features-title--block .title_wrapper .tlogo{width:70%;margin:-1% 0 0 10%}.features-title--block .title_wrapper p{color:#222;font-size:.7rem;margin-top:-.8rem;width:98%;line-height:1.5}.features-db--block .db-block-wrap .tempimg,.features-title--block .title_ray p,.features-title--block .title_tie p{width:100%}.features-title--block .title_ray{background:#f1d3da}.features-title--block .title_ray dt{order:2}.features-title--block .title_ray .exinf div{background:#f99;color:#aa6c6c}.features-title--block .title_ray::before{background:#f99}.features-title--block .title_ray .tlogo{margin-left:15%}@media screen and (max-width:767px){.mask-rl{mask-image:none}.features-title--block .title_wrapper dl{flex-direction:column}.features-title--block .title_wrapper dd,.features-title--block .title_wrapper dt{width:100%}.features-title--block .title_ray dt{order:0}}.features-title--block .title_sun{background:#f7f0e2}.features-title--block .title_sun dt{order:0}.features-title--block .title_sun .exinf div{background:#fcc99c;color:#ae8460}.features-title--block .title_sun::before{background:#fcc99c}.features-title--block .title_tie{background:#e9fbfe}.features-title--block .title_tie dt{order:2}.features-title--block .title_tie .exinf div{background:#b7f089;color:#5b962b}.features-title--block .title_tie::before{background:#b7f089}.features-title--block .title_tie .tlogo{margin-left:20%}.features-db--block .db-block-wrap{display:flex;align-items:center}.features-db--block .db-block-wrap video{width:60%}.features-db--block .db-block-wrap .db_text{width:100%;padding:2%;text-align:left}.features-db--block .js-swiper-features{margin-top:1rem}.features-db--block .js-swiper-features .swiper-slide a{display:block;margin-right:.5rem}.top-features .body_copy{font-size:1.1rem;text-align:center;margin-bottom:4rem;filter:drop-shadow(0 0 .5rem #fff);letter-spacing:.2rem}.top-features .container{background:rgba(255,255,255,.7);padding:3.5rem 2.5rem 3rem;text-align:center;box-shadow:0 0 .75rem rgba(201,152,152,.2)}@media screen and (max-width:767px){.features-title--block .title_tie dt{order:0}.features-db--block .db-block-wrap{flex-direction:column}.features-db--block .db-block-wrap video{width:100%}.top-features .body_copy{font-size:1rem;width:90%;margin:0 auto 2rem}.top-features .container{padding:2rem 1rem}}.top-features .mid-title{margin-bottom:1rem}.top-features h5{margin-bottom:.8rem}.top-features ul.image_gar_base{display:flex;flex-wrap:nowrap;justify-content:center;gap:.5rem}.top-features ul.image_gar_base li{width:33%}@media screen and (max-width:767px){.top-features ul.image_gar_base{flex-direction:column}.top-features ul.image_gar_base li{width:100%}}.features-back-hex01{width:72%;min-height:28rem;background-color:rgba(199,255,199,.85);clip-path:polygon(5% 12%,38% 3%,82% 16%,97% 68%,83% 90%,9% 86%)}.features-back-hex02{width:25%;height:10rem;background-color:rgba(255,255,200,.85);clip-path:polygon(5% 6%,45% 3%,99% 26%,92% 72%,83% 90%,9% 86%)}.swiper-movie{width:75%;position:relative}.swiper-movie .swiper-slide{opacity:0;transition:opacity .5s}.swiper-movie .swiper-slide-visible{opacity:1}.swiper-movie .swiper-button-next{margin-bottom:-2rem;margin-right:2rem;z-index:50}.swiper-movie .swiper-button-prev{margin-bottom:-2rem;margin-left:2rem}@media screen and (max-width:767px){.swiper-movie{width:90%}.swiper-movie .swiper-slide{opacity:1}.swiper-movie .swiper-button-next{margin-right:-1.5rem}.swiper-movie .swiper-button-prev{margin-left:-1.5rem}.top-movie__thumbnail{width:90%}}.top-movie__thumbnail{position:relative;display:block;width:90%;margin:auto}.top-movie__thumbnail-img{border:.2rem solid #fff;box-sizing:border-box;position:relative;display:block;z-index:2}.top-movie__thumbnail-bg{position:absolute;background:#5876fa;background:linear-gradient(135deg,#5868fa 27%,#67d1f1 93%);top:.4rem;left:.4rem;height:100%;width:100%;z-index:0}.top-movie__name{position:absolute;bottom:-3.5rem;z-index:10;font-size:1.2rem;width:100%;text-align:center;color:#222}.top-chara-tab{width:80%;margin:0 auto;display:flex;justify-content:space-between;gap:1rem 1%;flex-wrap:wrap;align-items:flex-start;margin-bottom:1.5rem}@media screen and (max-width:767px){.top-movie__thumbnail-bg{top:.7rem;left:.7rem}.top-chara-tab{width:95%}}.top-chara-tab button{width:49%;padding:1.5em .5em;border:none;background-color:#fff;border-bottom:4px solid #fff;font-size:.9rem}.top-chara-tab button:hover{cursor:pointer}.top-chara-tab button.js-tab-on{border-bottom:.4rem solid #aeceff}.top-chara-tab button.br_org.js-tab-on{border-color:#aeceff}.top-chara-tab button.br_ray.js-tab-on{border-color:#f99}.top-chara-tab button.br_sun.js-tab-on{border-color:#fcc99c}.top-chara-tab button.br_tie.js-tab-on{border-color:#b7f089}.title-chara-wrap{width:100%;margin:0 auto}.chara-main--wrap{display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:1rem 0;width:90%;margin:0 auto}@media screen and (max-width:767px){.top-chara-tab button{padding:.5em .25em}.chara-main--wrap{flex-wrap:wrap;width:84%}}.main_chara--blk{width:25%}@media screen and (max-width:767px){.main_chara--blk{width:50%}}.main_chara--blk .text-box{box-sizing:border-box;margin:0 4.1% 0 auto;width:74.3%;padding:0 .6rem .5em;background-color:#fff;min-height:8rem}.main_chara--blk .text-box dt{font-size:.9rem;font-weight:700}.main_chara--blk .text-box dl{margin-top:0;letter-spacing:.1rem;font-size:.8rem}.main_chara--blk .text-box dd{margin:1rem auto .75em 0;font-size:.7rem;line-height:1.2}.main_chara--blk .text-box dd.cv{font-size:.8rem;position:relative;line-height:1}.main_chara--blk .text-box dd.cv::before{content:"◆";display:block;position:absolute;color:#bbcfd9;font-size:2em;top:-.25em;left:-.15em}.main_chara--blk .text-box dd.cv p{position:relative}.main_chara--blk .text-box dd.cv p b{margin-left:.5em}.js-swiper-chara{width:100%}.js-swiper-chara.flex-center .swiper-wrapper{justify-content:center;margin-left:-1rem}.chara-oters--wrap,.js-products-swiper.i-centered .swiper-wrapper,.products-headline div{justify-content:center}.js-swiper-chara.flex-center .swiper-button-next,.js-swiper-chara.flex-center .swiper-button-prev{display:none}.js-swiper-chara .swiper-slide{opacity:0;transition:opacity .5s}.js-swiper-chara .swiper-slide-visible{opacity:1}.chara-oters--wrap{display:flex;flex-wrap:wrap;width:68%;margin:auto;gap:1rem 2%}.chara-oters--wrap .chara--blk{width:15%}.chara-oters--wrap .chara--blk dd{margin:.5em auto 0 .25em;line-height:1.2}.chara-oters--wrap .chara--blk dd h6{font-size:.8rem}.chara-oters--wrap .chara--blk dd p{font-size:.75rem}.top-products .swiper-button-next{filter:drop-shadow(0 0 6px #fff);margin-right:-5rem}.top-products .swiper-button-prev{filter:drop-shadow(0 0 6px #fff);margin-left:-5rem}.top-products .container{max-width:1300px}@media screen and (max-width:767px){.chara-oters--wrap .chara--blk{width:30%}.top-products .container{width:90%}}.top-products .headline{font-family:"Google Sans",sans-serif;line-height:1;margin-bottom:2.5rem;font-size:4.5rem;text-align:center;background-image:url(../img/common_texture.png);-webkit-background-clip:text;background-size:130%;background-position:70% center;-webkit-text-fill-color:transparent}.products-console{text-align:center;padding:1rem 0 1.5rem;line-height:1.5}.products-tab{display:flex;margin-bottom:1rem}.products-tab-item{position:relative;width:50%;text-align:center;font-size:1.1rem;padding:.8rem 0;background:#bbcfd9;color:#222;transition:background .5s,color .5s;cursor:pointer}.products-tab-item::before{content:"";display:inline-block;height:.9em;width:calc(.9em / 2 * tan(60deg));clip-path:polygon(0 0,100% 50%,0 100%);background:#222}.products-tab-item.js-tab-on{background:#1d8abb;color:#fafafa;pointer-events:none}.products-tab-item.js-tab-on::before{height:calc(.9em / 2 * tan(60deg));width:.9em;clip-path:polygon(0 0,100% 0,50% 100%);background:#fafafa}.products-tab-item:hover{background:#1d8abb;color:#fafafa}.products-tab-item:hover::before{height:calc(.9em / 2 * tan(60deg));width:.9em;clip-path:polygon(0 0,100% 0,50% 100%);background:#fafafa;margin-right:-.17rem}.js-products-swiper .products-item{transition:opacity .5s;opacity:1}.js-products-swiper .swiper-slide,.js-products-swiper .swiper-slide-visible .products-item{opacity:1}@media screen and (max-width:767px){.products-tab-item{font-size:1rem}.js-products-swiper .swiper-button-next,.js-products-swiper .swiper-button-prev{display:none}}.products-item{padding:0 .5rem}.products-item--inner{padding:.5rem .5rem 3rem;background:linear-gradient(-60deg,#f9f7df 10%,#ebe3f5 90%)}.products-item__text{text-align:center;font-size:1.1rem}.products-item__name{position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;letter-spacing:.2rem;padding:.8rem 0 .3em;margin-bottom:1.2rem;height:3.4em;line-height:1.4}.products-item__name::after{position:absolute;bottom:0;left:20%;content:"";display:block;background-color:#fff;mask-image:linear-gradient(to right,transparent,#000 30%,#000 70%,transparent);height:.2rem;width:60%}.products-item__console,.products-item__price{font-size:.9rem}.products-item__price strong{font-weight:400;font-size:1.5rem;margin:0 .1rem}.products-item__bottom{margin:1rem 0 0rem}.products-item__btn{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:.8rem}.modal-products{padding:.5rem;background:linear-gradient(-60deg,#f9f7df 10%,#ebe3f5 90%)}.modal-products .products-item__modal-text{margin:1rem auto;width:92%;font-size:1.2rem}.modal-products .products-item__name{font-weight:700;text-align:center;padding-bottom:2rem}.products-headline{text-align:center}.products-headline div{position:relative;display:inline-block;padding:.8em 3.5em;min-width:5em;text-align:center;font-size:1.4rem;background:url(../img/headline_base.png) 0 0/auto 100% no-repeat;align-items:center;color:#fff;line-height:1;margin:7rem auto 2rem;z-index:1}@media screen and (max-width:767px){.products-headline div{margin:5rem auto 2rem;font-size:1.2rem}}.products-headline div::after{content:"";position:absolute;display:block;height:100%;width:2em;background:url(../img/headline_base_r.png) center right/auto 100% no-repeat;top:0;right:-1.5em}.products-headline div::before{content:"";position:absolute;display:block;height:100%;width:2em;background:url(../img/headline_base_l.png) center left/auto 100% no-repeat;top:0;left:-1.5em}.other-bonus .swiper-wrapper{flex-wrap:wrap;justify-content:center;gap:2%}.other-bonus .swiper-slide{width:90;margin-bottom:1rem}.other-bonus .btn-default-cv{width:60%}.bonus-items{margin-top:10rem}@media screen and (max-width:767px){.other-bonus .swiper-slide{margin-bottom:2rem}.other-bonus .btn-default-cv{width:100%}.bonus-items{margin-top:6rem}}.bonus-item{width:100%;margin:0 auto 1.5rem;display:flex;align-items:flex-start;padding:1rem 0;box-sizing:border-box;background:linear-gradient(-60deg,#f9f7df 10%,#ebe3f5 90%)}@media screen and (max-width:767px){.bonus-item{flex-direction:column;width:100%;padding:1rem}}.bonus-item__image{width:100%;padding-left:2rem}@media screen and (max-width:767px){.bonus-item__image{width:100%;padding-left:0}}.bonus-item__text{width:100%;padding:1rem 0rem}.bonus-item__text .text-title{display:block;position:relative;font-size:1.2rem;padding:.5rem .8rem .5rem 10%;margin-bottom:.5rem;z-index:1;background:#fff;color:#000}@media screen and (max-width:767px){.bonus-item__text .text-title{padding:.5rem .8rem .5rem 1rem}}.bonus-item__text .text-name{font-size:1.4rem;margin-bottom:.6rem;font-weight:600;padding:1rem 0 0 10%;line-height:1.4}@media screen and (max-width:767px){.bonus-item__text .text-name{padding:1rem 0 0}}.bonus-item__text .text-exp{padding:0 0 0 10%}@media screen and (max-width:767px){.bonus-item__text .text-exp{padding:0}}.bonus-item__text .text-btn{padding:1rem 0 0 10%}.bonus-item .bonus-item__btn{margin-top:.5rem}@media screen and (max-width:767px){.bonus-item__text .text-btn{padding:0}.bonus-item .bonus-item__btn{text-align:center}}.bonus-item .btn-default-cv-outline{font-size:.9rem;padding:.5rem 2rem}@media screen and (max-width:767px){.bonus-item .btn-default-cv-outline{font-size:1rem;padding:.8rem 3rem}}.products-attention-has-base{font-size:.8rem;padding:1.5rem 2rem;background-color:rgba(200,196,181,.2);width:80%;margin:2rem auto 0}.products-attention-has-base b{display:inline-block;margin-bottom:.5rem}.products-attention-has-base p{line-height:1.7}.products-attention-has-base .asterisk{margin-top:.5rem}.products-attention-has-base .asterisk li{font-size:.7rem}.products-attention{margin:2rem auto 0;text-align:center}.shop-bonus-list{display:flex}.story-textarea-new{background-color:rgba(255,255,255,.8);padding:2rem 2.5rem}.story-textarea-new .line{letter-spacing:-.1em}.story-textarea-new .story-catch-new{font-size:1.8rem;line-height:1.4;font-weight:800;margin-bottom:1rem}.store-bonus{margin-top:6rem}.store-bonus h3{background-color:rgba(255,255,255,.9);text-align:center;margin:0 auto -1.5rem;padding:.5rem 0;position:relative;z-index:10;width:40%}.store-bonus h3 div{color:#333}.store-bonus h3::before{content:"";height:1.25em;width:1.25em;display:block;transform:rotate(-45deg);position:absolute;top:0;left:0}.store-bonus .bonus-banner{position:relative;display:block;margin:0rem auto 0;text-align:center;width:100%}@media screen and (max-width:767px){.story-textarea-new .story-catch-new{font-size:1.3rem}.store-bonus .bonus-banner{width:100%}}.store-bonus .bonus-banner img{position:relative;z-index:0}.attenntion-block{padding:2rem;background-color:rgba(255,255,255,.8);color:#333;margin-top:6rem}.attenntion-block h3{padding-bottom:.6rem;border-bottom:1px solid #999;margin-bottom:.7rem}