@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scroll{0%{height:6px;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}10%{height:2px;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px)}20%{height:6px;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}}@keyframes btn_anim{0%{transform:translateY(-100%)}25%{transform:translateY(100%)}to{transform:translateY(100%)}}@keyframes btn_anim_sp{0%{transform:translateY(0)}3.57143%{transform:translateY(0)}7.14286%{transform:translateY(0)}14.28571%{transform:translateY(-12vw)}17.85714%{transform:translateY(0)}21.42857%{transform:translateY(-12vw)}28.57143%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes mask1{0%{transform:scale(1)}50%{transform:scale(1)}51%{transform:scale(0)}to{transform:scale(0)}}@keyframes mask2{0%{transform:scaleX(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}50%{transform:scale(1);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}51%{transform:scale(1);-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}to{transform:scaleX(0);-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}}@keyframes mask3{0%{transform:scaleX(0)}50%{transform:scale(1)}to{transform:scale(1)}}@keyframes mask4{0%{transform:translateX(0)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes bar{0%{transform:scaleX(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}50%{transform:scale(1);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}51%{transform:scale(1);-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}to{transform:scaleX(0);-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}}@keyframes count{0%{transform:scaleX(0)}to{transform:scale(1)}}@media screen and (min-width:759px){body a{cursor:pointer}body #wrapper{background:#fff}body #wrapper .inner{padding:0}body #wrapper #anim_space{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10003}body #wrapper #anim_space:before{background:#c80d48;transition:1s cubic-bezier(.33,1,.68,1) .4s}body #wrapper #anim_space:after,body #wrapper #anim_space:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}body #wrapper #anim_space:after{background:#fff;transition:1s cubic-bezier(.33,1,.68,1)}body #wrapper.start #anim_space:after,body #wrapper.start #anim_space:before{left:100%}body #wrapper #main #fv{line-height:0;margin:0 0 100px}body #wrapper #main #fv h1{position:relative}body #wrapper #main #fv figure{width:100%}body #wrapper #main #fv figure .img{overflow:hidden;width:100%}body #wrapper #main #fv figure .img img{position:relative;top:0}body #wrapper #main #fv figure figcaption{background:#c80d48;height:100%;position:absolute;right:0;top:0;width:34.6%}body #wrapper #main #fv figure figcaption p{left:-7%;line-height:0;position:absolute;top:10.39531vw;width:18.74085vw}body #wrapper #main #fv figure figcaption h1{left:10.5%;line-height:0;position:absolute;top:20.76923vw;width:59.5%}body #wrapper #main #fv figure figcaption small{bottom:1.53846vw;color:#231714;display:block;font-family:ヒラギノ明朝 ProN W3,HiraMinProN-W3,Hiragino Mincho ProN,游明朝,Yu Mincho,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,"Noto Serif JP",serif;font-size:.76923vw;letter-spacing:-.15em;line-height:1em;position:absolute;right:104.5%;white-space:nowrap}body #wrapper #main #intro{margin-bottom:64px;overflow:visible}body #wrapper #main #intro .box{position:relative;z-index:10}body #wrapper #main #intro .inner{position:relative;z-index:2}body #wrapper #main #intro .copy{color:#c80d48;display:inline-block;font-size:1.66667em;font-weight:700;line-height:1.5;margin:0 0 0 50px;padding:0 0 18px 26px}body #wrapper .mask:after{background:#fff}body #wrapper #main #intro h3{font-size:2.33333em;margin:0 0 0 50px}body #wrapper #main #intro h3 span{background:linear-gradient(90deg,rgba(194,200,211,.5),rgba(230,233,239,.5));box-sizing:border-box;color:#000;font-size:28px;font-weight:600;letter-spacing:0;line-height:1.6;padding:11px 62px 10px 26px;text-align:left;width:100%}body #wrapper #main #intro h3 span:before{background:linear-gradient(-90deg,#c2c8d3,#e6e9ef)}body #wrapper #main #intro .best{align-content:flex-end;align-items:flex-end;display:flex;flex-wrap:wrap;left:470px;position:absolute;top:39px}body #wrapper #main #intro .best p{border-bottom:1px solid #000;font-size:1.58333em;letter-spacing:.05em;line-height:2;margin:0 19px 0 0}body #wrapper #main #intro .best span{position:relative;top:11px;width:102px}body #wrapper #main #intro .n{display:block;font-size:1em;line-height:2;margin:20px 0 0 50px}body #wrapper #main #intro .detail{position:relative}body #wrapper #main #intro .detail .img{float:left;margin:-20px 70px 0 457px;width:316px}body #wrapper #main #intro .detail2 .img{margin:50px 40px 0 366px;width:432px}body #wrapper #main #intro .detail .img .note{font-size:10px;margin:24px 0 0;white-space:nowrap}body #wrapper #main #intro .detail .txts{float:left;margin:-10px 0 0;position:relative;width:220px}body #wrapper #main #intro .detail2 .txts{margin:140px 0 0}body #wrapper #main #intro .detail2 .txts .new{background:#c80d48;border-radius:50%;color:#fff;font-size:16px;height:64px;line-height:64px;margin:0 0 24px;text-align:center;width:64px}body #wrapper #main #intro .detail .name{font-size:1.25em;line-height:2.2}body #wrapper #main #intro .detail small{display:block;font-size:1em;line-height:2;margin:6px 0}body #wrapper #main #intro .detail .red{color:#c80d48;font-size:1.25em;line-height:2.2}body #wrapper #main #intro .detail .desc{border-left:6px solid #8a96a8;bottom:54px;box-sizing:border-box;font-size:1.25em;font-weight:600;left:-793px;line-height:2;padding:0 0 0 20px;position:absolute;width:390px}body #wrapper #main #intro .detail a{background:#c80e47;border:1px solid #c80e47;color:#fff;margin:17px 0 0}body #wrapper #main #intro .detail a:hover{background:#fff;color:#c80e47}body #wrapper #main #intro .detail a:hover span{background-image:url(../../img/cmn/icon_arr2_r.svg)}body #wrapper #main #intro .detail a span{background:url(../../img/cmn/icon_arr2_w.svg) no-repeat 50%;background-size:contain}body #wrapper #main #reason .inner{position:relative;z-index:2}body #wrapper #main #reason .intro{font-size:1.66667em;font-weight:700;letter-spacing:.03em;margin:78px 0 50px 140px}body #wrapper #main #reason .intro span{display:inline-block;position:relative}body #wrapper #main #reason .intro span:before{background:#c80d48;bottom:-2px;content:"";display:block;height:3px;left:10px;position:absolute;width:calc(100% - 20px)}body #wrapper #main #reason .intro span small{position:relative;z-index:1}body #wrapper #main #reason .detail{float:none;margin:0 auto;overflow:visible;width:980px}body #wrapper #main #reason .detail.open:before{opacity:1;transform:translate(0)}body #wrapper #main #reason .detail:before{background:#c80e47;content:"";display:block;height:57px;left:592px;opacity:0;position:absolute;top:34px;transform:translate(-50px,-50px);-webkit-transition:all 1.6s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all 1.6s;transition-timing-function:cubic-bezier(.25,1,.5,1);width:181px}body #wrapper #main #reason .detail .title{margin-bottom:87px;text-align:center}body #wrapper #main #reason .detail .title h3{font-size:1.66667em;position:relative;z-index:3}body #wrapper #main #reason .detail .title h3 span{left:-31px;letter-spacing:.04em;padding:20px;position:relative}body #wrapper #main #reason .detail .items .item{margin:0 0 78px;position:relative}body #wrapper #main #reason .detail .items .item .ttl{font-size:1.66667em;line-height:1;margin:0 0 60px;text-align:center}body #wrapper #main #reason .detail .items .item .ttl span{display:inline-block;letter-spacing:.03em;padding:0 0 7px;position:relative}body #wrapper #main #reason .detail .items .item .ttl span:before{background:#000;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;width:100%}body #wrapper #main #reason .detail .items .item:first-of-type ul{display:flex;justify-content:space-between;margin:0 0 0 90px;position:relative;width:800px}body #wrapper #main #reason .detail .items .item:first-of-type ul li{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:200px}body #wrapper #main #reason .detail .items .item:first-of-type ul li.open{opacity:1;-webkit-transition:all 1.6s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all 1.6s;transition-timing-function:cubic-bezier(.25,1,.5,1)}body #wrapper #main #reason .detail .items .item:first-of-type ul li.open:after,body #wrapper #main #reason .detail .items .item:first-of-type ul li.open:before{background-size:100%;opacity:1;transition-delay:.4s}body #wrapper #main #reason .detail .items .item:first-of-type ul li p{text-align:center;width:100%}body #wrapper #main #reason .detail .items .item:first-of-type ul li .t1{align-content:center;align-items:center;border:1px solid #c80e47;box-sizing:border-box;color:#c80e47;display:flex;font-size:1.25em;height:36px;justify-content:center;margin:0 0 20px}body #wrapper #main #reason .detail .items .item:first-of-type ul li .t2{color:#c80e47;font-size:1.25em;margin:0 0 4px}body #wrapper #main #reason .detail .items .item:first-of-type ul li small{color:#c80e47;font-size:.91667em;text-align:center}body #wrapper #main #reason .detail .items .item:nth-of-type(2){margin-bottom:65px}body #wrapper #main #reason .detail .items .item:nth-of-type(2) .ttl{margin:0 0 50px}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul{display:flex;justify-content:space-between;margin:0 0 0 62px;position:relative;width:856px}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:256px}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li.open{opacity:1;-webkit-transition:all 1.6s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all 1.6s;transition-timing-function:cubic-bezier(.25,1,.5,1)}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li.open:after,body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li.open:before{background-size:100%;opacity:1;transition-delay:.4s}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li:after{background:url(../../img/cmn/icon_arr_b.svg) no-repeat 0 0;background-size:98%;content:"";display:block;height:20px;position:absolute;right:-26px;top:143px;-webkit-transition:all .8s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all .8s;transition-timing-function:cubic-bezier(.25,1,.5,1);width:10px}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li:nth-of-type(3):after{display:none}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li p{text-align:center;width:100%}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li .t3{align-content:center;align-items:center;display:flex;font-size:1.25em;height:100px;justify-content:center;line-height:2.1;margin:0 0 5px}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li small{box-sizing:border-box;display:block;font-size:.83333em;padding:0 0 0 24px;width:100%}body #wrapper #main #howto{margin:100px 0}body #wrapper #main #howto h2{margin:0 0 135px}body #wrapper #main #howto .photo{float:left;margin:0 0 0 240px;position:relative;width:281px}body #wrapper #main #howto .photo.open:before{opacity:1;transform:translate(0)}body #wrapper #main #howto .photo.open img{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}body #wrapper #main #howto .photo:before{background:#c80e47;content:"";display:block;height:150px;left:190px;position:absolute;top:-60px;transform:translate(-50px,50px);width:130px}body #wrapper #main #howto .photo img,body #wrapper #main #howto .photo:before{opacity:0;-webkit-transition:all 1.6s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all 1.6s;transition-timing-function:cubic-bezier(.25,1,.5,1)}body #wrapper #main #howto .photo img{position:relative;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);z-index:2}body #wrapper #main #howto .txts{box-sizing:border-box;float:left;margin:124px 0 53px 43px;position:relative;z-index:10}body #wrapper #main #howto .txts ul li{align-content:center;align-items:center;display:flex;margin-bottom:26px}body #wrapper #main #howto .txts ul li span{display:inline-block;margin:0 20px 0 0;width:15px}body #wrapper #main #howto .txts ul li p{font-size:1.25em;line-height:2}body #wrapper #main #howto .rec{clear:both;position:relative;text-align:center}body #wrapper #main #howto .rec .box{display:inline-block;position:relative;width:620px}body #wrapper #main #howto .rec .box .side{border-bottom:1px solid #c80e47;border-left:1px solid #c80e47;border-top:1px solid #c80e47;box-sizing:border-box;display:block;height:100%;left:0;position:absolute;top:0;width:14px}body #wrapper #main #howto .rec .box .side:nth-of-type(2){border-left:none;border-right:1px solid #c80e47;left:auto;right:0}body #wrapper #main #howto .rec .box .copy{align-content:center;align-items:center;background:#c80e47;color:#fff;display:inline-block;display:flex;font-size:1.25em;height:22px;justify-content:center;margin:0 auto 12px;width:90px}body #wrapper #main #howto .rec .box .ttl{margin:0 0 35px;text-align:center}body #wrapper #main #howto .rec .box .ttl img{width:174px}body #wrapper #main #howto .rec .box .set{display:flex;flex-wrap:wrap;justify-content:center}body #wrapper #main #howto .rec .box .set .img{margin:0 10px 0 -21px;width:231px}body #wrapper #main #howto .rec .box .set .txt{margin:4px 0 0;text-align:left}body #wrapper #main #howto .rec .box .set .txt .bar{font-size:1.25em;font-weight:600}body #wrapper #main #howto .rec .box .set .txt .bar span{background:linear-gradient(90deg,rgba(194,200,211,.5),rgba(230,233,239,.5));color:#000;letter-spacing:.04em;margin:0 0 16px;padding:8px 34px}body #wrapper #main #howto .rec .box .set .txt .bar span:before{background:linear-gradient(-90deg,#c2c8d3,#e6e9ef)}body #wrapper #main #howto .rec .box .set .txt .name{font-size:1.25em;line-height:2.2}body #wrapper #main #howto .rec .box .set .txt .r{color:#c80e47;font-size:1.25em;line-height:2;margin:0 0 11px}body #wrapper #main #howto .rec .box .set .txt a{font-size:1.25em;height:32px;width:164px}body #wrapper #main #rec{margin:0 0 31px;padding:55px 0 0}body #wrapper #main #rec:before{top:82px}body #wrapper #main #rec h2{margin:0 0 75px 60px;position:relative}body #wrapper #main #rec h2 img{height:58px;width:auto}body #wrapper #main #rec h2 span{display:inline-block;font-size:1.33333em;left:3px;position:absolute;top:-32px}body #wrapper #main #rec h2 span:nth-of-type(2){top:58px}body #wrapper #main #rec section{display:flex;padding:0 0 68px}body #wrapper #main #rec section figure{margin:15px 143px 0 130px;width:270px}body #wrapper #main #rec section .txts{margin:11px 0 0;width:50%}body #wrapper #main #rec section .txts .name{font-size:1.25em;margin:0 0 10px}body #wrapper #main #rec section .txts h3{font-size:2.33333em;letter-spacing:.04em;line-height:48px;margin:0 0 7px}body #wrapper #main #rec section .txts .num{font-size:1.33333em;letter-spacing:.07em;margin:0 0 39px}body #wrapper #main #rec section .txts .txt{font-size:1.25em;letter-spacing:.04em;line-height:32px;margin:0 0 33px}body #wrapper #main #rec section .txts a{display:flex;width:337px}body #wrapper #main #rec section .txts a:hover small{background:#fff;color:#c80e47}body #wrapper #main #rec section .txts a small{align-content:center;align-items:center;background:#c80e47;border:1px solid #c80e47;box-sizing:border-box;color:#fff;display:inline-block;display:flex;font-size:1.25em;height:56px;letter-spacing:.03em;padding:0 0 0 29px;-webkit-transition:all .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition:all .5s;transition-timing-function:cubic-bezier(.23,1,.32,1);width:278px}body #wrapper #main #rec section .txts a span{background:#c80e47 url(../../img/cmn/icon_arr.svg) no-repeat 50%;background-size:10px auto;display:inline-block;height:56px;margin:0 0 0 3px;width:56px}body #wrapper footer{padding:58px 0 0}body #wrapper footer .sns_area{display:flex;justify-content:center;margin:0 0 36px}body #wrapper footer .sns_area h2{color:gray;display:inline-block;font-size:1.25em;margin:0 32px 0 0}body #wrapper footer .sns_area ul li{display:inline-block;width:19px}body #wrapper footer .sns_area ul li a{display:block;line-height:0;transition:.4s cubic-bezier(.23,1,.32,1)}body #wrapper footer .sns_area ul li a:hover{opacity:.8}body #wrapper footer .sns_area ul li:nth-child(2){margin:0 18px}body #black{float:left;width:100%}.anchorWrap{display:flex;justify-content:space-between;margin:60px auto;max-width:800px;width:90%}.anchorWrap .anchorBtn{width:47.5%}.anchorWrap .anchorBtn a{border:1px solid #000;display:block;padding:18px 10px;transition:opacity .3s}.anchorWrap .anchorBtn a:hover{opacity:.6}.anchorWrap .anchorBtn a img{display:block;margin:auto;max-width:100%;width:auto!important}.block_reason .acc-set{margin:0 auto;max-width:800px}.block_reason .acc-set+.acc-set{margin-top:100px}.block_reason .acc-head{margin:0 0 50px;pointer-events:none;text-align:center}.block_reason .acc-head .title{background:linear-gradient(90deg,rgba(194,200,211,.5),rgba(230,233,239,.5));color:#000;display:inline-block;font-size:20px;font-weight:600;line-height:1.5;padding:14px 30px}.block_reason .acc-item{display:block!important}.block_reason .acc-set--1 .acc-head .title sup{display:inline-block;font-size:.5em;transform:translateY(.2em);vertical-align:top}.block_reason .acc-set--1 .read_box{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 50px;text-align:center}.block_reason .acc-set--1 .read_box sup{display:inline-block;font-size:10px;letter-spacing:-.04em;transform:translateY(.2em);transform-origin:top left;vertical-align:top}.block_reason .acc-set--1 .read_box .note{font-size:12px;font-weight:600;margin:8px 0 0}.block_reason .acc-set--1 .read_box .note+.note{margin-top:0}.block_reason .acc-set--1 .app_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}.block_reason .acc-set--1 .app_list{width:50%}.block_reason .acc-set--1 .app_item{display:flex}.block_reason .acc-set--1 .app_item+.app_item{margin-top:20px}.block_reason .acc-set--1 .app_item .img_box{width:120px}.block_reason .acc-set--1 .app_item--4 .img_box,.block_reason .acc-set--1 .app_item--6 .img_box{margin:0 0 0 54px}.block_reason .acc-set--1 .app_item--5 .img_box{margin:0 0 0 26px;width:148px}.block_reason .acc-set--1 .app_item .text_box{flex:1;padding:18px 0 18px 14px}.block_reason .acc-set--1 .app_item--5 .text_box{padding-top:6px}.block_reason .acc-set--1 .app_item .text_box .num{color:#c80d48;font-size:20px;font-weight:600;line-height:1.5}.block_reason .acc-set--1 .app_item .text_box .title{font-size:20px;font-weight:600;line-height:1.5}.block_reason .acc-set--1 .app_item .text_box .desc{font-size:15px;font-weight:500;line-height:1.6}.block_reason .acc-set--1 .app_item .text_box .desc sup{display:inline-block;transform:scale(.6) translate(.2em,.2em);transform-origin:top left}.block_reason .acc-set--1 .note_box{color:#80888e;font-size:12px;font-weight:500;line-height:1.66;margin:30px 0 0 auto}.block_reason .acc-set--2 .text_box,.block_reason .acc-set--3 .text_box{font-size:20px;font-weight:500;line-height:1.5;text-align:center}.block_reason .acc-set--3 .img_box{display:flex;justify-content:space-between;margin:50px auto 0}.block_reason .acc-set--3 .img_box .img{width:47.5%}.block_howto .use_basis{display:flex;justify-content:space-between;margin:0 auto;max-width:800px}.block_howto .use_basis .img_box{position:relative;width:284px}.block_howto .use_basis .img_box:before{background:#c80d48;content:"";display:block;height:156px;opacity:0;position:absolute;right:-38px;top:-60px;transform:translate(-50px,50px);transition:all 1.6s cubic-bezier(.25,1,.5,1);width:130px;z-index:-1}.block_howto .use_basis .img_box img{opacity:0;transform:translateY(50px);transition:all 1.6s cubic-bezier(.25,1,.5,1)}.block_howto .use_basis .img_box.is-show img,.block_howto .use_basis .img_box.is-show:before{opacity:1;transform:translate(0)}.block_howto .use_basis .item_box{flex:1;padding:0 0 0 90px}.block_howto .use_basis .item_box .heading{color:#c80d48;font-size:16px;font-weight:500;line-height:1.87;margin:0 0 50px}.block_howto .use_basis .list_step__item{align-items:center;display:flex}.block_howto .use_basis .list_step__item+.list_step__item{margin:30px 0 0}.block_howto .use_basis .list_step__item .num{width:18px}.block_howto .use_basis .list_step__item .text{flex:1;font-size:15px;font-weight:500;line-height:2;padding:0 0 0 18px}.block_howto .movie{margin:100px auto;width:800px}.block_howto .movie iframe{aspect-ratio:800/450;height:auto;width:100%}.block_howto .use_ex{margin:100px auto 140px;max-width:620px}.block_howto .use_ex .heading{color:#c80d48;font-size:16px;font-weight:500;line-height:1.87;margin:0 0 50px;pointer-events:none;text-align:center}.block_howto .use_ex .heading span{border:1px solid #c80d48;box-sizing:border-box;display:inline-block;min-width:180px;padding:6px 20px}.block_howto .use_ex .list_ex{display:block!important}.block_howto .use_ex .list_ex__item{display:flex;margin:35px 0 0;position:relative}.block_howto .use_ex .list_ex__item .num{padding:4px 0 0;width:36px}.block_howto .use_ex .list_ex__item .text_box{flex:1;font-size:15px;font-weight:500;line-height:2;padding:0 0 0 20px}.block_howto .use_ex .list_ex__item .text_box .title{font-size:20px;font-weight:600;line-height:1.5}.block_howto .use_ex .list_ex__item--1{padding:0 0 0 166px}.block_howto .use_ex .list_ex__item--1:before{background:url(../../img/mask/howto/imgEx01.png) no-repeat 50%;background-size:contain;content:"";display:block;height:200px;left:-30px;position:absolute;top:-4px;width:200px}.block_howto .use_ex .list_ex__item--2{padding:0 0 0 200px}.block_howto .use_ex .list_ex__item--3{padding:0 0 0 254px}.block_howto .use_ex .list_ex__item--4{margin-top:74px;padding:0 0 0 12px}.block_howto .use_ex .list_ex__item--4 .text_box .title{margin:0 0 10px}.block_howto .use_ex .list_ex__item--4:before{background:url(../../img/mask/howto/imgEx02.png) no-repeat 50%;background-size:contain;content:"";display:block;height:200px;position:absolute;right:110px;top:-40px;width:200px}.block_howto .use_ex .list_ex__item--5{margin-top:84px;padding:0 0 0 220px}.block_howto .use_ex .list_ex__item--5 .text_box .title{margin:0 0 10px}.block_howto .use_ex .list_ex__item--5:before{background:url(../../img/mask/howto/imgEx03.png) no-repeat 50%;background-size:contain;content:"";display:block;height:200px;left:12px;position:absolute;top:-30px;width:200px}}@media screen and (max-width:758px){body #wrapper{background:#fff}body #wrapper .inner{padding:0}body #wrapper #anim_space{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10003}body #wrapper #anim_space:before{background:#c80d48;transition:.6s cubic-bezier(.33,1,.68,1) .36s}body #wrapper #anim_space:after,body #wrapper #anim_space:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}body #wrapper #anim_space:after{background:#fff;transition:.6s cubic-bezier(.33,1,.68,1)}body #wrapper.start #anim_space:after,body #wrapper.start #anim_space:before{left:100%}body #wrapper #main #fv{line-height:0;margin:0 0 21.5vw}body #wrapper #main #fv h1{position:relative}body #wrapper #main #fv figure .img{line-height:0;overflow:hidden;width:100%}body #wrapper #main #fv figure .img img{position:relative}body #wrapper #main #fv figure figcaption{background:#c80d48;height:37.2vw;position:relative;z-index:3}body #wrapper #main #fv figure figcaption p{left:10.7%;line-height:0;position:absolute;top:-10.5vw;width:52.3%}body #wrapper #main #fv figure figcaption h1{left:31.5%;line-height:0;position:absolute;top:10.9vw;width:35.7%}body #wrapper #main #fv figure figcaption small{bottom:41vw;color:#231714;display:block;font-size:18px;font-size:2.4vw;letter-spacing:-.15em;line-height:1em;position:absolute;right:4%;white-space:nowrap}body #wrapper #main #intro{margin-bottom:12.27vw}body #wrapper #main #intro .box{position:relative;text-align:center;z-index:10}body #wrapper #main #intro .copy{color:#c80d48;display:block;font-size:4.27vw;font-weight:600;line-height:1.5;margin:0 0 10px;text-align:center}body #wrapper .mask:after{background:#fff}body #wrapper #main #intro h3{display:inline-block;font-size:5.33vw;font-weight:600;text-align:center}body #wrapper #main #intro h3 span{background:linear-gradient(90deg,rgba(194,200,211,.5),rgba(230,233,239,.5));box-sizing:border-box;color:#000;letter-spacing:0;line-height:1.75;padding:5.33vw 8vw;text-align:center;width:100%}body #wrapper #main #intro h3 span:before{background:linear-gradient(-90deg,#c2c8d3,#e6e9ef)}body #wrapper #main #intro .best{align-content:flex-end;align-items:flex-end;display:flex;flex-wrap:wrap;margin:3vw 0 0 10%;width:100%}body #wrapper #main #intro .best p{border-bottom:1px solid #000;font-size:5.06667vw;letter-spacing:.05em;line-height:1.85;margin:0 5vw 0 0;position:relative}body #wrapper #main #intro .best p:after{border-bottom:1px solid #000;content:"";display:block;height:1px;left:0;position:absolute;top:17vw;width:74%}body #wrapper #main #intro .best span{position:relative;top:1vw;width:27.2vw}body #wrapper #main #intro .n{display:block;font-size:2.4vw;letter-spacing:0;line-height:2;margin:3vw 0 6vw 9vw}body #wrapper #main #intro .detail{position:relative}body #wrapper #main #intro .detail .img{margin:1vw 0 0 22vw;width:63.2vw}body #wrapper #main #intro .detail2 .img{margin:18.67vw auto 0;width:77.33vw}body #wrapper #main #intro .detail .txts{position:relative;width:100%}body #wrapper #main #intro .detail2 .txts{margin:17.07vw auto 0;position:relative;width:77.33vw}body #wrapper #main #intro .detail2 .txts .new{background:#c80d48;border-radius:50%;color:#fff;font-size:2.67vw;height:11.2vw;left:0;line-height:11.2vw;position:absolute;text-align:center;top:1.6vw;width:11.2vw}body #wrapper #main #intro .detail .name{font-size:3.47vw;line-height:1.923;text-align:center}body #wrapper #main #intro .detail small{display:block;font-size:2.67vw;line-height:2;margin:1.33vw 0;text-align:center}body #wrapper #main #intro .detail .red{color:#c80d48;font-size:3.47vw;line-height:1.923;text-align:center}body #wrapper #main #intro .detail .desc{border-left:2vw solid #8a96a8;box-sizing:border-box;font-size:2.93333vw;font-weight:600;line-height:2.1;margin:4.8vw 0 4vw 10%;padding:0 0 0 2.66667vw;width:80%}body #wrapper #main #intro .detail .note{font-size:2.67vw;margin:6.4vw auto;text-align:center}body #wrapper #main #intro .detail a{background:#c80e47;border:1px solid #c80e47;color:#fff;font-size:4vw;height:8.53333vw;width:43.73333vw}body #wrapper #main #intro .detail a span{background:url(../../img/cmn/icon_arr2_w.svg) no-repeat 50%;background-size:contain}body #wrapper #main #reason{margin:0 0 2vw}body #wrapper #main #reason h2{margin:0 0 13vw;padding-left:11.5vw}body #wrapper #main #reason .inner{margin:0;position:relative;width:100%;z-index:2}body #wrapper #main #reason .intro{font-size:5.33vw;font-weight:600;line-height:1.5;margin:0 auto 8vw;padding:0 0 0 8vw}body #wrapper #main #reason .intro .line{display:inline-block;position:relative}body #wrapper #main #reason .intro .line:before{background:#c80d48;bottom:4px;content:"";display:block;height:3px;left:10px;position:absolute;width:calc(100% - 20px)}body #wrapper #main #reason .intro .line small{position:relative;z-index:1}body #wrapper #main #reason .detail{float:none;margin:0 auto;overflow:visible;width:82.93333vw}body #wrapper #main #reason .detail.open:before{opacity:1;transform:translate(0)}body #wrapper #main #reason .detail:before{background:#c80e47;content:"";display:block;height:24vw;left:66vw;opacity:0;position:absolute;top:6vw;transform:translate(-10vw,-10vw);-webkit-transition:all 1.6s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all 1.6s;transition-timing-function:cubic-bezier(.25,1,.5,1);width:20.26667vw}body #wrapper #main #reason .detail .title{margin:0 0 9.86667vw -11%;text-align:center}body #wrapper #main #reason .detail .title h3{float:left;font-size:5.06667vw;margin:0 0 20.5vw;position:relative;z-index:3}body #wrapper #main #reason .detail .title h3 span{letter-spacing:0;line-height:1.9;padding:2.5vw 4vw 2vw 13vw;position:relative;text-align:left}body #wrapper #main #reason .detail .items{clear:both}body #wrapper #main #reason .detail .items .item{margin:0 0 19.5vw;position:relative}body #wrapper #main #reason .detail .items .item .ttl{font-size:4vw;line-height:8.53333vw;margin:0 0 7vw;text-align:center}body #wrapper #main #reason .detail .items .item .ttl span{display:inline-block;letter-spacing:.03em;padding:0 0 1vw;position:relative}body #wrapper #main #reason .detail .items .item .ttl span:before{background:#000;content:"";display:block;height:1px;left:0;position:absolute;top:7vw;width:100%}body #wrapper #main #reason .detail .items .item .ttl span:after{background:#000;content:"";display:block;height:1px;left:10%;position:absolute;top:16vw;width:80%}body #wrapper #main #reason .detail .items .item:first-of-type ul{margin:0 auto;position:relative;width:90%}body #wrapper #main #reason .detail .items .item:first-of-type ul li{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 6.5vw;position:relative;width:100%}body #wrapper #main #reason .detail .items .item:first-of-type ul li p{text-align:center;width:100%}body #wrapper #main #reason .detail .items .item:first-of-type ul li .t1{align-content:center;align-items:center;border:1px solid #c80e47;box-sizing:border-box;color:#c80e47;display:flex;font-size:3.2vw;height:9.6vw;justify-content:center;width:46%}body #wrapper #main #reason .detail .items .item:first-of-type ul li div{width:49%}body #wrapper #main #reason .detail .items .item:first-of-type ul li .t2{color:#c80e47;font-size:3.2vw;text-align:left}body #wrapper #main #reason .detail .items .item:first-of-type ul li small{color:#c80e47;display:block;font-size:3.2vw;margin:1vw 0 0;text-align:left}body #wrapper #main #reason .detail .items .item:nth-of-type(2) .ttl span:before{left:0;top:7vw;width:100%}body #wrapper #main #reason .detail .items .item:nth-of-type(2) .ttl span:after{left:25%;top:16vw;width:50%}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul{margin:0 auto;position:relative;width:72.26667vw}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 16.5vw -4%;position:relative;width:108%}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li:after{background:url(../../img/cmn/icon_arr_b.svg) no-repeat 0 0;background-size:98%;content:"";display:block;height:5.33333vw;left:48%;position:absolute;top:100%;transform:rotate(90deg) translate(6vw);-webkit-transition:all .8s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all .8s;transition-timing-function:cubic-bezier(.25,1,.5,1);width:2.66667vw}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li:nth-of-type(3):after{display:none}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li p{text-align:center;width:100%}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li .t3{font-size:3.2vw;line-height:2;margin:0 0 3.5vw}body #wrapper #main #reason .detail .items .item:nth-of-type(2) ul li small{box-sizing:border-box;display:block;font-size:2.4vw;padding:0 0 0 8vw;width:100%}body #wrapper #main #howto{margin:0 0 27vw}body #wrapper #main #howto h2{margin:0 0 17vw;padding-left:11.5vw}body #wrapper #main #howto .photo{margin:0 0 14vw 4vw;position:relative;width:74.93333vw}body #wrapper #main #howto .photo.open:before{opacity:1;transform:translate(0)}body #wrapper #main #howto .photo.open img{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}body #wrapper #main #howto .photo:before{background:#c80e47;content:"";display:block;height:29.33333vw;position:absolute;right:-13vw;top:-9vw;transform:translate(-10vw,10vw);width:25.6vw}body #wrapper #main #howto .photo img,body #wrapper #main #howto .photo:before{opacity:0;-webkit-transition:all 1.6s;-webkit-transition-timing-function:cubic-bezier(.25,1,.5,1);transition:all 1.6s;transition-timing-function:cubic-bezier(.25,1,.5,1)}body #wrapper #main #howto .photo img{position:relative;-webkit-transform:translateY(-10vw);-moz-transform:translateY(-10vw);-ms-transform:translateY(-10vw);-o-transform:translateY(-10vw);transform:translateY(-10vw);z-index:2}body #wrapper #main #howto .txts{box-sizing:border-box;margin:0 0 15vw;position:relative;z-index:10}body #wrapper #main #howto .txts ul{margin:0 auto;width:89%}body #wrapper #main #howto .txts ul li{align-content:center;align-items:center;display:flex;margin-bottom:9vw}body #wrapper #main #howto .txts ul li span{display:inline-block;margin:0 20px 0 0;width:3.73333vw}body #wrapper #main #howto .txts ul li p{font-size:2.93333vw;line-height:2.1;white-space:nowrap}body #wrapper #main #howto .rec{clear:both;position:relative;text-align:center}body #wrapper #main #howto .rec .box{display:inline-block;position:relative;width:90%}body #wrapper #main #howto .rec .box .side{border-bottom:1px solid #c80e47;border-left:1px solid #c80e47;border-top:1px solid #c80e47;box-sizing:border-box;display:block;height:100%;left:0;position:absolute;top:0;width:3.73333vw}body #wrapper #main #howto .rec .box .side:nth-of-type(2){border-left:none;border-right:1px solid #c80e47;left:auto;right:0}body #wrapper #main #howto .rec .box .copy{align-content:center;align-items:center;background:#c80e47;color:#fff;display:inline-block;display:flex;font-size:4vw;height:5.86667vw;justify-content:center;margin:-1vw auto 3.2vw;width:24vw}body #wrapper #main #howto .rec .box .ttl{margin:0 0 8vw;text-align:center}body #wrapper #main #howto .rec .box .ttl img{width:46.4vw}body #wrapper #main #howto .rec .box .set .img{margin:-1vw auto 6.5vw;width:61%}body #wrapper #main #howto .rec .box .set .txt .bar{font-size:4vw;font-weight:600;margin:0 0 5.5vw}body #wrapper #main #howto .rec .box .set .txt .bar span{background:linear-gradient(90deg,rgba(194,200,211,.5),rgba(230,233,239,.5));color:#000;letter-spacing:.04em;padding:1vw 2vw}body #wrapper #main #howto .rec .box .set .txt .bar span:before{background:linear-gradient(-90deg,#c2c8d3,#e6e9ef)}body #wrapper #main #howto .rec .box .set .txt .name{font-size:1.25em;line-height:1.8}body #wrapper #main #howto .rec .box .set .txt .r{color:#c80e47;font-size:2.67vw;line-height:2;margin:1.6vw 0 5vw}body #wrapper #main #howto .rec .box .set .txt a{font-size:4vw;height:8.53333vw;width:43.73333vw}.anchorWrap{display:flex;justify-content:center;margin:0 auto 22.67vw;width:84%}.anchorWrap .anchorBtn{border:1px solid #000;width:50%}.anchorWrap .anchorBtn:nth-of-type(2){border-left:0}.anchorWrap .anchorBtn a{display:block;padding:2.67vw}.anchorWrap .anchorBtn a .img{margin:auto;max-width:100%;width:36.71%}.anchorWrap .anchorBtn a img{display:block}.block_reason .acc-set{margin:0 auto}.block_reason .acc-set+.acc-set{margin-top:5px}.block_reason .acc-head{background:linear-gradient(90deg,rgba(194,200,211,.5),rgba(230,233,239,.5));width:100%}.block_reason .acc-head .title{color:#000;font-size:5.33vw;font-weight:600;line-height:1.75;padding:7.47vw 11.73vw;position:relative}.block_reason .acc-head .title:after,.block_reason .acc-head .title:before{background:#000;content:"";display:block;height:.8vw;position:absolute;right:5.87vw;top:50%;transform:translateY(-50%);width:4vw}.block_reason .acc-head .title:after{transform:translateY(-50%) rotate(-90deg);transition:transform .4s}.block_reason .acc-head.is-active .title:after{transform:translateY(-50%) rotate(0deg)}.block_reason .acc-item{display:none;padding:10.67vw 0}.block_reason .acc-set--2 .acc-item{padding-bottom:16vw}.block_reason .acc-set--1 .acc-head .title sup{display:inline-block;font-size:.5em;transform:translateY(.4em);vertical-align:top}.block_reason .acc-set--1 .read_box{font-size:4vw;font-weight:500;line-height:2;margin:0 0 9.07vw;text-align:center}.block_reason .acc-set--1 .read_box sup{display:inline-block;font-size:.5em;letter-spacing:-.04em;transform:translateY(.2em);transform-origin:top left;vertical-align:top}.block_reason .acc-set--1 .read_box .note{font-size:2.67vw;margin:1.07vw 0 0}.block_reason .acc-set--1 .app_wrap{margin:0 auto;width:77%}.block_reason .acc-set--1 .app_item{display:flex}.block_reason .acc-set--1 .app_item+.app_item,.block_reason .acc-set--1 .app_list+.app_list{margin-top:9.6vw}.block_reason .acc-set--1 .app_item .img_box{box-sizing:border-box;padding:0 3.2vw 0 3.73vw;width:33.6vw}.block_reason .acc-set--1 .app_item--5 .img_box{padding:0}.block_reason .acc-set--1 .app_item .text_box{flex:1;padding:5.33vw 0 2.33vw 2.93vw}.block_reason .acc-set--1 .app_item--5 .text_box{padding-top:2.13vw}.block_reason .acc-set--1 .app_item .text_box .num{color:#c80d48;font-size:3.73vw;font-weight:600;line-height:1.21;margin:0 0 2.67vw}.block_reason .acc-set--1 .app_item .text_box .title{font-size:3.47vw;font-weight:600;line-height:1.61}.block_reason .acc-set--1 .app_item .text_box .desc{font-size:2.93vw;font-weight:500;line-height:1.8}.block_reason .acc-set--1 .app_item .text_box .desc sup{display:inline-block;transform:scale(.5) translateY(.5em);transform-origin:top left}.block_reason .acc-set--1 .app_item--3 .text_box .note{color:#80888e;font-size:2.67vw;font-weight:500;line-height:1.3;margin:3.2vw 0 0}.block_reason .acc-set--1 .note_box{color:#80888e;font-size:2.67vw;font-weight:500;line-height:1.5;margin:3.73vw 0 0 -2.13vw}.block_reason .acc-set--2 .text_box{font-size:4vw;font-weight:500;line-height:2;text-align:center}.block_howto .use_basis .img_box{margin:0 auto 8vw;position:relative;width:47.47vw}.block_howto .use_basis .img_box:before{background:#c80d48;content:"";display:block;height:24vw;opacity:0;position:absolute;right:-5.87vw;top:-9.33vw;transform:translate(-8vw,8vw);transition:all 1.6s cubic-bezier(.25,1,.5,1);width:19.73vw;z-index:-1}.block_howto .use_basis .img_box img{opacity:0;transform:translateY(8vw);transition:all 1.6s cubic-bezier(.25,1,.5,1)}.block_howto .use_basis .img_box.is-show img,.block_howto .use_basis .img_box.is-show:before{opacity:1;transform:translate(0)}.block_howto .use_basis .item_box{margin:0 auto;width:82%}.block_howto .use_basis .item_box .heading{color:#c80d48;font-size:3.2vw;font-weight:500;line-height:1.66;margin:0 0 6.4vw}.block_howto .use_basis .list_step__item{align-items:center;display:flex}.block_howto .use_basis .list_step__item+.list_step__item{margin:5.33vw 0 0}.block_howto .use_basis .list_step__item .num{width:3.73vw}.block_howto .use_basis .list_step__item .text{flex:1;font-size:2.67vw;font-weight:500;line-height:2;padding:0 0 0 3.73vw}.block_howto .movie{margin:10.67vw auto;width:82%}.block_howto .movie iframe{aspect-ratio:800/450;height:auto;width:100%}.block_howto .use_ex{margin:10.67vw auto 19.73vw}.block_howto .use_ex .heading{border:1px solid #c80d48;box-sizing:border-box;color:#c80d48;display:block;font-size:2.93vw;font-weight:500;line-height:1.75;margin:0 auto;padding:2.13vw 5.33vw;position:relative;text-align:center;width:82%}.block_howto .use_ex .heading:after,.block_howto .use_ex .heading:before{background:#c80d48;content:"";display:block;height:.27vw;position:absolute;right:4.27vw;top:50%;transform:translateY(-50%);width:2.13vw}.block_howto .use_ex .heading:after{transform:translateY(-50%) rotate(-90deg);transition:transform .6s}.block_howto .use_ex .heading.is-active:after{transform:translateY(-50%) rotate(0deg)}.block_howto .use_ex .list_ex{display:none;margin:0 auto;padding:11.73vw 0 0;width:88%}.block_howto .use_ex .list_ex__item{display:flex;margin:9.07vw 0 0;position:relative}.block_howto .use_ex .list_ex__item .num{width:4.27vw}.block_howto .use_ex .list_ex__item .text_box{flex:1;font-size:2.67vw;font-weight:500;line-height:1.6;padding:0 0 0 3.73vw}.block_howto .use_ex .list_ex__item .text_box .title{font-size:3.47vw;font-weight:600;line-height:1.5;margin:0 0 1.6vw}.block_howto .use_ex .list_ex__item--1{margin:0;padding:0 0 0 40vw}.block_howto .use_ex .list_ex__item--1:before{background:url(../../img/mask/howto/imgEx01.png) no-repeat 50%;background-size:contain;content:"";display:block;height:36.27vw;left:-6.4vw;position:absolute;top:-3.2vw;width:36.27vw}.block_howto .use_ex .list_ex__item--2{padding:0 0 0 32vw}.block_howto .use_ex .list_ex__item--3{padding:0 0 0 22.4vw}.block_howto .use_ex .list_ex__item--4{margin-top:14.4vw;padding:0 0 0 2.67vw}.block_howto .use_ex .list_ex__item--4:before{background:url(../../img/mask/howto/imgEx02.png) no-repeat 50%;background-size:contain;content:"";display:block;height:30.93vw;position:absolute;right:1.33vw;top:-2.67vw;width:30.93vw}.block_howto .use_ex .list_ex__item--5{margin-top:18.67vw;padding:0 0 0 27.73vw}.block_howto .use_ex .list_ex__item--5:before{background:url(../../img/mask/howto/imgEx03.png) no-repeat 50%;background-size:contain;content:"";display:block;height:30.93vw;left:-1.07vw;position:absolute;top:4.27vw;width:30.93vw}}