@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  vertical-align: baseline;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

table,
tr,
th,
td,
caption {
  vertical-align: middle;
  text-align: left;
}

img {
  width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

textarea {
  vertical-align: top;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  width: 100%;
  color: #2a2a2a;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: min(28 / 750 * 100vw, 28px);
  font-weight: 400;
  -webkit-text-size-adjust: none;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  body {
    font-size: min(16 / 1400 * 100vw, 16px);
  }
}

a {
  color: #2a2a2a;
  display: block;
  text-decoration: none;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}

.inner {
  padding: 0 min(40 / 750 * 100vw, 40px);
}
@media screen and (min-width: 769px) {
  .inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
  }
}

.txt {
  line-height: 1.6;
}

.fontBold {
  font-weight: 700;
}

.br-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .br-sp {
    display: inline;
  }
}

.pc-only {
  display: inline;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: inline;
  }
}

.note {
  font-size: min(20 / 750 * 100vw, 20px);
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .note {
    font-size: min(19 / 750 * 100vw, 19px);
  }
}

.fade-in {
  opacity: 0;
  transform: translateY(min(20 / 750 * 100vw, 20px));
  transition: opacity 0.6s ease, transform 0.6s ease;
}
@media screen and (min-width: 769px) {
  .fade-in {
    transform: translateY(min(20 / 1400 * 100vw, 20px));
  }
}
.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.btn-reserve {
  display: inline-block;
  background-color: #e9527a;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  padding: min(24 / 750 * 100vw, 24px) min(60 / 750 * 100vw, 60px);
  font-size: min(32 / 750 * 100vw, 32px);
}
@media screen and (min-width: 769px) {
  .btn-reserve {
    padding: min(14 / 1400 * 100vw, 14px) min(40 / 1400 * 100vw, 40px);
    font-size: min(18 / 1400 * 100vw, 18px);
  }
}
.btn-reserve--large {
  padding: min(28 / 750 * 100vw, 28px) min(90 / 750 * 100vw, 90px);
  font-size: min(38 / 750 * 100vw, 38px);
}
@media screen and (min-width: 769px) {
  .btn-reserve--large {
    display: block;
    width: min(600 / 1400 * 100vw, 600px);
    margin: 0 auto;
    padding: min(10 / 1400 * 100vw, 10px) 0;
    border: min(3 / 1400 * 100vw, 3px) solid #fff;
    font-size: min(50 / 1400 * 100vw, 50px);
  }
}
@media screen and (max-width: 768px) {
  .btn-reserve--large {
    display: block;
    width: min(630 / 750 * 100vw, 630px);
    margin: 0 auto;
    padding: min(10 / 750 * 100vw, 10px) 0;
    border: 2px solid #fff;
    font-size: min(55 / 750 * 100vw, 55px);
  }
}

.btn-more {
  display: block;
  width: fit-content;
  margin: min(30 / 750 * 100vw, 30px) auto 0;
  background-color: #27903a;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 999px;
  padding: min(20 / 750 * 100vw, 20px) min(60 / 750 * 100vw, 60px);
  font-size: min(26 / 750 * 100vw, 26px);
}
@media screen and (max-width: 768px) {
  .btn-more {
    width: min(500 / 750 * 100vw, 500px);
    padding: min(10 / 750 * 100vw, 10px) min(60 / 750 * 100vw, 60px);
    font-size: min(34 / 750 * 100vw, 34px);
  }
}
@media screen and (min-width: 769px) {
  .btn-more {
    width: min(260 / 1400 * 100vw, 260px);
    margin: min(40 / 1400 * 100vw, 40px) auto 0;
    padding: min(9 / 1400 * 100vw, 9px) min(60 / 1400 * 100vw, 60px);
    font-size: min(20 / 1400 * 100vw, 20px);
  }
}

.header {
  position: relative;
  z-index: 300;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .header {
    padding-bottom: min(174 / 750 * 100vw, 174px);
  }
}
.header__topbar {
  display: none;
}
@media screen and (min-width: 769px) {
  .header__topbar {
    display: block;
    height: min(41 / 1400 * 100vw, 41px);
    background-color: #8cc220;
  }
}
.header__inner {
  position: relative;
  display: flex;
  align-items: center;
  padding: min(20 / 750 * 100vw, 20px) min(24 / 750 * 100vw, 24px);
}
@media screen and (min-width: 769px) {
  .header__inner {
    padding: min(10 / 1400 * 100vw, 10px) min(50 / 1400 * 100vw, 50px) min(22 / 1400 * 100vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .header__inner {
    height: min(142 / 750 * 100vw, 142px);
    padding: 0 min(30 / 750 * 100vw, 30px);
    border-bottom: 1px solid #e1e1e1;
  }
}
.header__logo {
  width: min(224 / 750 * 100vw, 224px);
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .header__logo {
    width: min(573 / 1400 * 100vw, 573px);
  }
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: min(530 / 750 * 100vw, 530px);
  }
}
.header__mascot {
  display: flex;
  align-items: flex-end;
  margin-left: min(16 / 750 * 100vw, 16px);
  flex-shrink: 0;
}
.header__mascot img {
  width: auto;
  height: min(70 / 750 * 100vw, 70px);
  margin-right: min(6 / 750 * 100vw, 6px);
}
.header__mascot img:last-child {
  height: min(96 / 750 * 100vw, 96px);
}
@media screen and (min-width: 769px) {
  .header__mascot {
    position: absolute;
    left: min(387 / 1400 * 100vw, 387px);
    top: min(14 / 1400 * 100vw, 14px);
    height: min(130 / 1400 * 100vw, 130px);
    margin-left: 0;
    align-items: flex-start;
    overflow: hidden;
  }
  .header__mascot img {
    width: min(126 / 1400 * 100vw, 126px);
    height: auto;
    margin-right: min(24 / 1400 * 100vw, 24px);
  }
  .header__mascot img:last-child {
    width: min(80 / 1400 * 100vw, 80px);
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .header__mascot {
    margin-left: auto;
    align-items: flex-start;
    height: min(130 / 750 * 100vw, 130px);
    overflow: hidden;
  }
  .header__mascot img {
    width: min(113 / 750 * 100vw, 113px);
    height: auto;
    margin-right: min(17 / 750 * 100vw, 17px);
  }
  .header__mascot img:last-child {
    width: min(80 / 750 * 100vw, 80px);
    height: auto;
  }
}
.header__cta {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: min(90 / 750 * 100vw, 90px);
  gap: min(16 / 750 * 100vw, 16px);
}
@media screen and (min-width: 769px) {
  .header__cta {
    margin-right: 0;
    gap: min(18 / 1400 * 100vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .header__cta {
    position: absolute;
    left: min(30 / 750 * 100vw, 30px);
    right: min(30 / 750 * 100vw, 30px);
    bottom: max(-119 / 750 * 100vw, -119px);
    margin-left: 0;
    margin-right: 0;
    height: min(83 / 750 * 100vw, 83px);
    gap: min(30 / 750 * 100vw, 30px);
  }
}
.header__btn-reserve {
  background-color: #e9527a;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  white-space: nowrap;
  padding: min(18 / 750 * 100vw, 18px) min(30 / 750 * 100vw, 30px);
  font-size: min(26 / 750 * 100vw, 26px);
}
@media screen and (min-width: 769px) {
  .header__btn-reserve {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(293 / 1400 * 100vw, 293px);
    height: min(82 / 1400 * 100vw, 82px);
    padding: 0;
    font-size: min(40 / 1400 * 100vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .header__btn-reserve {
    width: min(330 / 750 * 100vw, 330px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: min(10 / 750 * 100vw, 10px) 0;
    font-size: min(40 / 750 * 100vw, 40px);
    border-radius: min(8 / 750 * 100vw, 8px);
  }
}
.header__btn-netloan {
  border: 1px solid #27903a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: min(6 / 750 * 100vw, 6px) min(16 / 750 * 100vw, 16px);
}
@media screen and (min-width: 769px) {
  .header__btn-netloan {
    justify-content: center;
    width: min(292 / 1400 * 100vw, 292px);
    height: min(82 / 1400 * 100vw, 82px);
    padding: 0;
    border-width: min(3 / 1400 * 100vw, 3px);
    border-color: #007463;
  }
}
@media screen and (max-width: 768px) {
  .header__btn-netloan {
    width: min(330 / 750 * 100vw, 330px);
    justify-content: center;
    padding: min(7 / 750 * 100vw, 7px) 0;
    border-width: min(3 / 750 * 100vw, 3px);
    border-radius: min(8 / 750 * 100vw, 8px);
  }
}
.header__btn-netloan-icon {
  width: min(160 / 750 * 100vw, 160px);
}
@media screen and (min-width: 769px) {
  .header__btn-netloan-icon {
    width: min(226 / 1400 * 100vw, 226px);
  }
}
@media screen and (max-width: 768px) {
  .header__btn-netloan-icon {
    width: min(239 / 750 * 100vw, 239px);
  }
}

.nav-toggle {
  display: none;
  width: min(48 / 750 * 100vw, 48px);
  height: min(40 / 750 * 100vw, 40px);
  position: relative;
  margin-left: min(16 / 750 * 100vw, 16px);
  cursor: pointer;
  flex-shrink: 0;
}
.nav-toggle__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.nav-toggle__bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #27903a;
  transition: 0.35s ease-in-out;
}
.nav-toggle__bar:nth-child(1) {
  top: 0;
}
.nav-toggle__bar:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.nav-toggle__bar:nth-child(3) {
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .nav-toggle {
    display: block;
    order: -1;
    width: min(66 / 750 * 100vw, 66px);
    height: min(59 / 750 * 100vw, 59px);
    margin-left: 0;
    margin-right: min(96 / 750 * 100vw, 96px);
  }
}

body.nav-open .nav-toggle__bar:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
body.nav-open .nav-toggle__bar:nth-child(2) {
  opacity: 0;
}
body.nav-open .nav-toggle__bar:nth-child(3) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

#overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 250;
}
@media screen and (max-width: 768px) {
  body.nav-open #overlay {
    display: block;
  }
}

.gnav {
  border-top: 1px solid #e0e0e0;
  border-bottom: 3px solid #27903a;
}
.gnav__list {
  display: flex;
}
.gnav__item {
  flex: 1;
  border-left: 1px solid #e0e0e0;
}
.gnav__item:first-child {
  border-left: none;
}
.gnav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: min(16 / 750 * 100vw, 16px) min(6 / 750 * 100vw, 6px);
  font-size: min(20 / 750 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.3;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .gnav__link {
    padding: min(26 / 1400 * 100vw, 26px) min(6 / 1400 * 100vw, 6px);
    font-size: min(16 / 1400 * 100vw, 16px);
  }
}
.gnav__link:hover {
  opacity: 1;
  background-color: #27903a;
  color: #fff;
}
.gnav__link:hover .gnav__label {
  color: #fff;
}
.gnav__link:hover .gnav__icon--default {
  opacity: 0;
}
.gnav__link:hover .gnav__icon--hover {
  opacity: 1;
}
.gnav__label {
  color: #27903a;
  font-weight: 700;
}
.gnav__icon-wrap {
  position: relative;
  width: min(44 / 750 * 100vw, 44px);
  height: min(44 / 750 * 100vw, 44px);
  margin-bottom: min(6 / 750 * 100vw, 6px);
}
@media screen and (min-width: 769px) {
  .gnav__icon-wrap {
    width: min(44 / 1400 * 100vw, 44px);
    height: min(44 / 1400 * 100vw, 44px);
    margin-bottom: min(14 / 1400 * 100vw, 14px);
  }
}
.gnav__icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.2s;
}
.gnav__icon--hover {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .gnav {
    position: fixed;
    top: min(142 / 750 * 100vw, 142px);
    left: 0;
    width: 100%;
    max-height: calc(100% - min(142 / 750 * 100vw, 142px));
    background-color: #fff;
    z-index: 260;
    border: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: 0.35s ease-in-out;
    overflow-y: auto;
  }
  .gnav__list {
    flex-direction: column;
  }
  .gnav__item {
    border-left: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .gnav__link {
    flex-direction: row;
    justify-content: flex-start;
    padding: min(24 / 750 * 100vw, 24px) min(30 / 750 * 100vw, 30px);
    font-size: min(26 / 750 * 100vw, 26px);
  }
  .gnav__icon-wrap {
    width: min(40 / 750 * 100vw, 40px);
    height: min(40 / 750 * 100vw, 40px);
    margin-bottom: 0;
    margin-right: min(20 / 750 * 100vw, 20px);
  }
  body.nav-open .gnav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.kv {
  background-color: #f4f6ee;
  padding: min(30 / 750 * 100vw, 30px) 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .kv {
    padding: min(95 / 1400 * 100vw, 95px) 0 min(120 / 1400 * 100vw, 120px);
  }
}
@media screen and (max-width: 768px) {
  .kv {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: min(165 / 750 * 100vw, 165px);
  }
}
.kv .swiper-container {
  width: 88%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: visible;
}
@media screen and (min-width: 769px) {
  .kv .swiper-container {
    max-width: min(1110 / 1400 * 100vw, 1110px);
  }
}
@media screen and (min-width: 769px) {
  .kv .swiper-slide a {
    height: min(368 / 1400 * 100vw, 368px);
    overflow: hidden;
  }
  .kv .swiper-slide a img {
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .kv .swiper-slide a {
    height: min(218 / 750 * 100vw, 218px);
    overflow: hidden;
  }
  .kv .swiper-slide a img {
    height: 100%;
    object-fit: cover;
  }
}
.kv .swiper-slide-prev,
.kv .swiper-slide-next {
  opacity: 0.1;
  pointer-events: none;
}
.kv .swiper-button-prev,
.kv .swiper-button-next {
  width: min(50 / 750 * 100vw, 50px);
  height: min(50 / 750 * 100vw, 50px);
  margin-top: max(-25 / 750 * 100vw, -25px);
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kv .swiper-button-prev::after,
.kv .swiper-button-next::after {
  content: "";
  display: block;
  width: min(16 / 750 * 100vw, 16px);
  height: min(16 / 750 * 100vw, 16px);
  border-top: 3px solid #27903a;
  border-right: 3px solid #27903a;
}
@media screen and (min-width: 769px) {
  .kv .swiper-button-prev,
  .kv .swiper-button-next {
    width: min(120 / 1400 * 100vw, 120px);
    height: min(120 / 1400 * 100vw, 120px);
    margin-top: max(-60 / 1400 * 100vw, -60px);
  }
  .kv .swiper-button-prev::after,
  .kv .swiper-button-next::after {
    width: min(36 / 1400 * 100vw, 36px);
    height: min(36 / 1400 * 100vw, 36px);
    border-top-width: min(4.5 / 1400 * 100vw, 4.5px);
    border-right-width: min(4.5 / 1400 * 100vw, 4.5px);
    border-top-color: #0078ff;
    border-right-color: #0078ff;
  }
}
@media screen and (max-width: 768px) {
  .kv .swiper-button-prev,
  .kv .swiper-button-next {
    width: min(125 / 750 * 100vw, 125px);
    height: min(125 / 750 * 100vw, 125px);
    margin-top: max(-62.5 / 750 * 100vw, -62.5px);
  }
  .kv .swiper-button-prev::after,
  .kv .swiper-button-next::after {
    width: min(40 / 750 * 100vw, 40px);
    height: min(40 / 750 * 100vw, 40px);
    border-top-width: 3.75px;
    border-right-width: 3.75px;
    border-top-color: #0078ff;
    border-right-color: #0078ff;
  }
}
.kv .swiper-button-prev::after {
  transform: rotate(-135deg);
  margin-left: 30%;
}
.kv .swiper-button-next::after {
  transform: rotate(45deg);
  margin-right: 30%;
}
@media screen and (min-width: 769px) {
  .kv .swiper-button-prev {
    left: max(-100 / 1400 * 100vw, -100px);
  }
}
@media screen and (max-width: 768px) {
  .kv .swiper-button-prev {
    left: calc(50% - 50vw);
  }
}
@media screen and (min-width: 769px) {
  .kv .swiper-button-next {
    right: max(-100 / 1400 * 100vw, -100px);
  }
}
@media screen and (max-width: 768px) {
  .kv .swiper-button-next {
    right: calc(50% - 50vw);
  }
}
.kv .swiper-pagination {
  bottom: max(-56 / 750 * 100vw, -56px);
}
@media screen and (min-width: 769px) {
  .kv .swiper-pagination {
    bottom: max(-48 / 1400 * 100vw, -48px);
  }
}
@media screen and (min-width: 769px) {
  .kv .swiper-pagination-bullet {
    width: min(12 / 1400 * 100vw, 12px);
    height: min(12 / 1400 * 100vw, 12px);
  }
}
.kv .swiper-pagination-bullet-active {
  background-color: #27903a;
}

.consult {
  background-color: #fcfff1;
}
.consult .inner {
  padding-top: min(50 / 750 * 100vw, 50px);
  padding-bottom: min(60 / 750 * 100vw, 60px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .consult .inner {
    padding-top: min(55 / 1400 * 100vw, 55px);
    padding-bottom: min(80 / 1400 * 100vw, 80px);
  }
}
.consult__lead {
  font-size: min(38 / 750 * 100vw, 38px);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: min(55 / 750 * 100vw, 55px);
}
@media screen and (min-width: 769px) {
  .consult__lead {
    font-size: min(40 / 1400 * 100vw, 40px);
    margin-bottom: min(88 / 1400 * 100vw, 88px);
    letter-spacing: -0.04em;
  }
}
.consult__lead .pc-only,
.consult__lead .sp-only {
  font-weight: 700;
}
.consult__box {
  background-color: #fff;
  border: 2px solid #8cc220;
  border-radius: 14px;
  padding: min(40 / 750 * 100vw, 40px) min(65 / 750 * 100vw, 65px);
}
@media screen and (max-width: 768px) {
  .consult__box {
    border-radius: 7px;
    padding-bottom: min(20 / 750 * 100vw, 20px);
  }
}
@media screen and (min-width: 769px) {
  .consult__box {
    position: relative;
    border-width: min(4 / 1400 * 100vw, 4px);
    padding: min(90 / 1400 * 100vw, 90px) min(40 / 1400 * 100vw, 40px) min(35 / 1400 * 100vw, 35px);
  }
}
.consult__box-title {
  display: inline-block;
  background-color: #8cc220;
  color: #fff;
  font-weight: 700;
  border-radius: 999px;
  padding: min(18 / 750 * 100vw, 18px) min(50 / 750 * 100vw, 50px);
  font-size: min(28 / 750 * 100vw, 28px);
  margin-bottom: min(36 / 750 * 100vw, 36px);
}
@media screen and (min-width: 769px) {
  .consult__box-title {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(768 / 1400 * 100vw, 768px);
    transform: translate(-50%, -50%);
    border-radius: min(10 / 1400 * 100vw, 10px);
    padding: min(15 / 1400 * 100vw, 15px) 0;
    font-size: min(45 / 1400 * 100vw, 45px);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .consult__box-title {
    position: relative;
    display: block;
    width: auto;
    margin: max(-40 / 750 * 100vw, -40px) max(-65 / 750 * 100vw, -65px) min(50 / 750 * 100vw, 50px);
    padding: min(10 / 750 * 100vw, 10px) min(20 / 750 * 100vw, 20px) min(15 / 750 * 100vw, 15px);
    border-radius: 7px 7px 0 0;
    font-size: min(45 / 750 * 100vw, 45px);
    line-height: 1.2;
    letter-spacing: -0.04em;
  }
  .consult__box-title::before, .consult__box-title::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: min(20 / 750 * 100vw, 20px);
    height: min(20 / 750 * 100vw, 20px);
    background-color: #8cc220;
  }
  .consult__box-title::before {
    left: 0;
  }
  .consult__box-title::after {
    right: 0;
  }
}
.consult__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(30 / 750 * 100vw, 30px);
}
@media screen and (min-width: 769px) {
  .consult__list {
    grid-template-columns: repeat(2, min(560 / 1400 * 100vw, 560px));
    justify-content: center;
    gap: min(40 / 1400 * 100vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .consult__list {
    grid-template-columns: 1fr;
  }
}
.consult__list-item {
  background-color: #8cc220;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: min(12 / 750 * 100vw, 12px) min(10 / 750 * 100vw, 10px);
  font-size: min(50 / 750 * 100vw, 50px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .consult__list-item {
    position: relative;
    border-radius: min(10 / 1400 * 100vw, 10px);
    padding: min(15 / 1400 * 100vw, 15px) min(14 / 1400 * 100vw, 14px);
    font-size: min(45 / 1400 * 100vw, 45px);
  }
}
.consult__list-etc {
  font-weight: 400;
  font-size: min(22 / 750 * 100vw, 22px);
  margin-left: min(4 / 750 * 100vw, 4px);
}
@media screen and (max-width: 768px) {
  .consult__list-etc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .consult__list-etc {
    position: absolute;
    left: 100%;
    bottom: 0;
    margin-left: min(16 / 1400 * 100vw, 16px);
    font-size: min(30 / 1400 * 100vw, 30px);
    color: #2a2a2a;
    white-space: nowrap;
  }
}
.consult__list-etc-note {
  display: none;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .consult__list-etc-note {
    display: block;
    text-align: center;
    font-size: min(34 / 750 * 100vw, 34px);
    margin-top: min(5 / 750 * 100vw, 5px);
  }
}
.consult__note {
  font-size: min(30 / 750 * 100vw, 30px);
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .consult__note {
    margin-top: min(20 / 1400 * 100vw, 20px);
    font-size: min(25 / 1400 * 100vw, 25px);
  }
}
.consult__cta {
  margin-top: min(49.5 / 750 * 100vw, 49.5px);
}
@media screen and (min-width: 769px) {
  .consult__cta {
    margin-top: min(73.5 / 1400 * 100vw, 73.5px);
  }
}

.info-block {
  background-color: #fff;
}
.info-block .inner {
  padding-top: min(75 / 750 * 100vw, 75px);
  padding-bottom: min(100 / 750 * 100vw, 100px);
}
@media screen and (min-width: 769px) {
  .info-block .inner {
    padding-top: min(95 / 1400 * 100vw, 95px);
    padding-bottom: min(130 / 1400 * 100vw, 130px);
    max-width: min(1100 / 1400 * 100vw, 1100px);
  }
}
.info-block__title {
  text-align: center;
  font-weight: 700;
  font-size: min(38 / 750 * 100vw, 38px);
  margin-bottom: min(30 / 750 * 100vw, 30px);
}
@media screen and (max-width: 768px) {
  .info-block__title {
    font-size: min(46 / 750 * 100vw, 46px);
    margin-bottom: min(10 / 750 * 100vw, 10px);
  }
}
@media screen and (min-width: 769px) {
  .info-block__title {
    font-size: min(46 / 1400 * 100vw, 46px);
    margin-bottom: min(15 / 1400 * 100vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .info-block__card {
    border-radius: 8px;
    padding: 0 min(30 / 750 * 100vw, 30px) 0;
  }
}
@media screen and (min-width: 769px) {
  .info-block__card {
    border-radius: min(10 / 1400 * 100vw, 10px);
    padding: min(0 / 1400 * 100vw, 0px) min(25 / 1400 * 100vw, 25px);
    font-size: min(20 / 1400 * 100vw, 20px);
  }
}
.info-block--notice .info-block__title {
  color: #fa9f00;
}
@media screen and (max-width: 768px) {
  .info-block--notice .info-block__card {
    background-color: #f8f6e6;
  }
}
@media screen and (min-width: 769px) {
  .info-block--notice .info-block__card {
    background-color: #f8f6e6;
  }
}
@media screen and (max-width: 768px) {
  .info-block--news .inner {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .info-block--news .inner {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .info-block--news .info-block__card {
    background-color: #f8f8f8;
    padding-bottom: min(65 / 750 * 100vw, 65px);
  }
}
@media screen and (min-width: 769px) {
  .info-block--news .info-block__card {
    background-color: #f8f8f8;
    padding-bottom: min(30 / 1400 * 100vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  .info-block--news .info-block__card .btn-more {
    margin-top: min(20 / 1400 * 100vw, 20px);
  }
}
.info-block--news .info-block__list-link {
  color: #27903a;
}
.info-block--news .info-block__list-item:last-child {
  border-bottom: 1px solid #888888;
}
.info-block__list-item {
  display: flex;
  align-items: baseline;
  gap: min(24 / 750 * 100vw, 24px);
  padding: min(24 / 750 * 100vw, 24px) 0;
  border-bottom: 1px solid #888888;
}
@media screen and (min-width: 769px) {
  .info-block__list-item {
    gap: min(26 / 1400 * 100vw, 26px);
    padding: min(17 / 1400 * 100vw, 17px) 0;
  }
}
@media screen and (max-width: 768px) {
  .info-block__list-item {
    flex-direction: column;
    gap: min(6 / 750 * 100vw, 6px);
  }
}
.info-block__list-item:last-child {
  border-bottom: none;
}
.info-block__list-date {
  flex-shrink: 0;
  font-size: min(22 / 750 * 100vw, 22px);
  color: #000;
}
@media screen and (max-width: 768px) {
  .info-block__list-date {
    display: flex;
    align-items: center;
    gap: min(16 / 750 * 100vw, 16px);
    width: 100%;
    font-size: min(28 / 750 * 100vw, 28px);
  }
  .info-block__list-date::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #888888;
  }
}
@media screen and (min-width: 769px) {
  .info-block__list-date {
    font-size: min(20 / 1400 * 100vw, 20px);
  }
}
.info-block__list-link {
  font-size: min(24 / 750 * 100vw, 24px);
  color: #fa9f00;
}
@media screen and (max-width: 768px) {
  .info-block__list-link {
    font-size: min(28 / 750 * 100vw, 28px);
  }
}
@media screen and (min-width: 769px) {
  .info-block__list-link {
    font-size: min(20 / 1400 * 100vw, 20px);
  }
}
.info-block__list-link:hover {
  text-decoration: underline;
}

.cm {
  background-color: #fff;
}
.cm .inner {
  padding-bottom: min(110 / 750 * 100vw, 110px);
}
@media screen and (min-width: 769px) {
  .cm .inner {
    padding-bottom: min(110 / 1400 * 100vw, 110px);
  }
}
.cm__title {
  background-color: #27903a;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: min(44 / 750 * 100vw, 44px);
  padding: min(24 / 750 * 100vw, 24px) 0;
  margin-bottom: min(50 / 750 * 100vw, 50px);
}
@media screen and (max-width: 768px) {
  .cm__title {
    font-size: min(55 / 750 * 100vw, 55px);
    padding: min(8 / 750 * 100vw, 8px) 0;
    border-radius: 5px;
  }
}
@media screen and (min-width: 769px) {
  .cm__title {
    font-size: min(55 / 1400 * 100vw, 55px);
    padding: min(9 / 1400 * 100vw, 9px) 0;
    margin-bottom: min(50 / 1400 * 100vw, 50px);
    border-radius: min(10 / 1400 * 100vw, 10px);
  }
}
.cm__list {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - min(40 / 750 * 100vw, 40px) * 2) / 3));
  justify-content: center;
  gap: min(40 / 750 * 100vw, 40px);
}
@media screen and (min-width: 769px) {
  .cm__list {
    grid-template-columns: repeat(2, calc((100% - min(35 / 1400 * 100vw, 35px) * 2) / 3));
    gap: min(35 / 1400 * 100vw, 35px);
  }
}
@media screen and (max-width: 768px) {
  .cm__list {
    grid-template-columns: 1fr;
    gap: min(70 / 750 * 100vw, 70px);
    padding-left: min(30 / 750 * 100vw, 30px);
    padding-right: min(30 / 750 * 100vw, 30px);
  }
}
.cm__label {
  text-align: center;
  background-color: #f8f8f8;
  border: 2px solid #27903a;
  color: #27903a;
  font-weight: 700;
  border-radius: 10px;
  padding: min(14 / 750 * 100vw, 14px) 0;
  font-size: min(26 / 750 * 100vw, 26px);
  margin-bottom: min(20 / 750 * 100vw, 20px);
}
@media screen and (max-width: 768px) {
  .cm__label {
    border-width: 1px;
    font-size: min(40 / 750 * 100vw, 40px);
    padding: min(5 / 750 * 100vw, 5px) 0;
    margin-bottom: min(30 / 750 * 100vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  .cm__label {
    padding: min(3 / 1400 * 100vw, 3px) 0;
    font-size: min(40 / 1400 * 100vw, 40px);
    margin-bottom: min(27 / 1400 * 100vw, 27px);
  }
}
.cm__thumb {
  position: relative;
  display: block;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: opacity 0.3s;
}
.cm__thumb:hover {
  opacity: 0.7;
}
.cm__thumb-img {
  display: block;
}

.service-banners {
  background-color: #f3f9e8;
}
.service-banners .inner {
  padding-top: min(50 / 750 * 100vw, 50px);
  padding-bottom: min(65 / 750 * 100vw, 65px);
}
@media screen and (min-width: 769px) {
  .service-banners .inner {
    padding-top: min(50 / 1400 * 100vw, 50px);
    padding-bottom: min(65 / 1400 * 100vw, 65px);
  }
}
.service-banners__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(30 / 750 * 100vw, 30px);
}
@media screen and (min-width: 769px) {
  .service-banners__list {
    gap: min(36 / 1400 * 100vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  .service-banners__list {
    grid-template-columns: 1fr;
    gap: min(40 / 750 * 100vw, 40px);
  }
}

.campaign {
  background-color: #fff;
  overflow: hidden;
}
.campaign .inner {
  padding-top: min(70 / 750 * 100vw, 70px);
  padding-bottom: min(70 / 750 * 100vw, 70px);
  position: relative;
}
@media screen and (min-width: 769px) {
  .campaign .inner {
    padding-top: min(95 / 1400 * 100vw, 95px);
    padding-bottom: min(80 / 1400 * 100vw, 80px);
  }
}
.campaign__title {
  text-align: center;
  color: #27903a;
  font-weight: 700;
  font-size: min(40 / 750 * 100vw, 40px);
  margin-bottom: min(50 / 750 * 100vw, 50px);
}
@media screen and (max-width: 768px) {
  .campaign__title {
    font-size: min(56 / 750 * 100vw, 56px);
    letter-spacing: -0.04em;
  }
}
@media screen and (min-width: 769px) {
  .campaign__title {
    font-size: min(55 / 1400 * 100vw, 55px);
    margin-bottom: min(30 / 1400 * 100vw, 30px);
    letter-spacing: -0.04em;
  }
}
.campaign__swiper {
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .campaign__swiper {
    margin: 0 max(-40 / 750 * 100vw, -40px);
  }
}
.campaign__swiper .swiper-slide {
  width: min(415 / 750 * 100vw, 415px);
}
.campaign__swiper .swiper-slide.swiper-slide-active > a {
  transform: scale(1.1373493976);
}
@media screen and (min-width: 769px) {
  .campaign__swiper .swiper-slide {
    width: min(320 / 1400 * 100vw, 320px);
  }
  .campaign__swiper .swiper-slide.swiper-slide-active > a {
    transform: none;
  }
}
.campaign__button-prev, .campaign__button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: min(60 / 750 * 100vw, 60px);
  height: min(60 / 750 * 100vw, 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(60, 60, 60, 0.55);
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .campaign__button-prev, .campaign__button-next {
    width: min(44 / 1400 * 100vw, 44px);
    height: min(44 / 1400 * 100vw, 44px);
  }
}
.campaign__button-prev::after, .campaign__button-next::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.campaign__button-prev {
  left: 0;
}
.campaign__button-prev::after {
  margin-right: min(3 / 750 * 100vw, 3px);
  border-width: min(13 / 750 * 100vw, 13px) min(18 / 750 * 100vw, 18px) min(13 / 750 * 100vw, 13px) 0;
  border-color: transparent #fff transparent transparent;
}
@media screen and (min-width: 769px) {
  .campaign__button-prev::after {
    margin-right: min(3 / 1400 * 100vw, 3px);
    border-width: min(7 / 1400 * 100vw, 7px) min(10 / 1400 * 100vw, 10px) min(7 / 1400 * 100vw, 7px) 0;
  }
}
.campaign__button-next {
  right: 0;
}
.campaign__button-next::after {
  margin-left: min(3 / 750 * 100vw, 3px);
  border-width: min(13 / 750 * 100vw, 13px) 0 min(13 / 750 * 100vw, 13px) min(18 / 750 * 100vw, 18px);
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 769px) {
  .campaign__button-next::after {
    margin-left: min(3 / 1400 * 100vw, 3px);
    border-width: min(7 / 1400 * 100vw, 7px) 0 min(7 / 1400 * 100vw, 7px) min(10 / 1400 * 100vw, 10px);
  }
}

.footer-nav {
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .footer-nav {
    background-color: #fff;
  }
}
.footer-nav .inner {
  padding-top: min(60 / 750 * 100vw, 60px);
  padding-bottom: min(60 / 750 * 100vw, 60px);
  display: flex;
  flex-wrap: wrap;
  gap: min(40 / 750 * 100vw, 40px) min(20 / 750 * 100vw, 20px);
}
@media screen and (min-width: 769px) {
  .footer-nav .inner {
    padding-top: 0;
    padding-bottom: min(50 / 1400 * 100vw, 50px);
    gap: min(10 / 1400 * 100vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .footer-nav .inner {
    flex-direction: column;
    gap: min(40 / 750 * 100vw, 40px);
    padding-top: min(90 / 750 * 100vw, 90px);
    padding-left: min(60 / 750 * 100vw, 60px);
    padding-right: min(60 / 750 * 100vw, 60px);
  }
}
.footer-nav__col {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .footer-nav__col {
    flex: none;
    background-color: #f8f8f8;
    padding: min(30 / 750 * 100vw, 30px) min(30 / 750 * 100vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__col {
    background-color: #f8f8f8;
    padding: min(10 / 1400 * 100vw, 10px) min(23 / 1400 * 100vw, 23px);
  }
}
.footer-nav__col--small {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .footer-nav__col--small {
    flex: none;
  }
}
@media screen and (max-width: 768px) {
  .footer-nav__col--small .footer-nav__item {
    padding-left: 0;
  }
}
.footer-nav__heading {
  margin-bottom: min(32 / 750 * 100vw, 32px);
}
@media screen and (max-width: 768px) {
  .footer-nav__heading {
    margin-bottom: min(5 / 750 * 100vw, 5px);
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__heading {
    margin-bottom: min(13 / 1400 * 100vw, 13px);
  }
}
.footer-nav__heading-link {
  display: inline-flex;
  align-items: center;
  color: #2a2a2a;
  font-weight: 700;
  font-size: min(30 / 750 * 100vw, 30px);
}
@media screen and (max-width: 768px) {
  .footer-nav__heading-link {
    font-size: min(31 / 750 * 100vw, 31px);
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__heading-link {
    font-size: min(28 / 1400 * 100vw, 28px);
    white-space: nowrap;
  }
}
.footer-nav__heading-link::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(6 / 750 * 100vw, 6px) 0 min(6 / 750 * 100vw, 6px) min(9 / 750 * 100vw, 9px);
  border-color: transparent transparent transparent #27903a;
  margin-right: min(10 / 750 * 100vw, 10px);
}
@media screen and (max-width: 768px) {
  .footer-nav__heading-link::before {
    border-width: min(15 / 750 * 100vw, 15px) 0 min(15 / 750 * 100vw, 15px) min(22.5 / 750 * 100vw, 22.5px);
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__heading-link::before {
    border-width: min(15 / 1400 * 100vw, 15px) 0 min(15 / 1400 * 100vw, 15px) min(22.5 / 1400 * 100vw, 22.5px);
    margin-right: min(12 / 1400 * 100vw, 12px);
  }
}
.footer-nav__item {
  margin-bottom: min(28 / 750 * 100vw, 28px);
}
@media screen and (max-width: 768px) {
  .footer-nav__item {
    padding-left: min(40 / 750 * 100vw, 40px);
    margin-bottom: min(5 / 750 * 100vw, 5px);
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__item {
    margin-bottom: min(12 / 1400 * 100vw, 12px);
  }
}
.footer-nav__link {
  position: relative;
  font-size: min(26 / 750 * 100vw, 26px);
  color: #555;
  padding-left: min(26 / 750 * 100vw, 26px);
}
@media screen and (max-width: 768px) {
  .footer-nav__link {
    padding-left: min(35 / 750 * 100vw, 35px);
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__link {
    font-size: min(18 / 1400 * 100vw, 18px);
    padding-left: min(28 / 1400 * 100vw, 28px);
  }
}
.footer-nav__link::before {
  content: "▶︎";
  position: absolute;
  left: 0;
  top: 0;
  color: #27903a;
  font-size: 0.7em;
}
@media screen and (max-width: 768px) {
  .footer-nav__link::before {
    font-size: 1.05em;
  }
}
@media screen and (min-width: 769px) {
  .footer-nav__link::before {
    font-size: 1.05em;
  }
}

.footer {
  background-color: #fff;
  border-top: 1px solid #eee;
}
.footer .inner {
  padding: min(30 / 750 * 100vw, 30px) 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .footer .inner {
    padding: min(50 / 1400 * 100vw, 50px) 0 min(60 / 1400 * 100vw, 60px);
  }
}
.footer__logo {
  display: inline-block;
  margin-bottom: min(20 / 750 * 100vw, 20px);
}
@media screen and (min-width: 769px) {
  .footer__logo {
    margin-bottom: min(13 / 1400 * 100vw, 13px);
  }
}
.footer__logo-img {
  display: block;
  width: min(589 / 750 * 100vw, 589px);
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .footer__logo-img {
    width: min(400 / 1400 * 100vw, 400px);
  }
}
.footer__address {
  font-size: min(30 / 750 * 100vw, 30px);
  line-height: 1.8;
  color: #444;
  margin-bottom: min(36 / 750 * 100vw, 36px);
}
@media screen and (max-width: 768px) {
  .footer__address {
    line-height: 1.5;
    margin-bottom: min(65 / 750 * 100vw, 65px);
  }
}
@media screen and (min-width: 769px) {
  .footer__address {
    font-size: min(17 / 1400 * 100vw, 17px);
    margin-bottom: min(35 / 1400 * 100vw, 35px);
  }
}
.footer__address-link {
  display: inline;
  color: #2a2a2a;
}
.footer__copyright {
  display: block;
  font-size: min(18 / 750 * 100vw, 18px);
  color: #999;
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    font-size: min(25 / 750 * 100vw, 25px);
  }
}
@media screen and (min-width: 769px) {
  .footer__copyright {
    font-size: min(15 / 1400 * 100vw, 15px);
    color: #a8a7a7;
  }
}

.floating-cta {
  position: fixed;
  right: min(24 / 750 * 100vw, 24px);
  bottom: min(24 / 750 * 100vw, 24px);
  width: min(150 / 750 * 100vw, 150px);
  height: min(150 / 750 * 100vw, 150px);
  border-radius: 50%;
  background-color: #e9527a;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: min(22 / 750 * 100vw, 22px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.floating-cta.is-visible {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  .floating-cta {
    width: min(198 / 750 * 100vw, 198px);
    height: min(198 / 750 * 100vw, 198px);
    font-size: min(32 / 750 * 100vw, 32px);
    border: min(3 / 750 * 100vw, 3px) solid #fff;
  }
}
@media screen and (min-width: 769px) {
  .floating-cta {
    right: min(30 / 1400 * 100vw, 30px);
    bottom: min(30 / 1400 * 100vw, 30px);
    width: min(141 / 1400 * 100vw, 141px);
    height: min(141 / 1400 * 100vw, 141px);
    border: min(3 / 1400 * 100vw, 3px) solid #fff;
    font-size: min(22 / 1400 * 100vw, 22px);
    font-weight: 700;
  }
}

.video-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.video-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.video-modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  padding: 0;
  cursor: pointer;
}
.video-modal__body {
  position: relative;
  width: 90%;
  max-width: 900px;
}
.video-modal__video {
  display: block;
  width: 100%;
  height: auto;
  background-color: #000;
}
.video-modal__close {
  position: absolute;
  top: max(-70 / 750 * 100vw, -70px);
  right: 0;
  width: min(60 / 750 * 100vw, 60px);
  height: min(60 / 750 * 100vw, 60px);
  border: none;
  background-color: #fff;
  border-radius: 50%;
  font-size: min(40 / 750 * 100vw, 40px);
  line-height: 1;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .video-modal__close {
    top: max(-44 / 1400 * 100vw, -44px);
    width: min(36 / 1400 * 100vw, 36px);
    height: min(36 / 1400 * 100vw, 36px);
    font-size: min(24 / 1400 * 100vw, 24px);
  }
}

body.video-modal-open {
  overflow: hidden;
}