/***
    The new CSS reset - version 1.11.2 (last updated 15.11.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/* Remove details summary webkit styles */
::-webkit-details-marker {
  display: none;
}

@keyframes fadeInTabs {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  scroll-padding-top: 130px;
}
@media (max-width: 767px) {
  :root {
    scroll-padding-top: 60px;
  }
}


.l-content {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  overflow-wrap: break-word;
  letter-spacing: 0;
  text-align: left;
}
@media (max-width: 767px) {
  .l-content {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  body.is-open {
    overflow: hidden;
  }
}

button, input, select, textarea {
  font-family: "Noto Sans JP", sans-serif;
}

button:not(:disabled):focus-visible,
a:not(:disabled):focus-visible,
pre:not(:disabled):focus-visible,
input:not(:disabled):focus-visible,
select:not(:disabled):focus-visible,
button:not(:disabled):focus-visible,
textarea:not(:disabled):focus-visible {
  transition-duration: 0s;
  outline: none;
}

html.disableScroll body,
html.disableScroll {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}

h3 {
  display: block;
}
h3:before {
  content: none;
}

.visually_hidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
@media (min-width: 768px) {
  a[href^=tel] {
    pointer-events: none;
    text-decoration: none;
    opacity: 1 !important;
    cursor: default !important;
  }
}

ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin: 0;
}

figure {
  margin: 0;
  padding: 0;
  line-height: 0;
}
figure img {
  width: 100%;
}

input[type=submit] {
  border: none;
  transition-duration: 0.2s;
}

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

* {
  box-sizing: border-box;
  word-break: break-word;
}

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

strong,
b {
  font-weight: bold;
}

button {
  cursor: pointer;
}

.image-cover {
  overflow: hidden;
}
.image-cover img {
  font-family: "object-fit: cover;";
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hover-zoom {
  overflow: hidden;
}
.hover-zoom img {
  transition: 0.3s linear;
}
@media (hover: hover) {
  a:hover .hover-zoom:hover img {
    transform: scale(1.05);
  }
}

.js-inview {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(80px);
}
.js-inview.is-show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.js-title {
  position: relative;
  display: inline-block;
}
.js-title:after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #fff;
  position: absolute;
  top: -2px;
  right: -2px;
  clip-path: inset(0 0 0 0%);
  transition: clip-path 0.8s cubic-bezier(0.83, 0, 0.17, 1);
}
.js-title.is-show {
  opacity: 1;
  visibility: visible;
}
.js-title.is-show:after {
  clip-path: inset(0 0 0 100%);
}

sup {
  font-size: 10px;
  vertical-align: super;
}

.w-full {
  width: 100%;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-super {
  vertical-align: super;
}

.flex-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .pc-text-left {
    text-align: left;
  }
  .pc-text-center {
    text-align: center;
  }
  .pc-text-right {
    text-align: right;
  }
  .pc-text-justify {
    text-align: justify;
  }
}
@media (max-width: 767px) {
  .sp-text-left {
    text-align: left;
  }
  .sp-text-center {
    text-align: center;
  }
  .sp-text-right {
    text-align: right;
  }
  .sp-text-justify {
    text-align: justify;
  }
}
.fadeInUp {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.8s ease 0s;
}
.fadeInUp.is-anim {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeInDown {
  opacity: 0;
  transform: translate(0, -20px);
  transition: all 0.8s ease 0s;
}
.fadeInDown.is-anim {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeInLeft {
  opacity: 0;
  transform: translate(20px, 0);
  transition: all 0.8s ease 0s;
}
.fadeInLeft.is-anim {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeInRight {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 0.8s ease 0s;
}
.fadeInRight.is-anim {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.bg-black {
  background-color: #000000;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-gradient {
  pointer-events: none;
  position: relative;
  height: 64px;
  overflow: hidden;
  background: #fff;
  -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.55) 10%, rgba(255, 255, 255, 0.45) 15%, rgba(255, 255, 255, 0.35) 20%, rgba(255, 255, 255, 0) 40%);
          mask: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.55) 10%, rgba(255, 255, 255, 0.45) 15%, rgba(255, 255, 255, 0.35) 20%, rgba(255, 255, 255, 0) 40%);
}
.bg-gradient:after {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, #ACB4D9 1.86%, #86CFEA 19.32%, #C8DD97 34.89%, #FAE8A1 52.11%, #F5C699 68.39%, #EBBACD 84.43%, #E79A9B 100%);
  top: 0;
  height: 100%;
  width: calc(100% + 40px);
  left: 50%;
  transform: translateX(-50%);
}
.bg-gradient--medium {
  margin-top: 8px;
  height: 55px;
  -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.35) 10%, rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0) 30%);
          mask: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.35) 10%, rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0) 30%);
}
.bg-gradient--green {
  height: 48px;
}
.bg-gradient--green::after {
  background: linear-gradient(270deg, #59B770 0%, #5BC5EF 25%, #F6EA91 60%, #59B770 100%);
}
@media screen and (max-width: 767px) {
  .bg-gradient {
    height: 48px;
    -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.45) 15%, rgba(255, 255, 255, 0.35) 20%, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0) 50%);
            mask: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.45) 15%, rgba(255, 255, 255, 0.35) 20%, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0) 50%);
  }
  .bg-gradient--medium {
    height: 15px;
    -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, 0.55) 25%, rgba(255, 255, 255, 0.45) 30%, rgba(255, 255, 255, 0) 60%);
            mask: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, 0.55) 25%, rgba(255, 255, 255, 0.45) 30%, rgba(255, 255, 255, 0) 60%);
  }
  .bg-gradient--green {
    height: 48px;
  }
}
.bg-gradient--small {
  margin-top: 8px;
  height: 15px;
  -webkit-mask: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.95) 25%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0) 80%);
          mask: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.95) 25%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0) 80%);
  max-width: 130px;
  overflow: visible;
  position: relative;
}
.bg-gradient--small::after {
  filter: blur(9px);
  width: calc(100% - 20px);
}
@media screen and (max-width: 767px) {
  .bg-gradient--small {
    margin-top: 11px;
  }
}

.bg-service {
  background: linear-gradient(180deg, #E99495 0%, #EBB7CE 17%, #FDC689 34%, #F6EA91 50%, #B9D989 66%, #67C5EA 83%, #B0ABD5 100%);
}

.bg-corporate {
  background: linear-gradient(180deg, #59B770 0%, #5BC5EF 25%, #F4ECA4 34%, #F6EA91 60%, #59B770 100%);
}

.border-t {
  border-top: 1px solid;
}

.border-b {
  border-bottom: 1px solid;
}

.border-l {
  border-left: 1px solid;
}

.border-r {
  border-right: 1px solid;
}

.border-none {
  border: none;
}

.border-r-none {
  border-right: none !important;
}

.border-l-none {
  border-left: none !important;
}

.radius-0 {
  border-radius: 0 !important;
}

.border-m {
  border: 2px solid;
}

.border-color-w {
  border-color: #D9DDE3 !important;
}

.border-radius-s {
  border-radius: 8px;
}

.border-radius-m {
  border-radius: 16px;
}

.color-black333 {
  color: #333;
}

.color-white {
  color: #FFFFFF;
}

.color-blue {
  color: #00469B;
}

.color-red {
  color: #EF3A3C;
}

.color-e10000 {
  color: #E10000;
}

.cursor-auto {
  cursor: auto;
}

.cursor-pointer {
  cursor: pointer;
}

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

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.hidden {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.shrink {
  flex-shrink: 1;
}

.grow {
  flex-grow: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.grid {
  display: grid;
}

@media screen and (max-width: 767px) {
  .sp-justify-center {
    justify-content: center;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gap-0 {
  --variable-gap: 0;
  gap: 0 !important;
}

.m-x4s {
  margin: 4px !important;
}

.mt-x4s {
  margin-top: 4px !important;
}

.mb-x4s {
  margin-bottom: 4px !important;
}

.ml-x4s {
  margin-left: 4px !important;
}

.mr-x4s {
  margin-right: 4px !important;
}

.mx-x4s {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-x4s {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.p-x4s {
  padding: 4px !important;
}

.pt-x4s {
  padding-top: 4px !important;
}

.pb-x4s {
  padding-bottom: 4px !important;
}

.pl-x4s {
  padding-left: 4px !important;
}

.pr-x4s {
  padding-right: 4px !important;
}

.px-x4s {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-x4s {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.gap-x4s {
  --variable-gap: 4px;
  gap: 4px !important;
}

.m-x3s {
  margin: 8px !important;
}

.mt-x3s {
  margin-top: 8px !important;
}

.mb-x3s {
  margin-bottom: 8px !important;
}

.ml-x3s {
  margin-left: 8px !important;
}

.mr-x3s {
  margin-right: 8px !important;
}

.mx-x3s {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-x3s {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.p-x3s {
  padding: 8px !important;
}

.pt-x3s {
  padding-top: 8px !important;
}

.pb-x3s {
  padding-bottom: 8px !important;
}

.pl-x3s {
  padding-left: 8px !important;
}

.pr-x3s {
  padding-right: 8px !important;
}

.px-x3s {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-x3s {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.gap-x3s {
  --variable-gap: 8px;
  gap: 8px !important;
}

.m-x2s {
  margin: 12px !important;
}

.mt-x2s {
  margin-top: 12px !important;
}

.mb-x2s {
  margin-bottom: 12px !important;
}

.ml-x2s {
  margin-left: 12px !important;
}

.mr-x2s {
  margin-right: 12px !important;
}

.mx-x2s {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-x2s {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.p-x2s {
  padding: 12px !important;
}

.pt-x2s {
  padding-top: 12px !important;
}

.pb-x2s {
  padding-bottom: 12px !important;
}

.pl-x2s {
  padding-left: 12px !important;
}

.pr-x2s {
  padding-right: 12px !important;
}

.px-x2s {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-x2s {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.gap-x2s {
  --variable-gap: 12px;
  gap: 12px !important;
}

.m-xs {
  margin: 16px !important;
}

.mt-xs {
  margin-top: 16px !important;
}

.mb-xs {
  margin-bottom: 16px !important;
}

.ml-xs {
  margin-left: 16px !important;
}

.mr-xs {
  margin-right: 16px !important;
}

.mx-xs {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-xs {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-xs {
  padding: 16px !important;
}

.pt-xs {
  padding-top: 16px !important;
}

.pb-xs {
  padding-bottom: 16px !important;
}

.pl-xs {
  padding-left: 16px !important;
}

.pr-xs {
  padding-right: 16px !important;
}

.px-xs {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-xs {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.gap-xs {
  --variable-gap: 16px;
  gap: 16px !important;
}

.m-s {
  margin: 20px !important;
}

.mt-s {
  margin-top: 20px !important;
}

.mb-s {
  margin-bottom: 20px !important;
}

.ml-s {
  margin-left: 20px !important;
}

.mr-s {
  margin-right: 20px !important;
}

.mx-s {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-s {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-s {
  padding: 20px !important;
}

.pt-s {
  padding-top: 20px !important;
}

.pb-s {
  padding-bottom: 20px !important;
}

.pl-s {
  padding-left: 20px !important;
}

.pr-s {
  padding-right: 20px !important;
}

.px-s {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-s {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.gap-s {
  --variable-gap: 20px;
  gap: 20px !important;
}

.m-m {
  margin: 24px !important;
}

.mt-m {
  margin-top: 24px !important;
}

.mb-m {
  margin-bottom: 24px !important;
}

.ml-m {
  margin-left: 24px !important;
}

.mr-m {
  margin-right: 24px !important;
}

.mx-m {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-m {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-m {
  padding: 24px !important;
}

.pt-m {
  padding-top: 24px !important;
}

.pb-m {
  padding-bottom: 24px !important;
}

.pl-m {
  padding-left: 24px !important;
}

.pr-m {
  padding-right: 24px !important;
}

.px-m {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-m {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.gap-m {
  --variable-gap: 24px;
  gap: 24px !important;
}

.m-l {
  margin: 32px !important;
}

.mt-l {
  margin-top: 32px !important;
}

.mb-l {
  margin-bottom: 32px !important;
}

.ml-l {
  margin-left: 32px !important;
}

.mr-l {
  margin-right: 32px !important;
}

.mx-l {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-l {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.p-l {
  padding: 32px !important;
}

.pt-l {
  padding-top: 32px !important;
}

.pb-l {
  padding-bottom: 32px !important;
}

.pl-l {
  padding-left: 32px !important;
}

.pr-l {
  padding-right: 32px !important;
}

.px-l {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-l {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.gap-l {
  --variable-gap: 32px;
  gap: 32px !important;
}

.m-xl {
  margin: 40px !important;
}

.mt-xl {
  margin-top: 40px !important;
}

.mb-xl {
  margin-bottom: 40px !important;
}

.ml-xl {
  margin-left: 40px !important;
}

.mr-xl {
  margin-right: 40px !important;
}

.mx-xl {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-xl {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-xl {
  padding: 40px !important;
}

.pt-xl {
  padding-top: 40px !important;
}

.pb-xl {
  padding-bottom: 40px !important;
}

.pl-xl {
  padding-left: 40px !important;
}

.pr-xl {
  padding-right: 40px !important;
}

.px-xl {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-xl {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.gap-xl {
  --variable-gap: 40px;
  gap: 40px !important;
}

.m-xl2 {
  margin: 44px !important;
}

.mt-xl2 {
  margin-top: 44px !important;
}

.mb-xl2 {
  margin-bottom: 44px !important;
}

.ml-xl2 {
  margin-left: 44px !important;
}

.mr-xl2 {
  margin-right: 44px !important;
}

.mx-xl2 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.my-xl2 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.p-xl2 {
  padding: 44px !important;
}

.pt-xl2 {
  padding-top: 44px !important;
}

.pb-xl2 {
  padding-bottom: 44px !important;
}

.pl-xl2 {
  padding-left: 44px !important;
}

.pr-xl2 {
  padding-right: 44px !important;
}

.px-xl2 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.py-xl2 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.gap-xl2 {
  --variable-gap: 44px;
  gap: 44px !important;
}

.m-x2l {
  margin: 48px !important;
}

.mt-x2l {
  margin-top: 48px !important;
}

.mb-x2l {
  margin-bottom: 48px !important;
}

.ml-x2l {
  margin-left: 48px !important;
}

.mr-x2l {
  margin-right: 48px !important;
}

.mx-x2l {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.my-x2l {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.p-x2l {
  padding: 48px !important;
}

.pt-x2l {
  padding-top: 48px !important;
}

.pb-x2l {
  padding-bottom: 48px !important;
}

.pl-x2l {
  padding-left: 48px !important;
}

.pr-x2l {
  padding-right: 48px !important;
}

.px-x2l {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.py-x2l {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.gap-x2l {
  --variable-gap: 48px;
  gap: 48px !important;
}

.m-x3l {
  margin: 60px !important;
}

.mt-x3l {
  margin-top: 60px !important;
}

.mb-x3l {
  margin-bottom: 60px !important;
}

.ml-x3l {
  margin-left: 60px !important;
}

.mr-x3l {
  margin-right: 60px !important;
}

.mx-x3l {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-x3l {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-x3l {
  padding: 60px !important;
}

.pt-x3l {
  padding-top: 60px !important;
}

.pb-x3l {
  padding-bottom: 60px !important;
}

.pl-x3l {
  padding-left: 60px !important;
}

.pr-x3l {
  padding-right: 60px !important;
}

.px-x3l {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-x3l {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.gap-x3l {
  --variable-gap: 60px;
  gap: 60px !important;
}

.m-x3l2 {
  margin: 64px !important;
}

.mt-x3l2 {
  margin-top: 64px !important;
}

.mb-x3l2 {
  margin-bottom: 64px !important;
}

.ml-x3l2 {
  margin-left: 64px !important;
}

.mr-x3l2 {
  margin-right: 64px !important;
}

.mx-x3l2 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.my-x3l2 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.p-x3l2 {
  padding: 64px !important;
}

.pt-x3l2 {
  padding-top: 64px !important;
}

.pb-x3l2 {
  padding-bottom: 64px !important;
}

.pl-x3l2 {
  padding-left: 64px !important;
}

.pr-x3l2 {
  padding-right: 64px !important;
}

.px-x3l2 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.py-x3l2 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.gap-x3l2 {
  --variable-gap: 64px;
  gap: 64px !important;
}

.m-x4l {
  margin: 80px !important;
}

.mt-x4l {
  margin-top: 80px !important;
}

.mb-x4l {
  margin-bottom: 80px !important;
}

.ml-x4l {
  margin-left: 80px !important;
}

.mr-x4l {
  margin-right: 80px !important;
}

.mx-x4l {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-x4l {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-x4l {
  padding: 80px !important;
}

.pt-x4l {
  padding-top: 80px !important;
}

.pb-x4l {
  padding-bottom: 80px !important;
}

.pl-x4l {
  padding-left: 80px !important;
}

.pr-x4l {
  padding-right: 80px !important;
}

.px-x4l {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-x4l {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.gap-x4l {
  --variable-gap: 80px;
  gap: 80px !important;
}

.m-x5l {
  margin: 96px !important;
}

.mt-x5l {
  margin-top: 96px !important;
}

.mb-x5l {
  margin-bottom: 96px !important;
}

.ml-x5l {
  margin-left: 96px !important;
}

.mr-x5l {
  margin-right: 96px !important;
}

.mx-x5l {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.my-x5l {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.p-x5l {
  padding: 96px !important;
}

.pt-x5l {
  padding-top: 96px !important;
}

.pb-x5l {
  padding-bottom: 96px !important;
}

.pl-x5l {
  padding-left: 96px !important;
}

.pr-x5l {
  padding-right: 96px !important;
}

.px-x5l {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.py-x5l {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.gap-x5l {
  --variable-gap: 96px;
  gap: 96px !important;
}

.m-x6l {
  margin: 128px !important;
}

.mt-x6l {
  margin-top: 128px !important;
}

.mb-x6l {
  margin-bottom: 128px !important;
}

.ml-x6l {
  margin-left: 128px !important;
}

.mr-x6l {
  margin-right: 128px !important;
}

.mx-x6l {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.my-x6l {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.p-x6l {
  padding: 128px !important;
}

.pt-x6l {
  padding-top: 128px !important;
}

.pb-x6l {
  padding-bottom: 128px !important;
}

.pl-x6l {
  padding-left: 128px !important;
}

.pr-x6l {
  padding-right: 128px !important;
}

.px-x6l {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.py-x6l {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.gap-x6l {
  --variable-gap: 128px;
  gap: 128px !important;
}

.m-custom70 {
  margin: 70px !important;
}

.mt-custom70 {
  margin-top: 70px !important;
}

.mb-custom70 {
  margin-bottom: 70px !important;
}

.ml-custom70 {
  margin-left: 70px !important;
}

.mr-custom70 {
  margin-right: 70px !important;
}

.mx-custom70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.my-custom70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.p-custom70 {
  padding: 70px !important;
}

.pt-custom70 {
  padding-top: 70px !important;
}

.pb-custom70 {
  padding-bottom: 70px !important;
}

.pl-custom70 {
  padding-left: 70px !important;
}

.pr-custom70 {
  padding-right: 70px !important;
}

.px-custom70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.py-custom70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.gap-custom70 {
  --variable-gap: 70px;
  gap: 70px !important;
}

.m-custom36 {
  margin: 36px !important;
}

.mt-custom36 {
  margin-top: 36px !important;
}

.mb-custom36 {
  margin-bottom: 36px !important;
}

.ml-custom36 {
  margin-left: 36px !important;
}

.mr-custom36 {
  margin-right: 36px !important;
}

.mx-custom36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.my-custom36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.p-custom36 {
  padding: 36px !important;
}

.pt-custom36 {
  padding-top: 36px !important;
}

.pb-custom36 {
  padding-bottom: 36px !important;
}

.pl-custom36 {
  padding-left: 36px !important;
}

.pr-custom36 {
  padding-right: 36px !important;
}

.px-custom36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.py-custom36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.gap-custom36 {
  --variable-gap: 36px;
  gap: 36px !important;
}

.m-x2l2 {
  margin: 52px !important;
}

.mt-x2l2 {
  margin-top: 52px !important;
}

.mb-x2l2 {
  margin-bottom: 52px !important;
}

.ml-x2l2 {
  margin-left: 52px !important;
}

.mr-x2l2 {
  margin-right: 52px !important;
}

.mx-x2l2 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.my-x2l2 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.p-x2l2 {
  padding: 52px !important;
}

.pt-x2l2 {
  padding-top: 52px !important;
}

.pb-x2l2 {
  padding-bottom: 52px !important;
}

.pl-x2l2 {
  padding-left: 52px !important;
}

.pr-x2l2 {
  padding-right: 52px !important;
}

.px-x2l2 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.py-x2l2 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.gap-x2l2 {
  --variable-gap: 52px;
  gap: 52px !important;
}

.m-x2l3 {
  margin: 56px !important;
}

.mt-x2l3 {
  margin-top: 56px !important;
}

.mb-x2l3 {
  margin-bottom: 56px !important;
}

.ml-x2l3 {
  margin-left: 56px !important;
}

.mr-x2l3 {
  margin-right: 56px !important;
}

.mx-x2l3 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.my-x2l3 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.p-x2l3 {
  padding: 56px !important;
}

.pt-x2l3 {
  padding-top: 56px !important;
}

.pb-x2l3 {
  padding-bottom: 56px !important;
}

.pl-x2l3 {
  padding-left: 56px !important;
}

.pr-x2l3 {
  padding-right: 56px !important;
}

.px-x2l3 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.py-x2l3 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.gap-x2l3 {
  --variable-gap: 56px;
  gap: 56px !important;
}

@media screen and (max-width: 767px) {
  .m-0-sp {
    margin: 0 !important;
  }
  .mt-0-sp {
    margin-top: 0 !important;
  }
  .mb-0-sp {
    margin-bottom: 0 !important;
  }
  .ml-0-sp {
    margin-left: 0 !important;
  }
  .mr-0-sp {
    margin-right: 0 !important;
  }
  .mx-0-sp {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-0-sp {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-0-sp {
    padding: 0 !important;
  }
  .pt-0-sp {
    padding-top: 0 !important;
  }
  .pb-0-sp {
    padding-bottom: 0 !important;
  }
  .pl-0-sp {
    padding-left: 0 !important;
  }
  .pr-0-sp {
    padding-right: 0 !important;
  }
  .px-0-sp {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-0-sp {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .gap-0-sp {
    --variable-gap: 0;
    gap: 0 !important;
  }
  .m-x4s-sp {
    margin: 4px !important;
  }
  .mt-x4s-sp {
    margin-top: 4px !important;
  }
  .mb-x4s-sp {
    margin-bottom: 4px !important;
  }
  .ml-x4s-sp {
    margin-left: 4px !important;
  }
  .mr-x4s-sp {
    margin-right: 4px !important;
  }
  .mx-x4s-sp {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-x4s-sp {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .p-x4s-sp {
    padding: 4px !important;
  }
  .pt-x4s-sp {
    padding-top: 4px !important;
  }
  .pb-x4s-sp {
    padding-bottom: 4px !important;
  }
  .pl-x4s-sp {
    padding-left: 4px !important;
  }
  .pr-x4s-sp {
    padding-right: 4px !important;
  }
  .px-x4s-sp {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-x4s-sp {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .gap-x4s-sp {
    --variable-gap: 4px;
    gap: 4px !important;
  }
  .m-x3s-sp {
    margin: 8px !important;
  }
  .mt-x3s-sp {
    margin-top: 8px !important;
  }
  .mb-x3s-sp {
    margin-bottom: 8px !important;
  }
  .ml-x3s-sp {
    margin-left: 8px !important;
  }
  .mr-x3s-sp {
    margin-right: 8px !important;
  }
  .mx-x3s-sp {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-x3s-sp {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-x3s-sp {
    padding: 8px !important;
  }
  .pt-x3s-sp {
    padding-top: 8px !important;
  }
  .pb-x3s-sp {
    padding-bottom: 8px !important;
  }
  .pl-x3s-sp {
    padding-left: 8px !important;
  }
  .pr-x3s-sp {
    padding-right: 8px !important;
  }
  .px-x3s-sp {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-x3s-sp {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .gap-x3s-sp {
    --variable-gap: 8px;
    gap: 8px !important;
  }
  .m-x2s-sp {
    margin: 12px !important;
  }
  .mt-x2s-sp {
    margin-top: 12px !important;
  }
  .mb-x2s-sp {
    margin-bottom: 12px !important;
  }
  .ml-x2s-sp {
    margin-left: 12px !important;
  }
  .mr-x2s-sp {
    margin-right: 12px !important;
  }
  .mx-x2s-sp {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-x2s-sp {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-x2s-sp {
    padding: 12px !important;
  }
  .pt-x2s-sp {
    padding-top: 12px !important;
  }
  .pb-x2s-sp {
    padding-bottom: 12px !important;
  }
  .pl-x2s-sp {
    padding-left: 12px !important;
  }
  .pr-x2s-sp {
    padding-right: 12px !important;
  }
  .px-x2s-sp {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-x2s-sp {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .gap-x2s-sp {
    --variable-gap: 12px;
    gap: 12px !important;
  }
  .m-xs-sp {
    margin: 16px !important;
  }
  .mt-xs-sp {
    margin-top: 16px !important;
  }
  .mb-xs-sp {
    margin-bottom: 16px !important;
  }
  .ml-xs-sp {
    margin-left: 16px !important;
  }
  .mr-xs-sp {
    margin-right: 16px !important;
  }
  .mx-xs-sp {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-xs-sp {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-xs-sp {
    padding: 16px !important;
  }
  .pt-xs-sp {
    padding-top: 16px !important;
  }
  .pb-xs-sp {
    padding-bottom: 16px !important;
  }
  .pl-xs-sp {
    padding-left: 16px !important;
  }
  .pr-xs-sp {
    padding-right: 16px !important;
  }
  .px-xs-sp {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-xs-sp {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .gap-xs-sp {
    --variable-gap: 16px;
    gap: 16px !important;
  }
  .m-s-sp {
    margin: 20px !important;
  }
  .mt-s-sp {
    margin-top: 20px !important;
  }
  .mb-s-sp {
    margin-bottom: 20px !important;
  }
  .ml-s-sp {
    margin-left: 20px !important;
  }
  .mr-s-sp {
    margin-right: 20px !important;
  }
  .mx-s-sp {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-s-sp {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-s-sp {
    padding: 20px !important;
  }
  .pt-s-sp {
    padding-top: 20px !important;
  }
  .pb-s-sp {
    padding-bottom: 20px !important;
  }
  .pl-s-sp {
    padding-left: 20px !important;
  }
  .pr-s-sp {
    padding-right: 20px !important;
  }
  .px-s-sp {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-s-sp {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .gap-s-sp {
    --variable-gap: 20px;
    gap: 20px !important;
  }
  .m-m-sp {
    margin: 24px !important;
  }
  .mt-m-sp {
    margin-top: 24px !important;
  }
  .mb-m-sp {
    margin-bottom: 24px !important;
  }
  .ml-m-sp {
    margin-left: 24px !important;
  }
  .mr-m-sp {
    margin-right: 24px !important;
  }
  .mx-m-sp {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-m-sp {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-m-sp {
    padding: 24px !important;
  }
  .pt-m-sp {
    padding-top: 24px !important;
  }
  .pb-m-sp {
    padding-bottom: 24px !important;
  }
  .pl-m-sp {
    padding-left: 24px !important;
  }
  .pr-m-sp {
    padding-right: 24px !important;
  }
  .px-m-sp {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-m-sp {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .gap-m-sp {
    --variable-gap: 24px;
    gap: 24px !important;
  }
  .m-l-sp {
    margin: 32px !important;
  }
  .mt-l-sp {
    margin-top: 32px !important;
  }
  .mb-l-sp {
    margin-bottom: 32px !important;
  }
  .ml-l-sp {
    margin-left: 32px !important;
  }
  .mr-l-sp {
    margin-right: 32px !important;
  }
  .mx-l-sp {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-l-sp {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-l-sp {
    padding: 32px !important;
  }
  .pt-l-sp {
    padding-top: 32px !important;
  }
  .pb-l-sp {
    padding-bottom: 32px !important;
  }
  .pl-l-sp {
    padding-left: 32px !important;
  }
  .pr-l-sp {
    padding-right: 32px !important;
  }
  .px-l-sp {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-l-sp {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .gap-l-sp {
    --variable-gap: 32px;
    gap: 32px !important;
  }
  .m-xl-sp {
    margin: 40px !important;
  }
  .mt-xl-sp {
    margin-top: 40px !important;
  }
  .mb-xl-sp {
    margin-bottom: 40px !important;
  }
  .ml-xl-sp {
    margin-left: 40px !important;
  }
  .mr-xl-sp {
    margin-right: 40px !important;
  }
  .mx-xl-sp {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-xl-sp {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-xl-sp {
    padding: 40px !important;
  }
  .pt-xl-sp {
    padding-top: 40px !important;
  }
  .pb-xl-sp {
    padding-bottom: 40px !important;
  }
  .pl-xl-sp {
    padding-left: 40px !important;
  }
  .pr-xl-sp {
    padding-right: 40px !important;
  }
  .px-xl-sp {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-xl-sp {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .gap-xl-sp {
    --variable-gap: 40px;
    gap: 40px !important;
  }
  .m-xl2-sp {
    margin: 44px !important;
  }
  .mt-xl2-sp {
    margin-top: 44px !important;
  }
  .mb-xl2-sp {
    margin-bottom: 44px !important;
  }
  .ml-xl2-sp {
    margin-left: 44px !important;
  }
  .mr-xl2-sp {
    margin-right: 44px !important;
  }
  .mx-xl2-sp {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
  .my-xl2-sp {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .p-xl2-sp {
    padding: 44px !important;
  }
  .pt-xl2-sp {
    padding-top: 44px !important;
  }
  .pb-xl2-sp {
    padding-bottom: 44px !important;
  }
  .pl-xl2-sp {
    padding-left: 44px !important;
  }
  .pr-xl2-sp {
    padding-right: 44px !important;
  }
  .px-xl2-sp {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .py-xl2-sp {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .gap-xl2-sp {
    --variable-gap: 44px;
    gap: 44px !important;
  }
  .m-x2l-sp {
    margin: 48px !important;
  }
  .mt-x2l-sp {
    margin-top: 48px !important;
  }
  .mb-x2l-sp {
    margin-bottom: 48px !important;
  }
  .ml-x2l-sp {
    margin-left: 48px !important;
  }
  .mr-x2l-sp {
    margin-right: 48px !important;
  }
  .mx-x2l-sp {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-x2l-sp {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-x2l-sp {
    padding: 48px !important;
  }
  .pt-x2l-sp {
    padding-top: 48px !important;
  }
  .pb-x2l-sp {
    padding-bottom: 48px !important;
  }
  .pl-x2l-sp {
    padding-left: 48px !important;
  }
  .pr-x2l-sp {
    padding-right: 48px !important;
  }
  .px-x2l-sp {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-x2l-sp {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .gap-x2l-sp {
    --variable-gap: 48px;
    gap: 48px !important;
  }
  .m-x3l-sp {
    margin: 60px !important;
  }
  .mt-x3l-sp {
    margin-top: 60px !important;
  }
  .mb-x3l-sp {
    margin-bottom: 60px !important;
  }
  .ml-x3l-sp {
    margin-left: 60px !important;
  }
  .mr-x3l-sp {
    margin-right: 60px !important;
  }
  .mx-x3l-sp {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .my-x3l-sp {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .p-x3l-sp {
    padding: 60px !important;
  }
  .pt-x3l-sp {
    padding-top: 60px !important;
  }
  .pb-x3l-sp {
    padding-bottom: 60px !important;
  }
  .pl-x3l-sp {
    padding-left: 60px !important;
  }
  .pr-x3l-sp {
    padding-right: 60px !important;
  }
  .px-x3l-sp {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .py-x3l-sp {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .gap-x3l-sp {
    --variable-gap: 60px;
    gap: 60px !important;
  }
  .m-x3l2-sp {
    margin: 64px !important;
  }
  .mt-x3l2-sp {
    margin-top: 64px !important;
  }
  .mb-x3l2-sp {
    margin-bottom: 64px !important;
  }
  .ml-x3l2-sp {
    margin-left: 64px !important;
  }
  .mr-x3l2-sp {
    margin-right: 64px !important;
  }
  .mx-x3l2-sp {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-x3l2-sp {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .p-x3l2-sp {
    padding: 64px !important;
  }
  .pt-x3l2-sp {
    padding-top: 64px !important;
  }
  .pb-x3l2-sp {
    padding-bottom: 64px !important;
  }
  .pl-x3l2-sp {
    padding-left: 64px !important;
  }
  .pr-x3l2-sp {
    padding-right: 64px !important;
  }
  .px-x3l2-sp {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-x3l2-sp {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .gap-x3l2-sp {
    --variable-gap: 64px;
    gap: 64px !important;
  }
  .m-x4l-sp {
    margin: 80px !important;
  }
  .mt-x4l-sp {
    margin-top: 80px !important;
  }
  .mb-x4l-sp {
    margin-bottom: 80px !important;
  }
  .ml-x4l-sp {
    margin-left: 80px !important;
  }
  .mr-x4l-sp {
    margin-right: 80px !important;
  }
  .mx-x4l-sp {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-x4l-sp {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .p-x4l-sp {
    padding: 80px !important;
  }
  .pt-x4l-sp {
    padding-top: 80px !important;
  }
  .pb-x4l-sp {
    padding-bottom: 80px !important;
  }
  .pl-x4l-sp {
    padding-left: 80px !important;
  }
  .pr-x4l-sp {
    padding-right: 80px !important;
  }
  .px-x4l-sp {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-x4l-sp {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .gap-x4l-sp {
    --variable-gap: 80px;
    gap: 80px !important;
  }
  .m-x5l-sp {
    margin: 96px !important;
  }
  .mt-x5l-sp {
    margin-top: 96px !important;
  }
  .mb-x5l-sp {
    margin-bottom: 96px !important;
  }
  .ml-x5l-sp {
    margin-left: 96px !important;
  }
  .mr-x5l-sp {
    margin-right: 96px !important;
  }
  .mx-x5l-sp {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .my-x5l-sp {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .p-x5l-sp {
    padding: 96px !important;
  }
  .pt-x5l-sp {
    padding-top: 96px !important;
  }
  .pb-x5l-sp {
    padding-bottom: 96px !important;
  }
  .pl-x5l-sp {
    padding-left: 96px !important;
  }
  .pr-x5l-sp {
    padding-right: 96px !important;
  }
  .px-x5l-sp {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .py-x5l-sp {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .gap-x5l-sp {
    --variable-gap: 96px;
    gap: 96px !important;
  }
  .m-x6l-sp {
    margin: 128px !important;
  }
  .mt-x6l-sp {
    margin-top: 128px !important;
  }
  .mb-x6l-sp {
    margin-bottom: 128px !important;
  }
  .ml-x6l-sp {
    margin-left: 128px !important;
  }
  .mr-x6l-sp {
    margin-right: 128px !important;
  }
  .mx-x6l-sp {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-x6l-sp {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .p-x6l-sp {
    padding: 128px !important;
  }
  .pt-x6l-sp {
    padding-top: 128px !important;
  }
  .pb-x6l-sp {
    padding-bottom: 128px !important;
  }
  .pl-x6l-sp {
    padding-left: 128px !important;
  }
  .pr-x6l-sp {
    padding-right: 128px !important;
  }
  .px-x6l-sp {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-x6l-sp {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .gap-x6l-sp {
    --variable-gap: 128px;
    gap: 128px !important;
  }
  .m-custom70-sp {
    margin: 70px !important;
  }
  .mt-custom70-sp {
    margin-top: 70px !important;
  }
  .mb-custom70-sp {
    margin-bottom: 70px !important;
  }
  .ml-custom70-sp {
    margin-left: 70px !important;
  }
  .mr-custom70-sp {
    margin-right: 70px !important;
  }
  .mx-custom70-sp {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .my-custom70-sp {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .p-custom70-sp {
    padding: 70px !important;
  }
  .pt-custom70-sp {
    padding-top: 70px !important;
  }
  .pb-custom70-sp {
    padding-bottom: 70px !important;
  }
  .pl-custom70-sp {
    padding-left: 70px !important;
  }
  .pr-custom70-sp {
    padding-right: 70px !important;
  }
  .px-custom70-sp {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .py-custom70-sp {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .gap-custom70-sp {
    --variable-gap: 70px;
    gap: 70px !important;
  }
  .m-custom36-sp {
    margin: 36px !important;
  }
  .mt-custom36-sp {
    margin-top: 36px !important;
  }
  .mb-custom36-sp {
    margin-bottom: 36px !important;
  }
  .ml-custom36-sp {
    margin-left: 36px !important;
  }
  .mr-custom36-sp {
    margin-right: 36px !important;
  }
  .mx-custom36-sp {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .my-custom36-sp {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .p-custom36-sp {
    padding: 36px !important;
  }
  .pt-custom36-sp {
    padding-top: 36px !important;
  }
  .pb-custom36-sp {
    padding-bottom: 36px !important;
  }
  .pl-custom36-sp {
    padding-left: 36px !important;
  }
  .pr-custom36-sp {
    padding-right: 36px !important;
  }
  .px-custom36-sp {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .py-custom36-sp {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .gap-custom36-sp {
    --variable-gap: 36px;
    gap: 36px !important;
  }
  .m-x2l2-sp {
    margin: 52px !important;
  }
  .mt-x2l2-sp {
    margin-top: 52px !important;
  }
  .mb-x2l2-sp {
    margin-bottom: 52px !important;
  }
  .ml-x2l2-sp {
    margin-left: 52px !important;
  }
  .mr-x2l2-sp {
    margin-right: 52px !important;
  }
  .mx-x2l2-sp {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
  .my-x2l2-sp {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .p-x2l2-sp {
    padding: 52px !important;
  }
  .pt-x2l2-sp {
    padding-top: 52px !important;
  }
  .pb-x2l2-sp {
    padding-bottom: 52px !important;
  }
  .pl-x2l2-sp {
    padding-left: 52px !important;
  }
  .pr-x2l2-sp {
    padding-right: 52px !important;
  }
  .px-x2l2-sp {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
  .py-x2l2-sp {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .gap-x2l2-sp {
    --variable-gap: 52px;
    gap: 52px !important;
  }
  .m-x2l3-sp {
    margin: 56px !important;
  }
  .mt-x2l3-sp {
    margin-top: 56px !important;
  }
  .mb-x2l3-sp {
    margin-bottom: 56px !important;
  }
  .ml-x2l3-sp {
    margin-left: 56px !important;
  }
  .mr-x2l3-sp {
    margin-right: 56px !important;
  }
  .mx-x2l3-sp {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-x2l3-sp {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-x2l3-sp {
    padding: 56px !important;
  }
  .pt-x2l3-sp {
    padding-top: 56px !important;
  }
  .pb-x2l3-sp {
    padding-bottom: 56px !important;
  }
  .pl-x2l3-sp {
    padding-left: 56px !important;
  }
  .pr-x2l3-sp {
    padding-right: 56px !important;
  }
  .px-x2l3-sp {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-x2l3-sp {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .gap-x2l3-sp {
    --variable-gap: 56px;
    gap: 56px !important;
  }
}
.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

.wrapper {
  position: relative;
}
.l-main {
  overflow: hidden;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 940px) {
  .l-main {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .l-main {
    padding-bottom: 56px;
  }
}

.l-inner {
  width: 1240px;
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 20px;
}
@media screen and (max-width: 767px) {
  .l-inner {
    padding-inline: 16px;
  }
}

.l-inner-small {
  width: 1000px;
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 20px;
}
@media screen and (max-width: 767px) {
  .l-inner-small {
    padding-inline: 16px;
  }
}

.l-content {
  padding-top: 56px;
}
.l-content > div {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .l-content {
    padding-top: 40px;
  }
}

.c-content + .c-content {
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  .c-content + .c-content {
    margin-top: 40px;
  }
}

.c-pageTitle {
  padding-bottom: 56px;
  overflow: hidden;
  position: relative;
  background-color: #F5F7FB;
  min-height: 266px;
  display: flex;
  flex-direction: column;
}
.c-pageTitle__inner {
  width: 1240px;
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 20px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pageTitle__content {
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-pageTitle:not(:has(.bg-gradient)) {
  padding-bottom: 35px;
}
.c-pageTitle__subtitle {
  font-size: 22px;
  line-height: 1.5;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0;
}
.c-pageTitle__title {
  font-size: 44px;
  line-height: 1.4545454545;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  color: #333333;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-pageTitle {
    padding-bottom: 32px;
    min-height: 188px;
  }
  .c-pageTitle__content {
    padding: 32px 0;
  }
  .c-pageTitle__subtitle {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-pageTitle__title {
    font-size: 32px;
    line-height: 1.375;
  }
}

.c-heading {
  padding-bottom: 56px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.c-heading-02 {
  text-align: left;
  font-size: 44px;
  line-height: 1.4545454545;
}
.c-heading-03 {
  text-align: left;
  font-size: 22px;
  line-height: 1.5;
}
.c-heading--en .c-heading__title--en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #59B770;
  margin: 0;
  font-size: 50px;
  line-height: 0.96;
}
.c-heading--en .c-heading__content {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.c-heading__content {
  padding: 0;
}
.c-heading:not(:has(.bg-gradient)) {
  padding-bottom: 35px;
}
.c-heading__subtitle {
  font-size: 22px;
  line-height: 1.5;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0;
}
.c-heading__title {
  font-size: 44px;
  line-height: 1.4545454545;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  color: #333333;
  margin: 0;
}
.c-heading__title--2 {
  font-size: 36px;
  line-height: 1.6111111111;
}
.c-heading--sub {
  padding-top: 56px;
  padding-bottom: 0;
}
.c-heading--sub .bg-gradient {
  margin-top: 8px;
  height: 55px;
  -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.35) 10%, rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0) 30%);
          mask: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.35) 10%, rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0) 30%);
}
.c-heading--sub .c-heading__subtitle:is(:first-child):not(:nth-child(2)) {
  margin-bottom: 8px;
}
.c-heading--sub .c-heading__subtitle:is(:nth-child(2)):not(:first-child) {
  margin-top: 8px;
}
.c-heading--sub .c-heading__title {
  font-size: 36px;
  line-height: 1.6111111111;
}
.c-heading:has(.bg-gradient--small) {
  padding-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .c-heading {
    padding-bottom: 32px;
  }
  .c-heading-02 {
    font-size: 32px;
    line-height: 1.375;
    text-align: center;
  }
  .c-heading--en .c-heading__title--en {
    font-size: 44px;
    line-height: 1.0909090909;
  }
  .c-heading--en .c-heading__content {
    row-gap: 10px;
  }
  .c-heading:not(:has(.bg-gradient)) {
    padding-bottom: 24px;
  }
  .c-heading__subtitle {
    font-size: 18px;
    line-height: 1.3333333333;
  }
  .c-heading__title {
    font-size: 32px;
    line-height: 1.375;
  }
  .c-heading__title--2 {
    font-size: 32px;
    line-height: 1.375;
  }
  .c-heading--sub {
    padding-bottom: 40px;
  }
  .c-heading--sub .bg-gradient {
    height: 15px;
    -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, 0.55) 25%, rgba(255, 255, 255, 0.45) 30%, rgba(255, 255, 255, 0) 60%);
            mask: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, 0.55) 25%, rgba(255, 255, 255, 0.45) 30%, rgba(255, 255, 255, 0) 60%);
  }
  .c-heading--sub .c-heading__title {
    font-size: 24px;
    line-height: 1.5833333333;
    padding: 0 16px;
  }
  .c-heading--sub .c-heading__subtitle {
    font-size: 18px;
    line-height: 1.5;
  }
}

.c-heading-howto {
  text-align: center;
  margin: 0;
  padding: 0;
}
.c-heading-howto__text {
  display: inline-block;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #333333;
  font-size: 26px;
  line-height: 1.4615384615;
  padding-bottom: 12px;
}
.c-heading-howto__text::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 92.31px;
  height: 5px;
  background-color: #2c599a;
}
@media screen and (max-width: 767px) {
  .c-heading-howto__text {
    font-size: 19px;
    line-height: 1.5263157895;
    padding-bottom: 10px;
  }
  .c-heading-howto__text::after {
    width: 77px;
    height: 4px;
  }
}

.c-title-xxxxl {
  font-size: 54px;
  line-height: 1.3888888889;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xxxxl {
    font-size: 32px;
    line-height: 1.40625;
    font-weight: 400;
  }
}
.c-title-xxxl {
  font-size: 44px;
  line-height: 1.4545454545;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xxxl {
    font-size: 32px;
    line-height: 1.375;
    font-weight: 400;
  }
}
.c-title-xxxl-bold {
  font-size: 44px;
  line-height: 1.4545454545;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-xxxl-bold {
    font-size: 32px;
    line-height: 1.375;
    font-weight: 700;
  }
}
.c-title-xxl {
  font-size: 36px;
  line-height: 1.6111111111;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xxl {
    font-size: 24px;
    line-height: 1.5833333333;
    font-weight: 400;
  }
}
.c-title-xxl-bold {
  font-size: 36px;
  line-height: 1.6111111111;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-xxl-bold {
    font-size: 24px;
    line-height: 1.5833333333;
    font-weight: 700;
  }
}
.c-title-xl {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xl {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
  }
}
.c-title-xl-bold {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-xl-bold {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
  }
}
.c-title-xl-medium {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-title-xl-medium {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
  }
}
.c-title-l {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-l {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
  }
}
.c-title-l-bold {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-l-bold {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
  }
}
.c-title-m {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-m {
    font-size: 14px;
    line-height: 1.7142857143;
    font-weight: 400;
  }
}
.c-title-m-bold {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-m-bold {
    font-size: 14px;
    line-height: 1.7142857143;
    font-weight: 700;
  }
}
.c-title-s {
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-s {
    font-size: 13px;
    line-height: 1.3846153846;
    font-weight: 400;
  }
}
.c-title-s-bold {
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-s-bold {
    font-size: 13px;
    line-height: 1.3846153846;
    font-weight: 700;
  }
}
.c-title-xs {
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xs {
    font-size: 13px;
    line-height: 1.6923076923;
    font-weight: 400;
  }
}
.c-title-xs-bold {
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-xs-bold {
    font-size: 13px;
    line-height: 1.5384615385;
    font-weight: 700;
  }
}
.c-title-xxs {
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xxs {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 400;
  }
}
.c-title-xxs-bold {
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-xxs-bold {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 700;
  }
}
.c-title-xxs-extrabold {
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .c-title-xxs-extrabold {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 800;
  }
}
.c-title-xxxs {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-title-xxxs {
    font-size: 11px;
    line-height: 1.6363636364;
    font-weight: 400;
  }
}

.c-typo-xxxxl {
  font-size: 54px;
  line-height: 1.3888888889;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xxxxl {
    font-size: 32px;
    line-height: 1.40625;
    font-weight: 400;
  }
}
.c-typo-xxxl {
  font-size: 44px;
  line-height: 1.4545454545;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xxxl {
    font-size: 32px;
    line-height: 1.375;
    font-weight: 400;
  }
}
.c-typo-xxxl-bold {
  font-size: 44px;
  line-height: 1.4545454545;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-xxxl-bold {
    font-size: 32px;
    line-height: 1.375;
    font-weight: 700;
  }
}
.c-typo-xxl {
  font-size: 36px;
  line-height: 1.6111111111;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xxl {
    font-size: 24px;
    line-height: 1.5833333333;
    font-weight: 400;
  }
}
.c-typo-xxl-bold {
  font-size: 36px;
  line-height: 1.6111111111;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-xxl-bold {
    font-size: 24px;
    line-height: 1.5833333333;
    font-weight: 700;
  }
}
.c-typo-xl {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xl {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
  }
}
.c-typo-xl-bold {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-xl-bold {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
  }
}
.c-typo-xl-medium {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-typo-xl-medium {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
  }
}
.c-typo-l {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-l {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
  }
}
.c-typo-l-bold {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-l-bold {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
  }
}
.c-typo-m {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-m {
    font-size: 14px;
    line-height: 1.7142857143;
    font-weight: 400;
  }
}
.c-typo-m-bold {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-m-bold {
    font-size: 14px;
    line-height: 1.7142857143;
    font-weight: 700;
  }
}
.c-typo-s {
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-s {
    font-size: 13px;
    line-height: 1.3846153846;
    font-weight: 400;
  }
}
.c-typo-s-bold {
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-s-bold {
    font-size: 13px;
    line-height: 1.3846153846;
    font-weight: 700;
  }
}
.c-typo-xs {
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xs {
    font-size: 13px;
    line-height: 1.6923076923;
    font-weight: 400;
  }
}
.c-typo-xs-bold {
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-xs-bold {
    font-size: 13px;
    line-height: 1.5384615385;
    font-weight: 700;
  }
}
.c-typo-xxs {
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xxs {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 400;
  }
}
.c-typo-xxs-bold {
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-typo-xxs-bold {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 700;
  }
}
.c-typo-xxs-extrabold {
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .c-typo-xxs-extrabold {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 800;
  }
}
.c-typo-xxxs {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-typo-xxxs {
    font-size: 11px;
    line-height: 1.6363636364;
    font-weight: 400;
  }
}

.c-title_default,
.c-title--default {
  font-family: "LINE Seed JP", sans-serif;
  color: #333333;
  letter-spacing: 0;
  font-size: 44px;
  line-height: 1.4545454545;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title_default,
  .c-title--default {
    font-size: 32px;
    line-height: 1.375;
    font-weight: 700;
  }
}

.c-title_default-2,
.c-title--default-2 {
  font-family: "LINE Seed JP", sans-serif;
  color: #333333;
  letter-spacing: 0;
  font-size: 36px;
  line-height: 1.6111111111;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title_default-2,
  .c-title--default-2 {
    font-size: 24px;
    line-height: 1.5833333333;
    font-weight: 700;
  }
}

.c-title-list {
  display: grid;
  gap: 24px;
  margin: 0;
}
.c-title-list__item {
  padding-bottom: 24px;
}
.c-title-list__label {
  margin: 0 0 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 700;
  color: #858B97;
}
@media screen and (max-width: 767px) {
  .c-title-list {
    gap: 20px;
  }
  .c-title-list__item {
    padding-bottom: 20px;
  }
}

.c-title-7c-xxxl {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title-7c-xxxl {
    font-size: 26px;
    line-height: 1.6153846154;
    font-weight: 700;
  }
}

.c-anchor-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}
.c-anchor-list__item {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-anchor-list {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .c-anchor-list__item {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
  }
  .c-anchor-list__item:first-child {
    margin-top: 0;
  }
}
.c-anchor-list--2 {
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .c-anchor-list--2 .c-anchor-list__item {
    width: calc((100% - 32px) / 3);
  }
  .c-anchor-list--2 .c-anchor {
    padding: 10px 16px 22px;
    min-height: 104px;
  }
  .c-anchor-list--2 .c-anchor__image {
    width: 73px;
  }
  .c-anchor-list--2 .c-anchor__text {
    margin: 0 -16px;
    font-size: 12px;
    min-height: auto;
    line-height: 1.1666666667;
  }
  .c-anchor-list--2 .c-anchor::after {
    bottom: 9px;
  }
}

.c-anchor {
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 700;
  padding: 16px 16px 32px;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 24px #DEE2E8;
  border-radius: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  min-width: 240px;
  max-width: 100%;
  min-height: 96px;
}
.c-anchor::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(134.81deg, #E99495 5.92%, #EBB7CE 21.65%, #FDC689 37.38%, #F6EA91 52.19%, #B9D989 66.99%, #67C5EA 82.72%, #B0ABD5 98.45%);
  filter: blur(8px);
  border-radius: 16px;
  opacity: 0;
  transition: opacity 0.3s linear;
  z-index: -1;
}
.c-anchor::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  width: 8px;
  height: 11px;
  border-radius: 50%;
  -webkit-mask-image: url(../img/common/icon_arrow_01.svg);
          mask-image: url(../img/common/icon_arrow_01.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #9D843E;
  transition: all 0.3s ease;
}
.c-anchor__image {
  width: 100%;
  max-width: 112px;
  margin-bottom: 8px;
}
.c-anchor__text {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  margin: 0 -5px;
}
.c-anchor:has(.c-anchor__image) {
  min-width: auto;
}
@media (hover: hover) {
  .c-anchor:hover {
    opacity: 1;
  }
  .c-anchor:hover::before {
    opacity: 1;
  }
}
.c-anchor.c-anchor--no-border, .c-anchor:active {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-anchor {
    min-height: 80px;
    min-width: 282px;
    padding: 8px 16px 24px;
    font-size: 13px;
    line-height: 1.3846153846;
  }
}

.btn-wrap_component {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.wrap_component-divider {
  width: 100%;
}

.wrap-btn {
  display: flex;
}
.wrap-btn.center {
  justify-content: center;
}
.wrap-btn.right {
  justify-content: flex-end;
}
.wrap-btn.left {
  justify-content: flex-start;
}
.c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: none;
  border-radius: 50px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: #333333;
  font-size: 15px;
  line-height: 1.4666666667;
  z-index: 1;
}
.c-btn.str-width {
  max-width: 360px;
}
.c-btn.txt-nowrap .c-btn__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-btn--icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    background-image: none;
    mask-image: none;
    mask-size: contain;
    mask-repeat: no-repeat;
    transition: background 0.3s ease, transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-btn--icon::after {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    width: 24px !important;
    height: 24px !important;
}
.c-btn--primary {
  padding: 12px 12px;
}
@media (min-width: 768px) {
  .c-btn--primary {
    transform: translateY(-2px);
  }
}
.c-btn--primary {
  transition: transform 0.3s ease;
}
.c-btn--primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #9D843E;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: -1;
}
.c-btn--primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9D843E;
  border-radius: 50px;
  z-index: -2;
  transform: translateY(4px);
  transition: transform 0.3s ease;
}
.c-btn--primary:not(:has(.c-btn--icon:is(:first-child))) {
  padding-left: 24px;
}
.c-btn--primary:has(.c-btn--icon.targetLink) {
  padding-right: 18px;
}
.c-btn--medium {
  min-width: 260px;
}
.c-btn--medium .c-btn--icon {
  width: 36px;
  height: 36px;
}
.c-btn--large {
  min-width: 320px;
}
.c-btn--large .c-btn--icon {
  width: 36px;
  height: 36px;
}
.c-btn--small {
  padding: 8px;
  min-width: 180px;
  font-size: 14px;
  line-height: 1.7142857143;
}
.c-btn--small .c-btn--icon {
  width: 24px;
  height: 24px;
}
.c-btn--left {
  text-align: left;
  padding-left: 24px;
  gap: 33px;
}
.c-btn--left:before {
  content: none;
}
@media (hover: hover) {
  .c-btn:hover {
    opacity: 1;
    text-decoration: none;
  }
  .c-btn:hover.c-btn--primary {
    transform: translateY(0);
  }
  .c-btn:hover.c-btn--primary::after {
    transform: translateY(0);
  }
}
.c-btn .c-btn--icon.arrowRight {
  -webkit-mask-image: url("../img/common/icon_arrow_circle.svg");
          mask-image: url("../img/common/icon_arrow_circle.svg");
  background-color: #9D843E;
}
.c-btn .c-btn--icon.arrowLeft {
  -webkit-mask-image: url("../img/common/icon_arrow_circle.svg");
          mask-image: url("../img/common/icon_arrow_circle.svg");
  background-color: #9D843E;
  transform: scaleX(-1);
}
.c-btn .c-btn--icon.targetLink {
  -webkit-mask-image: url("../img/common/icon_target.svg");
          mask-image: url("../img/common/icon_target.svg");
  background-color: #9D843E;
  width: 30px;
  height: 30px;
}
.c-btn .c-btn--icon.targetLink--gray4 {
  background-color: #858B97;
  width: 24px;
  height: 24px;
}
.c-btn .c-btn--icon.closeRight {
  -webkit-mask-image: none;
          mask-image: none;
  background-image: url("../img/common/icon_close_circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-btn--cta {
  background-color: #9D843E;
}
.c-btn--cta .c-btn__label {
  color: #ffffff;
}
.c-btn--cta .c-btn--icon.arrowRight {
  background-color: #ffffff;
}
.c-btn--cta .c-btn--icon.arrowLeft {
  background-color: #ffffff;
}
.c-btn--cta::before {
  border-color: #9D843E;
  background-color: #9D843E;
}
.c-btn--cta::after {
  background-color: #6C4F00;
}
.c-btn--green.c-btn--primary::before {
  border-color: #59B770;
}
.c-btn--green.c-btn--primary::after {
  background-color: #59B770;
}
.c-btn--green .c-btn--primary::after {
  background-color: #59B770;
}
.c-btn--green .c-btn--icon.arrowRight {
  background-color: #59B770;
}
.c-btn--green .c-btn--icon.arrowLeft {
  background-color: #59B770;
}
@media screen and (max-width: 767px) {
  .c-btn {
    font-size: 13px;
    line-height: 1.3846153846;
    margin-inline: auto;
  }
  .c-btn--medium {
    min-width: auto;
    max-width: 280px;
    width: 100%;
  }
  .c-btn--small {
    min-width: 240px;
  }
  .c-btn--large {
    min-width: auto;
    max-width: 280px;
    width: 100%;
  }
  .c-btn--primary {
    padding: 12px 12px;
  }
  .c-btn--primary .c-btn--icon {
    width: 24px;
    height: 24px;
  }
  .c-btn--primary .c-btn--icon.targetLink {
    width: 24px;
    height: 24px;
  }
  .c-btn--primary::before {
    border-width: 2px;
  }
}

.c-btn--02 {
  background-color: #DDF2FA;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-btn--02 {
    padding: 16px 12px;
  }
}

.c-btn-clode-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.c-btn-clode-menu:after, .c-btn-clode-menu:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background-color: #C3A75E;
  border-radius: 50px;
  transform-origin: center;
}
.c-btn-clode-menu:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-btn-clode-menu:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-btn-clode-menu--green:after, .c-btn-clode-menu--green:before {
  background-color: #59B770;
}

.page-notification .l-main {
  padding-block: 40px;
}
@media screen and (max-width: 767px) {
  .page-notification .l-main {
    padding-block: 24px;
  }
}

.c-notification {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  color: #EF3A3C;
}
.c-notification__title {
  display: flex;
  align-items: center;
  flex: 0 0 174px;
  margin: 0;
  padding: 8px 24px;
  border: 1px solid #EF3A3C;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background-color: #FFEAEA;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7142857143;
}
.c-notification__icon {
  width: 14px;
  height: 13px;
  background: url("../img/common/icon_noti.svg") center no-repeat;
  background-size: 14px 13px;
  margin-right: 8px;
}
.c-notification__title-text {
  white-space: nowrap;
}
.c-notification__list {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid #EF3A3C;
  border-radius: 0 4px 4px 0;
}
.c-notification__item {
  display: flex;
  padding: 7px 0;
  margin: 0 24px;
}
.c-notification__item + .c-notification__item {
  border-top: 1px solid #D9DDE3;
}
.c-notification__item .c-notification__icon {
  display: none;
}
.c-notification__link {
  display: inline-flex;
  align-items: center;
  color: #EF3A3C;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4666666667;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (hover: hover) {
  .c-notification__link:hover {
    opacity: 0.75;
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .c-notification {
    display: block;
  }
  .c-notification__title {
    display: none;
  }
  .c-notification__list {
    border: 1px solid #EF3A3C;
    border-radius: 8px;
    overflow: hidden;
  }
  .c-notification__item {
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
  }
  .c-notification__item + .c-notification__item {
    border-top: 1px solid #EF3A3C;
  }
  .c-notification__item .c-notification__icon {
    display: inline-block;
    height: auto;
    width: 30px;
    flex-shrink: 0;
    background-color: #FFEAEA;
    padding-right: 0;
    margin-right: 0;
  }
  .c-notification__link {
    display: flex;
    border-left: 0;
    border-radius: 0;
    font-size: 13px;
    line-height: 1.3846153846;
    text-decoration: none;
    padding: 8px 16px 7px;
  }
}

.c-tab__control {
  display: flex;
  gap: 24px;
  width: 652px;
  max-width: 100%;
  margin: 0 auto 62px;
  padding: 8px;
  border-radius: 30px;
  background-color: #DEE2E8;
}
.c-tab__button {
  flex: 1 1 0;
  min-height: 48px;
  padding: 10px 6px;
  border: 0;
  border-radius: 40px;
  color: #727272;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4666666667;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-tab__button.is-active {
  color: #333333;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .c-tab__button.is-active {
    font-size: 16px;
    line-height: 1.6875;
  }
}
.c-tab__panels .c-tab__content {
  display: none;
}
.c-tab__content {
  display: none;
}
.c-tab__content.is-active {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-tab__control {
    border-radius: 16px;
    gap: 0px;
    margin-bottom: 24px;
    padding: 6px;
  }
  .c-tab__control:has(.c-tab__button:nth-child(2):is(:last-child)) {
    border-radius: 30px;
  }
  .c-tab__control:has(.c-tab__button:nth-child(2):is(:last-child)) .c-tab__button {
    border-radius: 40px;
  }
  .c-tab__button {
    font-size: 13px;
    line-height: 1.3846153846;
    border-radius: 12px;
    padding: 8px;
  }
}
.c-tab__animation {
  opacity: 0;
  transition: opacity 0.25s linear 0.17s;
}
.c-tab__content.is-active .c-tab__animation {
  animation: fadeInTabs 0.25s linear 0.17s forwards;
}

.c-condition {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-bottom: 62px;
}
.c-condition__item {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  padding: 11px 24px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 24px rgba(222, 226, 232, 0.95);
  color: #727272;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6875;
  text-align: center;
  cursor: pointer;
  isolation: isolate;
  transition: color 0.3s ease, box-shadow 0.3s ease;
}
.c-condition__item > * {
  position: relative;
  z-index: 1;
}
.c-condition__item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: #fff;
}
.c-condition__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(134.81deg, #E99495 5.92%, #EBB7CE 21.65%, #FDC689 37.38%, #F6EA91 52.19%, #B9D989 66.99%, #67C5EA 82.72%, #B0ABD5 98.45%);
  filter: blur(8px);
  border-radius: 16px;
  opacity: 0;
  transition: opacity 0.3s linear;
  z-index: -1;
}
.c-condition__item:has(.c-condition__input:checked) {
  box-shadow: 0 0 16px rgba(133, 139, 151, 0.18);
  color: #333333;
}
.c-condition__item:has(.c-condition__input:checked)::after {
  opacity: 1;
}
.c-condition__item:has(.c-condition__input:focus-visible) {
  outline: 2px solid #9D843E;
  outline-offset: 4px;
}
@media (hover: hover) {
  .c-condition__item:hover {
    color: #333333;
  }
}
.c-condition__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.c-condition__text {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-condition {
    gap: 20px 16px;
    margin-bottom: 32px;
  }
  .c-condition__item {
    width: 164px;
    min-height: 50px;
    padding: 3px 12px;
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.c-slider {
  margin: 0 auto;
}
.c-slider .slick-slide {
  border: solid 1px #DEE2E8;
  border-radius: 20px;
  overflow: hidden;
}
.c-slider .slick-slide img {
  width: 100%;
  height: auto;
}
.c-slider .slick-arrow {
  position: absolute;
  top: calc(50% - 54px);
  z-index: 4;
  width: 60px;
  height: 60px;
  border: 1px solid #D9DDE3;
  border-radius: 50%;
  background-color: #f5f7fb;
  font-size: 0;
}
.c-slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-top: 2px solid #858B97;
  border-right: 2px solid #858B97;
}
.c-slider .slick-prev {
  left: calc(50% - 500px - 50px);
}
.c-slider .slick-prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}
.c-slider .slick-next {
  right: calc(50% - 500px - 50px);
}
.c-slider .slick-next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}
.c-slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.c-slider .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #DEE2E8;
  font-size: 0;
}
.c-slider .slick-dots .slick-active button {
  background-color: #858B97;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-slider .slick-prev {
    left: 100px;
  }
  .c-slider .slick-next {
    right: 100px;
  }
}
@media screen and (max-width: 767px) {
  .c-slider {
    max-width: 300px;
    margin: 0 auto;
  }
  .c-slider .slick-slide img {
    width: 100%;
  }
  .c-slider .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
  }
  .c-slider .slick-arrow::before {
    width: 8px;
    height: 8px;
  }
  .c-slider .slick-prev {
    left: -20px;
  }
  .c-slider .slick-next {
    right: -20px;
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.c-kv-slider {
  margin: 0 auto;
}
.c-kv-slider .slick-slide {
  margin: 24px 50px;
  box-shadow: 0px 0px 24px #dee2e8;
  border-radius: 20px;
  max-width: 1000px;
}
.c-kv-slider .slick-slide img {
  width: 100%;
  height: auto;
}
.c-kv-slider .slick-slide:has(+ .slick-center) {
  transform-origin: right center;
}
.c-kv-slider .slick-slide.slick-center + .slick-slide {
  transform-origin: left center;
}
.c-kv-slider .slick-slide:not(.slick-center) {
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transition: 0.2s linear;
}
.c-kv-slider .slick-arrow {
  position: absolute;
  top: calc(50% - 53px);
  z-index: 4;
  width: 80px;
  height: 80px;
  border: 1px solid #D9DDE3;
  border-radius: 50%;
  background-color: rgba(245, 247, 251, 0.6);
  font-size: 0;
}
.c-kv-slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-top: 2px solid #858B97;
  border-right: 2px solid #858B97;
}
.c-kv-slider .slick-prev {
  left: calc(50% - 500px - 40px);
}
.c-kv-slider .slick-prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}
.c-kv-slider .slick-next {
  right: calc(50% - 500px - 40px);
}
.c-kv-slider .slick-next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}
.c-kv-slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
}
.c-kv-slider .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #DEE2E8;
  font-size: 0;
}
.c-kv-slider .slick-dots .slick-active button {
  background-color: #858B97;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-kv-slider .slick-prev {
    left: 100px;
  }
  .c-kv-slider .slick-next {
    right: 100px;
  }
}
@media screen and (max-width: 767px) {
  .c-kv-slider .slick-slide {
    margin: 24px 10px;
    max-width: 280px;
  }
  .c-kv-slider .slick-slide img {
    width: 100%;
  }
  .c-kv-slider .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
  }
  .c-kv-slider .slick-arrow::before {
    width: 8px;
    height: 8px;
  }
  .c-kv-slider .slick-prev {
    left: 16px;
  }
  .c-kv-slider .slick-next {
    right: 16px;
  }
  .c-kv-slider .slick-dots {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .c-spSlider.show_all {
    position: relative;
    width: 100%;
    padding: 0;
    overflow: visible;
    flex-direction: column;
    max-width: 1010px;
    align-items: center;
    margin-inline: auto;
  }
  .c-spSlider.show_all .slick-list {
    overflow: visible;
    -webkit-mask-image: url(../img/common/mask_slider.png);
            mask-image: url(../img/common/mask_slider.png);
    -webkit-mask-size: 1440px 100%;
            mask-size: 1440px 100%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  .c-spSlider.show_all .slick-track {
    display: flex;
  }
  .c-spSlider.show_all .slick-slide {
    height: auto;
    margin: 0 16px;
  }
  .c-spSlider.show_all .pic_item {
    width: 282px;
  }
  .c-spSlider.show_all .pic_item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .c-spSlider.show_all .slick-arrow {
    font-size: 0;
    position: absolute;
    top: calc(50% - 53px);
    z-index: 4;
    width: 80px;
    height: 80px;
    border: 1px solid #D9DDE3;
    border-radius: 50%;
    background-color: rgba(245, 247, 251, 0.6);
  }
  .c-spSlider.show_all .slick-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    border-top: 2px solid #858B97;
    border-right: 2px solid #858B97;
  }
  .c-spSlider.show_all .slick-arrow.slick-prev {
    left: 0px;
  }
  .c-spSlider.show_all .slick-arrow.slick-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
  }
  .c-spSlider.show_all .slick-arrow.slick-next {
    right: 0px;
  }
  .c-spSlider.show_all .slick-arrow.slick-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
  }
  .c-spSlider.show_all .slick-dots {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 3px;
  }
  .c-spSlider.show_all .slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #DEE2E8;
    font-size: 0;
  }
  .c-spSlider.show_all .slick-dots .slick-active button {
    background-color: #858B97;
  }
}
@media screen and (max-width: 767px) {
  .c-spSlider.show_all .slick-arrow {
    top: calc(50% - 18px);
  }
}
@media screen and (max-width: 767px) {
  .c-spSlider {
    position: relative;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding: 0;
    overflow: visible;
  }
  .c-spSlider.is-animating .slick-slide > * {
    transition: transform 0.5s ease;
  }
  .c-spSlider .slick-list {
    overflow: visible;
  }
  .c-spSlider .slick-track {
    display: flex;
    align-items: center;
  }
  .c-spSlider .slick-slide {
    height: auto;
    margin: 0 12px;
  }
  .c-spSlider .slick-slide:has(+ .slick-center) {
    transform-origin: right center;
  }
  .c-spSlider .slick-slide.slick-center + .slick-slide {
    transform-origin: left center;
  }
  .c-spSlider .slick-slide:not(.slick-center) {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: 0.2s linear;
  }
  .c-spSlider .slick-arrow {
    position: absolute;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    z-index: 2;
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #D9DDE3;
    border-radius: 50%;
    background-color: rgba(245, 247, 251, 0.6);
    font-size: 0;
  }
  .c-spSlider .slick-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #858B97;
    border-right: 1px solid #858B97;
  }
  .c-spSlider .slick-arrow.slick-prev {
    left: 16px;
  }
  .c-spSlider .slick-arrow.slick-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
  }
  .c-spSlider .slick-arrow.slick-next {
    right: 16px;
  }
  .c-spSlider .slick-arrow.slick-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
  }
  .c-spSlider .slick-dots {
    display: block;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    gap: 16px;
  }
  .c-spSlider .slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #DEE2E8;
    font-size: 0;
  }
  .c-spSlider .slick-dots .slick-active button {
    background-color: #858B97;
  }
}
.c-spSlider .c-flow__item {
  width: 320px;
  padding: 16px;
}
.c-spSlider .slick-slide:has(.c-flow) {
  margin: 0 8px;
}

.no-scale .slick-slide {
  transform: scale(1) !important;
}

.no-mark {
  overflow: hidden !important;
}

.c-flow {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  flex-wrap: wrap;
  margin-top: 0;
  height: 100%;
}
.c-flow__head {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 32px;
  padding-bottom: 10px;
  border-bottom: solid 1px #DEE2E8;
}
.c-flow__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 330px;
  width: 100%;
  padding: 24px 32px 32px;
  background-color: #ffffff;
  border: 1px solid #D9DDE3;
  border-radius: 16px;
  gap: 16px;
}
.c-flow__item--full {
  width: 100%;
  max-width: 100%;
}
.c-flow__step {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  padding-bottom: 4px;
  color: #C3A75E;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 1.3636363636;
  font-weight: 700;
  position: relative;
}
.c-flow__step:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  background-color: #C3A75E;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
}
.c-flow__step span {
  font-size: 32px;
  line-height: 1.03125;
}
.c-flow__title {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.c-flow__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 134px;
}
.c-flow__thumbnail img {
  max-width: 100%;
  height: auto;
}
.c-flow__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.c-flow__text {
  width: 100%;
  font-size: 16px;
  line-height: 1.6875;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .c-flow {
    flex-direction: column;
  }
  .c-flow__item {
    padding: 24px 16px;
    width: 100%;
  }
  .c-flow__item:first-child .c-flow__step {
    order: 1;
  }
  .c-flow__item:first-child .c-flow__title {
    order: 2;
  }
  .c-flow__item:first-child .c-flow__thumbnail {
    order: 3;
  }
  .c-flow__item:first-child .c-flow__text {
    order: 4;
  }
  .c-flow__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-flow__text {
    font-size: 14px;
    line-height: 1.7142857143;
    order: 2;
  }
  .c-flow__thumbnail {
    order: 3;
  }
  .c-flow__step {
    order: 1;
    font-size: 18px;
    line-height: 1.6666666667;
  }
  .c-flow__step span {
    font-size: 30px;
    line-height: 1;
  }
}

.c-flow-2 {
  width: 1040px;
  max-width: 100%;
  margin-top: 24px;
}
.c-flow-2.option-white .c-flow-2__item:before {
  background-color: #ffffff;
}
.c-flow-2.option-white .c-flow-2__item:after {
  background-color: #ffffff;
}
.c-flow-2.option-white .c-flow-2__item--current .c-flow-2__label {
  background-color: #C3A75E;
  color: #ffffff;
}
.c-flow-2.option-white .c-flow-2__item--current:before {
  background-color: #C3A75E;
}
.c-flow-2.option-white .c-flow-2__item--current:after {
  background-color: #C3A75E;
}
.c-flow-2.option-white .c-flow-2__label {
  background-color: #ffffff;
}
.c-flow-2__list {
  display: flex;
  width: 100%;
}
.c-flow-2__item {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  padding: 0 35px;
}
.c-flow-2__item:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 100%;
  top: 0;
  left: 1px;
  -webkit-mask-image: url(../img/common/mask-flow_01.png);
          mask-image: url(../img/common/mask-flow_01.png);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #F5F7FB;
  z-index: 1;
}
.c-flow-2__item:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 100%;
  top: 0;
  right: 2px;
  -webkit-mask-image: url(../img/common/mask-flow_02.png);
          mask-image: url(../img/common/mask-flow_02.png);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #F5F7FB;
  z-index: 1;
}
.c-flow-2__item:first-child {
  z-index: 3;
  padding-left: 0;
  border-radius: 6px 0 0 6px;
  overflow: hidden;
}
.c-flow-2__item:first-child::before {
  content: none;
}
.c-flow-2__item:first-child .c-flow-2__label {
  padding-left: 15px;
}
.c-flow-2__item:not(:first-child):not(:last-child) {
  z-index: 2;
  margin: 0 -15px;
}
.c-flow-2__item:last-child {
  z-index: 1;
  padding-right: 0;
  border-radius: 0 6px 6px 0;
  overflow: hidden;
}
.c-flow-2__item:last-child:after {
  content: none;
}
.c-flow-2__item:last-child .c-flow-2__label {
  padding-right: 15px;
}
.c-flow-2__item--current .c-flow-2__label {
  background-color: #C3A75E;
  color: #ffffff;
}
.c-flow-2__item--current:before {
  background-color: #C3A75E;
}
.c-flow-2__item--current:after {
  background-color: #C3A75E;
}
.c-flow-2__label {
  position: relative;
  z-index: 2;
  background-color: #F5F7FB;
  padding: 19px 0;
  display: block;
  color: #000000;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-flow-2__list {
    height: 100px;
  }
  .c-flow-2__item {
    padding: 0 24px 0 8px;
    font-size: 16px;
    line-height: 1.5;
  }
  .c-flow-2__item:not(:first-child) {
    padding-left: 28px;
  }
  .c-flow-2__item:first-child .c-flow-2__label {
    padding-left: 8px;
  }
  .c-flow-2__item:last-child .c-flow-2__label {
    padding-right: 8px;
  }
  .c-flow-2__label {
    font-size: 16px;
    line-height: 1.5;
  }
}

.c-flow-payment {
  margin-top: 32px;
}
.c-flow-payment__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.c-flow-payment__item {
  width: 330px;
  min-height: 167px;
  padding: 31px 31px 23px;
  background-color: #ffffff;
  border: 1px solid #D9DDE3;
  border-radius: 16px;
}
.c-flow-payment__title {
  padding-bottom: 8px;
  border-bottom: 1px solid #D9DDE3;
  color: #000000;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.c-flow-payment__text {
  margin-top: 16px;
  color: #000000;
  font-size: 16px;
  line-height: 1.6875;
}
@media screen and (max-width: 767px) {
  .c-flow-payment__list {
    gap: 16px;
  }
  .c-flow-payment__item {
    width: 100%;
    min-height: initial;
    padding: 24px 16px;
  }
  .c-flow-payment__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-flow-payment__text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.c-cashing-point {
  margin-top: 24px;
}
.c-cashing-point__title {
  color: #333333;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.c-cashing-point__list {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 24px;
}
.c-cashing-point__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  border: 4px solid #C3A75E;
  border-radius: 50%;
}
.c-cashing-point__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-bottom: 0;
  color: #C3A75E;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 700;
  position: relative;
}
.c-cashing-point__label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  height: 3px;
  background-color: #C3A75E;
  border-radius: 10px;
  transform: translateX(-50%);
}
.c-cashing-point__label span:last-child {
  font-size: 24px;
  line-height: 1.375;
}
.c-cashing-point__text {
  margin-top: 10px;
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-cashing-point__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-cashing-point__list {
    gap: 16px;
  }
  .c-cashing-point__item {
    width: 100px;
    height: 100px;
  }
  .c-cashing-point__label {
    font-size: 12px;
    gap: 2px;
  }
  .c-cashing-point__label span:last-child {
    font-size: 20px;
  }
  .c-cashing-point__text {
    font-size: 10px;
    line-height: 1.4;
    margin-top: 5px;
  }
}

.c-bnr {
  position: relative;
  width: 100%;
  max-width: 1044px;
  min-height: 275px;
  margin-inline: auto;
  padding: 40px 54px 40px 64px;
  border-radius: 20px;
  background-color: #F5F7FB;
}
.c-bnr.no-bg {
  background-color: transparent;
}
.c-bnr__wrap {
  display: flex;
  gap: 30px;
}
.c-bnr__content {
  width: 100%;
}
.c-bnr__title {
  margin: 0;
  color: #333333;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 24px;
}
.c-bnr__text {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6875;
}
.c-bnr__btn {
  margin-top: 24px;
}
.c-bnr__image {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .c-bnr {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 24px 16px;
    border-radius: 15px;
  }
  .c-bnr__image {
    margin-bottom: 32px;
  }
  .c-bnr__wrap {
    gap: 0;
  }
  .c-bnr__title {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .c-bnr__text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7142857143;
    color: #000000;
  }
  .c-bnr__btn {
    text-align: center;
    margin-top: 24px;
  }
}

.c-bnr-7c {
  position: relative;
  width: 100%;
  max-width: 1044px;
  min-height: 275px;
  margin-inline: auto;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0px 0px 24px 0px #DEE2E8;
  background-color: #ffffff;
}
.c-bnr-7c.no-bg {
  background-color: transparent;
}
.c-bnr-7c__wrap {
  display: flex;
  align-items: center;
  gap: 35px;
}
.c-bnr-7c__content {
  width: 100%;
}
.c-bnr-7c__title {
  margin: 0;
  color: #333333;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 24px;
}
.c-bnr-7c__text {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6875;
}
.c-bnr-7c__btn {
  margin-top: 24px;
}
.c-bnr-7c__image {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 0;
  flex-shrink: 0;
  max-width: 530px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-bnr-7c {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 35px 16px;
    border-radius: 15px;
  }
  .c-bnr-7c__image {
    margin-bottom: 24px;
  }
  .c-bnr-7c__wrap {
    gap: 0;
    flex-direction: column-reverse;
  }
  .c-bnr-7c__title {
    margin-bottom: 0;
  }
  .c-bnr-7c__text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7142857143;
    color: #000000;
  }
  .c-bnr-7c__btn {
    text-align: center;
    margin-top: 24px;
  }
}

.c-bnr-02 {
  display: flex;
}
.c-bnr-02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-bnr-qr {
  position: relative;
  padding: 0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .c-bnr-qr a:not(.c-btn) {
    pointer-events: none;
  }
}
.c-bnr-qr__content {
  position: absolute;
  max-width: 50%;
  width: 450px;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 30px;
  padding-right: 10px;
}
.c-bnr-qr__store {
  display: flex;
  gap: 30px;
}
.c-bnr-qr__store a:hover {
  opacity: 1;
}
.c-bnr-qr__store-ttl {
  margin-bottom: 16px;
  display: block;
  width: 103px;
  margin-inline: auto;
}
.c-bnr-qr__store a:nth-child(2) .c-bnr-qr__store-ttl {
  width: 116px;
}
.c-bnr-qr__store-qr {
  width: 130px;
  max-width: 100%;
  margin: 0 auto;
}
.c-bnr-qr__store-btn {
  display: none;
}
.c-bnr-qr .wrap-btn {
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  .c-bnr-qr {
    max-width: 345px;
    margin-inline: auto;
  }
  .c-bnr-qr__content {
    bottom: 0;
    left: 0;
    top: auto;
    right: 0;
    max-width: 100%;
    margin-top: auto;
    padding: 40px 20px;
  }
  .c-bnr-qr__store {
    gap: 16px;
    margin-top: auto;
  }
  .c-bnr-qr__store-ttl {
    display: none;
  }
  .c-bnr-qr__store-qr {
    display: none;
  }
  .c-bnr-qr__store-btn {
    display: block;
    height: 44px;
  }
  .c-bnr-qr .wrap-btn {
    margin-top: 16px;
  }
  .c-bnr-qr--2 .c-bnr-qr__content {
    justify-content: flex-start;
  }
  .c-bnr-qr--2 .c-bnr-qr__store {
    margin-top: 130px;
  }
  .c-bnr-qr--2 .wrap-btn {
    margin-top: auto;
    width: 100%;
  }
  .c-bnr-qr--2 .c-btn--medium {
    min-width: 280px;
  }
  .c-bnr-qr--2 .c-btn--primary {
    padding: 13px 12px;
  }
}

.hover-gradient {
  position: relative;
  display: block;
  border-radius: 16px;
  isolation: isolate;
  overflow: visible;
  background: transparent;
  transition: box-shadow 0.3s linear;
}
.hover-gradient > * {
  position: relative;
  z-index: 1;
}
.hover-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: #fff;
}
.hover-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  /* background: linear-gradient(134.81deg, #e99495 5.92%, #ebb7ce 21.65%, #fdc689 37.38%, #f6ea91 52.19%, #b9d989 66.99%, #67c5ea 82.72%, #b0abd5 98.45%); */
  /* filter: blur(8px); */
  box-shadow:0px 0px 24px #2b589b;
  opacity: 0;
  transition: opacity 0.3s linear;
}
@media (hover: hover) {
  .hover-gradient:hover {
    box-shadow: none !important;
  }
  .hover-gradient:hover::after {
    opacity: 1;
  }
}

.c-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
.c-block__content {
  flex: 1;
}
.c-block__content .wrap-btn {
  margin-top: 48px;
  display: flex;
  gap: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-block__content .wrap-btn {
    flex-direction: column;
    align-items: flex-start;
  }
}
.c-block__image {
  width: 508px;
  max-width: 50%;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
}
.c-block__image--2 {
  width: 480px;
}
.c-block__ttl {
  font-size: 36px;
  line-height: 1.6111111111;
  font-weight: 700;
  margin-bottom: 16px;
}
.c-block .c-txt {
  font-weight: bold;
}
.c-block + .c-block {
  margin-top: 56px;
}
.c-block--reverse {
  flex-direction: row-reverse;
}
.c-block--reverse .c-block__content {
  margin-right: -5px;
}
@media screen and (max-width: 767px) {
  .c-block {
    flex-direction: column;
  }
  .c-block--reverse {
    flex-direction: column;
  }
  .c-block--reverse .c-block__content {
    margin-right: 0;
  }
  .c-block__image {
    width: 100%;
    margin-top: 16px;
    max-width: 100%;
  }
  .c-block__ttl {
    font-size: 24px;
    line-height: 1.5833333333;
  }
  .c-block + .c-block {
    margin-top: 40px;
  }
  .c-block .wrap-btn {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
  }
}

.c-block-7c {
  display: flex;
  align-items: center;
  gap: 24px;
}
.c-block-7c__content {
  flex: 1;
}
.c-block-7c__content .wrap-btn {
  margin-top: 48px;
  display: flex;
  gap: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-block-7c__content .wrap-btn {
    flex-direction: column;
    align-items: flex-start;
  }
}
.c-block-7c__image {
  width: 468px;
  max-width: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.c-block-7c__ttl {
  font-size: 32px;
  line-height: 1.4375;
  font-weight: 700;
  margin-bottom: 16px;
}
.c-block-7c .c-txt {
  font-weight: bold !important;
}
.c-block-7c + .c-block-7c {
  margin-top: 32px;
}
.c-block-7c--reverse {
  flex-direction: row-reverse;
}
.c-block-7c--reverse .c-block-7c__content {
  margin-right: -5px;
}
@media screen and (max-width: 767px) {
  .c-block-7c {
    flex-direction: column;
    gap: 16px;
  }
  .c-block-7c--reverse {
    flex-direction: column;
  }
  .c-block-7c--reverse .c-block-7c__content {
    margin-right: 0;
  }
  .c-block-7c__image {
    width: 100%;
    max-width: 100%;
  }
  .c-block-7c__ttl {
    font-size: 24px;
    line-height: 1.5833333333;
    margin-bottom: 12px;
  }
  .c-block-7c + .c-block-7c {
    margin-top: 24px;
  }
  .c-block-7c .wrap-btn {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
  }
}

.bg-black {
  background-color: #333333 !important;
}

.bg-white {
  background-color: #D9DDE3 !important;
}

.bg-white1 {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #727272 !important;
}

.bg-gray-1 {
  background-color: #F5F7FB !important;
}

.bg-gray-2 {
  background-color: #DEE2E8 !important;
}

.bg-gray-3 {
  background-color: #C5C9D0 !important;
}

.bg-gray-4 {
  background-color: #858B97 !important;
}

.bg-red-1 {
  background-color: #FFEAEA !important;
}

.bg-red-2 {
  background-color: #E99495 !important;
}

.bg-pink-1 {
  background-color: #FFECF5 !important;
}

.bg-pink-2 {
  background-color: #EBB7CE !important;
}

.bg-orange-1 {
  background-color: #FFECD6 !important;
}

.bg-orange-2 {
  background-color: #FDC689 !important;
}

.bg-yellow-1 {
  background-color: #FFF8C3 !important;
}

.bg-yellow-2 {
  background-color: #F6EA91 !important;
}

.bg-green-1 {
  background-color: #E3F2CE !important;
}

.bg-green-2 {
  background-color: #B9D989 !important;
}

.bg-green {
  background-color: #59B770 !important;
}

.bg-blue-1 {
  background-color: #DDF2FA !important;
}

.bg-blue-2 {
  background-color: #67C5EA !important;
}

.bg-blue {
  background-color: #5BC5EF !important;
}

.bg-purple-1 {
  background-color: #EBE9F8 !important;
}

.bg-purple-2 {
  background-color: #B0ABD5 !important;
}

.bg-gold-1 {
  background-color: #C3A75E !important;
}

.bg-gold-2 {
  background-color: #9D843E !important;
}

.bg-yellow {
  background-color: #F4ECA4 !important;
}

.bg-red {
  background-color: #EF3A3C !important;
}

.color-black {
  color: #333333 !important;
}

.color-white {
  color: #D9DDE3 !important;
}

.color-white1 {
  color: #ffffff !important;
}

.color-gray {
  color: #727272 !important;
}

.color-gray-1 {
  color: #F5F7FB !important;
}

.color-gray-2 {
  color: #DEE2E8 !important;
}

.color-gray-3 {
  color: #C5C9D0 !important;
}

.color-gray-4 {
  color: #858B97 !important;
}

.color-red-1 {
  color: #FFEAEA !important;
}

.color-red-2 {
  color: #E99495 !important;
}

.color-pink-1 {
  color: #FFECF5 !important;
}

.color-pink-2 {
  color: #EBB7CE !important;
}

.color-orange-1 {
  color: #FFECD6 !important;
}

.color-orange-2 {
  color: #FDC689 !important;
}

.color-yellow-1 {
  color: #FFF8C3 !important;
}

.color-yellow-2 {
  color: #F6EA91 !important;
}

.color-green-1 {
  color: #E3F2CE !important;
}

.color-green-2 {
  color: #B9D989 !important;
}

.color-green {
  color: #59B770 !important;
}

.color-blue-1 {
  color: #DDF2FA !important;
}

.color-blue-2 {
  color: #67C5EA !important;
}

.color-blue {
  color: #5BC5EF !important;
}

.color-purple-1 {
  color: #EBE9F8 !important;
}

.color-purple-2 {
  color: #B0ABD5 !important;
}

.color-gold-1 {
  color: #C3A75E !important;
}

.color-gold-2 {
  color: #9D843E !important;
}

.color-yellow {
  color: #F4ECA4 !important;
}

.color-red {
  color: #EF3A3C !important;
}

.bd-black {
  border-color: #333333 !important;
}

.bd-white {
  border-color: #D9DDE3 !important;
}

.bd-white1 {
  border-color: #ffffff !important;
}

.bd-gray {
  border-color: #727272 !important;
}

.bd-gray-1 {
  border-color: #F5F7FB !important;
}

.bd-gray-2 {
  border-color: #DEE2E8 !important;
}

.bd-gray-3 {
  border-color: #C5C9D0 !important;
}

.bd-gray-4 {
  border-color: #858B97 !important;
}

.bd-red-1 {
  border-color: #FFEAEA !important;
}

.bd-red-2 {
  border-color: #E99495 !important;
}

.bd-pink-1 {
  border-color: #FFECF5 !important;
}

.bd-pink-2 {
  border-color: #EBB7CE !important;
}

.bd-orange-1 {
  border-color: #FFECD6 !important;
}

.bd-orange-2 {
  border-color: #FDC689 !important;
}

.bd-yellow-1 {
  border-color: #FFF8C3 !important;
}

.bd-yellow-2 {
  border-color: #F6EA91 !important;
}

.bd-green-1 {
  border-color: #E3F2CE !important;
}

.bd-green-2 {
  border-color: #B9D989 !important;
}

.bd-green {
  border-color: #59B770 !important;
}

.bd-blue-1 {
  border-color: #DDF2FA !important;
}

.bd-blue-2 {
  border-color: #67C5EA !important;
}

.bd-blue {
  border-color: #5BC5EF !important;
}

.bd-purple-1 {
  border-color: #EBE9F8 !important;
}

.bd-purple-2 {
  border-color: #B0ABD5 !important;
}

.bd-gold-1 {
  border-color: #C3A75E !important;
}

.bd-gold-2 {
  border-color: #9D843E !important;
}

.bd-yellow {
  border-color: #F4ECA4 !important;
}

.bd-red {
  border-color: #EF3A3C !important;
}

.c-noteList__item {
  font-size: 12px !important;
  line-height: 1.6666666667;
  color: #000000;
}
.c-noteList__item span {
  margin-right: 4px;
  flex-shrink: 0;
}
.c-noteList__item + .c-noteList__item {
  margin-top: 4px;
}
.c-noteList__item a {
  display: inline;
  color: #0000ee;
}
@media (hover: hover) {
  .c-noteList__item a:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .c-noteList__item.indent {
    text-indent: -1em;
    padding-left: 1em;
  }
  .c-noteList__item:not(.indent) {
    display: flex;
  }
  .c-noteList__item {
    font-size: 11px !important;
    line-height: 1.6363636364;
  }
}

.c-list__item {
  padding-left: 24px;
  position: relative;
  color: #000000;
}
.c-list__item + .c-list__item {
  margin-top: 1px;
}
.c-list--disc .c-list__item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 4px;
  height: 4px;
  background-color: #333333;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .c-list__item {
    padding-left: 20px;
  }
  .c-list__item + .c-list__item {
    margin-top: 0;
  }
  .c-list--disc .c-list__item::before {
    top: 12px;
    left: 9px;
    width: 3px;
    height: 3px;
  }
}

.c-breadcrumb {
  padding: 8px 0;
  border-bottom: solid 1px #DEE2E8;
}
.c-breadcrumb__list {
  display: flex;
  gap: 8px;
  font-family: "LINE Seed JP", sans-serif;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #858B97;
}
.c-breadcrumb__list a {
  color: #333333;
  text-decoration: none;
  text-underline-offset: 3px;
}
@media (hover: hover) {
  .c-breadcrumb__list a:hover {
    opacity: 1;
    text-decoration: underline;
    color: #9D843E;
  }
}
.c-breadcrumb__item:not(:last-child)::after {
  content: "";
  -webkit-mask-image: url("../img/common/icon_arrow_03.svg");
          mask-image: url("../img/common/icon_arrow_03.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #858B97;
  margin-left: 8px;
  width: 4px;
  height: 8px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb {
    display: none;
  }
}

.l-cardLink-list {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.l-cardLink-list .c-cardLink {
  max-width: 100%;
}
.l-cardLink-list__item {
    max-width: 100%;
    width: 100%;
}
@media screen and (max-width: 767px) {
  .l-cardLink-list__item:has(.c-cardLink--100-sp) {
    max-width: 100% !important;
  }
}
.l-cardLink-list--2col {
  gap: 24px;
}
.l-cardLink-list--2col .l-cardLink-list__item {
  max-width: calc(50% - 12px);
}
.l-cardLink-list--2col .l-cardLink-list__item .c-cardLink{
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .l-cardLink-list--2col .l-cardLink-list__item {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .l-cardLink-list--2col-sp {
    gap: 16px;
  }
  .l-cardLink-list--2col-sp .l-cardLink-list__item {
    max-width: calc(50% - 8px);
  }
}
.l-cardLink-list--3col {
  gap: 25px;
}
.l-cardLink-list--3col .l-cardLink-list__item {
  max-width: calc((100% - 50px) / 3);
}
@media screen and (max-width: 767px) {
  .l-cardLink-list--3col .l-cardLink-list__item {
    max-width: 240px;
    margin: 0 auto;
  }
}
.l-cardLink-list--4col {
  gap: 24px;
}
.l-cardLink-list--4col .l-cardLink-list__item {
  max-width: calc((100% - 72px) / 4);
}
@media screen and (max-width: 767px) {
  .l-cardLink-list--4col {
    gap: 16px 24px;
  }
  .l-cardLink-list--4col .l-cardLink-list__item {
    max-width: calc((100% - 24px) / 2);
  }
}

.c-content .c-cardLink {
  display: flex;
  flex-direction: column;
  max-width: 383px;
  width: 100%;
  color: #333333;
  text-decoration: none;
  position: relative;
  filter: drop-shadow(0px 0px 24px #DEE2E8);
  height: 100%;
  transition: all 0.3s linear;
}
.c-content .c-cardLink::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ffffff;
  border-radius: 16px;
  transition: all 0.3s linear;
  z-index: -1;
}
.c-content .c-cardLink::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, #274f8c, #4372b9);
  filter: blur(8px);
  border-radius: 16px;
  opacity: 0;
  transition: all 0.3s linear;
  z-index: -2;
}
.c-content .c-cardLink__image {
  position: relative;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  background-color: #ffffff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c-content .c-cardLink__body {
  position: relative;
  padding: 16px 24px;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0;
  background-color: #ffffff;
  border-radius: 0 0 16px 16px;
  flex: 1;
}
.c-content .c-cardLink__body:has(.c-cardLink__icon) {
  padding-right: 72px;
}
.c-content .c-cardLink__text {
  align-self: stretch;
}
.c-content .c-cardLink__text .c-cardLink__title {
  margin-bottom: 4px;
}
.c-content .c-cardLink__title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.c-content .c-cardLink--border .c-cardLink__image {
  border: 1px solid #D9DDE3;
  border-bottom: none;
}
.c-content .c-cardLink--border .c-cardLink__body {
  border: 1px solid #D9DDE3;
  border-top: none;
}
.c-content .c-cardLink--small {
  max-width: 280px;
}
.c-content .c-cardLink--large {
  width: 508px;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .c-content .c-cardLink--large .c-cardLink__title {
    font-size: 22px;
    line-height: 1.5;
  }
}
.c-content .c-cardLink--full {
  width: 100%;
  max-width: 100%;
  flex-direction: row;
  padding: 24px 24px 24px 40px;
  background-color: #ffffff;
  border-radius: 16px;
  gap: 30px;
}
.c-content .c-cardLink--full .c-cardLink__image {
  width: 120px;
  border-radius: 0;
  margin-inline: auto;
}
.c-content .c-cardLink--full .c-cardLink__body {
  flex: 1;
  padding: 0;
  gap: 36px;
}
@media screen and (max-width: 767px) {
  .c-content .c-cardLink--full {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
  .c-content .c-cardLink--full .c-cardLink__image {
    width: 100%;
    border-radius: 16px 16px 0 0;
    border: 1px solid #D9DDE3;
    border-bottom: none;
  }
  .c-content .c-cardLink--full .c-cardLink__body {
    padding: 16px;
    /* border: 1px solid #D9DDE3; */
    border-top: none;
    border-radius: 16px;
  }
}
.c-content .c-cardLink:not(a) {
  cursor: default;
}
.c-content .c-cardLink:not(a)::before {
  content: none;
}
@media (hover: hover) {
  .c-content .c-cardLink:hover:is(a) {
    opacity: 1;
    filter: drop-shadow(0px 0px 0 #DEE2E8);
  }
  .c-content .c-cardLink:hover:is(a):before {
    opacity: 1;
  }
  .c-content .c-cardLink:hover:is(a) .c-cardLink__icon {
    background-color: #9D843E;
  }
  .c-content .c-cardLink:hover:is(a) .c-cardLink__icon::after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 767px) {
  .c-content .c-cardLink {
    margin-inline: auto;
  }
  .c-content .c-cardLink--small .c-cardLink__title {
    font-size: 16px;
    line-height: 1.5;
  }
  .c-content .c-cardLink--small .c-cardLink__body {
    padding: 16px;
  }
  .c-content .c-cardLink__body {
    padding: 16px 20px;
  }
  .c-content .c-cardLink__body:has( .c-cardLink__icon) {
    padding-right: 45px;
    min-height: 80px;
  }
  .c-content .c-cardLink__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-content .c-cardLink__image {
    min-height: initial;
  }
  .c-content .c-cardLink--100-sp {
    max-width: 100% !important;
  }
}

.c-icon {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #2C599A;
  border-radius: 100px;
  transition: background-color 0.3s ease;
  flex-shrink: 0;
}
.c-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 11px;
  border-radius: 50%;
  -webkit-mask-image: url("../img/common/icon_arrow_01.svg");
          mask-image: url("../img/common/icon_arrow_01.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #2C599A;
  transition: background-color 0.3s ease;
}
.c-icon--green {
  border-color: #59B770;
}
.c-icon--green::after {
  background-color: #59B770;
}
.c-icon--small {
  width: 24px;
  height: 24px;
}
.c-icon--disabled {
  border-color: #858B97;
  cursor: not-allowed;
}
.c-icon--disabled::after {
  background-color: #858B97;
}
.c-icon--play::after {
  -webkit-mask-image: url("../img/common/icon_arrow_05.svg");
          mask-image: url("../img/common/icon_arrow_05.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  border-radius: 0;
}
.c-icon--pause::after {
  -webkit-mask-image: url("../img/common/icon_pause.svg");
          mask-image: url("../img/common/icon_pause.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  border-radius: 0;
}
.c-icon--target::after {
  mask-image: url("../img/common/icon_target.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  border-radius: 0;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 52%;
}
@media screen and (max-width: 767px) {
  .c-icon {
    /* width: 24px;
    height: 24px; */
  }
}

@media (hover: hover) {
  a:not(.disabled):hover .c-icon {
    background-color: #2C599A;
  }
  a:not(.disabled):hover .c-icon::after {
    background-color: #ffffff;
  }
  a:not(.disabled):hover .c-icon--play {
    background-color: #9D843E;
  }
  a:not(.disabled):hover .c-icon--play::after {
    background-color: #ffffff;
  }
  a:not(.disabled):hover .c-icon--green {
    background-color: #59B770;
  }
  a:not(.disabled):hover .c-icon--green::after {
    background-color: #ffffff;
  }
}

.c-hero-banner + .c-hero-banner {
  margin-top: 24px;
}
.c-hero-banner__inner {
  display: flex;
  gap: 32px;
  align-items: center;
  padding: 24px;
  border-radius: 16px;
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
  box-shadow: 0px 0px 24px #DEE2E8;
  position: relative;
}
@media (hover: hover) {
  .c-hero-banner__inner:hover {
    opacity: 1;
  }
}
.c-hero-banner__image {
  overflow: hidden;
  border-radius: 16px;
  line-height: 0;
  width: 530px;
  flex-shrink: 0;
  max-width: 50%;
}
.c-hero-banner__image-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(41, 41, 41, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 44px;
  line-height: 1.4545454545;
  font-weight: 700;
}
.c-hero-banner__body {
  flex: 1;
}
.c-hero-banner__badges {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.c-hero-banner__badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 1px 10px 0;
  border-radius: 19px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6153846154;
}
.c-hero-banner__badge--gold {
  background-color: #9D843E;
  color: #ffffff;
}
.c-hero-banner__badge--black {
  background-color: #333333;
  color: #ffffff;
}
.c-hero-banner__badge--red {
  background-color: #FFEAEA;
  color: #333333;
}
.c-hero-banner__badge--purple {
  background-color: #EBE9F8;
  color: #333333;
}
.c-hero-banner__badge--white {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #B0ABD5;
}
.c-hero-banner__badge--txt {
  color: #9D843E;
  padding: 0;
}
.c-hero-banner__status {
  color: #9D843E;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.6153846154;
}
.c-hero-banner__text {
  margin-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 8px;
  border-bottom: 1px solid #D9DDE3;
}
.c-hero-banner__title {
  margin: 0;
  color: #333333;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.c-hero-banner__description {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 1.6875;
}
.c-hero-banner__date {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7142857143;
}
.c-hero-banner--medium {
  max-width: 1040px;
}
.c-hero-banner--medium .c-hero-banner__inner {
  gap: 24px;
}
.c-hero-banner--medium .c-hero-banner__image {
  width: 468px;
}
@media screen and (max-width: 767px) {
  .c-hero-banner:not(.slick-slide) {
    max-width: 280px;
    margin-inline: auto;
  }
  .c-hero-banner__inner {
    display: block;
    width: 100%;
    padding: 16px;
  }
  .c-hero-banner__inner + .c-hero-banner__inner {
    margin-top: 0;
  }
  .c-hero-banner__image {
    border-radius: 15px;
    width: 100%;
    max-width: 100%;
  }
  .c-hero-banner__image-overlay {
    font-size: 24px;
    line-height: 1.5833333333;
  }
  .c-hero-banner__body {
    margin-top: 24px;
  }
  .c-hero-banner__badges {
    flex-wrap: wrap;
    gap: 0 12px;
  }
  .c-hero-banner__badge {
    min-height: 24px;
    font-size: 12px;
    line-height: 1.5833333333;
  }
  .c-hero-banner__status {
    font-size: 12px;
    line-height: 1.5833333333;
  }
  .c-hero-banner__text {
    margin-top: 16px;
    padding-bottom: 16px;
  }
  .c-hero-banner .c-icon {
    display: none;
  }
  .c-hero-banner__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-hero-banner__description {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .c-hero-banner__date {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}

/* ========================================
  component: Parts card
  FLOCSS: component
======================================== */
.c-card {
  padding: 24px;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.c-card:hover {
  text-decoration: none;
}
.c-card__label, .c-card__image + .c-card__label {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 30px;
  padding-right: 35px;
  font-size: 1.25rem;
}
.c-card__image + .c-card__label {
  margin-top: 24px;
  color: #333333;
}
.c-card__image {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.c-card__image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.c-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.c-card__label::before, .c-card__label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.c-card[target=_blank] .c-card__label::before, .c-card--icon-link[target=_blank] .c-card__label::before {
  right: -1px;
  width: 30px;
  height: 30px;
  background-color: #9D843E;
  -webkit-mask: url("../img/common/icon_target.svg") center/contain no-repeat;
          mask: url("../img/common/icon_target.svg") center/contain no-repeat;
}
.c-card__description {
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.01em;
}
@media (hover: hover) {
  .c-card:hover {
    border-color: #9D843E;
  }
  .c-card:hover .c-card__label::after {
    border-color: #9D843E;
    background-color: #9D843E;
    transform: translateY(-50%) scale(1.2);
  }
  .c-card:hover .c-card__label::before {
    background-color: #ffffff;
  }
  .c-card:hover .c-card__image img {
    transform: scale(1.05);
  }
  .c-card:hover .c-card__image::after {
    opacity: 0.3;
  }
}
@media (hover: hover) {
  .c-card[target=_blank]:hover .c-card__label::before {
    background-color: #ffffff;
  }
}

.o-card-block--text-links .c-card {
  flex-grow: unset;
  padding: 24px;
}

.c-card-panel__link {
  position: relative;
  display: block;
  padding: 16px 30px 18px;
}
.c-card-panel__link::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #9D843E;
  -webkit-mask: url("../img/common/icon_arrow_circle.svg") center/contain no-repeat;
          mask: url("../img/common/icon_arrow_circle.svg") center/contain no-repeat;
  transition: width 0.3s ease, height 0.3s ease, right 0.3s ease, bottom 0.3s ease;
}
@media (hover: hover) {
  .c-card-panel__link:hover::after {
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px;
  }
}
.c-card-panel__image {
  display: block;
  line-height: 0;
  text-align: center;
}
.c-card-panel__image > img {
  display: inline-block;
}
.c-card-panel__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 9px;
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (hover: hover) {
  .c-card-box__link:hover {
    text-decoration: none;
  }
  .c-card-box__link:hover .c-card-box__title {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }
  .c-card-box__link:hover .c-card-box__info::before {
    background-color: #9D843E;
  }
  .c-card-box__link:hover .c-card-box__info::after {
    background-color: #F5F7FB;
  }
  .c-card-box__link:hover .c-card-box__image img {
    transform: scale(1.05);
  }
  .c-card-box__link:hover .c-card-box__image::after {
    opacity: 0.3;
  }
}
.c-card-box__info {
  position: relative;
  z-index: 1;
  padding-right: 55px;
}
.c-card-box__info::before, .c-card-box__info::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  transform: translateY(-50%);
}
.c-card-box__info::before {
  right: 20px;
  z-index: 10;
  width: 8px;
  height: 11px;
  background-color: #ffffff;
  -webkit-mask: url("../img/common/icon_arrow_01.svg") center/contain no-repeat;
          mask: url("../img/common/icon_arrow_01.svg") center/contain no-repeat;
}
.c-card-box__info::after {
  right: 0;
  z-index: 5;
  width: 48px;
  height: 48px;
  border: 1px solid #9D843E;
  border-radius: 50%;
  background-color: #9D843E;
  transition: background-color 0.3s ease;
}
.c-card-box__image {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.c-card-box__image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.c-card-box__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ffffff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.c-card-box__title {
  margin-top: 16px;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  color: #333333;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 4px;
}
.c-card-box__meta {
  margin-top: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.8;
}
.c-card-box__tagarea {
  margin-top: 8px;
  color: #333333;
}
.c-card-box__tagarea > .c-card-box__tag {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 6px 15px;
  border: 1px solid #9D843E;
  border-radius: 24px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-card__label, .c-card__image + .c-card__label {
    min-height: 26px;
    font-size: 1.0625rem;
  }
  .c-card__label::before {
    right: 9px;
    width: 7px;
    height: 10px;
  }
  .c-card__label::after {
    width: 26px;
    height: 26px;
  }
  .c-card__description {
    font-size: 0.875rem;
  }
  .c-card-panel__link {
    padding: 14px 30px 18px;
  }
  .c-card-panel__label {
    margin-top: 2px;
    font-size: 0.875rem;
  }
  .l-row--5 .c-card-panel__link,
  .l-row--6 .c-card-panel__link {
    padding: 8px 22px;
  }
  .l-row--5 .c-card-panel__link::after,
  .l-row--6 .c-card-panel__link::after {
    right: 8px;
    bottom: 8px;
    width: 14px;
    height: 14px;
  }
  .c-card-box__title {
    padding-bottom: 0;
    font-size: 1.125rem;
  }
  .c-card-box__meta {
    margin-top: 8px;
    font-size: 0.75rem;
  }
}
.o-btn-block {
  display: flex;
  align-items: center;
  padding: 8px 60px 8px 24px;
}
.o-btn-block--cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 6px;
  padding: 12px 48px;
}
.o-btn-block--md {
  max-width: 628px;
}

.o-btn-iblock {
  display: inline-block;
  padding: 6px 26px 6px 16px;
}

.o-card-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 72px;
  padding: 0;
  border-radius: 20px;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px 0 rgba(133, 139, 151, 0.14);
}
.o-card-block--no-shadow {
  box-shadow: none;
}
.o-card-block--with-image {
  display: block;
  padding: 24px 24px 16px !important;
}
.o-card-block--md {
  max-width: 626px;
}
.o-card-block__text {
  width: 100%;
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #D9DDE3;
}
.o-card-block--text-links .o-card-block__text {
  position: relative;
  box-sizing: border-box;
  padding: 24px;
  margin: 0;
  border-top: none;
}
.o-card-block--text-links .o-card-block__text::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 64px);
  height: 1px;
  background: #D9DDE3;
  background-position: center;
}

.o-card-panel {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 84px;
  padding: 0;
  border: 1px solid #D9DDE3;
  border-radius: 20px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.o-card-panel--shadow {
  box-shadow: 2px 2px 10px 0 rgba(133, 139, 151, 0.14);
}
.o-card-panel--no-shadow {
  box-shadow: none;
}

.o-news-container {
  display: flex;
  flex-direction: row;
  gap: 64px;
}

.o-news-list-wrapper {
  flex: 0 0 66%;
}

.o-news-list {
  padding: 0;
}
.o-news-list__item {
  margin-bottom: 0;
}

.o-schedule-list-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.o-accordion-list {
  padding: 0;
  margin-bottom: 40px;
}
.o-accordion-list:last-of-type {
  margin-bottom: 0;
}
.o-accordion-list__item {
  margin-bottom: 0;
  border-bottom: 1px solid #D9DDE3;
}

@media (hover: hover) {
  .o-card-block--shadow:hover {
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .o-card-panel,
  .o-card-block {
    border-radius: 16px;
  }
  .o-card-block__text {
    padding-top: 16px;
    margin-top: 20px;
  }
  .o-news-container {
    flex-direction: column;
  }
  .o-accordion-list {
    margin-bottom: 16px;
  }
  .o-btn-block--cta {
    padding: 12px 24px;
  }
}
/* ------------------------------
------------------------------ */
.l-row {
  display: flex;
  flex-wrap: wrap;
}

.l-col {
  flex: 1 1 0%;
}

.l-col--full {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

.l-row--2 > .l-col {
  --variable-gap--2: calc((100% - var(--variable-gap)) / 2);
  flex: 0 0 var(--variable-gap--2);
  max-width: clamp(321px, var(--variable-gap--2), 100%);
}

.l-row--3 > .l-col {
  --variable-gap--3: calc((100% - var(--variable-gap)*2) / 3);
  flex: 0 0 var(--variable-gap--3);
  max-width: clamp(321px, var(--variable-gap--3), 100%);
}

.l-row--4 > .l-col {
  --variable-gap--4: calc((100% - var(--variable-gap)*3) / 4);
  flex: 0 0 var(--variable-gap--4);
  max-width: clamp(321px, var(--variable-gap--4), 100%);
}

.l-row--5 > .l-col {
  --variable-gap--5: calc((100% - var(--variable-gap)*4) / 5);
  flex: 0 0 var(--variable-gap--5);
  max-width: clamp(220px, var(--variable-gap--5), 100%);
}

.l-row--3:has(.o-card-box) > .l-col {
  --variable-gap-card--3: calc((100% - var(--variable-gap)*4) / 3);
  flex: 0 0 var(--variable-gap-card--3);
  max-width: clamp(220px, var(--variable-gap-card--3), 100%);
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.l-flex-top-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.l-flex-top-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.l-flex-top-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.l-flex-center-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.l-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-flex-center-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.l-flex-bottom-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.l-flex-bottom-center {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.l-flex-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

@media screen and (min-width: 768px) {
  .justify-start-pc {
    justify-content: flex-start !important;
  }
  .justify-end-pc {
    justify-content: flex-end !important;
  }
  .justify-center-pc {
    justify-content: center !important;
  }
  .justify-between-pc {
    justify-content: space-between !important;
  }
  .justify-around-pc {
    justify-content: space-around !important;
  }
}
@media screen and (max-width: 767px) {
  .justify-start-sp {
    justify-content: flex-start !important;
  }
  .justify-end-sp {
    justify-content: flex-end !important;
  }
  .justify-center-sp {
    justify-content: center !important;
  }
  .justify-between-sp {
    justify-content: space-between !important;
  }
  .justify-around-sp {
    justify-content: space-around !important;
  }
}
/* ------------------------------
------------------------------ */
@media screen and (max-width: 767px) {
  .l-row--1-sp > .l-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-row--2-sp > .l-col {
    flex: 0 0 calc((100% - var(--variable-gap)) / 2);
    max-width: calc((100% - var(--variable-gap)) / 2);
  }
  .l-row--3-sp > .l-col {
    flex: 0 0 calc((100% - var(--variable-gap) * 2) / 3);
    max-width: calc((100% - var(--variable-gap) * 2) / 3);
  }
  .l-row--4-sp > .l-col {
    flex: 0 0 calc((100% - var(--variable-gap) * 3) / 4);
    max-width: calc((100% - var(--variable-gap) * 3) / 4);
  }
  .l-row--5-sp > .l-col {
    flex: 0 0 calc((100% - var(--variable-gap) * 4) / 5);
    max-width: calc((100% - var(--variable-gap) * 4) / 5);
  }
  .l-row--3:has(.o-card-box) > .l-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-row--4:has(.o-card-panel) > .l-col {
    flex: 0 0 calc((100% - var(--variable-gap)) / 2);
    max-width: calc((100% - var(--variable-gap)) / 2);
  }
  .l-row--5:has(.o-card-panel),
  .l-row--6:has(.o-card-panel) {
    gap: 8px;
  }
  .l-row--5:has(.o-card-panel) > .l-col,
  .l-row--6:has(.o-card-panel) > .l-col {
    flex: 0 0 calc((100% - var(--variable-gap)) / 3);
    max-width: calc((100% - var(--variable-gap)) / 3);
  }
}
.c-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: solid 1px #2B589B;
  padding: 16px 30px;
  transition: 0.3s ease-in;
}
.c-accordion:has( .c-accordion__item.is-active) {
  padding-bottom: 30px;
}
.c-accordion__item.is-active .c-accordion__animation {
  animation: fadeIn 0.33s linear 0.33s forwards;
}
.c-accordion__item.is-active .c-accordion__arrow::after {
  transform: translateY(-50%) rotate(0deg);
}
.c-accordion__item.is-active .c-accordion__body {
    visibility: visible;
}
.c-accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  cursor: pointer;
  transition: 0.3s linear;
  outline: none;
}
@media (hover: hover) {
  .c-accordion__header:hover {
    opacity: 0.75;
  }
}
.c-accordion__header:focus-visible {
  outline: 2px solid #C3A75E;
  outline-offset: 4px;
}
.c-accordion__question {
  display: flex;
  align-items: flex-start;
  flex: 1;
}
.c-accordion__q-label, .c-accordion__a-label {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
  color: #C3A75E;
  flex-shrink: 0;
  min-width: 50px;
  width: auto;
  margin-right: 5px;
}
.c-accordion__q-text {
  flex: 1;
  margin-top: 2px;
}
.c-accordion__q-text p {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  color: #333333;
  margin: 0;
  font-weight: bold;
}
.c-accordion__arrow {
  flex-shrink: 0;
  transition: transform 0.3s linear;
  width: 16px;
  height: 16px;
  position: relative;
}
.c-accordion__arrow::after, .c-accordion__arrow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #2C599A;
  transform: translateY(-50%);
  transition: transform 0.3s linear;
  border-radius: 20px;
  top: 50%;
}
.c-accordion__arrow::after {
  transform: translateY(-50%) rotate(90deg);
}
.c-accordion__arrow::before {
  transform: translateY(-50%) rotate(0deg);
}
.c-accordion__body {
  height: 0;
  visibility: hidden;
  transition: height 0.5s cubic-bezier(0.73, 0, 0.83, 1);
}
.c-accordion__animation {
  opacity: 0;
  animation: fadeOut 0.17s linear forwards;
}
.c-accordion__answer {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-block: 8px 16px;
}
.c-accordion__a-text {
  flex: 1;
  padding-top: 5px;
}
.c-accordion__a-text p {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 400;
  color: #333333;
  margin: 0;
  font-weight: 400;
}
.c-accordion--faq .c-accordion__arrow {
  background-image: url("../img/common/icon_arrow_01.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  position: relative;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s linear;
}
.c-accordion--faq .c-accordion__arrow::after, .c-accordion--faq .c-accordion__arrow::before {
  content: none;
}
.c-accordion--faq .c-accordion__item.is-active .c-accordion__arrow {
  transform: translateY(-50%) rotate(90deg) scale(-1);
}
.c-img--7card {
    width: 460px;
    max-width: 100%;
    margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .c-img--7card {
    width: 248px;
}
  .c-accordion {
    gap: 12px;
    border: none;
    padding: 0;
  }
  .c-accordion:has( .c-accordion__item.is-active){
    padding-bottom: 0;
  }
  .c-accordion__item{
    border: 1px solid #2B589B;
    border-width: 1px 0;
  }
  .c-accordion__header {
    padding: 16px 0;
    gap: 12px;
  }
  .l-cardLink-list{
    padding-bottom: 18px;
  }
  .c-accordion__header:focus-visible {
    outline-offset: 2px;
  }
  .c-accordion__question {
    gap: 12px;
    align-items: center;
  }
  .c-accordion__arrow {
    width: 12px;
  }
  .c-accordion__q-label, .c-accordion__a-label {
    font-size: 24px;
    line-height: 1;
    min-width: 30px;
    margin-right: 0;
  }
  .c-accordion__q-text {
    padding-top: 0;
  }
  .c-accordion__q-text p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .c-accordion__answer {
    gap: 12px;
    padding-block: 0 16px;
  }
  .c-accordion__a-text {
    padding-top: 0;
  }
  .c-accordion__a-text p {
    font-size: 14px;
    line-height: 24px;
  }
}

.title_components {
  position: relative;
  padding: 40px 0;
  margin-bottom: 40px;
}
.title_components:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #727272;
  background: linear-gradient(90deg, #ACB4D9 1.86%, #86CFEA 19.32%, #C8DD97 34.89%, #FAE8A1 52.11%, #F5C699 68.39%, #EBBACD 84.43%, #E79A9B 100%);
}

.c-listLink__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #d9dde3;
}

.c-link__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0 15px;
  cursor: pointer;
  transition: 0.3s linear;
  outline: none;
  position: relative;
}
@media (hover: hover) {
  .c-link__item:hover {
    opacity: 1;
  }
  .c-link__item:hover .c-cardLink__icon {
    background-color: #9D843E;
  }
  .c-link__item:hover .c-cardLink__icon::after {
    background-color: #ffffff;
  }
}
.c-link__item:focus-visible {
  outline: 2px solid #C3A75E;
  outline-offset: 4px;
}
.c-link__item-label {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
  color: #C3A75E;
  flex-shrink: 0;
  min-width: 40px;
  width: auto;
}
.c-link__item-text {
  flex: 1;
  margin-top: 2px;
}
.c-link__item-text p {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  color: #333333;
  margin: 0;
  font-weight: bold;
}
.c-link .c-cardLink__icon {
  position: relative;
  flex-shrink: 0;
  right: 0;
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .c-link {
    gap: 12px;
  }
  .c-link__item {
    padding: 16px 0 15px;
    gap: 12px;
  }
  .c-link__item:focus-visible {
    outline-offset: 2px;
  }
  .c-link__item-label {
    font-size: 24px;
    line-height: 1;
    min-width: 30px;
    margin-right: 0;
  }
  .c-link__item-text {
    margin-top: 0;
  }
  .c-link__item-text p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .c-link .c-cardLink__icon {
    width: 24px;
    height: 24px;
  }
}

.c-link_v2__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0 23px;
  cursor: pointer;
  transition: 0.3s linear;
  outline: none;
  position: relative;
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) {
  .c-link_v2__item:hover {
    opacity: 1;
  }
  .c-link_v2__item:hover .c-cardLink__icon {
    background-color: #9D843E;
  }
  .c-link_v2__item:hover .c-cardLink__icon::after {
    background-color: #ffffff;
  }
}
.c-link_v2__item:focus-visible {
  outline: 2px solid #C3A75E;
  outline-offset: 4px;
}
.c-link_v2__item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.c-link_v2__item-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.c-link_v2__item-date {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 700;
  color: #333333;
}
.c-link_v2__item-badge {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 700;
  color: #333333;
  padding: 4px 12px;
  border: 1px solid #D9DDE3;
  border-radius: 40px;
  background-color: #ffffff;
}
.c-link_v2__item-text-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.c-link_v2__item-text {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  color: #333333;
  margin: 0;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-link_v2__item {
    padding: 24px 0;
    gap: 16px;
  }
  .c-link_v2__item:focus-visible {
    outline-offset: 2px;
  }
  .c-link_v2__item-content {
    gap: 8px;
  }
  .c-link_v2__item-header {
    gap: 12px;
  }
  .c-link_v2__item-date {
    font-size: 12px;
    line-height: 1.5833333333;
  }
  .c-link_v2__item-badge {
    font-size: 12px;
    line-height: 1.5833333333;
    padding: 3px 12px;
  }
  .c-link_v2__item-text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .c-link_v2__item-text-wrapper {
    gap: 8px;
  }
}

.icon-pdf:after {
  content: "";
  margin-left: 8px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../img/common/icon_pdf.svg") center no-repeat;
  background-size: contain;
  margin-bottom: -6px;
}

.icon-target::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_target.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon-arrowRight::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  -webkit-mask-image: url(/material/img/common/icon_arrow_01.svg);
          mask-image: url(/material/img/common/icon_arrow_01.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  flex-shrink: 0;
  margin-left: 4px;
  background-color: #0000EE;
}

.icon_pair::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_pair.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon_innovation::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_innovation.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon_passion::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_passion.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon_culture::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_culture.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon_card_ng::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_card_ng.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon_sync::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_sync.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.icon_private::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/icon_private.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: -4px;
  margin-left: 8px;
}

.c-list-vertical {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.c-list-hoz {
  display: flex;
  gap: 32px;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-list-hoz {
    gap: 24px;
  }
}

.c-list-decimal {
  padding-left: 20px;
}
.c-list-decimal li {
  list-style: decimal;
}
.c-list-decimal li + li {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .c-list-decimal li + li {
    margin-top: 0;
  }
}

.c-list-disc {
  padding-left: 20px;
}
.c-list-disc li {
  list-style: disc;
}
.c-list-disc li + li {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .c-list-disc li + li {
    margin-top: 0;
  }
}

.c-pickup {
  border-radius: 10px;
  border: solid 2px #FFF329;
  overflow: hidden;
  max-width: 518px;
}
.c-pickup__head {
  background: #FFF329;
  padding: 8px 16px;
  border-radius: 10px 10px 0 0;
  min-height: 64px;
}
.c-pickup__title {
  font-size: 32px;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  text-align: center;
  color: #202831;
  font-weight: 700;
}
.c-pickup__body {
  background: #ffffff;
  padding: 24px;
  min-height: 113px;
}
@media screen and (max-width: 767px) {
  .c-pickup__head {
    padding: 11px;
  }
  .c-pickup__title {
    font-size: 28px;
  }
}

.c-point {
  color: #202831;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.c-point > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.c-point__number {
  font-size: 44px;
  line-height: 1.5;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.c-point__text {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
}
.c-point__separator {
  margin-inline: 16px;
  width: 13px;
  height: 16px;
  background-image: url("../img/common/icon_arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .c-point {
    flex-direction: column;
  }
  .c-point > span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-point__number {
    font-size: 38px;
    line-height: 1.5;
  }
  .c-point__text {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-point__separator {
    transform: rotate(90deg);
    margin-inline: 0;
    margin-block: 0 -5px;
  }
}

.c-content .c-txt {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0;
}
.c-txt + .c-txt {
  margin-top: 32px;
}
.c-txt-7c {
  font-size: 15.4px !important;
  line-height: 1.5974025974;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
 .c-content .c-txt {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .c-txt + .c-txt {
    margin-top: 24px;
  }
  .c-txt-7c {
    font-size: 13px !important;
    line-height: 1.6153846154;
    font-weight: 400;
  }
}

.c-text-link {
  color: #2C599A;
  text-decoration: none;
  text-underline-offset: 3px;
  transition: all 0.3s ease;
  display: inline-block;
  position: relative;
}
.c-text-link__arrow {
  width: 8px;
  height: 11px;
  -webkit-mask-image: url(/material/img/common/icon_arrow_01.svg);
          mask-image: url(/material/img/common/icon_arrow_01.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #2C599A;
  transform: rotate(90deg);
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}
@media (hover: hover) {
  .c-text-link:hover {
    text-decoration: underline;
    opacity: 1;
  }
}
.c-text-link[target=_blank]:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/common/icon_target_01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-inline: 4px;
}

.c-textBox {
  padding: 32px;
  background-color: #F5F7FB;
  border-radius: 16px;
  margin-top: 32px;
}
.c-textBox__title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 16px;
  color: #292929;
}
@media screen and (max-width: 767px) {
  .c-textBox__title {
    font-size: 16px;
    line-height: 1.5;
  }
}

.no-bg {
  background-color: transparent !important;
  margin-top: 0;
}

.page-component .c-table {
  max-width: 840px;
  margin: 0 auto;
  border-collapse: collapse;
  table-layout: fixed;
}

.c-table__table {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  border-collapse: collapse;
}
.c-table__table-fixed {
  table-layout: fixed;
}
.c-table__thead {
  background-color: #F5F7FB;
  position: relative;
}
.c-table__thead::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 1px;
  background: #858B97;
}
.c-table__thead th {
  border-bottom: 1px solid #D9DDE3;
}
.c-table__thead th:first-child {
  border-left: 1px solid #F5F7FB;
}
.c-table__thead th:last-child {
  border-right: 1px solid #F5F7FB;
}
.c-table__box {
  min-height: 47px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-table__title {
  font-size: 16px;
  line-height: 1.6875;
  font-family: "LINE Seed JP", sans-serif;
  color: #333333;
  text-align: center;
  min-height: 80px;
  padding: 16px 24px;
  border: 1px solid #ffffff;
  vertical-align: middle;
}
.c-table__text {
  text-align: center;
  min-height: 80px;
  padding: 16px 24px;
  border: 1px solid #D9DDE3;
  vertical-align: middle;
}
.c-table__th {
  font-size: 16px;
  line-height: 1.6875;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  color: #000000;
  text-align: center;
  height: 80px;
  padding: 26px 16px;
  border: 1px solid #ffffff;
  vertical-align: middle;
}
.c-table__th--col1 {
  width: 240px;
}
.c-table__th--col2 {
  width: 400px;
}
.c-table__th--col3 {
  width: 200px;
}
.c-table__tbody .c-table__title {
  background-color: #F5F7FB;
  border: 1px solid #F5F7FB;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #D9DDE3;
  position: relative;
}
.c-table__tbody tr th:last-child {
  border-bottom: 1px solid #F5F7FB;
}
.c-table__tbody tr .border-bottom {
  border-bottom: 1px solid #F5F7FB;
}
.c-table__td {
  font-size: 16px;
  line-height: 1.6875;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  color: #000000;
  text-align: center;
  height: 80px;
  padding: 26px 16px;
  border: 1px solid #D9DDE3;
  vertical-align: middle;
}
.c-table--horizontal .c-table__tbody .c-table__th {
  background-color: #F5F7FB;
  border: 1px solid #F5F7FB;
  border-bottom: 1px solid #ffffff;
  border-right: solid 1px #858B97;
  position: relative;
}
.c-table--horizontal .c-table__tbody .c-table__th--col1 {
  width: 328px;
}
.c-table--horizontal .c-table__tbody .c-table__td--col2 {
  width: calc(100% - 328px);
}
.c-table--horizontal .c-table__tbody {
  position: relative;
}
.c-table--horizontal .c-table__tbody tr:last-child .c-table__th {
  border-bottom: 1px solid #F5F7FB;
}
@media screen and (max-width: 767px) {
  .c-table {
    padding: 0 0 16px;
    width: 660px;
  }
  .c-table-scroll {
    overflow: auto;
    position: relative;
    margin: 0 0 20px 0;
    -webkit-overflow-scrolling: touch;
  }
  .c-table-scroll::-webkit-scrollbar {
    height: 8px;
  }
  .c-table-scroll::-webkit-scrollbar-track {
    background: #DEE2E8;
    border-radius: 5px;
  }
  .c-table-scroll::-webkit-scrollbar-thumb {
    background: #858B97;
    border-radius: 5px;
  }
  .c-table__table {
    max-width: 100%;
  }
  .c-table__th {
    font-size: 14px;
    line-height: 1.5;
    height: 56px;
    padding: 16px 8px;
  }
  .c-table__th--col1 {
    width: 220px;
  }
  .c-table__th--col2 {
    width: 220px;
  }
  .c-table__th--col3 {
    width: 110px;
  }
  .c-table__td {
    font-size: 14px;
    line-height: 1.5;
    height: 56px;
    padding: 16px 8px;
  }
  .c-table--horizontal {
    width: 100%;
  }
  .c-table--horizontal .c-table__tbody .c-table__th--col1 {
    width: 100%;
  }
  .c-table--horizontal .c-table__tbody .c-table__td--col2 {
    width: 100%;
  }
  .c-table--horizontal .c-table__tbody .c-table__th {
    width: 100%;
    border: 1px solid #F5F7FB;
    height: 40px;
    padding: 8px 8px;
  }
  .c-table--horizontal .c-table__tbody .c-table__td {
    width: 100%;
    padding: 8px 5px;
    height: auto;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
  }
  .c-table--horizontal .c-table__tbody tr {
    display: flex;
    flex-direction: column;
  }
}

.c-modal {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  z-index: 10002;
  outline: none;
  overscroll-behavior-y: contain;
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
}
.c-modal .is-noactive {
  visibility: hidden;
}
.c-modal.is-active {
  visibility: visible;
  pointer-events: auto;
}
.c-modal.is-closing {
  pointer-events: none;
}
.c-modal_overlay {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: rgba(133, 139, 151, 0.9);
  opacity: 0;
  transition: opacity 0.25s linear;
  will-change: opacity;
}
.c-modal.is-active .c-modal_overlay {
  opacity: 1;
  transition-delay: 0s;
}
.c-modal.is-closing .c-modal_overlay {
  opacity: 0;
  transition-delay: 0.17s;
}
.c-modal_wrap {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 100;
  overflow-x: clip;
  overflow-y: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.c-modal_inner {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  height: auto;
  max-height: 100%;
  width: 100%;
  max-width: 1200px;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.33, 0, 0.24, 1), opacity 0.25s linear;
  background: #ffffff;
  padding: 50px 0;
  border-radius: 20px;
  position: relative;
}
.c-modal.is-active .c-modal_inner {
  transform: translateY(0);
  opacity: 1;
}
.c-modal.is-closing .c-modal_inner {
  transform: translateY(100px);
  opacity: 0;
}
.c-modal-btn-close {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .c-modal-btn-close:hover {
    opacity: 0.7;
  }
}
.c-modal-btn-close .btn-text {
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #333333;
}
.c-modal_content {
  overflow-y: auto;
  position: relative;
  padding-inline: 35px;
  -webkit-overflow-scrolling: touch;
}
.c-modal_content::-webkit-scrollbar {
  width: 8px;
}
.c-modal_content::-webkit-scrollbar-track {
  background: #DEE2E8;
  border-radius: 5px;
}
.c-modal_content::-webkit-scrollbar-thumb {
  background: #858B97;
  border-radius: 5px;
}
.c-modal .modal__head {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.c-modal .modal__head .modal__logo {
  display: flex;
  width: 300px;
  height: 102px;
  justify-content: center;
  align-items: center;
}
.c-modal .modal__head .modal__logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.c-modal .modal__head .modal__name {
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  margin-top: 8px;
  text-align: center;
  color: #333;
}
.c-modal .modal__text {
  font-size: 22px;
  font-weight: 400;
  width: 100%;
  text-align: center;
}
.c-modal .type-list {
  display: flex;
  width: 100%;
  margin-top: 36px;
  justify-content: center;
}
.c-modal .type-list .type-list__item {
  display: flex;
  height: 54px;
  margin-left: 2%;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background: #ccc;
  flex-basis: 18%;
  justify-content: center;
  align-items: center;
}
.c-modal .type-list .type-list__item.type-list__item--tamaru {
  background: #b69fd4;
}
.c-modal .type-list .type-list__item.type-list__item--charge {
  background: #f5bf62;
}
.c-modal .type-list .type-list__item.type-list__item--zandaka {
  background: #aed254;
}
.c-modal .type-list .type-list__item.type-list__item--koukan {
  background: #f18c92;
}
.c-modal .is-active {
  display: block;
}
.c-modal .index-wrap__row-btn {
  margin-top: 29px;
}
.c-modal .modal__annotation {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  width: 100%;
  margin-top: 31px;
  justify-content: center;
  align-items: flex-start;
}
.c-modal .is-noactive {
  visibility: hidden;
}
.c-modal.cp-modal .modal__date {
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  margin-top: 17px;
  padding: 8px;
  text-align: left;
  background: #DEE2E8;
}
.c-modal.cp-modal .modal__name {
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  margin-top: 8px;
  text-align: center;
  color: #333333;
  margin-top: 15px;
  text-align: left;
}
.c-modal.cp-modal .modal__text {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #6c6c6c;
  width: 100%;
}
.c-modal.cp-modal .c-modal__body {
  margin-top: 12px;
  padding-top: 5px;
  border-top: 1px solid #dfdfd8;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.c-modal.cp-modal .c-modal__body tr td img {
  max-width: 120px;
  margin: 0 auto;
}
.c-modal.cp-modal .c-modal__body td img {
  position: absolute;
  top: 2px;
  right: -17px;
  width: 17px;
  height: 18px;
}
@media screen and (max-width: 767px) {
  .c-modal_inner {
    width: calc(100% - 32px);
    padding: 40px 0;
  }
  .c-modal_content {
    padding-inline: 20px;
  }
  .c-modal-btn-close {
    top: 15px;
    right: 15px;
  }
  .c-modal-btn-close .btn-text {
    flex-shrink: 0;
  }
  .c-modal .modal__head .modal__logo {
    width: 200px;
    height: 87px;
  }
  .c-modal .modal__head .modal__name {
    font-size: 25px;
  }
  .c-modal .c-modal__body .modal__text {
    font-size: 18px;
  }
  .c-modal .type-list {
    margin-top: 32px;
    flex-wrap: wrap;
  }
  .c-modal .type-list .type-list__item {
    height: 48px;
    margin-top: 8px;
    flex-basis: 41%;
  }
  .c-modal .type-list .type-list__item.type-list__item--tamaru {
    background: #b69fd4;
  }
  .c-modal .type-list .type-list__item.type-list__item--charge {
    background: #f5bf62;
  }
  .c-modal .type-list .type-list__item.type-list__item--zandaka {
    background: #aed254;
  }
  .c-modal .type-list .type-list__item.type-list__item--koukan {
    background: #f18c92;
  }
  .c-modal .index-wrap__row-btn {
    margin-top: 31px;
  }
  .c-modal .modal__annotation {
    margin-top: 30px;
  }
}

.demo-content {
  min-height: 500px;
}

.c-tag {
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 12px;
  min-width: 126px;
  min-height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #EBB7CE;
  border: 1px solid #EBB7CE;
  color: #333333;
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: bold;
}
.c-tag--red1 {
  background-color: #FFEAEA;
  border: 1px solid #FFEAEA;
}
.c-tag--purple1 {
  background-color: #EBE9F8;
  border: 1px solid #EBE9F8;
}
.c-tag--green {
  background-color: #E3F2CE;
  border: 1px solid #E3F2CE;
}
.c-tag--blue {
  background-color: #DDF2FA;
  border: 1px solid #DDF2FA;
}
.c-tag--filter {
  background-color: #ffffff;
  border: 1px solid #858B97;
  color: #333333;
}
.c-tag--icon {
  background-color: #ffffff;
  border: none;
  color: #333333;
  justify-content: flex-start;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0;
  gap: 4px;
}
.c-tag--icon::before {
  content: "";
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
.c-tag--point::before {
  background-image: url(/material/img/common/icon_point.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-tag--credit::before {
  background-image: url(/material/img/common/icon_credit.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-tag--money::before {
  background-image: url(/material/img/common/icon_money.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-tag--target {
  background-color: #C3A75E;
  border: 1px solid #C3A75E;
  color: #ffffff;
}
.c-tag--member {
  background-color: #333333;
  border: 1px solid #333333;
}
@media screen and (max-width: 767px) {
  .c-tag {
    font-size: 12px;
    line-height: 1.5833333333;
  }
}

.c-find {
  width: 100%;
  max-width: 840px;
}
.c-find__form {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 75px;
  padding: 0 39px;
  border: 1px solid #D9DDE3;
  border-radius: 50px;
  background-color: #F5F7FB;
}
.c-find__input {
  min-width: 0;
  flex: 1;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #333333;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6875;
}
.c-find__input::-moz-placeholder {
  color: #858B97;
  opacity: 1;
}
.c-find__input::placeholder {
  color: #858B97;
  opacity: 1;
}
.c-find__input::-webkit-search-decoration, .c-find__input::-webkit-search-cancel-button, .c-find__input::-webkit-search-results-button, .c-find__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.c-find__button {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 24px;
  padding: 0;
  flex: 0 0 24px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.c-find__button::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #333333;
  -webkit-mask: url("../img/common/icon_search.svg") center/contain no-repeat;
          mask: url("../img/common/icon_search.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
  .c-find {
    max-width: 344px;
  }
  .c-find__form {
    min-height: 56px;
    padding-inline: 23px;
  }
  .c-find__input {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .c-find__button {
    margin-left: 16px;
  }
}

.c-loginTransition {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .c-loginTransition--2col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-loginTransition__col {
  background: #F5F7FB;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.c-loginTransition__title {
  display: block;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .c-loginTransition__title {
    font-size: 16px;
    line-height: 1.6875;
  }
}
.c-loginTransition__image {
  width: 100%;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-loginTransition {
    margin-top: 24px;
  }
  .c-loginTransition__col {
    padding: 24px 16px;
  }
  .c-loginTransition__title {
    font-size: 18px;
    line-height: 1.5;
  }
}
.c-supportPhone {
  margin-top: 32px;
  background: #F5F7FB;
  border-radius: 16px;
  padding: 32px 64px;
  text-align: center;
}
.c-supportPhone__title {
  display: block;
  font-size: 22px;
  line-height: 1.5;
  color: #333333;
  font-weight: 700;
  margin-bottom: 8px;
}
.c-supportPhone__notice {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  color: #EF3A3C;
  margin-bottom: 0;
}
.c-supportPhone__divider {
  height: 1px;
  background: #858B97;
  margin: 24px 0;
}
.c-supportPhone__number {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  line-height: 1;
  font-weight: 600;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-supportPhone {
    margin-top: 24px;
    padding: 24px 16px;
  }
  .c-supportPhone__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .c-supportPhone__notice {
    font-size: 16px;
    line-height: 1.5;
  }
  .c-supportPhone__number {
    font-size: 36px;
    line-height: 1;
  }
}

.filter-box {
  display: flex;
  justify-content: center;
  -moz-column-gap: 41px;
       column-gap: 41px;
  margin-inline: auto;
  margin-bottom: 56px;
}
.filter-box__button {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: 400;
}
.filter-box__button.is-active {
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .filter-box {
    flex-wrap: wrap;
    -moz-column-gap: 32px;
         column-gap: 32px;
    margin-bottom: 32px;
  }
  .filter-box__button {
    display: flex;
    -moz-column-gap: 8px;
         column-gap: 8px;
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .filter-box__button.is-active {
    text-underline-offset: 6px;
  }
}

.c-noticeBox {
  background-color: #F5F7FB;
  border-radius: 16px;
  padding: 32px 64px;
}
.c-noticeBox-7c {
  background-color: transparent;
  border-radius: 0;
  padding: 32px 40px;
}
.c-noticeBox__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 48px;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  color: #333333;
}
.c-noticeBox__title .ico-notice {
  display: block;
  width: 22px;
  height: 22px;
  background: url("../img/common/icon_noti.svg") no-repeat center center;
  background-size: 22px 22px;
}
@media screen and (max-width: 767px) {
  .c-noticeBox {
    padding: 24px 16px;
  }
  .c-noticeBox__title {
    border-radius: 16px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.5;
  }
}

.p-7c-creditcard-app .c-heading-howto {
  margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
  .p-7c-creditcard-app .c-heading-howto {
    margin-bottom: 27px;
  }
}
.p-7c-creditcard-app .c-box-7c {
  padding: 30px 53px 30px 32px;
  border-radius: 4px;
  border: 1px solid #2b589b;
  display: flex;
  align-items: center;
  gap: 53px;
}
.p-7c-creditcard-app .c-box-7c__head {
  flex: 1;
}
.p-7c-creditcard-app .c-box-7c__title {
  font-size: 22px;
  line-height: 1.4545454545;
  font-weight: 700;
  color: #2c599a;
  margin-bottom: 11px;
}
.p-7c-creditcard-app .c-box-7c__titleSub {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}
.p-7c-creditcard-app .c-box-7c__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  max-width: 410px;
  width: 100%;
}
.p-7c-creditcard-app .c-box-7c__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 240px;
  width: 100%;
}
.p-7c-creditcard-app .c-box-7c__img {
  width: 100%;
  max-width: 240px;
  height: auto;
  margin-bottom: 8px;
}
.p-7c-creditcard-app .c-box-7c__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-7c-creditcard-app .c-box-7c__text {
  font-size: 15px;
  line-height: 1.5333333333;
  font-weight: 400;
  color: #000000;
  margin: 0;
}
.p-7c-creditcard-app .c-box-7c__or {
  font-size: 12px;
  line-height: 1.4166666667;
  font-weight: 400;
  color: #000000;
  text-align: center;
  display: block;
  flex-shrink: 0;
  margin-top: -30px;
}
.p-7c-creditcard-app .c-box-7c__image {
  width: 320px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-7c-creditcard-app .c-box-7c {
    padding: 20px 15px;
    gap: 16px;
    flex-direction: column;
  }
  .p-7c-creditcard-app .c-box-7c__title {
    font-size: 17px;
    line-height: 1.4705882353;
    text-align: center;
    margin-bottom: 5px;
  }
  .p-7c-creditcard-app .c-box-7c__titleSub {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .p-7c-creditcard-app .c-box-7c__head {
    text-align: center;
  }
  .p-7c-creditcard-app .c-box-7c__text {
    text-align: center;
  }
  .p-7c-creditcard-app .c-box-7c__content {
    flex-direction: column;
    gap: 13px;
  }
  .p-7c-creditcard-app .c-box-7c__item {
    max-width: 160px;
  }
  .p-7c-creditcard-app .c-box-7c__img {
    max-width: 160px;
    margin-bottom: 4px;
  }
  .p-7c-creditcard-app .c-box-7c__text {
    font-size: 13px;
    line-height: 1.5384615385;
    text-align: center;
  }
  .p-7c-creditcard-app .c-box-7c__or {
    font-size: 13px;
    line-height: 1.5384615385;
    margin-top: 0;
  }
  .p-7c-creditcard-app .c-box-7c__image {
    width: 160px;
  }
}
.p-7c-creditcard-app .c-list__item {
  font-size: 13px;
}
.p-7c-creditcard-app .c-link-list__item {
  text-align: left;
  display: block;
  flex-shrink: 0;
  font-size: 0;
}
.p-7c-creditcard-app .c-link-list__item a {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #2B589B;
}
.p-7c-creditcard-app .c-link-list__item a span {
  font-size: 18px;
  color: #333333;
  margin-right: 7px;
}
.p-7c-creditcard-app .c-txt {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-7c-creditcard-app .c-txt {
    font-size: 13px;
  }
}
.p-7c-creditcard-app .l-content {
  padding-bottom: 180px;
}
.p-7c-creditcard-app .c-content-7c {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .p-7c-creditcard-app .c-content-7c {
    margin-top: 75px;
  }
}
.p-7c-creditcard-app .c-box-7c {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-7c-creditcard-app .c-box-7c {
    margin-top: 15px;
  }
}
.p-7c-creditcard-app .c-bnr-7c:hover {
  text-decoration: none;
  opacity: 1;
}

.p-7c-howto .l-content {
  padding-top: 73px;
  padding-bottom: 80px;
}
.p-7c-howto .c-typo-xl {
  line-height: 1.1818181818;
  margin-top: 44px;
}
.p-7c-howto .c-content-howto .c-content-img {
  max-width: 798px;
  margin-inline: auto;
  width: 100%;
}
.p-7c-howto .c-content-howto img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-7c-howto .c-content-howto-noticeBox {
  padding-top: 92px;
}
.p-7c-howto .c-content-howto-step {
  padding-top: 92px;
}
.p-7c-howto .c-content-noticeBox {
  margin-top: -8px;
}
.p-7c-howto .c-content-table, .p-7c-howto .c-content-step {
  max-width: 960px;
  margin-inline: auto;
}
.p-7c-howto .c-noticeBox__title {
  margin-bottom: 10px;
}
.p-7c-howto .table-cmn-01 th {
  vertical-align: middle;
  padding: 15px 16px 15px 26px;
  width: 160px;
}
.p-7c-howto .table-cmn-01 tbody th {
  width: 303px;
  border-left: 1px solid #d4daea;
}
.p-7c-howto .table-cmn-01 td {
  padding: 18px 20px;
}
.p-7c-howto .table-cmn-01 tr:last-child > th, .p-7c-howto .table-cmn-01 tr:last-child > td {
  border-bottom: 1px solid #d4daea;
}
.p-7c-howto .table-cmn-01 tr > td:last-child {
  border-right: 1px solid #d4daea;
}
.p-7c-howto .list-card {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.p-7c-howto .list-card__item {
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
.p-7c-howto .list-card__item-img {
  max-width: 137px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-7c-howto .c-note-7c {
  font-size: 8px;
  line-height: 1.25;
  display: block;
  margin-top: 2px;
}
.p-7c-howto .c-bnr-qr__store {
  display: flex;
  gap: 16px;
  padding-top: 19px;
  justify-content: center;
  padding-left: 3px;
}
.p-7c-howto .c-bnr-qr__store a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 107px;
}
.p-7c-howto .c-bnr-qr__store-qr {
  width: 86px;
}
.p-7c-howto .box-step-02 .box-img-pc {
  width: 100%;
  max-width: 457px;
}
.p-7c-howto .howto__slider {
  padding-inline: 28px;
}
.p-7c-howto .c-slider .slick-slide {
  border: solid 2px #D4DAEA;
  border-radius: 4px;
  padding: 37px 40px;
}
@media screen and (min-width: 768px) {
  .p-7c-howto .c-slider .slick-slide {
    display: flex;
  }
}
.p-7c-howto .c-slider .slick-next {
  right: -28px;
}
.p-7c-howto .c-slider .slick-prev {
  left: -28px;
}
.p-7c-howto .c-slider figure {
  max-width: 360px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-7c-howto .c-slider figure {
    max-width: 316px;
    margin-left: auto;
    margin-top: 2px;
    margin-right: 3px;
  }
}
.p-7c-howto .box-cmn-border-01-howto {
  max-width: 960px;
  margin-inline: auto;
  padding: 0;
}
.p-7c-howto .box-cmn-border-01-howto .c-noticeBox {
  background-color: transparent;
  padding: 26px 30px;
}
.p-7c-howto .box-cmn-border-01-howto .c-noticeBox__title {
  margin-bottom: 26px;
}
.p-7c-howto .c-box-7c {
  padding: 24px 24px 30px;
  border-radius: 4px;
  border: 1px solid #2b589b;
}
.p-7c-howto .c-box-7c__title {
  font-size: 22px;
  line-height: 1.4545454545;
  font-weight: 700;
  color: #2c599a;
  text-align: center;
  margin-bottom: 24px;
}
.p-7c-howto .c-box-7c__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.p-7c-howto .c-box-7c__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 240px;
  width: 100%;
}
.p-7c-howto .c-box-7c__img {
  width: 100%;
  max-width: 240px;
  height: auto;
  margin-bottom: 8px;
}
.p-7c-howto .c-box-7c__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-7c-howto .c-box-7c__text {
  font-size: 15px;
  line-height: 1.5333333333;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin: 0;
}
.p-7c-howto .c-box-7c__or {
  font-size: 15px;
  line-height: 1.5333333333;
  font-weight: 400;
  color: #000000;
  text-align: center;
  display: block;
  flex-shrink: 0;
  margin-top: -32px;
  margin-inline: 10px;
}
@media screen and (max-width: 767px) {
  .p-7c-howto .c-box-7c {
    padding: 35px 24px 30px;
  }
  .p-7c-howto .c-box-7c__title {
    font-size: 17px;
    line-height: 1.1764705882;
    margin-bottom: 10px;
  }
  .p-7c-howto .c-box-7c__content {
    flex-direction: column;
    gap: 12px;
  }
  .p-7c-howto .c-box-7c__item {
    max-width: 160px;
  }
  .p-7c-howto .c-box-7c__img {
    max-width: 160px;
    margin-bottom: 5px;
  }
  .p-7c-howto .c-box-7c__text {
    font-size: 13px;
    line-height: 1.5384615385;
  }
  .p-7c-howto .c-box-7c__or {
    font-size: 13px;
    line-height: 1.5384615385;
    margin-top: -32px;
  }
}
@media screen and (max-width: 767px) {
  .p-7c-howto .l-content {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .p-7c-howto .c-typo-xl {
    line-height: 1.1764705882;
    font-size: 17px;
    margin-top: 16px;
  }
  .p-7c-howto .c-content-howto .c-content-img {
    max-width: 306px;
    margin-inline: auto;
    width: 100%;
  }
  .p-7c-howto .c-content-howto-noticeBox {
    padding-top: 35px;
  }
  .p-7c-howto .c-content-howto-step {
    padding-top: 51px;
  }
  .p-7c-howto .c-content-noticeBox {
    margin-top: 42px;
  }
  .p-7c-howto .c-content-table, .p-7c-howto .c-content-step {
    margin-inline: -7px;
    margin-top: 24px;
  }
  .p-7c-howto .c-noticeBox {
    padding: 0;
  }
  .p-7c-howto .c-noticeBox__title {
    margin-bottom: 13px;
  }
  .p-7c-howto .c-list--disc {
    font-size: 13px;
    line-height: 1.6153846154;
  }
  .p-7c-howto .box-table-border-02 {
    border: none;
  }
  .p-7c-howto .table-cmn-01 th {
    padding: 8px 10px;
    display: table-cell;
    width: auto;
  }
  .p-7c-howto .table-cmn-01 tbody th {
    width: 103px;
    border-left: 1px solid #d4daea;
  }
  .p-7c-howto .table-cmn-01 td {
    padding: 12px 10px;
    display: table-cell;
    width: 62px;
  }
  .p-7c-howto .table-cmn-01 tr:last-child > th, .p-7c-howto .table-cmn-01 tr:last-child > td {
    border-bottom: 1px solid #d4daea;
  }
  .p-7c-howto .table-cmn-01 tr > td:last-child {
    border-right: 1px solid #d4daea;
  }
  .p-7c-howto .icon {
    font-size: 20px;
  }
  .p-7c-howto .list-card {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 103px;
  }
  .p-7c-howto .list-card__item {
    display: flex;
    gap: 6px;
    justify-content: center;
    width: 100%;
    flex-direction: column;
  }
  .p-7c-howto .list-card__item-img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-7c-howto .c-typo-xs-bold {
    font-size: 12px;
    line-height: 1.5;
  }
  .p-7c-howto .c-note-7c {
    font-size: 8px;
    line-height: 1.25;
    display: block;
    margin-top: 2px;
  }
  .p-7c-howto .c-bnr-qr__store {
    display: flex;
    gap: 16px;
    padding-top: 33px;
    justify-content: center;
    padding-left: 0;
    padding-right: 4px;
  }
  .p-7c-howto .c-bnr-qr__store a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 133px;
  }
  .p-7c-howto .c-bnr-qr__store a:last-child {
    max-width: 145px;
  }
  .p-7c-howto .box-step-02 .box-img-pc {
    width: 100%;
    max-width: 457px;
  }
  .p-7c-howto .box-step-02 .box-info .box-img-sp {
    width: 100%;
    float: none;
    margin-inline: auto;
    margin-top: 24px;
  }
  .p-7c-howto .box-step-02 .box-info.box-info-03 .box-img-sp {
    margin-top: 32px;
    max-width: 140px;
  }
  .p-7c-howto .box-step-02 .c-txt {
    font-size: 13px;
    line-height: 1.6153846154;
  }
  .p-7c-howto .howto__slider {
    padding-inline: 23px;
  }
  .p-7c-howto .c-slider .slick-slide {
    padding: 17px 13px;
    height: auto;
  }
  .p-7c-howto .c-slider .slick-track {
    display: flex;
    height: 100%;
  }
  .p-7c-howto .c-slider .slick-next {
    right: -16px;
  }
  .p-7c-howto .c-slider .slick-prev {
    left: -16px;
  }
  .p-7c-howto .c-slider figure {
    max-width: 241px;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin-inline: auto;
  }
  .p-7c-howto .c-slider .c-txt {
    font-size: 13px;
    line-height: 1.6153846154;
  }
  .p-7c-howto .box-cmn-border-01-howto {
    max-width: 960px;
    margin-inline: auto;
    padding: 0;
  }
  .p-7c-howto .box-cmn-border-01-howto .c-noticeBox {
    background-color: transparent;
    padding: 20px 10px;
  }
  .p-7c-howto .box-cmn-border-01-howto .c-noticeBox__title {
    margin-bottom: 26px;
  }
}/*# sourceMappingURL=style_renew.css.map */