@charset "UTF-8";
/**************************************/
/* 共通 */
.under__main.u-method {
  padding-bottom: 0;
}

.u-method__copy {
  font-weight: 500;
  line-height: 1.5;
  margin-block: 2rem 3rem;
}

/* イントロ */
.u-method-intro__flex {
  display: grid;
  grid-template-columns: minmax(430px, 520px) 1fr;
  gap: 7%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .u-method-intro__flex {
    grid-template-columns: 1fr;
    gap: 3rem 0;
  }
}

.u-method-intro {
  padding-bottom: 14rem;
}
@media (max-width: 834px) {
  .u-method-intro {
    padding-bottom: 5rem;
  }
}

.u-method-intro__txt {
  line-height: 2;
}

/*メカニズム*/
.u-method-mechanism {
  padding-block: 11.6rem;
  background: url(../img/method/mechanism_bg.webp) no-repeat center center/cover;
}
@media (max-width: 834px) {
  .u-method-mechanism {
    padding-block: 5rem;
  }
}

.u-method-mechanism__ttl-wrap {
  color: #fff;
  text-align: center;
  margin-bottom: 5rem;
}
@media (max-width: 834px) {
  .u-method-mechanism__ttl-wrap {
    margin-bottom: 3rem;
  }
}

.u-method-mechanism__ttl {
  margin-bottom: 3.5rem;
}
@media (max-width: 834px) {
  .u-method-mechanism__ttl {
    margin-bottom: 1rem;
  }
}

.u-method-mechanism__list-wrap {
  margin-bottom: 7rem;
}
@media (max-width: 834px) {
  .u-method-mechanism__list-wrap {
    margin-bottom: 3rem;
  }
}

.u-method-mechanism__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  text-align: center;
  grid-template-rows: auto;
  gap: 2rem 0.5rem;
  min-width: 1100px;
  overflow: auto;
  padding-bottom: 2rem;
}
.u-method-mechanism__list li {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 2rem;
}
@media (max-width: 834px) {
  .u-method-mechanism__list li {
    max-width: 400px;
    width: 80%;
    margin-inline: auto;
    padding: 0;
  }
}
@media (max-width: 499px) {
  .u-method-mechanism__list li {
    width: 100%;
  }
}
.u-method-mechanism__list li:not(:last-child)::after {
  background: url(../img/common/icon-arrow-right-g.webp) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.8rem;
  aspect-ratio: 36/28;
  z-index: 1;
  top: 23%;
  right: -1rem;
}
@media (max-width: 834px) {
  .u-method-mechanism__list li:not(:last-child)::after {
    right: -3rem;
  }
}

.u-method-mechanism__list-img {
  aspect-ratio: 1;
  width: 188px;
  height: auto;
  margin: 0 auto;
}

.u-method-mechanism__list-step {
  color: #8ba5be;
  margin-block: 2rem 0.5rem;
}

.u-method-mechanism__list-ttl {
  margin-bottom: 2rem;
  line-height: 1.4;
}
@media (max-width: 834px) {
  .u-method-mechanism__list-ttl {
    margin-bottom: 1rem;
  }
}

.u-method-mechanism__list-txt {
  text-align: left;
}

.u-method-mechanism__point {
  background: url(../img/method/mechanism_point-bg.webp) no-repeat center center/cover;
  padding: 8rem 8%;
}
@media (max-width: 834px) {
  .u-method-mechanism__point {
    padding: 3rem;
  }
}

.u-method-mechanism__point-txt-flex {
  display: grid;
  grid-template-columns: 35rem 1fr;
  gap: 4.5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5rem;
}
@media (max-width: 1024px) {
  .u-method-mechanism__point-txt-flex {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}
@media (max-width: 834px) {
  .u-method-mechanism__point-txt-flex {
    margin-bottom: 2rem;
  }
}

.u-method-mechanism__point-ttl span {
  color: #748faa;
}

.u-method-mechanism__point-img-flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5%;
}
@media (max-width: 834px) {
  .u-method-mechanism__point-img-flex {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}
.u-method-mechanism__point-img-flex .u-method-mechanism__point-img:nth-child(1) {
  background: #fff;
}
.u-method-mechanism__point-img-flex .u-method-mechanism__point-img:nth-child(2) {
  background: url(../img/method/mechanism_point02-bg.webp) no-repeat center center/cover;
}

.u-method-mechanism__point-img {
  position: relative;
  padding: 4rem 4rem 0;
  aspect-ratio: 520/360;
  overflow: hidden;
}
@media (max-width: 834px) {
  .u-method-mechanism__point-img {
    padding: 5rem 1.2rem 0;
    aspect-ratio: 520/520;
  }
}

.u-method-mechanism__point-img-caption {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background: #000;
  background-color: #748faa;
  color: #fff;
  border-radius: 50px;
  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;
  padding: 0rem 1.6rem;
}

/* プログラム */
.u-method-program {
  padding-top: 18rem;
  overflow: hidden;
  background: #f7f6f1;
}
@media (max-width: 834px) {
  .u-method-program {
    padding-top: 5rem;
  }
}

.u-method-program__top-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .u-method-program__top-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: flex-start;
  }
}

.u-method-intro__top-txt {
  width: 52%;
}
@media (max-width: 1024px) {
  .u-method-intro__top-txt {
    width: 100%;
  }
}

.u-method-program-main__cont + .u-method-program-main__cont {
  margin-top: 16rem;
}
@media (max-width: 834px) {
  .u-method-program-main__cont + .u-method-program-main__cont {
    margin-top: 5rem;
  }
}

.u-method-program-main {
  background: #f0efea;
  padding-block: 10rem 15rem;
  margin-top: 10rem;
}
@media (max-width: 834px) {
  .u-method-program-main {
    margin-top: 5rem;
    padding-block: 5rem;
  }
}

.u-method-program-main__ttl-block-body {
  border-top: 1px solid #ddd;
  padding-top: 7rem;
}
@media (max-width: 1024px) {
  .u-method-program-main__ttl-block-body {
    margin-bottom: 3rem;
    display: contents;
  }
}

.u-method-program-main__ttl-num {
  display: inline-block;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #28323b;
}

.u-method-program-main__ttl {
  margin-block: 2rem 6rem;
}
@media (max-width: 1024px) {
  .u-method-program-main__ttl {
    margin-block: 1rem;
  }
}

.u-method-program-main__ttl-catch {
  margin-bottom: 3.5rem;
}
@media (max-width: 1024px) {
  .u-method-program-main__ttl-catch {
    margin-bottom: 1rem;
  }
}

@media (max-width: 1024px) {
  .u-method-program-main__ttl-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 1024px) {
  .u-method-program-main__ttl-block-img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 2rem;
  }
}

@media (max-width: 1024px) {
  .u-method-program-main__ttl-catch {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media (max-width: 1024px) {
  .u-method-program-main__ttl-lead {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.u-method-program-main__ttl-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6rem;
}
@media (max-width: 1024px) {
  .u-method-program-main__ttl-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3rem;
  }
}

.u-method-program-main__ttl-block-body {
  width: 44%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1024px) {
  .u-method-program-main__ttl-block-body {
    width: 100%;
  }
}

.u-method-program-main__ttl-block-img {
  width: 58%;
  margin-right: calc(50% - 50vw);
  aspect-ratio: 1680/1052;
  height: auto;
}
@media (max-width: 1024px) {
  .u-method-program-main__ttl-block-img {
    width: auto;
  }
}

.u-method-program-main-cont-01__list {
  background-color: #dde0e0;
  padding: 7rem 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 834px) {
  .u-method-program-main-cont-01__list {
    padding: 3rem;
  }
}
.u-method-program-main-cont-01__list li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8%;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-01__list li {
    width: 100%;
    gap: 4%;
  }
}
.u-method-program-main-cont-01__list li:nth-child(1), .u-method-program-main-cont-01__list li:nth-child(3) {
  border-right: 1px solid #fff;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-01__list li:nth-child(1), .u-method-program-main-cont-01__list li:nth-child(3) {
    border-right: none;
  }
}
.u-method-program-main-cont-01__list li:nth-child(1), .u-method-program-main-cont-01__list li:nth-child(2) {
  border-bottom: 1px solid #fff;
}
.u-method-program-main-cont-01__list li:nth-child(1) {
  padding-right: 4%;
  padding-bottom: 2rem;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-01__list li:nth-child(1) {
    padding-right: 0;
    padding-bottom: 3rem;
  }
}
@media (max-width: 834px) {
  .u-method-program-main-cont-01__list li:nth-child(1) {
    padding-bottom: 2rem;
  }
}
.u-method-program-main-cont-01__list li:nth-child(2) {
  padding-left: 3%;
  padding-bottom: 2rem;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-01__list li:nth-child(2) {
    padding-left: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 834px) {
  .u-method-program-main-cont-01__list li:nth-child(2) {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.u-method-program-main-cont-01__list li:nth-child(3) {
  padding-right: 4%;
  padding-top: 3rem;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-01__list li:nth-child(3) {
    border-bottom: 1px solid #fff;
    padding-right: 0;
    padding-bottom: 3rem;
  }
}
@media (max-width: 834px) {
  .u-method-program-main-cont-01__list li:nth-child(3) {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.u-method-program-main-cont-01__list li:nth-child(4) {
  padding-left: 3%;
  padding-top: 3rem;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-01__list li:nth-child(4) {
    padding-left: 0;
  }
}
@media (max-width: 834px) {
  .u-method-program-main-cont-01__list li:nth-child(4) {
    padding-top: 2rem;
  }
}

.u-method-program-main-cont-01__list-ttl {
  background-color: #53677c;
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 1;
  width: 13rem;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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 (max-width: 834px) {
  .u-method-program-main-cont-01__list-ttl {
    width: 8rem;
  }
}

.u-method-program-main-cont-01__list-copy {
  margin-bottom: 1rem;
}

.u-method-program-main-cont-02__list {
  margin-top: 6rem;
  padding: 6rem 5%;
  background-color: #dde0e0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 2.5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-02__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media (max-width: 834px) {
  .u-method-program-main-cont-02__list {
    margin-top: 3rem;
    padding: 2rem;
    row-gap: 2rem;
  }
}
.u-method-program-main-cont-02__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.5%;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-02__list li {
    width: 30%;
    gap: 1rem 2.5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.u-method-program-main-cont-02__img {
  aspect-ratio: 1;
  width: 8rem;
  height: auto;
}

@media (max-width: 1024px) {
  .u-method-program-main-cont-02__list-txt {
    text-align: center;
  }
}
@media (max-width: 834px) {
  .u-method-program-main-cont-02__list-txt {
    font-size: 1.6rem;
  }
}

.u-method-program-main-cont-03__flow {
  background-color: #dde0e0;
  padding: 7rem 5%;
  margin-bottom: 4.5rem;
}
@media (max-width: 834px) {
  .u-method-program-main-cont-03__flow {
    margin-bottom: 3rem;
    padding: 3rem;
  }
}

.u-method-program-main-cont-03__flow-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-bottom: 5rem;
  color: #4f667d;
}
@media (max-width: 834px) {
  .u-method-program-main-cont-03__flow-ttl {
    margin-bottom: 2rem;
  }
}
.u-method-program-main-cont-03__flow-ttl .line {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  background-color: #f7f6f1;
}

.u-method-program-main-cont-03__flow-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5.5%;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__flow-list {
    grid-template-columns: 1fr;
    row-gap: 8rem;
  }
}

.u-method-program-main-cont-03__flow-list-item {
  position: relative;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__flow-list-item {
    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: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.u-method-program-main-cont-03__flow-list-item:nth-child(1)::after, .u-method-program-main-cont-03__flow-list-item:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 106%;
  width: 1.8rem;
  aspect-ratio: 36/28;
  background: url(../img/common/icon-arrow-right-g.webp) no-repeat center;
  background-size: contain;
  z-index: 1;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__flow-list-item:nth-child(1)::after, .u-method-program-main-cont-03__flow-list-item:nth-child(2)::after {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
    top: unset;
    bottom: -4rem;
  }
}

@media (max-width: 1024px) {
  .u-method-program-main-cont-03__flow-list-img {
    width: 50%;
  }
}
@media (max-width: 499px) {
  .u-method-program-main-cont-03__flow-list-img {
    width: 100%;
  }
}

.u-method-program-main-cont-03__flow-list-ttl {
  margin-block: 2rem 1rem;
  border-bottom: 1px solid #9eaab6;
  padding-bottom: 0.5rem;
}

.u-method-program-main-cont-03__flow-list-labels {
  margin-block: 1rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.u-method-program-main-cont-03__flow-list-label {
  background-color: #e4e7ea;
  color: #748faa;
  line-height: 1;
  padding: 0.3rem 0.8rem;
}

.u-method-program-main-cont-03__plus-alpha {
  border: solid 1px #ddd;
  background-color: #f7f6f1;
  padding: 4.5rem 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__plus-alpha {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.u-method-program-main-cont-03__plus-alpha-img {
  position: relative;
  width: 23%;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__plus-alpha-img {
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 499px) {
  .u-method-program-main-cont-03__plus-alpha-img {
    width: 80%;
  }
}

.u-method-program-main-cont-03__plus-alpha-body {
  width: 69%;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__plus-alpha-body {
    width: 100%;
  }
}

.u-method-program-main-cont-03__plus-alpha-badge {
  position: absolute;
  top: -2rem;
  right: -4rem;
  border-radius: 50%;
  background-color: #53677c;
  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;
  width: 9rem;
  height: auto;
  aspect-ratio: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 834px) {
  .u-method-program-main-cont-03__plus-alpha-badge {
    width: 8rem;
  }
}
@media (max-width: 499px) {
  .u-method-program-main-cont-03__plus-alpha-badge {
    right: -2rem;
  }
}

.u-method-program-main-cont-03__plus-alpha-ttl {
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  .u-method-program-main-cont-03__plus-alpha-ttl {
    text-align: center;
  }
}

.u-method-program-main-cont-04__advice {
  padding: 5rem 5%;
  background-color: #dde0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .u-method-program-main-cont-04__advice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.u-method-program-main-cont-03__advice-copy {
  padding: 0.5rem 1rem;
  display: inline-block;
  line-height: 1;
  background-color: #e4e7ea;
  color: #748faa;
}

.u-method-program-main-cont-03__advice-ttl {
  margin-block: 1rem 1.6rem;
}

@media (max-width: 834px) {
  .u-method-program-main-cont-04__advice-img {
    width: 23%;
    margin-bottom: 2rem;
  }
}

@media (max-width: 834px) {
  .u-method-program-main-cont-03__advice-body {
    text-align: center;
  }
}

@media (max-width: 834px) {
  .u-method-program-main-cont-03__advice-txt {
    text-align: left;
  }
}/*# sourceMappingURL=method.css.map */