@charset "UTF-8";
@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
:root {
  --bg-color: #ffffff;
  --text-color: #121212;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #121212;
    --text-color: #f0f0f0;
  }
}

html {
  word-break: break-all;
  font-size: 100%;
}
@media (min-width: 768px) and (max-width: 1460px) {
  html {
    font-size: 1.095890411vw;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: min(3.7333333333vw, 20.5333333333px);
  }
}

body {
  font-size: 1rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  background-color: var(--bg-color);
  color: var(--text-color);
  -webkit-padding-before: 7rem;
          padding-block-start: 7rem;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 1rem;
    -webkit-padding-before: 8.3571428571rem;
            padding-block-start: 8.3571428571rem;
  }
}
body a {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
body img {
  inline-size: 100%;
  block-size: auto;
}

.Inner {
  max-width: 1460px;
  width: 100%;
  -webkit-padding-start: 1.875rem;
          padding-inline-start: 1.875rem;
  -webkit-padding-end: 1.875rem;
          padding-inline-end: 1.875rem;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
@media only screen and (max-width: 767px) {
  .Inner {
    -webkit-padding-start: 1.4285714286rem;
            padding-inline-start: 1.4285714286rem;
    -webkit-padding-end: 1.4285714286rem;
            padding-inline-end: 1.4285714286rem;
    max-width: 550px;
  }
}

.textTen {
  font-family: "ten-mincho", serif !important;
}

#wpadminbar {
  inset-block-start: auto !important;
  inset-block-end: 0 !important;
}

html {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 32px !important;
          margin-block-end: 32px !important;
}

@media screen and (max-width: 782px) {
  html {
    -webkit-margin-after: 46px !important;
            margin-block-end: 46px !important;
  }
}
header {
  inline-size: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}

.headerBG {
  inline-size: 100%;
  block-size: 7rem;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .headerBG {
    block-size: 8.3571428571rem;
  }
}

.HeaderWrap {
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: 1460px;
  margin-inline: auto;
  -webkit-padding-start: 9.375rem;
          padding-inline-start: 9.375rem;
  -webkit-padding-end: 7.5rem;
          padding-inline-end: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .HeaderWrap {
    -webkit-padding-start: 1.7142857143rem;
            padding-inline-start: 1.7142857143rem;
    -webkit-padding-end: 1.7142857143rem;
            padding-inline-end: 1.7142857143rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 0.7142857143rem;
  }
}

@media only screen and (max-width: 767px) {
  .HeaderTel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    font-size: 0.8571428571rem;
  }
}

@media only screen and (max-width: 767px) {
  .HeaderTel__Text {
    font-weight: 700;
  }
}

.HeaderTel__Number {
  font-size: 2rem;
  font-weight: 700;
  color: #0374ac;
}
@media only screen and (min-width: 768px) {
  .HeaderTel__Number {
    pointer-events: none;
  }
}
@media only screen and (max-width: 767px) {
  .HeaderTel__Number {
    font-size: 1.4285714286rem;
    text-box-trim: trim-both;
  }
}

.HeaderMailLink {
  inline-size: 100%;
  block-size: 100%;
}

.HeaderMailLink {
  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;
  inline-size: 23.25rem;
  block-size: 4.25rem;
  border-radius: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#1c93cf), to(#6a98fb));
  background: linear-gradient(to right, #1c93cf, #6a98fb);
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .HeaderMailLink {
    inline-size: 22.8571428571rem;
    block-size: 2.6428571429rem;
    font-size: 1rem;
  }
}

.Footer {
  inline-size: 100%;
  block-size: 8.625rem;
  background-color: #1c93cf;
  color: #fff;
  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;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .Footer {
    font-size: 0.8571428571rem;
    text-align: center;
  }
}

.ArrowsArea {
  width: 51.5rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5.75rem;
     -moz-column-gap: 5.75rem;
          column-gap: 5.75rem;
  color: #354256;
  -webkit-margin-before: 5.1875rem;
          margin-block-start: 5.1875rem;
  -webkit-margin-after: 6.875rem;
          margin-block-end: 6.875rem;
}

.PrevNavi,
.NextNavi {
  width: 22.875rem;
  height: 5rem;
  border-radius: 999px;
  border: 2px solid;
  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;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.PrevNavi:hover,
.NextNavi:hover {
  background-color: #354256;
  color: #fff;
}

.PrevNavi__p,
.NextNavi__p {
  opacity: 0.6;
  pointer-events: none;
}

.PrevNavi::after {
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  -webkit-border-before: 2px solid;
          border-block-start: 2px solid;
  -webkit-border-start: 2px solid;
          border-inline-start: 2px solid;
  position: absolute;
  top: 50%;
  left: 3.125rem;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.PrevNavi:hover::after,
.NextNavi:hover::after {
  border-color: #fff;
}

.NextNavi::after {
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  -webkit-border-before: 2px solid;
          border-block-start: 2px solid;
  -webkit-border-end: 2px solid;
          border-inline-end: 2px solid;
  position: absolute;
  top: 50%;
  right: 3.125rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.is-disabled {
  color: #ccc;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.list-pageNo {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .list-pageNo {
    margin-top: 6.4rem;
  }
}

.PageNumBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}

.page-numbers {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  padding-top: 0.9375rem;
  width: 3.125rem;
  height: 3.125rem;
  background: #fff;
  border: 0.0625rem solid #000;
}

.page-numbers.current {
  color: #fff;
  background: #000;
}

.page-numbers.dots {
  border: none;
}

.PageNumBox div {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 0.21875rem;
  border: 1px solid #000;
  position: relative;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media only screen and (max-width: 767px) {
  .PageNumBox div {
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 0.21875rem;
  }
}
.PageNumBox div:hover {
  opacity: 0.5;
}

.PageNumBox div:nth-of-type(1) {
  background-color: #000;
  color: #fff;
}

.PageNumBox div:nth-of-type(4) {
  border: none;
}

.PageNumBox div p,
.PageNumBox div a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.625rem 0.9375rem;
}

.Breadcrumb {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}

.Breadcrumb_List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .Breadcrumb_List {
    row-gap: unset;
  }
}

.Breadcrumb_Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  color: #fff;
  line-height: 2.3333333333;
}
@media only screen and (max-width: 767px) {
  .Breadcrumb_Item {
    font-size: 0.8571428571rem;
    line-height: unset;
  }
}

.Breadcrumb_Item:not(:last-child)::after {
  content: ">";
  margin-left: min(0.6849315068vw, 10px);
  color: #fff;
  font-family: sans-serif;
  -ms-flex-item-align: center;
      align-self: center;
}

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

.Breadcrumb_Item a:hover {
  text-decoration: underline;
}

.Breadcrumb_List--white .Breadcrumb_Item {
  color: #000;
}

.Breadcrumb_List--white .Breadcrumb_Item:not(:last-child)::after {
  color: #000;
}

.FV {
  inline-size: 100%;
  position: relative;
}

.FVContent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}
@media only screen and (max-width: 767px) {
  .FVContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.FVContent__text {
  font-size: 2rem;
  font-weight: 700;
  -webkit-margin-after: 0.625rem;
          margin-block-end: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .FVContent__text {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .FVContent__text.sp {
    -webkit-margin-before: 1.4285714286rem;
            margin-block-start: 1.4285714286rem;
  }
}

.FVContent__text span {
  display: block;
  background-color: #fff;
  -webkit-padding-end: 0.625rem;
          padding-inline-end: 0.625rem;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
@media only screen and (max-width: 767px) {
  .FVContent__text span {
    margin-inline: auto;
  }
}

@media only screen and (max-width: 767px) {
  .FVContent__text.FVContent__text--first span {
    -webkit-padding-start: 0.7142857143rem;
            padding-inline-start: 0.7142857143rem;
  }
}

.FVContent h1 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
  -webkit-margin-before: 1.875rem;
          margin-block-start: 1.875rem;
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .FVContent h1 {
    font-size: 2.4285714286rem;
  }
}

.FVContent h1 span {
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#d6a310), to(#0374ac));
  background: linear-gradient(to right, #d6a310, #0374ac);
  white-space: nowrap;
}

.FVCardWrap {
  inline-size: 16.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .FVCardWrap {
    inline-size: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 0.2857142857rem;
       -moz-column-gap: 0.2857142857rem;
            column-gap: 0.2857142857rem;
  }
}

.FVCard {
  inline-size: 100%;
}
@media only screen and (max-width: 767px) {
  .FVCard {
    inline-size: 11.2857142857rem;
  }
}

.CTAWrap__FV {
  font-size: 2rem;
  font-weight: 700;
  color: #ff0000;
  text-align: center;
  line-height: 1.40625;
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
  -webkit-padding-after: 3.5rem;
          padding-block-end: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .CTAWrap__FV {
    inline-size: 100%;
    max-inline-size: 550px;
    margin-inline: auto;
    padding-inline: 1.7142857143rem;
    font-size: 1.1428571429rem;
  }
}

.CTAWrap__FV p span {
  position: relative;
}

.CTAWrap__FV p span::before {
  display: block;
  content: "";
  inline-size: 2.5rem;
  block-size: 0.1875rem;
  background-color: #ff0000;
  position: absolute;
  top: 50%;
  left: -2.8125rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 767px) {
  .CTAWrap__FV p span::before {
    inline-size: 1.4285714286rem;
    block-size: 0.1428571429rem;
    left: -1.7857142857rem;
  }
}

.CTAWrap__FV p span::after {
  display: block;
  content: "";
  inline-size: 2.5rem;
  block-size: 0.1875rem;
  background-color: #ff0000;
  position: absolute;
  top: 50%;
  right: -2.8125rem;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 767px) {
  .CTAWrap__FV p span::after {
    inline-size: 1.4285714286rem;
    block-size: 0.1428571429rem;
    right: -1.7857142857rem;
  }
}

.Card-CTA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: 52.8125rem;
  block-size: 10.3125rem;
  border-radius: 1.875rem;
  background: -webkit-gradient(linear, left top, right top, from(#1c93cf), to(#6a98fb));
  background: linear-gradient(to right, #1c93cf, #6a98fb);
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  margin-inline: auto;
  -webkit-margin-before: 0.875rem;
          margin-block-start: 0.875rem;
  -webkit-box-shadow: 5px 6px 0px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 5px 6px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media only screen and (max-width: 767px) {
  .Card-CTA {
    inline-size: 22.8571428571rem;
    block-size: 4.8571428571rem;
    margin-inline: auto;
    border-radius: 1.1428571429rem;
    font-size: 1.1428571429rem;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.Card-CTA:hover {
  -webkit-transform: translate(5px, 6px);
          transform: translate(5px, 6px);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media only screen and (max-width: 767px) {
  .Card-CTA:hover {
    -webkit-transform: none;
            transform: none;
  }
}

.Card-CTA span {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .Card-CTA span {
    font-size: 1rem;
  }
}

.Concern {
  inline-size: 100%;
}

.ConcernBG {
  background-color: rgba(28, 147, 207, 0.5);
  -webkit-padding-before: 3.5rem;
          padding-block-start: 3.5rem;
  -webkit-padding-after: 4.75rem;
          padding-block-end: 4.75rem;
}
@media only screen and (max-width: 767px) {
  .ConcernBG {
    -webkit-padding-start: 3.4285714286rem;
            padding-inline-start: 3.4285714286rem;
    -webkit-padding-end: 2.8571428571rem;
            padding-inline-end: 2.8571428571rem;
    -webkit-padding-after: 0.5714285714rem;
            padding-block-end: 0.5714285714rem;
  }
}

.ConcernBG h2 {
  font-size: 3.4375rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4545454545;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .ConcernBG h2 {
    font-size: 1.1428571429rem;
  }
}

.ConcernContent {
  position: relative;
  max-inline-size: 75rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .ConcernContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.4285714286rem;
  }
}

.ConcernTextWrap {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4.5625rem;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .ConcernTextWrap {
    position: static;
    row-gap: 0.5714285714rem;
  }
}

.ConcernTextWrap__left {
  left: calc(50% - 36.125rem);
  top: 5.625rem;
}

.ConcernTextWrap__right {
  left: calc(50% + 14.8125rem);
  top: 7.75rem;
}

.ConcernTextWrap p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8125;
}
@media only screen and (max-width: 767px) {
  .ConcernTextWrap p {
    inline-size: 20rem;
    block-size: 5.7142857143rem;
    margin-inline: auto;
    border: 1px solid #fff;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-before: 1.1428571429rem;
            padding-block-start: 1.1428571429rem;
    -webkit-padding-start: 2.7142857143rem;
            padding-inline-start: 2.7142857143rem;
  }
}

.ConcernIllust {
  inline-size: 41.5625rem;
}
@media only screen and (max-width: 767px) {
  .ConcernIllust {
    inline-size: 100%;
  }
}

.ConcernIllust img {
  inline-size: 100%;
  block-size: auto;
}

.ConcernContentText {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8125;
  -webkit-margin-before: 0.625rem;
          margin-block-start: 0.625rem;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .ConcernContentText {
    text-align: left;
    inline-size: 20rem;
    block-size: 5.7142857143rem;
    margin-inline: auto;
    border: 1px solid #fff;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-before: 1.1428571429rem;
            padding-block-start: 1.1428571429rem;
    -webkit-padding-start: 2.7142857143rem;
            padding-inline-start: 2.7142857143rem;
  }
}

.ConcernBottom {
  inline-size: 100%;
  position: relative;
}

.ConcernBottom__text {
  font-size: 3.4375rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .ConcernBottom__text {
    font-size: 1.1428571429rem;
    line-height: 1.4;
  }
}

.SolutionTop h2 {
  font-size: 3.5rem;
  font-weight: 900;
  color: #0374ac;
  text-align: center;
  padding-block: 2.1875rem;
}
@media only screen and (max-width: 767px) {
  .SolutionTop h2 {
    font-size: 1.1428571429rem;
    padding-block: 2.7142857143rem;
  }
}

.solutionTopBG {
  background-color: #f8f8f8;
  -webkit-padding-before: 4rem;
          padding-block-start: 4rem;
  -webkit-padding-after: 4rem;
          padding-block-end: 4rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .solutionTopBG {
    -webkit-padding-before: 1.7142857143rem;
            padding-block-start: 1.7142857143rem;
  }
}

.SolutionIllust {
  position: absolute;
  right: calc(50% - 37.5rem);
  bottom: 0;
  inline-size: 25rem;
  pointer-events: none;
}

.SolutionIllust img {
  inline-size: 100%;
  block-size: auto;
}

.SolutionTopContent {
  inline-size: 100%;
  max-inline-size: 1008px;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 3.375rem;
     -moz-column-gap: 3.375rem;
          column-gap: 3.375rem;
  row-gap: 2.5rem;
  position: relative;
  z-index: 1;
}

.SolutionCard {
  inline-size: 29.8125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border-radius: 0.625rem;
  -webkit-padding-before: 2.1875rem;
          padding-block-start: 2.1875rem;
  -webkit-padding-after: 4.0625rem;
          padding-block-end: 4.0625rem;
}
@media only screen and (max-width: 767px) {
  .SolutionCard {
    -webkit-padding-before: 2.5714285714rem;
            padding-block-start: 2.5714285714rem;
  }
}

.SolutionCard__header {
  background-color: #1c93cf;
  inline-size: 24.5rem;
  block-size: 5rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .SolutionCard__header {
    inline-size: 100%;
    block-size: 5.7142857143rem;
  }
}

.SolutionCard__header h3 {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .SolutionCard__header h3 {
    font-size: 2.1428571429rem;
  }
}

.SolutionCard__body {
  padding-inline: 2.6875rem;
  -webkit-margin-before: 1.875rem;
          margin-block-start: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.SolutionCard__info {
  font-size: 1rem;
  color: #000;
  line-height: 1.875;
}
@media only screen and (max-width: 767px) {
  .SolutionCard__info {
    -webkit-padding-start: 2.2857142857rem;
            padding-inline-start: 2.2857142857rem;
    line-height: normal;
  }
}

.SolutionCard__monthlySave {
  font-size: 2rem;
  font-weight: 700;
  color: #ff0000;
  -webkit-margin-before: 0.625rem;
          margin-block-start: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .SolutionCard__monthlySave {
    font-size: 2.1428571429rem;
    text-align: center;
  }
}

.SolutionCard__annualWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}

.SolutionCard__annualLabel {
  background-color: #d6a310;
  color: #fff;
  inline-size: 2.1875rem;
  block-size: 9.875rem;
  font-size: 1rem;
  font-weight: 500;
  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;
  text-align: center;
  letter-spacing: 0.25rem;
}

.SolutionCard__annualText {
  -webkit-padding-start: 0.9375rem;
          padding-inline-start: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.SolutionCard__annualBefore {
  font-size: 1rem;
  color: #000;
  line-height: 1.5;
  white-space: pre-wrap;
}

.SolutionCard__annualSave {
  font-size: 2rem;
  font-weight: 700;
  color: #ff0000;
  -webkit-margin-before: 0.375rem;
          margin-block-start: 0.375rem;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .SolutionCard__annualSave {
    font-size: 2.1428571429rem;
  }
}

.SolutionCard__chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.6875rem;
     -moz-column-gap: 0.6875rem;
          column-gap: 0.6875rem;
  -webkit-margin-before: 3.75rem;
          margin-block-start: 3.75rem;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.SolutionCard__chart {
  inline-size: 15.4375rem;
  margin-inline: auto;
}

.SolutionIllustWrap {
  inline-size: 29.8125rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .SolutionIllustWrap {
    inline-size: 100%;
  }
}

.SolutionIllustContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .SolutionIllustContent {
    position: static;
  }
}

.SolutionIllustWrap__text p {
  display: inline-block;
  font-size: 3.4375rem;
  font-weight: 700;
  color: #ff0000;
  line-height: 1.9636363636;
  white-space: nowrap;
  background-color: #fff;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  padding-inline: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIllustWrap__text p {
    font-size: 2.1428571429rem;
    display: block;
    line-height: 1.1;
    padding-inline: unset;
    -webkit-margin-after: unset;
            margin-block-end: unset;
    background-color: unset;
    -webkit-margin-start: 2.2857142857rem;
            margin-inline-start: 2.2857142857rem;
  }
}

.SolutionIllustWrap__image {
  inline-size: 29.5rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIllustWrap__image {
    inline-size: 23.4285714286rem;
    margin-inline: auto;
  }
}

/* ========================================================
   Solution Bottom
======================================================== */
.SolutionBottom {
  inline-size: 100%;
}

/* 1. 導入セクション */
.SolutionIntro {
  background-color: #d6a310;
  -webkit-padding-before: 6.75rem;
          padding-block-start: 6.75rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .SolutionIntro {
    -webkit-padding-before: 2.2857142857rem;
            padding-block-start: 2.2857142857rem;
    -webkit-padding-after: 4rem;
            padding-block-end: 4rem;
  }
}

.SolutionIntro__container {
  max-inline-size: 63rem;
  margin-inline: auto;
}

.SolutionIntro__container h2 {
  font-size: 3.4375rem;
  font-weight: 700;
  text-align: center;
  -webkit-margin-after: 4.25rem;
          margin-block-end: 4.25rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIntro__container h2 {
    font-size: 1.1428571429rem;
    -webkit-margin-after: unset;
            margin-block-end: unset;
  }
}

.SolutionIntro__content {
  inline-size: 100%;
}

.SolutionIntro__textWrap {
  inline-size: 100%;
}

.SolutionIntro__desc {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIntro__desc {
    font-size: 1.1428571429rem;
    line-height: 1.7857142857;
  }
}

.SolutionIntro__list {
  font-size: 2rem;
  font-weight: 700;
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIntro__list {
    font-size: 1.1428571429rem;
  }
}

.SolutionIntro__imageWrap {
  inline-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-margin-before: -12.5rem;
          margin-block-start: -12.5rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIntro__imageWrap {
    -webkit-margin-before: 2rem;
            margin-block-start: 2rem;
  }
}

.SolutionIntro__card {
  inline-size: 15.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #fff;
}

.SolutionIntro__card.marginInline {
  -webkit-margin-start: 1.25rem;
          margin-inline-start: 1.25rem;
}

.SolutionIntro__illust {
  inline-size: 31.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .SolutionIntro__illust {
    inline-size: 21.4285714286rem;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
    margin-inline: auto;
  }
}

/* 2. メリットセクション */
.SolutionMerit {
  inline-size: 100%;
  max-inline-size: 1134px;
  margin-inline: auto;
  padding-block: 5rem;
}
@media only screen and (max-width: 767px) {
  .SolutionMerit {
    padding-block: unset;
    -webkit-margin-before: 1.7142857143rem;
            margin-block-start: 1.7142857143rem;
  }
}

.SolutionMerit__container {
  inline-size: 100%;
}

.SolutionMerit__container h2 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .SolutionMerit__container h2 {
    font-size: 1.1428571429rem;
  }
}

.SolutionMerit__list {
  inline-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1rem;
  -webkit-margin-before: 3.75rem;
          margin-block-start: 3.75rem;
}

.SolutionMeritItem {
  inline-size: 100%;
  block-size: 9.25rem;
  background-color: #fff;
  border-radius: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-padding-start: 8.0625rem;
          padding-inline-start: 8.0625rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0374ac;
}
@media only screen and (max-width: 767px) {
  .SolutionMeritItem {
    block-size: 10.5714285714rem;
    font-size: 1.1428571429rem;
    line-height: 1.2;
    -webkit-padding-start: 2.8571428571rem;
            padding-inline-start: 2.8571428571rem;
    -webkit-padding-end: 2rem;
            padding-inline-end: 2rem;
  }
}

.SolutionMeritItem h3 {
  white-space: nowrap;
}

/* 3. 削減の理由セクション */
.ReasonBG {
  background-color: #f8f8f8;
  -webkit-padding-before: 3.125rem;
          padding-block-start: 3.125rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
}
@media only screen and (max-width: 767px) {
  .ReasonBG {
    -webkit-padding-before: 1.7142857143rem;
            padding-block-start: 1.7142857143rem;
    -webkit-padding-after: 0.8571428571rem;
            padding-block-end: 0.8571428571rem;
  }
}

.ReasonInner h2 {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #d6a310;
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .ReasonInner h2 {
    font-size: 1.1428571429rem;
  }
}

.ReasonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
  inline-size: 100%;
  max-inline-size: 1200px;
  margin-inline: auto;
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}

.ReasonCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-padding-before: 3.125rem;
          padding-block-start: 3.125rem;
  -webkit-padding-after: 2.625rem;
          padding-block-end: 2.625rem;
  -webkit-padding-start: 3.125rem;
          padding-inline-start: 3.125rem;
  -webkit-padding-end: 3.125rem;
          padding-inline-end: 3.125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .ReasonCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
}

.ReasonCard.paddingShort {
  -webkit-padding-end: 2.75rem;
          padding-inline-end: 2.75rem;
}
@media only screen and (max-width: 767px) {
  .ReasonCard.paddingShort {
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
}

.ReasonCard__image {
  inline-size: 31.6875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .ReasonCard__image {
    inline-size: 100%;
    -webkit-margin-before: 2.2857142857rem;
            margin-block-start: 2.2857142857rem;
  }
}

.ReasonCard__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ReasonCard__title {
  font-size: 2rem;
  font-weight: 700;
  color: #d6a310;
}
@media only screen and (max-width: 767px) {
  .ReasonCard__title {
    font-size: 1.1428571429rem;
    text-align: center;
  }
}

.ReasonCard__text {
  font-size: 1.5rem;
  line-height: 1.875;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .ReasonCard__text {
    font-size: 1.1428571429rem;
    line-height: 1.7142857143;
    padding-inline: 0.7142857143rem;
  }
}

/* 4. 診断・CVセクション */
.DiagnosisBG {
  background-color: #f8f8f8;
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
}
@media only screen and (max-width: 767px) {
  .DiagnosisBG {
    -webkit-padding-before: 1rem;
            padding-block-start: 1rem;
    -webkit-padding-after: 0.8571428571rem;
            padding-block-end: 0.8571428571rem;
  }
}

.Diagnosis__title {
  font-size: 3.375rem;
  font-weight: 900;
  color: #ff0000;
  text-align: center;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .Diagnosis__title {
    font-size: 1.1428571429rem;
  }
}

.Diagnosis__content {
  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;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .Diagnosis__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
  }
}

.Diagnosis__check {
  inline-size: 29.4375rem;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .Diagnosis__check {
    inline-size: 100%;
    -webkit-padding-before: 3rem;
            padding-block-start: 3rem;
    -webkit-padding-after: 3rem;
            padding-block-end: 3rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2.2857142857rem;
    position: relative;
  }
}

@media only screen and (min-width: 768px) {
  .Diagnosis__check::after {
    display: none;
  }
}
.Diagnosis__check::after {
  display: block;
  content: "";
  position: absolute;
  inset-block-end: -3.3571428571rem;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  block-size: 3.4285714286rem;
  inline-size: 2.8571428571rem;
  background-color: #fff;
  clip-path: polygon(50% 0, 0 0, 0 100%);
}

.Diagnosis__check li {
  background-color: #fff;
  color: #0374ac;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
  -webkit-margin-after: 0.6875rem;
          margin-block-end: 0.6875rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .Diagnosis__check li {
    font-size: 1.1428571429rem;
    text-align: center;
    -webkit-margin-after: unset;
            margin-block-end: unset;
    padding: unset;
    background-color: unset;
  }
}

.Diagnosis__check li:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.Diagnosis__check li::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -3.4375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  block-size: 1.9375rem;
  inline-size: 3.4375rem;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
@media only screen and (max-width: 767px) {
  .Diagnosis__check li::after {
    display: none;
  }
}

.Diagnosis__illust {
  inline-size: 34.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .Diagnosis__illust {
    inline-size: 90%;
    margin-inline: auto;
    -webkit-margin-before: 2.2857142857rem;
            margin-block-start: 2.2857142857rem;
  }
}

.Diagnosis__desc {
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  -webkit-margin-start: 10.5rem;
          margin-inline-start: 10.5rem;
  font-size: 2rem;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
  -webkit-margin-before: 3.5rem;
          margin-block-start: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .Diagnosis__desc {
    font-size: 1.1428571429rem;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
}

.Diagnosis__ctaWrap {
  text-align: center;
}

.Diagnosis__ctaLabel {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1c93cf;
  -webkit-margin-after: 0.625rem;
          margin-block-end: 0.625rem;
}

.Diagnosis__ctaLabel.sp {
  font-size: 1.1428571429rem;
  color: #ff0000;
}

/* ========================================================
   Point & Card Details Section
======================================================== */
.Point {
  inline-size: 100%;
}

.PointBG {
  background-color: #f8f8f8;
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
}
@media only screen and (max-width: 767px) {
  .PointBG {
    -webkit-padding-before: 2.5714285714rem;
            padding-block-start: 2.5714285714rem;
    -webkit-padding-after: 0.8571428571rem;
            padding-block-end: 0.8571428571rem;
  }
}

.Point__container {
  max-inline-size: 73.75rem;
  margin-inline: auto;
}

.PointTitle {
  text-align: center;
  -webkit-margin-after: 3.75rem;
          margin-block-end: 3.75rem;
  font-size: 3.4375rem;
  font-weight: 900;
  color: #0374ac;
  line-height: 1.2727272727;
}
@media only screen and (max-width: 767px) {
  .PointTitle {
    font-size: 1.1428571429rem;
  }
}

.PointTitle span {
  font-size: 2rem;
  color: #121212;
  display: block;
}
@media only screen and (max-width: 767px) {
  .PointTitle span {
    font-size: 1.1428571429rem;
  }
}

.PointCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .PointCardWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
  }
}

.PointCard {
  background-color: #fff;
  -webkit-padding-before: 1.875rem;
          padding-block-start: 1.875rem;
  -webkit-padding-after: 1.875rem;
          padding-block-end: 1.875rem;
  -webkit-padding-start: 1.875rem;
          padding-inline-start: 1.875rem;
  -webkit-padding-end: 1.875rem;
          padding-inline-end: 1.875rem;
  inline-size: 36rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .PointCard {
    inline-size: 22.8571428571rem;
    margin-inline: auto;
    padding-inline: unset;
    -webkit-padding-after: 5.1428571429rem;
            padding-block-end: 5.1428571429rem;
  }
}

.PointCard__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .PointCard__title {
    font-size: 1.1428571429rem;
  }
}

.PointCard__image {
  inline-size: 28.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .PointCard__image {
    inline-size: 95%;
  }
}

.PointCard__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.75rem;
  -webkit-margin-before: 6rem;
          margin-block-start: 6rem;
}
@media only screen and (max-width: 767px) {
  .PointCard__list {
    -webkit-margin-before: 2.2857142857rem;
            margin-block-start: 2.2857142857rem;
  }
}

.PointCard__item {
  padding-block: 0.875rem;
  padding-inline: 1.125rem;
}

.PointCard--green .PointCard__item {
  background-color: #d6a310;
}

.PointCard--gold .PointCard__item {
  background-color: #c2f78c;
}

.PointCard__item dt {
  font-size: 0.875rem;
  font-weight: 700;
  display: block;
  -webkit-margin-after: 0.375rem;
          margin-block-end: 0.375rem;
}
@media only screen and (max-width: 767px) {
  .PointCard__item dt {
    font-size: 1.1428571429rem;
  }
}

.PointCard__item dd {
  font-weight: 500;
  line-height: 1.5714285714;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media only screen and (max-width: 767px) {
  .PointCard__item dd {
    font-size: 1.1428571429rem;
    font-weight: 700;
    line-height: 1.2;
  }
}

.PointFooterText {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #ff0000;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .PointFooterText {
    font-size: 1.1428571429rem;
    line-height: 1.2;
  }
}

.PointFooterText.PointFooterText__sp {
  -webkit-margin-before: 1.4285714286rem;
          margin-block-start: 1.4285714286rem;
}

/* ========================================================
   Card Detail Section
======================================================== */
.CardDetail__container {
  max-inline-size: 75rem;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-before: 3rem;
          margin-block-start: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 3.75rem;
}

/* ─── ETC法人カード ─── */
.CardDetail--corporate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* トップ（白背景）セクション */
.CardDetail__topSection {
  background-color: #fff;
  -webkit-padding-before: 3.75rem;
          padding-block-start: 3.75rem;
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
  -webkit-padding-start: 5.375rem;
          padding-inline-start: 5.375rem;
  -webkit-padding-end: 5.375rem;
          padding-inline-end: 5.375rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__topSection {
    inline-size: 22.8571428571rem;
    margin-inline: auto;
    padding-inline: unset;
  }
}

.CardDetail__title {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #d6a310;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .CardDetail__title {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__header--gold h2 {
  color: #d6a310;
}

.CardDetail__header__image {
  inline-size: 28.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-inline: auto;
  -webkit-margin-before: 2.75rem;
          margin-block-start: 2.75rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__header__image {
    inline-size: 95%;
  }
}

.CardDetail__intro {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
  -webkit-margin-before: 2.75rem;
          margin-block-start: 2.75rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__intro {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
  }
}

.CardDetail__introNote {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6666666667;
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}

.CardDetail__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  list-style: disc;
  -webkit-padding-start: 3rem;
          padding-inline-start: 3rem;
  -webkit-margin-before: 2.75rem;
          margin-block-start: 2.75rem;
}

.CardDetail__features li {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
}
@media only screen and (max-width: 767px) {
  .CardDetail__features li {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
  }
}

/* 活用事例（例1・例2） */
.CardDetail__useWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.CardDetail__useItem {
  background-color: rgba(214, 163, 16, 0.3);
  -webkit-padding-before: 3.125rem;
          padding-block-start: 3.125rem;
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
  -webkit-padding-start: 5.375rem;
          padding-inline-start: 5.375rem;
  -webkit-padding-end: 5.375rem;
          padding-inline-end: 5.375rem;
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useItem {
    inline-size: 22.8571428571rem;
    margin-inline: auto;
    padding-inline: unset;
  }
}

.CardDetail__useItem h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useItem h3 {
    font-size: 1.1428571429rem;
    text-align: center;
  }
}

.CardDetailContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.375rem;
     -moz-column-gap: 2.375rem;
          column-gap: 2.375rem;
}
@media only screen and (max-width: 767px) {
  .CardDetailContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.4285714286rem;
  }
}

.CardDetail__useReview {
  inline-size: 28rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useReview {
    inline-size: 100%;
  }
}

.CardDetail__useMerit {
  background-color: #fff;
  border: 3px solid #ff0000;
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useMerit {
    -webkit-padding-start: 1.1428571429rem;
            padding-inline-start: 1.1428571429rem;
    -webkit-padding-end: 1.1428571429rem;
            padding-inline-end: 1.1428571429rem;
  }
}

.CardDetail__useDemerit {
  background-color: #fff;
  border: 3px solid #1c93cf;
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
  -webkit-padding-end: 0.75rem;
          padding-inline-end: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useDemerit {
    -webkit-padding-start: 1.1428571429rem;
            padding-inline-start: 1.1428571429rem;
    -webkit-padding-end: 1.1428571429rem;
            padding-inline-end: 1.1428571429rem;
  }
}

.CardDetail__useMerit h4 {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: #ff0000;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useMerit h4 {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__useDemerit h4 {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: #1c93cf;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useDemerit h4 {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__useMerit p {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: justify;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useMerit p {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__useDemerit p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .CardDetail__useDemerit p {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__useRed,
p.CardDetail__useRed {
  color: #ff0000;
}

.CardDetail__useImage {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* 多様な利用スタイル */
.CardDetail__style {
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
  -webkit-padding-start: 5.375rem;
          padding-inline-start: 5.375rem;
  -webkit-padding-end: 5.375rem;
          padding-inline-end: 5.375rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__style {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
    -webkit-padding-after: unset;
            padding-block-end: unset;
  }
}

.CardDetail__style h3 {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #d6a310;
  text-align: center;
  line-height: 1.4545454545;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__style h3 {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__style p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875;
  color: #000;
  max-inline-size: 63.9375rem;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
@media only screen and (max-width: 767px) {
  .CardDetail__style p {
    inline-size: 22.8571428571rem;
    line-height: 1.5625;
    margin-inline: auto;
    font-size: 1.1428571429rem;
  }
}

/* ─── ETCコーポレートカード ─── */
.CardDetail--corporate2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* トップ（白背景）セクション */
.CardDetail--corporate2 .CardDetail__topSection {
  background-color: #fff;
  -webkit-padding-before: 3.75rem;
          padding-block-start: 3.75rem;
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
  -webkit-padding-start: 5.375rem;
          padding-inline-start: 5.375rem;
  -webkit-padding-end: 5.375rem;
          padding-inline-end: 5.375rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail--corporate2 .CardDetail__topSection {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
}

.CardDetail--corporate2 .CardDetail__title--green {
  color: #5be362;
}

.CardDetail__header__text {
  -webkit-margin-before: 2.75rem;
          margin-block-start: 2.75rem;
}

.CardDetail__header__text p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__header__text p {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
    -webkit-margin-after: unset;
            margin-block-end: unset;
    padding-inline: 0.7142857143rem;
  }
}

/* 割引セクション */
.CardDetail__discountSection {
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__discountSection {
    inline-size: 22.8571428571rem;
    margin-inline: auto;
    -webkit-padding-before: 2.2857142857rem;
            padding-block-start: 2.2857142857rem;
    -webkit-padding-end: 2.2857142857rem;
            padding-inline-end: 2.2857142857rem;
  }
}

.CardDetail__discountTitle {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #5be362;
  text-align: center;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__discountTitle {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__discountDesc {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875;
  color: #000;
  max-inline-size: 63.9375rem;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-after: 3.75rem;
          margin-block-end: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__discountDesc {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
  }
}

.CardDetail__vehicleTitle {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__vehicleTitle {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__tableWrap {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  inline-size: 100%;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

.CardDetail__table {
  inline-size: 100%;
  border-collapse: collapse;
  -webkit-margin-after: 0rem;
          margin-block-end: 0rem;
}

.CardDetail__table thead tr {
  background-color: #5be362;
}

.CardDetail__table th {
  inline-size: 50%;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
  -webkit-padding-end: 1.25rem;
          padding-inline-end: 1.25rem;
  border: 1px solid #000;
}
@media only screen and (max-width: 767px) {
  .CardDetail__table th {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__tablePrice {
  -webkit-padding-start: 3.5rem;
          padding-inline-start: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .CardDetail__tablePrice {
    -webkit-padding-start: 1.4285714286rem;
            padding-inline-start: 1.4285714286rem;
  }
}

.CardDetail__tableDiscount {
  -webkit-padding-start: 7.5rem;
          padding-inline-start: 7.5rem;
}

@media only screen and (max-width: 767px) {
  .CardDetail__table .CardDetail__tableDiscount {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-before: 2.8571428571rem;
            padding-block-start: 2.8571428571rem;
    text-align: center;
  }
}

tbody tr td:first-child {
  -webkit-padding-start: 3.5rem;
          padding-inline-start: 3.5rem;
}
@media only screen and (max-width: 767px) {
  tbody tr td:first-child {
    -webkit-padding-start: 1.4285714286rem;
            padding-inline-start: 1.4285714286rem;
  }
}

tbody tr td:last-child {
  -webkit-padding-start: 7.5rem;
          padding-inline-start: 7.5rem;
}
@media only screen and (max-width: 767px) {
  tbody tr td:last-child {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    text-align: center;
  }
}

.CardDetail__table td {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
  -webkit-padding-end: 1.25rem;
          padding-inline-end: 1.25rem;
  border: 1px solid #000;
}
@media only screen and (max-width: 767px) {
  .CardDetail__table td {
    font-size: 1.1428571429rem;
  }
}

.CardDetail__tableNote {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
  color: #000;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}

.CardDetail__condition {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
}

.CardDetail__conditionTitle {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

.CardDetail__conditionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.CardDetail__conditionList li {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
  color: #000;
}

/* PointCTA */
.PointCTA__container {
  max-inline-size: 75rem;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  text-align: center;
  -webkit-padding-start: 5.375rem;
          padding-inline-start: 5.375rem;
  -webkit-padding-end: 5.375rem;
          padding-inline-end: 5.375rem;
}
@media only screen and (max-width: 767px) {
  .PointCTA__container {
    inline-size: 22.8571428571rem;
    margin-inline: auto;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
}

.PointCTA__catch {
  font-size: 2rem;
  font-weight: 700;
  color: #1c93cf;
  line-height: 1.40625;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .PointCTA__catch {
    font-size: 1.1428571429rem;
    -webkit-margin-after: 1.1428571429rem;
            margin-block-end: 1.1428571429rem;
  }
}

.PointCTA__note {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
  color: #000;
  -webkit-margin-before: 6.25rem;
          margin-block-start: 6.25rem;
}
@media only screen and (max-width: 767px) {
  .PointCTA__note {
    font-size: 1.1428571429rem;
    -webkit-margin-before: 2.2857142857rem;
            margin-block-start: 2.2857142857rem;
  }
}

/* ========================================================
   FAQ Section (page-test / page-etc) 
======================================================== */
.FaqSection {
  background-color: #f8f8f8;
  padding-block: 5rem;
}
@media only screen and (max-width: 767px) {
  .FaqSection {
    background-color: rgba(28, 147, 207, 0.5);
  }
}

.FaqHeading {
  font-size: 3rem;
  font-weight: 900;
  color: #0374ac;
  text-align: center;
  -webkit-margin-after: 3.75rem;
          margin-block-end: 3.75rem;
  line-height: 1.25;
}
@media only screen and (max-width: 767px) {
  .FaqHeading {
    font-size: min(2.1917808219vw, 32px);
    -webkit-margin-after: min(2.7397260274vw, 40px);
            margin-block-end: min(2.7397260274vw, 40px);
  }
}

.FaqContainer {
  max-inline-size: 63rem;
  margin-inline: auto;
  -webkit-margin-after: 3.125rem;
          margin-block-end: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .FaqContainer {
    -webkit-margin-after: min(2.7397260274vw, 40px);
            margin-block-end: min(2.7397260274vw, 40px);
  }
}

.FaqCategoryTitle {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1c93cf;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
  -webkit-padding-after: 0.9375rem;
          padding-block-end: 0.9375rem;
  -webkit-border-after: 3px solid #1c93cf;
          border-block-end: 3px solid #1c93cf;
}
@media only screen and (max-width: 767px) {
  .FaqCategoryTitle {
    font-size: min(1.3698630137vw, 20px);
    -webkit-margin-after: min(1.3698630137vw, 20px);
            margin-block-end: min(1.3698630137vw, 20px);
    -webkit-padding-after: min(0.6849315068vw, 10px);
            padding-block-end: min(0.6849315068vw, 10px);
    border-block-end-width: min(0.1369863014vw, 2px);
  }
}

.FaqList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .FaqList {
    row-gap: min(1.0273972603vw, 15px);
  }
}

.FaqListItem {
  background-color: #fff;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  padding-block: 1.875rem;
  padding-inline: 2.5rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .FaqListItem {
    border-radius: min(0.5479452055vw, 8px);
    padding-block: min(1.3698630137vw, 20px);
    padding-inline: min(1.3698630137vw, 20px);
  }
}

.FaqListItem:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.FaqQuestion {
  font-size: 1.375rem;
  font-weight: 700;
  color: #d6a310;
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
  line-height: 1.5454545455;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-box: trim-both cap alphabetic;
}
@media only screen and (max-width: 767px) {
  .FaqQuestion {
    font-size: min(1.095890411vw, 16px);
    -webkit-margin-after: min(1.0273972603vw, 15px);
            margin-block-end: min(1.0273972603vw, 15px);
  }
}

.FaqAnswer {
  font-size: 1.125rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7777777778;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
  -webkit-border-before: 1px dashed #e0e0e0;
          border-block-start: 1px dashed #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-box: trim-both cap alphabetic;
}
@media only screen and (max-width: 767px) {
  .FaqAnswer {
    font-size: min(0.9589041096vw, 14px);
    -webkit-padding-before: min(1.0273972603vw, 15px);
            padding-block-start: min(1.0273972603vw, 15px);
  }
}

/* ========================================================
   FAQ Card (single-card layout)
======================================================== */
.FaqCard {
  background-color: #fff;
  border-radius: 1.25rem;
  max-inline-size: 70.875rem;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
  -webkit-padding-before: 2.1875rem;
          padding-block-start: 2.1875rem;
  -webkit-padding-after: 2.1875rem;
          padding-block-end: 2.1875rem;
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
  -webkit-padding-end: 2.5rem;
          padding-inline-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .FaqCard {
    border-radius: 0.8571428571rem;
    -webkit-margin-after: 1.4285714286rem;
            margin-block-end: 1.4285714286rem;
    -webkit-padding-before: 1.7857142857rem;
            padding-block-start: 1.7857142857rem;
    -webkit-padding-after: 1.4285714286rem;
            padding-block-end: 1.4285714286rem;
    -webkit-padding-start: 1.4285714286rem;
            padding-inline-start: 1.4285714286rem;
    -webkit-padding-end: 1.4285714286rem;
            padding-inline-end: 1.4285714286rem;
  }
}

.FaqCard__title {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  line-height: 1.40625;
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .FaqCard__title {
    font-size: 1.1428571429rem;
    -webkit-margin-after: 1.4285714286rem;
            margin-block-end: 1.4285714286rem;
    text-align: center;
  }
}

.FaqCard__qa {
  -webkit-margin-before: 3.75rem;
          margin-block-start: 3.75rem;
  -webkit-padding-before: 3.75rem;
          padding-block-start: 3.75rem;
  -webkit-border-before: 1.5px solid #1c93cf;
          border-block-start: 1.5px solid #1c93cf;
}
@media only screen and (max-width: 767px) {
  .FaqCard__qa {
    -webkit-margin-before: 1.4285714286rem;
            margin-block-start: 1.4285714286rem;
    -webkit-padding-before: 1.4285714286rem;
            padding-block-start: 1.4285714286rem;
    -webkit-border-before: 0.2142857143rem solid #1c93cf;
            border-block-start: 0.2142857143rem solid #1c93cf;
  }
}

.FaqCard__qa:nth-child(1 of .FaqCard__qa) {
  -webkit-border-before: none;
          border-block-start: none;
  -webkit-margin-before: unset;
          margin-block-start: unset;
  -webkit-padding-before: unset;
          padding-block-start: unset;
}

.FaqCard__question {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  line-height: 1.875;
}
@media only screen and (max-width: 767px) {
  .FaqCard__question {
    font-size: 1.1428571429rem;
  }
}

.FaqCard__answer {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  line-height: 1.875;
}
@media only screen and (max-width: 767px) {
  .FaqCard__answer {
    font-size: 1.1428571429rem;
  }
}

.FaqCard__divider {
  border: none;
  -webkit-border-before: 1.5px solid #1c93cf;
          border-block-start: 1.5px solid #1c93cf;
  -webkit-margin-before: 2.1875rem;
          margin-block-start: 2.1875rem;
  -webkit-margin-after: 2.1875rem;
          margin-block-end: 2.1875rem;
}
@media only screen and (max-width: 767px) {
  .FaqCard__divider {
    -webkit-margin-before: 1.4285714286rem;
            margin-block-start: 1.4285714286rem;
    -webkit-margin-after: 1.4285714286rem;
            margin-block-end: 1.4285714286rem;
  }
}

/* ========================================================
   Change Section
======================================================== */
.Change {
  inline-size: 100%;
}

.ChangeBG {
  position: relative;
  -webkit-padding-before: 2.75rem;
          padding-block-start: 2.75rem;
  -webkit-padding-after: 2.75rem;
          padding-block-end: 2.75rem;
}

.ChangeBG > picture > img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

.ChangeContent {
  position: relative;
  z-index: 1;
  max-inline-size: 70.875rem;
  margin-inline: auto;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.25rem;
  -webkit-padding-before: 4.625rem;
          padding-block-start: 4.625rem;
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
  -webkit-padding-start: 7.9375rem;
          padding-inline-start: 7.9375rem;
  -webkit-padding-end: 7.9375rem;
          padding-inline-end: 7.9375rem;
}
@media only screen and (max-width: 767px) {
  .ChangeContent {
    inline-size: 22.8571428571rem;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
    background-color: unset;
    -webkit-padding-before: unset;
            padding-block-start: unset;
    -webkit-padding-after: unset;
            padding-block-end: unset;
  }
}

.ChangeContent h2 {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #1c93cf;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .ChangeContent h2 {
    font-size: 1.1428571429rem;
    text-align: center;
  }
}

.ChangeText {
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  line-height: 1.5625;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .ChangeText {
    font-size: 1.1428571429rem;
    -webkit-margin-after: 1.4285714286rem;
            margin-block-end: 1.4285714286rem;
  }
}

.ChangeText.ChangeTextLast {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.ChangeList {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-margin-after: 1.875rem;
          margin-block-end: 1.875rem;
}

.ChangeList li {
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  line-height: 1.5625;
  position: relative;
  -webkit-padding-start: 2.25rem;
          padding-inline-start: 2.25rem;
}
@media only screen and (max-width: 767px) {
  .ChangeList li {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
    -webkit-padding-start: 1.1428571429rem;
            padding-inline-start: 1.1428571429rem;
  }
}

.ChangeList li::before {
  content: "・";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
}

.ChangeCTAText {
  -webkit-margin-before: 6.25rem;
          margin-block-start: 6.25rem;
  font-size: 2rem;
  font-weight: 700;
  color: #1c93cf;
  text-align: center;
  line-height: 1.5625;
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .ChangeCTAText {
    font-size: 1.1428571429rem;
    -webkit-margin-before: 1.4285714286rem;
            margin-block-start: 1.4285714286rem;
  }
}

/* ========================================================
   Flow Section
======================================================== */
.Flow {
  inline-size: 100%;
}

.FlowBG {
  background-color: #d6a310;
  -webkit-padding-before: 6.6875rem;
          padding-block-start: 6.6875rem;
  -webkit-padding-after: 6.25rem;
          padding-block-end: 6.25rem;
}
@media only screen and (max-width: 767px) {
  .FlowBG {
    -webkit-padding-before: 2.5714285714rem;
            padding-block-start: 2.5714285714rem;
    -webkit-padding-after: 2.8571428571rem;
            padding-block-end: 2.8571428571rem;
  }
}

.FlowInner {
  max-inline-size: 70.875rem;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

.FlowInner h2 {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  -webkit-margin-after: 2.75rem;
          margin-block-end: 2.75rem;
}
@media only screen and (max-width: 767px) {
  .FlowInner h2 {
    font-size: 1.1428571429rem;
  }
}

.FlowInner h2 span {
  display: block;
  font-size: 2.5625rem;
}
@media only screen and (max-width: 767px) {
  .FlowInner h2 span {
    font-size: 1.1428571429rem;
  }
}

.FlowList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-margin-after: 5rem;
          margin-block-end: 5rem;
}

.FlowListItem {
  background-color: #fff;
  border-radius: 1.25rem;
  -webkit-padding-before: 1.875rem;
          padding-block-start: 1.875rem;
  -webkit-padding-after: 1.875rem;
          padding-block-end: 1.875rem;
  -webkit-padding-start: 5rem;
          padding-inline-start: 5rem;
  -webkit-padding-end: 5rem;
          padding-inline-end: 5rem;
}
@media only screen and (max-width: 767px) {
  .FlowListItem {
    inline-size: 22.8571428571rem;
    margin-inline: auto;
    -webkit-padding-start: 1.4285714286rem;
            padding-inline-start: 1.4285714286rem;
    -webkit-padding-end: 1.4285714286rem;
            padding-inline-end: 1.4285714286rem;
  }
}

.FlowListItem dt {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  line-height: 1.40625;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .FlowListItem dt {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
  }
}

.FlowListItem dd {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  line-height: 1.875;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media only screen and (max-width: 767px) {
  .FlowListItem dd {
    font-size: 0.8571428571rem;
    line-height: 2.0833333333;
  }
}

.FlowListArrow {
  display: block;
  inline-size: 5.1875rem;
  margin-inline: auto;
}

.FlowListArrow img {
  inline-size: 100%;
  block-size: auto;
}

.FlowBottom {
  text-align: center;
}

.FlowBottom__title {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #000;
  line-height: 1.0909090909;
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .FlowBottom__title {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
  }
}

.FlowBottom__text {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  line-height: 1.40625;
}
@media only screen and (max-width: 767px) {
  .FlowBottom__text {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
  }
}

.BottomCTATextArea {
  inline-size: 100%;
  background-image: url(../img/pc/top/check-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 767px) {
  .BottomCTATextArea {
    background-image: url(../img/sp/check-bg-sp.webp);
  }
}

.BottomCTATextWrap {
  text-align: center;
  color: #fff;
  -webkit-padding-before: 4rem;
          padding-block-start: 4rem;
  -webkit-padding-after: 2.5rem;
          padding-block-end: 2.5rem;
}

.BottomCTATextWrap__title {
  font-size: 3.4375rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .BottomCTATextWrap__title {
    font-size: 1.1428571429rem;
  }
}

.BottomCTATextWrap__text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.40625;
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .BottomCTATextWrap__text {
    font-size: 1.1428571429rem;
    line-height: 1.5625;
    -webkit-margin-before: 1.4285714286rem;
            margin-block-start: 1.4285714286rem;
  }
}

.BottomCTACardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.3125rem;
  -webkit-padding-before: 3.125rem;
          padding-block-start: 3.125rem;
  -webkit-padding-after: 2.5rem;
          padding-block-end: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .BottomCTACardWrap {
    row-gap: unset;
  }
}

.BottomCTAText {
  font-size: 3.4375rem;
  font-weight: 700;
  color: #ff0000;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .BottomCTAText {
    font-size: 1.1428571429rem;
  }
}/*# sourceMappingURL=style__yd.css.map */