@charset "UTF-8";main {color: #222;font-size: 1.8rem;font-weight: 400;line-height: 1.75;overflow: hidden;}sup {font-size: 1.2rem;color: #00a0e9;}label {margin: 0;}video {width: 100%;height: auto;vertical-align: middle;}.tc {text-align: center;}.txt {font-size: 1.8rem;}.visible {opacity: 1!important;}.hide {opacity: 0!important;}.flex-container {display: flex;flex-wrap: wrap;}.flex-item {width: 100%;}.maxw1000 {max-width: 100rem;margin-left: auto;margin-right: auto;}.maxw1200 {max-width: 120rem;margin-left: auto;margin-right: auto;}.maxw1320 {max-width: 132rem;margin-left: auto;margin-right: auto;}.al_c {align-items: center;}.caption {font-size: 1.4rem;}.zindex1 {z-index: 1;}.scroll-in {transition-property: all;transition-duration: 1.0s;transition-delay: 0s;transition-timing-function: ease;}.scroll-in.fade {opacity: 1;}.scroll-in.fade:not(.passed) {opacity: 0;}.scroll-in.move-lr:not(.passed) {transform: translate(-80px, 0);}.scroll-in.move-rl:not(.passed) {transform: translate(80px);}.scroll-in.move-tb:not(.passed) {transform: translate(0, 80px);}.scroll-in.move-bt:not(.passed) {transform: translate(0, -80px);}.anime_fadein {animation-name: fadein;animation-fill-mode: both;}@keyframes fadein {0% {opacity: 0;}100% {opacity: 1;}}.anime_fadein_up {animation-name: fadein_up;animation-fill-mode: both;}@keyframes fadein_up {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0);}}.anime_fadein_LtoR {animation-name: fadein_LtoR;animation-fill-mode: both;}@keyframes fadein_LtoR {0% {opacity: 0;transform: translateX(-30px);}100% {opacity: 1;transform: translateY(0);}}.anime_fadein_RtoL {animation-name: fadein_RtoL;animation-fill-mode: both;}@keyframes fadein_RtoL {0% {opacity: 0;transform: translateX(30px);}100% {opacity: 1;transform: translateY(0);}}.anime_fadein_popup {animation-name: fadein_popup;transform-origin: center;animation-fill-mode: both;}@keyframes fadein_popup {0% {opacity: 0;transform: scale(0.1);}100% {opacity: 1;transform: scale(1);}}.anime_fadein_scale {animation-name: fadein_scale;transform-origin: center;animation-fill-mode: both;}@keyframes fadein_scale {0% {opacity: 0;transform: scale(0.1);}50% {opacity: 1;}75% {transform: scale(1.2);}100% {opacity: 1;transform: scale(1);}}.modal_box {max-width: 42rem;display: flex;align-items: center;padding: 1.2rem 2.4rem;box-shadow: 8px 8px 0px 0px #FBD5E5;margin: 0 8px 8px 0;border-radius: 1.5rem;background-color: #FFFAFD;transition: 0.5s ease 0s;cursor: pointer;}.modal_box:hover {opacity: 0.6;}.modal_box_img {width: 8.2rem;margin-right: 2.7rem;}.modal_box_subtit {font-size: 1.6rem;}.modal_box_tit {color: #EC4F8F;font-size: 2.4rem;font-weight: 500;margin-bottom: 1.2rem;}.modal_checkbox {opacity: 0;position: absolute;}.modal_btn {display: inline-block;color: #fff;background-color: #000;border-radius: calc(infinity* 1px);line-height: 1.7;padding: 0 1.3em 0 1.1em;}.modal_btn::before {content: "";display: inline-block;background-image: url(/sunvista/v2h-everyday/images/icon_modal_arrow.svg);background-size: contain;background-repeat: no-repeat;width: .4em;height: .7em;margin-right: .4em;}.modal_open {overflow: hidden;}.modal_overlay {display: none;}.modal_checkbox:checked+.modal_checkbox_content .modal_overlay {display: block;z-index: 99999;background-color: rgb(0 0 0 / 65%);position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}.modal_window {width: 90vw;max-width: 100rem;max-height: 73vh;padding: 3.5rem;background-color: #ffffff;position: fixed;display: flex;background-image: radial-gradient(circle at right -50px top 50%, #FEF4F8 calc(72rem / 2 - 1px), transparent calc(72rem / 2));}.modal_window::after {position: absolute;right: 0;width: 62rem;aspect-ratio: 1 / 1;border-radius: 50% }.modal_close {cursor: pointer;position: absolute;top: -5rem;right: 0;width: 3rem;height: 3rem;background-image: url(/sunvista/v2h-everyday/images/icon_modal_close.svg);background-repeat: no-repeat;background-size: contain;}.modal_content {overflow-y: auto;text-align: left;width: 100%;}.modal_subtit {display: inline;padding: 0 1.1em .3em;font-size: 1.6rem;background-image: radial-gradient(circle at 1px center, #F6A9C8, #F6A9C8 1px, transparent 1px, transparent 100%);background-position: center bottom;background-repeat: repeat-x;background-size: 8px 2px;}.modal_tit {color: #EC4F8F;font-size: 3.2rem;font-weight: 500;margin: .5rem 0 3rem;}.modal_tit_num {font-size: 4rem;margin-right: .3em;position: relative;top: .07em;}.icon_storage{width: 4.85%;}.storage_bg{fill:#fff;}.storage_remaining{fill:#fff;transition: fill .3s;}.icon_storage[data-storage="4"] .storage_remaining{fill:#7dd334;}.icon_storage[data-storage="3"] .storage_remaining:nth-child(n+2){fill:#FAD91B;}.icon_storage[data-storage="2"] .storage_remaining:nth-child(n+3){fill:#ED7B00;}.icon_storage[data-storage="1"] .storage_remaining:nth-child(n+4){fill:#CF4018;}.storage_around_top{fill:#bebebe;}.storage_around{fill:none;stroke:#bebebe;stroke-miterlimit:10;stroke-width:4px;}.everyday_storage_full {position: absolute;top: -26%;width: 83%;left: 0;right: 0;margin: 0 auto;opacity: 0;}.everyday_storage_full.storage_full {animation-name: storage_full;animation-fill-mode: both;animation-delay: 0s;animation-duration: 1.4s;}@keyframes storage_full {0% {opacity: 0;}16.6% {opacity: 1;}33.2% {opacity: 0;}49.8% {opacity: 1;}66.4% {opacity: 0;}83% {opacity: 1;}100% {opacity: 1;}}.everyday_storage_full_border {fill:none;stroke:#7dd334;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.mv_anime {aspect-ratio: 1440 / 690;background-color: #FEFCE7;overflow: hidden;pointer-events: none;}.section_intro {padding: 2.5rem 0 17rem;position: relative;}.icon_scroll {width: 6.2rem;margin: 0 auto 2.5rem;}.intro_top {position: relative;aspect-ratio: 144 / 73;max-width: 72rem;margin-left: auto;margin-right: auto;}.intro_top_anime {top: 22%;position: absolute;}.intro_top_anime_line {fill: none;stroke: #ffe600;stroke-linecap: round;stroke-linejoin: round;stroke-width: 16px;stroke-dasharray: 1530;stroke-dashoffset: 1530;}.intro_top.scroll-in.passed .intro_top_anime_line {animation-name: intro_top_anime_line;animation-fill-mode: forwards;animation-delay: .9s;animation-duration: 1s;animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);}@keyframes intro_top_anime_line {to {stroke-dashoffset: 0;}}.anime_img {position: absolute;opacity: 0;}.intro_house {width: 35%;bottom: 0;margin: 0 auto;right: 0;left: 0;}.intro_v2h {width: 28%;top: 0%;right: 3%;}.intro_battery {width: 28%;top: 1%;left: 6%;}.intro_powercon {width: 15%;left: 9%;bottom: 15%;}.intro_ecocute {width: 15%;right: 9%;bottom: 15%;}.intro_top.scroll-in.passed :where(.intro_v2h, .intro_house, .intro_battery) {animation-name: fadein_popup;transform-origin: center;animation-fill-mode: both;animation-delay: 0s;animation-duration: .4s;}.intro_top.scroll-in.passed :where(.intro_powercon, .intro_ecocute) {animation-name: fadein;animation-fill-mode: both;animation-delay: .4s;animation-duration: .7s;}.intro_bottom {position: relative;aspect-ratio: 100 / 37;max-width: 100rem;margin-left: auto;margin-right: auto;margin-top: 1rem;}[class^="intro_gray_box"] {border-radius: 1rem;}.intro_gray_box1 {background-color: rgba(242, 242, 242, 0.5);width: 21.5%;height: 35.5%;top: 0;left: 0;}.intro_gray_box2 {background-color: rgba(212, 212, 212, 0.5);width: 21.5%;height: 35.5%;top: 45%;left: 22%;}.intro_gray_box3 {background-color: rgba(212, 212, 212, 0.5);width: 13.5%;height: 27%;top: 37%;right: 27%;}.intro_gray_box4 {background-color: rgba(221, 221, 221, 0.5);width: 13.5%;height: 27%;top: 0;right: 4.3%;}.intro_gray_box5 {background-color: rgba(242, 242, 242, 0.5);width: 19.5%;height: 27%;top: 45.5%;right: 1.7%;}.intro_bubble01 {width: 3.8%;top: 39%;left: 0;}.intro_bubble02 {width: 8%;top: 63.5%;right: 12.5%;}.intro_question {width: 14.5%;top: 16%;right: 0;left: 0;margin: 0 auto;}.intro_bottom.scroll-in.passed :where([class^="intro_gray_box"], [class^="intro_bubble"], .intro_question) {animation-name: fadein;animation-fill-mode: both;animation-delay: .6s;animation-duration: .7s;}.intro_women {width: 16.5%;bottom: 0;left: 31.5%;}.intro_bottom.scroll-in.passed .intro_women {animation-name: fadein_LtoR;animation-fill-mode: both;animation-delay: .5s;animation-duration: .5s;}.intro_men {width: 16.5%;bottom: 0;left: 52%;}.intro_bottom.scroll-in.passed .intro_men {animation-name: fadein_RtoL;animation-fill-mode: both;animation-delay: .5s;animation-duration: .5s;}.intro_talk01 {top: 19%;left: 6%;}.intro_talk02 {top: 19%;right: 6%;}.intro_talk_txt {position: relative;font-size: min(1.7vw, 1.8rem);border: .1rem solid #222;border-radius: .9em;background-color: #fff;padding: .6em .9em;}:where(.intro_talk01, .intro_talk02) .intro_talk_txt::after {content: "";background-image: url(/sunvista/v2h-everyday/images/everyday_intro_talk.svg);background-size: contain;background-repeat: no-repeat;position: absolute;bottom: -1.1em;width: 1em;height: 1.1em;}.intro_talk01 .intro_talk_txt::after {right: 2.5em;}.intro_talk02 .intro_talk_txt::after {transform: scale(-1, 1);left: 2.5em;}.intro_bottom.scroll-in.passed :where([class^="intro_talk"]) {animation-name: fadein_popup;transform-origin: center;animation-fill-mode: both;animation-delay: .9s;animation-duration: .5s;}.intro_arrow {bottom: -10rem;width: 2.9rem;margin: 0 auto;right: 0;left: 0;}.intro_arrow.scroll-in.passed {animation-name: fadein;animation-fill-mode: both;animation-delay: .3s;animation-duration: .3s;}.section_day {background-color: #FFFEF3;padding: 7rem 0 37rem;}.day_anime_wrap {aspect-ratio: 1200 / 2720;position: relative;}[class^="day_clock"] {position: absolute;width: 9.5%;}.day_clock01 {top: .2%;left: 32.7%;}.day_clock02 {top: 34.6%;left: 3.6%;}.day_clock03 {top: 81.8%;left: .3%;}.anime_txtarea {max-width: 67rem;width: 56%;margin: 0 0 0 auto;position: absolute;right: 0;}.day_txtarea01 {top: 9.2%;}.day_txtarea02 {top: 74.5%;}.day_txtarea03 {position: relative;margin-top: 4rem;}.anime_txtarea_tit {font-size: min(2.66vw, 3.2rem);line-height: 1.5;margin-bottom: 1.4em;}.anime_txtarea_tit_svg {height: 1.65em;margin-right: .1em;}.anime_txtarea_tit span {letter-spacing: 0.07em;position: relative;bottom: -.25em;}.day_txtarea01 .anime_txtarea_tit_path01 {fill: #ffd888;}.day_txtarea01 .anime_txtarea_tit_path02 {fill: none;stroke: #f4810e;stroke-miterlimit: 10;}.day_txtarea02 .anime_txtarea_tit_path01 {fill: #bed1f0;}.day_txtarea02 .anime_txtarea_tit_path02 {fill: none;stroke: #29679b;stroke-miterlimit: 10;}.day_txtarea03 .anime_txtarea_tit_path01 {fill: #d4e7b9;}.day_txtarea03 .anime_txtarea_tit_path02 {fill: none;stroke: #7cb72b;stroke-miterlimit: 10;}.anime_txtarea_txt {font-size: min(1.5vw, 1.8rem);}.day_sun_s, .day_sun_m, .day_sun_l {position: absolute;aspect-ratio: 1 / 1;border-radius: 50%;opacity: 0;}.day_sun_s {left: 8.8%;top: 6.6%;width: 19.4%;background-color: #FFE600;}.day_sun_m {left: 5.2%;top: 5%;width: 26.6%;background-color: #FFF38D;}.day_sun_l {left: 0.6%;top: 2.9%;width: 35.7%;background-color: #FFFAD1;}.scroll-in.passed.day_sun_l ~ .day_sun_m, .scroll-in.passed.day_sun_l, .scroll-in.passed.day_sun_l ~ .day_panel {animation-delay: 1s;animation-duration: 3.2s;animation-iteration-count: infinite;}.scroll-in.passed.day_sun_l ~ .day_sun_s {opacity: 1;transition: 3.2s;}.scroll-in.passed.day_sun_l ~ .day_sun_m {animation-name: day_sun_m;}@keyframes day_sun_m {0% {opacity: 0;}25% {opacity: 1;}50% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}.scroll-in.passed.day_sun_l {animation-name: day_sun_l;}@keyframes day_sun_l {0% {opacity: 0;}25% {opacity: 0;}50% {opacity: 1;}75% {opacity: 0;}100% {opacity: 0;}}.day_panel {z-index: 1;position: absolute;width: 39.7%;top: 13.9%;left: 0;}.scroll-in.passed.day_sun_l ~ .day_panel {animation-name: day_panel;}@keyframes day_panel {0%,25%,75%,100% {filter:none }50% {filter: drop-shadow(0 0 3rem #fcf2a2);}}.line_base_vertical, .line_base_horizontal {position: absolute;background-color: #E6E6E6;display: grid;}.line_base_vertical > div[class^="line_progress"] {position: relative;width: 100%;height: 0;}.line_base_horizontal > div[class^="line_progress"] {position: relative;width: 0;height: 100%;}.line_base_vertical {width: 1.67%;}.reverse {rotate: 180deg;}.reverse .line_progress_light img {rotate: 180deg;}.line_progress_light {z-index: 1;width: min(6.66vw, 8rem);position: absolute;}.line_base_vertical .line_progress_light {bottom: 0;left: 50%;transform: translate(-50%, 50%);}.line_base_horizontal .line_progress_light {top: 50%;right: 0;transform: translate(50%, -50%);}.day_line_base01 {aspect-ratio: 20 / 500;top: 22.5%;left: 18.5%;}.day_line_base02 {width: 21.71%;aspect-ratio: 260 / 20;top: 41.6%;left: 19.2%;}.day_line_base03 {aspect-ratio: 20 / 688;top: 43.5%;left: 11.1%;}.day_line_base04 {width: 46.75%;aspect-ratio: 560 / 20;top: 68.4%;left: 11.9%;}.day_line_base05 {aspect-ratio: 20 / 693;top: 68.8%;left: 11.1%;}.day_line_base06 {width: 47.75%;aspect-ratio: 572 / 20;top: 94%;left: 11.9%;}.day_line_base00_sp .line_progress, .day_line_base00_sp.lightning_end, .day_line_base01 .line_progress, .day_line_base01.lightning_end {background : linear-gradient(180deg, #FFE335 100%, #F7741E 100%);}.day_line_base02 .line_progress {background : linear-gradient(90deg, #FFE335 30%, #F7741E 100%);}.day_line_base03 .line_progress, .day_line_base03.lightning_end {background : linear-gradient(180deg, #FFE335 100%, #F7741E 100%);}.day_line_base04 .line_progress {background: linear-gradient(90deg, #FFE335 20%, #F7741E 100%);}.day_line_base05 .line_progress, .day_line_base05.lightning_end {background : linear-gradient(180deg, #FFE335 100%, #F7741E 100%);}.day_line_base06 .line_progress {background: linear-gradient(90deg, #FFE335 20%, #F7741E 100%);}.day_line_base05::after {content: "";position: absolute;width: 100%;height: 1.6%;bottom: -1.6%;background-color: #E6E6E6;left: 0;}.day_line_base00_sp.lightning_end::after, .day_line_base05.lightning_end::after {background-color: #FFE335;}.day_powercon {z-index: 1;position: absolute;top: 38.4%;left: 9%;width: 13%;}.day_room {z-index: 1;position: absolute;width: 80.8%;top: 28.6%;left: 35%;}.room_imgs {position: relative;}.room_img_on {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}.day_v2h {z-index: 1;position: absolute;width: 25.5%;top: 64.6%;left: 23%;}.day_car {z-index: 1;position: absolute;width: 36.2%;top: 64.8%;left: 41.4%;}.day_car_move {animation-name: day_car_move;animation-fill-mode: both;animation-delay: 1.7s;animation-duration: 1.4s;}@keyframes day_car_move {0% {opacity: 1;transform: translateY(0);}30% {opacity: 1;}100% {opacity: 0;transform: translateX(140%);}}.day_car_storage {z-index: 1;position: absolute;top: 62.3%;left: 72.1%;}.day_car_storage.icon_storage[data-storage="4"] {animation-name: day_car_storage;animation-fill-mode: both;animation-delay: 1.2s;animation-duration: .6s;}@keyframes day_car_storage {0% {opacity: 1;}100% {opacity: 0;}}.day_batterycon {z-index: 1;position: absolute;width: 9%;top: 90.8%;left: 22.1%;}.day_battery {z-index: 1;position: absolute;width: 16.9%;top: 88.4%;left: 56.2%;}.day_battery_storage {z-index: 1;position: absolute;top: 93.1%;left: 75.6%;}.day_txtarea03 .modal_box_wrap {margin-top: 11.5rem;}.day_visualize {padding: 0 0 0 6%;margin: 5rem 0;}.day_visualize_images {position: relative;width: 100%;aspect-ratio: 534 / 880;}.day_visualize_image {position: absolute;border: solid 1px #d9d9d9;width: 100%;opacity: 0;transition: opacity 1s;}.section_day_to_night {position: relative;}.day_to_night_wrap {position: absolute;clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);top: 0;left: 50%;transform: translate(-50%, -50%);width: 50rem;height: 39.9rem;}.day_to_night_img {width: 100%;transition: rotate .3s;}.section_day_to_night.scroll-in-revert.passed .day_to_night_img {rotate: 180deg;}.section_night {padding: 7rem 0 12rem;background-color: #FFFEF3;transition: background-color .3s;}.section_day_to_night.scroll-in-revert.passed+.section_night {background-color: #D9E3E9;}.night_anime_wrap_pc {aspect-ratio: 1200 / 1290;position: relative;}.night_clock01 {position: absolute;width: 9.5%;top: .3%;left: 17.4%;}.night_icon_battery {z-index: 1;position: absolute;width: 8.8%;top: 10.2%;left: 2.2%;}.night_battery_storage {z-index: 1;position: absolute;top: 11.4%;left: 14.2%;}.night_icon_batterycon {z-index: 1;position: absolute;width: 6.5%;top: 29%;left: 3.8%;}.night_car {z-index: 1;position: absolute;width: 12%;top: 10%;left: 27.6%;}.night_car_storage {z-index: 1;position: absolute;top: 11.4%;left: 41.2%;}.night_v2h {z-index: 1;position: absolute;width: 16.1%;top: 26.5%;left: 23.5%;}.night_icon_powercon {z-index: 1;position: absolute;top: 62.5%;width: 9.2%;left: 16.2%;}.night_room {z-index: 1;position: absolute;width: 61%;top: 47%;left: 41%;}.anime_txtarea.night_txtarea {max-width: 52rem;width: 44%;top: 5.2%;}.section_night .anime_txtarea_tit_path01 {fill: #a3b9e2;}.section_night .anime_txtarea_tit_path02 {fill: none;stroke: #29629d;stroke-miterlimit: 10;}.night_line_base01, .night_line_base05 {aspect-ratio: 20 / 408;top: 14%;}.night_line_base01 {left: 7%;}.night_line_base02 {width: 13.45%;aspect-ratio: 161 / 20;top: 44.9%;left: 7.8%;}.night_line_base03 {aspect-ratio: 20 / 277;top: 45.6%;left: 20.4%;}.night_line_base04 {left: 21.1%;width: 25.55%;aspect-ratio: 306 / 20;top: 67.2%;}.night_line_base05 {left: 34.3%;}.night_line_base06 {width: 13.86%;aspect-ratio: 166 / 20;top: 44.9%;left: 21.2%;}.night_line_base01::after, .night_line_base05::after {content: "";background-color: #E6E6E6;position: absolute;width: 100%;height: 2.5%;bottom: -2.5%;left: 0;}.night_line_base02::after {content: "";background-color: #E6E6E6;position: absolute;width: 6%;height: 100%;right: -6%;}.night_line_base01 .line_progress, .night_line_base01.lightning_end, .night_line_base05 .line_progress, .night_line_base05.lightning_end {background : linear-gradient(180deg, #FFE335 15%, #FBAD10 100%);}.night_line_base01.lightning_end::after, .night_line_base02.lightning_end::after, .night_line_base05.lightning_end::after, .night_line_base02 .line_progress, .night_line_base02.lightning_end, .night_line_base06 .line_progress, .night_line_base06.lightning_end {background-color : #FBAD10;}.night_line_base03 .line_progress, .night_line_base03.lightning_end {background : linear-gradient(180deg, #FBAD10 15%, #F7741E 100%);}.night_line_base03.lightning_end::after {background-color: #F7741E;}.night_line_base04 .line_progress, .night_line_base04.lightning_end {background-color: #F7741E;}.night_txtarea .modal_box_wrap {margin-top: 6rem;}.night_notice {position: relative;aspect-ratio: 930 / 602;padding: 0 0 25% 39%;}.night_notice_anime_wrap {z-index: -1;position: absolute;width: 54%;left: 0;bottom: 0;}.night_notice_anime {position: relative;}.night_notice_anime_speech_wrap {position: absolute;right: -48%;bottom: 17.5%;}.night_notice_anime_speech {position: relative;background-color: #e4e2e0;font-size: min(1.7vw, 1.8rem);font-weight: 500;padding: .75em 1.3em;border-radius: calc(infinity* 1px);opacity: 0;transition: opacity .5s;}.night_notice_anime_speech svg {position: absolute;width: 10%;left: -3.5%;bottom: 21%;}.night_notice_txt_wrap {display: flow-root;}.night_notice_img {float: right;width: 29%;margin: 1em 0 1em 1em;}.section_outage {padding: 13.5rem 0 17rem;}.everyday_box {border-radius: 2rem;padding: 11rem 12.13% 6rem;position: relative;}.everyday_box_yellow {background-color: #FFFEF3;}.everyday_tit_wrap {position: absolute;transform: translate(-50%, -35%);top: 0;left: 50%;width: 100%;padding: 0 4.5%;}.everyday_tit {position: relative;font-size: 3.2rem;text-align: center;border: 4px solid #FFE600;border-radius: calc(infinity* 1px);background-color: #fff;padding: 0 3rem;margin: 0 5rem;}.everyday_tit:before, .everyday_tit::after {content: "";background-image: url(/sunvista/v2h-everyday/images/everyday_3border.svg);background-size: contain;background-repeat: no-repeat;width: 3rem;height: 7rem;position: absolute;top: 50%;transform: translateY(-50%);}.everyday_tit:before {left: -5.5rem;}.everyday_tit:after {right: -5.5rem;transform: translateY(-50%) scale(-1, 1);}.everyday_tit_yellow {position: relative;background-color: #FFE600;display: inline-block;padding: 1rem 0 1.2rem;margin: 0 3rem;}.everyday_tit_yellow:before, .everyday_tit_yellow::after {position: absolute;content: '';background-color: #FFE600;top: 0;height: 100%;width: 2rem;}.everyday_tit_yellow:before {left: -1.97rem;clip-path: polygon(100% 0, 0% 100%, 100% 100%);}.everyday_tit_yellow:after {right: -1.97rem;clip-path: polygon(100% 0, 0% 100%, 0 0);}.outage_video {margin-bottom: 5.5rem;}.video-js {background-color: inherit;}.vjs-poster {width: 100%;background-size: contain !important;background-color: inherit;}.video-js .vjs-big-play-button {font-size: 3em;content: "";background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20410%20410%22%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill%3A%23fff%3B%7D.e%7Bopacity%3A.8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22c%22%3E%3Ccircle%20class%3D%22e%22%20cx%3D%22205%22%20cy%3D%22205%22%20r%3D%22205%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22m295.407%2C197.488c9.676%2C5.232%2C9.676%2C13.793%2C0%2C19.025l-136.814%2C73.975c-9.676%2C5.232-17.593.512-17.593-10.488v-146c0-11%2C7.917-15.719%2C17.593-10.488l136.814%2C73.975Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-size: contain;background-repeat: no-repeat;top: 53.5%;left: 50%;transform: translate(-50%, -50%);border: 0;background-color: initial;width: 21%;height: 35%;}.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {background-color: initial;transition: 0.5s ease 0s;opacity: 0.6;}.video-js .vjs-big-play-button .vjs-icon-placeholder:before {display: none;}.everyday_subtit_wrap {margin: 14rem 0 2.5rem;}.everyday_subtit {font-size: 3.2rem;padding-top: 4rem;display: inline-block;position: relative;}.everyday_subtit::before, .everyday_subtit::after {content: "";background-image: url(/sunvista/v2h-everyday/images/everyday_3border.svg);background-size: contain;background-repeat: no-repeat;width: 3rem;height: 7rem;position: absolute;top: 0;}.everyday_subtit::before {rotate: 45deg;left: -4.5rem;}.everyday_subtit::after {rotate: 135deg;right: -4.1rem;}.section_consult {padding: 12rem 0;}.consult_img {display: block;border: 1px solid #646464;margin-bottom: 5rem;}.consult_btn {font-weight: 500;width: 65.2rem;color: #fff!important;background-color: #7BBA2F;border-radius: 1.5rem;font-size: 3.6rem;display: flex;align-items: center;padding: .5rem 2.5rem;margin: 0 auto;margin-top: 3rem;color: #fff;text-align: center;text-shadow: 2px 3px 0px #2F7703;box-shadow: 3px 5px 0px 0px #2F7703;outline: 5px solid transparent;}.consult_btn::before {content: "";display: inline-block;background-image: url(/sunvista/denkidai/images/denkidai_consultation_mark.svg);background-size: contain;background-repeat: no-repeat;background-position: center;width: 6rem;height: 5.6rem;margin-right: 2.5rem;}.consult_btn::after {content: "";display: inline-block;background-image: url(/sunvista/v2h-everyday/images/icon_modal_arrow.svg);background-size: contain;background-repeat: no-repeat;background-position: center;width: .4em;height: .7em;margin-left: .9em;margin-top: .1em;filter: drop-shadow(2px 3px 0px #2F7703);}.consult_btn:hover {opacity: 0.6;text-decoration: none;}.everyday_relate_tit {font-size: 3.2rem;text-align: center;margin: 1.5rem 0 6.5rem;}.static_bnr {font-weight: 500;position: fixed;width: 8rem;top: 3.2rem;right: -0.3rem;color: #fff!important;background-color: #7BBA2F;border: 1px solid #2F7703;border-radius: 2rem 0 0 2rem;font-size: 2.4rem;display: flex;align-items: center;padding: 1.6em 0;padding-right: 0.3rem;color: #fff;text-align: center;z-index: 1;text-shadow: 2px 2px 0px #2F7703;box-shadow: -3px 5px 0px 0px #2F7703;outline: 5px solid transparent;opacity: 0;visibility: hidden;transition: 0.5s ease 0s;white-space: pre;writing-mode: vertical-rl;}.static_bnr.active {opacity: 1;visibility: visible;text-decoration: none;}@media (hover: hover) {.static_bnr.active:hover {width: 9rem;padding-right: 1.3rem;}}@media (hover: none) {.static_bnr.active:active {width: 9rem;padding-right: 1.3rem;}}.static_bnr_img {width: 72%;margin-top: 3rem;}@media only screen and (max-width: 767px) {.base-width-sp_s {padding-left: 4%;padding-right: 4%;}.flex-container.half {gap: 4.5rem 0;}.tc_sp {text-align: center;}.modal_box {max-width: 37rem;padding: 2rem 6%;margin-left: auto;margin-right: auto;}.modal_box_img {width: 29%;margin-right: 5%;}.modal_window {padding: 3rem 4%;background-image: radial-gradient(circle at left 50% bottom -14rem, #FEF4F8 calc(72rem / 2 - 1px), transparent calc(72rem / 2));}.modal_close {top: -4.5rem;width: 2.7rem;height: 2.7rem;}.modal_tit {margin: 0 0 3rem;}.mv_anime {aspect-ratio: 750 / 750;}.section_intro {padding: 2.5rem 0 9rem;position: relative;}.icon_scroll {width: 5.2rem;margin: 0 auto 1.5rem;}.intro_bottom {aspect-ratio: 335 / 315;margin-top: 4rem;}.intro_gray_box1 {width: 29.5%;height: 20.5%;top: 25%;left: 4%;}.intro_gray_box2 {width: 20%;height: 15.5%;top: 29%;left: 42%;}.intro_gray_box3 {width: 20%;height: 15.5%;top: 48%;left: 11%;}.intro_gray_box4 {width: 32%;height: 20%;top: 1%;right: 51%;}.intro_gray_box5 {width: 29.5%;height: 15%;top: 47.5%;right: 8.7%;}.intro_bubble01 {width: 5.4%;top: 64%;left: 11%;}.intro_bubble02 {width: 8.6%;top: 73.5%;right: 5.5%;}.intro_question {width: 22%;top: 58%;}.intro_women {width: 25.5%;left: 16%;}.intro_men {width: 25%;left: 59%;}.intro_talk01 {left: 0;}.intro_talk02 {right: 0;}:where(.intro_talk01, .intro_talk02) {top: 19%;width: 48%;}.intro_talk_txt {font-size: max(3.9vw, 1.5rem);border-radius: .6em;padding: .3em .4em;line-height: 1.45;letter-spacing: -0.02em;}:where(.intro_talk01, .intro_talk02) .intro_talk_txt::after {bottom: -.7em;width: .6em;height: .7em;}.intro_talk01 .intro_talk_txt::after {right: 4.1em;}.intro_talk02 .intro_talk_txt::after {left: 4.1em;}.intro_arrow {bottom: -5rem;width: 1.5rem;}.section_day {padding: 5rem 0 21rem;}.day_anime_wrap {aspect-ratio: 375 / 2520;}[class^="day_clock"] {width: 21.5%;}.day_clock01 {top: 0.2%;left: 10.4%;}.day_clock02 {top: 32.5%;left: 11%;}.day_clock03 {top: 89.8%;left: 13.2%;}.anime_txtarea {width: 87%;}.day_txtarea01 {top: 16.8%;padding-right: 5%;}.day_txtarea02 {top: 64.8%;padding-right: 5%;}.day_txtarea03 {width: 100%;margin-top: 1rem;}.anime_txtarea_tit {font-size: 8.5vw;margin-bottom: .8em;}.anime_txtarea_tit_svg {margin-right: 0;}.anime_txtarea_tit span {line-height: 1.65;letter-spacing: 0.09em;}.anime_txtarea_txt {font-size: 4.8vw;}.anime_txtarea .anime_txtarea_txt + .caption {font-size: 3.73vw;}.day_sun_s {left: 47.5%;top: 2.9%;width: 33.3%;}.day_sun_m {left: 42%;top: 2.1%;width: 44.6%;}.day_sun_l {left: 33.6%;top: 0.9%;width: 60.3%;}.day_panel {width: 66%;top: 7.2%;left: 6.8%;}.line_progress_light {width: min(10.6vw, 4rem);}.line_base_vertical {width: 2.668%;}.day_line_base00_sp {width: 18.6%;aspect-ratio: 69.3 / 10;top: 13.2%;left: 6.5%;}.day_line_base00_sp::after {content: "";position: absolute;width: 100%;width: 8.2%;height: 100%;right: -8.2%;background-color: #E6E6E6;}.day_line_base01 {aspect-ratio: 10 / 813;top: 13.4%;left: 5%;}.day_line_base02, .day_line_base04, .day_line_base06 {width: 48.3%;aspect-ratio: 181 / 10;}.day_line_base02 {top: 45.3%;left: 6.5%;}.day_line_base03 {aspect-ratio: 10 / 383;top: 45.5%;left: 5%;}.day_line_base04 {top: 60.4%;left: 6.5%;}.day_line_base05 {aspect-ratio: 10 / 893;top: 60.6%;left: 5%;}.day_line_base06 {top: 95.9%;left: 6.5%;}.day_line_base05::after {height: .7%;bottom: -.7%;}.day_powercon {width: 16.7%;top: 36.9%;left: 2.1%;}.day_room {width: 110%;top: 39.3%;left: 13%;}.day_v2h {width: 33%;top: 58.7%;left: 12%;}.day_car {width: 58.5%;top: 58.2%;left: 33.4%;}.day_car_storage {top: 56.5%;left: 80.3%;}.day_batterycon {width: 11.3%;top: 94.6%;left: 16.1%;}.day_battery {width: 31.2%;top: 91.4%;left: 43%;}.icon_storage {width: 9.5%;}.day_battery_storage {top: 94.6%;left: 79.7%;}.day_txtarea03 .modal_box_wrap {margin-top: 9.5rem;}.day_visualize {padding: 0;margin: 0 0 4rem;}.day_visualize_images {width: 58%;margin: 0 auto;}.day_to_night_wrap {width: 25rem;height: 19.9rem;}.section_night {padding: 8.5rem 0 10rem;}.night_anime_wrap_pc {aspect-ratio:unset;}.night_anime_wrap_sp {aspect-ratio: 375 / 1064;position: relative;margin-top: 1.5rem;}.night_clock01 {width: 21.5%;top: 0.5%;left: 37.7%;}.night_line_base01, .night_line_base05 {aspect-ratio: 10 / 284;top: 15%;}.night_line_base02, .night_line_base06 {top: 41.3%;}.night_line_base01 {left: 25.3%;}.night_line_base02 {width: 21.88%;left: 26.6%;aspect-ratio: 82 / 10;}.night_line_base03 {aspect-ratio: 10 / 300;top: 41.7%;left: 47.1%;}.night_line_base04 {display: none;}.night_line_base05 {left: 69.5%;}.night_line_base06 {left: 48.5%;width: 22.4%;aspect-ratio: 84 / 10;}.night_line_base01::after, .night_line_base05::after {height: 2.1%;bottom: -2.1%;}.night_line_base02::after {width: 6%;right: -6%;}.night_battery_storage {top: 16.2%;left: 36.9%;}.night_car_storage {top: 16.2%;left: 81.5%;}.night_icon_battery {width: 20.3%;top: 11.3%;left: 14%;}.night_icon_batterycon {width: 15%;top: 26.5%;left: 17.8%;}.night_car {width: 27.8%;top: 11.6%;left: 54.5%;}.night_v2h {width: 29%;top: 25.7%;left: 49.1%;}.night_icon_powercon {width: 17%;top: 50%;left: 39%;}.night_room {width: 109%;top: 63.9%;left: 2.5%;}.anime_txtarea.night_txtarea {margin: auto;position: relative;right: auto;width: 100%;margin-top: 6rem;}.night_txtarea .modal_box_wrap {margin-top: 7rem;}.night_notice {aspect-ratio: initial;padding: 0;}.night_notice_anime_wrap {z-index: 0;position: relative;width: 100%;}.night_notice_anime_speech_wrap {position: absolute;right: 0;bottom: 35.5%;}.night_notice_anime_speech {font-size: 2.9vw;padding: .75em 1.4em .85em;}.night_notice_anime_speech svg {position: absolute;width: 15%;left: 36.5%;rotate: -91deg;bottom: -10%;}.night_notice_txt_wrap {margin-top: 4.5rem;}.night_notice_img {float: right;width: 36%;margin: 0 0 .8em .8em;}.section_outage {padding: 8rem 0 7rem;}.everyday_box {border-radius: 0;padding: 0 0 5rem;}.everyday_tit_wrap {position: relative;transform: initial;top: 0;left: 0;padding: 0;}.everyday_tit {font-size: 2.4rem;border-radius: 0;border-left: 0;border-right: 0;margin: 3.3rem 0;padding: 1.2rem;}.everyday_tit:before, .everyday_tit::after {width: 2.4rem;height: 5.2rem;}.everyday_tit:before {top: -33%;left: 50%;rotate: 90deg;transform: translate(0, 25%);}.everyday_tit:after {top: auto;bottom: -33%;right: 50%;rotate: 270deg;transform: translate(0, 25%);}.everyday_tit_yellow {padding: 0rem 0 0.2rem;}.outage_video {margin: 6.5rem 0 4.5rem;}.everyday_subtit_wrap {text-align: center;margin: 8rem 0 3rem;}.everyday_subtit {font-size: 2.4rem;text-align: center;padding: 2.5rem 0 3.5rem;}.everyday_subtit::before, .everyday_subtit::after {width: 2.4rem;height: 5.2rem;}.everyday_subtit::before {left: -2.7rem;}.everyday_subtit::after {rotate: 225deg;right: -2.7rem;top: auto;bottom: 0;}.match_flex {flex-direction: column-reverse;}.section_consult {padding: 9rem 0;}.consult_btn::before {width: 3em;height: 2.5em;margin-right: 2.5rem;}.consult_btn::after {width: .8em;height: 1em;margin-left: .9em;filter: drop-shadow(2px 3px 0px #2F7703);}.consult_btn {width: 100%;font-size: 4.8vw;padding: .4em 1em;margin: 0 auto;margin-top: 3rem;color: #fff;text-align: center;text-shadow: 2px 3px 0px #2F7703;box-shadow: 3px 5px 0px 0px #2F7703;outline: 5px solid transparent;}.everyday_relate_tit {font-size: 2.4rem;margin: 3.5rem 0 3.5rem;}.static_bnr {width: 5.4rem;font-size: 1.6rem;border-radius: 1.4rem 0 0 1.4rem;padding: 1.5em 0;text-shadow: 1px 1px 0px #2F7703;box-shadow: -2px 3px 0px 0px #2F7703;outline: 3px solid transparent;}@media (hover: hover) {.static_bnr.active:hover {width: 6.4rem;}}@media (hover: none) {.static_bnr.active:active {width: 6.4rem;}}.static_bnr_img {width: 70%;margin-top: 2rem;}}@media print, screen and (min-width: 768px) {.flex-container.half {justify-content: space-between;}.flex-container.half {justify-content: space-between;}.flex-container.half>.flex-item {width: 48%;}.day_line_base00_sp {display: none;}.day_visualize .flex-item:first-child {width: 34%;}.day_visualize .flex-item:last-child {width: 56%;}.anime_txtarea .anime_txtarea_txt + .caption {font-size: min(1.16vw, 1.4rem);}.night_txtarea .modal_window {padding-bottom: 0;}.match_flex .flex-item:first-child {width: 51%;}.match_flex .flex-item:last-child {width: 44%;}}@media screen and (min-width: 768px) and (max-width: 1079px) {}@media screen and (min-width: 768px) and (max-width: 1399px) {.static_bnr {scale: .65;transform-origin: center right;}.anime_txtarea {margin-right: 4.5rem;}}@media screen and (min-width: 768px) and (max-width: 1000px) {.night_txtarea .modal_box_wrap {margin-top: 2rem;}}@media screen and (min-width: 768px) {.relate_area_3column.relate_area a {padding: 3.5rem 1.5rem 3rem;}.relate_area_3column .relate_tit {font-size: 2.1rem;}}.section-border {border-top: solid 1px #d9d9d9;}@media screen and (min-width: 768px) {.section-border_outer-base-width {width: 97%;}}.header_tit {font-size: 1.6rem;font-weight: 300;}.global-header-container {align-items: center;}#globalHeader {border-bottom: 0;}@media only screen and (max-width: 767px) {.header_tit {display: none;}}.footer {background: #403D33;}.footer-top {border-bottom: 1px solid #525047;}.footer-content {max-width: 1148px;margin: 0 auto;}.footer-flex {display: flex;flex-wrap: wrap;justify-content: center;}.footer-nav {font-size: 14px;color: white;text-decoration: none;}.footer-nav:hover {color: inherit;text-decoration: none;}.footer-options {color: white;padding: 0px 15px;border-right: 1px white solid;}.footer-options:last-child {border: none;}.footer-bottom {padding: 20px;color: white;text-align: center;display: block;}@media only screen and (max-width: 767px) {.footer {background: #5D5959;}.footer-top {width: 87%;margin: auto;border: none;}.footer-flex {display: block;}.footer-options {border-right: none;padding: 8px 0px;}.footer-options a {border-bottom: 1px solid white;}.footer-bottom {width: 87%;margin: auto;padding: 20px 0px;text-align: left;font-weight: bold;}}@media screen and (min-width: 768px) {.footer-content {padding: 8px 0px;}.footer-nav, .footer-bottom {font-size: 13px;}}@media screen and (min-width: 1200px) {.footer-content {padding: 20px 0px;width: 1148px;}.footer-flex {width: 92%;}.footer-nav {font-size: 15px;}.footer-bottom {font-weight: initial;font-size: 16px;}}#pageTop.default a {background: url(/sunvista/v2h-everyday/images/icon_return_top.svg) no-repeat center center;}#pageTop.default {height: 12rem;}#pageTop.default a {width: 80px;height: 80px;}@media only screen and (max-width: 767px) {#pageTop.default {height: 11rem;}#pageTop.default a {width: 65px;height: 65px;}}