@font-face{font-family:Timer Number Font vbt5;src:url(./vbt5_font.ttf?v=1.0)format("truetype")}#feature_timer_animation_vbt5 .timer_bar text{fill:#231815;letter-spacing:0;font-family:Timer Number Font vbt5;font-size:76.6661px}#feature_timer_animation_vbt5 .timer_number text{fill:#231815;letter-spacing:4.8px;font-family:Timer Number Font vbt5;font-size:41.1168px}#feature_timer_animation_vbt5 .timer_unit polygon,#feature_timer_animation_vbt5 .timer_unit path{fill:#231815}@media screen and (width>=1000px){html #header{position:relative}html #header .bar{box-sizing:border-box;z-index:5000;background:#e8f5fd;justify-content:flex-start;align-items:center;width:100%;height:66px;padding-left:33px;padding-right:15px;transition:background .6s;display:flex;position:fixed;top:0;left:0}html #header .bar .title{position:relative;top:1px}html #header .bar .title h1 img{width:353px}html #header .bar .shares{justify-content:flex-start;align-items:flex-start;gap:0 5px;height:20px;margin-left:auto;line-height:20px;display:flex}html #header .bar .purchase{margin-left:25px}html #header .bar .purchase a{box-sizing:border-box;background-color:#fff;background-image:url(./purchase_btn_bg_pc.svg);background-size:contain;border-radius:20px;justify-content:flex-start;align-items:center;width:150px;height:40px;padding-left:42px;display:flex}html #header .bar .purchase a span{color:#000;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:1;position:relative;top:-2px}html #header:not(.is-scrolled) .bar{background:#ffffff4d}html #firstview{position:relative}html #firstview .slider{aspect-ratio:1400/800;opacity:0;width:100%;margin:0;overflow:hidden}html #firstview .slider.active{opacity:1}html #firstview .slider .slick-slide picture{display:block}html #firstview .slider .slick-slide picture img{width:100%}html #firstview .slider .slick-slide .info{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:57px;left:0}html #firstview .slider .slick-slide .info>div{background:#fff9;border-radius:10px;justify-content:center;align-items:center;height:26px;padding:0 13px;display:flex}html #firstview .slider .slick-slide .info>div>div{justify-content:center;align-items:center;display:flex}html #firstview .slider .slick-slide .info>div>div:before,html #firstview .slider .slick-slide .info>div>div:after{content:"";background:#575757;width:1px;height:14px}html #firstview .slider .slick-slide .info>div>div:nth-child(n+2):before{display:none}html #firstview .slider .slick-slide .info>div>div p{color:#575757;font-optical-sizing:auto;padding:0 10px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1}html #firstview .slider .slick-dots{justify-content:center;align-items:flex-start;gap:0 20px;display:flex;bottom:30px}html #firstview .slider .slick-dots li{width:100px;height:4px;margin:0;padding:0}html #firstview .slider .slick-dots li button{background:#646464;border-radius:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}html #firstview .slider .slick-dots li button:before{content:"";opacity:1;transform-origin:0;background:#fff100;width:100%;height:200%;position:absolute;top:0;left:0;transform:scaleX(0)}html #firstview .slider .slick-dots li.slick-active button:before{transition:transform 3.6s linear;transform:scale(1)}html #firstview .slider.first .slick-dots li.slick-active button:before{transition:transform 2.8s linear}html #firstview .front{display:none}html #feature .summary{z-index:0;position:relative}html #feature .summary .bg{z-index:0;background-image:linear-gradient(90deg,#bae2f8,#bae2f8 6px,#0000 6px,#0000);background-position:0 100%;background-repeat:repeat-x;background-size:9.12px 20px;width:100%;height:567px;position:absolute;top:0;left:0}html #feature .summary .bg img{object-fit:cover;object-position:center top;width:100%;height:calc(100% - 10px)}html #feature .summary .front{z-index:10;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}html #feature .summary .front h2{text-align:center;width:100%;padding:99px 0 72px;display:block}html #feature .summary .front h2 img{width:176px}html #feature .summary .front .photo{width:calc(50% - 50px);height:400px;position:relative}html #feature .summary .front .photo img{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}html #feature .summary .front .photo img:nth-child(2){z-index:10}html #feature .summary .front .photo img:nth-child(3){z-index:10;opacity:0}html #feature .summary .front .photo svg#feature_timer_animation_vbt5{z-index:20;width:100%;height:100%;display:none;position:absolute;top:0;left:0}html #feature .summary .front .text{flex-grow:1;padding-left:62px}html #feature .summary .front .text h3 img,html #feature .summary .front .text .point img{width:460px}html #feature .summary .front .text .explain{color:#646464;font-optical-sizing:auto;white-space:nowrap;margin-top:34px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:31px}html #feature .colors header{text-align:center;padding-top:85px}html #feature .colors header img{width:1000px}html #feature .colors header p{color:#646464;font-optical-sizing:auto;padding:17px 0 25px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1}html #feature .colors #feature_colors_gallery{grid-template-columns:repeat(4,1fr);display:grid}html #feature .colors #feature_colors_gallery>li{aspect-ratio:1;overflow:hidden}html #feature .colors #feature_colors_gallery>li a{display:block;position:relative}html #feature .colors #feature_colors_gallery>li a picture:first-child img{object-fit:cover;object-position:center center;transform-origin:50%;z-index:0;width:100%;height:100%;transition:transform .3s;position:relative;transform:scale(1.005)}html #feature .colors #feature_colors_gallery>li a picture:nth-child(2) img{pointer-events:none;z-index:10;width:100%;position:absolute;top:0;left:0}html #feature .colors #feature_colors_gallery>li a:hover picture:first-child img{transform:scale(1.1)}html #feature .components{background-image:linear-gradient(90deg,#4556a4,#4556a4 3.3px,#0000 3.3px,#0000);background-position:bottom;background-repeat:repeat-x;background-size:9.3px 3px;width:1000px;margin:0 auto;padding:80px 0 64px}html #feature .components .diagrams{letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:97px 0;display:flex}html #feature .components .diagrams figure{position:relative}html #feature .components .diagrams figure>picture img{z-index:0;width:100%;position:relative}html #feature .components .diagrams figure .labels>li{z-index:10;position:absolute}html #feature .components .diagrams figure .labels>li strong{padding-bottom:8px;display:block}html #feature .components .diagrams figure .labels>li p{color:#646464;font-optical-sizing:auto;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:23px}html #feature .components .diagrams figure:first-of-type{width:561px}html #feature .components .diagrams figure:first-of-type .labels>li:first-of-type{top:0;left:0}html #feature .components .diagrams figure:first-of-type .labels>li:first-of-type strong img{width:247px}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(2){top:0;left:271px}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(2) strong img{width:290px}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(3){top:290px;left:336px}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(4){top:290px;left:461px}html #feature .components .diagrams figure:nth-of-type(2){width:406px}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type{top:0;left:109px}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type strong img{width:296px}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type p{padding-left:60px}html #feature .components .diagrams figure:nth-of-type(2) .remarks{text-align:center;z-index:20;position:absolute;bottom:-53px;left:110px}html #feature .components .diagrams figure:nth-of-type(2) .remarks p{color:#646464;font-optical-sizing:auto;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:20px}html #feature .components .diagrams figure:nth-of-type(2) .remarks p small{padding-top:8px;font-size:14px;line-height:1;display:block}html #feature .components .diagrams figure:nth-of-type(3),html #feature .components .diagrams figure:nth-of-type(4){width:489px}html #feature .components .notes{justify-content:flex-start;align-items:center;margin-top:32px;padding-left:110px;display:flex}html #feature .components .notes>dt{color:#646464;font-optical-sizing:auto;border:1px solid #767676;justify-content:center;align-items:center;width:201px;height:41px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1;display:flex}html #feature .components .notes>div{padding-left:17px}html #feature .components .notes>div>dd{color:#646464;font-optical-sizing:auto;letter-spacing:.02em;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:22px}html #feature .points{height:664px;position:relative;overflow:hidden}html #feature .points .bg picture{text-align:center;width:1700px;margin:0 auto;display:block;position:absolute;top:0;left:calc(50% - 850px)}html #feature .points .bg picture:first-of-type{z-index:0}html #feature .points .bg picture:first-of-type img{width:1700px}html #feature .points .bg picture:nth-of-type(2){z-index:10}html #feature .points .bg picture:nth-of-type(2) img{width:1010px}html #feature .points .front{z-index:100;width:1000px;margin:0 auto;position:relative}html #feature .points .front>p{position:absolute;top:58px;left:0}html #feature .points .front>p img{width:241px}html #feature .points .front>ul>li{position:absolute}html #feature .points .front>ul>li:first-child{top:278px;left:11px}html #feature .points .front>ul>li:first-child img{width:160px}html #feature .points .front>ul>li:nth-child(2){top:91px;left:327px}html #feature .points .front>ul>li:nth-child(2) img{width:226px}html #feature .points .front>ul>li:nth-child(3){top:433px;left:590px}html #feature .points .front>ul>li:nth-child(3) img{width:207px}html #feature .points .front>ul>li:nth-child(4){top:111px;left:626px}html #feature .points .front>ul>li:nth-child(4) img{width:164px}html #modes>header{background:#47b0e5;justify-content:center;align-items:center;height:130px;display:flex}html #modes>header img{width:454px}html #modes>.content{background:#e8f5fd;padding:50px 0 60px}html #modes>.content .mode_list .mode_list_tabs{justify-content:space-between;align-items:flex-start;width:880px;margin:0 auto;display:flex}html #modes>.content .mode_list .mode_list_tabs>li{background:#4556a4;position:relative}html #modes>.content .mode_list .mode_list_tabs>li picture{width:430px;display:block}html #modes>.content .mode_list .mode_list_tabs>li picture img{width:100%}html #modes>.content .mode_list .mode_list_tabs>li picture:nth-of-type(2){pointer-events:none;position:absolute;top:0;left:0}html #modes>.content .mode_list .mode_list_tabs>li:not(.active){cursor:pointer}html #modes>.content .mode_list .mode_list_tabs>li:not(.active) picture:first-of-type{opacity:0}html #modes>.content .mode_list .mode_list_tabs>li:not(.active):hover{background:#5a69ae}html #modes>.content .mode_list .mode_list_tabs>li.active{cursor:default;background:#fff}html #modes>.content .mode_list .mode_list_tabs>li.active picture:nth-of-type(2){opacity:0}html #modes>.content .mode_list .mode_list_contents{font-feature-settings:normal;width:1000px;margin:0 auto;position:relative}html #modes>.content .mode_list .mode_list_contents:after{content:"";clip-path:polygon(0% 0%,100% 0,50% 100%);z-index:10;background:#fff;width:54px;height:27px;position:absolute;bottom:-23px;left:50%;transform:translate(-50%)}html #modes>.content .mode_list .mode_list_contents .block{z-index:100;background:#fff;position:relative}html #modes>.content .mode_list .mode_list_contents .block:not(.active){display:none}html #modes>.content .mode_list .mode_list_contents .block.mode01{text-align:center;height:502px}html #modes>.content .mode_list .mode_list_contents .block.mode01>p{color:#646464;font-optical-sizing:auto;padding:43px 0 27px;font-family:Noto Sans JP,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:32px}html #modes>.content .mode_list .mode_list_contents .block.mode01 img{width:1000px}html #modes>.content .mode_list .mode_list_contents .block.mode01 .annotation{margin-top:18px}html #modes>.content .mode_list .mode_list_contents .block.mode01 .annotation p{color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:1}html #modes>.content .mode_list .mode_list_contents .block.mode02{text-align:center;height:626px}html #modes>.content .mode_list .mode_list_contents .block.mode02>p{color:#646464;font-optical-sizing:auto;padding:43px 0 19px;font-family:Noto Sans JP,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:32px}html #modes>.content .mode_list .mode_list_contents .block.mode02>picture img{width:1000px}html #modes>.content .mode_list .mode_list_contents .block.mode02 .annotation{margin-top:9px}html #modes>.content .mode_list .mode_list_contents .block.mode02 .annotation p{color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:1}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system{box-sizing:border-box;border:1px solid #cecfd0;width:781px;height:135px;margin:27px auto 0;padding-top:16px}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system img{width:706px}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system p{color:#767676;font-optical-sizing:auto;padding-top:11px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1}html #scenes{font-feature-settings:normal}html #scenes .explain{padding:58px 0 30px}html #scenes .explain p{text-align:center;color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1}html #scenes .swiper-wrapper{justify-content:space-between;align-items:flex-start;width:1000px;margin:0 auto;display:flex}html #scenes .swiper-wrapper .swiper-slide:first-of-type{width:660px}html #scenes .swiper-wrapper .swiper-slide:nth-of-type(2){width:330px}html #scenes .swiper-wrapper .swiper-slide img{width:100%}html #scenes .swiper-wrapper .swiper-slide figcaption{color:#fff;font-optical-sizing:auto;background:#4556a4;justify-content:center;align-items:center;height:30px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:1;display:flex}html #scene_slider_b{margin-top:30px}html #spec header{background:#47b0e5;justify-content:center;align-items:center;height:130px;display:flex}html #spec header img{width:280px}html #spec .content{width:1000px;margin:0 auto;padding:55px 0 56px;position:relative}html #spec .content .spec_table{border-collapse:collapse;border-bottom:2px solid #748080;width:596px}html #spec .content .spec_table caption{text-align:left;color:#767676;font-optical-sizing:auto;border-bottom:2px solid #748080;padding-bottom:10px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:1}html #spec .content .spec_table tbody{font-feature-settings:normal}html #spec .content .spec_table tbody tr th,html #spec .content .spec_table tbody tr td{text-align:left;border-bottom:1px solid #748080;padding:5px 0}html #spec .content .spec_table tbody tr th.top{color:#767676;font-optical-sizing:auto;width:139px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:22px}html #spec .content .spec_table tbody tr th.sub{box-sizing:border-box;color:#767676;font-optical-sizing:auto;background:#e8f5fd;width:122px;padding-left:15px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}html #spec .content .spec_table tbody tr td{box-sizing:border-box;color:#767676;font-optical-sizing:auto;padding-left:20px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}html #spec .content .spec_table tbody tr td .flex{justify-content:flex-start;align-items:flex-start;display:flex}html #spec .content .spec_table tbody tr .exception_01{color:#767676;font-optical-sizing:auto;margin-top:3px;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1}html #spec .content .spec_table tbody tr .exception_02{justify-content:flex-start;align-items:flex-end;gap:0 3px;display:flex}html #spec .content .spec_table tbody tr .exception_02>p:nth-child(2){color:#767676;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:22px}html #spec .content .garelly{position:absolute;top:84px;right:0}html #spec .content .garelly .garelly_block{opacity:0;flex-direction:column;justify-content:flex-start;align-items:center;width:361px;height:333px;display:flex;overflow:hidden}html #spec .content .garelly .garelly_block.active{opacity:1}html #spec .content .garelly .garelly_block .photos{width:100%}html #spec .content .garelly .garelly_block .photos a{border:1px solid #e3e3e3;display:block;position:relative}html #spec .content .garelly .garelly_block .photos a:after{content:"";pointer-events:none;z-index:10;background-image:url(./spec_garelly_icon_magnify.svg);background-position:right 9px bottom 9px;background-repeat:no-repeat;background-size:12px;width:100%;height:100%;position:absolute;top:0;left:0}html #spec .content .garelly .garelly_block .photos a img{z-index:0;width:100%;position:relative}html #spec .content .garelly .garelly_block .tabs{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:9px;width:100%;margin-top:auto;display:flex}html #spec .content .garelly .garelly_block .tabs p{box-sizing:border-box;color:#646464;font-optical-sizing:auto;cursor:pointer;background:#fff;border:1px solid #e3e8ea;border-radius:15px;justify-content:flex-start;align-items:center;width:151px;height:30px;padding-left:35px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1;display:flex;position:relative}html #spec .content .garelly .garelly_block .tabs p:before{content:"";box-sizing:border-box;border:1px solid #ccc;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}html #spec .content .garelly .garelly_block .tabs p:first-child:before{background:#fff67f}html #spec .content .garelly .garelly_block .tabs p:nth-child(2):before{background:#b5ded5}html #spec .content .garelly .garelly_block .tabs p:nth-child(3):before{background:#4556a4}html #spec .content .garelly .garelly_block .tabs p:nth-child(4):before{background:#fff}html #spec .content .garelly .garelly_block .tabs p.active{background:#e3e8ea}html #spec .content .annotation{margin-top:18px}html #spec .content .annotation>ul>li{color:#767676;font-optical-sizing:auto;justify-content:flex-start;align-items:flex-start;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:20px;display:flex}html #spec .content .annotation>ul>li span:first-child{flex-shrink:0}html #relation{text-align:center;background:#f0f0f0;padding:45px 0}html #relation img{width:600px}}@media screen and (744px<=width<1000px){html #header{position:relative}html #header .bar{box-sizing:border-box;z-index:5000;background:#e8f5fd;justify-content:flex-start;align-items:center;width:100%;height:5.5vw;padding-left:2.75vw;padding-right:1.25vw;transition:background .6s;display:flex;position:fixed;top:0;left:0}html #header .bar .title{position:relative;top:.0833333vw}html #header .bar .title h1 img{width:29.4167vw}html #header .bar .shares{justify-content:flex-start;align-items:flex-start;gap:0 .416667vw;height:20px;margin-left:auto;line-height:20px;display:flex}html #header .bar .purchase{margin-left:2.08333vw}html #header .bar .purchase a{box-sizing:border-box;background-color:#fff;background-image:url(./purchase_btn_bg_pc.svg);background-size:contain;border-radius:1.66667vw;justify-content:flex-start;align-items:center;width:12.5vw;height:3.33333vw;padding-left:3.5vw;display:flex}html #header .bar .purchase a span{color:#000;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:1.5vw;font-style:normal;font-weight:700;line-height:1;position:relative;top:-.166667vw}html #header:not(.is-scrolled) .bar{background:#ffffff4d}html #firstview{position:relative}html #firstview .slider{aspect-ratio:1400/800;opacity:0;width:100%;margin:0;overflow:hidden}html #firstview .slider.active{opacity:1}html #firstview .slider .slick-slide picture{display:block}html #firstview .slider .slick-slide picture img{width:100%}html #firstview .slider .slick-slide .info{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:4.75vw;left:0}html #firstview .slider .slick-slide .info>div{background:#fff9;border-radius:.833333vw;justify-content:center;align-items:center;height:2.16667vw;padding:0 1.08333vw;display:flex}html #firstview .slider .slick-slide .info>div>div{justify-content:center;align-items:center;display:flex}html #firstview .slider .slick-slide .info>div>div:before,html #firstview .slider .slick-slide .info>div>div:after{content:"";background:#575757;width:.0833333vw;height:1.16667vw}html #firstview .slider .slick-slide .info>div>div:nth-child(n+2):before{display:none}html #firstview .slider .slick-slide .info>div>div p{color:#575757;font-optical-sizing:auto;padding:0 .833333vw;font-family:Noto Sans JP,sans-serif;font-size:1.16667vw;font-style:normal;font-weight:400;line-height:1}html #firstview .slider .slick-dots{justify-content:center;align-items:flex-start;gap:0 1.66667vw;display:flex;bottom:2.5vw}html #firstview .slider .slick-dots li{width:8.33333vw;height:.333333vw;margin:0;padding:0}html #firstview .slider .slick-dots li button{background:#646464;border-radius:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}html #firstview .slider .slick-dots li button:before{content:"";opacity:1;transform-origin:0;background:#fff100;width:100%;height:200%;position:absolute;top:0;left:0;transform:scaleX(0)}html #firstview .slider .slick-dots li.slick-active button:before{transition:transform 3.6s linear;transform:scale(1)}html #firstview .slider.first .slick-dots li.slick-active button:before{transition:transform 2.8s linear}html #firstview .front{display:none}html #feature .summary{z-index:0;position:relative}html #feature .summary .bg{z-index:0;background-image:linear-gradient(90deg,#bae2f8,#bae2f8 .5vw,#0000 .5vw,#0000);background-position:0 100%;background-repeat:repeat-x;background-size:.76vw 1.66667vw;width:100%;height:47.25vw;position:absolute;top:0;left:0}html #feature .summary .bg img{object-fit:cover;object-position:center top;width:100%;height:calc(100% - .833333vw)}html #feature .summary .front{z-index:10;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}html #feature .summary .front h2{text-align:center;width:100%;padding:8.25vw 0 6vw;display:block}html #feature .summary .front h2 img{width:14.6667vw}html #feature .summary .front .photo{width:calc(50% - 4.16667vw);height:33.3333vw;position:relative}html #feature .summary .front .photo img{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}html #feature .summary .front .photo img:nth-child(2){z-index:10}html #feature .summary .front .photo img:nth-child(3){z-index:10;opacity:0}html #feature .summary .front .photo svg#feature_timer_animation_vbt5{z-index:20;width:100%;height:100%;display:none;position:absolute;top:0;left:0}html #feature .summary .front .text{flex-grow:1;padding-left:5.16667vw}html #feature .summary .front .text h3 img,html #feature .summary .front .text .point img{width:38.3333vw}html #feature .summary .front .text .explain{color:#646464;font-optical-sizing:auto;white-space:nowrap;margin-top:2.83333vw;font-family:Noto Sans JP,sans-serif;font-size:1.66667vw;font-style:normal;font-weight:400;line-height:2.58333vw}html #feature .colors header{text-align:center;padding-top:7.08333vw}html #feature .colors header img{width:83.3333vw}html #feature .colors header p{color:#646464;font-optical-sizing:auto;padding:1.41667vw 0 2.08333vw;font-family:Noto Sans JP,sans-serif;font-size:1.66667vw;font-style:normal;font-weight:400;line-height:1}html #feature .colors #feature_colors_gallery{grid-template-columns:repeat(4,1fr);display:grid}html #feature .colors #feature_colors_gallery>li{aspect-ratio:1;overflow:hidden}html #feature .colors #feature_colors_gallery>li a{display:block;position:relative}html #feature .colors #feature_colors_gallery>li a picture:first-child img{object-fit:cover;object-position:center center;transform-origin:50%;z-index:0;width:100%;height:100%;transition:transform .3s;position:relative;transform:scale(1.005)}html #feature .colors #feature_colors_gallery>li a picture:nth-child(2) img{pointer-events:none;z-index:10;width:100%;position:absolute;top:0;left:0}html #feature .colors #feature_colors_gallery>li a:hover picture:first-child img{transform:scale(1.1)}html #feature .components{background-image:linear-gradient(90deg,#4556a4,#4556a4 .275vw,#0000 .275vw,#0000);background-position:bottom;background-repeat:repeat-x;background-size:.775vw .25vw;width:83.3333vw;margin:0 auto;padding:6.66667vw 0 5.33333vw}html #feature .components .diagrams{letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8.08333vw 0;display:flex}html #feature .components .diagrams figure{position:relative}html #feature .components .diagrams figure>picture img{z-index:0;width:100%;position:relative}html #feature .components .diagrams figure .labels>li{z-index:10;position:absolute}html #feature .components .diagrams figure .labels>li strong{padding-bottom:.666667vw;display:block}html #feature .components .diagrams figure .labels>li p{color:#646464;font-optical-sizing:auto;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:400;line-height:1.91667vw}html #feature .components .diagrams figure:first-of-type{width:46.75vw}html #feature .components .diagrams figure:first-of-type .labels>li:first-of-type{top:0;left:0}html #feature .components .diagrams figure:first-of-type .labels>li:first-of-type strong img{width:20.5833vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(2){top:0;left:22.5833vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(2) strong img{width:24.1667vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(3){top:24.1667vw;left:28vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(4){top:24.1667vw;left:38.4167vw}html #feature .components .diagrams figure:nth-of-type(2){width:33.8333vw}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type{top:0;left:9.08333vw}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type strong img{width:24.6667vw}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type p{padding-left:5vw}html #feature .components .diagrams figure:nth-of-type(2) .remarks{text-align:center;z-index:20;position:absolute;bottom:-4.41667vw;left:9.16667vw}html #feature .components .diagrams figure:nth-of-type(2) .remarks p{color:#646464;font-optical-sizing:auto;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:400;line-height:1.66667vw}html #feature .components .diagrams figure:nth-of-type(2) .remarks p small{padding-top:.666667vw;font-size:1.16667vw;line-height:1;display:block}html #feature .components .diagrams figure:nth-of-type(3),html #feature .components .diagrams figure:nth-of-type(4){width:40.75vw}html #feature .components .notes{justify-content:flex-start;align-items:center;margin-top:2.66667vw;padding-left:9.16667vw;display:flex}html #feature .components .notes>dt{color:#646464;font-optical-sizing:auto;border:.0833333vw solid #767676;justify-content:center;align-items:center;width:16.75vw;height:3.41667vw;font-family:Noto Sans JP,sans-serif;font-size:1.16667vw;font-style:normal;font-weight:400;line-height:1;display:flex}html #feature .components .notes>div{padding-left:1.41667vw}html #feature .components .notes>div>dd{color:#646464;font-optical-sizing:auto;letter-spacing:.02em;font-family:Noto Sans JP,sans-serif;font-size:1.16667vw;font-style:normal;font-weight:400;line-height:1.83333vw}html #feature .points{height:55.3333vw;position:relative;overflow:hidden}html #feature .points .bg picture{text-align:center;width:141.667vw;margin:0 auto;display:block;position:absolute;top:0;left:calc(50% - 70.8333vw)}html #feature .points .bg picture:first-of-type{z-index:0}html #feature .points .bg picture:first-of-type img{width:141.667vw}html #feature .points .bg picture:nth-of-type(2){z-index:10}html #feature .points .bg picture:nth-of-type(2) img{width:84.1667vw}html #feature .points .front{z-index:100;width:83.3333vw;margin:0 auto;position:relative}html #feature .points .front>p{position:absolute;top:4.83333vw;left:0}html #feature .points .front>p img{width:20.0833vw}html #feature .points .front>ul>li{position:absolute}html #feature .points .front>ul>li:first-child{top:23.1667vw;left:.916667vw}html #feature .points .front>ul>li:first-child img{width:13.3333vw}html #feature .points .front>ul>li:nth-child(2){top:7.58333vw;left:27.25vw}html #feature .points .front>ul>li:nth-child(2) img{width:18.8333vw}html #feature .points .front>ul>li:nth-child(3){top:36.0833vw;left:49.1667vw}html #feature .points .front>ul>li:nth-child(3) img{width:17.25vw}html #feature .points .front>ul>li:nth-child(4){top:9.25vw;left:52.1667vw}html #feature .points .front>ul>li:nth-child(4) img{width:13.6667vw}html #modes>header{background:#47b0e5;justify-content:center;align-items:center;height:10.8333vw;display:flex}html #modes>header img{width:37.8333vw}html #modes>.content{background:#e8f5fd;padding:4.16667vw 0 5vw}html #modes>.content .mode_list .mode_list_tabs{justify-content:space-between;align-items:flex-start;width:73.3333vw;margin:0 auto;display:flex}html #modes>.content .mode_list .mode_list_tabs>li{background:#4556a4;position:relative}html #modes>.content .mode_list .mode_list_tabs>li picture{width:35.8333vw;display:block}html #modes>.content .mode_list .mode_list_tabs>li picture img{width:100%}html #modes>.content .mode_list .mode_list_tabs>li picture:nth-of-type(2){pointer-events:none;position:absolute;top:0;left:0}html #modes>.content .mode_list .mode_list_tabs>li:not(.active){cursor:pointer}html #modes>.content .mode_list .mode_list_tabs>li:not(.active) picture:first-of-type{opacity:0}html #modes>.content .mode_list .mode_list_tabs>li:not(.active):hover{background:#5a69ae}html #modes>.content .mode_list .mode_list_tabs>li.active{cursor:default;background:#fff}html #modes>.content .mode_list .mode_list_tabs>li.active picture:nth-of-type(2){opacity:0}html #modes>.content .mode_list .mode_list_contents{font-feature-settings:normal;width:83.3333vw;margin:0 auto;position:relative}html #modes>.content .mode_list .mode_list_contents:after{content:"";clip-path:polygon(0% 0%,100% 0,50% 100%);z-index:10;background:#fff;width:4.5vw;height:2.25vw;position:absolute;bottom:-1.91667vw;left:50%;transform:translate(-50%)}html #modes>.content .mode_list .mode_list_contents .block{z-index:100;background:#fff;position:relative}html #modes>.content .mode_list .mode_list_contents .block:not(.active){display:none}html #modes>.content .mode_list .mode_list_contents .block.mode01{text-align:center;height:41.8333vw}html #modes>.content .mode_list .mode_list_contents .block.mode01>p{color:#646464;font-optical-sizing:auto;padding:3.58333vw 0 2.25vw;font-family:Noto Sans JP,sans-serif;font-size:1.83333vw;font-style:normal;font-weight:500;line-height:2.66667vw}html #modes>.content .mode_list .mode_list_contents .block.mode01 img{width:83.3333vw}html #modes>.content .mode_list .mode_list_contents .block.mode01 .annotation{margin-top:1.5vw}html #modes>.content .mode_list .mode_list_contents .block.mode01 .annotation p{color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:500;line-height:1}html #modes>.content .mode_list .mode_list_contents .block.mode02{text-align:center;height:52.1667vw}html #modes>.content .mode_list .mode_list_contents .block.mode02>p{color:#646464;font-optical-sizing:auto;padding:3.58333vw 0 1.58333vw;font-family:Noto Sans JP,sans-serif;font-size:1.83333vw;font-style:normal;font-weight:500;line-height:2.66667vw}html #modes>.content .mode_list .mode_list_contents .block.mode02>picture img{width:83.3333vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .annotation{margin-top:.75vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .annotation p{color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:500;line-height:1}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system{box-sizing:border-box;border:.0833333vw solid #cecfd0;width:65.0833vw;height:11.25vw;margin:2.25vw auto 0;padding-top:1.33333vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system img{width:58.8333vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system p{color:#767676;font-optical-sizing:auto;padding-top:.916667vw;font-family:Noto Sans JP,sans-serif;font-size:1.16667vw;font-style:normal;font-weight:400;line-height:1}html #scenes{font-feature-settings:normal}html #scenes .explain{padding:4.83333vw 0 2.5vw}html #scenes .explain p{text-align:center;color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:2vw;font-style:normal;font-weight:700;line-height:1}html #scenes .swiper-wrapper{justify-content:space-between;align-items:flex-start;width:83.3333vw;margin:0 auto;display:flex}html #scenes .swiper-wrapper .swiper-slide:first-of-type{width:55vw}html #scenes .swiper-wrapper .swiper-slide:nth-of-type(2){width:27.5vw}html #scenes .swiper-wrapper .swiper-slide img{width:100%}html #scenes .swiper-wrapper .swiper-slide figcaption{color:#fff;font-optical-sizing:auto;background:#4556a4;justify-content:center;align-items:center;height:2.5vw;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:500;line-height:1;display:flex}html #scene_slider_b{margin-top:2.5vw}html #spec header{background:#47b0e5;justify-content:center;align-items:center;height:10.8333vw;display:flex}html #spec header img{width:23.3333vw}html #spec .content{width:83.3333vw;margin:0 auto;padding:4.58333vw 0 4.66667vw;position:relative}html #spec .content .spec_table{border-collapse:collapse;border-bottom:.166667vw solid #748080;width:49.6667vw}html #spec .content .spec_table caption{text-align:left;color:#767676;font-optical-sizing:auto;border-bottom:.166667vw solid #748080;padding-bottom:.833333vw;font-family:Noto Sans JP,sans-serif;font-size:1.66667vw;font-style:normal;font-weight:700;line-height:1}html #spec .content .spec_table tbody{font-feature-settings:normal}html #spec .content .spec_table tbody tr th,html #spec .content .spec_table tbody tr td{text-align:left;border-bottom:.0833333vw solid #748080;padding:.416667vw 0}html #spec .content .spec_table tbody tr th.top{color:#767676;font-optical-sizing:auto;width:11.5833vw;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:700;line-height:1.83333vw}html #spec .content .spec_table tbody tr th.sub{box-sizing:border-box;color:#767676;font-optical-sizing:auto;background:#e8f5fd;width:10.1667vw;padding-left:1.25vw;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:400;line-height:1.83333vw}html #spec .content .spec_table tbody tr td{box-sizing:border-box;color:#767676;font-optical-sizing:auto;padding-left:1.66667vw;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:400;line-height:1.83333vw}html #spec .content .spec_table tbody tr td .flex{justify-content:flex-start;align-items:flex-start;display:flex}html #spec .content .spec_table tbody tr .exception_01{color:#767676;font-optical-sizing:auto;margin-top:.25vw;font-family:Noto Sans JP,sans-serif;font-size:1vw;font-style:normal;font-weight:400;line-height:1}html #spec .content .spec_table tbody tr .exception_02{justify-content:flex-start;align-items:flex-end;gap:0 .25vw;display:flex}html #spec .content .spec_table tbody tr .exception_02>p:nth-child(2){color:#767676;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:1vw;font-style:normal;font-weight:400;line-height:1.83333vw}html #spec .content .garelly{position:absolute;top:7vw;right:0}html #spec .content .garelly .garelly_block{opacity:0;flex-direction:column;justify-content:flex-start;align-items:center;width:30.0833vw;height:27.75vw;display:flex;overflow:hidden}html #spec .content .garelly .garelly_block.active{opacity:1}html #spec .content .garelly .garelly_block .photos{width:100%}html #spec .content .garelly .garelly_block .photos a{border:.0833333vw solid #e3e3e3;display:block;position:relative}html #spec .content .garelly .garelly_block .photos a:after{content:"";pointer-events:none;z-index:10;background-image:url(./spec_garelly_icon_magnify.svg);background-position:right .75vw bottom .75vw;background-repeat:no-repeat;background-size:1vw;width:100%;height:100%;position:absolute;top:0;left:0}html #spec .content .garelly .garelly_block .photos a img{z-index:0;width:100%;position:relative}html #spec .content .garelly .garelly_block .tabs{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.75vw;width:100%;margin-top:auto;display:flex}html #spec .content .garelly .garelly_block .tabs p{box-sizing:border-box;color:#646464;font-optical-sizing:auto;cursor:pointer;background:#fff;border:.0833333vw solid #e3e8ea;border-radius:1.25vw;justify-content:flex-start;align-items:center;width:12.5833vw;height:2.5vw;padding-left:2.91667vw;font-family:Noto Sans JP,sans-serif;font-size:1.33333vw;font-style:normal;font-weight:400;line-height:1;display:flex;position:relative}html #spec .content .garelly .garelly_block .tabs p:before{content:"";box-sizing:border-box;border:.0833333vw solid #ccc;border-radius:50%;width:1.41667vw;height:1.41667vw;position:absolute;top:50%;left:1vw;transform:translateY(-50%)}html #spec .content .garelly .garelly_block .tabs p:first-child:before{background:#fff67f}html #spec .content .garelly .garelly_block .tabs p:nth-child(2):before{background:#b5ded5}html #spec .content .garelly .garelly_block .tabs p:nth-child(3):before{background:#4556a4}html #spec .content .garelly .garelly_block .tabs p:nth-child(4):before{background:#fff}html #spec .content .garelly .garelly_block .tabs p.active{background:#e3e8ea}html #spec .content .annotation{margin-top:1.5vw}html #spec .content .annotation>ul>li{color:#767676;font-optical-sizing:auto;justify-content:flex-start;align-items:flex-start;font-family:Noto Sans JP,sans-serif;font-size:1vw;font-style:normal;font-weight:400;line-height:1.66667vw;display:flex}html #spec .content .annotation>ul>li span:first-child{flex-shrink:0}html #relation{text-align:center;background:#f0f0f0;padding:3.75vw 0}html #relation img{width:50vw}}@media screen and (width<744px){html #header{position:relative}html #header .bar{box-sizing:border-box;z-index:5000;background:#e8f5fd;justify-content:flex-start;align-items:center;width:100%;height:14.1333vw;padding-left:2.8vw;padding-right:2.26667vw;transition:background .6s;display:flex;position:fixed;top:0;left:0}html #header .bar .title{position:relative;top:.266667vw}html #header .bar .title h1 img{width:61.0667vw}html #header .bar .shares{display:none}html #header .bar .purchase{margin-left:auto}html #header .bar .purchase a{box-sizing:border-box;background-color:#fff;background-image:url(./purchase_btn_bg_sp.svg);background-size:contain;border-radius:4.8vw;justify-content:flex-start;align-items:center;width:28vw;height:9.33333vw;padding-left:5.86667vw;display:flex}html #header .bar .purchase a span{color:#000;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:4.32vw;font-style:normal;font-weight:700;line-height:1;position:relative;top:-.4vw}html #header:not(.is-scrolled) .bar{background:#ffffff4d}html #firstview{position:relative}html #firstview .slider{aspect-ratio:750/940;opacity:0;width:100%;margin:0;overflow:hidden}html #firstview .slider.active{opacity:1}html #firstview .slider .slick-slide picture{display:block}html #firstview .slider .slick-slide picture img{width:100%}html #firstview .slider .slick-slide .info{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:7.86667vw;left:0}html #firstview .slider .slick-slide .info>div{background:#fff9;border-radius:2vw;justify-content:center;align-items:center;height:5.2vw;padding:0 2.53333vw;display:flex}html #firstview .slider .slick-slide .info>div>div{justify-content:center;align-items:center;display:flex}html #firstview .slider .slick-slide .info>div>div:before,html #firstview .slider .slick-slide .info>div>div:after{content:"";background:#575757;width:.2vw;height:2.8vw}html #firstview .slider .slick-slide .info>div>div:nth-child(n+2):before{display:none}html #firstview .slider .slick-slide .info>div>div p{color:#575757;font-optical-sizing:auto;padding:0 1.86667vw;font-family:Noto Sans JP,sans-serif;font-size:2.8vw;font-style:normal;font-weight:400;line-height:1}html #firstview .slider .slick-dots{justify-content:center;align-items:flex-start;gap:0 2.66667vw;display:flex;bottom:4.93333vw}html #firstview .slider .slick-dots li{width:13.3333vw;height:.533333vw;margin:0;padding:0}html #firstview .slider .slick-dots li button{background:#646464;border-radius:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}html #firstview .slider .slick-dots li button:before{content:"";opacity:1;transform-origin:0;background:#fff100;width:100%;height:200%;position:absolute;top:0;left:0;transform:scaleX(0)}html #firstview .slider .slick-dots li.slick-active button:before{transition:transform 3.6s linear;transform:scale(1)}html #firstview .slider.first .slick-dots li.slick-active button:before{transition:transform 2.8s linear}html #feature{position:relative}html #feature .shares{z-index:100;justify-content:center;align-items:flex-start;gap:0 1.33333vw;width:100%;height:20px;padding-top:6vw;line-height:20px;display:flex;position:absolute;top:0;left:0}html #feature .summary{z-index:0;height:170.133vw;position:relative}html #feature .summary .bg{z-index:0;background-image:linear-gradient(90deg,#bae2f8,#bae2f8 1.2vw,#0000 1.2vw,#0000);background-position:0 100%;background-repeat:repeat-x;background-size:1.824vw 4vw;width:100%;height:156.267vw;position:absolute;top:0;left:0}html #feature .summary .bg img{object-fit:cover;object-position:center top;width:100%;height:calc(100% - 2vw)}html #feature .summary .front{z-index:10;position:relative}html #feature .summary .front h2{text-align:center;width:100%;padding:28.1333vw 0 14vw;display:block}html #feature .summary .front h2 img{width:35.2vw}html #feature .summary .front .photo{width:86.6667vw;height:53.3333vw;position:absolute;top:116.8vw;right:0}html #feature .summary .front .photo img{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}html #feature .summary .front .photo img:nth-child(2){z-index:10}html #feature .summary .front .photo img:nth-child(3){z-index:10;opacity:0}html #feature .summary .front .photo svg#feature_timer_animation_vbt5{z-index:20;width:100%;height:100%;display:none;position:absolute;top:0;left:0}html #feature .summary .front .text{text-align:center;width:100%}html #feature .summary .front .text h3 img,html #feature .summary .front .text .point img{width:91.7333vw}html #feature .summary .front .text .explain{color:#646464;font-optical-sizing:auto;white-space:nowrap;margin-top:7.2vw;font-family:Noto Sans JP,sans-serif;font-size:3.73333vw;font-style:normal;font-weight:400;line-height:6.2vw}html #feature .colors header{text-align:center;padding-top:14.2667vw}html #feature .colors header img{width:100%}html #feature .colors header p{color:#646464;font-optical-sizing:auto;padding:2.66667vw 0 4vw;font-family:Noto Sans JP,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:6.2vw}html #feature .colors #feature_colors_gallery{grid-template-columns:repeat(2,1fr);display:grid}html #feature .colors #feature_colors_gallery>li{aspect-ratio:1;overflow:hidden}html #feature .colors #feature_colors_gallery>li a{display:block;position:relative}html #feature .colors #feature_colors_gallery>li a picture:first-child img{object-fit:cover;object-position:center center;transform-origin:50%;z-index:0;width:100%;height:100%;transition:transform .3s;position:relative;transform:scale(1.005)}html #feature .colors #feature_colors_gallery>li a picture:nth-child(2) img{pointer-events:none;z-index:10;width:100%;position:absolute;top:0;left:0}html #feature .colors #feature_colors_gallery>li a:hover picture:first-child img{transform:scale(1.1)}html #feature .components{padding:13.3333vw 0 8vw;position:relative}html #feature .components:after{content:"";background-image:linear-gradient(90deg,#4556a4,#4556a4 .44vw,#0000 .44vw,#0000);background-position:bottom;background-repeat:repeat-x;background-size:1.24vw .4vw;width:93.3333vw;height:.4vw;position:absolute;bottom:0;left:3.33333vw}html #feature .components .diagrams{letter-spacing:.04em}html #feature .components .diagrams figure{position:relative}html #feature .components .diagrams figure>picture img{z-index:0;width:100%;position:relative}html #feature .components .diagrams figure .labels>li{z-index:10;position:absolute}html #feature .components .diagrams figure .labels>li strong{padding-bottom:1.73333vw;display:block}html #feature .components .diagrams figure .labels>li p{color:#646464;font-optical-sizing:auto;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:400;line-height:4.6vw}html #feature .components .diagrams figure:first-of-type .labels>li:first-of-type{top:0;left:39.8667vw}html #feature .components .diagrams figure:first-of-type .labels>li:first-of-type strong img{width:48.1333vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(2){top:60.1333vw;left:20.6667vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(2) strong img{width:58.6667vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(3){top:52vw;right:60vw}html #feature .components .diagrams figure:first-of-type .labels>li:nth-of-type(4){top:52vw;right:29.4667vw}html #feature .components .diagrams figure:nth-of-type(2){margin-top:24.5333vw}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type{top:0;left:59.4667vw}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type strong img{width:37.2vw}html #feature .components .diagrams figure:nth-of-type(2) .labels>li:first-of-type p{padding-left:0}html #feature .components .diagrams figure:nth-of-type(2) .remarks{z-index:20;position:absolute;top:39.0667vw;left:59.4667vw}html #feature .components .diagrams figure:nth-of-type(2) .remarks p{color:#646464;font-optical-sizing:auto;white-space:nowrap;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:400;line-height:4vw}html #feature .components .diagrams figure:nth-of-type(2) .remarks p small{justify-content:flex-start;align-items:flex-start;padding-top:1.46667vw;font-size:2.8vw;line-height:3.46667vw;display:flex}html #feature .components .diagrams figure:nth-of-type(3),html #feature .components .diagrams figure:nth-of-type(4){margin-top:11.7333vw}html #feature .components .notes{width:93.3333vw;margin:8.26667vw auto 0}html #feature .components .notes>dt{color:#646464;font-optical-sizing:auto;border:.2vw solid #767676;justify-content:center;align-items:center;width:93.3333vw;height:8vw;font-family:Noto Sans JP,sans-serif;font-size:2.8vw;font-style:normal;font-weight:400;line-height:1;display:flex}html #feature .components .notes>div{margin-top:2vw}html #feature .components .notes>div>dd{color:#646464;font-optical-sizing:auto;letter-spacing:.04em;justify-content:flex-start;align-items:flex-start;font-family:Noto Sans JP,sans-serif;font-size:2.8vw;font-style:normal;font-weight:400;line-height:4.4vw;display:flex}html #feature .points{height:212.8vw;position:relative;overflow:hidden}html #feature .points .bg picture{text-align:center;width:100%;margin:0 auto;display:block;position:absolute;top:0;left:0}html #feature .points .bg picture:first-of-type{z-index:0}html #feature .points .bg picture:first-of-type img{width:100%}html #feature .points .bg picture:nth-of-type(2){z-index:10}html #feature .points .bg picture:nth-of-type(2) img{width:100%}html #feature .points .front{z-index:100;position:relative}html #feature .points .front>p{position:absolute;top:11.4667vw;left:2.93333vw}html #feature .points .front>p img{width:48.1333vw}html #feature .points .front>ul>li{position:absolute}html #feature .points .front>ul>li:first-child{top:18.9333vw;left:60.8vw}html #feature .points .front>ul>li:first-child img{width:36.1333vw}html #feature .points .front>ul>li:nth-child(2){top:57.8667vw;left:1.6vw}html #feature .points .front>ul>li:nth-child(2) img{width:51.3333vw}html #feature .points .front>ul>li:nth-child(3){top:131.2vw;left:49.8667vw}html #feature .points .front>ul>li:nth-child(3) img{width:47.0667vw}html #feature .points .front>ul>li:nth-child(4){top:168.8vw;left:24.9333vw}html #feature .points .front>ul>li:nth-child(4) img{width:50vw}html #modes>header{background:#47b0e5;justify-content:center;align-items:center;height:21.3333vw;display:flex}html #modes>header img{width:90.8vw}html #modes>.content{background:#e8f5fd;padding:4.93333vw 0 10.6667vw}html #modes>.content .mode_list .mode_list_tabs{justify-content:space-between;align-items:flex-start;width:88vw;margin:0 auto;display:flex}html #modes>.content .mode_list .mode_list_tabs>li{background-image:linear-gradient(#4556a4,#4556a4);background-position:bottom;background-repeat:no-repeat;background-size:100% calc(100% - 1.73333vw);position:relative}html #modes>.content .mode_list .mode_list_tabs>li picture{width:42.6667vw;display:block}html #modes>.content .mode_list .mode_list_tabs>li picture img{width:100%}html #modes>.content .mode_list .mode_list_tabs>li picture:nth-of-type(2){pointer-events:none;position:absolute;top:0;left:0}html #modes>.content .mode_list .mode_list_tabs>li:not(.active){cursor:pointer}html #modes>.content .mode_list .mode_list_tabs>li:not(.active) picture:first-of-type{opacity:0}html #modes>.content .mode_list .mode_list_tabs>li:not(.active):hover{background-image:linear-gradient(#5a69ae,#5a69ae)}html #modes>.content .mode_list .mode_list_tabs>li.active{cursor:default;background-image:linear-gradient(#fff,#fff)}html #modes>.content .mode_list .mode_list_tabs>li.active picture:nth-of-type(2){opacity:0}html #modes>.content .mode_list .mode_list_contents{font-feature-settings:normal;width:93.3333vw;margin:0 auto;position:relative}html #modes>.content .mode_list .mode_list_contents:after{content:"";clip-path:polygon(0% 0%,100% 0,50% 100%);z-index:10;background:#fff;width:10.8vw;height:5.4vw;position:absolute;bottom:-5.33333vw;left:50%;transform:translate(-50%)}html #modes>.content .mode_list .mode_list_contents .block{z-index:100;background:#fff;position:relative}html #modes>.content .mode_list .mode_list_contents .block:not(.active){display:none}html #modes>.content .mode_list .mode_list_contents .block.mode01{text-align:center;padding-bottom:8.8vw}html #modes>.content .mode_list .mode_list_contents .block.mode01>p{color:#646464;font-optical-sizing:auto;padding:8.8vw 0 6vw;font-family:Noto Sans JP,sans-serif;font-size:4.4vw;font-style:normal;font-weight:500;line-height:6.4vw}html #modes>.content .mode_list .mode_list_contents .block.mode01 img{width:93.3333vw}html #modes>.content .mode_list .mode_list_contents .block.mode01 .annotation{margin-top:4vw}html #modes>.content .mode_list .mode_list_contents .block.mode01 .annotation p{color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:500;line-height:1}html #modes>.content .mode_list .mode_list_contents .block.mode02{text-align:center;padding-bottom:4.4vw}html #modes>.content .mode_list .mode_list_contents .block.mode02>p{color:#646464;font-optical-sizing:auto;padding:8.8vw 0 4vw;font-family:Noto Sans JP,sans-serif;font-size:4.4vw;font-style:normal;font-weight:500;line-height:6.4vw}html #modes>.content .mode_list .mode_list_contents .block.mode02>picture img{width:93.3333vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .annotation{margin-top:4vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .annotation p{color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:500;line-height:1}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system{box-sizing:border-box;border:.2vw solid #cecfd0;width:84.7333vw;height:37.5333vw;margin:2.8vw auto 0;padding-top:2.4vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system img{width:77.0667vw}html #modes>.content .mode_list .mode_list_contents .block.mode02 .repeat_system p{color:#767676;font-optical-sizing:auto;padding-top:1.46667vw;font-family:Noto Sans JP,sans-serif;font-size:2.8vw;font-style:normal;font-weight:400;line-height:4vw}html #scenes{font-feature-settings:normal}html #scenes .explain{padding:7.46667vw 0 3.86667vw}html #scenes .explain p{text-align:center;color:#646464;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:4.8vw;font-style:normal;font-weight:700;line-height:6.13333vw}html #scenes .swiper-wrapper .swiper-slide{box-sizing:content-box;width:80vw;padding:0 2vw}html #scenes .swiper-wrapper .swiper-slide img{width:100%}html #scenes .swiper-wrapper .swiper-slide figcaption{text-align:center;color:#fff;font-optical-sizing:auto;background:#4556a4;justify-content:center;align-items:center;height:10.6667vw;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:500;line-height:3.73333vw;display:flex}html #scenes .swiper-pagination{justify-content:center;align-items:flex-start;gap:0 3.06667vw;margin-top:4vw;display:flex}html #scenes .swiper-pagination .swiper-pagination-bullet{aspect-ratio:1;cursor:pointer;background:#fff;border-radius:50%;width:2.66667vw}html #scenes .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{cursor:default;pointer-events:none;background:#4556a4}html #scene_slider_b{margin-top:6.66667vw}html #spec header{background:#47b0e5;justify-content:center;align-items:center;height:21.3333vw;display:flex}html #spec header img{width:55.8667vw}html #spec .content{width:93.3333vw;margin:0 auto;padding:6.66667vw 0 5.6vw;position:relative}html #spec .content .spec_table{border-collapse:collapse;border-bottom:.4vw solid #748080;width:93.3333vw}html #spec .content .spec_table caption{text-align:left;color:#767676;font-optical-sizing:auto;border-bottom:.4vw solid #748080;padding-bottom:2vw;font-family:Noto Sans JP,sans-serif;font-size:4vw;font-style:normal;font-weight:700;line-height:1}html #spec .content .spec_table tbody{font-feature-settings:normal}html #spec .content .spec_table tbody tr th,html #spec .content .spec_table tbody tr td{text-align:left;border-bottom:.2vw solid #748080;padding:1.46667vw 0}html #spec .content .spec_table tbody tr th.top{color:#767676;font-optical-sizing:auto;width:15.4667vw;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:700;line-height:4.4vw}html #spec .content .spec_table tbody tr th.sub{box-sizing:border-box;color:#767676;font-optical-sizing:auto;background:#e8f5fd;width:17.0667vw;padding-left:1.86667vw;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:400;line-height:3.73333vw}html #spec .content .spec_table tbody tr td{box-sizing:border-box;color:#767676;font-optical-sizing:auto;padding-left:1.73333vw;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:400;line-height:4.4vw}html #spec .content .spec_table tbody tr td .flex{justify-content:flex-start;align-items:flex-start;display:flex}html #spec .content .spec_table tbody tr .exception_01{color:#767676;font-optical-sizing:auto;justify-content:flex-start;align-items:flex-start;margin-top:.666667vw;font-family:Noto Sans JP,sans-serif;font-size:2.4vw;font-style:normal;font-weight:400;line-height:3.06667vw;display:flex}html #spec .content .spec_table tbody tr .exception_02{display:block}html #spec .content .spec_table tbody tr .exception_02>p:nth-child(2){color:#767676;font-optical-sizing:auto;font-family:Noto Sans JP,sans-serif;font-size:2.4vw;font-style:normal;font-weight:400;line-height:3.06667vw}html #spec .content .garelly{margin-top:4.93333vw}html #spec .content .garelly .garelly_block{opacity:0;flex-direction:column;justify-content:flex-start;align-items:center;width:93.3333vw;height:80vw;display:flex;overflow:hidden}html #spec .content .garelly .garelly_block.active{opacity:1}html #spec .content .garelly .garelly_block .photos{width:100%}html #spec .content .garelly .garelly_block .photos a{border:.266667vw solid #e3e3e3;display:block;position:relative}html #spec .content .garelly .garelly_block .photos a:after{content:"";pointer-events:none;z-index:10;background-image:url(./spec_garelly_icon_magnify.svg);background-position:right 2.53333vw bottom 2.4vw;background-repeat:no-repeat;background-size:3.12vw;width:100%;height:100%;position:absolute;top:0;left:0}html #spec .content .garelly .garelly_block .photos a img{z-index:0;width:100%;position:relative}html #spec .content .garelly .garelly_block .tabs{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.8vw;width:100%;margin-top:auto;display:flex}html #spec .content .garelly .garelly_block .tabs p{box-sizing:border-box;color:#646464;font-optical-sizing:auto;cursor:pointer;background:#fff;border:.2vw solid #e3e8ea;border-radius:3vw;justify-content:flex-start;align-items:center;width:30.2vw;height:6vw;padding-left:7.06667vw;font-family:Noto Sans JP,sans-serif;font-size:3.2vw;font-style:normal;font-weight:400;line-height:1;display:flex;position:relative}html #spec .content .garelly .garelly_block .tabs p:before{content:"";box-sizing:border-box;border:.2vw solid #ccc;border-radius:50%;width:3.4vw;height:3.4vw;position:absolute;top:50%;left:2.4vw;transform:translateY(-50%)}html #spec .content .garelly .garelly_block .tabs p:first-child:before{background:#fff67f}html #spec .content .garelly .garelly_block .tabs p:nth-child(2):before{background:#b5ded5}html #spec .content .garelly .garelly_block .tabs p:nth-child(3):before{background:#4556a4}html #spec .content .garelly .garelly_block .tabs p:nth-child(4):before{background:#fff}html #spec .content .garelly .garelly_block .tabs p.active{background:#e3e8ea}html #spec .content .annotation{margin-top:7.2vw}html #spec .content .annotation>ul>li{color:#767676;font-optical-sizing:auto;justify-content:flex-start;align-items:flex-start;font-family:Noto Sans JP,sans-serif;font-size:2.66667vw;font-style:normal;font-weight:400;line-height:4.26667vw;display:flex}html #spec .content .annotation>ul>li span:first-child{flex-shrink:0}html #relation{text-align:center;background:#f0f0f0;padding:6.66667vw 0}html #relation img{width:80vw}}