@charset "UTF-8";
@import url("base.css");
/* 全体レイアウト */
.korea__main-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 470px;
  max-width: 100%;
  box-shadow:
  -8px 0 16px -12px rgba(0, 0, 0, .2),
  8px 0 16px -12px rgba(0, 0, 0, .2);
  background-color: #fff;
}
@media (max-width: 469px) {
  .korea__main-container {
    overflow: hidden;
  }
}
.korea__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
  padding: 4em 1em;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
main {
  overflow: hidden;
  width: 100%;
}
/* nb__header */
.korea__hero {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.korea__header {
  padding: 1em;
}
.korea__header img {
  width: 160px;
}
.korea__hero_fv {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  padding: 2em 0;
  background-image: url(../images/fv_bg.png);
  background-size: cover;
}
.korea__hero_fv img {
  width: 96%;
}
.korea__hero_fv .c-alis_wrapper {
  width: 90%;
}
.korea__logo-slider {
  padding: 1em 0;
  width: 100%;
  overflow: hidden;
}
.korea__logo-track {
  display: flex;
  width: max-content;
  animation: korea-logo-loop 40s linear infinite;
  gap: 1em;
}
.korea__logo-list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1em;
}
.korea__logo-list li {
  flex-shrink: 0;
}
.korea__logo-list img {
  width: auto;
  height: 2em;
}
.hei-57{
  height: 57px !important;
}
@keyframes korea-logo-loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/* korea__intro */
.korea__intro-tab {
  display: flex;
  align-items: flex-end;
  gap: .5em;
  padding: 0 1em;
  width: 100%;
  border-bottom: 3px solid var(--black);
}
.korea__intro-tab_btn {
  flex: 1;
  height: 72px;
  padding-top: .2em;
  border: 0;
  border-radius: 1em 1em 0 0;
  background-color: var(--white);
  color: var(--black);
  font-size: 1.1em;
  cursor: pointer;
  border: 1px solid var(--black);
}
.korea__intro-tab_btn.is-active {
  background-color: var(--black);
  color: var(--white);
}
.korea__intro-tab_btn:not(.is-active) {
    height: 56px;
    opacity: .75;
}
.korea__intro-content.is-active {
  display: flex;
}
.korea__intro-content{
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 3em;
  width: 100%;
}
.korea__intro-label {
  padding: .6em 1em;
  border-radius: 999px;
  background-color: var(--baige);
  font-size: 1.4em;
  line-height: 1;
}
.korea__intro-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  width: 100%;
  background-image: url(../images/intro_bg.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top 15px;
}
.korea__intro .korea__lead p {
  font-size: 1.4em;
}
@media screen and (max-width: 370px) {
  .korea__intro .c-alis_wrapper li {
    text-align: left;
  }
  .korea__intro .c-alis_wrapper li br {
    display: none;
  }
  .korea__intro .korea__lead p {
    font-size: 1.2em;
  }
}
.korea__intro-entry {
  padding: .5em 1.5em;
  border-radius: 999px;
  background-color: var(--dark-blue);
  color: var(--white);
  font-size: 1.1em;
  line-height: 1;
}
.korea__intro-benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.gap-3 {
  gap:3em;
}
.korea__intro-benefit_card {
  overflow: hidden;
  width: 100%;
  border: 1px solid var(--black);
  border-radius: 1em;
  box-shadow: 4px 6px 0 var(--black);
  background-color: #faf8fc;
}
.korea__intro-benefit_title {
  padding: .8em 0;
  background-color: var(--purple);
  color: var(--white);
  font-size: 1.3em;
  text-align: center;
}
.korea__intro-benefit_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  padding: 1.5em 1em;
}
.korea__intro-benefit_body .c-alis_wrapper li {
  text-align: left;
}
.korea__intro-benefit_lead {
  font-size: 1.8em;
  line-height: 1.5;
  text-align: center;
}
.korea__intro-benefit_point {
  width: 80%;
}
.korea__intro-benefit_point img {
  display: block;
  width: 100%;
  height: auto;
}
.korea__intro-benefit_limit {
  padding: .25em 1em;
  border: 1px solid var(--purple);
  background-color: var(--white);
  border-radius: 999px;
  font-size: 1.3em;
}
.korea__intro-benefit_shop-title {
  color: #b1a0cd;
  font-size: 1.5em;
}
.korea__intro-benefit_shop {
  width: 90%;
  padding: .5em;
  border: 1px solid #d8d0e2;
  background-color: #fff;
}
.korea__intro-benefit_shop img {
  display: block;
  width: 100%;
  height: auto;
}
.korea__intro-benefit_note {
  width: 90%;
  font-size: .7em;
  line-height: 1.6;
}
.korea__intro-benefit_plus {
  position: relative;
  z-index: 2;
  margin: .5em 0 -.5em;
  padding: .3em .5em;
  border-radius: 999px;
  background-color: var(--black);
  color: var(--white);
  font-size: 1.4em;
  line-height: 1.2;
}
.korea__intro-benefit_card--new {
  background-color: #f2f8fc;
}
.korea__intro-benefit_card--new .korea__intro-benefit_title {
  background-color: #8ab3d4;
}
.korea__intro-benefit_card--new .korea__intro-benefit_limit {
  margin-top: .5em;
  border-color: #8ab3d4;
  font-size: 1.5em;
}
.korea__intro .c-alis_wrapper.wrap {
  flex-wrap: wrap;
  flex-direction: row;
  width: 90%;
}
/* korea__benefit */
.korea__benefit {
  padding-bottom: 64px;
  background-image: url(../images/benefit_bg.png);
  background-size: 100% auto;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .korea__benefit {
    padding-bottom: 30px;
  }
}
.korea__benefit .korea__heading2 span > span {
  font-size: 1.3em;
  font-weight: 700;
}
.korea__benefit_item {
  width: 86%;
}
.korea__benefit-total {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2em;
  line-height: 1;
  font-size: 1.4em;
  text-align: center;
}
.korea__benefit-total_period {
  font-size: 1.3em;
  font-weight: 700;
}
.korea__benefit-total_amount {
  line-height: 1.3;
}
.korea__benefit-total_amount strong,
.korea__benefit-total_get {
  font-size: 2em;
  font-weight: 700;
}
.korea__benefit-total_amount strong span {
  font-size: .8em;
}
.korea__benefit-total_get {
  line-height: 1.2;
}
.korea__benefit-link {
  display: flex;
  justify-content: center;
  margin-top: 1em;
  width: 100%;
}
.korea__benefit-link a {
  position: relative;
  display: flex;
  align-items: center;
  gap: .5em;
  height: 72px;
  padding: 0 1.5em;
  border: 1px solid var(--black);
  border-radius: .8em;
  background-color: var(--white);
  color: var(--black);
  font-size: 1.2em;
}
.korea__benefit-link a img {
  width: 1em;
}
@media screen and (max-width: 370px) {
  .korea__benefit-link a {
    font-size: 1em;
  }
}
/* korea__shop */
.korea__shop .korea__heading2 {
  background-image: url(../images/shop_bg.svg);
  background-size: 100% auto;
  gap: .2em;
}
.korea__heading2_more {
  width: 20%;
}
.korea__shop_content {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.korea__shop-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1em;
  width: 100%;
}
.korea__shop-notes-summary {
  position: relative;
  padding-right: 2em;
  line-height: 1.6;
  cursor: pointer;
  list-style: none;
}
.korea__shop-notes-summary::-webkit-details-marker {
  display: none;
}
.korea__shop-notes-summary::after {
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  content: "";
  transition: transform .3s ease;
}
.korea__shop-notes[open] .korea__shop-notes-summary::after {
  transform: translateY(-30%) rotate(225deg);
}
.korea__shop-notes .c-alis_wrapper {
  width: 100% !important;
}
.korea__shop-notes-content {
  padding-top: 1em;
}
.korea__shop-notes-title {
  margin-bottom: .5em;
  font-size: .8em;
  font-weight: 700;
}
.korea__shop-notes-list {
  display: flex;
  flex-direction: column;
  gap: .5em;
  padding-left: 1.2em;
  font-size: .75em;
  line-height: 1.7;
  list-style: disc;
}
.korea__shop-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1em;
  min-width: 0;
  padding: 1em;
  border-radius: 1em;
  background-color: var(--white);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}
.korea__shop-card_main {
  display: grid;
  gap: 1em;
  min-width: 0;
}
.korea__shop-card_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  padding: .5em;
  border: 1px solid #ccc;
  border-radius: .5em;
  background-color: var(--white);
}
.korea__shop-card_logo img {
  display: block;
  width: 100%;
  max-width: 90%;
  max-height: 64px;
  object-fit: contain;
}
.korea__shop-card_logo img:nth-child(2) {
  display: none;
}
.korea__shop-card_content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.korea__shop-card_name {
  padding-bottom: .4em;
  border-bottom: 1px solid var(--green);
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
}
.korea__shop-card_benefit {
  color: var(--green);
  font-size: .9em;
  line-height: 1.5;
}
.korea__shop-card_period {
  width: 100%;
  font-size: .9em;
  font-weight: 700;
  text-align: center;
  margin-top: auto;
}
.korea__shop-card_btn {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1em;
  width: 100%;
  height: 2.5em;
  border: 0;
  border-radius: 999px;
  background: var(--black);
  font-size: .9em;
  color: var(--white);
  line-height: 1;
  cursor: pointer;
}
.korea__shop-card_btn::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
}
.korea__shop-card_btn span {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.korea__shop-card_btn span::after {
  padding-left: 8px;
  font-size: .8em;
  content: "▶";
}
.korea__shop-card:hover {
  filter: brightness(.97);
}
.korea__shop-card_detail {
  display: none;
}
.korea__shop-modal-overlay {
  z-index: 500;
  position: fixed;
  inset: 0;
  display: none;
  background-color: rgba(0, 0, 0, .45);
  opacity: 0;
  transition: opacity .3s ease;
}
.korea__shop-modal-overlay.is-open {
  opacity: 1;
}
.korea__shop-modal {
  z-index: 501;
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  overflow-y: auto;
  width: calc(100% - 2em);
  max-width: 440px;
  max-height: calc(100vh - 2em);
  padding: 2em 1.5em;
  border-radius: .8em;
  background-color: var(--white);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.96);
  transition:
    opacity .3s ease,
    transform .3s ease;
  scrollbar-width: none;
}
.korea__shop-modal.is-open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.korea__shop-modal-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  width: 100%;
}
.korea__shop-modal-close {
  position: absolute;
  top: .5em;
  right: .5em;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}
.korea__shop-modal-name {
  font-size: 1.5em;
  font-weight: 700;
}
.korea__shop-modal-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65%;
}
.korea__shop-modal-logo img {
  width: 100%;
  max-height: 88px;
  object-fit: contain;
}
.korea__shop-modal-benefit {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--dark-blue);
}
.korea__shop-modal-period {
  width: 100%;
  padding: .7em;
  border: 1px solid var(--green);
  color: var(--green);
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.korea__shop-modal-content {
  display: flex;
  flex-direction: column;
  gap: .5em;
  width: 100%;
  padding: .5em;
  border-radius: 1em;
  background-color: #f0f8f2;
}
.korea__shop-modal-detail {
  padding: .7em;
  border: 1px solid var(--green);
  background-color: var(--white);
  color: var(--green);
  font-size: .8em;
  line-height: 1.6;
  gap: .5em;
  display: grid;
}
.korea__shop-modal-detail_title {
  margin-bottom: .3em;
  font-size: 1.2em;
  font-weight: 700;
}
.korea__shop-modal-bottom-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  margin-top: 1em;
  border: 1px solid var(--black);
  border-radius: .3em;
  background-color: var(--white);
  color: var(--black);
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
}
@media screen and (max-width: 370px) {
  .korea__shop-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/* ========================================
   korea__howto
======================================== */
.korea__howto {
  background-image: url(../images/howto_bg.png);
  background-size: 110% auto;
}
.korea__howto-slider {
  width: 100%;
}
.korea__howto-viewport {
  overflow: hidden;
  width: 100%;
}
.korea__howto-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
  padding: 0;
}
.korea__howto-item {
  flex: 0 0 100%;
  width: 100%;
  padding: 0 6px 6px 0;
  box-sizing: border-box;
}
.korea__howto-card {
  overflow: hidden;
  width: 100%;
  border-radius: 1em;
  background: repeating-linear-gradient(
    -45deg,
    #fff 0,
    #fff 10px,
    #FCFCFC 10px,
    #FCFCFC 20px
  );
  box-shadow: 3px 3px 0 var(--black);
  height: 100%;
}
.korea__howto-step {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
  height: 48px;
  background-color: var(--black);
  color: var(--white);
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.korea__howto-step span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--white);
  color: var(--black);
  font-size: 1.3em;
  font-weight: 700;
}
.korea__howto-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  padding: 1.5em 1em;
}
.korea__howto-title {
  font-size: 1.3em;
  text-align: center;
}
.korea__howto-image {
  display: flex;
  justify-content: center;
  width: 40%;
}
.korea__howto-image img {
  display: block;
  width: 100%;
  height: auto;
}
/* ========================================
   navigation
======================================== */
.korea__howto-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-top: 1.5em;
}
.korea__howto-prev,
.korea__howto-next {
  position: relative;
  width: 3em;
  height: 3em;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: var(--black);
  cursor: pointer;
}
.korea__howto-prev::before,
.korea__howto-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .7em;
  height: .7em;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  content: "";
}
.korea__howto-prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}
.korea__howto-next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}
.korea__howto-dots {
  display: flex;
  align-items: center;
  gap: .5em;
}
.korea__howto-dot {
  display: block;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background-color: #b9dcef;
}
.korea__howto-dot.is-active {
  background-color: var(--black);
}
/* korea__recommend */
.korea__recommend {
  padding-top: 80px;
  background-image: url(../images/recommend_bg.png);
  background-size: 100% auto;
}
.korea__recommend-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.korea__recommend-card {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  width: 100%;
  padding: 3em 1.5em;
  border: 1px solid #999;
  border-radius: 1.5em;
  box-shadow: 6px 6px 0 var(--black);
  background: var(--white);
}
.korea__recommend-products {
  display: flex;
  flex-direction: column;
  gap: 4.5em;
  width: 100%;
}
.korea__recommend-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5em;
  width: 100%;
}
.korea__recommend-product_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2em;
  line-height: 1.4;
  text-align: center;
}
.korea__recommend-product_title .small {
  font-size: .6em;
}
.korea__recommend-product_images {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.korea__recommend-product_image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5em;
  width: 100%;
}
.korea__recommend-product_image img {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
}
.korea__recommend-product_image p {
  font-size: 1.1em;
}
.korea__recommend-product .c-alis_wrapper {
  width: 100%;
}
.korea__recommend-detail {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 160px;
  transition: max-height .5s ease;
}
.korea__recommend-detail::after {
  z-index: 4;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 96px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--white));
  pointer-events: none;
  content: "";
  transition: opacity .3s ease;
}
.korea__recommend-detail.is-open::after {
  opacity: 0;
}
.korea__recommend-compare {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5em 0;
}
.korea__recommend-compare::before,
.korea__recommend-compare::after {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 48%;
  height: 100%;
  border-radius: 1em;
  content: "";
}
.korea__recommend-compare::before {
  left: 0;
  background-color: var(--dark-blue);
}
.korea__recommend-compare::after {
  right: 0;
  background-color: var(--purple);
}
.korea__recommend-compare_row {
  z-index: 2;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1em;
  width: 100%;
}
.korea__recommend-compare_row:nth-child(odd) {
  background-color: rgba(255, 255, 255, .1);
}
.korea__recommend-compare_row dt {
  position: absolute;
  z-index: 1;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  max-width: 90%;
  padding: 4px 1em;
  margin: 0;
  border-radius: 999px;
  font-size: 1.1em;
  text-align: center;
  white-space: nowrap;
  background: var(--white);
}
.korea__recommend-compare_row dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5em;
  min-width: 0;
  min-height: 128px;
  margin: 0;
  padding: 2.5em .5em 1em .5em;
  color: var(--white);
  font-size: 1.1em;
  line-height: 1.5;
  text-align: center;
}
.korea__recommend-compare_row dd > span {
  line-height: 1.3;
}
.korea__recommend-compare_row dd > span.right {
  text-align: right;
}
.korea__recommend-compare_row dd strong {
  font-size: 1.4em;
  font-weight: 500;
}
.korea__recommend-compare_row dd small {
  font-size: .8em;
  font-weight: 400;
}
.korea__recommend-notes {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-top: 2em;
}
.korea__recommend-notes .c-alist {
  margin: 0;
}
.korea__recommend-more {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  margin-top: -2em;
  border: 1px solid var(--black);
  border-radius: .8em;
  background-color: var(--white);
  color: var(--black);
  font-size: 1em;
  cursor: pointer;
}
.korea__recommend-more::after {
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translateY(-60%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  content: "";
}
.korea__recommend-more.is-hidden {
  display: none;
}
.korea__recommend-close {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  margin-top: 2em;
  border: 1px solid var(--black);
  background-color: var(--white);
  border-radius: .8em;
  color: var(--black);
  font-size: 1em;
  cursor: pointer;
}
.korea__recommend-detail.is-open .korea__recommend-close {
  display: flex;
  margin-bottom: 10px;
}
.korea__recommend-card > .c-alis_wrapper {
  width: 100%;
}
@media screen and (max-width: 370px) {
  .korea__recommend-product_title {
    font-size: 1.9em;
  }
  .korea__recommend-product_title .small {
    font-size: .5em;
  }
  .korea__recommend-compare_row dd strong {
    font-size: 1.2em;
  }
  .korea__recommend-compare_row dd small {
    font-size: .6em;
  }
}
/* korea__recommend-kitty */
.korea__recommend-kitty {
  position: relative;
  margin-top: 1em;
  width: 100%;
  border: 1px solid #999;
  border-radius: 1.5em;
  box-shadow: 6px 6px 0 var(--black);
  background: var(--white);
}
.korea__recommend-kitty::before,
.korea__recommend-kitty::after {
  content: "";
  position: absolute;
  top: -24px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid;
}
.korea__recommend-kitty::before {
  left: calc(50% + 10px);
  border-bottom-color: var(--black);
  z-index: 1;
}
.korea__recommend-kitty::after {
  left: 50%;
  border-bottom-color: var(--white);
  z-index: 2;
}
.korea__recommend-kitty_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  padding: 32px;
}
.korea__recommend-kitty_logo {
  display: flex;
  justify-content: center;
  width: 60%;
}
.korea__recommend-kitty_cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
  width: 100%;
}
.korea__recommend-kitty_cards img {
  display: block;
  width: calc(50% - 12px);
  height: auto;
}
.korea__recommend-kitty_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  padding: 1em 1.5em;
  color: var(--white);
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  background: var(--red);
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}
/* korea__gold */
.korea__gold {
  padding: 80px 0;
  background-image: url(../images/gold_bg.png);
  background-size: 105% 101%;
  background-position: center top -10px;
}
.korea__gold-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5em;
  padding: 0 1em;
  width: 100%;
}
.korea__gold-item {
  display: flex;
  flex-direction: column;
  gap: 1em;
  min-width: 0;
}
.korea__gold-item:last-child {
  grid-column: 1 / -1;
  width: 50%;
  justify-self: center;
}
.korea__gold-image {
  overflow: hidden;
  width: 100%;
  border-radius: 1em;
}
.korea__gold-image img {
  display: block;
  width: 100%;
  height: auto;
}
.korea__gold-content {
  display: flex;
  flex-direction: column;
  gap: .5em;
  padding: 0 8px;
}
.korea__gold-content .korea__heading3 {
  font-size: 1.3em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .korea__gold-content .korea__heading3 {
    height: 52px;
  }
}
.korea__gold-content p {
  font-size: 1em;
  line-height: 1.5;
}
/* korea__point */
.korea__point {
  gap: 4em;
  padding: 0 0 4em 0;
}
.korea__point .korea__heading2 {
  padding: 1.5em 0;
  background-image: url(../images/point_title_bg.png);
  background-size: 100% 100%;
  background-position: center center;
}
.korea__point .korea__heading2 .blue {
  color: var(--dark-blue);
  font-size: 1em;
}
.korea__point-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  padding: 0 1.5em;
  width: 100%;
}
.korea__point-content:nth-child(3) {
  background-image: url(../images/point_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.korea__point-heading {
  width: 95%;
}
.korea__point-payment {
  position: relative;
  width: 100%;
  padding: 48px 1.5em 1.5em;
  border: 1px solid #999;
  border-radius: 1.5em;
  box-shadow: 6px 6px 0 var(--black);
  background: var(--white);
}
.korea__point-payment_title {
  position: absolute;
  top: 0;
  left: 50%;
  width: fit-content;
  padding: 8px 1.5em;
  border-radius: 999px;
  color: var(--white);
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  background: var(--black);
  transform: translate(-50%, -50%);
}
.korea__point-payment_list {
  display: flex;
  gap: 1em;
  width: 100%;
}
.korea__point-payment_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  min-width: 0;
}
.korea__point-payment_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.korea__point-payment_item p {
  margin-top: auto;
  font-size: 1em;
  text-align: center;
}
@media screen and (max-width: 370px) {
  .korea__point-payment_item p {
    font-size: .8em;
  }
}
/* korea__point-store */
.korea__point-store {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  width: 100%;
  margin-top: 2em;
}
.korea__point-store_image {
  width: 100%;
}
.korea__point-store_image img {
  display: block;
  width: 100%;
  height: auto;
}
/* korea__point-notice */
.korea__point-notice {
  width: 100%;
}
.korea__accordion {
  width: 100%;
  border: 1px solid var(--black);
  border-radius: 8px;
  background: var(--white);
}
.korea__accordion-title {
  position: relative;
  padding: 1.5em 0;
  font-size: 1.3em;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  list-style: none;
}
@media (max-width: 767px) {
  .korea__accordion-title {
    font-size: 1.2em;
  }
}
.korea__accordion-title::-webkit-details-marker {
  display: none;
}
.korea__accordion-title::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 1.5em;
  height: 2px;
  background: var(--black);
  transform: translateY(-50%);
  content: "";
}
.korea__accordion-title::before {
  position: absolute;
  top: 50%;
  right: 27px;
  width: 2px;
  height: 1.5em;
  background: var(--black);
  transform: translateY(-50%);
  transition: transform .3s ease;
  content: "";
}
.korea__accordion[open] .korea__accordion-title::before {
  transform: translateY(-50%) rotate(90deg);
}
.korea__accordion-content {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 1em 1.5em;
}
.korea__accordion-lead {
  font-size: .9em;
  line-height: 1.8;
}
.korea__point-text {
  font-size: 1.2em;
  line-height: 1.5;
}
.korea__point_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
}
.korea__point-notice .c-alis_wrapper {
  gap: 0.5em;
}
/* korea__point-use */
.korea__point-use-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.korea__point-use-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  min-width: 0;
}
.korea__point-use-item + .korea__point-use-item {
  border-left: 1px dotted #999;
}
.korea__point-use-title {
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}
.korea__point-use-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100px;
}
.korea__point-use-text {
  width: 90%;
  font-size: .9em;
  line-height: 1.5;
}
/* korea__campaign */
.korea__campaign {
  background-image: url(../images/campaign_bg.png);
  background-size: cover;
}
.korea__campaign-heading {
  position: relative;
  width: 93%;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.korea__campaign-heading span {
  color: var(--purple);
}
.korea__campaign_read {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
}
.korea__campaign_read .c-alis_wrapper {
  width: 95%;
}
.korea__campaign .korea__lead p {
  font-size: 1.3em;
}
.korea__campaign-card {
  width: 100%;
}
.korea__campaign > .c-alis_wrapper {
  width: 100%;
}
.korea__campaign-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3em;
  width: 100%;
}
.korea__campaign-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  width: 100%;
}
.korea__campaign-number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .25em;
  width: 6em;
  height: 2em;
  border-radius: 999px;
  font-size: 1.6em;
  line-height: 1;
  background: var(--white);
}
.korea__campaign-number span {
  margin-bottom: .1em;
  color: var(--dark-blue);
  font-size: 1.7em;
}
.korea__campaign-item_lead {
  font-size: 1.2em;
  line-height: 1.5;
  text-align: center;
}
.korea__campaign-item_lead span {
  color: var(--dark-blue);
  font-weight: 700;
}
.korea__campaign-item_lead strong {
  font-weight: 700;
  font-size: 1.1em;
}
.korea__campaign-item .c-alis_wrapper {
  max-width: 380px;
}
/* korea__campaign slider */
.korea__campaign .otherCampaignSlider {
  overflow: hidden;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
}
.korea__campaign .otherCampaignSlider .swiper-wrapper {
  display: flex;
  width: 100%;
}
.korea__campaign .otherCampaignSlider .swiper-slide {
  flex-shrink: 0;
  width: 100%;
}
.korea__campaign .otherCampaignSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.korea__campaign .otherCampaignSlider-pagination {
  width: 100%;
  text-align: center;
}
.korea__campaign .otherCampaignSlider-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 20px;
  height: 3px;
  margin: 0 5px;
  border-radius: 0;
  background-color: var(--black);
  opacity: .3;
  cursor: pointer;
}
.korea__campaign .otherCampaignSlider-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}.korea__campaign-slider {
  position: relative;
  width: 100%;
}
.korea__campaign-slider-prev,
.korea__campaign-slider-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: var(--black);
  cursor: pointer;
}
.korea__campaign-slider-prev {
  left: -8px;
}
.korea__campaign-slider-next {
  right: -8px;
}
.korea__campaign-slider-prev::before,
.korea__campaign-slider-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  content: "";
}
.korea__campaign-slider-prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}
.korea__campaign-slider-next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}
/* korea__vtrip */
.korea__vtrip {
  background-image: url(../images/vtrip_bg.png);
  background-size: 100% auto;
}
.korea__vtrip_lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
}
.korea__vtrip .korea__campaign-heading {
  width: 80%;
}
.korea__vtrip .korea__title-balloon {
  width: 90%;
  background: none;
  background-color: var(--black);
  font-size: 1.4em;
}
.korea__vtrip .korea__title-balloon::after {
  border-top: 8px solid var(--black);
}
.korea__vtrip_logo {
  width: 60%;
}
/* korea__vtrip-list */
.korea__vtrip-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}
.korea__vtrip-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
  min-width: 0;
  padding: 0 1em;
}
.korea__vtrip-item + .korea__vtrip-item {
  border-left: 1px dotted #999;
}
.korea__vtrip-number {
  color: var(--dark-blue);
  font-size: 2.8em;
  line-height: 1;
}
.korea__vtrip-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  aspect-ratio: 1.6/2;
}
.korea__vtrip-image img {
  max-width: 88px;
}
.korea__vtrip-text {
  width: 100%;
  font-size: .9em;
  line-height: 1.8;
}
/* korea__flow */
.korea__flow {
  background-image: url(../images/flow_bg.png);
}
.korea__flow-tab {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 85%;
  background-color: var(--white);
  border-radius: 999px;
}
@media screen and (max-width: 370px) {
  .korea__flow-tab {
    width: 100%;
  }
}
.korea__flow-tab_btn {
  border: 0;
  color: var(--black);
  cursor: pointer;
  font-size: 1.3em;
}
.korea__flow-tab_btn.is-active {
  background-color: var(--black);
}
.korea__flow-content {
  display: none;
  flex-direction: column;
  gap: 2em;
  width: 100%;
}
.korea__flow-lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  font-size: 1.8em;
}
.korea__flow-lead span {
  color: var(--dark-blue);
}
.korea__flow-lead span span {
  font-size: 1.6em;
}
.korea__flow-lead p {
  font-size: .6em;
}
.korea__flow_item {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
}
.korea__flow-list {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  width: 100%;
}
.korea__flow-item {
  position: relative;
  width: 100%;
  min-height: 120px;
  border: 2px solid #c5e6f5;
  border-radius: 1em;
  background: var(--white);
  box-shadow:
    inset 0 0 0 4px var(--white),
    inset 0 0 0 5px #c5e6f5;
}
.korea__flow-step {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: .5em;
  min-height: 32px;
  padding: 0 8px 0 1em;
  border-radius: 0 1em 0 1em;
  color: var(--white);
  font-size: .9em;
  font-weight: 700;
  background: var(--black);
}
.korea__flow-step span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: var(--black);
  background: var(--white);
}
.korea__flow-item_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5em;
  min-height: 120px;
  padding: 1.5em;
  text-align: center;
}
.korea__flow-item_inner img {
  display: block;
  width: 2.5em;
  height: auto;
}
.korea__flow-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.korea__flow-item_inner p {
  font-size: 1.1em;
}
.korea__flow-item_inner span {
  font-size: .8em;
}
.korea__flow-badge {
  position: absolute;
  top: -20px;
  left: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
}
.korea__flow-badge strong {
  color: #fff500;
  font-size: 1.4em;
}
@media screen and (max-width: 370px) {
  .korea__flow-badge {
    width: 72px;
  }
}
/* korea__card-info */
.korea__card-info {
  gap: 3em;
  padding: 0;
}
.korea__card-info .korea__heading2 {
  padding: 1.5em 0;
  background-image: url(../images/flow_bg.png);
  background-size: 100% auto;
  background-position: bottom left;
  margin-top: 1.5em;
}
.korea__card-info-tab {
  display: flex;
  align-items: flex-end;
  gap: .5em;
  padding: 0 1em;
  width: 100%;
  border-bottom: 3px solid var(--dark-blue);
}
.korea__card-info-tab_btn {
  flex: 1;
  height: 72px;
  padding-top: .2em;
  border: 0;
  border-radius: 1em 1em 0 0;
  background-color: var(--purple);
  color: var(--white);
  font-size: 1.1em;
  cursor: pointer;
}
.korea__card-info-tab_btn:first-child {
  background-color: var(--dark-blue);
}
.korea__card-info-tab_btn:not(.is-active) {
  height: 56px;
  opacity: .75;
}
.korea__card-info-content {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 3em;
  width: 100%;
}
.korea__card-info-content.is-active {
  display: flex;
}
.korea__card-info-lead {
  font-size: 1.2em;
  text-align: center;
}
.korea__card-info-designs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1em;
  width: 100%;
}
.korea__card-info-design {
  position: relative;
  width: 18%;
}
.korea__card-info-design button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.korea__card-info-design img {
  display: block;
  width: 100%;
  height: auto;
}
.korea__card-info-design.is-active::after {
  position: absolute;
  left: 50%;
  bottom: -2em;
  transform: translateX(-50%);
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icon_arrow_up.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
.korea__card-info-images {
  width: 100%;
}
.korea__card-info-image {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  width: 100%;
}
.korea__card-info-image.is-active {
  display: flex;
}
.korea__card-info-face {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  width: 100%;
}
.korea__card-info-face span {
  writing-mode: vertical-rl;
  font-size: .9em;
}
.korea__card-info-face img {
  display: block;
  width: 70%;
  height: auto;
}
.korea__card-info-face + .korea__card-info-face img {
  width: 50%;
}
.korea__card-info .c-alis_wrapper {
  padding: 0 1em;
}
/* korea__card-info-list */
.korea__card-info-list {
  width: 100%;
  background-color: var(--white);
  padding: 0 1em;
  font-size: 1em;
  line-height: 1.6;
}
.korea__card-info-row {
  display: grid;
  grid-template-columns: 32% 68%;
  width: 100%;
  border-top: 1px solid #ccc;
}
.korea__card-info-row dt,
.korea__card-info-row dd {
  margin: 0;
  padding: 1em;
  border-bottom: 1px solid #ccc;
}
.korea__card-info-row dt {
  display: flex;
  align-items: center;
  background-color: #eee;
  font-weight: 700;
  font-size: 0.9em;
}
.korea__card-info-row dd {
  min-width: 0;
  background-color: var(--white);
}
.korea__card-info-row dd .c-alist {
  display: block;
}
.korea__card-info-list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.korea__card-info-list_item {
  display: flex;
  flex-direction: column;
  gap: .5em;
  padding-left: 1.2em;
  list-style: disc;
}
.korea__card-info-list_item li {
  padding-left: .2em;
}
.korea__hero_fv a,
.korea__intro a {
  text-decoration: underline;
}
.korea__card-info-row .c-fontbold {
  font-weight: 700;
}
@media screen and (max-width: 370px) {
  .korea__card-info-list {
    font-size: .9em;
  }
  .korea__card-info-row {
    grid-template-columns: 30% 70%;
  }
  .korea__card-info-row dt,
  .korea__card-info-row dd {
    padding: .8em;
  }
}
.korea__card-info-notes_wrapper {
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 100%;
  padding: 2em 1em;
  background-color: #f5f5f5;
  font-weight: 400;
}
.korea__card-info-notes {
  display: flex;
  flex-direction: column;
  gap: .8em;
  width: 100%;
}
.korea__card-info-notes-block {
  display: flex;
  flex-direction: column;
  gap: .8em;
}
.korea__card-info-notes-block + .korea__card-info-notes-block {
  margin-top: 1.2em;
}
.korea__card-info-notes-title {
  margin: 0;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.6;
}
.korea__card-info-notes-text {
  margin: 0;
  line-height: 1.5;
}
.korea__card-info-notes-list {
  display: flex;
  flex-direction: column;
  gap: .4em;
  padding-left: 1em;
  line-height: 1.8;
  list-style: disc;
}
.korea__card-info-notes-list li {
  padding-left: .2em;
}
.korea__card-info_olive {
  padding: 0 1em;
  width: 100%;
}
/* nb__cv */
.korea__cv__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 75px 19px 35px 19px;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
  width: 100%;
  border: 5px solid var(--red-dark);
  background-color: #fff;
  border-radius: 20px;
  color: #fff;
  font-size: 1.3em;
}
.korea__cv_sokuhatsu {
  position: absolute;
  left: 50%;
  top: -52px;
  transform: translateX(-50%);
  width: 200px;
}
/* nb__start */
/* nb__simulation */
.korea__campaign_more.active .korea__more_item {
  display: block;
  padding: 1.5em;
}
.korea__campaign_more.active .korea__more_button::after {
  display: none;
}
.korea__campaign_more_sbi_text_list .c-linkIcon02 {
  display: inline !important;
}
/* nb__use */
.korea__use_more.active .korea__more_item {
  display: block;
  padding: 1.5em;
}
.korea__use_more.active .korea__more_button::after {
  display: none;
}
/* nb__topics */
/* nb__flow */
/* nb__flow */
.c-tabList {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
  height: 2.6em;
  border-radius: 999px;
  font-size: 1.3em;
}
.c-tabList.is-active {
  color: var(--white);
  opacity: 1 !important;
}
.c-tabList img {
  width: auto;
  height: 32px;
}
.c-tabContent.is-active {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
/* nb__info */
#infoTab1 {
  background-color: #E5F6E1;
}
#infoTab2 {
  background-color: #F7E8BB;
}
.p-flow__informationTable .c-circle12 {
  font-size: .8em;
}
/* p-flow__wrap */
/* modal */
.c-modalTitle {
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.c-modalTitle::before {
  content: "";
  display: inline-block;
  width: 1.0666666667vw;
  height: 3.7333333333vw;
  background: #242527;
  margin-right: 1em;
}
@media (min-width: 768px) {
  .c-modalTitle::before {
    width: 5px;
    height: 21px;
  }
}
.p-modal__cardWrapNG {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-modal__areas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
  width: 100%;
}
.p-modal__areas a {
  width: 240px;
  height: 56px;
  font-size: 1.5em;
}
.p-modal__cardoverlay {
  z-index: 32;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.p-modal__cardbody,
.p-modal__cardbody02 {
  scrollbar-width: none;
}
.p-modal__cardbody::-webkit-scrollbar,
.p-modal__cardbody02::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .p-modal__cardbody,
  .p-modal__cardbody02,
  .p-modal__cardbody03,
  .p-modal__cardbody04,
  .p-modal__cardbody05,
  .p-modal__cardbody06,
  .p-modal__cardbodyNG,
  .p-modal__cardbodyNG02,
  .p-modal__cardbodyNG03 {
    max-width: 1000px;
  }
}
@media (max-width: 101.5em) {
  .p-modal__cardbody,
  .p-modal__cardbody02,
  .p-modal__cardbody03,
  .p-modal__cardbody04,
  .p-modal__cardbody05,
  .p-modal__cardbody06 {
    max-height: calc(100vh - 200px);
  }
}
.p-modal__cardcontent {
  padding: 8.5333333333vw 3.7333333333vw;
  padding-bottom: 65.6666666667vw;
}
@media (min-width: 768px) {
  .p-modal__cardcontent {
    padding: 43px 18px;
    padding-bottom: 213px;
  }
}
.p-modal__cardcloseBtn {
  z-index: 233;
  display: none;
  position: fixed;
  top: 6px;
  right: 14px;
  width: 56px;
  cursor: pointer;
}
.p-modal__cardFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  gap: .5em;
  max-width: 100vw;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .p-modal__cardFlex {
    max-width: 1000px;
  }
}
.p-modal__cardWrap {
  z-index: 222;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 38.6666666667vw;
  padding: 0 1em;
  padding-bottom: 12px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
}
@media (min-width: 768px) {
  .p-modal__cardWrap {
    height: 193px;
  }
}
.p-modal__cardWrap--night02 {
  min-height: fit-content;
}
@media (min-width: 768px) {
  .p-modal__cardWrap--night02 {
    min-height: 22.5em;
  }
}
.p-modal__cardWrap02 {
  height: fit-content;
}
@media (min-width: 768px) {
  .p-modal__cardWrap02 {
    height: 135px;
  }
}
.p-modal__area--NL,
.p-modal__area--GOLD {
  max-width: 320px;
}
.p-modal__area--NL {
  width: 100%;
  margin-top: 12px;
}
.p-modal__area--GOLD {
  width: 100%;
  margin-top: 12px;
}
.p-modal__cardSoonUsuallyText {
  display: block;
  font-size: 1.1em;
  margin-top: 12px;
  text-align: center;
  color: #5E5E5E;
}
.p-modal__cardSoonText p {
  display: block;
  font-size: .9em;
  text-align: center;
  color: #5E5E5E;
}
@media (min-width: 768px) {
  .p-modal__cardSoonText p {
    font-size: .8em;
  }
}
.p-modalTitle__note {
  font-size: 1.3em;
  margin-top: 2em;
}
.p-modalTitle__Top {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 4px;
}
.p-modalTitle__TopText {
  margin-top: 1.5em;
  text-align: center;
  font-size: 0.85em;
}
.p-modal__bottomText {
  max-width: 100vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .p-modal__bottomText {
    max-width: 500px;
  }
}
.p-modal__cardbodyNG,
.p-modal__cardbodyNG02 {
  width: 90%;
}
@media (min-width: 768px) {
  .p-modal__cardbodyNG,
  .p-modal__cardbodyNG02 {
    height: 436px!important;
  }
}
.p-modal__cardbodyNG03 {
  height: fit-content!important;
}
@media (min-width: 768px) {
  .p-modal__cardbodyNG03 {
    padding: 53px!important;
  }
}
.p-modal__title {
  text-align: center;
  margin-top: 32px;
  font-size: 1.4em;
  font-weight: bold;
}
.p-modal__titleSub {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 1em;
}
.p-modal__cardWrapNG03Img {
  text-align: center;
  margin-top: 1.5em;
}
.p-modal__cardWrapNG03Img img {
  width: 100%;
  height: auto;
  max-width: 244px;
}
.p-modal__cardWrapNG03ImgText {
  text-align: center;
  margin-top: 20px;
}
.p-modal__cardWrapNG03Img02 p {
  background: linear-gradient(90deg, #BB9C3D 0%, #B08A0D 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.1em;
  font-weight: bold;
}
.p-modal__cardWrapNG03Img02 img {
  width: 1.5em;
}
@media (min-width: 768px) {
  .p-modal__cardWrapNG03Img02 img {
    max-width: 20px;
    margin-right: 66px;
    margin-left: 21px;
  }
}
/* l-foote */
.l-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  padding: 1.5em 0 150px 0;
  text-align: center;
  width: 100%;
}
.l-footer_plan {
  padding: 1.5em 0 100px 0;
}
.l-footer-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
}
.l-footer-copyright {
  padding: 2em 0;
  width: 100%;
  background-color: var(--black);
  color: var(--white);
}
.l-footer-copyrightInfo {
  line-height: 1;
}
/* 追従ボタン */
.p-cardBtnWrap {
  z-index: 30;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  flex-direction: column;
  align-items: center;
  gap: .5em;
  padding: 0 1em 1em 1em;
  width: 471px;
  max-width: 100%;
  background-color: var(--white);
}
.p-cardBtnWrap .korea__lead p {
  font-weight: 500;
}
.p-cardBtnWrap .korea__lead span {
  color: var(--dark-blue);
  font-weight: 700;
}
.p-cardBtnWrap .korea__lead span span {
  font-size: 1.9em;
}
.p-cardBtnWrap_button-wrapper {
  display: flex;
  gap: .5em;
  width: 100%;
}
.p-cardBtnWrap_button-wrapper .c-cardBtn02 {
  flex: 1;
}
.c-cardBtn02 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: .5em;
  background-color: var(--black);
  cursor: pointer;
}
.c-cardBtn02 span {
  color: var(--white);
  font-size: 1.2em;
}
.c-cardBtn02--outline {
  background-color: var(--white);
  border: 2px solid var(--black);
}
.c-cardBtn02--outline span {
  display: flex;
  flex-wrap: wrap;
  color: var(--black);
  font-size: 1em;
  justify-content: center;
}
.p-modal__cardbodySelect {
  z-index: 111;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.95);
  width: 90%;
  max-width: 430px;
  padding: 4em 1.5em 2em;
  border-radius: 1em;
  background-color: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  opacity: 0;
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;
}
.p-modal__cardcloseBtnSelect {
  position: absolute;
  top: 1em;
  right: 1em;
  display: block;
  width: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.p-modal__cardcloseBtnSelect img {
  display: block;
  width: 100%;
  height: auto;
}
.p-modal__applicationSelect {
  width: 100%;
}
.p-modal__select-list {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
}
.p-modal__select-item {
  display: flex;
  align-items: center;
  gap: 1em;
  width: 100%;
  min-height: 88px;
  padding: 1em;
  border: 0;
  border-radius: .5em;
  background-color: var(--black);
  color: var(--white);
  cursor: pointer;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: var(--black);
}
.p-modal__select-item:hover {
    opacity: 0.5;
    cursor: pointer;
}
.p-modal__select-item img {
  display: block;
  width: 72px;
  height: auto;
}
.p-modal__select-olive img {
  width: 88px;
}
.p-modal__select-item span {
  position: relative;
  flex: 1;
  padding-right: 0.5em;
  color: var(--white);
  font-size: 1.1em;
  line-height: 1.4;
  text-align: left;
}
.p-modal__select-item span::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  content: "";
}
.p-modal__select-kitty {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  border: 1px solid var(--black);
  border-radius: .5em;
  background-color: var(--white);
}
.korea__card-info-image a.p-modal__select-kitty {
  width: 70%;
}
.p-modal__select-kitty_content {
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 1em;
}
.p-modal__select-kitty_logo {
  width: 30%;
}
.p-modal__select-kitty_cards {
  display: flex;
  align-items: center;
  gap: .5em;
  width: 70%;
}
.p-modal__select-kitty_cards img {
  display: block;
  width: calc(50% - .25em);
  height: auto;
}
.p-modal__select-kitty > span {
  display: block;
  width: 100%;
  padding: .6em 1em;
  background-color: var(--red);
  color: var(--white);
  font-size: 1em;
  line-height: 1.4;
  text-align: center;
}
.c-tabContent {
  display: none;
}
.p-flow__wrap .c-circle10,
.p-flow__wrap .u-fz10 {
  font-size: .8em;
}
.p-flow__wrap .u-mlg {
  padding-left: 1.0em;
}
.c-linkIcon02 {
  display: inline-flex;
  text-decoration: underline;
  align-items: center;
  gap: .5em;
}
.c-linkIcon02 img {
  width: 1em;
}
.c-linkIcon02--blue,
.c-linkIcon02 span {
  color: var(--dark-blue);
  text-decoration-color: var(--dark-blue);
  font-weight: 700;
}
.c-alis_wrapper {
  display: flex;
  flex-direction: column;
  gap: .2em;
}
.c-alist {
  font-size: .8em;
  text-indent: -1em;
  padding-left: 1em;
  color: #5E5E5E;
  display: block;
  line-height: 1.5;
}
.c-alist::before {
  content: "※";
}
.c-alist1 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist1::before {
  content: "※1";
  margin-right: 4px;
}
.c-alist2 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist2::before {
  content: "※2";
  margin-right: 4px;
}
.c-alist3 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist3::before {
  content: "※3";
  margin-right: 4px;
}
.c-alist4 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist4::before {
  content: "※4";
  margin-right: 4px;
}
.c-alist5 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist5::before {
  content: "※5";
  margin-right: 4px;
}
.c-alist6 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist6::before {
  content: "※6";
  margin-right: 4px;
}
.c-alist7 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist7::before {
  content: "※7";
  margin-right: 4px;
}
.c-alist8 {
  font-size: .8em;
  text-indent: -2em;
  padding-left: 2em;
  color: #5E5E5E;
}
.c-alist8::before {
  content: "※8";
  margin-right: 4px;
}
.c-mlist {
    font-size: 1em;
    text-indent: -1em;
    padding-left: 1em;
    display: block;
    line-height: 1.5;
}
.c-mlist::before {
    content: "・";
}
.c-color--black {
  color: #5E5E5E !important;
}
.c-arrow.ngn_index2 span {
  position: relative;
}
.c-arrow.ngn_index2 span::after {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  content: "";
}
.c-arrow4 span{
  position: relative;
}
.c-arrow4 span::after {
  position: absolute;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  right: -35%;
  top: 55%;
}
.c-arrow4-01.ngn_index2 span{
  position: relative;
}
.c-arrow4-01.ngn_index2 span::after {
  position: absolute;
  top: 50%;
  right: -60px;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 2px solid var(--dark-blue);
  border-right: 2px solid var(--dark-blue);
}
@media (min-width: 768px) {
  .c-arrow4-01::after {
    width: 11px;
    height: 11px;
  }
  .c-arrow4-01.ngn_index2::after {
    width: 11px;
    height: 11px;
  }
}
.c-arrow5-01.ngn_index2 span {
  position: relative;
}
.c-arrow5-01.ngn_index2 span::after {
  position: absolute;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 2px solid var(--purple);
  border-right: 2px solid var(--purple);
  top: 50%;
  right: -60px;
}
.c-circle10 {
  font-size: .8em;
  text-indent: -1.3em;
  padding-left: 1em;
  color: #242527;
  display: block;
}
@media (min-width: 768px) {
  .c-circle10 {
    font-size: .8em;
  }
}
.c-circle10::before {
  content: "・";
  margin-right: 4px;
}
.c-circle12 {
  font-size: .8em;
  text-indent: -0.8em;
  padding-left: 1em;
  color: #242527;
  display: block;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .c-circle12 {
    font-size: 1em;
  }
}
.c-circle12::before {
  content: "・";
  margin-right: 4px;
}
.c-hover:hover {
  opacity: 0.5;
  cursor: pointer;
}
.u-mlg {
  padding-left: 1.5em;
  display: block;
}
.u-soon {
  margin-left: 0.3em;
}
.u-ml20 {
  margin-left: 2.6666666667vw;
}
@media (min-width: 768px) {
  .u-ml20 {
    margin-left: 13px;
  }
}
.u-mt10 {
  margin-top: 10px;
}
.u-mt20 {
  margin-top: 5.3333333333vw;
}
@media (min-width: 768px) {
  .u-mt20 {
    margin-top: 27px;
  }
}
.u-mt0 {
  margin-top: 0px;
}
.u-mt4 {
  margin-top: 1.0666666667vw;
}
@media (min-width: 768px) {
  .u-mt4 {
    margin-top: 5px;
  }
}
.u-mt24 {
  margin-top: 6.4vw;
}
@media (min-width: 768px) {
  .u-mt24 {
    margin-top: 1.5em;
  }
}
.u-ml8 {
  margin-left: 2.1333333333vw;
}
@media (min-width: 768px) {
  .u-ml8 {
    margin-left: 11px;
  }
}
@media (max-width: 370px) {
  .u-ml8 {
    margin-left: 0;
  }
}
.u-tleft {
  text-align: left;
}
.u-fz10 {
  font-size: .6em;
}
@media (min-width: 768px) {
  .u-fz10 {
    font-size: .8em;
  }
}
@media (max-width: 370px) {
  .u-fz10 {
    font-size: .5em;
  }
}
.u-fz12Fixed{
  font-size: .8em;
}
.u-fz12 {
  font-size: 1em;
}
.u-fz13 {
  font-size: .8em;
}
@media (max-width: 767px) {
  .u-fz13 {
    font-size: .8em;
  }
}
.u-fz26 {
  font-size: 1.6em;
}
@media (max-width: 767px) {
  .u-fz26 {
    font-size: 1.3em;
  }
}
.pc {
  width: 100%;
}
/* 5/1rel */
.s-hidden {
  overflow-y: hidden !important;
  ;
}
.u-ml20 {
  margin-left: 20px;
}
.u-tInit {
  text-indent: initial;
}
/* modal design unified */
.p-modal__cardbody,
.p-modal__cardbody02,
.p-modal__cardbody03,
.p-modal__cardbody04,
.p-modal__cardbody05,
.p-modal__cardbody06,
.p-modal__cardbodyNG,
.p-modal__cardbodyNG02,
.p-modal__cardbodyNG03 {
  z-index: 111;
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 90%;
  max-width: 430px;
  height: 60vh;
  padding: 24px 14px;
  border-radius: 1em;
  background-color: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.95);
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;
  letter-spacing: -.01em;
  scrollbar-width: none;
}
.p-modal__cardbody,
.p-modal__cardbody04,
.p-modal__cardbody02,
.p-modal__cardbody05 {
  max-width: 800px;
  height: 80vh;
}
.p-modal__cardcontent {
  padding: 0;
}
.p-modal__cardcloseBtn,
.p-modal__cardcloseBtnSelect {
  z-index: 233;
  position: absolute;
  top: 1em;
  right: 1em;
  display: block;
  width: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.p-modal__cardcloseBtn img,
.p-modal__cardcloseBtnSelect img {
  display: block;
  width: 100%;
  height: auto;
}
.p-modal__cardWrap {
  position: static;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
}
.p-modal__cardWrap--night02,
.p-modal__cardWrap02 {
  height: auto;
  min-height: 0;
}
.p-modal__application,
.p-modal__application02,
.p-modal__application03,
.p-modal__application04,
.p-modal__application05,
.p-modal__application06 {
  position: static;
  width: 100%;
  margin: 1em 0 0;
}
.korea__shop-modal {
  z-index: 501;
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 90%;
  max-width: 430px;
  max-height: calc(100vh - 2em);
  padding: 4em 1.5em 2em;
  border-radius: 1em;
  background-color: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.95);
  transition: opacity .3s ease, transform .3s ease;
}
.korea__shop-modal.is-open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.korea__shop-modal-close {
  top: 1em;
  right: 1em;
  width: 44px;
  height: 44px;
}
@media (max-width: 767px) {
.paT-30{
  padding-top: 30px !important;
}
}
.camp_note_title{
  display: grid;
    gap: 1em;
    padding-bottom: 2em;
}
.camp_note {
  display: flex;
  gap: 10px;
  align-items: center;
}
.camp_note img {
  width: 32px;
  height: 32px;
}
.korea__vtrip_lead-text{
  font-size: 1em;
  text-align: left;
}
.logo-expanded_01{
  height: 80px!important;
}
.logo-expanded_02{
  height: 57px!important;
}
.shop-list_expanded_01{
  max-height: 85%!important;
}
.shop-list_expanded_02{
  max-height: 30%!important;
}
.shop-list_expanded_03{
  max-width: 90%!important;
  width: auto!important;
}
.p-cardBtnWrap_plan{
  padding: 1.5em 1em;
}
.f-bold{
  font-weight: bold;
}
.c-nlist{
  font-size: .8em;
  color: #5E5E5E;
}
.p-modal__cardopenModalBtnNG03 span {
  position: relative;
}
.p-modal__cardopenModalBtnNG03 span::after {
    position: absolute;
    top: 50%;
    right: -45%;
    transform: translateY(-50%) rotate(45deg);
    width: .6em;
    height: .6em;
    border-top: 2px solid var(--black);
    border-right: 2px solid var(--black);
    content: "";
}