@charset "UTF-8";
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  min-height: 100vh;
  font-size: 62.5%;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
:root {
  --color-white: #fff;
  --color-beige: #F7F4EA;
  --color-beige-border: #DFD4AD;
  --color-gray: #F6F6F8;
  --color-primary: #009FE8;
  --color-primary-hover: #F2FAFE;
  --color-secondary: #E50012;
  --color-tertiary: #BBAF83;
  --accent-color: #c9c279;
  --color-text: #333;
  --color-link: #333;
  --color-border: #C6C6C8;
  --color-navy: #081B28;
}

body {
  min-height: 100%;
  overflow-x: hidden;
  line-height: 1.7;
  word-break: break-all;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #081B28;
}

img {
  height: auto;
  max-width: 100%;
  transition: 0.3s;
  vertical-align: top;
}

svg {
  height: 100%;
  width: 100%;
}

img[srcset] {
  width: 100%;
  transition: 0.3s;
}

a {
  transition: 0.3s;
}

.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.font-oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.st-Width {
  margin: 0 auto;
  padding: 0 calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .st-Width {
    max-width: min(var(--vw, 1vw) * 1160 / 1160 * 100, 1450px);
    padding: 0 min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
  }
}

br.pc {
  display: none;
}
@media screen and (min-width: 750px) {
  br.pc {
    display: block;
  }
  br.sp {
    display: none;
  }
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  /* 半透明グラデーション */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
  /* 透け＋ぼかし */
  backdrop-filter: blur(calc(var(--vw, 1vw) * 5 / 750 * 100)) saturate(120%) contrast(102%);
  -webkit-backdrop-filter: blur(calc(var(--vw, 1vw) * 5 / 750 * 100)) saturate(120%) contrast(102%);
  /* 輪郭のライン */
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
@media screen and (min-width: 750px) {
  .header {
    backdrop-filter: blur(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px)) saturate(120%) contrast(102%);
    -webkit-backdrop-filter: blur(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px)) saturate(120%) contrast(102%);
  }
}
.header::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 40%);
  mix-blend-mode: overlay;
  pointer-events: none;
}
.header::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 4;
  /* 下側にごく薄いライン */
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.02));
}
.header .inner {
  display: grid;
  grid-template-columns: 1fr calc(var(--vw, 1vw) * 238 / 750 * 100);
  height: calc(var(--vw, 1vw) * 120 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .header .inner {
    grid-template-columns: 1fr min(var(--vw, 1vw) * 150 / 1160 * 100, 187.5px);
    height: min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px);
  }
}
.header .logo {
  display: grid;
  align-items: center;
  padding-left: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .header .logo {
    padding-left: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.header .logo img {
  width: calc(var(--vw, 1vw) * 266 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .header .logo img {
    width: min(var(--vw, 1vw) * 142 / 1160 * 100, 177.5px);
  }
}
.header .contact a {
  background: #019FE8;
  height: 100%;
  display: grid;
  place-content: center;
  font-size: calc(var(--vw, 1vw) * 26 / 750 * 100);
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-left: calc(var(--vw, 1vw) * 60 / 750 * 100);
  font-weight: 600;
}
@media screen and (min-width: 750px) {
  .header .contact a {
    font-size: clamp(13px, min(var(--vw, 1vw) * 13 / 1160 * 100, 16.25px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
    padding-left: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
  .header .contact a:hover {
    background: rgba(0, 159, 232, 0.6);
  }
}
.header .contact a::before {
  content: "";
  position: absolute;
  background: url(../images/ico_mail.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 30 / 750 * 100);
  height: calc(var(--vw, 1vw) * 26 / 750 * 100);
  top: 50%;
  left: calc(var(--vw, 1vw) * 40 / 750 * 100);
  transform: translateY(-50%);
}
@media screen and (min-width: 750px) {
  .header .contact a::before {
    width: min(var(--vw, 1vw) * 16 / 1160 * 100, 20px);
    height: min(var(--vw, 1vw) * 13 / 1160 * 100, 16.25px);
    width: min(var(--vw, 1vw) * 21 / 1160 * 100, 26.25px);
    height: min(var(--vw, 1vw) * 17 / 1160 * 100, 21.25px);
    left: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
  }
}

.fv {
  text-align: center;
  margin-top: calc(var(--vw, 1vw) * 120 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .fv {
    margin-top: min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px);
  }
}
.fv .scroll {
  display: none;
}
@media screen and (min-width: 750px) {
  .fv .scroll {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px);
    font-size: clamp(18px, min(var(--vw, 1vw) * 20 / 1160 * 100, 25px), min(var(--vw, 1vw) * 20 / 1160 * 100, 25px));
  }
  .fv .scroll a {
    text-decoration: none;
    color: #fff;
    padding-bottom: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    display: block;
  }
  .fv .scroll a::before {
    content: "";
    position: absolute;
    background: url(../images/ico_scroll.svg) no-repeat;
    background-size: contain;
    width: min(var(--vw, 1vw) * 14 / 1160 * 100, 17.5px);
    height: min(var(--vw, 1vw) * 14 / 1160 * 100, 17.5px);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.sec1 {
  position: relative;
  background: url(../images/s1_bg.jpg) no-repeat top;
  background-size: 100%;
}
@media screen and (min-width: 750px) {
  .sec1 {
    background: url(../images/s1_bg_pc.jpg) no-repeat bottom;
    background-size: cover;
  }
}
.sec1::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #031628 transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 206 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec1::before {
    border-width: 0;
    border-color: transparent transparent transparent transparent;
  }
}
.sec1 .inner {
  padding-top: calc(var(--vw, 1vw) * 270 / 750 * 100);
  padding-bottom: calc(var(--vw, 1vw) * 120 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec1 .inner {
    padding-top: min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px);
    padding-bottom: min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 481 / 1160 * 100, 601.25px) 1fr;
    gap: min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
    align-items: center;
  }
}
.sec1 .ttl {
  font-size: calc(var(--vw, 1vw) * 48 / 750 * 100);
  position: relative;
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .sec1 .ttl {
    font-size: clamp(24px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec1 .ttl span {
  display: block;
  font-size: calc(var(--vw, 1vw) * 136 / 750 * 100);
  letter-spacing: -0.5rem;
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec1 .ttl span {
    font-size: clamp(24px, min(var(--vw, 1vw) * 96 / 1160 * 100, 120px), min(var(--vw, 1vw) * 96 / 1160 * 100, 120px));
    padding-left: min(var(--vw, 1vw) * 8 / 1160 * 100, 10px);
  }
}
.sec1 .ttl span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--vw, 1vw) * -40 / 750 * 100);
  transform: translateY(-50%);
  background: #fff;
  background-size: contain;
  height: calc(var(--vw, 1vw) * 174 / 750 * 100);
  width: calc(var(--vw, 1vw) * 710 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec1 .ttl span::before {
    left: 0;
    height: min(var(--vw, 1vw) * 159 / 1160 * 100, 198.75px);
    width: min(var(--vw, 1vw) * 481 / 1160 * 100, 601.25px);
  }
}
.sec1 .ttl span b {
  position: relative;
}
.sec1 .txt {
  margin-top: calc(var(--vw, 1vw) * 54 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 600;
}
@media screen and (min-width: 750px) {
  .sec1 .txt {
    margin-top: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
    margin-bottom: min(var(--vw, 1vw) * 34 / 1160 * 100, 42.5px);
    font-size: clamp(16px, min(var(--vw, 1vw) * 18 / 1160 * 100, 22.5px), min(var(--vw, 1vw) * 18 / 1160 * 100, 22.5px));
  }
}
.sec1 .txt span {
  background: #031628;
  color: #fff;
  padding: calc(var(--vw, 1vw) * 3 / 750 * 100) calc(var(--vw, 1vw) * 13 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 4 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec1 .txt span {
    padding: 0 min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px);
    margin-right: min(var(--vw, 1vw) * 4 / 1160 * 100, 5px);
  }
}
.sec1 .txt2 {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  color: #0063D4;
  line-height: 1.9;
  text-shadow: 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 750px) {
  .sec1 .txt2 {
    font-size: clamp(20px, min(var(--vw, 1vw) * 24 / 1160 * 100, 30px), min(var(--vw, 1vw) * 24 / 1160 * 100, 30px));
    line-height: 1.5;
  }
}
.sec1 .txt2 span {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  display: inline-block;
  background: linear-gradient(to right, #00a0e9 0%, #013470 100%);
  text-shadow: none;
  padding: 0 calc(var(--vw, 1vw) * 15 / 750 * 100);
  box-shadow: 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8);
  color: #fff;
}
@media screen and (min-width: 750px) {
  .sec1 .txt2 span {
    padding: 0 min(var(--vw, 1vw) * 8 / 1160 * 100, 10px);
    margin: min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) 0;
    font-size: clamp(20px, min(var(--vw, 1vw) * 36 / 1160 * 100, 45px), min(var(--vw, 1vw) * 36 / 1160 * 100, 45px));
  }
}
.sec1 .txt3 {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  color: #0063D4;
  line-height: 1.9;
  text-shadow: 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8), 0px 0px 0.5rem rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 750px) {
  .sec1 .txt3 {
    font-size: clamp(20px, min(var(--vw, 1vw) * 24 / 1160 * 100, 30px), min(var(--vw, 1vw) * 24 / 1160 * 100, 30px));
    line-height: 1.2;
  }
}
.sec1 .txt3 span {
  font-size: calc(var(--vw, 1vw) * 72 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec1 .txt3 span {
    font-size: clamp(20px, min(var(--vw, 1vw) * 40 / 1160 * 100, 50px), min(var(--vw, 1vw) * 40 / 1160 * 100, 50px));
  }
}

.sec2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.sec2::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec2::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec2::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec2::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec2 .inner {
  padding: 0;
  position: relative;
}
.sec2 .slide-left {
  display: flex;
  gap: 0;
  width: -moz-max-content;
  width: max-content;
  animation: marquee-animation 15s linear infinite reverse;
}
.sec2 .slide-left img {
  width: calc(var(--vw, 1vw) * 272 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec2 .slide-left img {
    width: min(var(--vw, 1vw) * 278 / 1160 * 100, 347.5px);
  }
}
.sec2 .slide-right {
  display: flex;
  gap: 0;
  width: -moz-max-content;
  width: max-content;
  animation: marquee-animation 15s linear infinite;
}
.sec2 .slide-right img {
  width: calc(var(--vw, 1vw) * 272 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec2 .slide-right img {
    width: min(var(--vw, 1vw) * 356 / 1160 * 100, 445px);
  }
}
@keyframes marquee-animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.sec2 .slide-logo {
  width: calc(var(--vw, 1vw) * 218 / 750 * 100);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 750px) {
  .sec2 .slide-logo {
    width: min(var(--vw, 1vw) * 278 / 1160 * 100, 347.5px);
  }
}
.sec2 .slide-logo img {
  width: 100%;
}

.sec3 {
  background: #fff;
}
@media screen and (min-width: 750px) {
  .sec3 .inner {
    padding-bottom: min(var(--vw, 1vw) * 140 / 1160 * 100, 175px);
  }
}
.sec3 .ttl-box {
  background: url(../images/s2_bg.jpg) no-repeat center;
  background-size: 100%;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
  height: calc(var(--vw, 1vw) * 482 / 750 * 100);
  position: relative;
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec3 .ttl-box {
    height: min(var(--vw, 1vw) * 591 / 1160 * 100, 738.75px);
    background: url(../images/s2_bg_pc.jpg) no-repeat center;
    background-size: cover;
  }
}
.sec3 .ttl-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec3 .ttl-box::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec3 .ttl-box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec3 .ttl-box::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec3 .ttl-img {
  width: calc(var(--vw, 1vw) * 518 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec3 .ttl-img {
    width: min(var(--vw, 1vw) * 517 / 1160 * 100, 646.25px);
  }
}
.sec3 .ttl-img img {
  width: 100%;
}
.sec3 .ttl {
  font-size: calc(var(--vw, 1vw) * 64 / 750 * 100);
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .sec3 .ttl {
    font-size: clamp(24px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
@media screen and (min-width: 750px) {
  .sec3 .wap {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 400 / 1160 * 100, 500px) min(var(--vw, 1vw) * 400 / 1160 * 100, 500px);
    gap: min(var(--vw, 1vw) * 43 / 1160 * 100, 53.75px) min(var(--vw, 1vw) * 92 / 1160 * 100, 115px);
    justify-content: center;
  }
}
.sec3 .unit {
  background: url(../images/s2_unit_bg.png) no-repeat top;
  background-size: calc(var(--vw, 1vw) * 300 / 750 * 100);
  text-align: center;
  margin-bottom: calc(var(--vw, 1vw) * 102 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec3 .unit {
    background-size: min(var(--vw, 1vw) * 201 / 1160 * 100, 251.25px);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s1 {
    min-height: min(var(--vw, 1vw) * 330 / 1160 * 100, 412.5px);
  }
  .sec3 .unit.s1 .unit-img {
    width: min(var(--vw, 1vw) * 104 / 1160 * 100, 130px);
    margin-top: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec3 .unit.s1 .unit-ttl {
  background: #019FE8;
  color: #fff;
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s1 .unit-ttl {
    margin-top: min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px);
  }
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s2 .unit-img {
    width: min(var(--vw, 1vw) * 96 / 1160 * 100, 120px);
    margin-top: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec3 .unit.s2 .unit-ttl {
  background: #FFBB00;
  color: #fff;
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s2 .unit-ttl {
    margin-top: min(var(--vw, 1vw) * 30 / 1160 * 100, 37.5px);
  }
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s3 {
    min-height: min(var(--vw, 1vw) * 310 / 1160 * 100, 387.5px);
  }
  .sec3 .unit.s3 .unit-img {
    width: min(var(--vw, 1vw) * 107 / 1160 * 100, 133.75px);
    margin-top: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec3 .unit.s3 .unit-ttl {
  background: #031628;
  color: #fff;
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s3 .unit-ttl {
    margin-top: min(var(--vw, 1vw) * 30 / 1160 * 100, 37.5px);
  }
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s4 .unit-img {
    width: min(var(--vw, 1vw) * 107 / 1160 * 100, 133.75px);
    margin-top: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
  }
}
.sec3 .unit.s4 .unit-ttl {
  background: #E60113;
  color: #fff;
}
@media screen and (min-width: 750px) {
  .sec3 .unit.s4 .unit-ttl {
    margin-top: min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
  }
}
.sec3 .unit-img {
  width: calc(var(--vw, 1vw) * 160 / 750 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 750px) {
  .sec3 .unit-img {
    width: min(var(--vw, 1vw) * 104 / 1160 * 100, 130px);
  }
}
.sec3 .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
  padding: calc(var(--vw, 1vw) * 10 / 750 * 100) calc(var(--vw, 1vw) * 20 / 750 * 100);
  display: inline-block;
  margin: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
  line-height: 1.4;
}
@media screen and (min-width: 750px) {
  .sec3 .unit-ttl {
    font-size: clamp(20px, min(var(--vw, 1vw) * 26 / 1160 * 100, 32.5px), min(var(--vw, 1vw) * 26 / 1160 * 100, 32.5px));
    padding: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px) min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    margin: 0;
    line-height: 1.2;
  }
}
.sec3 .unit-txt {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .sec3 .unit-txt {
    font-size: clamp(14px, min(var(--vw, 1vw) * 16 / 1160 * 100, 20px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
    margin-top: auto;
  }
}

.sec4 {
  background: #E6E8EA;
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec4::before {
    content: "";
    background: #fff;
    width: 100vw;
    height: min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
    position: absolute;
    top: 0;
    left: 0;
  }
}
.sec4 .inner {
  padding-bottom: calc(var(--vw, 1vw) * 160 / 750 * 100);
  padding: 0 0 calc(var(--vw, 1vw) * 160 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .inner {
    padding: 0 min(var(--vw, 1vw) * 40 / 1160 * 100, 50px) min(var(--vw, 1vw) * 180 / 1160 * 100, 225px);
  }
}
.sec4 .ttl {
  background: #071627;
  color: #fff;
  margin-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
  height: calc(var(--vw, 1vw) * 304 / 750 * 100);
  display: grid;
  place-content: center;
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 36 / 750 * 100);
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec4 .ttl {
    margin-bottom: min(var(--vw, 1vw) * 72 / 1160 * 100, 90px);
    height: min(var(--vw, 1vw) * 195 / 1160 * 100, 243.75px);
    font-size: clamp(30px, min(var(--vw, 1vw) * 36 / 1160 * 100, 45px), min(var(--vw, 1vw) * 36 / 1160 * 100, 45px));
  }
}
.sec4 .ttl::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--vw, 1vw) * -53 / 750 * 100);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #071627 transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 54 / 750 * 100) calc(var(--vw, 1vw) * 32 / 750 * 100) 0px calc(var(--vw, 1vw) * 32 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .ttl::before {
    border-width: min(var(--vw, 1vw) * 54 / 1160 * 100, 67.5px) min(var(--vw, 1vw) * 36 / 1160 * 100, 45px) 0px min(var(--vw, 1vw) * 36 / 1160 * 100, 45px);
    bottom: calc(min(var(--vw, 1vw) * 53 / 1160 * 100, 66.25px) * -1);
  }
}
.sec4 .ttl span {
  font-size: calc(var(--vw, 1vw) * 72 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .ttl span {
    font-size: clamp(40px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec4 .slider-wap {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .sec4 .slider-pc {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 271 / 1160 * 100, 338.75px) min(var(--vw, 1vw) * 271 / 1160 * 100, 338.75px) min(var(--vw, 1vw) * 271 / 1160 * 100, 338.75px) min(var(--vw, 1vw) * 271 / 1160 * 100, 338.75px);
    gap: min(var(--vw, 1vw) * 12 / 1160 * 100, 15px);
  }
}
.sec4 .wap-ttl {
  margin: calc(var(--vw, 1vw) * 40 / 750 * 100) 0 calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 48 / 750 * 100);
  line-height: 1.4;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 750px) {
  .sec4 .wap-ttl {
    margin: min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px) 0 min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
    font-size: clamp(28px, min(var(--vw, 1vw) * 36 / 1160 * 100, 45px), min(var(--vw, 1vw) * 36 / 1160 * 100, 45px));
  }
}
.sec4 .wap-ttl::before {
  content: "";
  border-left: 3px solid #071627;
  width: 3px;
  height: 90%;
  position: absolute;
  transform: rotate(-25deg);
  bottom: calc(var(--vw, 1vw) * 5 / 750 * 100);
  left: calc(var(--vw, 1vw) * -60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .wap-ttl::before {
    bottom: min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px);
    left: calc(min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px) * -1);
  }
}
.sec4 .wap-ttl::after {
  content: "";
  border-left: 3px solid #071627;
  width: 3px;
  height: 90%;
  position: absolute;
  transform: rotate(25deg);
  bottom: calc(var(--vw, 1vw) * 5 / 750 * 100);
  right: calc(var(--vw, 1vw) * -60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .wap-ttl::after {
    bottom: min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px);
    right: calc(min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px) * -1);
  }
}
.sec4 .unit {
  background: #fff;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  padding: calc(var(--vw, 1vw) * 60 / 750 * 100) calc(var(--vw, 1vw) * 40 / 750 * 100);
  margin: 0 calc(var(--vw, 1vw) * 10 / 750 * 100);
  box-shadow: 0px 0px calc(var(--vw, 1vw) * 10 / 750 * 100) calc(var(--vw, 1vw) * -3 / 750 * 100) rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 750px) {
  .sec4 .unit {
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    padding: min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px) min(var(--vw, 1vw) * 24 / 1160 * 100, 30px);
    margin: 0;
    box-shadow: 0px 0px min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px) calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1) rgba(0, 0, 0, 0.5);
  }
}
.sec4 .unit-img {
  width: calc(var(--vw, 1vw) * 260 / 750 * 100);
  margin: 0 auto calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .unit-img {
    width: min(var(--vw, 1vw) * 153 / 1160 * 100, 191.25px);
    margin: 0 auto min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
  }
}
.sec4 .unit-img img {
  width: 100%;
}
.sec4 .unit-txt {
  font-size: calc(var(--vw, 1vw) * 36 / 750 * 100);
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 750px) {
  .sec4 .unit-txt {
    line-height: 1.7;
    font-size: clamp(14px, min(var(--vw, 1vw) * 16 / 1160 * 100, 20px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
  }
}
.sec4 .sttl {
  font-size: calc(var(--vw, 1vw) * 60 / 750 * 100);
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  margin: calc(var(--vw, 1vw) * 80 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .sec4 .sttl {
    margin: min(var(--vw, 1vw) * 45 / 1160 * 100, 56.25px) 0;
    font-size: clamp(32px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec4 .txt {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .sec4 .txt {
    font-size: clamp(18px, min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px), min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px));
  }
}
.sec4 .txt span {
  background: #C4C5C7;
  padding: calc(var(--vw, 1vw) * 3 / 750 * 100) calc(var(--vw, 1vw) * 15 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec4 .txt span {
    padding: min(var(--vw, 1vw) * 2 / 1160 * 100, 2.5px) min(var(--vw, 1vw) * 7 / 1160 * 100, 8.75px);
  }
}

.sec5 {
  position: relative;
  background-color: #fff;
}
.sec5::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: calc(var(--vw, 1vw) * 133 / 750 * 100) 0px 0px 50vw;
  top: calc(var(--vw, 1vw) * -132 / 750 * 100);
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec5::before {
    border-width: min(var(--vw, 1vw) * 173 / 1160 * 100, 216.25px) 0px 0px 50vw;
    top: calc(min(var(--vw, 1vw) * 172 / 1160 * 100, 215px) * -1);
  }
}
.sec5::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0px 0px calc(var(--vw, 1vw) * 133 / 750 * 100) 50vw;
  top: calc(var(--vw, 1vw) * -132 / 750 * 100);
  right: 0;
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec5::after {
    border-width: 0px 0px min(var(--vw, 1vw) * 173 / 1160 * 100, 216.25px) 50vw;
    top: calc(min(var(--vw, 1vw) * 172 / 1160 * 100, 215px) * -1);
  }
}
.sec5 .inner {
  text-align: center;
}
.sec5 .ttl {
  font-size: calc(var(--vw, 1vw) * 44 / 750 * 100);
  font-weight: 800;
  line-height: 1.4;
  display: inline-block;
  margin-bottom: calc(var(--vw, 1vw) * 24 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 24 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .ttl {
    font-size: clamp(32px, min(var(--vw, 1vw) * 50 / 1160 * 100, 62.5px), min(var(--vw, 1vw) * 50 / 1160 * 100, 62.5px));
    margin-bottom: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
    margin-top: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec5 .ttl span {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  display: block;
  background-color: #071627;
  color: #fff;
  padding: calc(var(--vw, 1vw) * 10 / 750 * 100) calc(var(--vw, 1vw) * 15 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .ttl span {
    font-size: clamp(38px, min(var(--vw, 1vw) * 41 / 1160 * 100, 51.25px), min(var(--vw, 1vw) * 41 / 1160 * 100, 51.25px));
    padding: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px) min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px);
    display: inline-block;
    margin-left: min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px);
  }
}
.sec5 .txt {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 750px) {
  .sec5 .txt {
    font-size: clamp(18px, min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px), min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px));
    text-align: center;
  }
}
.sec5 .wap1 {
  margin-bottom: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .wap1 {
    margin-bottom: min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px);
    margin-top: min(var(--vw, 1vw) * 50 / 1160 * 100, 62.5px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 569 / 1160 * 100, 711.25px) 1fr;
    gap: min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px);
    align-items: start;
  }
}
.sec5 .wap1-img {
  margin: calc(var(--vw, 1vw) * 30 / 750 * 100) 0;
  padding: calc(var(--vw, 1vw) * 30 / 750 * 100) 0;
  background: #E6E8EA;
  width: 100%;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .wap1-img {
    margin: 0;
    padding: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px) 0 min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px);
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
  }
}
.sec5 .wap1-img img {
  width: calc(var(--vw, 1vw) * 622 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .wap1-img img {
    width: min(var(--vw, 1vw) * 417 / 1160 * 100, 521.25px);
  }
}
.sec5 .wap1-txt {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 750px) {
  .sec5 .wap1-txt {
    font-size: clamp(18px, min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px), min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px));
  }
}
.sec5 .wap1-txt span {
  color: #cd0a02;
}
@media screen and (min-width: 750px) {
  .sec5 .wap2 {
    margin-top: min(var(--vw, 1vw) * 90 / 1160 * 100, 112.5px);
    padding-top: min(var(--vw, 1vw) * 75 / 1160 * 100, 93.75px);
    position: relative;
    min-height: min(var(--vw, 1vw) * 397 / 1160 * 100, 496.25px);
  }
}
.sec5 .wap2-ttl {
  font-size: calc(var(--vw, 1vw) * 47 / 750 * 100);
  font-weight: 700;
  text-align: left;
  margin-left: calc(var(--vw, 1vw) * 0 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 0 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .wap2-ttl {
    font-size: clamp(20px, min(var(--vw, 1vw) * 36 / 1160 * 100, 45px), min(var(--vw, 1vw) * 36 / 1160 * 100, 45px));
    margin-left: 0;
    margin-right: 0;
    margin-bottom: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
  }
}
.sec5 .wap2-txt {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  text-align: left;
  margin-bottom: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec5 .wap2-txt {
    font-size: clamp(18px, min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px), min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px));
    margin-bottom: 0;
  }
}
.sec5 .wap2-txt span {
  color: #cd0a02;
}
.sec5 .wap2-img {
  width: calc(var(--vw, 1vw) * 700 / 750 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 750px) {
  .sec5 .wap2-img {
    position: absolute;
    top: 0;
    right: calc(min(var(--vw, 1vw) * 60 / 1160 * 100, 75px) * -1);
    width: min(var(--vw, 1vw) * 713 / 1160 * 100, 891.25px);
    margin-right: calc(min(var(--vw, 1vw) * 60 / 1160 * 100, 75px) * -1);
  }
}

.sec6 {
  background: #fff;
}
.sec6 .inner {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .sec6 .inner {
    padding-bottom: min(var(--vw, 1vw) * 105 / 1160 * 100, 131.25px);
  }
}
.sec6 .ttl-box {
  background: url(../images/s5_bg.jpg) no-repeat;
  background-size: 100%;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
  height: calc(var(--vw, 1vw) * 310 / 750 * 100);
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec6 .ttl-box {
    background: url(../images/s5_bg_pc.jpg) no-repeat;
    background-size: 100%;
    height: min(var(--vw, 1vw) * 280 / 1160 * 100, 350px);
    margin: 0;
    padding: 0;
  }
}
.sec6 .sttl {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  line-height: 1.4;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 750px) {
  .sec6 .sttl {
    font-size: clamp(28px, min(var(--vw, 1vw) * 32 / 1160 * 100, 40px), min(var(--vw, 1vw) * 32 / 1160 * 100, 40px));
  }
}
.sec6 .sttl::before {
  content: "";
  border-left: 3px solid #071627;
  width: 3px;
  height: 100%;
  position: absolute;
  transform: rotate(-25deg);
  bottom: calc(var(--vw, 1vw) * 5 / 750 * 100);
  left: calc(var(--vw, 1vw) * -30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec6 .sttl::before {
    bottom: calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1);
    left: calc(min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px) * -1);
    border-left: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px) solid #071627;
    width: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px);
    transform: rotate(-35deg);
    height: 120%;
  }
}
.sec6 .sttl::after {
  content: "";
  border-left: 3px solid #071627;
  width: 3px;
  height: 100%;
  position: absolute;
  transform: rotate(25deg);
  bottom: calc(var(--vw, 1vw) * 5 / 750 * 100);
  right: calc(var(--vw, 1vw) * -30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec6 .sttl::after {
    bottom: calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1);
    right: calc(min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px) * -1);
    border-left: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px) solid #071627;
    width: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px);
    transform: rotate(35deg);
    height: 120%;
  }
}
.sec6 .ttl {
  font-size: calc(var(--vw, 1vw) * 72 / 750 * 100);
  line-height: 1.2;
  font-weight: 800;
}
@media screen and (min-width: 750px) {
  .sec6 .ttl {
    font-size: clamp(40px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
    margin-top: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
  }
}
.sec6 .txt {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  text-align: left;
  font-weight: 600;
  margin-top: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec6 .txt {
    font-size: clamp(20px, min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px), min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px));
    margin-top: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec6 .list {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  line-height: 1.2;
  font-weight: 800;
  text-align: left;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  border: calc(var(--vw, 1vw) * 4 / 750 * 100) solid #000000;
  padding: calc(var(--vw, 1vw) * 60 / 750 * 100) calc(var(--vw, 1vw) * 40 / 750 * 100);
  margin: calc(var(--vw, 1vw) * 25 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .sec6 .list {
    font-size: clamp(25px, min(var(--vw, 1vw) * 29 / 1160 * 100, 36.25px), min(var(--vw, 1vw) * 29 / 1160 * 100, 36.25px));
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    border: min(var(--vw, 1vw) * 4 / 1160 * 100, 5px) solid #000000;
    padding: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px) min(var(--vw, 1vw) * 75 / 1160 * 100, 93.75px);
    margin: min(var(--vw, 1vw) * 23 / 1160 * 100, 28.75px) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.sec6 .list li {
  position: relative;
  padding-left: calc(var(--vw, 1vw) * 55 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec6 .list li {
    margin-bottom: 0;
    padding: min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px) min(var(--vw, 1vw) * 40 / 1160 * 100, 50px) min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px) min(var(--vw, 1vw) * 55 / 1160 * 100, 68.75px);
  }
}
.sec6 .list li:last-of-type {
  margin-bottom: 0;
}
.sec6 .list li::before {
  content: "";
  position: absolute;
  background: url(../images/ico_kirei.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 46 / 750 * 100);
  height: calc(var(--vw, 1vw) * 44 / 750 * 100);
  top: calc(var(--vw, 1vw) * 7 / 750 * 100);
  left: 0;
}
@media screen and (min-width: 750px) {
  .sec6 .list li::before {
    width: min(var(--vw, 1vw) * 33 / 1160 * 100, 41.25px);
    height: min(var(--vw, 1vw) * 33 / 1160 * 100, 41.25px);
    top: min(var(--vw, 1vw) * 17 / 1160 * 100, 21.25px);
  }
}

.sec7 {
  position: relative;
  background: #FFD359;
}
.sec7 .inner {
  padding-bottom: calc(var(--vw, 1vw) * 160 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec7 .inner {
    padding-bottom: 0;
  }
}
.sec7 .ttl-box {
  position: relative;
  background: url(../images/s6_bg.jpg) no-repeat center;
  background-size: 100%;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
  height: calc(var(--vw, 1vw) * 482 / 750 * 100);
  position: relative;
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec7 .ttl-box {
    height: min(var(--vw, 1vw) * 591 / 1160 * 100, 738.75px);
    background: url(../images/s6_bg_pc.jpg) no-repeat center;
    background-size: cover;
  }
}
.sec7 .ttl-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec7 .ttl-box::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec7 .ttl-box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #FFD359 transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec7 .ttl-box::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec7 .ttl-img {
  width: calc(var(--vw, 1vw) * 667 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec7 .ttl-img {
    width: min(var(--vw, 1vw) * 660 / 1160 * 100, 825px);
  }
}
.sec7 .ttl-img img {
  width: 100%;
}
.sec7 .ttl {
  font-size: calc(var(--vw, 1vw) * 64 / 750 * 100);
  font-weight: 700;
  line-height: 1;
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec7 .ttl {
    font-size: clamp(24px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec7 .heading {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 48 / 750 * 100);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec7 .heading {
    font-size: clamp(38px, min(var(--vw, 1vw) * 42 / 1160 * 100, 52.5px), min(var(--vw, 1vw) * 42 / 1160 * 100, 52.5px));
    margin-bottom: min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px);
  }
}
.sec7 .txt {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 28 / 750 * 100);
  line-height: 1.4;
}
@media screen and (min-width: 750px) {
  .sec7 .txt {
    font-size: clamp(18px, min(var(--vw, 1vw) * 24 / 1160 * 100, 30px), min(var(--vw, 1vw) * 24 / 1160 * 100, 30px));
    margin-bottom: min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px);
  }
}
.sec7 .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--vw, 1vw) * 10 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec7 .list {
    gap: min(var(--vw, 1vw) * 7 / 1160 * 100, 8.75px);
    margin-top: min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
    grid-template-columns: min(var(--vw, 1vw) * 273 / 1160 * 100, 341.25px) min(var(--vw, 1vw) * 273 / 1160 * 100, 341.25px) min(var(--vw, 1vw) * 273 / 1160 * 100, 341.25px) min(var(--vw, 1vw) * 273 / 1160 * 100, 341.25px);
  }
}
.sec7 .list li {
  display: grid;
  align-items: center;
  font-size: calc(var(--vw, 1vw) * 26 / 750 * 100);
  line-height: 1.4;
  font-weight: 700;
  background: #fff;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  height: calc(var(--vw, 1vw) * 120 / 750 * 100);
  box-shadow: 0px 0px calc(var(--vw, 1vw) * 10 / 750 * 100) calc(var(--vw, 1vw) * -3 / 750 * 100) rgba(0, 0, 0, 0.4);
  position: relative;
  padding: 0 calc(var(--vw, 1vw) * 5 / 750 * 100) 0 calc(var(--vw, 1vw) * 80 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec7 .list li {
    font-size: clamp(16px, min(var(--vw, 1vw) * 20 / 1160 * 100, 25px), min(var(--vw, 1vw) * 20 / 1160 * 100, 25px));
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    height: min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
    box-shadow: 0px 0px min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px) calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1) rgba(0, 0, 0, 0.8);
    padding: 0 min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px) 0 min(var(--vw, 1vw) * 75 / 1160 * 100, 93.75px);
  }
}
.sec7 .list li::before {
  content: "";
  position: absolute;
  background: url(../images/ico_kirei.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 46 / 750 * 100);
  height: calc(var(--vw, 1vw) * 44 / 750 * 100);
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec7 .list li::before {
    width: min(var(--vw, 1vw) * 38 / 1160 * 100, 47.5px);
    height: min(var(--vw, 1vw) * 38 / 1160 * 100, 47.5px);
    left: min(var(--vw, 1vw) * 16 / 1160 * 100, 20px);
  }
}

.sec8 {
  position: relative;
  background: #019FE8;
}
.sec8 .inner {
  padding-bottom: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec8 .inner {
    padding-bottom: min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
  }
}
.sec8 .ttl-box {
  position: relative;
  background: url(../images/s7_bg.png) no-repeat center;
  background-size: 100%;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
  height: calc(var(--vw, 1vw) * 482 / 750 * 100);
  position: relative;
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec8 .ttl-box {
    height: min(var(--vw, 1vw) * 591 / 1160 * 100, 738.75px);
    background: url(../images/s7_bg_pc.png) no-repeat center;
    background-size: cover;
  }
}
.sec8 .ttl-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #FFD359 transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec8 .ttl-box::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec8 .ttl-box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #019FE8 transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec8 .ttl-box::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec8 .ttl-img {
  width: calc(var(--vw, 1vw) * 562 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec8 .ttl-img {
    width: min(var(--vw, 1vw) * 557 / 1160 * 100, 696.25px);
  }
}
.sec8 .ttl-img img {
  width: 100%;
}
.sec8 .ttl {
  font-size: calc(var(--vw, 1vw) * 64 / 750 * 100);
  font-weight: 700;
  line-height: 1;
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec8 .ttl {
    font-size: clamp(24px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec8 .wap {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec8 .wap {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 333 / 1160 * 100, 416.25px) min(var(--vw, 1vw) * 333 / 1160 * 100, 416.25px) min(var(--vw, 1vw) * 333 / 1160 * 100, 416.25px);
    gap: min(var(--vw, 1vw) * 60 / 1160 * 100, 75px);
  }
}
.sec8 .unit {
  background: #fff;
  border: calc(var(--vw, 1vw) * 4 / 750 * 100) solid #000;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 160 / 750 * 100) 1fr;
  align-items: center;
  height: calc(var(--vw, 1vw) * 215 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 65 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec8 .unit {
    border: none;
    display: inline-table;
    border-radius: 0;
    grid-template-columns: 1fr;
    height: min(var(--vw, 1vw) * 350 / 1160 * 100, 437.5px);
    margin-bottom: 0;
    text-align: center;
  }
}
.sec8 .unit::before {
  content: "";
  position: absolute;
  background: url(../images/ico_cr3.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 48 / 750 * 100);
  height: calc(var(--vw, 1vw) * 32 / 750 * 100);
  bottom: calc(var(--vw, 1vw) * -54 / 750 * 100);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec8 .unit::before {
    background: url(../images/ico_cr.svg) no-repeat;
    background-size: contain;
    width: min(var(--vw, 1vw) * 24 / 1160 * 100, 30px);
    height: min(var(--vw, 1vw) * 51 / 1160 * 100, 63.75px);
    bottom: auto;
    top: 50%;
    left: auto;
    right: calc(min(var(--vw, 1vw) * 45 / 1160 * 100, 56.25px) * -1);
    transform: translateY(-50%);
  }
}
.sec8 .unit:last-child {
  margin-bottom: 0;
}
.sec8 .unit:last-child::before {
  background: none;
}
.sec8 .unit.s2 .step img {
  width: min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
}
.sec8 .unit.s3 .step img {
  width: min(var(--vw, 1vw) * 97 / 1160 * 100, 121.25px);
}
.sec8 .step {
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec8 .step {
    height: min(var(--vw, 1vw) * 210 / 1160 * 100, 262.5px);
  }
}
.sec8 .step p {
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .sec8 .step p {
    font-size: clamp(24px, min(var(--vw, 1vw) * 30 / 1160 * 100, 37.5px), min(var(--vw, 1vw) * 30 / 1160 * 100, 37.5px));
  }
}
.sec8 .step img {
  width: calc(var(--vw, 1vw) * 88 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec8 .step img {
    width: min(var(--vw, 1vw) * 82 / 1160 * 100, 102.5px);
  }
}
.sec8 .txtarea h3 {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 800;
}
@media screen and (min-width: 750px) {
  .sec8 .txtarea h3 {
    font-size: clamp(18px, min(var(--vw, 1vw) * 24 / 1160 * 100, 30px), min(var(--vw, 1vw) * 24 / 1160 * 100, 30px));
  }
}
.sec8 .txtarea p {
  font-size: calc(var(--vw, 1vw) * 28 / 750 * 100);
  line-height: 1.4;
}
@media screen and (min-width: 750px) {
  .sec8 .txtarea p {
    font-weight: 700;
    font-size: clamp(16px, min(var(--vw, 1vw) * 16 / 1160 * 100, 20px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
  }
}
.sec8 .heading {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 48 / 750 * 100);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec8 .heading {
    margin-bottom: min(var(--vw, 1vw) * 24 / 1160 * 100, 30px);
    font-size: clamp(20px, min(var(--vw, 1vw) * 24 / 1160 * 100, 30px), min(var(--vw, 1vw) * 24 / 1160 * 100, 30px));
  }
}
.sec8 .txt {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 28 / 750 * 100);
  line-height: 1.4;
}
@media screen and (min-width: 750px) {
  .sec8 .txt {
    font-size: clamp(16px, min(var(--vw, 1vw) * 16 / 1160 * 100, 20px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
  }
}

.sec9 {
  position: relative;
  background: #B3B9BF;
}
.sec9 .inner {
  padding-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
  text-align: center;
}
.sec9 .ttl-box {
  position: relative;
  background: url(../images/s8_bg.png) no-repeat center;
  background-size: 100%;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
  height: calc(var(--vw, 1vw) * 482 / 750 * 100);
  position: relative;
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec9 .ttl-box {
    height: min(var(--vw, 1vw) * 591 / 1160 * 100, 738.75px);
    background: url(../images/s8_bg_pc.png) no-repeat center;
    background-size: cover;
  }
}
.sec9 .ttl-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #019FE8 transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec9 .ttl-box::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec9 .ttl-box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #B3B9BF transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec9 .ttl-box::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec9 .ttl-img {
  width: calc(var(--vw, 1vw) * 568 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec9 .ttl-img {
    width: min(var(--vw, 1vw) * 554 / 1160 * 100, 692.5px);
  }
}
.sec9 .ttl-img img {
  width: 100%;
}
.sec9 .ttl {
  font-size: calc(var(--vw, 1vw) * 64 / 750 * 100);
  font-weight: 700;
  line-height: 1;
  position: relative;
  margin-top: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec9 .ttl {
    margin-top: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    font-size: clamp(24px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec9 .wap {
  padding-top: calc(var(--vw, 1vw) * 35 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec9 .wap {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 296 / 1160 * 100, 370px) min(var(--vw, 1vw) * 458 / 1160 * 100, 572.5px) min(var(--vw, 1vw) * 330 / 1160 * 100, 412.5px);
    gap: min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
    padding-top: 0;
    margin: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px) 0 min(var(--vw, 1vw) * 32 / 1160 * 100, 40px);
  }
}
@media screen and (min-width: 750px) {
  .sec9 .pc-box {
    display: grid;
    place-content: center;
    place-items: center;
  }
}
.sec9 .pc-ttl {
  display: none;
}
@media screen and (min-width: 750px) {
  .sec9 .pc-ttl {
    display: block;
    font-size: clamp(24px, min(var(--vw, 1vw) * 32 / 1160 * 100, 40px), min(var(--vw, 1vw) * 32 / 1160 * 100, 40px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px);
    text-align: center;
    font-weight: 700;
    position: relative;
    padding-left: min(var(--vw, 1vw) * 55 / 1160 * 100, 68.75px);
  }
  .sec9 .pc-ttl::before {
    content: "";
    position: absolute;
    background: url(../images/ico_kirei.svg) no-repeat;
    background-size: contain;
    width: min(var(--vw, 1vw) * 38 / 1160 * 100, 47.5px);
    height: min(var(--vw, 1vw) * 38 / 1160 * 100, 47.5px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.sec9 .pc-txt {
  display: none;
}
@media screen and (min-width: 750px) {
  .sec9 .pc-txt {
    display: block;
    font-size: clamp(16px, min(var(--vw, 1vw) * 16 / 1160 * 100, 20px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px);
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.5rem;
    position: relative;
  }
  .sec9 .pc-txt::before {
    content: "";
    position: absolute;
    bottom: calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1);
    left: calc(min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px) * -1);
    border-left: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px) solid #071627;
    width: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px);
    transform: rotate(-35deg);
    height: 120%;
  }
  .sec9 .pc-txt::after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1);
    right: calc(min(var(--vw, 1vw) * 35 / 1160 * 100, 43.75px) * -1);
    border-left: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px) solid #071627;
    width: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px);
    transform: rotate(35deg);
    height: 120%;
  }
}
.sec9 .pc-txt2 {
  display: none;
}
@media screen and (min-width: 750px) {
  .sec9 .pc-txt2 {
    display: block;
    font-size: clamp(16px, min(var(--vw, 1vw) * 16 / 1160 * 100, 20px), min(var(--vw, 1vw) * 16 / 1160 * 100, 20px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px);
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.5rem;
    position: relative;
  }
}
.sec9 .unit {
  background: #fff;
  border: calc(var(--vw, 1vw) * 4 / 750 * 100) solid #000;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  display: grid;
  align-items: end;
  justify-content: center;
  height: calc(var(--vw, 1vw) * 315 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 65 / 750 * 100);
  position: relative;
  padding-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
  grid-template-rows: calc(var(--vw, 1vw) * 70 / 750 * 100) 1fr;
}
@media screen and (min-width: 750px) {
  .sec9 .unit {
    border: min(var(--vw, 1vw) * 2 / 1160 * 100, 2.5px) solid #000;
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    height: min(var(--vw, 1vw) * 321 / 1160 * 100, 401.25px);
    margin-bottom: 0;
    padding-bottom: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    display: flex;
    flex-direction: column;
    grid-template-rows: 1fr;
    justify-content: center;
    align-items: center;
  }
}
.sec9 .unit:last-of-type {
  margin-bottom: 0;
}
.sec9 .unit.s1 .unit-ttl {
  padding-left: calc(var(--vw, 1vw) * 92 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s1 .unit-ttl {
    padding-left: min(var(--vw, 1vw) * 67 / 1160 * 100, 83.75px);
  }
}
.sec9 .unit.s1 .unit-ttl::before {
  content: "";
  position: absolute;
  background: url(../images/s8_ico1.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 60 / 750 * 100);
  height: calc(var(--vw, 1vw) * 61 / 750 * 100);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s1 .unit-ttl::before {
    width: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
    height: min(var(--vw, 1vw) * 46 / 1160 * 100, 57.5px);
  }
}
.sec9 .unit.s1 .unit-txt {
  margin-left: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s1 .unit-txt {
    margin-left: auto;
    padding-right: min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px);
  }
}
.sec9 .unit.s2 .unit-ttl {
  padding-left: calc(var(--vw, 1vw) * 92 / 750 * 100);
  letter-spacing: 0;
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s2 .unit-ttl {
    text-align: left;
    padding-left: min(var(--vw, 1vw) * 90 / 1160 * 100, 112.5px);
    letter-spacing: 0.7rem;
  }
}
.sec9 .unit.s2 .unit-ttl::before {
  content: "";
  position: absolute;
  background: url(../images/s8_ico2.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 86 / 750 * 100);
  height: calc(var(--vw, 1vw) * 62 / 750 * 100);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s2 .unit-ttl::before {
    left: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    width: min(var(--vw, 1vw) * 58 / 1160 * 100, 72.5px);
    height: min(var(--vw, 1vw) * 42 / 1160 * 100, 52.5px);
  }
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s2 .unit-txt {
    padding-right: min(var(--vw, 1vw) * 55 / 1160 * 100, 68.75px);
  }
}
.sec9 .unit.s3 .unit-ttl {
  padding-left: calc(var(--vw, 1vw) * 92 / 750 * 100);
  letter-spacing: 0;
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s3 .unit-ttl {
    text-align: left;
    padding-left: min(var(--vw, 1vw) * 62 / 1160 * 100, 77.5px);
    letter-spacing: 0.7rem;
  }
}
.sec9 .unit.s3 .unit-ttl::before {
  content: "";
  position: absolute;
  background: url(../images/s8_ico3.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 86 / 750 * 100);
  height: calc(var(--vw, 1vw) * 62 / 750 * 100);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s3 .unit-ttl::before {
    width: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
    height: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec9 .unit.s3 .unit-txt {
  margin-left: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec9 .unit.s3 .unit-txt {
    margin-left: auto;
    padding-right: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec9 .unit-ttl {
  grid-column: span 2;
  font-size: calc(var(--vw, 1vw) * 44 / 750 * 100);
  letter-spacing: 0.5rem;
  font-weight: 700;
  position: relative;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .sec9 .unit-ttl {
    grid-column: span 1;
    font-size: clamp(21px, min(var(--vw, 1vw) * 24 / 1160 * 100, 30px), min(var(--vw, 1vw) * 24 / 1160 * 100, 30px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px);
  }
}
.sec9 .num {
  font-size: calc(var(--vw, 1vw) * 200 / 750 * 100);
  line-height: 1;
  letter-spacing: -0.6rem;
}
@media screen and (min-width: 750px) {
  .sec9 .num {
    font-size: clamp(100px, min(var(--vw, 1vw) * 161 / 1160 * 100, 201.25px), min(var(--vw, 1vw) * 161 / 1160 * 100, 201.25px));
  }
}
.sec9 .unit-txt {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .sec9 .unit-txt {
    font-size: clamp(30px, min(var(--vw, 1vw) * 36 / 1160 * 100, 45px), min(var(--vw, 1vw) * 36 / 1160 * 100, 45px));
    margin-left: auto;
    text-align: right;
    line-height: 1;
  }
}

.sec10 {
  position: relative;
  background: #fff;
}
.sec10 .inner {
  padding-bottom: calc(var(--vw, 1vw) * 165 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec10 .inner {
    padding-bottom: min(var(--vw, 1vw) * 240 / 1160 * 100, 300px);
  }
}
.sec10 .ttl-box {
  position: relative;
  background: url(../images/s9_bg.png) no-repeat center;
  background-size: 100%;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
  height: calc(var(--vw, 1vw) * 482 / 750 * 100);
  position: relative;
  display: grid;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 750px) {
  .sec10 .ttl-box {
    height: min(var(--vw, 1vw) * 591 / 1160 * 100, 738.75px);
    background: url(../images/s9_bg_pc.png) no-repeat center;
    background-size: cover;
  }
}
.sec10 .ttl-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #B3B9BF transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec10 .ttl-box::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec10 .ttl-box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec10 .ttl-box::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec10 .ttl-img {
  width: calc(var(--vw, 1vw) * 204 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec10 .ttl-img {
    width: min(var(--vw, 1vw) * 188 / 1160 * 100, 235px);
  }
}
.sec10 .ttl-img img {
  width: 100%;
}
.sec10 .ttl {
  font-size: calc(var(--vw, 1vw) * 64 / 750 * 100);
  font-weight: 700;
  line-height: 1;
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec10 .ttl {
    font-size: clamp(24px, min(var(--vw, 1vw) * 48 / 1160 * 100, 60px), min(var(--vw, 1vw) * 48 / 1160 * 100, 60px));
  }
}
.sec10 .txt {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec10 .txt {
    display: none;
  }
}
.sec10 .fq {
  font-size: calc(var(--vw, 1vw) * 32 / 750 * 100);
  font-weight: 700;
  border: calc(var(--vw, 1vw) * 4 / 750 * 100) solid #000;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec10 .fq {
    font-size: clamp(20px, min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px), min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px));
    border: 1px solid #000;
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
  }
}
.sec10 .fq dt {
  position: relative;
  padding: calc(var(--vw, 1vw) * 30 / 750 * 100) 0 calc(var(--vw, 1vw) * 30 / 750 * 100) calc(var(--vw, 1vw) * 90 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec10 .fq dt {
    padding: min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px) 0 min(var(--vw, 1vw) * 22 / 1160 * 100, 27.5px) min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px);
    transition: 0.3s;
  }
  .sec10 .fq dt:hover {
    background: #f1f1f1;
    border-radius: min(var(--vw, 1vw) * 10 / 1160 * 100, 12.5px);
  }
}
.sec10 .fq dt::before {
  content: "Q.";
  position: absolute;
  left: calc(var(--vw, 1vw) * 30 / 750 * 100);
  top: calc(var(--vw, 1vw) * 27 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec10 .fq dt::before {
    left: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
    top: min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
  }
}
.sec10 .fq dt::after {
  content: "＋";
  position: absolute;
  font-size: calc(var(--vw, 1vw) * 48 / 750 * 100);
  right: calc(var(--vw, 1vw) * 30 / 750 * 100);
  top: calc(var(--vw, 1vw) * 15 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec10 .fq dt::after {
    font-size: clamp(20px, min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px), min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px));
    right: min(var(--vw, 1vw) * 25 / 1160 * 100, 31.25px);
    top: min(var(--vw, 1vw) * 20 / 1160 * 100, 25px);
  }
}
.sec10 .fq dt.active::after {
  content: "-";
  position: absolute;
  font-size: calc(var(--vw, 1vw) * 120 / 750 * 100);
  line-height: 1;
  right: calc(var(--vw, 1vw) * 32 / 750 * 100);
  top: calc(var(--vw, 1vw) * -9 / 750 * 100);
  transform: scale(1, 0.4);
}
@media screen and (min-width: 750px) {
  .sec10 .fq dt.active::after {
    font-size: clamp(20px, min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px), min(var(--vw, 1vw) * 70 / 1160 * 100, 87.5px));
    right: min(var(--vw, 1vw) * 24 / 1160 * 100, 30px);
    top: min(var(--vw, 1vw) * 4 / 1160 * 100, 5px);
  }
}
.sec10 .fq dd {
  position: relative;
  line-height: 1.4;
  padding: 0 0 calc(var(--vw, 1vw) * 30 / 750 * 100) calc(var(--vw, 1vw) * 90 / 750 * 100);
  display: none;
}
@media screen and (min-width: 750px) {
  .sec10 .fq dd {
    font-size: clamp(17px, min(var(--vw, 1vw) * 17 / 1160 * 100, 21.25px), min(var(--vw, 1vw) * 17 / 1160 * 100, 21.25px));
    font-weight: 500;
    padding: 0 0 min(var(--vw, 1vw) * 30 / 1160 * 100, 37.5px) min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
  }
}
.sec10 .fq dd::before {
  content: "A.";
  position: absolute;
  left: calc(var(--vw, 1vw) * 30 / 750 * 100);
  top: 0;
}
@media screen and (min-width: 750px) {
  .sec10 .fq dd::before {
    left: min(var(--vw, 1vw) * 75 / 1160 * 100, 93.75px);
  }
}

.sec11 {
  position: relative;
  background: #DBF5FF;
}
.sec11::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(var(--vw, 1vw) * 132 / 750 * 100);
  border-radius: 50%/100% 100% 0 0;
  background: #DBF6FF;
  top: calc(var(--vw, 1vw) * -120 / 750 * 100);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 750px) {
  .sec11::before {
    width: 100%;
    top: calc(min(var(--vw, 1vw) * 125 / 1160 * 100, 156.25px) * -1);
    height: min(var(--vw, 1vw) * 125 / 1160 * 100, 156.25px);
  }
}
.sec11 .inner {
  position: relative;
  padding: calc(var(--vw, 1vw) * 120 / 750 * 100) 0 calc(var(--vw, 1vw) * 50 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec11 .inner {
    padding: min(var(--vw, 1vw) * 85 / 1160 * 100, 106.25px) min(var(--vw, 1vw) * 20 / 1160 * 100, 25px) min(var(--vw, 1vw) * 65 / 1160 * 100, 81.25px);
  }
}
.sec11 .txt {
  width: calc(var(--vw, 1vw) * 584 / 750 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 750px) {
  .sec11 .txt {
    width: min(var(--vw, 1vw) * 687 / 1160 * 100, 858.75px);
    z-index: 1;
    position: relative;
  }
}
.sec11 .img {
  width: 100%;
  margin-top: calc(var(--vw, 1vw) * 25 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec11 .img {
    width: min(var(--vw, 1vw) * 915 / 1160 * 100, 1143.75px);
    margin: calc(min(var(--vw, 1vw) * 60 / 1160 * 100, 75px) * -1) auto 0;
  }
}
.sec11 .btn-area {
  background-color: #019FE8;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
  box-shadow: 0px 0px calc(var(--vw, 1vw) * 10 / 750 * 100) calc(var(--vw, 1vw) * -3 / 750 * 100) rgba(0, 0, 0, 0.4);
  width: calc(var(--vw, 1vw) * 670 / 750 * 100);
  margin: 0 auto;
  padding: calc(var(--vw, 1vw) * 80 / 750 * 100) calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec11 .btn-area {
    width: 100%;
    padding: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px) min(var(--vw, 1vw) * 80 / 1160 * 100, 100px);
    border-radius: min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px);
    box-shadow: 0px 0px min(var(--vw, 1vw) * 15 / 1160 * 100, 18.75px) calc(min(var(--vw, 1vw) * 5 / 1160 * 100, 6.25px) * -1) rgba(0, 0, 0, 0.8);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 460 / 1160 * 100, 575px) min(var(--vw, 1vw) * 460 / 1160 * 100, 575px);
    gap: min(var(--vw, 1vw) * 40 / 1160 * 100, 50px);
  }
}
.sec11 .btn {
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .sec11 .btn {
    margin-bottom: 0;
  }
}
.sec11 .btn a {
  display: block;
  background-color: #081B28;
  color: #fff;
  text-decoration: none;
  font-size: calc(var(--vw, 1vw) * 36 / 750 * 100);
  height: calc(var(--vw, 1vw) * 128 / 750 * 100);
  display: grid;
  align-items: center;
  padding-left: calc(var(--vw, 1vw) * 60 / 750 * 100);
  font-weight: 700;
  border-radius: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec11 .btn a {
    font-size: clamp(14px, min(var(--vw, 1vw) * 18 / 1160 * 100, 22.5px), min(var(--vw, 1vw) * 18 / 1160 * 100, 22.5px));
    height: min(var(--vw, 1vw) * 64 / 1160 * 100, 80px);
    padding-left: min(var(--vw, 1vw) * 110 / 1160 * 100, 137.5px);
    border-radius: min(var(--vw, 1vw) * 3 / 1160 * 100, 3.75px);
  }
}
.sec11 .btn a::before {
  content: "";
  position: absolute;
  background: url(../images/ico_cr2.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 60 / 750 * 100);
  height: calc(var(--vw, 1vw) * 61 / 750 * 100);
  top: 50%;
  transform: translateY(-50%);
  right: calc(var(--vw, 1vw) * 27 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec11 .btn a::before {
    width: min(var(--vw, 1vw) * 27.5 / 1160 * 100, 34.375px);
    height: min(var(--vw, 1vw) * 27.5 / 1160 * 100, 34.375px);
    right: min(var(--vw, 1vw) * 50 / 1160 * 100, 62.5px);
    transition: 0.3s;
  }
}
.sec11 .btn a:hover {
  opacity: 0.8;
}
@media screen and (min-width: 750px) {
  .sec11 .btn a:hover::before {
    right: min(var(--vw, 1vw) * 30 / 1160 * 100, 37.5px);
  }
}
.sec11 .btn.yellow a {
  padding-left: calc(var(--vw, 1vw) * 30 / 750 * 100);
  background-color: #FFBB00;
}
@media screen and (min-width: 750px) {
  .sec11 .btn.yellow a {
    padding-left: min(var(--vw, 1vw) * 100 / 1160 * 100, 125px);
  }
}

.sec12 {
  position: relative;
  overflow: hidden;
}
.sec12::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #DBF5FF transparent transparent transparent;
  border-width: calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw 0 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec12::before {
    border-width: min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw 0 0;
  }
}
.sec12::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 136 / 750 * 100) 100vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .sec12::after {
    border-width: 0 0 min(var(--vw, 1vw) * 261 / 1160 * 100, 326.25px) 100vw;
  }
}
.sec12 .slide-area {
  display: flex;
  gap: 0;
  width: -moz-max-content;
  width: max-content;
  animation: footer-animation 15s linear infinite;
  position: relative;
}
.sec12 .slide-area img {
  width: calc(var(--vw, 1vw) * 375 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .sec12 .slide-area img {
    height: 100%;
  }
}
@keyframes footer-animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.footer {
  text-align: center;
}
.footer .inner {
  padding: calc(var(--vw, 1vw) * 140 / 750 * 100) 0 calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .footer .inner {
    padding: min(var(--vw, 1vw) * 80 / 1160 * 100, 100px) 0;
  }
}
.footer .insta {
  width: calc(var(--vw, 1vw) * 95 / 750 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 750px) {
  .footer .insta {
    width: min(var(--vw, 1vw) * 46 / 1160 * 100, 57.5px);
  }
  .footer .insta a:hover {
    opacity: 0.7;
  }
}
.footer .logo {
  width: calc(var(--vw, 1vw) * 330 / 750 * 100);
  margin: calc(var(--vw, 1vw) * 45 / 750 * 100) auto calc(var(--vw, 1vw) * 55 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .footer .logo {
    width: min(var(--vw, 1vw) * 175 / 1160 * 100, 218.75px);
    margin: min(var(--vw, 1vw) * 23 / 1160 * 100, 28.75px) auto;
  }
}
.footer .txt {
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  margin: calc(var(--vw, 1vw) * 40 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .footer .txt {
    font-size: clamp(14px, min(var(--vw, 1vw) * 14 / 1160 * 100, 17.5px), min(var(--vw, 1vw) * 14 / 1160 * 100, 17.5px));
    margin: 0;
  }
}
.footer .txt a {
  text-decoration: none;
  color: #081b28;
}
.footer .add {
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  .footer .add {
    font-size: clamp(12px, min(var(--vw, 1vw) * 12 / 1160 * 100, 15px), min(var(--vw, 1vw) * 12 / 1160 * 100, 15px));
  }
}
.footer .copy {
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  .footer .copy {
    font-size: clamp(12px, min(var(--vw, 1vw) * 12 / 1160 * 100, 15px), min(var(--vw, 1vw) * 12 / 1160 * 100, 15px));
  }
}

body {
  animation: fade-in 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ------------------------------------------------
 	footer
  ---------------------------------------------- */
.l-footer {
  background-color: var(--color-navy);
  padding: 50px 0 35px;
  color: var(--color-white);
}

.l-footer.is-footer-simple {
  margin-top: auto;
  padding: 28px 0 8px;
}

.l-footer.is-footer-simple .footer__copyright {
  margin-top: 0;
}

.footer__logo {
  display: block;
  width: 220px;
  margin: 0 auto 50px;
}

@media screen and (min-width: 768px) {
  .footer__logo {
    transition: opacity 300ms;
  }
  .footer__logo:hover {
    opacity: 0.7;
  }
}
.footer__inner {
  max-width: 1144px;
  padding: 0 32px;
  margin: 0 auto;
}

@media screen and (min-width: 1080px) {
  .footer__inner {
    padding: 0 20px;
  }
}
.footer__address {
  text-align: center;
  font-size: 10px;
  line-height: 2;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .footer__address {
    font-size: 12px;
  }
}
.footer__copyright {
  font-size: 10px;
  line-height: 2;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .footer__copyright {
    font-size: 12px;
  }
}
.footer-nav {
  font-size: 14px;
}

.footer-nav__item {
  display: block;
  width: 100%;
  font-weight: bold;
  color: var(--color-white);
  font-size: 16px;
  margin-bottom: 20px;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .footer-nav__item {
    white-space: nowrap;
    transition: all 300ms;
  }
  .footer-nav__item:hover {
    color: var(--color-primary);
    font-weight: 700;
  }
}
.footer-nav__container {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--color-white);
  text-decoration: none;
}

.footer-nav__container:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  .footer-nav__container:not(:has(.footer-sub-nav)) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
  }
}
@media screen and (min-width: 1080px) {
  .footer-nav__container:not(:has(.footer-sub-nav)) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.footer-sub-nav {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}

@media screen and (min-width: 768px) {
  .footer-sub-nav {
    gap: 0;
    display: block;
  }
}
.footer-sub-nav__container {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .footer-sub-nav__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1080px) {
  .footer-sub-nav__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.footer-sub-nav__item {
  display: block;
  margin-bottom: 16px;
  color: var(--color-white);
  text-decoration: none;
}

.footer-sub-nav__item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .footer-sub-nav__item {
    white-space: nowrap;
    transition: all 300ms;
  }
  .footer-sub-nav__item:hover {
    color: var(--color-primary);
    font-weight: 700;
  }
}/*# sourceMappingURL=style.css.map */