@charset "UTF-8";
/*----------------------------------
カラーetc
-----------------------------------*/
hr {
  margin-block: 30px;
}

.section__block-type1 {
  padding-block: 3.75rem;
}
@media (min-width: 768px) {
  .section__block-type1 {
    padding-block: 5.625rem;
  }
}
.section__block-type1--nomad {
  padding-bottom: 3.75rem;
}
@media (min-width: 768px) {
  .section__block-type1--nomad {
    padding-bottom: 10.25rem;
  }
}

.section__block-type2 {
  padding-block: 2.5rem;
}
@media (min-width: 768px) {
  .section__block-type2 {
    padding-block: 5.625rem;
  }
}

.hidden-sp {
  display: none;
}
@media (min-width: 768px) {
  .hidden-sp {
    display: block;
  }
}

@media (min-width: 768px) {
  .hidden-tab {
    display: none;
  }
}

@media (min-width: 1080px) {
  .hidden-pc {
    display: none;
  }
}

.l-inner {
  max-width: calc(1000px + 2.5rem);
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.25rem;
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 100%;
  }
}

.animated__fadeIn {
  opacity: 0;
  translate: 0 40px;
  -webkit-transition: opacity 0.6s ease, translate 0.6s ease;
  transition: opacity 0.6s ease, translate 0.6s ease;
}
.animated__fadeIn.js-show {
  opacity: 1;
  translate: 0 0;
}

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

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

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

ol {
  list-style-position: inside;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

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

button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

@media screen and (max-width: 1079px) and (min-width: 768px) {
  html {
    font-size: calc(16 / 1080 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: calc(16 / 390 * 100vw);
  }
}

body {
  font-family: "Noto Sans";
  color: #333333;
  font-size: 0.875rem;
  font-weight: 400;
  background-color: #fff9eb;
}
@media (min-width: 768px) {
  body {
    font-size: 1.125rem;
  }
}

.c-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  padding-block: 0.8125rem;
  width: 100%;
  max-width: 15.625rem;
  background-color: #4fabbf;
  position: relative;
  border-radius: 7px;
  font-size: 1rem;
  font-weight: 700;
  border: 2px solid #4fabbf;
  -webkit-transition: color 0.5s ease, background-color 0.5s ease;
  transition: color 0.5s ease, background-color 0.5s ease;
}
.c-btn:hover {
  color: #4fabbf;
  background-color: #fff;
}
@media (min-width: 768px) {
  .c-btn {
    padding-block: 1.0625rem;
  }
}
.c-btn .button__porygon {
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-btn.c-btn--large {
  max-width: 18.75rem;
  padding-block: 1.125rem;
}
@media (min-width: 768px) {
  .c-btn.c-btn--large {
    max-width: 21.875rem;
    padding-block: 1.375rem;
  }
}

.c-contact-button {
  position: fixed;
  bottom: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 0.4375rem 1.0625rem;
  border: 5px solid #4fabbf;
  background-color: #fff;
  color: #4fabbf;
  font-weight: 700;
  -webkit-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
  transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
  font-size: 1.5rem;
  z-index: 110;
}
@media (min-width: 768px) {
  .c-contact-button {
    display: none;
  }
}
.c-contact-button:hover {
  color: #ffffff;
  background-color: #4fabbf;
  border: 5px solid #ffffff;
}

/* 下線画像付き見出し */
.heading-type1 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-right: auto;
}

.heading-type1__title {
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .heading-type1__title {
    font-size: 1.875rem;
  }
}

.heading-subWrap {
  position: absolute;
  left: -2.55rem;
  top: -2.2125rem;
}
@media (min-width: 768px) {
  .heading-subWrap {
    left: -5.75rem;
    top: -3.4125rem;
  }
}
.heading-subWrap .heading-sub {
  rotate: -14.4deg;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.42px;
  position: relative;
}
@media (min-width: 768px) {
  .heading-subWrap .heading-sub {
    font-size: 1.25rem;
  }
}
.heading-subWrap .heading-sub::after {
  content: "";
  position: absolute;
  background: url(/mongol/img/deco/under.svg) no-repeat center center/cover;
  width: 6.875rem;
  height: 1.8025rem;
  bottom: -0.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .heading-subWrap .heading-sub::after {
    width: 10.8125rem;
    height: 2.625rem;
    bottom: -1.625rem;
  }
}
.heading-subWrap.heading-subWrap--large {
  left: -1.4375rem;
}
@media (min-width: 768px) {
  .heading-subWrap.heading-subWrap--large {
    left: -5.9375rem;
    top: -3.375rem;
  }
}
.heading-subWrap.heading-subWrap--large .heading-sub::after {
  width: 8rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .heading-subWrap.heading-subWrap--large .heading-sub::after {
    width: 11.5625rem;
    height: 2.875rem;
    bottom: -1.5rem;
  }
}

.heading-sub--nomad {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .heading-sub--nomad {
    font-size: 1.25rem;
  }
}

.heading-subWrap--nomad-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  left: -3.375rem;
  top: -0.375rem;
}
@media (min-width: 768px) {
  .heading-subWrap--nomad-plan {
    top: -0.8125rem;
    gap: 0.8125rem;
    left: -6.5625rem;
  }
}
.heading-subWrap--nomad-plan .--nomad-sub {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .heading-subWrap--nomad-plan .--nomad-sub {
    font-size: 1.125rem;
  }
}
.heading-subWrap--nomad-plan .--nomad-sub::after {
  width: 3.375rem;
}
@media (min-width: 768px) {
  .heading-subWrap--nomad-plan .--nomad-sub::after {
    width: 7.5625rem;
  }
}

.heading-type2 {
  text-align: center;
}

.heading-type2__title {
  display: inline-block;
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .heading-type2__title {
    font-size: 1.875rem;
  }
}
.heading-type2__title::before, .heading-type2__title::after {
  position: absolute;
  content: "";
  width: 3.625rem;
  height: 1.25rem;
  background: url(/mongol/img/deco/head-side.png) no-repeat center center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .heading-type2__title::before, .heading-type2__title::after {
    width: 7.8125rem;
    height: 2.875rem;
  }
}
.heading-type2__title::before {
  left: -4.1875rem;
}
@media (min-width: 768px) {
  .heading-type2__title::before {
    left: -8.75rem;
  }
}
.heading-type2__title::after {
  right: -4.1875rem;
}
@media (min-width: 768px) {
  .heading-type2__title::after {
    right: -8.75rem;
  }
}

.submit-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 0.8125rem;
  width: 100%;
  max-width: 10.625rem;
  background-color: #4fabbf;
  color: #ffffff;
  border-radius: 5px;
  font-weight: 700;
  border: 2px solid #4fabbf;
  -webkit-transition: color 0.5s ease, background-color 0.5s ease;
  transition: color 0.5s ease, background-color 0.5s ease;
}
.submit-btn:hover {
  color: #4fabbf;
  background-color: #fff;
}
@media (min-width: 768px) {
  .submit-btn {
    font-size: 1.25rem;
    padding-block: 1.25rem;
  }
}

.appeal__head-decoWrap {
  margin-top: 0.375rem;
  text-align: center;
}

.appeal__head-deco {
  position: relative;
  display: inline-block;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 55px;
}
@media (min-width: 768px) {
  .appeal__head-deco {
    font-size: 1.875rem;
  }
}
.appeal__head-deco::before, .appeal__head-deco::after {
  position: absolute;
  content: "";
  width: 1.5rem;
  height: 2.125rem;
  background: url(/mongol/img/deco/kirakira-sp.svg) no-repeat center center/contain;
}
@media (min-width: 768px) {
  .appeal__head-deco::before, .appeal__head-deco::after {
    width: 2.125rem;
    height: 2.875rem;
  }
}
.appeal__head-deco::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  left: -1.625rem;
  bottom: 0;
}
@media (min-width: 768px) {
  .appeal__head-deco::before {
    left: -2.6875rem;
  }
}
.appeal__head-deco span {
  display: inline-block;
  -webkit-transform: translateY(0.125rem);
          transform: translateY(0.125rem);
  font-weight: 700;
  margin-right: 5px;
  font-family: "Oswald";
  font-size: 1.8125rem;
}
@media (min-width: 768px) {
  .appeal__head-deco span {
    font-size: 2.625rem;
  }
}

.c-footer-nav__heading {
  font-size: 0.75rem;
  color: #ffffff;
  position: relative;
  padding-left: 1.25rem;
}
.c-footer-nav__heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 13px;
  height: 13px;
  background: url(/mongol/img/footer/icon_footer.svg) center center/contain;
}

li {
  list-style: none;
}

.c-footer-nav__link {
  padding-left: 1.125rem;
  position: relative;
  font-size: 0.75rem;
  color: #ffffff;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.c-footer-nav__link:hover {
  opacity: 0.5;
}
.c-footer-nav__link::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: url(/mongol/img/footer/icon_footer-link.svg) center center/contain;
}

.p-card {
  display: block;
  padding: 0.625rem;
  background-color: #ffffff;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(51, 51, 51, 0.3);
          box-shadow: 3px 3px 4px 0px rgba(51, 51, 51, 0.3);
}
@media (min-width: 768px) {
  .p-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5625rem;
    padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  }
}

.card__image {
  width: 100%;
}
@media (min-width: 768px) {
  .card__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 19.375rem;
  }
}
@media (min-width: 768px) {
  .card__image img {
    aspect-ratio: 310/250;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: -3% center;
       object-position: -3% center;
  }
}

.card__title {
  margin-top: 0.625rem;
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .card__title {
    font-size: 1.5rem;
    margin-top: 0;
  }
}

.card__price {
  margin-top: 0.3125rem;
  text-align: right;
  color: #d91621;
  font-weight: 700;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .card__price {
    font-size: 1.5rem;
    margin-top: 0;
  }
}

.card__text {
  margin-top: 0.625rem;
}
@media (min-width: 768px) {
  .card__text {
    margin-top: 0.9375rem;
  }
}

.card__text-notes {
  color: #d91621;
  font-weight: 700;
}

.p-ballon-tour__card {
  position: relative;
  background: #ffffff;
  border: 1px solid #333333;
}
.p-ballon-tour__card:nth-child(n+2) {
  margin-top: 2.125rem;
}

.tour-card-label {
  position: absolute;
  left: -0.0625rem;
  top: -1.5625rem;
  width: 3.125rem;
  height: 1.5rem;
  text-align: center;
  background-color: #4fabbf;
  color: #ffffff;
}

.tour-card__flow {
  padding: 0.9375rem;
  list-style: none;
}

.flow-item {
  position: relative;
  padding-left: 1.25rem;
}
.flow-item span {
  font-size: 0.8125rem;
}
@media (min-width: 768px) {
  .flow-item {
    padding-left: 43px;
  }
}
.flow-item:nth-child(n+2) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .flow-item:nth-child(n+2) {
    margin-top: 1.5rem;
  }
}
.flow-item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0.1875rem;
  width: 0.8125rem;
  height: 0.8125rem;
}
@media (min-width: 768px) {
  .flow-item::before {
    width: 26px;
    height: 26px;
    top: -5px;
  }
}
.flow-item.flow-item--arrive::before {
  background: url(/mongol/img/balloon/icon_arrive.svg) center center/contain;
}
.flow-item.flow-item--leave::before {
  background: url(/mongol/img/balloon/icon_leave.svg) center center/contain;
}
.flow-item.flow-item--hotel::before {
  background: url(/mongol/img/balloon/icon_hotel.svg) center center/contain;
}
.flow-item.flow-item--horse::before {
  background: url(/mongol/img/balloon/icon_horse.svg) center center/contain;
}
.flow-item.flow-item--ballon::before {
  background: url(/mongol/img/balloon/icon_ballon.svg) center center/contain;
}
.flow-item.flow-item--night::before {
  background: url(/mongol/img/balloon/icon_night.svg) center center/contain;
}
.flow-item.flow-item--car::before {
  background: url(/mongol/img/balloon/icon_car.svg) center center/contain;
}
.flow-item.flow-item--bag::before {
  background: url(/mongol/img/balloon/icon_bag.svg) center center/contain;
}

.meal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.1875rem;
  border-top: 1px dotted rgba(51, 51, 51, 0.8);
  padding: 0.3125rem 0.9375rem;
}

.hotel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3125rem;
  padding: 0.3125rem 0.9375rem;
  border-top: 1px dotted rgba(51, 51, 51, 0.8);
}

.hotel__name {
  position: relative;
  padding-left: 1.0625rem;
}
.hotel__name::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 0.875rem;
  height: 0.875rem;
}
.hotel__name--hotel::before {
  background: url(/mongol/img/balloon/icon_table-hotel.svg) no-repeat center center/contain;
}
.hotel__name--camp::before {
  background: url(/mongol/img/balloon/icon_table-camp.svg) no-repeat center center/contain;
}

.l-table_inner {
  margin-top: 31px;
  max-width: 852px;
  margin-right: auto;
  margin-left: auto;
}

.p-tour-table {
  border-collapse: collapse;
  table-layout: fixed;
}

.tour-card__flow--pc {
  padding-left: 1.5rem;
  padding-block: 1.75rem;
}

thead {
  background-color: #4fabbf;
  color: #ffffff;
  border: 1px solid #000;
  font-size: 18px;
}
thead tr th {
  padding-top: 8px;
  padding-bottom: 7px;
}
thead tr th:nth-child(n+2) {
  border-left: 1px dotted #000;
}
thead tr th:nth-child(1) {
  width: 66px;
}
thead tr th:nth-child(2) {
  max-width: 610px;
}
thead tr th:nth-child(3) {
  width: 51px;
}
thead tr th:nth-child(4) {
  width: 125px;
}

tbody {
  background-color: #ffffff;
  border: 1px solid #000;
}
tbody tr {
  border-bottom: 1px dotted #000;
}
tbody tr th,
tbody tr td {
  vertical-align: top;
}
tbody tr th {
  padding-top: 9px;
  font-size: 16px;
}
tbody tr td {
  border-left: 1px dotted #000;
}
tbody tr td:nth-of-type(1) {
  font-size: 14px;
}
tbody tr td:nth-of-type(2) {
  font-size: 16px;
  text-align: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  vertical-align: middle;
}
tbody tr td:nth-of-type(3) {
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
tbody tr td:nth-of-type(3) {
  font-size: 12px;
}
tbody tr td:nth-of-type(3) p {
  margin-top: 10px;
}

.nomad-images {
  margin-top: 3.125rem;
  position: relative;
  width: 20.625rem;
  padding-top: 5.3125rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .nomad-images {
    width: 27.625rem;
  }
}

.nomad-images-woman {
  text-align: center;
}
.nomad-images-woman img {
  width: 5.25rem;
}
@media (min-width: 768px) {
  .nomad-images-woman img {
    width: 6.8125rem;
  }
}

.nomad-images-deco1 {
  position: absolute;
  content: "";
  width: 7.5625rem;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .nomad-images-deco1 {
    width: 8.5625rem;
  }
}

.nomad-images-deco2 {
  position: absolute;
  content: "";
  width: 4.4375rem;
  top: 0;
  right: 3.875rem;
}
@media (min-width: 768px) {
  .nomad-images-deco2 {
    width: 5.4375rem;
  }
}

.nomad-images-deco3 {
  position: absolute;
  content: "";
  width: 7.25rem;
  right: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .nomad-images-deco3 {
    width: 8rem;
  }
}

.about-card {
  background-color: #ffffff;
  padding: 10px 15px;
  margin-top: 0.625rem;
}
@media (min-width: 768px) {
  .about-card {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
  }
  .about-card::before {
    position: absolute;
    content: "";
    width: 21px;
    height: 25px;
    background-color: #ffffff;
    -webkit-clip-path: polygon(48% 100%, 0 0, 100% 0);
            clip-path: polygon(48% 100%, 0 0, 100% 0);
    left: 35px;
    bottom: -24px;
  }
  .about-card:nth-child(1)::after {
    position: absolute;
    content: "レストラン";
    background: rgba(255, 255, 255, 0.9);
    padding: 3px;
    left: 0;
    bottom: -97px;
    font-size: 16px;
    font-weight: 700;
  }
  .about-card:nth-child(2)::after {
    position: absolute;
    content: "宿泊ゲル";
    background: rgba(255, 255, 255, 0.9);
    padding: 3px;
    left: 0;
    bottom: -79px;
    font-size: 16px;
    font-weight: 700;
  }
  .about-card:nth-child(3)::after {
    position: absolute;
    content: "トイレ・シャワー室";
    background: rgba(255, 255, 255, 0.9);
    padding: 3px;
    left: 0;
    bottom: -121px;
    font-size: 16px;
    font-weight: 700;
  }
}

.about-card__body {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .about-card__body {
    margin-top: 0.9375rem;
  }
}

.about-card__title {
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .about-card__title {
    font-size: 1.125rem;
  }
}

.about-card__text {
  margin-top: 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .about-card__text {
    margin-top: 0.9375rem;
    font-size: 1rem;
  }
}
.about-card__text span:nth-of-type(1) {
  font-weight: 700;
}
@media (min-width: 768px) {
  .about-card__text span:nth-of-type(2) {
    font-size: 0.875rem;
  }
}

.p-review-card {
  background-color: #ffffff;
  -webkit-box-shadow: 3px 4px 4px 0px rgba(51, 51, 51, 0.3);
          box-shadow: 3px 4px 4px 0px rgba(51, 51, 51, 0.3);
  padding: 1.875rem 1.1875rem;
}
@media (min-width: 768px) {
  .p-review-card {
    padding: 1.875rem 2.75rem;
  }
}

.review-card__title {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .review-card__title {
    font-size: 1.25rem;
  }
}

.review-card__name {
  font-size: 1rem;
  font-weight: 700;
  text-align: right;
}
@media (min-width: 768px) {
  .review-card__name {
    font-size: 20px;
  }
}

.review-card__text {
  margin-top: 0.9375rem;
  -webkit-text-decoration: underline dotted rgba(51, 51, 51, 0.3);
          text-decoration: underline dotted rgba(51, 51, 51, 0.3);
  text-underline-offset: 4px; /* 下線との間隔を空ける */
  line-height: 1.8;
}
@media (min-width: 768px) {
  .review-card__text {
    margin-top: 2rem;
  }
}

.review-modal {
  position: fixed;
  top: 0;
  border: none;
  overflow: auto;
  width: 100%;
  inset: 0;
  padding: 0;
  background: #fff9eb;
}
.review-modal::-ms-backdrop {
  background: #fff9eb;
}
.review-modal::backdrop {
  background: #fff9eb;
}

.review-modal__body {
  padding-top: 1.875rem;
  padding-bottom: 1.75rem;
  padding-inline: 1.125rem;
  background: #fff;
  -webkit-box-shadow: 3px 4px 4px 0px rgba(51, 51, 51, 0.3);
          box-shadow: 3px 4px 4px 0px rgba(51, 51, 51, 0.3);
}
@media (min-width: 768px) {
  .review-modal__body {
    max-width: 1000px;
    padding-top: 3.125rem;
    padding-inline: 8rem;
    padding-bottom: 4.0625rem;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
  }
}

.review-modal__text {
  margin-top: 1.875rem;
  -webkit-text-decoration: underline dotted rgba(51, 51, 51, 0.3);
          text-decoration: underline dotted rgba(51, 51, 51, 0.3);
  text-underline-offset: 4px; /* 下線との間隔を空ける */
  line-height: 1.8;
}
@media (min-width: 768px) {
  .review-modal__text {
    line-height: 1.5;
  }
}
.review-modal__text p {
  margin-bottom: 2em;
}
.review-modal__text p:nth-child(5) {
  margin-bottom: 0;
}
.review-modal__text span {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .review-modal__text span {
    font-size: 1.25rem;
  }
}

.review-modal__close-btn {
  padding-top: 1.875rem;
  text-align: center;
  background: #fff9eb;
}

.p-contact_card {
  display: block;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 3px 4px 4px 0px rgba(51, 51, 51, 0.3);
          box-shadow: 3px 4px 4px 0px rgba(51, 51, 51, 0.3);
  padding: 1.25rem 0.9375rem 0.5625rem 1.25rem;
  width: 18.75rem;
  aspect-ratio: 300/120;
  cursor: default;
}
@media (min-width: 768px) {
  .p-contact_card {
    width: 46.15%;
    aspect-ratio: 300/160;
    padding: 1.375rem 1rem;
  }
}

.p-contact_card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .p-contact_card-title {
    gap: 0.625rem;
  }
}

.p-contact_card-link {
  margin-top: 0.625rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
}
@media (min-width: 768px) {
  .p-contact_card-link {
    margin-top: 1.25rem;
  }
}

.p-contact_card-icon {
  width: 1.875rem;
  height: 1.875rem;
  background: #4fabbf;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .p-contact_card-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.p-contact_card-icon svg {
  width: 1rem;
  height: 1.0625rem;
}

.p-contact_card-person {
  text-align: right;
}

.p-contact_card-text {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-contact_card-text {
    font-size: 1.25rem;
  }
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    text-decoration: none;
  }
}
.contact__form {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}
@media (min-width: 768px) {
  .contact__form {
    row-gap: 30px;
  }
}

@media (min-width: 768px) {
  .contact__row {
    display: grid;
    grid-template-columns: 266px 1fr;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact__row.--temple-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 15px;
  }
  .contact__row.--temple-row .contact__data {
    width: 100%;
  }
}

.contact__head {
  font-weight: 700;
  display: inline-block;
  font-size: 14px;
}
@media (min-width: 768px) {
  .contact__head {
    font-size: 24px;
  }
}
.contact__head.--must {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
@media (min-width: 768px) {
  .contact__head.--must {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.contact__head span {
  font-weight: 700;
}
.contact__head span:nth-child(2) {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  background: #4fabbf;
  padding-inline: 3px;
  border-radius: 1px;
}
@media (min-width: 768px) {
  .contact__head span:nth-child(2) {
    font-size: 16px;
    padding: 1px 6px;
    border-radius: 3px;
  }
}
.contact__head.--head-mon span {
  font-size: 12px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .contact__head.--head-mon span {
    font-size: 20px;
  }
}

.contact__data {
  margin-top: 6px;
}

input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
  border-radius: 3px;
  border: 1px solid rgba(51, 51, 51, 0.5);
  background: #fff;
  padding: 7px 10px;
  width: 100%;
}
@media (min-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  select,
  textarea {
    padding: 8px 27px;
  }
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 14px;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 14px;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 14px;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 14px;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
select::placeholder,
textarea::placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 14px;
}
@media (min-width: 768px) {
  input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 20px;
  }
  input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 20px;
  }
  input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 20px;
  }
  input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 20px;
  }
  input[type=text]::placeholder,
  input[type=email]::placeholder,
  input[type=tel]::placeholder,
  select::placeholder,
  textarea::placeholder {
    font-size: 20px;
  }
}

textarea {
  height: 160px;
  resize: vertical;
}
@media (min-width: 768px) {
  textarea {
    height: 226px;
  }
}

input[type=checkbox] {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type=checkbox]:checked + span::after {
  opacity: 1;
}

.contact__data-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.contact__data-checkbox.--mon-checkbox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.contact__data-checkbox span {
  display: inline-block;
  padding-left: 25px;
  position: relative;
  font-size: 14px;
}
@media (min-width: 768px) {
  .contact__data-checkbox span {
    padding-left: 40px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .contact__data-checkbox span {
    font-size: 20px;
  }
}
.contact__data-checkbox span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 0.748px solid rgba(51, 51, 51, 0.5);
  background: #fff;
}
@media (min-width: 768px) {
  .contact__data-checkbox span::before {
    width: 25px;
    height: 25px;
  }
}
.contact__data-checkbox span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (min-width: 768px) {
  .contact__data-checkbox span::after {
    width: 9px;
    height: 18px;
    left: 8px;
  }
}

input[type=submit],
input[type=button] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

.row.jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact__submit {
  margin-top: 10px;
  text-align: center;
}
.contact__submit input[type=submit] {
  display: inline-block;
}

.p-drawer {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svb;
  background: #4fabbf;
  overflow-y: scroll;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  visibility: hidden;
}
.p-drawer.js-show {
  opacity: 1;
  visibility: visible;
}

.p-drawer__body {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-block: 130px 40px;
  padding-inline: 20px;
}

.p-drawer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-drawer__link a {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.drawer-icon {
  position: relative;
  width: 1.5rem;
  height: 2rem;
}
.drawer-icon.js-show .drawer-icon__var:nth-child(1) {
  rotate: 45deg;
  top: 10px;
}
.drawer-icon.js-show .drawer-icon__var:nth-child(2) {
  display: none;
}
.drawer-icon.js-show .drawer-icon__var:nth-child(3) {
  rotate: -45deg;
  top: 10px;
}

.drawer-icon__var {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 0.125rem;
  background-color: #fff;
  -webkit-transition: rotate 0.5s ease, top 0.5s ease;
  transition: rotate 0.5s ease, top 0.5s ease;
}
.drawer-icon__var:nth-child(2) {
  top: 0.5625rem;
}
.drawer-icon__var:nth-child(3) {
  top: 1.125rem;
}

.drawer-icon__text {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.4375rem;
  font-weight: 700;
  width: 1.5rem;
  color: #ffffff;
}

.header__layout {
  position: fixed;
  z-index: 101;
  width: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 1080px) {
  .header {
    background: rgba(255, 249, 235, 0.5);
  }
}

.l-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 20px;
  padding-inline: 20px;
}
@media (min-width: 1080px) {
  .l-header {
    padding-block: 30px;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.header__logo {
  width: 4.375rem;
}
@media (min-width: 1080px) {
  .header__logo {
    width: 114px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.header__nav {
  display: none;
}
@media (min-width: 1080px) {
  .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
  }
}

@media (min-width: 1080px) {
  .header__link {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 130px;
    height: 60px;
    padding-block: 20px;
    background-color: #4fabbf;
    color: #ffffff;
    border-radius: 5px;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .header__link .fill-white,
  .header__link .fill-accent {
    -webkit-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
  }
  .header__link:hover {
    background-color: #ffffff;
    color: #4fabbf;
  }
  .header__link:hover .fill-white {
    fill: #4fabbf;
  }
  .header__link:hover .fill-accent {
    fill: #ffffff;
  }
  .header__link:nth-child(3) {
    margin-right: 148px;
  }
}

.header__open {
  margin-left: auto;
}
@media (min-width: 1080px) {
  .header__open {
    display: none;
  }
}

.p-contact-fix-button {
  position: fixed;
  bottom: 2.78vw;
  right: 2.78vw;
  width: 10.21vw;
  z-index: 200;
}
.p-contact-fix-button img {
  width: 100%;
}

.p-contact-fix-text {
  font-size: 1.25vw;
  margin-left: 4px;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  font-weight: 700;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 14.6%;
  line-height: 180%;
}
.p-contact-fix-text svg {
  width: 1.3125rem;
}

.fv {
  position: relative;
}

.fv__image img {
  width: 100%;
}

.fv-title {
  position: absolute;
  width: 100%;
  top: 8.75rem;
  padding-inline: 1.25rem;
}
@media (min-width: 768px) {
  .fv-title {
    top: 13.89vw;
    right: 7.625rem;
    width: auto;
    padding: 0;
  }
  .fv-title.--fv-title2 {
    right: 13.125rem;
  }
  .fv-title.fv-title--3 {
    right: 14.625rem;
  }
}
.fv-title p {
  color: #ffffff;
  text-shadow: 2px 2px 3px rgba(51, 51, 51, 0.5);
  font-size: 1.25rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .fv-title p {
    font-size: 2.22vw;
  }
}

.fv-title--1 .fv-title__number {
  font-family: "Oswald";
  font-size: 1.375rem;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  .fv-title--1 .fv-title__number {
    font-size: 2.5vw;
  }
}
.fv-title--1 p:nth-child(3) {
  text-align: right;
}
@media (min-width: 768px) {
  .fv-title--1 p:nth-child(2), .fv-title--1 p:nth-child(3) {
    display: inline;
  }
}
.fv-title--1 .fv-title__yellow {
  display: inline-block;
  color: #eff271;
  font-weight: 700;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .fv-title--1 .fv-title__yellow {
    font-size: 2.92vw;
  }
}
.fv-title--1 .fv-title__yellow.--left {
  text-shadow: 1.2px 2px 0 #6b6c09;
  color: #fefb88;
  -webkit-text-stroke-color: #676309;
  -webkit-text-stroke-width: 0.4px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  margin-left: 0.3125rem;
}
.fv-title--1 .fv-title__yellow.--right {
  -webkit-text-stroke-width: 1.04px;
  -webkit-text-stroke-color: #676309;
  position: relative;
  top: 0.3125rem;
  margin-inline: 0.3125rem;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.fv-title--1 .fv-title__yellow.--right::before {
  content: "";
  position: absolute;
  width: 38.575px;
  height: 24.548px;
  background: url(/mongol/img/deco/deco_fv-top.svg) no-repeat center center/contain;
  top: -25px;
  left: -5px;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
}
@media (min-width: 768px) {
  .fv-title--1 .fv-title__yellow.--right::before {
    width: 4.17vw;
    height: 2.64vw;
    top: -2.15vw;
    left: -0.42vw;
  }
}

.--fv-title2 p:nth-child(1) {
  position: relative;
}
.--fv-title2 p:nth-child(1)::after {
  content: "";
  position: absolute;
  width: 9.125rem;
  height: 0.9625rem;
  background: url(/mongol/img/deco/deco_fv-under.svg) no-repeat center/cover;
  bottom: 0;
  right: 1rem;
}
@media (min-width: 768px) {
  .--fv-title2 p:nth-child(1)::after {
    height: 1.74vw;
    width: 16.88vw;
  }
}
.--fv-title2 span {
  position: relative;
  display: inline-block;
  color: #1939a9;
  text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.35);
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #fff;
  font-size: 1.75rem;
  font-weight: 900;
}
@media (min-width: 768px) {
  .--fv-title2 span {
    font-size: 2.92vw;
  }
}
.--fv-title2 span:nth-child(1) {
  top: -7px;
  margin-left: 0.8125rem;
  -webkit-transform: rotate(-5.482deg);
          transform: rotate(-5.482deg);
}
@media (min-width: 768px) {
  .--fv-title2 span:nth-child(1) {
    margin-left: 1.94vw;
  }
}
.--fv-title2 span:nth-child(2) {
  font-size: 1.375rem;
  margin-left: 0.8125rem;
}
@media (min-width: 768px) {
  .--fv-title2 span:nth-child(2) {
    font-size: 2.22vw;
  }
}
.--fv-title2 span:nth-child(3) {
  margin-left: 0.8125rem;
  -webkit-transform: rotate(6.719deg);
          transform: rotate(6.719deg);
}
.--fv-title2 span:nth-child(4) {
  top: -7px;
  margin-left: 0.8125rem;
  -webkit-transform: rotate(-7.451deg);
          transform: rotate(-7.451deg);
}
.--fv-title2 span:nth-child(n+2) {
  margin-left: 5px;
}

.fv-title--3 p {
  letter-spacing: 0.03em;
  text-shadow: 2px 2px 3px rgba(255, 249, 235, 0.3);
}
.fv-title--3 p img {
  width: 1.73625rem;
  margin-top: -0.3125rem;
  margin-left: 0.25rem;
}
@media (min-width: 768px) {
  .fv-title--3 p img {
    width: 2.92vw;
  }
}
.fv-title--3 span:nth-child(1) {
  font-weight: 500;
  text-shadow: 2px 2px 3px rgba(255, 249, 235, 0.3);
  font-family: "Oswald";
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .fv-title--3 span:nth-child(1) {
    font-size: 2.5vw;
  }
}
.fv-title--3 span:nth-child(2) {
  margin-left: 0.25rem;
  display: inline-block;
  -webkit-transform: translateY(0.0625rem);
          transform: translateY(0.0625rem);
  color: #c0ba33;
  text-shadow: 2px 2px 3px rgba(255, 249, 235, 0.3);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #676309;
  font-size: 1.75rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .fv-title--3 span:nth-child(2) {
    font-size: 2.92vw;
    -webkit-transform: translateY(0.21vw);
            transform: translateY(0.21vw);
  }
}

.appeal {
  background-color: #fff9eb;
}

.l-appeal-inner {
  max-width: 990px;
}

.appeal__container {
  margin-top: 1.375rem;
}
@media (min-width: 768px) {
  .appeal__container {
    margin-top: 3.75rem;
  }
}

@media (min-width: 768px) {
  .appeal__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3.125rem;
  }
  .appeal__box.appeal__box--revers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.appeal__box:nth-child(n+2) {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .appeal__box:nth-child(n+2) {
    margin-top: 5rem;
  }
}

.appeal__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .appeal__images {
    width: 50%;
  }
}

.appeal__img {
  border-radius: 15px;
  overflow: hidden;
}
.appeal__img:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/2;
  aspect-ratio: 350/200;
}
@media (min-width: 768px) {
  .appeal__img:nth-child(1) {
    aspect-ratio: 450/280;
  }
}
.appeal__img:nth-child(2) {
  grid-column: 1/2;
  grid-row: 2/3;
}
.appeal__img:nth-child(3) {
  grid-column: 2/3;
  grid-row: 2/3;
}
.appeal__img:nth-child(2), .appeal__img:nth-child(3) {
  aspect-ratio: 170/120;
}
@media (min-width: 768px) {
  .appeal__img:nth-child(2), .appeal__img:nth-child(3) {
    aspect-ratio: 220/150;
  }
}
.appeal__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.appeal-textarea {
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .appeal-textarea {
    margin-top: 0;
    width: 50%;
  }
}

.appeal-textarea__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.875rem;
}

.appeal-textarea__number {
  font-family: "Oswald";
  font-size: 2.8125rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .appeal-textarea__number {
    font-size: 4.0625rem;
  }
}

.appeal-textarea__title {
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .appeal-textarea__title {
    font-size: 1.75rem;
  }
}
.appeal-textarea__title::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.1875rem;
  height: 3.125rem;
  background-color: #333333;
  left: -0.9375rem;
}
@media (min-width: 768px) {
  .appeal-textarea__title::before {
    height: 4.6875rem;
    left: -1.25rem;
  }
}

.appeal-textarea__text {
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .appeal-textarea__text {
    margin-top: 1.5625rem;
  }
}

.appeal__button {
  margin-top: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  .appeal__button {
    margin-top: 2.75rem;
  }
}

.balloon-tour {
  background: url(/mongol/img/balloon/bg_balloon-sp.jpg) no-repeat center center/cover;
}

.balloon-tour__text {
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  .balloon-tour__text {
    font-size: 1.25rem;
    margin-top: 3.125rem;
    margin-bottom: 1.875rem;
  }
}

.balloon-card {
  display: block;
  margin-top: 1.25rem;
}

.balloon-tour__title {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .balloon-tour__title {
    margin-top: 3.125rem;
    font-size: 1.875rem;
  }
}

.p-ballon-tour__cards {
  margin-top: 2.125rem;
}

.nomad {
  background-color: #fff9eb;
}

.nomad__headText {
  margin-top: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  .nomad__headText {
    margin-top: 3.75rem;
    font-size: 1.25rem;
  }
}

.nomad-card {
  margin-top: 1.25rem;
  margin-bottom: 3.75rem;
}
@media (min-width: 768px) {
  .nomad-card {
    margin-top: 1.875rem;
    margin-bottom: 5rem;
  }
}

.nomad_tour-heading {
  margin-top: 3.75rem;
}

.nomad__swiper-wrap {
  margin-top: 30px;
}

.nomad__swiper {
  padding-bottom: 30px;
}

.nomad-slide {
  height: auto;
}

.nomad-slide__card {
  height: 100%;
}

.nomad-slide-pc {
  display: none;
}
@media (min-width: 768px) {
  .nomad-slide-pc {
    display: block;
  }
}

.nomad__cardsWrap-pc .nomad-slide-pc:nth-child(2) {
  margin-top: 30px;
}

.nomad-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  bottom: 0 !important;
}
.nomad-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.nomad-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #333333;
}

.nomad-massege {
  margin-top: 4.5rem;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1080px) {
  .nomad-massege {
    margin-top: 3.25rem;
  }
}

.nomad__swiper-wrap-pc {
  margin-top: 3.75rem;
  display: none;
}
.nomad__swiper-wrap-pc .nomad-slide__card:nth-child(n+2) {
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .nomad__swiper-wrap-pc {
    display: block;
  }
}

.nomad-message__head {
  text-align: center;
}

.nomad-message__head-sp {
  text-align: center;
}

.nomad-message__textWrap {
  position: relative;
}
@media (min-width: 1080px) {
  .nomad-message__textWrap {
    min-width: 740px;
  }
}

.nomad-message__text {
  text-align: center;
}

.nomad-message__head-pc {
  display: none;
}
@media (min-width: 1080px) {
  .nomad-message__head-pc {
    position: absolute;
    display: inline-block;
    font-size: 0.875rem;
  }
  .nomad-message__head-pc:nth-child(1) {
    left: -152px;
    top: 43px;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
}
@media (min-width: 1080px) and (min-width: 768px) {
  .nomad-message__head-pc:nth-child(1) {
    top: 4.125rem;
  }
}
@media (min-width: 1080px) {
  .nomad-message__head-pc:nth-child(2) {
    right: -156px;
    top: 43px;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@media (min-width: 1080px) and (min-width: 768px) {
  .nomad-message__head-pc:nth-child(2) {
    top: 4.125rem;
  }
}

.nomad-message__text {
  background-color: #ffffff;
  position: relative;
  padding: 12px;
  margin-top: 1.875rem;
}
@media (min-width: 1080px) {
  .nomad-message__text {
    padding: 1.25rem 2.5625rem;
    font-size: 1.25rem;
    text-align: center;
  }
}
.nomad-message__text:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #4fabbf;
  top: -3px;
  left: 2px;
}

.nomad__animal1 {
  position: absolute;
  top: -3.3125rem;
  left: -0.9375rem;
  width: 3.3125rem;
}
@media (min-width: 768px) {
  .nomad__animal1 {
    width: 6.25rem;
  }
}
@media (min-width: 1080px) {
  .nomad__animal1 {
    width: 8rem;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    top: 2.125rem;
    left: -4.1875rem;
  }
}

.nomad__animal2 {
  width: 4.875rem;
  position: absolute;
  right: -0.6875rem;
  top: -3.625rem;
}
@media (min-width: 768px) {
  .nomad__animal2 {
    width: 7.5rem;
  }
}
@media (min-width: 1080px) {
  .nomad__animal2 {
    width: 11rem;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    top: 3.375rem;
    right: -4.5625rem;
  }
}

.about {
  background-color: #fff9eb;
}

.about__bg {
  padding-top: 2.5rem;
  padding-bottom: 4.5rem;
  background-image: url("/mongol/img/about/bg_about-sp.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.about-sp__textwrap {
  margin-top: 2.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.about-sp__text {
  font-weight: 700;
  font-size: 0.75rem;
  padding: 3px 5px;
  background: rgba(255, 255, 255, 0.9);
}

.about__cards {
  padding-inline: 2.8125rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .about__cards {
    margin-bottom: 0;
  }
}

.about__content-pc {
  display: none;
}
@media (min-width: 768px) {
  .about__content-pc {
    display: block;
  }
}

.about__bg-pc {
  padding-top: 5.625rem;
  padding-bottom: 17rem;
  background-image: url("/mongol/img/about/bg_about.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.about__cards-pc {
  margin-top: 3.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.25rem;
}

.review-cards-sp {
  margin-top: 1.875rem;
}

.review-card__button {
  text-align: center;
  margin-top: 20px;
}

.review-cards-pc {
  display: none;
}
@media (min-width: 768px) {
  .review-cards-pc {
    margin-top: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.6875rem;
  }
}

.reviwe__swiper {
  padding-bottom: 2.5rem;
}

.review__swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.review__swiper-pagination .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  background-color: #333333;
  margin: 0;
}

.gallery__swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.qa__boxes {
  margin-top: 1.875rem;
}

.qa-box {
  border-radius: 5px;
  border: 1px solid rgba(51, 51, 51, 0.5);
  background: #fff;
}
.qa-box:nth-child(n+2) {
  margin-top: 0.9375rem;
}
@media (min-width: 768px) {
  .qa-box:nth-child(n+2) {
    margin-top: 1.25rem;
  }
}
.qa-box.is-open .qa-box__head::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.qa-box__head {
  width: 100%;
  position: relative;
  padding: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .qa-box__head {
    padding: 0.9375rem 1.375rem;
    gap: 3.125rem;
  }
}
.qa-box__head::after {
  content: "";
  position: absolute;
  width: 0.6875rem;
  height: 0.6875rem;
  right: 0.625rem;
  background: url(/mongol/img/qa/icon__up.svg) no-repeat center center/contain;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media (min-width: 768px) {
  .qa-box__head::after {
    width: 1.125rem;
    height: 1.125rem;
    right: 1.6875rem;
  }
}

.qa-box__head-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  color: #ffffff;
  background-color: #4fabbf;
  border-radius: 50%;
  font-size: 1rem;
  font-family: "Oswald";
}
@media (min-width: 768px) {
  .qa-box__head-icon {
    width: 2.3125rem;
    height: 2.3125rem;
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .qa-box__head-text {
    font-size: 1.25rem;
  }
}

.qa-box__body {
  padding: 0.625rem 1.0625rem 0.625rem 0.625rem;
  display: none;
}
@media (min-width: 768px) {
  .qa-box__body {
    padding: 0.75rem 6.0625rem 0.75rem 1.375rem;
  }
}

.qa-box__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
}
@media (min-width: 768px) {
  .qa-box__a {
    gap: 3.125rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.qa-box__a-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  color: #4fabbf;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 1rem;
  font-family: "Oswald";
  border: 1px solid #4fabbf;
}
@media (min-width: 768px) {
  .qa-box__a-icon {
    width: 2.3125rem;
    height: 2.3125rem;
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .qa-box__a-text {
    font-size: 1.25rem;
  }
}

.qa__button {
  text-align: center;
  margin-top: 1.875rem;
}

.message {
  background: url("/mongol/img/message/bg_sp.jpg") no-repeat center bottom/cover;
}
@media (min-width: 768px) {
  .message {
    background-image: url("/mongol/img/message/bg.jpg");
  }
}

@media (min-width: 768px) {
  .message__inner {
    max-width: 924px;
    padding-inline: 30px;
    margin-inline: auto;
  }
}

.message__content {
  position: relative;
  margin-top: 2rem;
  padding: 0.9375rem 1.25rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.message__content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #4fabbf;
  right: -0.1875rem;
  top: -0.125rem;
}
@media (min-width: 768px) {
  .message__content {
    margin-top: 3.75rem;
    padding: 1.5625rem 2.4375rem;
  }
}

.message__text--bold {
  font-weight: bold;
  line-height: 1.9;
}

@media (min-width: 768px) {
  .contact__inner {
    max-width: 792px;
  }
}

.contact__cards {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
}
@media (min-width: 768px) {
  .contact__cards {
    width: 100%;
    margin-top: 3.125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3.125rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-contact_card--mail {
  padding-bottom: 1.875rem;
}

.contact__text {
  margin-top: 15px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .contact__text {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
}

.contact__bottom-inner {
  padding-inline: 2.8125rem;
}
@media (min-width: 768px) {
  .contact__bottom-inner {
    max-width: 43.125rem;
    padding-inline: 1.25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer {
  padding-block: 2.5rem;
  background-color: #4fabbf;
  margin-bottom: 3.125rem;
}

.footer__inner {
  padding-right: 3.125rem;
  padding-left: 0.9375rem;
}
@media (min-width: 768px) {
  .footer__inner {
    padding-top: 2.5rem;
    padding-inline: 1.25rem;
    max-width: 915px;
  }
}

.footer-nav__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto);
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media (min-width: 768px) {
  .footer-nav__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.125rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer-nav__section:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}
.footer-nav__section:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
.footer-nav__section:nth-child(3) {
  margin-top: 1.5625rem;
  grid-column: 1/2;
  grid-row: 2/4;
}
@media (min-width: 768px) {
  .footer-nav__section:nth-child(3) {
    margin-top: 0;
  }
}
.footer-nav__section:nth-child(4) {
  margin-top: 1.625rem;
  grid-column: 2/2;
  grid-row: 2/3;
}
@media (min-width: 768px) {
  .footer-nav__section:nth-child(4) {
    margin-top: 0;
  }
}
.footer-nav__section:nth-child(5) {
  margin-top: 0.75rem;
  grid-column: 2/2;
  grid-row: 3/4;
}
@media (min-width: 768px) {
  .footer-nav__section:nth-child(5) {
    margin-top: 0;
  }
}

.footer-nav_list {
  margin-top: 0.6875rem;
}

.c-footer-nav__link:nth-child(n+2) {
  margin-top: 0.5rem;
}

.footer_text-inner {
  max-width: 644px;
}

.footer_text {
  margin-top: 0.9375rem;
  color: #ffffff;
  font-size: 0.75rem;
  padding-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .footer_text {
    font-size: 1rem;
    margin-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}

.l-copylight__inner {
  padding-inline: 1.25rem;
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .l-copylight__inner {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.copylight {
  padding-top: 0.9375rem;
  border-top: 1px solid #fff;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .copylight {
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
  }
}