@charset "UTF-8";
#mv { height: 43vw;}#screen { position: relative; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 123; opacity: 1;}.mv-text { line-height: 5.5vw; padding-left: 5vw; width: 100%; font-size: 220%; text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff;}.mv-text,#mv .alert,.aircon-free { position: relative; z-index: 1234;}#mv01 .alert { background-color: rgba(72,100,188,.7);}#mv02 .alert { background-color: rgba(64,152,132,0.70);}.aircon-free { background-color: rgba(228,35,53,.7);}
@media (min-width: 768px){ #mv .alert { height: 14vw; }}#top-header-wrap { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; text-shadow: 1px 1px 2px rgba(0,0,0,.8), -1px 1px 2px rgba(0,0,0,.8), 1px -1px 2px rgba(0,0,0,.8), -1px -1px 2px rgba(0,0,0,.8);}#top-h1 { font-size: 350%; border-bottom: solid .35vw #1d78d3;}
#bg-greeting,#bg-reason { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; height: 100%; width: 100%; opacity: .6;}#bg-greeting { overflow: hidden; line-height: 2.2vw; padding: 4vw 0; min-height: 35vw; opacity: 1;}#bg-rellax { background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: -15vw; left: 0; height: 150%;}
#bg-reason { background-size: auto 100%; background-position: right top; opacity: .9;}#text-greeting { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0; background-color: rgba(11,16,102,.8);}#text-greeting.delighter.started { transform: translateY(0); opacity: 1;}#text-g-inner h2 { border-bottom: solid 1px #212121;}#text-g-inner p { line-height: 6vw;}#text-g-inner p b { font-size: 120%; text-shadow2: 1px 1px 0 rgba(255,255,255,1), -1px 1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(255,255,255,1), -1px -1px 0 rgba(255,255,255,1);}#check ul { background-color: rgba(11,16,102,.8);}#check li { position: relative; padding-left: 2.6vw; }
#check li::before { font-family: 'Font Awesome 5 Free'; content: '\f14a'; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.1; position: absolute; top: 0; left: 0; font-size: 120%;}#reason { background: linear-gradient(to top, #e07f81 0%,#d14b4d 50%,#cc595b 52%,#ffe2e2 100%);}#reason h2 { text-shadow: 1px 1px 2px #fe9,-1px 1px 2px #fe9,1px -1px 2px #fe9,-1px -1px 2px #fe9;}#reason li { border-width: 2px !important;}#reason ol { padding-left: 0;}#reason li { margin-bottom: 2vw; position: relative; list-style: none; /*background-color: rgba(212, 237, 218, .8);*/ transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#reason li.delighter.started { transform: translateY(0); opacity: 1;}#step h2 .badge { transform: translate(1.4vw,-1.5vw) rotate(-30deg);}#faq { background-image: url("/images/bg.jpg"); background-repeat: no-repeat; background-size: 100%; background-position: top;}#faq dl { transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#faq dl.delighter.started { transform: translateY(0); opacity: 1;}#faq dt,#faq dd { position: relative; z-index: 12; line-height: 2.5vw;}#faq dt::before { content: "Q"; color: #E42B2E;}#faq dd::before { content: "A"; color: #4A54C8;}#faq dt::before,#faq dd::before { display: inline-block; font-size: 170%; font-weight: 600; transform: translate(0,1.5vw); position: relative; z-index: 123;}
@media (min-width: 1200px){ #top-header-wrap, #greeting, #faq { font-size: 1.1rem; } #top-contents { font-size: 1rem; } #faq dt, #faq dd { font-size: 1.1rem; line-height: 1.8; }}
@media (max-width: 991px){ }
@media (max-width: 767px){ #mv { height: 51vw; } .mv-text { font-size: 150%; line-height: 8vw; padding-top: 6vw; padding-bottom: 5vw; } #mv02 .mv-text { padding-bottom: 19vw; } #mv .alert { line-height: 5vw; } #mv .alert dt { line-height: 8vw; } #top-header-wrap { height: 120vw; } #top-h1 { font-size: 250%; border-bottom-width: .8vw; } #top-bottom-text { font-size: 130%; } #greeting { height: auto; } #text-g-inner p { line-height: 12vw; font-size: 120%; } #check li { font-size: 65%; padding-left: 5vw; } #check li::before { line-height: 0.7; } #bg-reason { opacity: .5; } #reason li { margin-bottom: 6vw; } #g-header-wrap { width: 100%; } #text-greeting { transform: translateY(0); opacity: 1; } #trouble p { line-height: 10vw; }}@media (max-width: 575px){ #trouble h2, #trouble p, #step h2 { font-size: 170%; } .mv-text { font-size: 135%; line-height: 8vw; padding: 10vw 2vw 5vw; } #mv02 .mv-text { padding-bottom: 19vw; } #greeting { line-height: 6vw; } #faq { font-size: 110%; } #faq dt, #faq dd { line-height: 6vw; }
}