/**** media ****/
@media (max-width: 769px) {
  .pc-visible {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .sp-visible {
    display: none !important;
  }
}
:root {
  --pc-size: 1366;
  --sp-size: 375;
  --red: #E20E3F;
  --blue: #0072BE;
  --blue2: #009DDE;
}

* {
  box-sizing: border-box;
}

html.is-locked,
body.is-locked {
  position: fixed;
  width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) {
  a {
    transition: 0.4s;
  }
  a:hover {
    opacity: 0.6;
    transition: 0.15s ease-in;
  }
}

strong {
  font-weight: bold;
}

img {
  width: 100%;
}

body {
  -webkit-overflow-scrolling: touch;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: var(--blue);
  background: #E2F6FF;
  word-break: break-all;
}

iframe {
  border-width: 0px;
}

.nav__list-wrap {
  overflow-y: auto;
}

.txt-link {
  text-decoration: underline;
}

/*==================================
  ANIMATION
==================================*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp-bounce {
  animation-name: fadeInUp;
}

@keyframes show {
  from {
    opacity: 0;
    transform: translate(0, 50px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out;
}
.fuwafuwa1 {
  animation-delay: 0s;
}
.fuwafuwa2 {
  animation-delay: 0.4s;
}
.fuwafuwa3 {
  animation-delay: 0.7s;
}
.fuwafuwa4 {
  animation-delay: 1.1s;
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10%);
  }
}
/*==================================
  WRAPPER
==================================*/
.wrapper {
  overflow: hidden;
}

/*==================================
  HEADER
==================================*/
/***
*
* header menu (PC)
*
*/
.header {
  position: relative;
  height: calc(434 / var(--pc-size) * 100vw);
  background: url(../images/header-pc.webp) no-repeat 0 0/100%;
}
@media (max-width: 769px) {
  .header {
    height: calc(337 / var(--sp-size) * 100vw);
    padding-top: calc(19 / var(--sp-size) * 100vw);
    background: url(../images/header-sp.webp) no-repeat 0 0/100%;
  }
}
.header__logo {
  position: absolute;
  right: calc(40 / var(--pc-size) * 100vw);
  top: calc(40 / var(--pc-size) * 100vw);
  width: calc(193.1 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .header__logo {
    display: none;
  }
}
.header__logo img {
  width: 100%;
}
.header__title {
  position: absolute;
  left: calc(314 / var(--pc-size) * 100vw);
  top: calc(40 / var(--pc-size) * 100vw);
  width: calc(743.19 / var(--pc-size) * 100vw);
  opacity: 0;
}
@media (max-width: 769px) {
  .header__title {
    position: static;
    width: calc(337.72 / var(--sp-size) * 100vw);
    margin: 0 auto;
  }
}

/*==================================
  FOOTER
==================================*/
.footer {
  background-color: #fff;
  padding: calc(32 / var(--pc-size) * 100vw) 0;
  text-align: center;
}
@media (max-width: 769px) {
  .footer {
    padding: calc(24 / var(--sp-size) * 100vw) 0;
  }
}
.footer__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 calc(32 / var(--pc-size) * 100vw);
  padding: 0 0 calc(24 / var(--pc-size) * 100vw);
  border-bottom: 1px solid #E2F6FF;
}
@media (max-width: 769px) {
  .footer__logos {
    flex-wrap: wrap;
    gap: calc(20 / var(--sp-size) * 100vw) calc(32 / var(--sp-size) * 100vw);
    padding: 0 0 calc(16 / var(--sp-size) * 100vw);
  }
}
.footer__logos a {
  pointer-events: none;
}
.footer__logos img.logo1 {
  width: calc(70.88 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logos img.logo1 {
    width: calc(45.87 / var(--sp-size) * 100vw);
  }
}
.footer__logos img.logo2 {
  width: calc(149.8 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logos img.logo2 {
    width: calc(96.3 / var(--sp-size) * 100vw);
  }
}
.footer__logos img.logo3 {
  width: calc(59.37 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logos img.logo3 {
    width: calc(37.9 / var(--sp-size) * 100vw);
  }
}
.footer__logos img.logo4 {
  width: calc(149.83 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logos img.logo4 {
    width: calc(99.89 / var(--sp-size) * 100vw);
  }
}
.footer__logos img.logo5 {
  width: calc(68.75 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logos img.logo5 {
    width: calc(55.17 / var(--sp-size) * 100vw);
  }
}
.footer__logos img.logo6 {
  width: calc(40 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logos img.logo6 {
    width: calc(30 / var(--sp-size) * 100vw);
  }
}
.footer__logo {
  margin-top: calc(32 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logo {
    margin-top: calc(24 / var(--sp-size) * 100vw);
  }
}
.footer__logo img {
  width: calc(140.96 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .footer__logo img {
    width: calc(89 / var(--sp-size) * 100vw);
  }
}
.footer__copyright {
  margin-top: calc(32 / var(--pc-size) * 100vw);
  color: var(--blue);
  font-size: calc(10 / var(--pc-size) * 100vw);
  font-weight: 400;
}
@media (max-width: 769px) {
  .footer__copyright {
    margin-top: calc(24 / var(--sp-size) * 100vw);
    font-size: 9px;
  }
}

/*==================================
  PAGE TOP
==================================*/
.pagetop {
  position: fixed;
  right: calc(28 / var(--pc-size) * 100vw);
  bottom: calc(28 / var(--pc-size) * 100vw);
  width: calc(99 / var(--pc-size) * 100vw);
  height: calc(172 / var(--pc-size) * 100vw);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  display: block;
}
@media (max-width: 769px) {
  .pagetop {
    right: calc(10 / var(--sp-size) * 100vw);
    bottom: calc(10 / var(--sp-size) * 100vw);
    width: calc(53 / var(--sp-size) * 100vw);
    height: calc(92 / var(--sp-size) * 100vw);
  }
}
.pagetop.is-visible {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: hover) {
  .pagetop.is-visible:hover {
    opacity: 0.6;
  }
}
.pagetop__btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(98 / var(--pc-size) * 100vw);
  z-index: 2;
}
@media (max-width: 769px) {
  .pagetop__btn {
    width: calc(53 / var(--sp-size) * 100vw);
  }
}
.pagetop__man-wrap {
  position: absolute;
  top: calc(-20 / var(--pc-size) * 100vw);
  right: 0;
  overflow: hidden;
  width: calc(85 / var(--pc-size) * 100vw);
  height: calc(142 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .pagetop__man-wrap {
    top: calc(-20 / var(--sp-size) * 100vw);
    width: calc(45 / var(--sp-size) * 100vw);
    height: calc(86 / var(--sp-size) * 100vw);
  }
}
.pagetop__man {
  position: absolute;
  top: calc(20 / var(--pc-size) * 100vw);
  right: 0;
  width: calc(85 / var(--pc-size) * 100vw);
  z-index: 1;
}
@media (max-width: 769px) {
  .pagetop__man {
    top: calc(20 / var(--sp-size) * 100vw);
    width: calc(45 / var(--sp-size) * 100vw);
  }
}

/*==================================
  CONTENTS
==================================*/
.intro {
  position: relative;
}
.intro .people1 {
  left: calc(219 / var(--pc-size) * 100vw);
  top: calc(-193 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .intro .people1 {
    left: calc(126 / var(--sp-size) * 100vw);
    top: calc(9 / var(--sp-size) * 100vw);
  }
}
.intro .people2 {
  right: calc(158.7 / var(--pc-size) * 100vw);
  top: calc(-203 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .intro .people2 {
    right: calc(100 / var(--sp-size) * 100vw);
    top: calc(9 / var(--sp-size) * 100vw);
  }
}
.intro .people3 {
  left: calc(55 / var(--pc-size) * 100vw);
  top: calc(3 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .intro .people3 {
    left: calc(-8 / var(--sp-size) * 100vw);
    top: calc(22 / var(--sp-size) * 100vw);
  }
}
.intro .people4 {
  right: calc(110.8 / var(--pc-size) * 100vw);
  top: calc(41 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .intro .people4 {
    right: calc(-8 / var(--sp-size) * 100vw);
    top: calc(20 / var(--sp-size) * 100vw);
  }
}
.intro .lead {
  position: relative;
  width: calc(682 / var(--pc-size) * 100vw);
  margin: calc(25 / var(--pc-size) * 100vw) auto 0;
}
@media (max-width: 769px) {
  .intro .lead {
    width: calc(343 / var(--sp-size) * 100vw);
    margin: 0 auto 0;
    padding-top: calc(126 / var(--sp-size) * 100vw);
  }
}
.intro .point__img {
  opacity: 0;
}
.intro .point {
  position: relative;
  width: calc(702 / var(--pc-size) * 100vw);
  margin: calc(62 / var(--pc-size) * 100vw) auto 0;
}
@media (max-width: 769px) {
  .intro .point {
    width: calc(343 / var(--sp-size) * 100vw);
    margin: calc(40 / var(--sp-size) * 100vw) auto 0;
  }
}
.intro .point__inner {
  position: relative;
  padding: calc(39 / var(--pc-size) * 100vw) 0 calc(32 / var(--pc-size) * 100vw);
  border-radius: calc(40 / var(--pc-size) * 100vw);
  background: #e96382;
  border: calc(2 / var(--pc-size) * 100vw) solid #fffbc9;
  color: #fffbc9;
  opacity: 0;
}
@media (max-width: 769px) {
  .intro .point__inner {
    padding: calc(27 / var(--sp-size) * 100vw) 0 calc(26 / var(--sp-size) * 100vw);
  }
}
.intro .point__inner .point-txt {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  top: calc(-20 / var(--pc-size) * 100vw);
  width: calc(248 / var(--pc-size) * 100vw);
  height: calc(39 / var(--pc-size) * 100vw);
  background: #e96382;
  border: calc(2 / var(--pc-size) * 100vw) solid #fffbc9;
  border-radius: calc(50 / var(--pc-size) * 100vw);
  font-size: calc(20 / var(--pc-size) * 100vw);
  font-weight: 700;
}
@media (max-width: 769px) {
  .intro .point__inner .point-txt {
    top: calc(-17 / var(--sp-size) * 100vw);
    width: calc(192 / var(--sp-size) * 100vw);
    height: calc(33 / var(--sp-size) * 100vw);
    border: calc(2 / var(--sp-size) * 100vw) solid #fffbc9;
    border-radius: calc(50 / var(--sp-size) * 100vw);
    font-size: calc(16 / var(--sp-size) * 100vw);
  }
}
.intro .point__inner .point-contents {
  width: calc(510 / var(--pc-size) * 100vw);
  margin: 0 auto;
}
@media (max-width: 769px) {
  .intro .point__inner .point-contents {
    width: calc(311 / var(--sp-size) * 100vw);
  }
}
.intro .point__inner .point-contents-txt {
  margin-top: calc(18 / var(--pc-size) * 100vw);
  color: #fff;
  font-size: calc(12 / var(--pc-size) * 100vw);
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 769px) {
  .intro .point__inner .point-contents-txt {
    margin-top: calc(15 / var(--sp-size) * 100vw);
    font-size: calc(10 / var(--sp-size) * 100vw);
    line-height: 1.4;
  }
}
.intro .point .people5 {
  left: calc(-101 / var(--pc-size) * 100vw);
  top: calc(-25 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .intro .point .people5 {
    left: calc(-11 / var(--sp-size) * 100vw);
    top: calc(-29 / var(--sp-size) * 100vw);
  }
}
.intro .point .people6 {
  right: calc(-49 / var(--pc-size) * 100vw);
  top: calc(12 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .intro .point .people6 {
    right: calc(-11 / var(--sp-size) * 100vw);
    top: calc(-36 / var(--sp-size) * 100vw);
  }
}

.people {
  position: absolute;
}
.people1 {
  width: calc(64.75 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .people1 {
    width: calc(31.84 / var(--sp-size) * 100vw);
  }
}
.people2 {
  width: calc(151.91 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .people2 {
    width: calc(74.69 / var(--sp-size) * 100vw);
  }
}
.people3 {
  width: calc(228.22 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .people3 {
    width: calc(112.21 / var(--sp-size) * 100vw);
  }
}
.people4 {
  width: calc(199.82 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .people4 {
    width: calc(98.25 / var(--sp-size) * 100vw);
  }
}
.people5 {
  width: calc(129.55 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .people5 {
    width: calc(63.7 / var(--sp-size) * 100vw);
  }
}
.people6 {
  width: calc(72.12 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .people6 {
    width: calc(35.46 / var(--sp-size) * 100vw);
  }
}

.term {
  width: calc(640 / var(--pc-size) * 100vw);
  margin: calc(50 / var(--pc-size) * 100vw) auto 0;
}
@media (max-width: 769px) {
  .term {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: calc(24 / var(--sp-size) * 100vw) 0;
    width: auto;
    margin: calc(32 / var(--sp-size) * 100vw) auto 0;
  }
}
.term__item {
  display: flex;
  gap: 0 calc(16 / var(--pc-size) * 100vw);
  align-items: center;
  font-weight: 500;
}
@media (max-width: 769px) {
  .term__item {
    flex-direction: column;
    gap: calc(8 / var(--sp-size) * 100vw) 0;
  }
}
.term__item:not(:first-child) {
  margin-top: calc(16 / var(--pc-size) * 100vw);
}
.term__item__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(116 / var(--pc-size) * 100vw);
  height: calc(37 / var(--pc-size) * 100vw);
  padding-bottom: calc(2 / var(--pc-size) * 100vw);
  background: var(--blue);
  border-radius: calc(50 / var(--pc-size) * 100vw);
  color: #fff;
  font-size: calc(20 / var(--pc-size) * 100vw);
  line-height: 1;
}
@media (max-width: 769px) {
  .term__item__label {
    width: calc(96 / var(--sp-size) * 100vw);
    height: calc(32 / var(--sp-size) * 100vw);
    padding-bottom: calc(2 / var(--sp-size) * 100vw);
    border-radius: calc(50 / var(--sp-size) * 100vw);
    font-size: calc(16 / var(--sp-size) * 100vw);
  }
}
.term__item__cont {
  flex: 1;
  font-size: calc(22 / var(--pc-size) * 100vw);
  line-height: 1;
}
@media (max-width: 769px) {
  .term__item__cont {
    font-size: calc(18 / var(--sp-size) * 100vw);
    line-height: 1.4167;
  }
}
.term__item__cont .l {
  font-size: calc(28 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .term__item__cont .l {
    font-size: calc(24 / var(--sp-size) * 100vw);
  }
}
.term__item__cont .s {
  font-size: calc(20 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .term__item__cont .s {
    font-size: calc(16 / var(--sp-size) * 100vw);
  }
}

.form {
  margin-top: calc(54 / var(--pc-size) * 100vw);
  padding: calc(50 / var(--pc-size) * 100vw) 0 calc(90 / var(--pc-size) * 100vw);
  background: var(--blue2) url(../images/form-bg-pc.svg) no-repeat 0 0/100% auto;
  text-align: center;
  color: #fff;
  line-height: 1.4;
}
@media (max-width: 769px) {
  .form {
    margin-top: calc(24 / var(--sp-size) * 100vw);
    padding: calc(58 / var(--sp-size) * 100vw) calc(32 / var(--sp-size) * 100vw) calc(40 / var(--sp-size) * 100vw);
    background: var(--blue2) url(../images/form-bg-sp.svg) no-repeat 0 0/100% auto;
    text-align: left;
  }
}
.form__title {
  font-size: calc(36 / var(--pc-size) * 100vw);
  font-weight: 700;
}
@media (max-width: 769px) {
  .form__title {
    font-size: calc(24 / var(--sp-size) * 100vw);
    text-align: center;
  }
}
.form__lead {
  margin-top: calc(20 / var(--pc-size) * 100vw);
  font-size: calc(12 / var(--pc-size) * 100vw);
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 769px) {
  .form__lead {
    margin-top: calc(10 / var(--sp-size) * 100vw);
    font-size: calc(10 / var(--sp-size) * 100vw);
  }
}
.form__note {
  margin-top: calc(48 / var(--pc-size) * 100vw);
  font-size: calc(12 / var(--pc-size) * 100vw);
  font-weight: 500;
}
@media (max-width: 769px) {
  .form__note {
    margin-top: calc(15 / var(--sp-size) * 100vw);
    font-size: calc(10 / var(--sp-size) * 100vw);
  }
}
.form__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc(48 / var(--pc-size) * 100vw) calc(30 / var(--pc-size) * 100vw);
  margin-top: calc(32 / var(--pc-size) * 100vw);
  color: var(--blue);
}
@media (max-width: 769px) {
  .form__list {
    flex-direction: column;
    gap: calc(16 / var(--sp-size) * 100vw) 0;
    margin-top: calc(24 / var(--sp-size) * 100vw);
  }
}
.form__list li {
  opacity: 0;
  width: calc(269 / var(--pc-size) * 100vw);
  padding-bottom: calc(32 / var(--pc-size) * 100vw);
  background: #e2f6ff;
  border-radius: calc(40 / var(--pc-size) * 100vw);
  text-align: center;
}
@media (max-width: 769px) {
  .form__list li {
    width: 100%;
    padding-bottom: calc(20 / var(--sp-size) * 100vw);
    border-radius: calc(24 / var(--sp-size) * 100vw);
  }
}
.form__list li:nth-child(2n) {
  margin-top: calc(40 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .form__list li:nth-child(2n) {
    margin-top: 0;
  }
}
.form__list li .img {
  padding: 2px;
  border-radius: calc(40 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .form__list li .img {
    border-radius: calc(24 / var(--sp-size) * 100vw);
  }
}
.form__list li .shopname {
  margin-top: calc(16 / var(--pc-size) * 100vw);
  font-size: calc(20 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .form__list li .shopname {
    margin-top: calc(16 / var(--sp-size) * 100vw);
    font-size: calc(20 / var(--sp-size) * 100vw);
  }
}
.form__list li .btns {
  width: calc(248 / var(--pc-size) * 100vw);
  margin: calc(16 / var(--pc-size) * 100vw) auto 0;
}
@media (max-width: 769px) {
  .form__list li .btns {
    width: calc(248 / var(--sp-size) * 100vw);
    margin: calc(16 / var(--sp-size) * 100vw) auto 0;
  }
}
.form__list li .btns a {
  display: flex;
  align-items: center;
  height: calc(52 / var(--pc-size) * 100vw);
  padding-left: calc(20 / var(--pc-size) * 100vw);
  padding-bottom: calc(1 / var(--pc-size) * 100vw);
  border: calc(2 / var(--pc-size) * 100vw) solid var(--blue);
  border-radius: calc(110 / var(--pc-size) * 100vw);
  background: #fff url(../images/btn-arr.svg) no-repeat calc(100% - 13 / var(--pc-size) * 100vw) 50%/calc(7 / var(--pc-size) * 100vw) auto;
  font-size: calc(12 / var(--pc-size) * 100vw);
  box-shadow: calc(3 / var(--pc-size) * 100vw) calc(3 / var(--pc-size) * 100vw) 0px var(--blue);
}
@media (max-width: 769px) {
  .form__list li .btns a {
    height: calc(48 / var(--sp-size) * 100vw);
    padding-left: calc(20 / var(--sp-size) * 100vw);
    padding-bottom: calc(1 / var(--sp-size) * 100vw);
    border: calc(2 / var(--sp-size) * 100vw) solid var(--blue);
    border-radius: calc(110 / var(--sp-size) * 100vw);
    background: #fff url(../images/btn-arr.svg) no-repeat calc(100% - 13 / var(--sp-size) * 100vw) 50%/calc(7 / var(--sp-size) * 100vw) auto;
    font-size: calc(12 / var(--sp-size) * 100vw);
    box-shadow: calc(3 / var(--sp-size) * 100vw) calc(3 / var(--sp-size) * 100vw) 0px var(--blue);
  }
}
.form__list li .btns a.btn1 {
  background-color: #FFFBC9;
}
.form__list li .btns a:nth-child(2) {
  margin-top: calc(10 / var(--pc-size) * 100vw);
}
@media (max-width: 769px) {
  .form__list li .btns a:nth-child(2) {
    margin-top: calc(10 / var(--sp-size) * 100vw);
  }
}

/*==================================
  MODAL
==================================*/
.modal {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 200;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 157, 222, 0.9);
  cursor: pointer;
}
.modal__body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 658px;
  max-height: 80vh;
  gap: 24px 0;
}
@media (max-width: 769px) {
  .modal__body {
    width: calc(343 / var(--sp-size) * 100vw);
    gap: calc(20 / var(--sp-size) * 100vw) 0;
  }
}
.modal__inner {
  overflow-y: auto;
  width: 100%;
  background: #E2F6FF;
  border-radius: 40px;
  padding: 32px 48px 48px;
  color: var(--blue);
}
@media (max-width: 769px) {
  .modal__inner {
    padding: calc(16 / var(--sp-size) * 100vw);
    border-radius: calc(24 / var(--sp-size) * 100vw);
  }
}
.modal__lead {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 769px) {
  .modal__lead {
    font-size: calc(14 / var(--sp-size) * 100vw);
  }
}
.modal__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.modal__title--1 p {
  background: #FFFBC9;
}
.modal__title p {
  padding: 0 24px 1px;
  border: 2px solid var(--blue);
  border-radius: 110px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 769px) {
  .modal__title p {
    width: 100%;
    padding: calc(7 / var(--sp-size) * 100vw) 0;
    border-radius: calc(110 / var(--sp-size) * 100vw);
    font-size: calc(16 / var(--sp-size) * 100vw);
    text-align: center;
  }
}
.modal__subtitle {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 769px) {
  .modal__subtitle {
    font-size: calc(14 / var(--sp-size) * 100vw);
  }
}
.modal__list {
  display: flex;
  margin-top: 16px;
  padding-top: 24px;
  border-top: 2px solid var(--blue);
}
@media (max-width: 769px) {
  .modal__list {
    flex-direction: column;
    gap: calc(16 / var(--sp-size) * 100vw) 0;
    margin-top: calc(20 / var(--sp-size) * 100vw);
  }
}
.modal__list__child {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  width: 262px;
  padding-left: 66px;
}
@media (max-width: 769px) {
  .modal__list__child {
    width: auto;
    padding: 0;
  }
}
.modal__list a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 15px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: var(--blue);
  text-decoration: none;
}
@media (max-width: 769px) {
  .modal__list a {
    font-size: calc(16 / var(--sp-size) * 100vw);
  }
}
.modal__list a::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 7px;
  height: 13px;
  background: url(../images/btn-arr.svg) no-repeat 0 50%/100% auto;
}
@media (max-width: 769px) {
  .modal__list a::before {
    width: calc(7 / var(--sp-size) * 100vw);
    height: calc(13 / var(--sp-size) * 100vw);
  }
}
.modal__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 60px;
  border: 2px solid var(--blue);
  border-radius: 999px;
  background: #fff url(../images/btn-close.svg) no-repeat calc(100% - 23px) 50%/18px auto;
  color: var(--blue);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.15s ease-in;
}
@media (max-width: 769px) {
  .modal__close {
    width: calc(300 / var(--sp-size) * 100vw);
    height: calc(60 / var(--sp-size) * 100vw);
    padding: calc(20 / var(--sp-size) * 100vw) 0;
    font-size: calc(16 / var(--sp-size) * 100vw);
    background-size: calc(18 / var(--sp-size) * 100vw) auto;
    background-position: calc(100% - 22 / var(--sp-size) * 100vw) 50%;
  }
}
.modal__close:hover {
  opacity: 0.6;
}
/*# sourceMappingURL=../css/maps/style.css.map */