@charset "UTF-8";
.font {
  font-family: "SST W01 Roman", sans-serif, "Helvetica Neue", Helvetica, Arial;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* =========================================================
  row = 自身（@includeした要素）
  col = 直下の子要素（> *）
  - 12グリッド固定
  - PC: span は1つだけ（例 4 → 3カラム）
  - SP: span は1つだけ（例 12 → 1カラム）
  - gap-x / gap-y もPC/SPで指定（任意）
  - ブレイクポイントも任意
========================================================= */
/* =========================================================
  使用例
  - PC: span 4（= 3カラム想定）
  - SP: span 12（= 1カラム）
  - gapもPC/SPで変える
========================================================= */
.featureBox {
  /* -----------------------------
    row（自身）を12グリッド化
  ----------------------------- */
  display: grid;
  /* 12等分グリッド固定 */
  grid-template-columns: repeat(12, minmax(0, 1fr));
  /* PCのgap */
  gap: 24px 24px;
  /* -----------------------------
    col（直下の子）を固定spanに
  ----------------------------- */
}
.featureBox > * {
  /* PC時の固定span */
  grid-column: span 4;
  /* はみ出し対策 */
  min-width: 0;
}
.featureBox {
  /* -----------------------------
    SP上書き（指定がある場合のみ）
  ----------------------------- */
}
@media (max-width: 767px) {
  .featureBox {
    /* SP gap（未指定ならPCを流用） */
    gap: 16px 16px;
  }
  .featureBox > * {
    /* SP時の固定span */
    grid-column: span 12;
  }
}

.s5-returnToTop {
  margin-top: 0;
}

.c5-nobr {
  display: inline-block;
  white-space: nowrap;
}

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

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

.c5-container {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  color: #2F353D;
  overflow-x: hidden;
}
.c5-container img:not([src$=".svg"]) {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .c5-container img:not([src$=".svg"]) {
    width: revert-layer;
  }
}
@media only screen and (max-width: 767px) {
  .c5-container img:not([src$=".svg"]) {
    max-width: 100%;
  }
}

.c5-media {
  --c5-media-gap: 60px;
  display: flex;
  flex-direction: row-reverse;
  gap: var(--c5-media-gap);
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .c5-media {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.c5-media.--imageRight {
  flex-direction: row;
}
.c5-media__body {
  flex: 1 1 auto;
  flex: 1;
  min-width: 0;
}
.c5-media__image {
  line-height: 0;
}
.c5-media__image > img {
  display: block;
}

.c5-note {
  font-weight: 300;
  font-size: 12px;
  line-height: 150%;
  color: #6E6E7E;
  padding-left: 1.2em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c5-note {
    font-size: 11px;
  }
}
.c5-note.--em {
  font-size: 15px;
  line-height: 160%;
  color: #C50000;
}
@media only screen and (max-width: 767px) {
  .c5-note.--em {
    font-size: 13px;
  }
}
.c5-note.--medium {
  font-size: 15px;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  .c5-note.--medium {
    font-size: 13px;
  }
}
.c5-note::before {
  content: "※";
  display: inline-block;
  width: 1.2em;
  position: relative;
  margin-left: -1.2em;
}

.c5-inner {
  box-sizing: content-box;
  padding: 0 40px;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .c5-inner {
    padding: 0 16px;
  }
}

.c5-firstView {
  overflow: hidden;
  position: relative;
}
.c5-firstView > .c5-inner {
  padding-top: 48px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .c5-firstView > .c5-inner {
    padding-bottom: 60px;
  }
}
.c5-firstView > .c5-inner > * {
  position: relative;
  z-index: 1;
}
.c5-firstView > .c5-inner::before,
.c5-firstView > .c5-inner::after, .c5-firstView::before, .c5-firstView::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  position: absolute;
  z-index: 0;
}
.c5-firstView > .c5-inner::before {
  width: 255px;
  height: 146px;
  background-image: url('data:image/svg+xml,<svg width="252" height="138" viewBox="0 0 252 138" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4165_516)"><mask id="mask0_4165_516" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-3" y="-8" width="317" height="146"><path d="M313.432 -8H-3V138H313.432V-8Z" fill="white"/></mask><g mask="url(%23mask0_4165_516)"><path d="M193.069 -47.5078L174.252 -58.0458C105.428 -51.3089 36.0209 -37.6722 -21.0535 -0.114593C-23.4801 1.48305 -26.0203 3.3025 -26.9691 6.20741C-27.9001 9.06411 -27.0933 12.3519 -26.2571 15.4072C-23.4675 25.5927 -24.7603 75.2428 -24.7603 75.2428L-6.89221 133.376C1.22633 133.494 9.34709 133.612 17.4421 133.455C24.561 133.317 31.7631 132.946 38.3419 130.568C44.9207 128.189 50.8963 123.548 53.5558 116.738C56.3445 109.598 55.314 100.736 59.0698 94.1862C61.5242 89.9048 65.5485 87.3561 70.0964 85.6607C77.4342 84.0559 84.5567 82.2193 90.9457 80.4477C102.122 77.3484 114.012 67.7647 116.366 60.3038C120.05 48.6232 111.421 46.7629 115.824 42.3337C120.95 37.1782 132.306 38.7942 136.732 38.4284C145.587 37.6955 154.841 37.0769 162.17 32.2617C169.499 27.4465 174.101 16.9377 169.856 8.13285C168.45 5.21893 166.113 2.27473 166.679 -0.770935C166.99 -2.44548 168.148 -3.71225 169.339 -4.78817C176.455 -11.2147 186.208 -13.9453 193.006 -20.7443C199.804 -27.5432 201.706 -41.8632 193.07 -47.5102" fill="%23C6E3F7"/></g></g><defs><clipPath id="clip0_4165_516"><rect width="255" height="146" fill="white" transform="translate(-3 -8)"/></clipPath></defs></svg>');
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .c5-firstView > .c5-inner::before {
    width: 190px;
  }
}
.c5-firstView > .c5-inner::after {
  width: 452px;
  height: 141px;
  background-image: url('data:image/svg+xml,<svg width="452" height="141" viewBox="0 0 452 141" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4165_522)"><mask id="mask0_4165_522" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="452" height="141"><path d="M452 0H0V141H452V0Z" fill="white"/></mask><g mask="url(%23mask0_4165_522)"><path d="M512.342 120.423C512.342 120.423 504.175 171.236 346.773 113.117C205.315 60.882 160.93 -50.0664 160.93 -50.0664H511.43L512.342 120.423Z" fill="%23BFDDAD"/><path d="M-22.1283 -31.8138C-22.1283 -31.8138 6.59159 45.9061 116.69 33.8513C238.383 20.5272 310.095 -93.6544 310.095 -93.6544L-22.1283 -31.8138Z" fill="%23FFF7A4"/></g></g><defs><clipPath id="clip0_4165_522"><rect width="452" height="141" fill="white"/></clipPath></defs></svg>');
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .c5-firstView > .c5-inner::after {
    width: 220px;
  }
}
.c5-firstView::before {
  width: 351px;
  height: 139px;
  background-image: url('data:image/svg+xml,<svg width="351" height="139" viewBox="0 0 351 139" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4127_1698)"><mask id="mask0_4127_1698" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="351" height="139"><path d="M351 0H0V139H351V0Z" fill="white"/></mask><g mask="url(%23mask0_4127_1698)"><path d="M511.456 402.401C511.456 402.401 626.345 345.202 388.142 165.433C134.236 -26.179 -92.5752 -3.38564 -92.5752 -3.38564L-90.3651 461.638H530.899L511.456 402.401Z" fill="%23F7C6BD"/></g></g><defs><clipPath id="clip0_4127_1698"><rect width="351" height="139" fill="white"/></clipPath></defs></svg>');
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .c5-firstView::before {
    width: 150px;
    background-position: 0 bottom;
  }
}
.c5-firstView::after {
  width: 255px;
  height: 146px;
  background-image: url('data:image/svg+xml,<svg width="389" height="207" viewBox="0 0 389 207" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4127_1692)"><mask id="mask0_4127_1692" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="446" height="207"><path d="M446 0H0V207H446V0Z" fill="white"/></mask><g mask="url(%23mask0_4127_1692)"><path d="M419.298 8.1299C383.174 22.7538 380.278 42.8375 363.554 52.0747C330.602 70.266 301.047 68.2169 293.441 69.4513C256.267 75.5283 174.001 69.5519 147.768 140.916C136.08 172.711 72.214 167.826 25.5999 186.257C-15.2914 202.427 6.97438 231.67 -19.8008 238.919C-28.4013 241.247 -34.342 243.012 -43.9762 244.236C-86.0086 250.261 -101.329 252.995 -114.823 275.213C-118.494 281.258 -121.194 288.113 -126.478 292.82C-137.243 302.411 -153.732 299.509 -168.019 301.511C-188.295 304.352 -205.919 318.386 -216.291 336.011C-226.663 353.637 -230.442 374.488 -230.589 394.93H-63.3149C-57.6897 401.614 -50.8713 407.198 -43.2059 411.398C-23.1796 422.332 0.538269 424.354 23.3394 423.391C46.1406 422.428 68.8324 418.722 91.6535 419.136C115.031 419.56 155.878 422.92 173.035 441.416C178.094 446.87 180.475 454.192 183.411 461.024C191.363 479.532 211.509 488.724 230.645 491.409C250.288 494.163 270.237 491.219 290.073 491.169C309.909 491.119 331.008 494.553 345.834 507.713C353.727 514.721 359.291 524.02 367.036 531.195C391.51 553.864 429.692 549.831 462.62 544.349L478.703 0.19363C466.666 -1.80041 446.655 -2.94555 419.298 8.1299Z" fill="%23C6E3F7"/></g></g><defs><clipPath id="clip0_4127_1692"><rect width="446" height="207" fill="white"/></clipPath></defs></svg>');
  bottom: -2.2%;
  right: -0.2235294118%;
}
@media only screen and (max-width: 767px) {
  .c5-firstView::after {
    width: 200px;
    background-position: 0 bottom;
  }
}

.c5-header__title {
  word-break: auto-phrase;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
  display: flex;
  flex-direction: column;
  margin: 0 0 80px;
}
@media only screen and (max-width: 767px) {
  .c5-header__title {
    margin-bottom: 30px;
  }
}
.c5-header__title span:first-child {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .c5-header__title span:first-child {
    font-size: 20px;
  }
}
.c5-header__title span:last-child {
  font-size: 40px;
}
@media only screen and (max-width: 767px) {
  .c5-header__title span:last-child {
    font-size: 30px;
  }
}

.c5-summaryBox {
  box-sizing: border-box;
  padding: 40px 60px;
  background: #F2F2F2;
  border-radius: 20px;
  display: flex;
  gap: 32px;
  flex-direction: row-reverse;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c5-summaryBox {
    flex-direction: column-reverse;
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 768px) {
  .c5-summaryBox__figure {
    max-width: 30%;
  }
}
.c5-summaryBox__cont {
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  flex: 1;
}
.c5-summaryBox__cont > * {
  margin: 0;
}
.c5-summaryBox__cont > *:not(:last-child) {
  margin-bottom: 10px;
}

.c5-explanationBox {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .c5-explanationBox {
    margin-top: 50px;
  }
}
.c5-explanationBox__title {
  text-align: center;
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 28px;
  line-height: 150%;
  letter-spacing: 0%;
}
@media only screen and (max-width: 767px) {
  .c5-explanationBox__title {
    margin-bottom: 40px;
    font-size: 22px;
  }
}
.c5-explanationBox__title > span {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}
.c5-explanationBox__title > span::before, .c5-explanationBox__title > span::after {
  content: "";
  display: block;
  width: 12px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url('data:image/svg+xml,<svg width="12" height="35" viewBox="0 0 12 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 1.5H4.5C2.84315 1.5 1.5 2.84315 1.5 4.5V30.5C1.5 32.1569 2.84315 33.5 4.5 33.5H10.5" stroke="%23CDB182" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .c5-explanationBox__title > span::before, .c5-explanationBox__title > span::after {
    width: 8px;
    height: 26px;
  }
}
.c5-explanationBox__title > span:before {
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.c5-explanationBox__title > span:after {
  right: 0;
  -webkit-transform: translate(100%, -50%) rotate(180deg);
          transform: translate(100%, -50%) rotate(180deg);
}
.c5-explanationBox__title .c5-explanationBox__note {
  margin-top: 1em;
}

.c5-flowBoxList {
  display: flex;
  gap: 60px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .c5-flowBoxList {
    flex-direction: column;
  }
}
.c5-flowBoxList .c5-flowBox {
  box-sizing: border-box;
  width: calc((100% - 120px) / 3);
}
@media only screen and (max-width: 767px) {
  .c5-flowBoxList .c5-flowBox {
    width: calc(100% - 50px);
  }
}
.c5-flowBoxList .c5-flowBox:not(:last-child) {
  position: relative;
}
.c5-flowBoxList .c5-flowBox:not(:last-child)::before {
  content: "";
  width: 60px;
  height: 100%;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 70% center;
  background-size: 31px auto;
  background-image: url('data:image/svg+xml,<svg width="25" height="55" viewBox="0 0 25 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.441 25.9273C25.0551 26.6677 25.0551 27.7405 24.441 28.4809L3.5394 53.6808C2.34372 55.1223 -2.73514e-06 54.2768 -2.65327e-06 52.4039L-4.50234e-07 2.00426C-3.68368e-07 0.131373 2.34372 -0.714113 3.53939 0.727442L24.441 25.9273Z" fill="%23CDB182"/></svg>');
}
@media only screen and (min-width: 768px) {
  .c5-flowBoxList .c5-flowBox:not(:last-child)::before {
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media only screen and (max-width: 767px) {
  .c5-flowBoxList .c5-flowBox:not(:last-child)::before {
    background-position: center center;
    background-size: 18px auto;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    -webkit-transform: translateY(90%) rotate(90deg);
            transform: translateY(90%) rotate(90deg);
  }
}

.c5-flowBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  gap: 20px;
  isolation: isolate;
  background: #fff;
  border: 3px solid #cdb182;
  border-radius: 20px;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .c5-flowBox {
    padding: 30px 20px 20px;
  }
}
.c5-flowBox p {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .c5-flowBox p {
    font-size: 13px;
  }
}
.c5-flowBox__icon {
  order: -1;
}
@media only screen and (max-width: 767px) {
  .c5-flowBox__icon img {
    max-width: 100px;
  }
}
.c5-flowBox__title {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #8C6E3E;
}
@media only screen and (max-width: 767px) {
  .c5-flowBox__title {
    font-size: 18px;
  }
}
.c5-flowBox__num {
  color: #2F353D;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 4px 20px 3px;
  gap: 4px;
  background: #cdb182;
  border: 3px solid #cdb182;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  font-family: Hiragino Kaku Gothic Pro;
}
.c5-flowBox__num > span {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}
.c5-flowBox a {
  color: #8C6E3E;
  text-decoration: underline;
  transition: all 0.4s;
}
@media only screen and (hover: none) and (min-width: 768px) {
  .c5-flowBox a:active, .c5-flowBox a:hover {
    opacity: 0.75;
  }
}
@media (hover: hover) {
  .c5-flowBox a:active, .c5-flowBox a:hover {
    opacity: 0.75;
  }
}

.c5-link {
  color: #8C6E3E;
  text-decoration: underline;
  transition: all 0.4s;
}
@media only screen and (hover: none) and (min-width: 768px) {
  .c5-link:active, .c5-link:hover {
    opacity: 0.75;
  }
}
@media (hover: hover) {
  .c5-link:active, .c5-link:hover {
    opacity: 0.75;
  }
}

.c5-contentsView {
  padding-top: 120px;
  padding-bottom: 240px;
  background: #F2F2F2;
}
@media only screen and (max-width: 767px) {
  .c5-contentsView {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}

.c5-imgRadius {
  border-radius: 10px;
  overflow: hidden;
}

.c5-row {
  --c5-row-gap-x: 20px;
  --c5-row-gap-y: 20px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--c5-row-gap-y) var(--c5-row-gap-x);
}
.c5-row__col {
  grid-column: span 12;
}
.c5-row__col.--col12 {
  grid-column: span 12;
}
.c5-row__col {
  /* 1カラム（全幅） */
}
.c5-row__col.--col6 {
  grid-column: span 6;
}
.c5-row__col {
  /* 2カラム */
}
.c5-row__col.--col4 {
  grid-column: span 4;
}
@media only screen and (max-width: 767px) {
  .c5-row__col.--col4 {
    grid-column: span 6;
  }
  .c5-row__col.--col4:last-child {
    grid-column: span 12;
  }
  .c5-row__col.--col4:last-child img {
    width: 100%;
  }
}
.c5-row__col {
  /* 3カラム */
}
.c5-row__col.--col3 {
  grid-column: span 3;
}
.c5-row__col {
  /* 4カラム */
}
.c5-row__col.--col2 {
  grid-column: span 2;
}
.c5-row__col {
  /* 6カラム */
}
.c5-row__col.--col1 {
  grid-column: span 1;
}
.c5-row__col {
  /* 12カラム */
  min-width: 0;
}

.c5-introductionBox {
  margin-bottom: 80px;
  font-weight: 600;
  font-size: 15px;
  line-height: 160%;
}
.c5-introductionBox:not(:first-of-type) {
  padding-top: 260px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c5-introductionBox:not(:first-of-type) {
    padding-top: 120px;
  }
}
.c5-introductionBox:not(:first-of-type)::before {
  content: "";
  display: block;
  width: 100vw;
  height: 260px;
  background-repeat: no-repeat;
  background-size: 100% 123px;
  background-position: center center;
  background-image: url(../images/border_wave.png);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
@media only screen and (max-width: 767px) {
  .c5-introductionBox:not(:first-of-type)::before {
    height: 120px;
    background-position: right 20% center;
    background-size: max(100%, 800px) 80px;
  }
}

.c5-introductionHead {
  padding-bottom: 16px;
  border-bottom: solid 3px #CDB182;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .c5-introductionHead {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.c5-introductionHead .c5-introductionTitle {
  word-break: auto-phrase;
  font-weight: 600;
  font-size: 28px;
  line-height: 150%;
  color: #000000;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .c5-introductionHead .c5-introductionTitle {
    font-size: 24px;
  }
}
.c5-introductionHead .c5-introductionTitle > span {
  font-size: 20px;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  .c5-introductionHead .c5-introductionTitle > span {
    font-size: 17px;
  }
}
.c5-introductionHead__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.c5-introductionHead__label {
  padding: 4px 20px;
  border-radius: 30px;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c5-introductionHead__label {
    font-size: 12px;
    padding: 4px 12px;
  }
}
.c5-introductionHead__label.--color01 {
  background: #F7C6BD;
}
.c5-introductionHead__label.--color02 {
  background: #FFF8A5;
}

.c5-introductionBody__cont > *:first-child {
  margin-top: 0;
}
.c5-introductionBody__cont > *:last-child {
  margin-bottom: 0;
}
.c5-introductionBody__cont p {
  margin: 20px 0;
}
.c5-introductionBody__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .c5-introductionBody__title {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 10px !important;
  }
}

.c5-box01 {
  background: white;
  padding-top: 48px 80px 60px;
  gap: 60px;
  border-radius: 16px;
}

.c5-experience {
  margin-top: 80px;
  padding: 48px 20px 58px;
  background: #fff;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .c5-experience {
    padding: 34px 20px;
  }
}
.c5-experience__inner {
  max-width: 1040px;
  margin: 0 auto;
}
.c5-experience__heading {
  word-break: auto-phrase;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.02em;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e6e6e6;
}
@media only screen and (max-width: 767px) {
  .c5-experience__heading {
    font-size: 18px;
  }
}
.c5-experience__body {
  margin-top: 28px;
}
.c5-experience__media--about {
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .c5-experience__media--about .c5-media__figure {
    margin-left: auto;
    margin-right: auto;
  }
}
.c5-experience__title {
  margin: 2px 0 10px;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.c5-experience__text {
  margin: 0;
  font-size: 15px;
  line-height: 160%;
}
.c5-experience__notes {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  color: #6E6E7E;
}
.c5-experience__notes .c5-note {
  margin: 0;
}
.c5-experience__notes .c5-note + .c5-note {
  margin-top: 6px;
}
.c5-experience__media--tour {
  margin-top: 54px;
  gap: 40px;
}
.c5-experience__tourTitle {
  margin: 0 0 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  word-break: auto-phrase;
}
.c5-experience__dl {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
}
.c5-experience__dl {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
  row-gap: 7px;
  align-items: start;
}
.c5-experience__row {
  display: contents;
}
.c5-experience__dt {
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
  position: relative;
  padding-right: 1.5em;
}
.c5-experience__dt::after {
  content: "：";
  display: inline-block;
  width: 1.5em;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.c5-experience__dd {
  margin: 0;
  min-width: 0;
}
.c5-experience__foot {
  margin: 14px 0 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
}

@media (max-width: 768px) {
  .c5-media {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .c5-experience__media--tour {
    align-items: start;
  }
  .c5-experience__logo {
    width: 180px;
  }
}
.c5-coupon {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .c5-coupon {
    margin-top: 120px;
  }
  .c5-coupon:not(:last-of-type) {
    margin-bottom: 60px;
  }
}
.c5-coupon:not(:has(.c5-coupon__panel)) {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .c5-coupon:not(:has(.c5-coupon__panel)) {
    margin-top: 40px;
  }
}

.c5-coupon__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: content-box;
}
@media only screen and (max-width: 767px) {
  .c5-coupon__inner {
    padding: 0;
  }
}

.c5-coupon__panel {
  display: block;
  position: relative;
  border: 3px solid #CDB182;
  border-radius: 999px;
  background: #fff;
  padding: 36px 30px 12px;
  text-decoration: none !important;
  transition: all 0.4s;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (hover: none) and (min-width: 768px) {
  .c5-coupon__panel:active, .c5-coupon__panel:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) {
  .c5-coupon__panel:active, .c5-coupon__panel:hover {
    opacity: 0.7;
  }
}

.c5-coupon__badge {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  padding: 12px 36px;
  border-radius: 999px;
  background: #CDB182;
  text-align: center;
  white-space: nowrap;
  font-weight: 600;
  font-size: 19px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #2F353D;
}
@media only screen and (min-width: 768px) {
  .c5-coupon__badge:has(br) {
    top: -20%;
  }
}
@media only screen and (max-width: 767px) {
  .c5-coupon__badge {
    width: 120%;
    max-width: 120%;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.7) translate(-50%, -90%);
            transform: scale(0.7) translate(-50%, -90%);
    word-break: auto-phrase;
    white-space: initial;
  }
}
.c5-coupon__badge::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #CDB182;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.c5-coupon__badgeStrong {
  font-size: 1.35em;
  font-weight: 800;
  margin: 0 2px;
  display: inline-block;
}

.c5-coupon__cta {
  text-decoration: none;
  color: #8C6E3E;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-align: center;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .c5-coupon__cta {
    word-break: auto-phrase;
  }
}

.c5-coupon__ctaText {
  display: inline-block;
  padding-right: 44px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 28px auto;
  background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="14" fill="%232F353D"/><path d="M11.4546 8.90918L16.5455 14.0001L11.4546 19.091" stroke="white" stroke-width="2" stroke-linejoin="round"/></svg>');
}

.c5-coupon__panel:focus-visible {
  outline: 3px solid rgba(201, 168, 115, 0.45);
  outline-offset: 6px;
  border-radius: 999px;
}

.c5-coupon__notes {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c5-coupon__notes {
    margin-top: 8px;
    gap: 2px;
  }
}
.c5-coupon__notes .c5-note {
  margin: 0;
}

.c5-coupon__note {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0 !important;
}

.c5-coupon__note--danger {
  color: #d00000;
  font-weight: 700;
}

.c5-coupon__links {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
}
@media only screen and (max-width: 767px) {
  .c5-coupon__links {
    margin-top: 20px;
    gap: 20px;
  }
}

.c5-coupon__linkBtn {
  padding: 24px 32px;
  padding-right: 25px;
  background: #fff;
  border-radius: 999px;
  text-decoration: none !important;
  color: #2F353D !important;
  font-weight: 700;
  transition: all 0.4s;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
}
@media only screen and (hover: none) and (min-width: 768px) {
  .c5-coupon__linkBtn:active, .c5-coupon__linkBtn:hover {
    opacity: 0.65;
  }
}
@media (hover: hover) {
  .c5-coupon__linkBtn:active, .c5-coupon__linkBtn:hover {
    opacity: 0.65;
  }
}
@media only screen and (max-width: 767px) {
  .c5-coupon__linkBtn {
    padding: 16px 24px 16px 32px;
  }
}

.c5-coupon__linkText {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  letter-spacing: 0.02em;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 22px auto;
  background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="14" fill="%232F353D"/><path d="M11.4546 8.90918L16.5455 14.0001L11.4546 19.091" stroke="white" stroke-width="2" stroke-linejoin="round"/></svg>');
  word-break: auto-phrase;
}

.c5-coupon__linkBtn:hover {
  -webkit-filter: brightness(0.98);
          filter: brightness(0.98);
}

.c5-coupon__linkBtn:focus-visible {
  outline: 3px solid rgba(47, 61, 73, 0.25);
  outline-offset: 4px;
  border-radius: 999px;
}

@media (max-width: 768px) {
  .c5-coupon__panel {
    padding: 18px 18px 10px;
  }
  .c5-coupon__cta {
    font-size: 18px;
  }
  .c5-coupon__links {
    grid-template-columns: 1fr;
  }
}
.c5-title02 {
  --border-color: #F7C6BD;
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 32px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--border-color);
}
@media only screen and (max-width: 767px) {
  .c5-title02 {
    font-size: 19px;
    margin-bottom: 18px;
    padding-bottom: 10px;
  }
}
* + .c5-title02 {
  margin-top: 60px;
}

.c5-list {
  --mark-color: #F7C6BD;
  padding-left: 0;
  list-style-type: none;
}
.c5-list li {
  list-style: none;
  padding-left: 1.4em;
  position: relative;
  font-weight: 300;
  font-size: 15px;
  line-height: 160%;
  letter-spacing: 0%;
}
.c5-list li:not(:first-child) {
  margin-top: 8px;
}
.c5-list li::before {
  content: "●";
  color: var(--mark-color);
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  position: relative;
}

.c5-recruitment {
  margin-top: 200px;
}
@media only screen and (max-width: 767px) {
  .c5-recruitment {
    margin-top: 80px;
  }
}
.c5-recruitment__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c5-recruitment__title {
    font-size: 22px;
  }
}
.c5-recruitment__title > span {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}
.c5-recruitment__title > span::before, .c5-recruitment__title > span::after {
  content: "";
  display: block;
  width: 12px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url('data:image/svg+xml,<svg width="12" height="35" viewBox="0 0 12 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 1.5H4.5C2.84315 1.5 1.5 2.84315 1.5 4.5V30.5C1.5 32.1569 2.84315 33.5 4.5 33.5H10.5" stroke="%23CDB182" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .c5-recruitment__title > span::before, .c5-recruitment__title > span::after {
    width: 8px;
    height: 26px;
  }
}
.c5-recruitment__title > span:before {
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.c5-recruitment__title > span:after {
  right: 0;
  -webkit-transform: translate(100%, -50%) rotate(180deg);
          transform: translate(100%, -50%) rotate(180deg);
}
.c5-recruitment__item {
  --rec-color:#F7C6BD;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .c5-recruitment__item {
    margin-top: 35px;
  }
}
.c5-recruitment__item .c5-title02 {
  border-bottom-color: var(--rec-color);
}
.c5-recruitment__item .c5-list li:before {
  color: var(--rec-color);
}
.c5-recruitment__item:nth-of-type(5n + 1) {
  --rec-color: #F7C6BD;
}
.c5-recruitment__item:nth-of-type(5n + 2) {
  --rec-color: #FFF8A5;
}
.c5-recruitment__item:nth-of-type(5n + 3) {
  --rec-color: #BFDDAD;
}
.c5-recruitment__item:nth-of-type(5n + 4) {
  --rec-color: #C6E3F7;
}
.c5-recruitment__item:nth-of-type(5n + 5) {
  --rec-color: #CDB182;
}

.c5-mv {
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 0%;
}
.c5-header + .c5-mv {
  margin-top: -30px;
}
@media only screen and (max-width: 767px) {
  .c5-header + .c5-mv {
    margin-top: -20px;
  }
}

.c5-mv__desc {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.c5-mv__desc > *:first-child {
  margin-top: 0;
}
.c5-mv__desc > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .c5-mv__desc p {
    font-size: 14px;
    line-height: 1.8;
  }
}