@charset "UTF-8";
:root {
  --font-default: "Noto Sans JP", sans-serif;
  --font-base: "Noto Sans JP", sans-serif;
  --font-en: "Poppins", sans-serif;
  --font-montserrat: "Montserrat", sans-serif;
  --font-lato: "Lato", sans-serif;
  --font-quicksand: "Quicksand", sans-serif;
  --font-thin: 100 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-extralight: 200 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-light: 300 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-normal: 400 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-medium: 500 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-semibold: 600 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-bold: 700 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-extrabold: 800 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-black: 900 1em/var(--lh-base) "Noto Sans JP", sans-serif;
  --font-en-thin: 100 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-extralight: 200 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-light: 300 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-normal: 400 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-medium: 500 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-semibold: 600 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-bold: 700 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-extrabold: 800 1em/var(--lh-base) "Poppins", sans-serif;
  --font-en-black: 900 1em/var(--lh-base) "Poppins", sans-serif;
  --color-default: #2f2f2f;
  --color-text: #2f2f2f;
  --color-link: #1d3994;
  --color-base: #2f2f2f;
  --color-main: #2f2f2f;
  --color-main-100: rgba(47, 47, 47, 0.1);
  --color-main-200: rgba(47, 47, 47, 0.2);
  --color-main-300: rgba(47, 47, 47, 0.3);
  --color-main-400: rgba(47, 47, 47, 0.4);
  --color-main-500: rgba(47, 47, 47, 0.5);
  --color-main-600: rgba(47, 47, 47, 0.6);
  --color-main-700: rgba(47, 47, 47, 0.7);
  --color-main-800: rgba(47, 47, 47, 0.8);
  --color-main-900: rgba(47, 47, 47, 0.9);
  --color-black: #000;
  --color-black-100: rgba(0, 0, 0, 0.1);
  --color-black-200: rgba(0, 0, 0, 0.2);
  --color-black-300: rgba(0, 0, 0, 0.3);
  --color-black-400: rgba(0, 0, 0, 0.4);
  --color-black-500: rgba(0, 0, 0, 0.5);
  --color-black-600: rgba(0, 0, 0, 0.6);
  --color-black-700: rgba(0, 0, 0, 0.7);
  --color-black-800: rgba(0, 0, 0, 0.8);
  --color-black-900: rgba(0, 0, 0, 0.9);
  --color-gray: #999999;
  --color-gray-100: rgba(153, 153, 153, 0.1);
  --color-gray-200: rgba(153, 153, 153, 0.2);
  --color-gray-300: rgba(153, 153, 153, 0.3);
  --color-gray-400: rgba(153, 153, 153, 0.4);
  --color-gray-500: rgba(153, 153, 153, 0.5);
  --color-gray-600: rgba(153, 153, 153, 0.6);
  --color-gray-700: rgba(153, 153, 153, 0.7);
  --color-gray-800: rgba(153, 153, 153, 0.8);
  --color-gray-900: rgba(153, 153, 153, 0.9);
  --color-gray-01: #f7f5f5;
  --color-gray-02: #f5f5f5;
  --color-gray-03: #dcdcdc;
  --color-gray-04: #d2d2d2;
  --color-gray-05: #eeeeee;
  --color-gray-06: #c9c9c9;
  --color-gray-07: #dcdddd;
  --color-red: #F70000;
  --color-red-100: rgba(247, 0, 0, 0.1);
  --color-red-200: rgba(247, 0, 0, 0.2);
  --color-red-300: rgba(247, 0, 0, 0.3);
  --color-red-400: rgba(247, 0, 0, 0.4);
  --color-red-500: rgba(247, 0, 0, 0.5);
  --color-red-600: rgba(247, 0, 0, 0.6);
  --color-red-700: rgba(247, 0, 0, 0.7);
  --color-red-800: rgba(247, 0, 0, 0.8);
  --color-red-900: rgba(247, 0, 0, 0.9);
  --color-paleGrey: #f5f5f0;
  --color-lightYellowGrey: #ddddcc;
  --color-catBlu: #438ff4;
  --color-catGrn: #2eda83;
  --color-catOrn: #ff803b;
  --color-realEstate: #438ff4;
  --color-foreignEmployment: #2eda83;
  --color-hiroshimaForeigners: #ff803b;
  --color-blue: #387efa;
  --color-green: #6ab943;
  --color-yellow: #ffff00;
  --color-lightYellow: #f6f6ef;
  --color-lightYellow-1: #f6f5f0;
  --color-orange: #f39800;
  --color-pink: #ef6eae;
  --color-beige: #F8F0D3;
  --color-gradation-main: linear-gradient(90deg, rgb(175,235,161) 0%, rgb(100,229,179) 100%);
  --transition-fast-duration: 0.3s;
  --transition-fast-timing-function: ease-in-out;
  --transition-normal-duration: 0.6s;
  --transition-normal-timing-function: ease-in-out;
  --transition-slow-duration: 0.9s;
  --transition-slow-timing-function: ease-in-out;
  --lh-base: 1.65;
}

:root {
  --lh-base: 1.6;
}

html:has(body.modal-open) {
  overflow: hidden !important;
}

body.modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .sp\:w-auto {
    width: auto;
  }
}
.cpPoint5Content {
  margin-bottom: 120px;
  font-family: Noto Sans Japanese, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴシック, メイリオ, Meiryo, sans-serif;
  font-family: Noto Sans JP, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴシック, メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  line-height: 1.65;
  letter-spacing: 0.075em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #0b2a3a;
}
@media (max-width: 1240px) {
  .cpPoint5Content {
    margin-bottom: 15.3225806452vw;
    font-size: 1.2903225806vw;
  }
}
@media (max-width: 767px) {
  .cpPoint5Content {
    margin-bottom: 0;
    font-size: 4.2666666667vw;
  }
}
.cpPoint5Content.comp {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.cpPoint5Content.--pickup {
  background: #d9d9d9;
}
.cpPoint5Content :where(*) {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.cpPoint5Content :where(a) {
  all: unset;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cpPoint5Content :where(a):hover {
  text-decoration: none;
  opacity: 0.5;
}
.cpPoint5Content :where(.text-12) {
  font-size: min(12px, 1.2vw);
}
.cpPoint5Content :where(.red) {
  color: #cf0000;
}
.cpPoint5Content :where(.blu) {
  color: #418ca5;
}
.cpPoint5Content :where(.container) {
  max-width: 960px;
  margin-inline: auto;
}
.cpPoint5Content .side-margins {
  padding-inline: min(20px, 2vw);
}
@media (max-width: 767px) {
  .cpPoint5Content .side-margins {
    padding-inline: 4vw;
  }
}
.cpPoint5Content :where(.annotation) {
  font: var(--font-light);
  font-size: min(12px, 1.2vw);
  line-height: 1.65;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-top: 1.5em;
}
.cpPoint5Content :where(.annotation) a {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.3em;
}
.cpPoint5Content :where(.annotation) a:hover {
  text-decoration: underline;
}
.cpPoint5Content :where(ul.annotation) li {
  padding-left: 1em;
  position: relative;
}
.cpPoint5Content :where(ul.annotation) li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.cpPoint5Content :where(ul.annotation) li.red {
  color: #cf0000;
}
.cpPoint5Content :where(ul.annotation) li.red:before {
  color: #cf0000;
}

.cpPoint5Kv {
  padding-block: min(55px, 5.5vw);
  background: url(../img/point5_kv_bg.jpg) 50%/cover no-repeat;
}
@media (max-width: 767px) {
  .cpPoint5Kv {
    padding-block: 10.6666666667vw;
  }
}
@media (max-width: 767px) {
  .cpPoint5Kv .side-margins {
    padding-inline: 8vw;
  }
}
.cpPoint5Kv__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(64px, 6.4vw);
}
@media (max-width: 767px) {
  .cpPoint5Kv__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
  }
}
.cpPoint5Kv__img {
  width: min(360px, 36vw);
  -webkit-filter: drop-shadow(0 5px 30px rgba(190, 220, 231, 0.8));
          filter: drop-shadow(0 5px 30px rgba(190, 220, 231, 0.8));
}
@media (max-width: 767px) {
  .cpPoint5Kv__img {
    width: 33.3333333333vw;
  }
}
.cpPoint5Kv__text1 {
  font: var(--font-bold);
  font-size: 27px;
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-bottom: 0.2em;
}
@media (max-width: 767px) {
  .cpPoint5Kv__text1 {
    font-size: 5.0666666667vw;
    letter-spacing: 0.1em;
  }
}
.cpPoint5Kv__text1 .big {
  font-size: 38px;
}
@media (max-width: 767px) {
  .cpPoint5Kv__text1 .big {
    font-size: 6.6666666667vw;
  }
}
.cpPoint5Kv__textBlockImg {
  width: min(529px, 52.9vw);
}
@media (max-width: 767px) {
  .cpPoint5Kv__textBlockImg {
    width: calc(100% + 1.6vw);
  }
}

.cpPoint5TermLabel {
  padding-top: min(22px, 2.2vw);
  padding-bottom: min(20px, 1.6vw);
  background: #6ea9bd;
}
@media (max-width: 767px) {
  .cpPoint5TermLabel {
    padding-block: 4vw;
    padding-inline: 5.3333333333vw;
  }
}
.cpPoint5TermLabel__term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(20px, 2vw);
}
@media (max-width: 767px) {
  .cpPoint5TermLabel__term {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6vw;
  }
}
.cpPoint5TermLabel__termLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(150px, 15vw);
  height: min(40px, 4vw);
  padding-bottom: 0.1em;
  border-radius: min(20px, 2vw);
  background: #fff;
  font: var(--font-medium);
  font-size: min(24px, 2.4vw);
  letter-spacing: 0.12em;
  color: #418ca5;
}
@media (max-width: 767px) {
  .cpPoint5TermLabel__termLabel {
    width: 26.6666666667vw;
    height: 8vw;
    border-radius: 4vw;
    font-size: 4.5333333333vw;
  }
}
.cpPoint5TermLabel__termDate {
  font: var(--font-medium);
  font-size: min(30px, 3vw);
  letter-spacing: 0.1em;
  color: #fff;
}
@media (max-width: 767px) {
  .cpPoint5TermLabel__termDate {
    font-size: 4.2666666667vw;
    letter-spacing: 0.05em;
  }
}
.cpPoint5TermLabel__text {
  font: var(--font-light);
  font-size: 12px;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
  margin-top: 0.8em;
}
@media (max-width: 767px) {
  .cpPoint5TermLabel__text {
    font-size: 2.9333333333vw;
    text-align: left;
  }
}

.cpPoint5About {
  background: #fffaea;
  margin-bottom: min(72px, 7.2vw);
}
@media (max-width: 767px) {
  .cpPoint5About {
    margin-bottom: 10.6666666667vw;
  }
}
.cpPoint5About__title {
  font: var(--font-bold);
  line-height: 1;
  text-align: center;
  letter-spacing: 0.075em;
  margin-bottom: 3em;
}
@media (max-width: 767px) {
  .cpPoint5About__title {
    line-height: 1.2;
    margin-bottom: 2em;
  }
}
.cpPoint5About__title span {
  letter-spacing: 0.075em;
}
.cpPoint5About__titleBlk {
  font-size: min(30px, 3vw);
}
@media (max-width: 767px) {
  .cpPoint5About__titleBlk {
    font-size: 5.3333333333vw;
  }
}
.cpPoint5About__titleBlk .big {
  font-size: min(40px, 4vw);
}
@media (max-width: 767px) {
  .cpPoint5About__titleBlk .big {
    font-size: 6.6666666667vw;
  }
}
.cpPoint5About__titleRed {
  font-size: min(40px, 4vw);
  text-decoration: underline;
  text-decoration-color: #cf0000;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.45em;
  color: #cf0000;
}
@media (max-width: 767px) {
  .cpPoint5About__titleRed {
    font-size: 6.6666666667vw;
  }
}
.cpPoint5About__titleRed .big {
  font-size: min(50px, 5vw);
}
@media (max-width: 767px) {
  .cpPoint5About__titleRed .big {
    font-size: 6.6666666667vw;
  }
}
.cpPoint5About__titleRed .l {
  font-size: min(60px, 6vw);
}
@media (max-width: 767px) {
  .cpPoint5About__titleRed .l {
    font-size: 8vw;
  }
}
.cpPoint5About__titleRed .ll {
  font-size: min(80px, 8vw);
}
@media (max-width: 767px) {
  .cpPoint5About__titleRed .ll {
    font-size: 10.6666666667vw;
  }
}
.cpPoint5About__container {
  padding-block: min(80px, 8vw);
}
@media (max-width: 767px) {
  .cpPoint5About__container {
    padding-block: 9.6vw;
  }
}
.cpPoint5About__text {
  font: var(--font-bold);
  font-size: min(20px, 2vw);
  text-align: center;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  margin-bottom: min(56px, 5.6vw);
}
@media (max-width: 767px) {
  .cpPoint5About__text {
    font-size: 3.4666666667vw;
    line-height: 1.8;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    margin-bottom: 9.3333333333vw;
  }
}
@media (max-width: 767px) {
  .cpPoint5About__text .small {
    font-size: 2.6666666667vw;
  }
}
.cpPoint5About__text .blu {
  color: #418ca5;
}
.cpPoint5About__text .red {
  font-size: min(24px, 2.4vw);
  color: #cf0000;
}
@media (max-width: 767px) {
  .cpPoint5About__text .red {
    font-size: 4.5333333333vw;
  }
}
.cpPoint5About__base {
  padding: min(60px, 6vw);
  padding-block: min(56px, 5.6vw);
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 767px) {
  .cpPoint5About__base {
    padding: 6.6666666667vw 4vw;
    border-radius: 2.6666666667vw;
  }
}
.cpPoint5About__baseTitle {
  font: var(--font-bold);
  font-size: min(34px, 3.4vw);
  text-align: center;
  margin-bottom: 0.6em;
}
@media (max-width: 767px) {
  .cpPoint5About__baseTitle {
    font-size: 5.8666666667vw;
  }
}
.cpPoint5About__baseText {
  text-align: center;
}
@media (max-width: 767px) {
  .cpPoint5About__baseText {
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .cpPoint5About__baseText .red {
    font-size: 4.5333333333vw;
  }
}
.cpPoint5About__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(32px, 3.2vw);
}
@media (max-width: 767px) {
  .cpPoint5About__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
    margin-top: 3.7333333333vw;
  }
}
.cpPoint5About__listItem {
  width: min(260px, 26vw);
  padding-top: min(30px, 3vw);
  padding-bottom: min(24px, 2.4vw);
  border-radius: 10px;
  background: #eaf3f6;
  text-align: center;
}
@media (max-width: 767px) {
  .cpPoint5About__listItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6.6666666667vw;
    width: 100%;
    padding: 5.3333333333vw 6.6666666667vw;
  }
}
.cpPoint5About__listItemImg {
  width: min(160px, 16vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .cpPoint5About__listItemImg {
    width: 24vw;
  }
}
.cpPoint5About__listItemText {
  font: var(--font-medium);
  font-size: min(20px, 2vw);
  margin-top: 0.75em;
}
@media (max-width: 767px) {
  .cpPoint5About__listItemText {
    font-size: 4vw;
    text-align: left;
    margin-top: 0;
  }
}
.cpPoint5About__annotation {
  font: var(--font-light);
  font-size: min(12px, 1.2vw);
  line-height: 1.65;
  margin-top: 1.5em;
}
@media (max-width: 767px) {
  .cpPoint5About__annotation {
    font-size: 2.9333333333vw;
  }
}
@media (max-width: 767px) {
  .cpPoint5About__annotation .annotation {
    font-size: 0.95em;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.cpPoint5About__annotation .annotation * {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

.cpPoint5Cta {
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .cpPoint5Cta {
    margin-bottom: 9.6vw;
  }
}
.cpPoint5Cta__title {
  text-align: center;
}
.cpPoint5Cta__titleLabel {
  display: block;
  font: var(--font-bold);
  font-size: min(20px, 2vw);
  margin-bottom: -0.75em;
}
@media (max-width: 767px) {
  .cpPoint5Cta__titleLabel {
    font-size: 4vw;
    margin-bottom: 0.7em;
  }
}
.cpPoint5Cta__titleMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(20px, 2vw);
  font: var(--font-bold);
  font-size: min(34px, 3.4vw);
}
@media (max-width: 767px) {
  .cpPoint5Cta__titleMain {
    gap: 4vw;
    font-size: 5.8666666667vw;
    line-height: 8.5333333333vw;
    text-align: left;
  }
}
.cpPoint5Cta__titleMain .icon {
  width: min(80px, 8vw);
}
@media (max-width: 767px) {
  .cpPoint5Cta__titleMain .icon {
    width: 17.3333333333vw;
  }
}
.cpPoint5Cta__dlList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(30px, 3vw);
  margin-top: min(20px, 2vw);
}
@media (max-width: 767px) {
  .cpPoint5Cta__dlList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-block: 10.6666666667vw;
    border-radius: 2.6666666667vw;
    background: #f7f7f7;
    margin-top: 6.6666666667vw;
  }
}
.cpPoint5Cta__dlListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - min(30px, 3vw)) / 2);
  padding: min(20px, 2vw);
  padding-right: 0;
  border-radius: min(10px, 1vw);
  background: #f7f7f7;
}
@media (max-width: 767px) {
  .cpPoint5Cta__dlListItem {
    width: 100%;
    padding: 0;
    margin-bottom: 4vw;
  }
  .cpPoint5Cta__dlListItem:last-child {
    margin-bottom: 0;
  }
}
.cpPoint5Cta__dlListItem .qrWrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .cpPoint5Cta__dlListItem .qrWrap {
    display: none;
  }
}
.cpPoint5Cta__dlListItemImg {
  width: min(140px, 14vw);
}
.cpPoint5Cta__dlListItem .buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.cpPoint5Cta__dlListItemButton {
  width: min(190px, 19vw);
}
@media (max-width: 767px) {
  .cpPoint5Cta__dlListItemButton {
    width: 62.6666666667vw;
  }
}
.--google .cpPoint5Cta__dlListItemButton {
  width: min(234px, 23.4vw);
}
@media (max-width: 767px) {
  .--google .cpPoint5Cta__dlListItemButton {
    width: 62.6666666667vw;
  }
}
.cpPoint5Cta__annotation {
  font: var(--font-light);
  font-size: min(12px, 1.2vw);
  line-height: 1.65;
  margin-top: 1.5em;
}
@media (max-width: 767px) {
  .cpPoint5Cta__annotation {
    font-size: 2.9333333333vw;
  }
  .cpPoint5Cta__annotation .annotation {
    font-size: 1em;
    line-height: 1.4;
  }
}

.cpHowTo {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #f7f7f7;
  margin-bottom: min(80px, 8vw);
}
@media (max-width: 767px) {
  .cpHowTo {
    padding-block: 9.6vw;
  }
}
.cpHowTo__title {
  font: var(--font-bold);
  font-size: 34px;
  text-align: center;
}
@media (max-width: 767px) {
  .cpHowTo__title {
    font-size: 5.8666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
.cpHowTo__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media (max-width: 767px) {
  .cpHowTo__steps {
    gap: 8vw;
  }
}
.cpHowTo__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .cpHowTo__step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cpHowTo__step:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #cf0000 transparent transparent transparent;
  border-width: min(20px, 2vw) min(40px, 4vw) 0px min(40px, 4vw);
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .cpHowTo__step:after {
    border-width: 6.6666666667vw 13.3333333333vw 0px 13.3333333333vw;
  }
}
.cpHowTo__step:last-child:after {
  content: none;
}
.cpHowTo__stepHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(120px, 12vw);
  border-radius: 10px 0 0 10px;
  background: #fffaea;
}
@media (max-width: 767px) {
  .cpHowTo__stepHeader {
    width: 100%;
  }
}
.cpHowTo__stepCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font: var(--font-bold);
  font-size: min(20px, 2vw);
  line-height: 1.3;
  color: #cf0000;
}
@media (max-width: 767px) {
  .cpHowTo__stepCount {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.8vw;
    height: 13.3333333333vw;
    font-size: 4vw;
  }
}
.cpHowTo__stepCountNum {
  font-size: min(30px, 3vw);
}
@media (max-width: 767px) {
  .cpHowTo__stepCountNum {
    padding-bottom: 0.8vw;
    font-size: 5.3333333333vw;
  }
}
.cpHowTo__stepBody {
  width: 100%;
  padding: min(30px, 3vw);
  padding-top: min(32px, 3.2vw);
  border-radius: 0 10px 10px 0;
  background: #fff;
}
@media (max-width: 767px) {
  .cpHowTo__stepBody {
    padding-block: 5.3333333333vw;
    padding-inline: 4vw;
    padding-bottom: 6.6666666667vw;
  }
}
.cpHowTo__stepTitle {
  font: var(--font-medium);
  font-size: min(20px, 2vw);
  line-height: 1.75;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .cpHowTo__stepTitle {
    font-size: 4vw;
    line-height: 1.5;
    text-align: center;
  }
}
.cpHowTo__stepContent {
  margin-top: min(24px, 2.4vw);
}
@media (max-width: 767px) {
  .cpHowTo__stepContent {
    margin-top: 4vw;
  }
}
.cpHowTo__stepContent p a {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.3em;
}
.cpHowTo__stepContent p a:hover {
  text-decoration: underline;
}
.cpHowTo .step2__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(26px, 2.6vw);
  font: var(--font-light);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .cpHowTo .step2__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
  }
}
.cpHowTo .step2__content .red {
  font: var(--font-bold);
}
.cpHowTo__img1 {
  width: min(210px, 21vw);
}
@media (max-width: 767px) {
  .cpHowTo__img1 {
    width: 67.8666666667vw;
    margin-inline: auto;
  }
}
.cpHowTo__img2 {
  width: min(434px, 43.4vw);
}
@media (max-width: 767px) {
  .cpHowTo__img2 {
    width: 74vw;
    margin-inline: auto;
  }
}
.cpHowTo__img3 {
  width: min(729px, 72.9vw);
}
@media (max-width: 767px) {
  .cpHowTo__img3 {
    width: 84vw;
    margin-inline: auto;
  }
}
.cpHowTo__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(750px, 75vw);
  height: min(50px, 5vw);
  padding-right: min(20px, 2vw);
  border-radius: min(25px, 2.5vw);
  background: #0b2a3a;
  font: var(--font-bold);
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
  margin-inline: auto;
  margin-top: min(30px, 3vw);
  margin-bottom: min(36px, 3.6vw);
  position: relative;
}
@media (max-width: 767px) {
  .cpHowTo__button {
    width: 92vw;
    height: 20vw;
    border-radius: 10vw;
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    text-align: center;
    margin-top: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.cpHowTo__button:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: min(7px, 0.7vw) 0px min(7px, 0.7vw) min(9px, 0.9vw);
  position: absolute;
  top: 50%;
  right: min(20px, 2vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .cpHowTo__button:after {
    border-width: 2vw 0 2vw 2.6666666667vw;
    right: 4vw;
  }
}
.cpHowTo__button:visited, .cpHowTo__button:link {
  color: #fff;
}
@media (max-width: 767px) {
  .cpHowTo .annotation {
    font-size: 2.9333333333vw;
    line-height: 4vw;
    margin-top: 0;
  }
}
.cpHowTo .annotation a {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.3em;
}
.cpHowTo .annotation a:hover {
  text-decoration: underline;
}

.dlList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(30px, 3vw);
  margin-top: min(20px, 2vw);
}
@media (max-width: 767px) {
  .dlList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-block: 10.6666666667vw;
    background: #f7f7f7;
    margin-top: 4vw;
  }
}
.dlListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(340px, 34vw);
  padding: min(20px, 2vw);
  padding-right: 0;
  border-radius: min(10px, 1vw);
  background: #f7f7f7;
}
@media (max-width: 767px) {
  .dlListItem {
    width: 100%;
    padding: 0;
    margin-bottom: 6.6666666667vw;
  }
  .dlListItem:last-child {
    margin-bottom: 0;
  }
}
.dlListItem .qrWrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .dlListItem .qrWrap {
    display: none;
  }
}
.dlListItem__img {
  width: min(120px, 12vw);
}
.dlListItem .buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.dlListItem__button {
  width: min(130px, 13vw);
}
@media (max-width: 767px) {
  .dlListItem__button {
    width: 62.6666666667vw;
  }
}
.--google .dlListItem__button {
  width: min(160px, 16vw);
}
@media (max-width: 767px) {
  .--google .dlListItem__button {
    width: 62.6666666667vw;
  }
}

.cpPrecautions {
  margin-bottom: min(60px, 6vw);
}
@media (max-width: 767px) {
  .cpPrecautions {
    margin-bottom: 9.3333333333vw;
  }
}
.cpPrecautions__content {
  max-height: min(260px, 26vw);
  padding: min(30px, 3vw) 40px;
  border: 2px solid #546a75;
  font-size: min(12px, 1.2vw);
  line-height: 2;
  overflow: scroll;
}
@media (max-width: 767px) {
  .cpPrecautions__content {
    max-height: 60vw;
    padding: 4vw;
    padding-right: 6.6666666667vw;
    font-size: 2.9333333333vw;
  }
}
.cpPrecautions__content h5 {
  font: var(--font-bold);
  font-size: min(14px, 1.4vw);
  margin-top: 0.2em;
}
@media (max-width: 767px) {
  .cpPrecautions__content h5 {
    font-size: 3.2vw;
  }
}
.cpPrecautions__content p {
  font-size: min(12px, 1.2vw);
  line-height: 2;
  letter-spacing: 0;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
@media (max-width: 767px) {
  .cpPrecautions__content p {
    font-size: 2.9333333333vw;
  }
}
.cpPrecautions__content p b {
  font-size: 1.165em;
}
.cpPrecautions__content a {
  color: #0b2a3a;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.3em;
}
.cpPrecautions__content a:hover {
  text-decoration: underline;
}
.cpPrecautions__title {
  padding-bottom: 0.5em;
  font: var(--font-medium);
  font-size: min(20px, 2vw);
  letter-spacing: 0;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  color: #0054a1;
  text-align: center;
  margin-bottom: 0.5em;
  position: relative;
}
@media (max-width: 767px) {
  .cpPrecautions__title {
    font-size: 4vw;
  }
}
.cpPrecautions__title:after {
  content: "";
  display: block;
  width: min(80px, 8vw);
  height: 2px;
  background: #0054a1;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .cpPrecautions__title:after {
    width: 10.6666666667vw;
    height: 0.4vw;
  }
}

.cpPresent {
  margin-bottom: min(56px, 5.6vw);
}
@media (max-width: 767px) {
  .cpPresent {
    margin-bottom: 9.6vw;
  }
}
.cpPresent__title {
  font: var(--font-bold);
  font-size: min(24px, 2.4vw);
  text-align: center;
  color: #cf0000;
}
@media (max-width: 767px) {
  .cpPresent__title {
    font-size: 4.5333333333vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
.cpPresent__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(210px, 21vw);
  height: min(46px, 4.6vw);
  border-radius: min(23px, 2.3vw);
  background: #eaf3f6;
  font: var(--font-bold);
  font-size: min(20px, 2vw);
  letter-spacing: 0.1em;
  margin-inline: auto;
  margin-top: 0.75em;
  margin-bottom: min(30px, 3vw);
}
@media (max-width: 767px) {
  .cpPresent__label {
    width: 40vw;
    height: 8vw;
    border-radius: 4vw;
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }
}
.cpPresent__img {
  width: min(860px, 86vw);
  margin-inline: auto;
  margin-bottom: min(30px, 3vw);
}
@media (max-width: 767px) {
  .cpPresent__img {
    width: 92vw;
    margin-bottom: 4vw;
  }
}
.cpPresent__text {
  font: var(--font-medium);
  font-size: min(24px, 2.4vw);
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: min(16px, 1.6vw);
}
@media (max-width: 767px) {
  .cpPresent__text {
    font-size: 4.5333333333vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    margin-top: 2.1333333333vw;
  }
}

.cpYuyupoint {
  padding-block: min(50px, 5vw);
  background: #f7f7f7;
}
@media (max-width: 767px) {
  .cpYuyupoint {
    padding-block: 10.6666666667vw;
    padding-bottom: 13.3333333333vw;
  }
}
.cpYuyupoint__title {
  margin-bottom: min(15px, 1.5vw);
}
@media (max-width: 767px) {
  .cpYuyupoint__title {
    margin-bottom: 3.7333333333vw;
  }
}
.cpYuyupoint__titleImg {
  width: min(194px, 19.4vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .cpYuyupoint__titleImg {
    width: 45.8666666667vw;
  }
}
.cpYuyupoint__content {
  width: min(798px, 79.8vw);
  height: min(196px, 19.6vw);
  padding-top: min(32px, 3.2vw);
  background: url(../img/point5_yuyupoint_bg1.jpg) 50%/cover no-repeat;
  text-align: center;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .cpYuyupoint__content {
    width: 92vw;
    height: 57.7333333333vw;
    padding-top: 6.6666666667vw;
    background: url(../img/point5_yuyupoint_bg1@sp.jpg) 50%/cover no-repeat;
  }
}
.cpYuyupoint__contentTitle {
  font: var(--font-bold);
  letter-spacing: 0;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  color: #cf0000;
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  .cpYuyupoint__contentTitle {
    margin-bottom: 0.7em;
  }
}
.cpYuyupoint__contentText {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
@media (max-width: 767px) {
  .cpYuyupoint__contentText {
    font-size: 3.2vw;
    line-height: 5.8666666667vw;
  }
}
.cpYuyupoint__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(310px, 31vw);
  height: min(50px, 5vw);
  padding-right: min(20px, 2vw);
  border-radius: min(25px, 2.5vw);
  background: #0b2a3a;
  font: var(--font-bold);
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
  margin-inline: auto;
  margin-top: min(20px, 2vw);
  position: relative;
}
@media (max-width: 767px) {
  .cpYuyupoint__button {
    width: 92vw;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
    font-size: 3.4666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.cpYuyupoint__button:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: min(7px, 0.7vw) 0px min(7px, 0.7vw) min(9px, 0.9vw);
  position: absolute;
  top: 50%;
  right: min(20px, 2vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .cpYuyupoint__button:after {
    border-width: 2vw 0 2vw 2.6666666667vw;
    right: 4vw;
  }
}
.cpYuyupoint__button:visited, .cpYuyupoint__button:link {
  color: #fff;
}