@charset "UTF-8";
:root {
  /* color */
  --col-1: #003656;
  --col-2: #0ea4cd;
  --col-3: #c0f0f0;
  --col-4: #f3fdff;
  --col-5: #fef7e0;
  --col-6: #dbf1f1;
  --col-7: #89aaae;
  --col-8: #000;
  --col-bfc: #000;
  --col-lfc: #065fd4;
  --col-fga: linear-gradient(to bottom, #17bf9d 0%, #1a40a8 100%);
  /* gap */
  --gap-025em: 0.25em;
  --gap-05em: 0.5em;
  --gap-075em: 0.75em;
  --gap-1em: 1em;
  --gap-125em: 1.25em;
  --gap-15em: 1.5em;
  --gap-175em: 1.75em;
  --gap-2em: 2em;
  --gap-15s: min(2.5vw, 15px);
  --gap-15: min(3.2vw, 15px);
  --gap-20s: min(3.85vw, 20px);
  --gap-20: min(4.4vw, 20px);
  --gap-25s: min(5vw, 25px);
  --gap-25: min(5.7vw, 25px);
  --gap-30s: min(6vw, 30px);
  --gap-30: min(6.7vw, 30px);
  --gap-40s: clamp(30px, 4.5vw, 40px);
  --gap-40: min(8.5vw, 40px);
  --gap-60s: clamp(40px, 6vw, 60px);
  --gap-60: clamp(45px, 6.75vw, 60px);
  --gap-60w: min(14.5vw, 60px);
  --gap-80s: clamp(50px, 8.25vw, 80px);
  --gap-80: clamp(60px, 9vw, 80px);
  --gap-80w: min(18vw, 80px);
  --gap-100s: clamp(58px, 10.25vw, 100px);
  --gap-100: clamp(70px, 11.5vw, 100px);
  --gap-100w: min(23vw, 100px);
  --gap-120s: clamp(65px, 11.5vw, 120px);
  --gap-120: clamp(78px, 13.5vw, 120px);
  --gap-120w: min(24.5vw, 120px);
}

[id^=anker_] {
  scroll-margin-top: 98px;
}
@media screen and (max-width: 767px) {
  [id^=anker_] {
    scroll-margin-top: 80px;
  }
}

.l_fullbleed {
  display: grid;
  margin-inline: auto;
  grid-template-rows: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 0;
}
.l_fullbleed > * {
  grid-column: 2;
  width: 100%;
}
.l_fullbleed.mx1440_5vw {
  grid-template-columns: 5vw minmax(auto, 1440px) 5vw;
}
.l_fullbleed.mx1366_5vw {
  grid-template-columns: 5vw minmax(auto, 1366px) 5vw;
}
.l_fullbleed.mx1366_3vw {
  grid-template-columns: 3vw minmax(auto, 1366px) 3vw;
}
.l_fullbleed.mx1280_5vw {
  grid-template-columns: 5vw minmax(auto, 1280px) 5vw;
}
.l_fullbleed.mx1280_3vw {
  grid-template-columns: 3vw minmax(auto, 1280px) 3vw;
}
.l_fullbleed.mx1200_5vw {
  grid-template-columns: 5vw minmax(auto, 1200px) 5vw;
}
.l_fullbleed.mx1100_5vw {
  grid-template-columns: 5vw minmax(auto, 1100px) 5vw;
}
.l_fullbleed.mx1100_8vw {
  grid-template-columns: 8vw minmax(auto, 1100px) 8vw;
}
.l_fullbleed.mx1100_3vw {
  grid-template-columns: 3vw minmax(auto, 1100px) 3vw;
}
.l_fullbleed.mx1024_5vw {
  grid-template-columns: 5vw minmax(auto, 1024px) 5vw;
}
.l_fullbleed.mx1024_3vw {
  grid-template-columns: 3vw minmax(auto, 1024px) 3vw;
}
.l_fullbleed.mx980_5vw {
  grid-template-columns: 5vw minmax(auto, 980px) 5vw;
}
.l_fullbleed.mx960_5vw {
  grid-template-columns: 5vw minmax(auto, 960px) 5vw;
}
.l_fullbleed.mx960_3vw {
  grid-template-columns: 3vw minmax(auto, 960px) 3vw;
}
.l_fullbleed.mx900_5vw {
  grid-template-columns: 5vw minmax(auto, 900px) 5vw;
}
.l_fullbleed.mx860_5vw {
  grid-template-columns: 5vw minmax(auto, 860px) 5vw;
}
.l_fullbleed.mx760_5vw {
  grid-template-columns: 5vw minmax(auto, 760px) 5vw;
}
.l_fullbleed.mx760_8vw {
  grid-template-columns: 8vw minmax(auto, 760px) 8vw;
}
.l_fullbleed.mx700_5vw {
  grid-template-columns: 5vw minmax(auto, 700px) 5vw;
}
.l_fullbleed > .column_width {
  justify-self: center;
  width: 100%;
}
.l_fullbleed > .column_width.mx_760 {
  max-width: 760px;
}
.l_fullbleed > .column_width.mx_900 {
  max-width: 900px;
}
.l_fullbleed.grey {
  background-color: var(--col-3);
}

.l_pt15s {
  padding-top: var(--gap-15s);
}

.l_pt15 {
  padding-top: var(--gap-15);
}

.l_pt20s {
  padding-top: var(--gap-20s);
}

.l_pt20 {
  padding-top: var(--gap-20);
}

.l_pt25s {
  padding-top: var(--gap-25s);
}

.l_pt25 {
  padding-top: var(--gap-25);
}

.l_pt30 {
  padding-top: var(--gap-30);
}

.l_pt30s {
  padding-top: var(--gap-30s);
}

.l_pt40s {
  padding-top: var(--gap-40s);
}

.l_pt40 {
  padding-top: var(--gap-40);
}

.l_pt40w {
  padding-top: var(--gap-40w);
}

.l_pt60s {
  padding-top: var(--gap-60s);
}

.l_pt60 {
  padding-top: var(--gap-60);
}

.l_pt60w {
  padding-top: var(--gap-60w);
}

.l_pt80s {
  padding-top: var(--gap-80s);
}

.l_pt80 {
  padding-top: var(--gap-80);
}

.l_pt80w {
  padding-top: var(--gap-80w);
}

.l_pt100s {
  padding-top: var(--gap-100s);
}

.l_pt100 {
  padding-top: var(--gap-100);
}

.l_pt100w {
  padding-top: var(--gap-100w);
}

.l_pt120s {
  padding-top: var(--gap-120s);
}

.l_pt120 {
  padding-top: var(--gap-120);
}

.l_pt120w {
  padding-top: var(--gap-120w);
}

.l_pb15s {
  padding-bottom: var(--gap-15s);
}

.l_pb15 {
  padding-bottom: var(--gap-15);
}

.l_pb20s {
  padding-bottom: var(--gap-20s);
}

.l_pb20 {
  padding-bottom: var(--gap-20);
}

.l_pb25s {
  padding-bottom: var(--gap-25s);
}

.l_pb25 {
  padding-bottom: var(--gap-25);
}

.l_pb30 {
  padding-bottom: var(--gap-30);
}

.l_pb30s {
  padding-bottom: var(--gap-30s);
}

.l_pb40s {
  padding-bottom: var(--gap-40s);
}

.l_pb40 {
  padding-bottom: var(--gap-40);
}

.l_pb40w {
  padding-bottom: var(--gap-40w);
}

.l_pb60s {
  padding-bottom: var(--gap-60s);
}

.l_pb60 {
  padding-bottom: var(--gap-60);
}

.l_pb60w {
  padding-bottom: var(--gap-60w);
}

.l_pb80s {
  padding-bottom: var(--gap-80s);
}

.l_pb80 {
  padding-bottom: var(--gap-80);
}

.l_pb80w {
  padding-bottom: var(--gap-80w);
}

.l_pb100s {
  padding-bottom: var(--gap-100s);
}

.l_pb100 {
  padding-bottom: var(--gap-100);
}

.l_pb100w {
  padding-bottom: var(--gap-100w);
}

.l_pb120s {
  padding-bottom: var(--gap-120s);
}

.l_pb120 {
  padding-bottom: var(--gap-120);
}

.l_pb120w {
  padding-bottom: var(--gap-120w);
}

.l_ptb15s {
  padding-top: var(--gap-15s);
  padding-bottom: var(--gap-15s);
}

.l_ptb15 {
  padding-top: var(--gap-15);
  padding-bottom: var(--gap-15);
}

.l_ptb20s {
  padding-top: var(--gap-20s);
  padding-bottom: var(--gap-20s);
}

.l_ptb20 {
  padding-top: var(--gap-20);
  padding-bottom: var(--gap-20);
}

.l_ptb25s {
  padding-top: var(--gap-25s);
  padding-bottom: var(--gap-25s);
}

.l_ptb25 {
  padding-top: var(--gap-25);
  padding-bottom: var(--gap-25);
}

.l_ptb30 {
  padding-top: var(--gap-30);
  padding-bottom: var(--gap-30);
}

.l_ptb30s {
  padding-top: var(--gap-30s);
  padding-bottom: var(--gap-30s);
}

.l_ptb40s {
  padding-top: var(--gap-40s);
  padding-bottom: var(--gap-40s);
}

.l_ptb40 {
  padding-top: var(--gap-40);
  padding-bottom: var(--gap-40);
}

.l_ptb40w {
  padding-top: var(--gap-40w);
  padding-bottom: var(--gap-40w);
}

.l_ptb60s {
  padding-top: var(--gap-60s);
  padding-bottom: var(--gap-60s);
}

.l_ptb60 {
  padding-top: var(--gap-60);
  padding-bottom: var(--gap-60);
}

.l_ptb60w {
  padding-top: var(--gap-60w);
  padding-bottom: var(--gap-60w);
}

.l_ptb80s {
  padding-top: var(--gap-80s);
  padding-bottom: var(--gap-80s);
}

.l_ptb80 {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
}

.l_ptb80w {
  padding-top: var(--gap-80w);
  padding-bottom: var(--gap-80w);
}

.l_ptb100s {
  padding-top: var(--gap-100s);
  padding-bottom: var(--gap-100s);
}

.l_ptb100 {
  padding-top: var(--gap-100);
  padding-bottom: var(--gap-100);
}

.l_ptb100w {
  padding-top: var(--gap-100w);
  padding-bottom: var(--gap-100w);
}

.l_ptb120s {
  padding-top: var(--gap-120s);
  padding-bottom: var(--gap-120s);
}

.l_ptb120 {
  padding-top: var(--gap-120);
  padding-bottom: var(--gap-120);
}

.l_ptb120w {
  padding-top: var(--gap-120w);
  padding-bottom: var(--gap-120w);
}

.l_mt15s {
  margin-top: var(--gap-15s);
}

.l_mt15 {
  margin-top: var(--gap-15);
}

.l_mt20s {
  margin-top: var(--gap-20s);
}

.l_mt20 {
  margin-top: var(--gap-20);
}

.l_mt25s {
  margin-top: var(--gap-25s);
}

.l_mt25 {
  margin-top: var(--gap-25);
}

.l_mt30 {
  margin-top: var(--gap-30);
}

.l_mt30s {
  margin-top: var(--gap-30s);
}

.l_mt40s {
  margin-top: var(--gap-40s);
}

.l_mt40 {
  margin-top: var(--gap-40);
}

.l_mt40w {
  margin-top: var(--gap-40w);
}

.l_mt60s {
  margin-top: var(--gap-60s);
}

.l_mt60 {
  margin-top: var(--gap-60);
}

.l_mt60w {
  margin-top: var(--gap-60w);
}

.l_mt80s {
  margin-top: var(--gap-80s);
}

.l_mt80 {
  margin-top: var(--gap-80);
}

.l_mt80w {
  margin-top: var(--gap-80w);
}

.l_mt100s {
  margin-top: var(--gap-100s);
}

.l_mt100 {
  margin-top: var(--gap-100);
}

.l_mt100w {
  margin-top: var(--gap-100w);
}

.l_mt120s {
  margin-top: var(--gap-120s);
}

.l_mt120 {
  margin-top: var(--gap-120);
}

.l_mt120w {
  margin-top: var(--gap-120w);
}

.l_mb15s {
  margin-bottom: var(--gap-15s);
}

.l_mb15 {
  margin-bottom: var(--gap-15);
}

.l_mb20s {
  margin-bottom: var(--gap-20s);
}

.l_mb20 {
  margin-bottom: var(--gap-20);
}

.l_mb25s {
  margin-bottom: var(--gap-25s);
}

.l_mb25 {
  margin-bottom: var(--gap-25);
}

.l_mb30 {
  margin-bottom: var(--gap-30);
}

.l_mb30s {
  margin-bottom: var(--gap-30s);
}

.l_mb40s {
  margin-bottom: var(--gap-40s);
}

.l_mb40 {
  margin-bottom: var(--gap-40);
}

.l_mb40w {
  margin-bottom: var(--gap-40w);
}

.l_mb60s {
  margin-bottom: var(--gap-60s);
}

.l_mb60 {
  margin-bottom: var(--gap-60);
}

.l_mb60w {
  margin-bottom: var(--gap-60w);
}

.l_mb80s {
  margin-bottom: var(--gap-80s);
}

.l_mb80 {
  margin-bottom: var(--gap-80);
}

.l_mb80w {
  margin-bottom: var(--gap-80w);
}

.l_mb100s {
  margin-bottom: var(--gap-100s);
}

.l_mb100 {
  margin-bottom: var(--gap-100);
}

.l_mb100w {
  margin-bottom: var(--gap-100w);
}

.l_mb120s {
  margin-bottom: var(--gap-120s);
}

.l_mb120 {
  margin-bottom: var(--gap-120);
}

.l_mb120w {
  margin-bottom: var(--gap-120w);
}

.l_mtb15s {
  margin-top: var(--gap-15s);
  margin-bottom: var(--gap-15s);
}

.l_mtb15 {
  margin-top: var(--gap-15);
  margin-bottom: var(--gap-15);
}

.l_mtb20s {
  margin-top: var(--gap-20s);
  margin-bottom: var(--gap-20s);
}

.l_mtb20 {
  margin-top: var(--gap-20);
  margin-bottom: var(--gap-20);
}

.l_mtb25s {
  margin-top: var(--gap-25s);
  margin-bottom: var(--gap-25s);
}

.l_mtb25 {
  margin-top: var(--gap-25);
  margin-bottom: var(--gap-25);
}

.l_mtb30 {
  margin-top: var(--gap-30);
  margin-bottom: var(--gap-30);
}

.l_mtb30s {
  margin-top: var(--gap-30s);
  margin-bottom: var(--gap-30s);
}

.l_mtb40s {
  margin-top: var(--gap-40s);
  margin-bottom: var(--gap-40s);
}

.l_mtb40 {
  margin-top: var(--gap-40);
  margin-bottom: var(--gap-40);
}

.l_mtb40w {
  margin-top: var(--gap-40w);
  margin-bottom: var(--gap-40w);
}

.l_mtb60s {
  margin-top: var(--gap-60s);
  margin-bottom: var(--gap-60s);
}

.l_mtb60 {
  margin-top: var(--gap-60);
  margin-bottom: var(--gap-60);
}

.l_mtb60w {
  margin-top: var(--gap-60w);
  margin-bottom: var(--gap-60w);
}

.l_mtb80s {
  margin-top: var(--gap-80s);
  margin-bottom: var(--gap-80s);
}

.l_mtb80 {
  margin-top: var(--gap-80);
  margin-bottom: var(--gap-80);
}

.l_mtb80w {
  margin-top: var(--gap-80w);
  margin-bottom: var(--gap-80w);
}

.l_mtb100s {
  margin-top: var(--gap-100s);
  margin-bottom: var(--gap-100s);
}

.l_mtb100 {
  margin-top: var(--gap-100);
  margin-bottom: var(--gap-100);
}

.l_mtb100w {
  margin-top: var(--gap-100w);
  margin-bottom: var(--gap-100w);
}

.l_mtb120s {
  margin-top: var(--gap-120s);
  margin-bottom: var(--gap-120s);
}

.l_mtb120 {
  margin-top: var(--gap-120);
  margin-bottom: var(--gap-120);
}

.l_mtb120w {
  margin-top: var(--gap-120w);
  margin-bottom: var(--gap-120w);
}

.l_pt025em {
  padding-top: var(--gap-025em);
}

.l_pt05em {
  padding-top: var(--gap-05em);
}

.l_pt075em {
  padding-top: var(--gap-075em);
}

.l_pt1em {
  padding-top: var(--gap-1em);
}

.l_pt125em {
  padding-top: var(--gap-125em);
}

.l_pt15em {
  padding-top: var(--gap-15em);
}

.l_pt175em {
  padding-top: var(--gap-175em);
}

.l_pt2em {
  padding-top: var(--gap-2em);
}

.l_pb025em {
  padding-bottom: var(--gap-025em);
}

.l_pb05em {
  padding-bottom: var(--gap-05em);
}

.l_pb075em {
  padding-bottom: var(--gap-075em);
}

.l_pb1em {
  padding-bottom: var(--gap-1em);
}

.l_pb125em {
  padding-bottom: var(--gap-125em);
}

.l_pb15em {
  padding-bottom: var(--gap-15em);
}

.l_pb175em {
  padding-bottom: var(--gap-175em);
}

.l_pb2em {
  padding-bottom: var(--gap-2em);
}

.l_ptb025em {
  padding-top: var(--gap-025em);
  padding-bottom: var(--gap-025em);
}

.l_ptb05em {
  padding-top: var(--gap-05em);
  padding-bottom: var(--gap-05em);
}

.l_ptb075em {
  padding-top: var(--gap-075em);
  padding-bottom: var(--gap-075em);
}

.l_ptb1em {
  padding-top: var(--gap-1em);
  padding-bottom: var(--gap-1em);
}

.l_ptb125em {
  padding-top: var(--gap-125em);
  padding-bottom: var(--gap-125em);
}

.l_ptb15em {
  padding-top: var(--gap-15em);
  padding-bottom: var(--gap-15em);
}

.l_ptb175em {
  padding-top: var(--gap-175em);
  padding-bottom: var(--gap-175em);
}

.l_ptb2em {
  padding-top: var(--gap-2em);
  padding-bottom: var(--gap-2em);
}

.l_mt025em {
  margin-top: var(--gap-025em);
}

.l_mt05em {
  margin-top: var(--gap-05em);
}

.l_mt075em {
  margin-top: var(--gap-075em);
}

.l_mt1em {
  margin-top: var(--gap-1em);
}

.l_mt125em {
  margin-top: var(--gap-125em);
}

.l_mt15em {
  margin-top: var(--gap-15em);
}

.l_mt175em {
  margin-top: var(--gap-175em);
}

.l_mt2em {
  margin-top: var(--gap-2em);
}

.l_mb025em {
  margin-bottom: var(--gap-025em);
}

.l_mb05em {
  margin-bottom: var(--gap-05em);
}

.l_mb075em {
  margin-bottom: var(--gap-075em);
}

.l_mb1em {
  margin-bottom: var(--gap-1em);
}

.l_mb125em {
  margin-bottom: var(--gap-125em);
}

.l_mb15em {
  margin-bottom: var(--gap-15em);
}

.l_mb175em {
  margin-bottom: var(--gap-175em);
}

.l_mb2em {
  margin-bottom: var(--gap-2em);
}

.l_mtb025em {
  margin-top: var(--gap-025em);
  margin-bottom: var(--gap-025em);
}

.l_mtb05em {
  margin-top: var(--gap-05em);
  margin-bottom: var(--gap-05em);
}

.l_mtb075em {
  margin-top: var(--gap-075em);
  margin-bottom: var(--gap-075em);
}

.l_mtb1em {
  margin-top: var(--gap-1em);
  margin-bottom: var(--gap-1em);
}

.l_mtb125em {
  margin-top: var(--gap-125em);
  margin-bottom: var(--gap-125em);
}

.l_mtb15em {
  margin-top: var(--gap-15em);
  margin-bottom: var(--gap-15em);
}

.l_mtb175em {
  margin-top: var(--gap-175em);
  margin-bottom: var(--gap-175em);
}

.l_mtb2em {
  margin-top: var(--gap-2em);
  margin-bottom: var(--gap-2em);
}

html {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  html {
    scroll-behavior: initial;
  }
}

body {
  line-height: 1.8;
  font-size: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: normal;
  font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif;
  text-rendering: optimizeLegibility;
  color: var(--col-1);
}

a,
a:link,
a:active,
a:visited {
  color: var(--col-lfc);
  text-decoration: underline;
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

a,
a:visited,
a:focus,
a:active {
  color: var(--col-lfc);
}

a:hover {
  color: var(--col-lfc);
}

/*-----------------------------------------------
 __fontfamily
-----------------------------------------------*/
/*--- google font ---*/
.gf_zenkaku {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.gf_zenmin {
  font-family: "Zen Old Mincho", serif;
}

.gf_averia {
  font-family: "Averia Serif Libre", serif;
}

.gf_roboto {
  font-family: Roboto, sans-serif;
}

/*-----------------------------------------------
 __fontweight
-----------------------------------------------*/
.fw900 {
  font-weight: 900;
}

.fw700 {
  font-weight: 700;
}

.fw600 {
  font-weight: 600;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

/*-----------------------------------------------
 __letterspacing centering
-----------------------------------------------*/
.lt1 {
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}

.lt15 {
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.lt2 {
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}

.lt3 {
  letter-spacing: 0.3em;
  text-indent: 0.3em;
}

/*-----------------------------------------------
 __fontsize
-----------------------------------------------*/
.fz_42 {
  font-size: 2.625rem;
}
@media screen and (max-width: 768px) {
  .fz_42 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_42 {
    font-size: 1.75rem;
  }
}

.fz_40 {
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .fz_40 {
    font-size: 2.125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_40 {
    font-size: 1.75rem;
  }
}

.fz_36 {
  font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
  .fz_36 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_36 {
    font-size: 1.5625rem;
  }
}

.fz_32 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .fz_32 {
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_32 {
    font-size: 1.375rem;
  }
}

.fz_30 {
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .fz_30 {
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_30 {
    font-size: 1.375rem;
  }
}

.fz_28 {
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .fz_28 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_28 {
    font-size: 1.25rem;
  }
}

.fz_26 {
  font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
  .fz_26 {
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_26 {
    font-size: 1.25rem;
  }
}

.fz_24 {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .fz_24 {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_24 {
    font-size: 1.25rem;
  }
}

.fz_22 {
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  .fz_22 {
    font-size: 1.1875rem;
  }
}

.fz_20 {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .fz_20 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_20 {
    font-size: 1.0625rem;
  }
}

.fz_18 {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .fz_18 {
    font-size: 1.0625rem;
  }
}

.fz_17 {
  font-size: 1.0625rem;
}
@media screen and (max-width: 768px) {
  .fz_17 {
    font-size: 1rem;
  }
}

.fz_16 {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .fz_16 {
    font-size: 0.9375rem;
  }
}

.fz_15 {
  font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .fz_15 {
    font-size: 0.875rem;
  }
}

.fz_14 {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .fz_14 {
    font-size: 0.8125rem;
  }
}

.fz_13 {
  font-size: 0.8125rem;
}
@media screen and (max-width: 600px) {
  .fz_13 {
    font-size: 0.75rem;
  }
}

.fz_12 {
  font-size: 0.75rem;
}
@media screen and (max-width: 600px) {
  .fz_12 {
    font-size: 0.625rem;
  }
}

.fz_11 {
  font-size: 0.6875rem;
}
@media screen and (max-width: 600px) {
  .fz_11 {
    font-size: 0.625rem;
  }
}

.fz_10 {
  font-size: 0.625rem;
}

html {
  scroll-behavior: smooth;
}

.l_wrapper {
  position: relative;
  background-color: var(--col-4);
}

.rainLP_header {
  position: relative;
  overflow: hidden;
  background-image: url(../images/wave_wide.svg);
  background-size: 160% auto;
  background-repeat: no-repeat;
  background-position: center bottom 80px;
}
@media screen and (max-width: 600px) {
  .rainLP_header {
    background-position: center bottom 40px;
  }
}
.rainLP_header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1920/118;
  background-image: url(../images/header_wave.webp);
  background-size: min(100%, 1920px) auto;
  background-repeat: repeat-x;
  background-position: center top;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .rainLP_header::after {
    background-image: url(../images/header_waveSP.webp);
    background-size: cover;
    aspect-ratio: 1125/95;
  }
}
.rainLP_header .innr_column {
  width: min(100%, 1200px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 34fr 56fr 34fr;
  grid-template-rows: auto auto 1fr;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  z-index: 3;
  grid-gap: 0 30px;
  position: relative;
}
@media screen and (max-width: 980px) {
  .rainLP_header .innr_column {
    grid-template-columns: 5fr 5fr 4fr 4fr 5fr 5fr;
    grid-template-rows: auto;
    grid-gap: 10px min(3vw, 30px);
    padding-inline: 3vw;
    max-width: 800px;
  }
}
.rainLP_header .innr_column::before {
  content: "";
  position: absolute;
  top: 0;
  right: 75%;
  width: 100%;
  height: 100%;
  background-image: url(../images/rain_l.webp);
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: left top;
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .rainLP_header .innr_column::before {
    right: 0;
    height: auto;
    aspect-ratio: 1125/1224;
    background-image: url(../images/rain_lrSP.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  }
}
.rainLP_header .innr_column::after {
  content: "";
  position: absolute;
  top: 0;
  left: 75%;
  width: 100%;
  height: 100%;
  background-image: url(../images/rain_r.webp);
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: left top;
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .rainLP_header .innr_column::after {
    display: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.rainLP_header .header_logo {
  justify-self: center;
  align-self: center;
  grid-column: 2/3;
  grid-row: 2/3;
  -webkit-animation: fadeInUp 0.8s ease-out 0.3s both;
          animation: fadeInUp 0.8s ease-out 0.3s both;
}
@media screen and (max-width: 980px) {
  .rainLP_header .header_logo {
    grid-column: 1/7;
    grid-row: initial;
    padding-inline: 10vw;
    padding-bottom: 3vw;
  }
}
.rainLP_header .header_logo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
}
.rainLP_header .header_content {
  grid-column: 2/3;
  grid-row: 3/4;
  padding-top: 3%;
}
@media screen and (max-width: 980px) {
  .rainLP_header .header_content {
    grid-column: 1/7;
    grid-row: initial;
  }
}
.rainLP_header .header_copy {
  -webkit-animation: fadeInUp 0.8s ease-out 0.5s both;
          animation: fadeInUp 0.8s ease-out 0.5s both;
}
.rainLP_header .header_copy span {
  display: block;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}
.rainLP_header .header_copy span br {
  display: none;
}
@media screen and (max-width: 540px) {
  .rainLP_header .header_copy span br {
    display: block;
  }
}
.rainLP_header .header_summary {
  text-align: center;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  line-height: 2.2;
  -webkit-animation: fadeInUp 0.8s ease-out 0.7s both;
          animation: fadeInUp 0.8s ease-out 0.7s both;
}
.rainLP_header .header_summary span {
  display: inline-block;
}
@media screen and (max-width: 540px) {
  .rainLP_header .header_summary span br {
    display: block;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rainLP_header .header_imge {
  display: block;
  opacity: 0;
  -webkit-animation: fadeIn 1s cubic-bezier(0.4, 0, 0.2, 1) 1.2s both;
          animation: fadeIn 1s cubic-bezier(0.4, 0, 0.2, 1) 1.2s both;
}
.rainLP_header .header_imge img {
  width: 95%;
  height: auto;
  display: block;
}
.rainLP_header .kv1 {
  justify-items: center;
  grid-column: 2/3;
  grid-row: 1/2;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv1 {
    grid-column: 3/5;
    grid-row: 1/2;
    justify-items: start;
  }
}
.rainLP_header .kv1 img {
  width: 43%;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv1 img {
    width: 90%;
  }
}
.rainLP_header .kv2 {
  justify-items: start;
  align-self: center;
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv2 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
.rainLP_header .kv2 img {
  width: 90%;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv2 img {
    width: 100%;
    padding-top: 8%;
  }
}
.rainLP_header .kv3 {
  justify-items: end;
  align-self: start;
  grid-column: 1/2;
  grid-row: 3/4;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv3 {
    grid-column: 1/4;
    grid-row: 3/4;
    align-self: end;
    justify-items: end;
  }
}
.rainLP_header .kv3 img {
  padding-top: 8%;
  width: 90%;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv3 img {
    width: 67.5%;
    padding-top: 0;
    margin-left: auto;
    -webkit-transform: translateX(8%);
            transform: translateX(8%);
  }
}
.rainLP_header .kv4 {
  justify-items: end;
  align-self: center;
  grid-column: 3/4;
  grid-row: 2/3;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv4 {
    grid-column: 5/7;
    grid-row: 1/2;
    justify-items: start;
    align-self: end;
  }
}
.rainLP_header .kv4 img {
  width: 70%;
  padding-right: 3%;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv4 img {
    padding-right: 0;
    width: 80%;
    padding-top: 10%;
  }
}
.rainLP_header .kv5 {
  grid-column: 3/4;
  grid-row: 3/4;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv5 {
    grid-column: 4/7;
    grid-row: 3/4;
  }
}
.rainLP_header .kv5 img {
  width: 53%;
}
@media screen and (max-width: 980px) {
  .rainLP_header .kv5 img {
    width: 45%;
    padding-left: 8%;
  }
}

.rainLP_intro {
  position: relative;
}
.rainLP_intro::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 0;
  background-image: url(../images/wave_line2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  aspect-ratio: 1906/1113;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 980px) {
  .rainLP_intro::before {
    top: 5%;
    background-size: cover;
    background-position: left center;
    aspect-ratio: 4/3;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_intro::before {
    background-position: 80% center;
    aspect-ratio: 1/1;
  }
}
.rainLP_intro .intro_innr {
  position: relative;
  z-index: 3;
}
.rainLP_intro .intro_story {
  display: grid;
  grid-template-columns: 76fr 70fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40) var(--gap-80);
}
@media screen and (max-width: 980px) {
  .rainLP_intro .intro_story {
    grid-template-columns: 1fr;
  }
}
.rainLP_intro .story_head {
  grid-column: 2/3;
  grid-row: 1/2;
  justify-self: center;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_head {
    grid-column: initial;
    grid-row: initial;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: grid;
    place-content: center;
  }
}
.rainLP_intro .story_ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding-bottom: 2em;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_ttl {
    padding-bottom: 0;
  }
}
.rainLP_intro .story_ttl span {
  display: block;
  letter-spacing: 0.07em;
}
.rainLP_intro .story_ttl span:last-child {
  margin-top: -0.5em;
}
.rainLP_intro .story_ttl span:last-child i {
  font-style: normal;
  margin-top: -0.5em;
}
.rainLP_intro .story_image {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}
.rainLP_intro .story_image.is-visible {
  opacity: 1;
}
.rainLP_intro .story_image.image01 {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_image.image01 {
    grid-column: initial;
    grid-row: initial;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.rainLP_intro .story_image.image01 img {
  width: 92%;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_image.image01 img {
    width: min(92%, 480px);
    margin-inline: auto;
  }
}
.rainLP_intro .story_image.image02 {
  align-self: self-end;
  padding-bottom: 5%;
  grid-column: 2/3;
  grid-row: 3/5;
  align-self: center;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_image.image02 {
    grid-column: initial;
    grid-row: initial;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
.rainLP_intro .story_image img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_image img {
    width: min(100%, 480px);
    margin-inline: auto;
  }
}
.rainLP_intro .story_summary {
  line-height: 2.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_summary {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_intro .story_summary {
    text-align: justify;
    font-size: 16px;
  }
}
.rainLP_intro .story_summary span {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .rainLP_intro .story_summary span {
    display: inline;
  }
}
.rainLP_intro .story_summary.summary2, .rainLP_intro .story_summary.summary3 {
  padding-left: 5em;
}
@media screen and (max-width: 1279px) {
  .rainLP_intro .story_summary.summary2, .rainLP_intro .story_summary.summary3 {
    padding-left: 0;
  }
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_summary.summary2 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_summary.summary3 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
.rainLP_intro .story_article {
  max-width: 1000px;
  margin-inline: auto;
}
.rainLP_intro .story_article .innr {
  background-color: #fff;
  position: relative;
  border-top: 1px solid var(--col-1);
  border-bottom: 1px solid var(--col-1);
  padding: var(--gap-60);
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-30);
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_article .innr {
    padding-right: min(5vw, 30px);
    padding-left: min(5vw, 30px);
  }
}
@media screen and (max-width: 700px) {
  .rainLP_intro .story_article .innr {
    grid-template-columns: 1fr;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
.rainLP_intro .story_article .article_icon {
  position: absolute;
  z-index: 2;
  top: -1.2em;
  left: 0;
}
.rainLP_intro .story_article .article_icon span {
  display: inline-block;
  background-color: var(--col-1);
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  padding: 0.75em 1.2em 0.75em 1em;
  border-radius: 0 2em 2em 0;
}
.rainLP_intro .story_article .article_image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 700px) {
  .rainLP_intro .story_article .article_image img {
    width: min(80%, 360px);
  }
}
.rainLP_intro .story_article .article_content .cont_ttl {
  letter-spacing: 0.05em;
  line-height: 1.7;
}
.rainLP_intro .story_article .article_content .cont_ttl span {
  display: block;
}
.rainLP_intro .story_article .article_content .cont_summary {
  line-height: 1.8;
  text-align: justify;
}
.rainLP_intro .story_article__wrap {
  position: relative;
}
.rainLP_intro .story_article__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/wave_line1.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 50%;
  aspect-ratio: 996/343;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 980px) {
  .rainLP_intro .story_article__wrap::after {
    width: min(90%, 600px);
  }
}
@media screen and (max-width: 600px) {
  .rainLP_intro .story_article__wrap::after {
    top: -7%;
  }
}

.rainLP_waterdrop {
  width: 14px;
  display: block;
  margin-inline: auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 600px) {
  .rainLP_waterdrop {
    width: 10px;
  }
}
.rainLP_waterdrop.wide {
  width: 18px;
}
@media screen and (max-width: 600px) {
  .rainLP_waterdrop.wide {
    width: 13px;
  }
}
.rainLP_waterdrop img {
  width: 100%;
  height: auto;
  display: block;
}

.rainLP_enjoy {
  position: relative;
}
.rainLP_enjoy .enjoy_innr {
  position: relative;
  overflow: hidden;
}
.rainLP_enjoy::after {
  content: "";
  position: absolute;
  top: 60px;
  right: 0;
  aspect-ratio: 1711/1670;
  background-image: url(../images/plan_graf01.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 360px;
  -webkit-transform: translateY(var(--parallax-y, 0px));
          transform: translateY(var(--parallax-y, 0px));
}
@media screen and (max-width: 1200px) {
  .rainLP_enjoy::after {
    width: 28vw;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy::after {
    top: -9vw;
    width: 40vw;
  }
}
.rainLP_enjoy .enjoy_head {
  position: relative;
  z-index: 4;
}
.rainLP_enjoy .head_drop {
  width: 14px;
  display: block;
  margin-inline: auto;
}
.rainLP_enjoy .head_drop img {
  width: 100%;
  height: auto;
  display: block;
}
.rainLP_enjoy .head_ttl {
  text-align: center;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  padding-inline: 5vw;
}
.rainLP_enjoy .head_ttl span {
  display: inline-block;
  text-align: justify;
}
.rainLP_enjoy .head_summary {
  text-align: center;
  letter-spacing: 0.05em;
  padding-inline: 5vw;
}
.rainLP_enjoy .head_summary span {
  display: inline-block;
  text-align: justify;
}
@media screen and (max-width: 540px) {
  .rainLP_enjoy .head_summary span {
    display: block;
    text-align: center;
  }
}
.rainLP_enjoy .head_type {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0 4em;
  background-color: #fff;
  padding: 1.2em 2em;
  border: 1px solid var(--col-2);
  border-radius: 5px;
}
@media screen and (max-width: 700px) {
  .rainLP_enjoy .head_type {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1em 1em;
    font-size: 3.1vw;
    grid-gap: 0 1.5em;
  }
}
.rainLP_enjoy .head_type > li {
  position: relative;
}
.rainLP_enjoy .head_type > li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 2em);
  height: 120%;
  width: 1px;
  background-color: var(--col-2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 700px) {
  .rainLP_enjoy .head_type > li::after {
    left: calc(100% + 0.5em);
  }
}
.rainLP_enjoy .head_type > li:last-child::after {
  display: none;
}
.rainLP_enjoy .rain_type {
  position: relative;
}
.rainLP_enjoy .rain_type span {
  display: block;
  line-height: 1;
  white-space: nowrap;
  color: var(--col-2);
}
.rainLP_enjoy .rain_type::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url(../images/icn_umbrella.svg);
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: left center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1.5em;
}
.rainLP_enjoy .rain_type.u1 {
  padding-left: 2em;
}
.rainLP_enjoy .rain_type.u1::before {
  width: 1.74em;
}
.rainLP_enjoy .rain_type.u2 {
  padding-left: 3.98em;
}
.rainLP_enjoy .rain_type.u2::before {
  width: 3.48em;
}
.rainLP_enjoy .rain_type.u3 {
  padding-left: 5.72em;
}
.rainLP_enjoy .rain_type.u3::before {
  width: 5.22em;
}
.rainLP_enjoy .enjoy_plan > li {
  padding-bottom: var(--gap-120);
  padding-right: 5vw;
  padding-left: 5vw;
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan > li {
    padding-bottom: 70px;
  }
}
.rainLP_enjoy .enjoy_plan > li .innr {
  max-width: 1200px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  grid-gap: var(--gap-40) 0;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 980px) {
  .rainLP_enjoy .enjoy_plan > li .innr {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin-inline: auto;
  }
}
.rainLP_enjoy .enjoy_plan > li:nth-child(odd) .plan_content {
  padding-left: var(--gap-80);
}
@media screen and (max-width: 980px) {
  .rainLP_enjoy .enjoy_plan > li:nth-child(odd) .plan_content {
    padding-left: 0;
  }
}
.rainLP_enjoy .enjoy_plan > li:nth-child(even) .plan_content {
  padding-right: var(--gap-80);
}
@media screen and (max-width: 980px) {
  .rainLP_enjoy .enjoy_plan > li:nth-child(even) .plan_content {
    padding-right: 0;
  }
}
.rainLP_enjoy .enjoy_plan > li:nth-child(even) .plan_image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 980px) {
  .rainLP_enjoy .enjoy_plan > li:nth-child(even) .plan_image {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}
.rainLP_enjoy .enjoy_plan > li:nth-child(even) .plan_icon {
  left: auto;
  right: -0.875em;
}
@media screen and (max-width: 768px) {
  .rainLP_enjoy .enjoy_plan > li:nth-child(even) .plan_icon {
    right: -5vw;
  }
}
.rainLP_enjoy .enjoy_plan .bg_image {
  position: relative;
}
.rainLP_enjoy .enjoy_plan .bg_image::after {
  content: "";
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.rainLP_enjoy .enjoy_plan .bg_image.leaf::after {
  bottom: calc(10% - 200px);
  left: -5%;
  background-image: url(../images/plan_graf02.webp);
  aspect-ratio: 1589/1533;
  width: 400px;
  -webkit-transform: translateY(var(--parallax-y, 0px));
          transform: translateY(var(--parallax-y, 0px));
}
@media screen and (max-width: 1200px) {
  .rainLP_enjoy .enjoy_plan .bg_image.leaf::after {
    width: 28vw;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan .bg_image.leaf::after {
    width: 50vw;
    left: -5vw;
    top: auto;
    bottom: 30%;
  }
}
.rainLP_enjoy .enjoy_plan .bg_image.drop::after {
  top: calc(-25% + 200px);
  left: 0;
  background-image: url(../images/plan_graf03.webp);
  aspect-ratio: 1521/1484;
  width: 380px;
  -webkit-transform: translateY(var(--parallax-y, 0px));
          transform: translateY(var(--parallax-y, 0px));
}
@media screen and (max-width: 1200px) {
  .rainLP_enjoy .enjoy_plan .bg_image.drop::after {
    width: 28vw;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan .bg_image.drop::after {
    width: 50vw;
    left: -6vw;
  }
}
.rainLP_enjoy .enjoy_plan .bg_image.puddle::after {
  top: calc(80% + 200px);
  right: 0;
  background-image: url(../images/plan_graf04.webp);
  aspect-ratio: 1994/1935;
  width: 450px;
  -webkit-transform: translateY(var(--parallax-y, 0px));
          transform: translateY(var(--parallax-y, 0px));
}
@media screen and (max-width: 1200px) {
  .rainLP_enjoy .enjoy_plan .bg_image.puddle::after {
    width: 28vw;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan .bg_image.puddle::after {
    width: 50vw;
  }
}
.rainLP_enjoy .enjoy_plan .plan_icon {
  position: absolute;
  left: -0.875em;
  top: -0.875em;
  z-index: 2;
  display: grid;
  place-items: center;
  background-color: var(--col-4);
  width: 1.75em;
  aspect-ratio: 1;
  font-size: min(12vw, 64px);
  border-radius: 1em;
}
@media screen and (max-width: 768px) {
  .rainLP_enjoy .enjoy_plan .plan_icon {
    left: -5vw;
  }
}
.rainLP_enjoy .enjoy_plan .plan_icon span {
  display: block;
  line-height: 1;
  background: var(--col-fga);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rainLP_enjoy .enjoy_plan .plan_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain {
  border: 1px solid var(--col-2);
  background-color: #fff;
  padding: 0.5em 0.75em;
  border-radius: 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain .rain_type {
  padding-right: 1.5em;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain .rain_type::after {
  content: "〜";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--col-2);
  padding: 0 0.25em;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain .rain_type:only-child {
  padding-right: 0;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain .rain_type:only-child::after {
  display: none;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain .rain_type:last-child {
  padding-right: 0;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_rain .rain_type:last-child::after {
  display: none;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_ttl {
  position: relative;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_ttl.cm_soon .read_copy {
  padding-right: 5em;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_ttl.cm_soon .read_title {
  padding-right: 4em;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_ttl .read_copy {
  display: block;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: justify;
  padding-bottom: 0.2em;
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan .plan_content .plan_ttl .read_copy {
    font-size: 16px;
  }
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_ttl .read_title {
  display: block;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan .plan_content .plan_ttl .read_title {
    font-size: 20px;
  }
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_ttl .soon {
  position: absolute;
  right: 0;
  top: -10px;
  line-height: 1.2;
  text-align: center;
  background-color: var(--col-3);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  width: 6em;
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .enjoy_plan .plan_content .plan_ttl .soon {
    font-size: 10px;
    top: 0;
  }
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_summary {
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_summary .note {
  padding-top: 1.5em;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_summary .note.border {
  margin-top: 1.5em;
  border-top: 1px solid var(--col-7);
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_summary .note a {
  color: var(--col-1);
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.rainLP_enjoy .enjoy_plan .plan_content .plan_summary .note a:hover {
  color: var(--col-2);
}
.rainLP_enjoy .plan_note {
  border-bottom: 1px solid var(--col-1);
  overflow: hidden;
  position: relative;
  z-index: 4;
}
.rainLP_enjoy .plan_note .note_ttl {
  letter-spacing: 0.05em;
  text-align: center;
}
.rainLP_enjoy .plan_note .note_ttl span {
  display: inline-block;
  background-color: var(--col-4);
  line-height: 1.5;
  padding: 0.5em 1em;
  border: 1px solid var(--col-1);
  border-radius: 5px;
  position: relative;
}
.rainLP_enjoy .plan_note .note_ttl span br {
  display: none;
}
@media screen and (max-width: 540px) {
  .rainLP_enjoy .plan_note .note_ttl span br {
    display: block;
  }
}
.rainLP_enjoy .plan_note .note_ttl span::before, .rainLP_enjoy .plan_note .note_ttl span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: var(--col-1);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rainLP_enjoy .plan_note .note_ttl span::before {
  left: calc(100% + 0.75em);
}
.rainLP_enjoy .plan_note .note_ttl span::after {
  right: calc(100% + 0.75em);
}
.rainLP_enjoy .plan_note .note_contents {
  text-align: center;
}
.rainLP_enjoy .plan_note .note_contents span {
  display: inline-block;
  text-align: justify;
}
.rainLP_enjoy .plan_film {
  background-color: var(--col-5);
  border-radius: 0 70px 0 70px;
  padding: var(--gap-40) var(--gap-60);
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .plan_film {
    padding-right: 7vw;
    padding-left: 7vw;
    padding-top: 20px;
  }
}
.rainLP_enjoy .plan_film .film_ttl {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #333), color-stop(50%, transparent));
  background-image: linear-gradient(to right, #333 50%, transparent 50%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  text-align: center;
  padding: 20px 0 2em 0;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}
@media screen and (max-width: 600px) {
  .rainLP_enjoy .plan_film .film_ttl {
    padding-bottom: 20px;
  }
}
.rainLP_enjoy .plan_film .film_ttl > span {
  display: inline-block;
}
@media screen and (max-width: 540px) {
  .rainLP_enjoy .plan_film .film_ttl > span {
    display: block;
    padding: 0;
    font-size: 20px;
  }
}
.rainLP_enjoy .plan_film .film_ttl .drop {
  position: relative;
  padding-right: 0.25em;
}
.rainLP_enjoy .plan_film .film_ttl .drop span {
  position: relative;
  z-index: 2;
  color: #fff;
  font-style: normal;
  width: 2em;
  text-align: center;
  display: inline-block;
}
.rainLP_enjoy .plan_film .film_ttl .drop::after {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  background-image: url(../images/icn_droptxt.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2em;
  aspect-ratio: 5/8;
  z-index: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rainLP_enjoy .plan_film .film_contents {
  display: grid;
  grid-template-columns: 45% 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 860px) {
  .rainLP_enjoy .plan_film .film_contents {
    grid-template-columns: 1fr;
  }
}
.rainLP_enjoy .plan_film .film_image {
  width: min(100%, 600px);
  margin-inline: auto;
}
.rainLP_enjoy .plan_film .film_image img {
  width: 100%;
  height: auto;
  display: block;
}
.rainLP_enjoy .plan_film .film_image figcaption {
  line-height: 1.5;
  padding-top: 0.25em;
}
@media screen and (max-width: 860px) {
  .rainLP_enjoy .plan_film .film_image figcaption {
    text-align: right;
  }
}
@media screen and (max-width: 540px) {
  .rainLP_enjoy .plan_film .film_summary {
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 540px) {
  .rainLP_enjoy .plan_film .film_summary .ttl {
    font-size: 20px;
  }
}
.rainLP_enjoy .plan_film .film_summary .ttl br {
  display: none;
}
@media screen and (max-width: 540px) {
  .rainLP_enjoy .plan_film .film_summary .ttl br {
    display: block;
  }
}
.rainLP_enjoy .plan_film .film_summary .summary {
  text-align: justify;
  letter-spacing: 0.05em;
}

.rainLP_commonHead .head_drop {
  color: var(--col-2);
  position: relative;
}
.rainLP_commonHead .head_drop.c6::after {
  background-image: url(../images/icn_drop__c6.svg);
}
.rainLP_commonHead .head_drop::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  background-image: url(../images/icn_drop__wht.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.5em;
  aspect-ratio: 1/2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rainLP_commonHead .head_drop span {
  display: block;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  position: relative;
  z-index: 2;
}
.rainLP_commonHead .head_ttl {
  text-align: center;
  line-height: 1.5;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}
@media screen and (max-width: 600px) {
  .rainLP_commonHead .head_ttl {
    margin-top: 1.5em;
  }
}
.rainLP_commonHead .head_ttl span {
  display: inline-block;
  text-align: justify;
}

.rainLP_faq .list_ttl {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .rainLP_faq .faq_list {
    margin-top: 40px;
  }
}
.rainLP_faq .faq_note {
  text-align: center;
}
.rainLP_faq .faq_note span {
  display: inline-block;
  text-align: justify;
}
.rainLP_faq .faq_note a {
  color: var(--col-1);
  border-bottom: 1px solid #003656;
  text-decoration: none;
}
.rainLP_faq .faq_note .blank {
  padding-right: 1.5em;
  position: relative;
}
.rainLP_faq .faq_note .blank::after {
  content: "";
  position: absolute;
  top: 0.35em;
  right: 0.25em;
  background-image: url(../images/icn_exlink.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9em;
  aspect-ratio: 1;
}

.rainLP_faqlist .d_wrap {
  margin-bottom: var(--gap-20);
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid var(--col-1);
}
.rainLP_faqlist .d_wrap:last-child {
  margin-bottom: 0;
}
.rainLP_faqlist .d_wrap .icon {
  color: var(--col-2);
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  padding-right: 1.5em;
  padding-left: 2em;
  border-right: 1px solid var(--col-1);
  display: grid;
  place-items: center;
}
@media screen and (max-width: 860px) {
  .rainLP_faqlist .d_wrap .icon {
    padding-left: 1em;
    padding-right: 0.75em;
  }
}
.rainLP_faqlist .d_wrap dt {
  position: relative;
  line-height: 1.6;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 860px) {
  .rainLP_faqlist .d_wrap dt {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    grid-gap: 1.25em;
  }
}
.rainLP_faqlist .d_wrap dt .q_ttl {
  letter-spacing: 0.05em;
  text-align: justify;
  padding-right: 6em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .rainLP_faqlist .d_wrap dt .q_ttl {
    padding-right: 3em;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_faqlist .d_wrap dt .q_ttl {
    font-size: 15px;
  }
}
.rainLP_faqlist .d_wrap dt .q_ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.5em;
  background-image: url(../images/icn_arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.5em;
  aspect-ratio: 2/1;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 768px) {
  .rainLP_faqlist .d_wrap dt .q_ttl::after {
    right: 1em;
    width: 1.2em;
  }
}
.rainLP_faqlist .d_wrap dt.is-open .q_ttl::after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.rainLP_faqlist .d_wrap dt:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.rainLP_faqlist .d_wrap dd .innr {
  border-top: 1px solid var(--col-1);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-right: 2em;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 860px) {
  .rainLP_faqlist .d_wrap dd .innr {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    grid-gap: 1.25em;
  }
}
.rainLP_faqlist .d_wrap dd .innr .q_answer {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .rainLP_faqlist .d_wrap dd .innr .q_answer {
    font-size: 14px;
  }
}
.rainLP_faqlist .d_wrap dd .innr .q_answer a {
  color: var(--col-1);
  border-bottom: 1px solid #003656;
  text-decoration: none;
}
.rainLP_faqlist .d_wrap dd .innr .q_answer .blank {
  padding-right: 1.5em;
  position: relative;
}
.rainLP_faqlist .d_wrap dd .innr .q_answer .blank::after {
  content: "";
  position: absolute;
  top: 0.35em;
  right: 0.25em;
  background-image: url(../images/icn_exlink.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9em;
  aspect-ratio: 1;
}
.rainLP_faqlist .d_wrap dd {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
}

.rainLP_about {
  position: relative;
  overflow: hidden;
}
.rainLP_about::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 50%;
  background-image: url(../images/wave_line3.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1920px;
  aspect-ratio: 1920/869;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  mix-blend-mode: multiply;
}
.rainLP_about::after {
  content: "";
  position: absolute;
  bottom: 12%;
  left: 0;
  background-image: url(../images/wave_line1.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 50%;
  aspect-ratio: 996/343;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 980px) {
  .rainLP_about::after {
    width: min(90%, 600px);
  }
}
@media screen and (max-width: 600px) {
  .rainLP_about::after {
    bottom: 20%;
    width: 100vw;
    left: -18vw;
  }
}
.rainLP_about .about_innr {
  position: relative;
  z-index: 3;
}
.rainLP_about .about_summary {
  max-width: 820px;
  margin-inline: auto;
}
.rainLP_about .about_summary .title {
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
}
.rainLP_about .about_summary .title span {
  display: block;
}
.rainLP_about .about_summary .summary {
  letter-spacing: 0.05em;
  text-align: justify;
}
.rainLP_about .about_image {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 100px;
}
@media screen and (max-width: 1200px) {
  .rainLP_about .about_image {
    grid-gap: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .rainLP_about .about_image {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_about .about_image {
    grid-template-columns: 1fr;
  }
}
.rainLP_about .about_image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.rainLP_about .about_image .image01 {
  grid-column: 6/10;
  grid-row: 1/3;
}
@media screen and (max-width: 600px) {
  .rainLP_about .about_image .image01 {
    grid-column: initial;
    grid-row: initial;
    width: 65%;
    justify-self: end;
    margin-right: 5vw;
  }
}
.rainLP_about .about_image .image02 {
  grid-column: 1/6;
  grid-row: 2/4;
}
@media screen and (max-width: 600px) {
  .rainLP_about .about_image .image02 {
    grid-column: initial;
    grid-row: initial;
    width: 75%;
  }
}
.rainLP_about .about_image .image03 {
  grid-column: 7/12;
  grid-row: 3/5;
}
@media screen and (max-width: 600px) {
  .rainLP_about .about_image .image03 {
    grid-column: initial;
    grid-row: initial;
    width: 65%;
    justify-self: end;
  }
}
.rainLP_about .about_image .image04 {
  grid-column: 3/7;
  grid-row: 4/6;
}
@media screen and (max-width: 600px) {
  .rainLP_about .about_image .image04 {
    grid-column: initial;
    grid-row: initial;
    width: 65%;
    margin-left: 5vw;
  }
}

.gra_blue {
  background-image: url(../images/gra_blue.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow-x: hidden;
}

.rainLP_access .access_wrap {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-20) var(--gap-40);
}
@media screen and (max-width: 980px) {
  .rainLP_access .access_wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 860px) {
  .rainLP_access .access_wrap {
    grid-template-columns: 1fr;
  }
}
.rainLP_access .access_info .info_list > li {
  border-bottom: 1px solid var(--col-7);
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.rainLP_access .access_info .info_secttl {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .rainLP_access .access_info .info_secttl {
    font-size: 17px;
  }
}
.rainLP_access .access_info .info_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 0.5em;
}
@media screen and (max-width: 600px) {
  .rainLP_access .access_info .info_ttl {
    font-size: 16px;
  }
}
.rainLP_access .access_info .info_ttl .dot {
  color: #fff;
}
.rainLP_access .access_info .info_summary .dl_wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0;
  padding-right: 0.5em;
}
@media screen and (max-width: 600px) {
  .rainLP_access .access_info .info_summary .dl_wrap {
    font-size: 14px;
  }
}
.rainLP_access .access_info .info_summary .dl_wrap:last-child {
  padding-right: 0;
}
.rainLP_access .access_info .info_summary .dl_wrap dt::after {
  content: "：";
}
.rainLP_access .access_map img {
  width: min(100%, 400px);
  height: auto;
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 600px) {
  .rainLP_access .access_map img {
    width: min(85%, 400px);
  }
}

.rainLP_cvn {
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  background-image: url(../images/wave_wide.svg);
  background-size: 160% auto;
  background-repeat: no-repeat;
  background-position: center top 50px;
}
@media screen and (max-width: 600px) {
  .rainLP_cvn {
    background-position: center top 30px;
  }
}
.rainLP_cvn .cvn_innr {
  position: relative;
  z-index: 4;
  margin-inline: auto;
}
@media screen and (max-width: 600px) {
  .rainLP_cvn .cvn_innr {
    width: 85%;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_cvn .cvn_column {
    margin-bottom: 30px;
  }
  .rainLP_cvn .cvn_column:last-child {
    margin-bottom: 0;
  }
}
.rainLP_cvn .cvn_ttl {
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.rainLP_cvn .cvn_ttl span {
  display: inline-block;
  text-align: justify;
}
.rainLP_cvn .btn_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-20);
}
@media screen and (max-width: 600px) {
  .rainLP_cvn .btn_wrap {
    grid-template-columns: 1fr;
  }
}
.rainLP_cvn a.cvn_btn {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  text-decoration: none;
  gap: 5px 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 600px) {
  .rainLP_cvn a.cvn_btn {
    height: 64px;
    gap: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_cvn a.cvn_btn.form {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_cvn a.cvn_btn .phone_tx {
    font-size: 13px;
    line-height: 1;
  }
}
.rainLP_cvn a.cvn_btn .phone_num {
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
@media screen and (max-width: 600px) {
  .rainLP_cvn a.cvn_btn .phone_num {
    font-size: 20px;
  }
}
.rainLP_cvn a.cvn_btn span {
  line-height: 1.5;
  display: block;
  letter-spacing: 0.05em;
}
.rainLP_cvn a.cvn_btn.c3 {
  background-color: #a8e0f6;
  border: 1px solid var(--col-1);
  color: var(--col-1);
}
.rainLP_cvn a.cvn_btn.c3:hover {
  background-color: #6ec6e8;
}
.rainLP_cvn a.cvn_btn.c1 {
  background-color: var(--col-1);
  color: #fff;
}
.rainLP_cvn a.cvn_btn.c1:hover {
  background-color: #1d78ad;
}
.rainLP_cvn a.cvn_btn.c2 {
  background-color: #fff6dc;
  border: 1px solid var(--col-1);
  color: var(--col-1);
}
.rainLP_cvn a.cvn_btn.c2:hover {
  background-color: #fddd85;
}

.rainLP_footer {
  padding-top: 40px;
  background-color: var(--col-4);
}
.rainLP_footer::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  aspect-ratio: 1920/294;
  background-image: url(../images/footer_rain.webp);
  background-size: min(100%, 1920px) auto;
  background-repeat: repeat-x;
  background-position: center bottom;
  z-index: 3;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .rainLP_footer::before {
    background-size: 150% auto;
  }
}
@media screen and (max-width: 600px) {
  .rainLP_footer::before {
    background-image: url(../images/footer_rainSP.webp);
    background-size: 100% auto;
    aspect-ratio: 1149/543;
  }
}
.rainLP_footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  aspect-ratio: 1920/93;
  background-image: url(../images/footer_wave.webp);
  background-size: min(100%, 1920px) auto;
  background-repeat: repeat-x;
  background-position: center bottom;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .rainLP_footer::after {
    aspect-ratio: 1125/96;
    background-image: url(../images/footer_waveSP.webp);
    background-size: cover;
  }
}
.rainLP_footer .footer_cc {
  position: relative;
  z-index: 4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .rainLP_footer .footer_cc {
    padding-bottom: min(12vw, 70px);
  }
}

a.rainLP_totop {
  display: block;
  right: min(3vw, 30px);
  bottom: min(3vw, 30px);
  position: fixed;
  width: 52px;
  aspect-ratio: 1;
  background-color: #fff;
  border: 1px solid var(--col-1);
  z-index: 5;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease, background-color 0.25s ease;
  transition: opacity 0.4s ease, background-color 0.25s ease;
}
@media screen and (max-width: 600px) {
  a.rainLP_totop {
    width: 40px;
  }
}
a.rainLP_totop.is-visible {
  opacity: 1;
  pointer-events: auto;
}
a.rainLP_totop:hover {
  background-color: var(--col-4);
}
a.rainLP_totop::before {
  content: "";
  position: absolute;
  top: 65%;
  left: 50%;
  width: 45%;
  aspect-ratio: 1;
  border-top: 1px solid var(--col-1);
  border-left: 1px solid var(--col-1);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}/*# sourceMappingURL=style.css.map */