@charset "UTF-8";
/*================================================================
Chrome/Firefox/Edgeなど、各ブラウザはそれぞれデフォルトで効くCSSを持っています。
何もしないと見え方が微妙に変わるので、デフォルトのCSSをリセットして
ブラウザごとの表示の差異をなくすために書くのが「リセットCSS」です。
================================================================*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header, footer, nav, section, article, aside, figure, figcaption {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
  list-style-type: none;
} 
body {
  background: #FFF;
  font-family: "Noto Serif JP", serif;
  letter-spacing: -0.01em;
}

a, span {
  display: inline-block;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: inline-block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.wrapper {
  max-width: 767px;
  margin-inline: auto;
}

.inner {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: min(4.358974359vw, 0.0435897436 * 767px);
}

.bg-gradation1 {
  background: url("../img/bg-gradation1.webp") no-repeat center center/cover;
  width: 100%;
  height: auto;
  aspect-ratio: 0.4056162246;
  margin-top: max(-15.641025641vw, -0.1564102564 * 767px);
}

.cta {
  position: absolute;
  left: 51%;
  translate: -50%;
}

.cta__link {
  scale: 1;
  opacity: 1;
  transition: scale 0.3s ease, opacity 0.3s ease;
}
@media (any-hover: hover) {
  .cta__link:hover {
    opacity: 0.8;
    scale: 1.05;
  }
}

.cta__img {
  width: min(94.1025641026vw, 0.941025641 * 767px);
}
.access .cta__img {
  width: min(85.3846153846vw, 0.8538461538 * 767px);
}

.header {
  background: #FFF;
  padding-left: min(3.3333333333vw, 0.0333333333 * 767px);
  padding-top: min(2.8205128205vw, 0.0282051282 * 767px);
  padding-right: min(3.0769230769vw, 0.0307692308 * 767px);
  padding-bottom: min(2.5641025641vw, 0.0256410256 * 767px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.header__logo img {
  display: block;
  width: min(61.5384615385vw, 0.6153846154 * 767px);
}

.header__cta-link {
  scale: 1;
  opacity: 1;
  transition: scale 0.3s ease, opacity 0.3s ease;
}
@media (any-hover: hover) {
  .header__cta-link:hover {
    opacity: 0.8;
    scale: 1.05;
  }
}
.header__cta-link img {
  width: min(30vw, 0.3 * 767px);
}

.fv-pricedown {
  overflow: hidden;
  position: relative;
}

.fv-pricedown__img {
  width: min(129.7435897436vw, 1.2974358974 * 767px);
  aspect-ratio: 0.2330723169;
  margin-top: max(-8.2051282051vw, -0.0820512821 * 767px);
  margin-left: max(-14.6153846154vw, -0.1461538462 * 767px);
}

.fv-pricedown__cta {
  bottom: min(15.8974358974vw, 0.158974359 * 767px);
}

.problem {
  overflow: hidden;
  margin-top: max(-9.4871794872vw, -0.0948717949 * 767px);
  display: flex;
  justify-content: center;
  position: relative;
}
.problem img {
  width: min(238.4615384615vw, 2.3846153846 * 767px);
  height: auto;
  aspect-ratio: 0.5296127563;
}

.about {
  overflow: hidden;
  margin-top: max(-22.8205128205vw, -0.2282051282 * 767px);
  position: relative;
}
.about img {
  width: min(137.1794871795vw, 1.3717948718 * 767px);
  height: auto;
  margin-left: max(-7.6923076923vw, -0.0769230769 * 767px);
  aspect-ratio: 0.2531945102;
}

.care {
  overflow: hidden;
  margin-top: max(-14.6153846154vw, -0.1461538462 * 767px);
  position: relative;
}

.care__img {
  width: min(155.641025641vw, 1.5564102564 * 767px);
  aspect-ratio: 0.4030544489;
  margin-left: max(-19.7435897436vw, -0.1974358974 * 767px);
}

.care__cta {
  bottom: min(82.3076923077vw, 0.8230769231 * 767px);
}

.flow {
  overflow: hidden;
  margin-top: max(-85.1282051282vw, -0.8512820513 * 767px);
  padding-bottom: min(6.6666666667vw, 0.0666666667 * 767px);
  position: relative;
}

.flow__img {
  width: min(123.5897435897vw, 1.2358974359 * 767px);
  aspect-ratio: 0.1577225131;
  margin-left: max(-8.2051282051vw, -0.0820512821 * 767px);
}

.flow__cta {
  bottom: min(11.5384615385vw, 0.1153846154 * 767px);
}

.introduction {
  background: #FFF;
  padding-bottom: min(8.7179487179vw, 0.0871794872 * 767px);
  position: relative;
  z-index: 2;
}
.introduction::before {
  content: "";
  background: #FFF;
  width: 100%;
  height: auto;
  aspect-ratio: 10.2631578947;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  top: 100%;
  left: 0;
}

.review {
  margin-top: max(-11.0256410256vw, -0.1102564103 * 767px);
  position: relative;
}

.review__cta {
  bottom: min(10.5128205128vw, 0.1051282051 * 767px);
}

.qa {
  position: relative;
}

.qa__img {
  width: 100%;
  aspect-ratio: 0.2594810379;
}

.qa__cta {
  bottom: min(33.5897435897vw, 0.3358974359 * 767px);
}

.lineup {
  overflow: hidden;
  margin-top: max(-31.7948717949vw, -0.3179487179 * 767px);
  display: flex;
  justify-content: center;
  position: relative;
}
.lineup img {
  width: min(104.6153846154vw, 1.0461538462 * 767px);
}

.access {
  padding-top: min(12.0512820513vw, 0.1205128205 * 767px);
  position: relative;
  z-index: 2;
}

.access__title {
  text-align: center;
}
.access__title img {
  width: min(57.6923076923vw, 0.5769230769 * 767px);
}

.access__container {
  width: min(92.0512820513vw, 0.9205128205 * 767px);
  margin-top: min(3.8461538462vw, 0.0384615385 * 767px);
  margin-inline: auto;
  padding-bottom: min(7.4358974359vw, 0.0743589744 * 767px);
  border: 1px solid rgba(0, 0, 0, 0.19);
  border-radius: 10px;
  overflow: hidden;
}

.access__container-title {
  color: #FFF;
  background: linear-gradient(90deg, #0090C4 0%, #024963 100%);
  font-size: min(6.1538461538vw, 0.0615384615 * 767px);
  font-weight: 700;
  padding-block: min(3.7179487179vw, 0.0371794872 * 767px);
  text-align: center;
}

.access__info {
  width: min(81.7948717949vw, 0.8179487179 * 767px);
  margin-inline: auto;
  margin-top: min(4.6153846154vw, 0.0461538462 * 767px);
}

.access__info-map {
  width: min(81.7948717949vw, 0.8179487179 * 767px);
  aspect-ratio: 1.595;
  position: relative;
}
.access__info-map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.access__info-wrap {
  margin-top: min(4.358974359vw, 0.0435897436 * 767px);
  display: flex;
  flex-direction: column;
  row-gap: min(1.5384615385vw, 0.0153846154 * 767px);
}

.access__info-row {
  display: flex;
}

.access__info-title, .access__info-txt {
  color: #01526F;
  font-size: min(3.5897435897vw, 0.0358974359 * 767px);
  line-height: 1.4;
}

.access__info-title {
  font-weight: 700;
  width: min(18.2051282051vw, 0.1820512821 * 767px);
}

.access__info-txt {
  font-weight: 600;
}
.access__info-row:nth-of-type(2) .access__info-txt {
  line-height: 1.2;
}

.access__info-tags {
  margin-top: min(2.8205128205vw, 0.0282051282 * 767px);
  display: flex;
  column-gap: min(0.7692307692vw, 0.0076923077 * 767px);
}

.access__info-tag {
  display: inline-block;
  color: #01526F;
  background: #A8E9FF;
  font-size: min(2.8205128205vw, 0.0282051282 * 767px);
  padding-block: min(1.5384615385vw, 0.0153846154 * 767px);
  padding-inline: min(1.7948717949vw, 0.0179487179 * 767px);
  border-radius: min(4.1025641026vw, 0.041025641 * 767px);
}

.access__cta {
  bottom: min(11.0256410256vw, 0.1102564103 * 767px);
}

.access__attention {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.0282051282vw, 0.0302820513 * 767px);
  font-weight: 500;
  margin-top: min(31.2820512821vw, 0.3128205128 * 767px);
  text-align: center;
}

.experience {
  overflow: hidden;
  margin-top: max(-34.358974359vw, -0.3435897436 * 767px);
  display: flex;
  justify-content: center;
  position: relative;
}

.experience__img {
  width: min(119.7435897436vw, 1.1974358974 * 767px);
  aspect-ratio: 0.7901861252;
  margin-left: min(11.5384615385vw, 0.1153846154 * 767px);
}

.experience__cta {
  bottom: min(16.1538461538vw, 0.1615384615 * 767px);
}

.footer {
  background: #01526F;
  width: 100%;
  aspect-ratio: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__copyright {
  color: #FFF;
  font-size: min(2.641025641vw, 0.0264102564 * 767px);
}/*# sourceMappingURL=style.css.map */