@charset "utf-8";
.for-pc {
  display: none;
}
.for-sp {
  display: block;
}
.kv {
  width: 100vw;
}
.navi {
  --bottom-navi-up: 180;
  --bottom-navi-down: 50;
}
#navi-information {
  --offset-navi-information: 240;
  --width-navi-information: 166;
  right: calc(50% + var(--offset-navi-information) / 1000 * 100vw);
  bottom: calc(var(--bottom-navi-up) / 1000 * 100vw);
  width: calc(var(--width-navi-information) / 1000 * 100vw);
}
#navi-kit {
  --width-navi-kit: 193;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(var(--bottom-navi-up) / 1000 * 100vw);
  width: calc(var(--width-navi-kit) / 1000 * 100vw);
}
#navi-blocka {
  --offset-navi-blocka: 260;
  --width-navi-blocka: 123;
  left: calc(50% + var(--offset-navi-blocka) / 1000 * 100vw);
  bottom: calc(var(--bottom-navi-up) / 1000 * 100vw);
  width: calc(var(--width-navi-blocka) / 1000 * 100vw);
}
#navi-notice {
  --offset-navi-notice: 240;
  --width-navi-notice: 166;
  right: calc(50% + var(--offset-navi-notice) / 1000 * 100vw);
  bottom: calc(var(--bottom-navi-down) / 1000 * 100vw);
  width: calc(var(--width-navi-notice) / 1000 * 100vw);
}
#navi-faq {
  --width-navi-faq: 96;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(var(--bottom-navi-down) / 1000 * 100vw);
  width: calc(var(--width-navi-faq) / 1000 * 100vw);
}
#navi-inquiry {
  --offset-navi-inquiry: 240;
  --width-navi-inquiry: 165;
  left: calc(50% + var(--offset-navi-inquiry) / 1000 * 100vw);
  bottom: calc(var(--bottom-navi-down) / 1000 * 100vw);
  width: calc(var(--width-navi-inquiry) / 1000 * 100vw);
}
.prologue {
  width: 100vw;
}
.movie {
  width: 100vw;
}
.moviebox {
  --top-movie: 95;
  --width-movie: 914;
  top: calc(var(--top-movie) / 1000 * 100vw);
  width: calc(var(--width-movie) / 1000 * 100vw);
}
.video-btn {
  width: calc(120 / 1000 * 100vw);
  height: calc(120 / 1000 * 100vw);
}

.information {
  width: 100vw;
}
.button-osc {
  --top-button-osc: 810;
  --offset-button-osc: (-170);
  --width-button-osc: 303;
  top: calc(var(--top-button-osc) / 1000 * 100vw);
  left: calc(50% + var(--offset-button-osc) / 1000 * 100vw);
  width: calc(var(--width-button-osc) / 1000 * 100vw);
}
.kit {
  width: 100vw;
}
.guide {
  width: 100vw;
}
.button-tabiwa {
  --top-button-tabiwa: 2220;
  --offset-button-tabiwa: 110;
  --width-button-tabiwa: 779;
  top: calc(var(--top-button-tabiwa) / 1000 * 100vw);
  left: calc(var(--offset-button-tabiwa) / 1000 * 100vw);
  width: calc(var(--width-button-tabiwa) / 1000 * 100vw);
}
.button-eplus {
  --top-button-eplus: 3820;
  --offset-button-eplus: 110;
  --width-button-eplus: 778;
  top: calc(var(--top-button-eplus) / 1000 * 100vw);
  left: calc(var(--offset-button-eplus) / 1000 * 100vw);
  width: calc(var(--width-button-eplus) / 1000 * 100vw);
}
.button-detail1 {
  --bottom-button-detail1: 2080;
  --offset-button-detail1: 110;
  --width-button-detail1: 787;
  bottom: calc(var(--bottom-button-detail1) / 1000 * 100vw);
  left: calc(var(--offset-button-detail1) / 1000 * 100vw);
  width: calc(var(--width-button-detail1) / 1000 * 100vw);
}
.button-detail2 {
  --bottom-button-detail2: 1670;
  --offset-button-detail2: 110;
  --width-button-detail2: 787;
  bottom: calc(var(--bottom-button-detail2) / 1000 * 100vw);
  left: calc(var(--offset-button-detail2) / 1000 * 100vw);
  width: calc(var(--width-button-detail2) / 1000 * 100vw);
}
.button-detail3 {
  --bottom-button-detail3: 1290;
  --offset-button-detail3: 110;
  --width-button-detail3: 787;
  bottom: calc(var(--bottom-button-detail3) / 1000 * 100vw);
  left: calc(var(--offset-button-detail3) / 1000 * 100vw);
  width: calc(var(--width-button-detail3) / 1000 * 100vw);
}
.button-detail4 {
  --bottom-button-detail4: 670;
  --offset-button-detail4: 110;
  --width-button-detail4: 787;
  bottom: calc(var(--bottom-button-detail4) / 1000 * 100vw);
  left: calc(var(--offset-button-detail4) / 1000 * 100vw);
  width: calc(var(--width-button-detail4) / 1000 * 100vw);
}
.howto {
  width: 100vw;
}
.present {
  width: 100vw;
}
.agreement {
  width: 100vw;
}
.terms {
  padding: 5vw;
  --bottom-terms: 370;
  --width-terms: 900;
  --height-terms: 1400;
  --radius-terms: 50;
  --border-terms: 10;
  bottom: calc(var(--bottom-terms) / 1000 * 100vw);
  width: calc(var(--width-terms) / 1000 * 100vw);
  height: calc(var(--height-terms) / 1000 * 100vw);
  border-radius: calc(var(--radius-terms) / 1000 * 100vw);
  border: #153269 calc(var(--border-terms) / 1000 * 100vw) solid;
}
.text-terms {
  --font-text-terms: 36;
  --width-text-terms: 850;
  --height-text-terms: 1300;
  font-size: calc(var(--font-text-terms) / 1000 * 100vw);
  width: calc(var(--width-text-terms) / 1000 * 100vw);
  height: calc(var(--height-text-terms) / 1000 * 100vw);
}
.notice {
  width: 100vw;
}
.faq {
  width: 100vw;
}
.whole {
  --top-whole: 550;
  top: calc(var(--top-whole) / 1000 * 100vw);
}
.each {
  --mb-each: 30;
  margin-bottom: calc(var(--mb-each) / 1000 * 100vw);
}
.question {
  --width-question: 917;
  --mb-question: 30;
  width: calc(var(--width-question) / 1000 * 100vw);
  margin-bottom: calc(var(--mb-question) / 1000 * 100vw);
}
.button-faq {
  --top-button-faq: 50;
  --offset-button-faq: 350;
  --width-button-faq: 60;
  top: calc(var(--top-button-faq) / 1000 * 100vw);
  left: calc(50% + var(--offset-button-faq) / 1000 * 100vw);
  width: calc(var(--width-button-faq) / 1000 * 100vw);
  z-index: 2;
}
.answer {
  --width-answer: 904;
  --mb-answer: 50;
  width: calc(var(--width-answer) / 1000 * 100vw);
  margin-bottom: calc(var(--mb-answer) / 1000 * 100vw);
  border: solid red 0;
}
#frame-inquiry {
  --height-frame-inquiry: 4102;
}
.inquiry {
  width: 100vw;
}
.inquiry-tel {
  --top-inquiry-tel: 2310;
  --width-inquiry-tel: 354;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: calc(var(--top-inquiry-tel) / 1000 * 100vw);
  width: calc(var(--width-inquiry-tel) / 1000 * 100vw);
}
.inquiry-tabiwatel {
  --bottom-inquiry-tabiwatel: 2145;
  --width-inquiry-tabiwatel: 337;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(var(--bottom-inquiry-tabiwatel) / 1000 * 100vw);
  width: calc(var(--width-inquiry-tabiwatel) / 1000 * 100vw);
}
.inquiry-epluslink {
  --top-inquiry-epluslink: 1590;
  --width-inquiry-epluslink: 454;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: calc(var(--top-inquiry-epluslink) / 1000 * 100vw);
  width: calc(var(--width-inquiry-epluslink) / 1000 * 100vw);
}
.inquiry-mail {
  --bottom-inquiry-mail: 280;
  --width-inquiry-mail: 558;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(var(--bottom-inquiry-mail) / 1000 * 100vw);
  width: calc(var(--width-inquiry-mail) / 1000 * 100vw);
}
.about {
  width: 100vw;
}
.frame-footer {
  border: solid red 0;
}
.footer {
  width: 100vw;
}
.logo-osc {
  --bottom-logo-osc: 330;
  --width-logo-osc: 198;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(var(--bottom-logo-osc) / 1000 * 100vw);
  width: calc(var(--width-logo-osc) / 1000 * 100vw);
}
.logo-yodaka {
  --bottom-logo-yodaka: 100;
  --width-logo-yodaka: 320;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(var(--bottom-logo-yodaka) / 1000 * 100vw);
  width: calc(var(--width-logo-yodaka) / 1000 * 100vw);
}
#button-top {
  --right-button-top: 30;
  --bottom-button-top: 60;
  --width-button-top: 90;
  bottom: calc(var(--bottom-button-top) / 1000 * 100vw);
  right: calc(var(--right-button-top) / 1000 * 100vw);
  width: calc(var(--width-button-top) / 1000 * 100vw);
}