@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}
*:where(:not(progress, meter)),
*::before:where(:not(progress, meter)),
*::after:where(:not(progress, meter)) {
  background-repeat: no-repeat;
  background-position: center;
  background-origin: border-box;
  border-style: solid;
  border-width: 0;
}

:where(body) {
  block-size: 100dvb;
}

:where(html) {
  font-family: sans-serif;
  line-height: 1.25;
  overflow-wrap: break-word;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
}

:where(address) {
  font-style: normal;
}

:where(code, kbd, samp, pre) {
  font-family: monospace;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

:where(small, sub, sup) {
  font-size: 75%;
}

:where(sub, sup) {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}

:where(sub) {
  bottom: -0.25em;
}

:where(sup) {
  top: -0.25em;
}

:where(ul, ol) {
  padding-left: 1.75em;
}

:where(table) {
  word-break: break-all;
  border-collapse: collapse;
}

:where(th, td) {
  padding: 0;
  border: solid 1px currentcolor;
}

:where(pre) {
  max-block-size: 100%;
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

:where(details > summary:first-of-type),
:where(details[open] > summary:first-of-type) {
  list-style-type: none;
}

:where(hr) {
  overflow: visible;
  color: inherit;
  border: none;
  border-block-start: 1px solid;
  block-size: 0;
}

:where(img, picture, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  vertical-align: bottom;
}

:where(iframe, embed, object) {
  inline-size: 100%;
}

:where(fieldset) {
  padding: 0;
  border: solid 1px currentcolor;
}

::file-selector-button,
:where(input:not([type=color], [type=range]), button, textarea, select) {
  max-inline-size: 100%;
  padding: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: initial;
}

::file-selector-button,
:where(input:not([type=file], [type=radio], [type=checkbox], [type=color], [type=range]), button, textarea, select) {
  border: solid 1px currentcolor;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

:where(input, select) {
  accent-color: currentcolor;
}

:where(textarea, select) {
  vertical-align: top;
}

:where(textarea) {
  resize: vertical;
  inline-size: 100%;
}

:where(input[type=file], select) {
  inline-size: 100%;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
}

:where(input:not([type=text], [type=password], [type=url], [type=email], [type=tel], [type=search], [type=number]), area, button, label, select, summary, a[href], [role=button], [role=option]) {
  touch-action: manipulation;
  cursor: pointer;
}

:where(:disabled, label:has(> input:disabled), label:has(+ input:disabled), input:disabled + label) {
  cursor: not-allowed;
  opacity: 0.5;
}

::-moz-placeholder {
  color: inherit;
  opacity: 0.25;
}

::placeholder {
  color: inherit;
  opacity: 0.25;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:root {
  --wfvw: 1vw;
  --wfpd: 1vw;
  --wfof: hidden;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  font-size: 1.5rem;
  color: #000;
  background-color: #fff;
}
@media screen and (min-width: 780px) {
  body {
    font-size: 1.6rem;
  }
}

:where(a:link, a:visited, a:hover) {
  color: #e80;
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

:where(code, var, kbd, samp, pre) {
  font-family: "Courier New", courier, "Osaka－等幅", "Osaka-等幅", osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
  font-feature-settings: "zero";
}

:where(ul[class], ol[class]),
:where(nav > ul, nav > ol) {
  padding-left: 0;
  list-style-type: none;
}

:where(i, dfn, em) {
  font-style: normal;
}

:where(hr) {
  margin: 0.25em auto;
}

:where(mark) {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgb(255, 255, 0);
  text-underline-offset: -0.2em;
  color: inherit;
  background: none;
}

:where(:focus, :focus-visible) {
  outline-offset: 4px;
}

.nw {
  display: inline-block;
}

.sp {
  display: block;
}
.sp.-flex {
  display: flex;
}
.sp.-inline {
  display: inline;
}
.sp.-inlineblock {
  display: inline-block;
}
.sp.-inlineflex {
  display: inline-flex;
}
@media screen and (min-width: 780px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}
@media screen and (min-width: 780px) {
  .pc {
    display: block;
  }
  .pc.-flex {
    display: flex;
  }
  .pc.-inline {
    display: inline;
  }
  .pc.-inlineblock {
    display: inline-block;
  }
  .pc.-inlineflex {
    display: inline-flex;
  }
}

.is-invisible {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.ut-cleafix::after {
  display: block;
  clear: both;
  content: "";
}

.is-inline {
  display: inline;
  vertical-align: -0.125em;
}
.is-inline img {
  display: inline;
  vertical-align: -0.125em;
}

.sparse {
  font-feature-settings: normal;
  letter-spacing: 0.4em;
  padding-left: 0.4em;
}

.dense {
  font-feature-settings: "palt";
  letter-spacing: -0.025em;
}

.ellipsis {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mark {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgb(255, 255, 0);
  text-underline-offset: -0.2em;
}

.component {
  padding: 0 clamp(9.23px, 0px + 2.56vw, 20px);
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
@media screen and (min-width: 780px) {
  .component {
    padding: 0 clamp(28.89px, 0px + 3.7vw, 40px);
    font-size: clamp(1.156rem, 0rem + 1.48vw, 1.6rem);
  }
}

.title-unit {
  padding: 1em 0;
  text-align: center;
  font-size: clamp(2.215rem, 0rem + 6.15vw, 4.8rem);
}
.title-unit b {
  font-size: clamp(2.585rem, 0rem + 7.18vw, 5.6rem);
  color: #007136;
}
.title-unit.-u2 {
  padding: 2em 0 1em;
  text-align: left;
  font-size: clamp(1.938rem, 0rem + 5.39vw, 4.2rem);
}
.title-unit.-u2 b {
  font-size: inherit;
}
.title-unit.-s6 b {
  color: #ffa200;
}
.title-unit.-s13 {
  color: #fff;
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
.title-unit.-s15 {
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
@media screen and (min-width: 780px) {
  .title-unit {
    font-size: clamp(3.9rem, 0rem + 5vw, 5.4rem);
  }
  .title-unit b {
    font-size: clamp(4.478rem, 0rem + 5.74vw, 6.2rem);
  }
  .title-unit.-u2 {
    font-size: clamp(2.889rem, 0rem + 3.7vw, 4rem);
  }
  .title-unit.-u2 b {
    font-size: inherit;
  }
  .title-unit.-s4 h2 {
    margin: 0 -2em;
  }
  .title-unit.-s13 {
    font-size: clamp(2.889rem, 0rem + 3.7vw, 4rem);
  }
  .title-unit.-s15 {
    font-size: clamp(2.889rem, 0rem + 3.7vw, 4rem);
  }
  .title-unit.-s15 b {
    font-size: inherit;
  }
}

.kv-block > .txt.-t1, .kv-block > .txt.-t3 {
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  font-size: clamp(1.846rem, 0rem + 5.13vw, 4rem);
}
.kv-block > .txt.-t1 b, .kv-block > .txt.-t3 b {
  color: #ffa200;
  font-size: clamp(3.785rem, 0rem + 10.51vw, 8.2rem);
}
.kv-block > .txt.-t3 b {
  font-size: clamp(3.092rem, 0rem + 8.59vw, 6.7rem);
}
.kv-block > .txt.-t2 {
  padding: 0.125em;
  margin: 0.5em 0;
  font-weight: bold;
  text-align: center;
  background-image: url(../img/kv_bg_2_jpg.webp);
  border-radius: clamp(4.62px, 0.01px + 1.28vw, 10px);
  font-size: clamp(1.846rem, 0rem + 5.13vw, 4rem);
}
.kv-block > .txt.-t4 {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25em;
  margin: 0.75em 0;
  font-weight: bold;
  color: #ffa200;
  border: solid clamp(0.92px, -0.01px + 0.26vw, 2px) currentcolor;
  border-radius: clamp(4.62px, 0.01px + 1.28vw, 10px);
  font-size: clamp(1.754rem, 0rem + 4.87vw, 3.8rem);
}
.kv-block > .txt.-t5 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(4.62px, 0.01px + 1.28vw, 10px);
  width: 46vw;
  font-weight: bold;
  color: #000;
  text-align: center;
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
.kv-block > .txt.-t5 b {
  color: #e97400;
}
.kv-block > .txt.-t5 > .item {
  display: flex;
  flex: 0 0 calc(50% - clamp(2.31px, 0px + 0.64vw, 5px));
  align-items: center;
  justify-content: center;
  padding: 0.75em 0.125em;
  background-color: #fff;
  border-radius: clamp(4.62px, 0.01px + 1.28vw, 10px);
}
.kv-block > .txt.-t5 > .item.-i2 {
  line-height: 1;
}
.kv-block > .txt.-t5 > .item.-i2 b {
  display: inline-block;
  transform: scale(0.8, 1);
  font-size: clamp(4.154rem, 0rem + 11.54vw, 9rem);
}
@media screen and (min-width: 780px) {
  .kv-block > .txt {
    width: clamp(471.62px, 0.03px + 60.46vw, 653px);
  }
  .kv-block > .txt.-t1, .kv-block > .txt.-t3 {
    font-size: clamp(2.744rem, 0rem + 3.52vw, 3.8rem);
  }
  .kv-block > .txt.-t1 b, .kv-block > .txt.-t3 b {
    font-size: clamp(4.55rem, 0rem + 5.83vw, 6.3rem);
  }
  .kv-block > .txt.-t2 {
    font-size: clamp(2.744rem, 0rem + 3.52vw, 3.8rem);
  }
  .kv-block > .txt.-t2.-i2 b {
    font-size: clamp(6.356rem, 0rem + 8.15vw, 8.8rem);
  }
  .kv-block > .txt.-t4 {
    width: clamp(471.62px, 0.03px + 60.46vw, 653px);
    text-align: center;
    font-size: clamp(2.167rem, 0rem + 2.78vw, 3rem);
  }
  .kv-block > .txt.-t5 {
    font-size: clamp(2.167rem, 0rem + 2.78vw, 3rem);
    gap: clamp(11.56px, 0.02px + 1.48vw, 16px);
    width: clamp(471.62px, 0.03px + 60.46vw, 653px);
  }
  .kv-block > .txt.-t5 > .item {
    flex: 0 0 calc(25% - clamp(8.67px, 0.01px + 1.11vw, 12px));
    padding: 0.25em 0.125em;
  }
}

.s1-block {
  position: relative;
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  margin-bottom: clamp(18.46px, 0px + 5.13vw, 40px);
  background-color: #fff;
  border-radius: 10px;
}
.s1-block > .txt > .title {
  display: flex;
  font-size: clamp(1.754rem, 0rem + 4.87vw, 3.8rem);
  color: #005e2d;
}
.s1-block > .txt > .title::before {
  display: flex;
  flex: 0 0 1.5em;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  font-size: clamp(2.769rem, 0rem + 7.69vw, 6rem);
  color: #fff;
  background-color: #54a87c;
  border-radius: 4.5px;
}
.s1-block > .txt > .title.-t1::before {
  content: "1";
}
.s1-block > .txt > .title.-t2::before {
  content: "2";
}
.s1-block > .txt > .title.-t3::before {
  content: "3";
}
.s1-block > .txt > .title.-t4::before {
  content: "4";
}
.s1-block > .txt > .title.-t5::before {
  content: "5";
}
.s1-block > .txt > .img {
  margin-top: 1em;
}
.s1-block > .txt > .content {
  margin-top: 1em;
  line-height: 1.75;
  text-align: justify;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.s1-block img {
  border-radius: 10px;
}
.s1-block::after {
  position: absolute;
  bottom: calc(clamp(18.46px, 0px + 5.13vw, 40px) * -1);
  left: 50%;
  display: block;
  width: clamp(1.85px, 0.01px + 0.51vw, 4px);
  height: clamp(18.46px, 0px + 5.13vw, 40px);
  content: "";
  background-image: url(../img/s1_parts_line1_png.webp);
}
@media screen and (max-width: 779.98px) {
  .s1-block > .txt > .title {
    align-items: center;
  }
}
@media screen and (min-width: 780px) {
  .s1-block {
    display: flex;
    gap: clamp(21.67px, 0.01px + 2.78vw, 30px);
    padding: clamp(21.67px, 0.01px + 2.78vw, 30px);
    margin-bottom: clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .s1-block > .txt > .title {
    font-size: 3rem;
  }
  .s1-block > .txt > .title::before {
    font-size: 2.4rem;
  }
  .s1-block > .txt > .content {
    font-size: 1.6rem;
  }
  .s1-block > .img {
    flex: 0 0 clamp(148.78px, 0.01px + 19.07vw, 206px);
  }
  .s1-block::after {
    bottom: calc(clamp(28.89px, 0px + 3.7vw, 40px) * -1);
    width: clamp(2.17px, 0.01px + 0.28vw, 3px);
    height: clamp(28.89px, 0px + 3.7vw, 40px);
  }
}

.s2-block {
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.s2-block > .txt.-t1, .s2-block > .txt.-t3 {
  font-size: clamp(2.3rem, 1.36rem + 2.62vw, 3.4rem);
}
.s2-block > .txt.-t2 {
  margin: 0.125em 0;
  font-size: clamp(4.2rem, 2.4rem + 5vw, 6.3rem);
  color: #ffa200;
}
.s2-block > .txt.-t4 {
  margin: 1em 0;
  font-size: 2.2rem;
  color: #ffa200;
}
.s2-block > .txt.-t4 span {
  text-decoration: underline;
}
.s2-block > .txt.-t5 {
  font-size: 1.8rem;
  font-weight: normal;
  text-align: justify;
}
@media screen and (min-width: 780px) {
  .s2-block > .txt.-t1, .s2-block > .txt.-t3 {
    font-size: clamp(2.672rem, 0rem + 3.43vw, 3.7rem);
  }
  .s2-block > .txt.-t2 {
    font-size: clamp(4.983rem, 0rem + 6.39vw, 6.9rem);
  }
  .s2-block > .txt.-t4 {
    font-size: 2.4rem;
  }
  .s2-block > .txt.-t5 {
    font-size: 2rem;
  }
}

.s3-block {
  overflow: hidden;
  border-radius: 10px;
}
.s3-block > .title {
  position: relative;
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background-image: url(../img/s3_bg_2_jpg.webp);
  background-size: cover;
  font-size: clamp(2.5rem, 1.39rem + 3.1vw, 3.8rem);
}
.s3-block > .title small {
  display: block;
  margin-top: 1em;
  font-size: 62%;
  line-height: 1.5;
}
.s3-block > .content {
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  background-color: #e7f2d9;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.s3-block > .content > .caution {
  display: flex;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #e69f23;
  font-size: clamp(2.2rem, 1.26rem + 2.62vw, 3.3rem);
}
.s3-block > .content > .caution::before {
  display: block;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("../img/s3_parts_excl_png.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 0.5em;
}
.s3-block > .content > .inner {
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  margin-top: clamp(18.46px, 0px + 5.13vw, 40px);
  background-color: #fff;
  border-radius: 10px;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.s3-block > .content > .inner > .title {
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #005e2d;
  font-size: clamp(2.2rem, 1.17rem + 2.86vw, 3.4rem);
}
.s3-block img {
  border-radius: 10px;
}
.s3-block p {
  line-height: 1.75;
  text-align: justify;
}
@media screen and (min-width: 780px) {
  .s3-block > .title {
    display: flex;
    align-items: center;
    min-height: clamp(167.56px, 0.02px + 21.48vw, 232px);
    padding: clamp(21.67px, 0.01px + 2.78vw, 30px);
    padding-right: clamp(298.28px, 0.01px + 38.24vw, 413px);
    font-size: 2.6rem;
  }
  .s3-block > .title > .img {
    position: absolute;
    top: clamp(21.67px, 0.01px + 2.78vw, 30px);
    right: clamp(21.67px, 0.01px + 2.78vw, 30px);
    width: clamp(254.95px, 0.02px + 32.68vw, 353px);
  }
  .s3-block > .content {
    padding: clamp(21.67px, 0.01px + 2.78vw, 30px);
    font-size: 1.6rem;
  }
  .s3-block > .content > .caution {
    margin-top: 0;
    font-size: 2.4rem;
  }
  .s3-block > .content > .inner {
    padding: clamp(21.67px, 0.01px + 2.78vw, 30px);
    margin-top: clamp(21.67px, 0.01px + 2.78vw, 30px);
    font-size: 1.6rem;
  }
  .s3-block > .content > .inner > .title {
    font-size: 2.4rem;
  }
  .s3-block img {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6);
  }
}
.s4-block {
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  color: #fff;
  background-image: url(../img/s4_bg_2_jpg.webp);
  background-size: cover;
  border-radius: 10px;
}
.s4-block img {
  border-radius: 10px;
}
.s4-block > .title {
  display: flex;
  align-items: center;
  font-size: clamp(2.492rem, 0rem + 6.92vw, 5.4rem);
}
.s4-block > .title::before {
  display: flex;
  flex: 0 0 2em;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
  font-size: clamp(2.769rem, 0rem + 7.69vw, 6rem);
  color: #233c5e;
  background-color: #fff;
  border-radius: 10px;
}
.s4-block > .title.-t1::before {
  content: "1";
}
.s4-block > .title.-t2::before {
  content: "2";
}
.s4-block > .txt {
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
  line-height: 1.5;
  text-align: justify;
}
.s4-block > .txt > .content {
  margin: 1em 0;
}
@media screen and (min-width: 780px) {
  .s4-block {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(14.44px, -0.02px + 1.85vw, 20px) clamp(21.67px, 0.01px + 2.78vw, 30px);
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px) clamp(21.67px, 0.01px + 2.78vw, 30px) clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .s4-block > .title {
    flex: 0 0 100%;
    font-size: 3.2rem;
  }
  .s4-block > .title::before {
    font-size: 3.2rem;
  }
  .s4-block > .txt {
    flex: 0 0 calc(100% - clamp(371.23px, 0.03px + 47.59vw, 514px));
    font-size: 1.6rem;
  }
  .s4-block > .txt > .content {
    margin: 0;
  }
  .s4-block > .img {
    flex: 0 0 clamp(349.56px, 0.02px + 44.81vw, 484px);
  }
}

.s4-sub > .title {
  display: flex;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: clamp(1.569rem, 0rem + 4.36vw, 3.4rem);
}
.s4-sub > .title::before {
  display: block;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("../img/s4_parts_check_png.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 0.5em;
}
.s4-sub > .content {
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
  gap: clamp(7.38px, -0.01px + 2.05vw, 16px);
}
.s4-sub > .content > .item {
  flex: 0 0 calc(50% - clamp(3.69px, 0px + 1.03vw, 8px));
  padding: 0.25em;
  font-weight: bold;
  color: #e69f23;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
}
@media screen and (min-width: 780px) {
  .s4-sub > .title {
    font-size: clamp(1.444rem, 0rem + 1.85vw, 2rem);
  }
  .s4-sub > .content {
    gap: clamp(5.78px, 0.01px + 0.74vw, 8px);
    font-size: clamp(1.3rem, 0rem + 1.67vw, 1.8rem);
  }
}

.s4-notes {
  margin-top: 1em;
  padding-left: 1em;
  list-style-type: none;
  list-style-type: disc;
  font-size: clamp(1.108rem, 0rem + 3.08vw, 2.4rem);
}
.s4-notes > li::marker {
  color: currentColor;
}
@media screen and (min-width: 780px) {
  .s4-notes {
    font-size: clamp(1.011rem, 0rem + 1.3vw, 1.4rem);
  }
}

.s51-block {
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  color: #fff;
  background-image: url(../img/s5_bg_2_jpg.webp);
  background-size: cover;
  border-radius: 10px;
}
.s51-block > .content {
  margin-bottom: 2em;
  line-height: 1.5;
  font-size: clamp(1.8rem, 1.03rem + 2.14vw, 2.7rem);
}
.s51-block > .inner > .content {
  margin: 1em 0;
  line-height: 1.5;
  font-size: clamp(1.8rem, 1.03rem + 2.14vw, 2.7rem);
}
.s51-block img {
  border-radius: 10px;
}
@media screen and (min-width: 780px) {
  .s51-block {
    display: flex;
    flex-wrap: wrap;
    gap: 0 clamp(21.67px, 0.01px + 2.78vw, 30px);
    padding: clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .s51-block > .content {
    flex: 0 0 100%;
    order: 0;
    font-size: 1.8rem;
  }
  .s51-block > .img {
    flex: 0 0 clamp(349.56px, 0.02px + 44.81vw, 484px);
    order: 2;
  }
  .s51-block > .inner {
    flex: 0 0 calc(100% - clamp(371.23px, 0.03px + 47.59vw, 514px));
    order: 1;
  }
  .s51-block > .inner > .content {
    margin: 0 0 1em;
    font-size: 2rem;
  }
}

.s5-sub {
  position: relative;
}
.s5-sub::after {
  position: absolute;
  display: block;
  width: 8em;
  height: 2em;
  content: "";
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(100%);
}
.s5-sub::after {
  background-color: #ffd495;
}
.s5-sub::after {
  bottom: -1em;
}
.s5-sub > .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s5-sub.-a::after {
  content: none;
}
.s5-sub.-a > .item {
  padding: 0.5em 2em;
  font-weight: bold;
  color: #007136;
  background-color: #fff;
  border-radius: 4px;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.s5-sub.-a > .item.-i3 {
  background-color: #ffeed5;
}
.s5-sub.-a > .item.-i3 > .content {
  color: #f50;
}
.s5-sub.-a > .item + .item {
  margin-top: 0.25em;
}
.s5-sub.-a > .item > .content {
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
.s5-sub.-b1 > .item, .s5-sub.-b2 > .item {
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.s5-sub.-b1 > .item b, .s5-sub.-b2 > .item b {
  color: #f50;
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
.s5-sub.-b1 > .item > .title, .s5-sub.-b2 > .item > .title {
  margin-bottom: 1em;
}
.s5-sub.-b1 > .item {
  display: block;
  background-color: #fff2df;
}
.s5-sub.-b1 > .item:nth-child(2n) {
  background-color: #fffaf4;
}
.s5-sub.-b2::after {
  background-color: #53a67b;
}
.s5-sub.-b2 > .item {
  display: block;
  background-color: #f7ffee;
}
.s5-sub.-b2 > .item:nth-child(2n) {
  background-color: #e7f2d9;
}
@media screen and (min-width: 780px) {
  .s5-sub.-a > .item {
    font-size: clamp(1.444rem, 0rem + 1.85vw, 2rem);
  }
  .s5-sub.-a > .item > .content {
    font-size: clamp(1.733rem, 0rem + 2.22vw, 2.4rem);
  }
  .s5-sub.-b1 > .item, .s5-sub.-b2 > .item {
    padding: 1.125em 0;
    background-repeat: repeat-x;
    font-size: clamp(1.3rem, 0rem + 1.67vw, 1.8rem);
  }
  .s5-sub.-b1 > .item b, .s5-sub.-b2 > .item b {
    font-size: clamp(1.589rem, 0rem + 2.04vw, 2.2rem);
  }
  .s5-sub.-b1 > .item > .title, .s5-sub.-b2 > .item > .title {
    padding-right: 0.5em;
    padding-left: 1em;
    margin-bottom: 0;
    background-color: inherit;
  }
  .s5-sub.-b1 > .item > .content, .s5-sub.-b2 > .item > .content {
    padding-right: 1em;
    padding-left: 0.5em;
    background-color: inherit;
  }
  .s5-sub.-b1 > .item {
    display: flex;
    background-image: url(../img/s5_parts_line1_png.webp);
  }
  .s5-sub.-b2 > .item {
    display: flex;
    background-image: url(../img/s5_parts_line2_png.webp);
  }
}

.s5-sub2 {
  margin-top: 4em;
  border-radius: 20px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}
.s5-sub2.-b1 {
  background-image: url(../img/s5_bg_3_jpg.webp);
}
.s5-sub2.-b2 {
  background-image: url(../img/s5_bg_4_jpg.webp);
}
.s5-sub2 > .inner {
  font-weight: bold;
}
.s5-sub2 > .inner > .item > .b {
  color: #f50;
}
@media screen and (min-width: 780px) {
  .s5-sub2 {
    padding: 2em 0;
    text-align: left;
  }
  .s5-sub2 > .inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .s5-sub2 > .inner > .item > .a {
    margin-bottom: 0.25em;
  }
  .s5-sub2 > .inner > .item > .b {
    padding: 0.25em;
    background-color: #fff;
    border-radius: 10px;
    font-size: clamp(2.167rem, 0rem + 2.78vw, 3rem);
  }
  .s5-sub2 > .inner > .item.-t1, .s5-sub2 > .inner > .item.-t3 {
    font-size: clamp(1.444rem, 0rem + 1.85vw, 2rem);
  }
  .s5-sub2 > .inner > .item.-t2, .s5-sub2 > .inner > .item.-t4 {
    padding: 0.5em;
    font-size: clamp(1.733rem, 0rem + 2.22vw, 2.4rem);
  }
}
@media screen and (max-width: 779.98px) {
  .s5-sub2 {
    padding: 1em 2em;
    text-align: center;
  }
  .s5-sub2 > .inner > .item.-t0 {
    font-size: clamp(1.477rem, 0rem + 4.1vw, 3.2rem);
    margin-bottom: 0.5em;
  }
  .s5-sub2 > .inner > .item.-t1, .s5-sub2 > .inner > .item.-t3 {
    display: flex;
    align-items: center;
    padding: 0.5em;
    background-color: #fff;
    border-radius: 10px;
  }
  .s5-sub2 > .inner > .item.-t2 {
    font-size: clamp(1.754rem, 0rem + 4.87vw, 3.8rem);
    margin: 0.5em 0;
  }
  .s5-sub2 > .inner > .item.-t3 > .b {
    font-size: clamp(1.846rem, 0rem + 5.13vw, 4rem);
  }
  .s5-sub2 > .inner > .item.-t4 {
    font-size: clamp(1.477rem, 0rem + 4.1vw, 3.2rem);
    margin-top: 0.5em;
  }
  .s5-sub2 > .inner > .item > .a {
    font-size: clamp(1.477rem, 0rem + 4.1vw, 3.2rem);
    flex: 0 0 4em;
    margin-right: 1em;
    text-align: right;
  }
  .s5-sub2 > .inner > .item > .b {
    font-size: clamp(2.308rem, 0rem + 6.41vw, 5rem);
  }
}

.s6-block {
  overflow: hidden;
  color: #fff;
  background-color: #dc8c00;
  border-radius: 10px;
}
.s6-block > .txt {
  padding: clamp(9.23px, 0px + 2.56vw, 20px) clamp(18.46px, 0px + 5.13vw, 40px) clamp(13.85px, 0.01px + 3.85vw, 30px);
}
.s6-block > .txt > .title {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  font-size: clamp(1.846rem, 0rem + 5.13vw, 4rem);
}
.s6-block > .txt > .title::before {
  display: block;
  margin-right: 0.25em;
  line-height: 1;
  content: "";
  font-size: clamp(5.538rem, 0rem + 15.39vw, 12rem);
}
.s6-block > .txt > .title.-t1::before {
  content: "1";
}
.s6-block > .txt > .title.-t2::before {
  content: "2";
}
.s6-block > .txt > .title.-t3::before {
  content: "3";
}
.s6-block > .txt > .title.-t4::before {
  content: "4";
}
.s6-block > .txt > .content {
  font-size: clamp(1.6rem, 0.91rem + 1.9vw, 2.4rem);
  line-height: 1.75;
}
@media screen and (min-width: 780px) {
  .s6-block > .txt {
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px) clamp(28.89px, 0px + 3.7vw, 40px) clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .s6-block > .txt > .title {
    font-size: clamp(2.167rem, 0rem + 2.78vw, 3rem);
  }
  .s6-block > .txt > .title::before {
    font-size: clamp(5.778rem, 0rem + 7.41vw, 8rem);
  }
  .s6-block > .txt > .content {
    font-size: 1.6rem;
  }
}

.s7-block {
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.s7-block > .txt.-t1, .s7-block > .txt.-t3 {
  font-size: clamp(2.5rem, 1.39rem + 3.1vw, 3.8rem);
}
.s7-block > .txt.-t2 {
  margin: 0.125em 0;
  font-size: clamp(3.6rem, 0.77rem + 7.86vw, 6.9rem);
  color: #ffa200;
}
.s7-block > .txt.-t4 {
  margin: 1em 0;
  font-size: clamp(2rem, 1.06rem + 2.62vw, 3.1rem);
}
.s7-block > .txt.-t5 {
  padding: 0.25em;
  color: #ffa200;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: clamp(4.6rem, 2.63rem + 5.48vw, 6.9rem);
  max-width: initial;
  padding-right: var(--wfpd);
  padding-left: var(--wfpd);
  margin-right: calc(50% - 50 * var(--wfvw));
  margin-left: calc(50% - 50 * var(--wfvw));
}
.s7-block > .txt.-t5 small {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25em 1em;
  margin: 0.25em auto;
  font-weight: normal;
  color: #fff;
  background-color: #ffa200;
  border-radius: 100px;
  font-size: clamp(1.8rem, 0.94rem + 2.38vw, 2.8rem);
}
@media screen and (min-width: 780px) {
  .s7-block > .txt.-t1, .s7-block > .txt.-t3 {
    font-size: clamp(2.889rem, 0rem + 3.7vw, 4rem);
  }
  .s7-block > .txt.-t2 {
    font-size: clamp(5.417rem, 0rem + 6.94vw, 7.5rem);
  }
  .s7-block > .txt.-t4 {
    font-size: 2.8rem;
  }
  .s7-block > .txt.-t5 {
    font-size: clamp(5.417rem, 0rem + 6.94vw, 7.5rem);
  }
}

.s8-table {
  margin: auto;
  font-size: clamp(1.015rem, 0rem + 2.82vw, 2.2rem);
}
.s8-table th,
.s8-table td {
  padding: 0.5em;
  text-align: center;
  border: solid 2px #fff;
}
.s8-table th {
  color: #fff;
}
.s8-table td {
  color: #4e7560;
  background-color: #f6fbec;
}
.s8-table :where(tr:nth-child(2n)) td {
  background-color: #e8f0d8;
}
.s8-table .th0 {
  border: none;
}
.s8-table .th1 {
  background-color: #007136;
}
.s8-table .th2,
.s8-table .td2 {
  font-size: clamp(1.477rem, 0rem + 4.1vw, 3.2rem);
  padding: 0.5em;
}
.s8-table .th2 {
  background-color: #f50;
}
.s8-table .td2 {
  font-weight: bold;
  color: #f50;
  background-color: #ffe8c5;
}
.s8-table .th3 {
  background-color: #84b89d;
}
@media screen and (min-width: 780px) {
  .s8-table {
    font-size: clamp(1.011rem, 0rem + 1.3vw, 1.4rem);
  }
  .s8-table th,
  .s8-table td {
    padding: 1em 1.5em;
  }
  .s8-table .th2,
  .s8-table .td2 {
    padding: 1em 3em;
    font-size: clamp(1.444rem, 0rem + 1.85vw, 2rem);
  }
}

.s9-block,
.s10-block {
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}
.s9-block > .txt > .title,
.s9-block > .txt > .content,
.s10-block > .txt > .title,
.s10-block > .txt > .content {
  display: flex;
  gap: 10px;
}
.s9-block > .txt > .title,
.s10-block > .txt > .title {
  align-items: center;
  color: #007136;
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
.s9-block > .txt > .title > .num,
.s10-block > .txt > .title > .num {
  display: flex;
  flex: 0 0 clamp(46.15px, -0.01px + 12.82vw, 100px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(46.15px, -0.01px + 12.82vw, 100px);
  height: clamp(46.15px, -0.01px + 12.82vw, 100px);
  color: #fff;
  text-align: center;
  background-color: #007136;
  border-radius: 100px;
}
.s9-block > .txt > .title > .num > *,
.s10-block > .txt > .title > .num > * {
  display: block;
}
.s9-block > .txt > .title > .num > small,
.s10-block > .txt > .title > .num > small {
  font-size: clamp(0.923rem, 0rem + 2.56vw, 2rem);
}
.s9-block > .txt > .title > .num > span,
.s10-block > .txt > .title > .num > span {
  font-size: clamp(1.477rem, 0rem + 4.1vw, 3.2rem);
}
.s9-block > .txt > .title.-t1 > .num,
.s10-block > .txt > .title.-t1 > .num {
  background-color: #76a889;
}
.s9-block > .txt > .title.-t2 > .num,
.s10-block > .txt > .title.-t2 > .num {
  background-color: #619a75;
}
.s9-block > .txt > .title.-t3 > .num,
.s10-block > .txt > .title.-t3 > .num {
  background-color: #4d8b62;
}
.s9-block > .txt > .title.-t4 > .num,
.s10-block > .txt > .title.-t4 > .num {
  background-color: #306f3c;
}
.s9-block > .txt > .content,
.s10-block > .txt > .content {
  min-height: 6em;
  margin-top: 0.5em;
  line-height: 1.5;
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.s9-block > .txt > .content::before,
.s10-block > .txt > .content::before {
  display: block;
  flex: 0 0 clamp(46.15px, -0.01px + 12.82vw, 100px);
  width: clamp(46.15px, -0.01px + 12.82vw, 100px);
  content: "";
  background-repeat: no-repeat;
  background-position: top 0.5em center;
  background-size: clamp(13.85px, 0.01px + 3.85vw, 30px);
}
.s9-block > .txt > .content.-t1::before,
.s10-block > .txt > .content.-t1::before {
  background-image: url(../img/s9_parts_arrd1_sp_png.webp);
}
.s9-block > .txt > .content.-t2::before,
.s10-block > .txt > .content.-t2::before {
  background-image: url(../img/s9_parts_arrd2_sp_png.webp);
}
.s9-block > .txt > .content.-t3::before,
.s10-block > .txt > .content.-t3::before {
  background-image: url(../img/s9_parts_arrd3_sp_png.webp);
}
@media screen and (min-width: 780px) {
  .s9-block,
  .s10-block {
    display: flex;
    gap: clamp(28.89px, 0px + 3.7vw, 40px);
    justify-content: space-between;
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px);
  }
  .s9-block > .txt > .title,
  .s10-block > .txt > .title {
    font-size: clamp(1.733rem, 0rem + 2.22vw, 2.4rem);
  }
  .s9-block > .txt > .title > .num,
  .s10-block > .txt > .title > .num {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
  }
  .s9-block > .txt > .title > .num > small,
  .s10-block > .txt > .title > .num > small {
    font-size: 1.2rem;
  }
  .s9-block > .txt > .title > .num > span,
  .s10-block > .txt > .title > .num > span {
    font-size: 2rem;
  }
  .s9-block > .txt > .content,
  .s10-block > .txt > .content {
    min-height: 5em;
    font-size: 1.6rem;
    text-align: justify;
  }
  .s9-block > .txt > .content::before,
  .s10-block > .txt > .content::before {
    flex: 0 0 60px;
    width: 60px;
    background-position: top 1em center;
    background-size: unset;
  }
  .s9-block > .txt > .content.-t1::before,
  .s10-block > .txt > .content.-t1::before {
    background-image: url(../img/s9_parts_arrd1_png.webp);
  }
  .s9-block > .txt > .content.-t2::before,
  .s10-block > .txt > .content.-t2::before {
    background-image: url(../img/s9_parts_arrd2_png.webp);
  }
  .s9-block > .txt > .content.-t3::before,
  .s10-block > .txt > .content.-t3::before {
    background-image: url(../img/s9_parts_arrd3_png.webp);
  }
  .s9-block > .img,
  .s10-block > .img {
    flex: 0 0 clamp(142.28px, 0.01px + 18.24vw, 197px);
  }
  .s9-block img,
  .s10-block img {
    border-radius: 10px;
  }
}

.s10-block {
  color: #fff;
  background-image: url(../img/s5_bg_2_jpg.webp);
  background-size: cover;
}
.s10-block > .txt > .title {
  color: #fff;
}
.s10-block > .txt > .title > .num {
  color: #005e2d;
}
.s10-block > .txt > .title.-t1 > .num {
  background-color: #acd0b8;
}
.s10-block > .txt > .title.-t2 > .num {
  background-color: #bcd9c6;
}
.s10-block > .txt > .title.-t3 > .num {
  background-color: #cde2d4;
}
.s10-block > .txt > .title.-t4 > .num {
  background-color: #ddebe3;
}
.s10-block > .txt > .title.-t5 > .num {
  background-color: #eff6f0;
}
.s10-block > .txt > .title.-t6 > .num {
  background-color: #fff;
}
.s10-block > .txt > .content.-t1::before {
  background-image: url(../img/s10_parts_arrd1_sp_png.webp);
}
.s10-block > .txt > .content.-t2::before {
  background-image: url(../img/s10_parts_arrd2_sp_png.webp);
}
.s10-block > .txt > .content.-t3::before {
  background-image: url(../img/s10_parts_arrd3_sp_png.webp);
}
.s10-block > .txt > .content.-t4::before {
  background-image: url(../img/s10_parts_arrd4_sp_png.webp);
}
.s10-block > .txt > .content.-t5::before {
  background-image: url(../img/s10_parts_arrd5_sp_png.webp);
}
@media screen and (min-width: 780px) {
  .s10-block {
    font-size: clamp(1.156rem, 0rem + 1.48vw, 1.6rem);
  }
  .s10-block > .txt > .content.-t1::before {
    background-image: url(../img/s10_parts_arrd1_png.webp);
  }
  .s10-block > .txt > .content.-t2::before {
    background-image: url(../img/s10_parts_arrd2_png.webp);
  }
  .s10-block > .txt > .content.-t3::before {
    background-image: url(../img/s10_parts_arrd3_png.webp);
  }
  .s10-block > .txt > .content.-t4::before {
    background-image: url(../img/s10_parts_arrd4_png.webp);
  }
  .s10-block > .txt > .content.-t5::before {
    background-image: url(../img/s10_parts_arrd5_png.webp);
  }
}

.s11-block {
  gap: clamp(18.46px, 0px + 5.13vw, 40px);
  min-height: clamp(156.92px, -0.01px + 43.59vw, 340px);
  padding: clamp(18.46px, 0px + 5.13vw, 40px);
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}
.s11-block > .txt {
  line-height: 1.75;
  text-align: justify;
}
.s11-block > .txt > .inner > .title > .main {
  color: #54a87c;
  font-size: clamp(1.846rem, 0rem + 5.13vw, 4rem);
}
.s11-block > .txt > .inner > .title > .sub {
  font-size: clamp(0.923rem, 0rem + 2.56vw, 2rem);
}
.s11-block > .txt > .inner > .content p {
  margin-top: 1em;
}
.s11-block > .txt .button {
  margin-top: 2em;
  color: #54a87c;
  text-align: center;
}
.s11-block > .txt .button button {
  border: none;
}
.s11-block > .img {
  float: right;
  width: clamp(145.84px, -0.01px + 40.51vw, 316px);
  margin-left: 1em;
}
@media screen and (min-width: 780px) {
  .s11-block {
    display: flex;
    gap: clamp(14.44px, -0.02px + 1.85vw, 20px);
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px);
  }
  .s11-block > .txt {
    order: 1;
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px);
  }
  .s11-block > .txt > .inner > .title {
    display: flex;
    align-items: center;
  }
  .s11-block > .txt > .inner > .title > .main {
    font-size: clamp(2.022rem, 0rem + 2.59vw, 2.8rem);
    margin-right: 0.5em;
  }
  .s11-block > .txt > .inner > .title > .sub {
    font-size: clamp(1.156rem, 0rem + 1.48vw, 1.6rem);
  }
  .s11-block > .img {
    flex: 0 0 clamp(231.11px, 0px + 29.63vw, 320px);
    order: 0;
    margin-left: 0;
  }
}

.s13-block {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #fff;
}
.s13-block > .item {
  display: flex;
  align-items: center;
}
.s13-block > .item > .title {
  flex: 0 0 10em;
  width: 10em;
  padding: 0 0.5em;
  text-align: right;
}
.s13-block > .item > .content {
  flex: 1 1 auto;
  width: auto;
  padding: 0.5em;
  border-left: 2px solid #fff;
}

.s14-block {
  line-height: 1.75;
}
.s14-block > .inner {
  padding: clamp(13.85px, 0.01px + 3.85vw, 30px);
  margin-top: 1.5em;
  color: #f50;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}
.s14-block > .inner > .txt {
  padding-left: 1em;
  list-style-type: none;
  list-style-type: disc;
}
.s14-block > .inner > .txt > li::marker {
  color: currentColor;
}
@media screen and (min-width: 780px) {
  .s14-block > .inner {
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px);
  }
}

.s15-form {
  width: 100%;
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
  margin: auto;
}
.s15-form > .item {
  margin-bottom: 1em;
}
.s15-form > .item > .title,
.s15-form > .item > .content {
  padding: 0.5em;
}
.s15-form > .item > .title {
  border-bottom: solid 2px #ccc;
}
.s15-form > .item > .title > .req {
  padding: 0.25em;
  margin-left: 0.25em;
  font-size: 80%;
  color: #fff;
  background-color: #418679;
  border-radius: 2px;
}
.s15-form > .item > .content input:not([type=checkbox]),
.s15-form > .item > .content textarea {
  width: 100%;
  padding: 0.5em;
  background-color: #fff;
  border: solid 1px #bdc3c7;
  border-radius: 2px;
}
.s15-form > .item > .content textarea {
  height: 8em;
}
.s15-form > .item > .content .button {
  width: 100%;
  padding: 0.5em;
  color: #fff;
  background-color: #549672;
  border: none;
  border-radius: 5px;
}
.s15-form > .item > .content a {
  font-size: 80%;
  color: #1c6dd0;
}
@media screen and (max-width: 779.98px) {
  .s15-form > .item > .content .button + .button {
    margin-top: 1em;
  }
}
@media screen and (min-width: 780px) {
  .s15-form > .item {
    display: flex;
    margin-bottom: 0;
  }
  .s15-form > .item > .title,
  .s15-form > .item > .content {
    display: flex;
    gap: 1em;
    align-items: center;
    padding: 1em;
  }
  .s15-form > .item > .title {
    flex: 0 0 15em;
    justify-content: flex-end;
    width: 15em;
    padding-left: 0;
    text-align: right;
    background-color: #f1f1f3;
    border-bottom: none;
  }
  .s15-form > .item > .content {
    width: 100%;
    padding-right: 0;
  }
  .s15-form > .item .mwform-checkbox-field label {
    display: flex;
  }
}
.mw_wp_form_complete {
  height: 8em;
  text-align: center;
}

.fixed-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: clamp(9.23px, 0px + 2.56vw, 20px);
  background-color: rgba(255, 255, 255, 0.8);
}
.fixed-foot > .nav {
  display: flex;
  gap: clamp(9.23px, 0px + 2.56vw, 20px);
  align-items: center;
  justify-content: center;
}
.fixed-foot > .nav > .item {
  position: relative;
  display: flex;
  flex: 0 0 calc(50% - clamp(4.62px, 0.01px + 1.28vw, 10px));
  align-items: center;
  justify-content: center;
}
.fixed-foot > .nav > .item::after {
  display: block;
  width: 0.75em;
  height: 0.75em;
  content: "";
  background-image: url("../img/header_parts_arrr_png.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: 0.75em;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.fixed-foot > .nav > .item > .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 6em;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.fixed-foot > .nav > .item > .inner > .sub {
  font-size: clamp(1.292rem, 0rem + 3.59vw, 2.8rem);
}
.fixed-foot > .nav > .item > .inner.-tel {
  background: linear-gradient(to bottom, #58e382 0%, #1b994c 100%);
}
.fixed-foot > .nav > .item > .inner.-tel > .sub {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.fixed-foot > .nav > .item > .inner.-tel > .sub::before {
  display: block;
  width: 1.75em;
  height: 1.75em;
  content: "";
  background-image: url("../img/footer_parts_tel_png.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  right: 0.75em;
  margin-right: 0.5em;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.fixed-foot > .nav > .item > .inner.-tel > .main {
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
.fixed-foot > .nav > .item > .inner.-link {
  background: linear-gradient(to bottom, #feb251 0%, #ec6c35 100%);
}
.fixed-foot > .nav > .item > .inner.-link > .sub {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.fixed-foot > .nav > .item > .inner.-link > .sub::before {
  display: block;
  width: 1.75em;
  height: 1.75em;
  content: "";
  background-image: url("../img/footer_parts_mail_png.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  right: 0.75em;
  margin-right: 0.5em;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.fixed-foot > .nav > .item > .inner.-link > .main {
  font-size: clamp(1.662rem, 0rem + 4.61vw, 3.6rem);
}
.fixed-foot > .nav > .item > .inner > * {
  display: block;
  color: #fff;
}

.layout {
  padding: 0 clamp(9.23px, 0px + 2.56vw, 20px);
  font-size: clamp(1.385rem, 0rem + 3.85vw, 3rem);
}
@media screen and (min-width: 780px) {
  .layout {
    padding: 0 clamp(28.89px, 0px + 3.7vw, 40px);
    font-size: clamp(1.156rem, 0rem + 1.48vw, 1.6rem);
  }
}

.role-banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  height: clamp(46.15px, -0.01px + 12.82vw, 100px);
  padding: 0 clamp(17.54px, 0px + 4.87vw, 38px);
  background-color: #fff;
}
.role-banner > .inner > .logo {
  width: clamp(133.84px, -0.01px + 37.18vw, 290px);
}
.role-banner > .inner > .nav {
  display: none;
}
@media screen and (min-width: 780px) {
  .role-banner {
    height: clamp(72.22px, -0.01px + 9.26vw, 100px);
    padding: 0 clamp(28.89px, 0px + 3.7vw, 40px);
  }
  .role-banner > .inner {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .role-banner > .inner > .logo {
    width: clamp(209.45px, 0.02px + 26.85vw, 290px);
  }
  .role-banner > .inner > .nav {
    display: flex;
    gap: 1em;
    align-items: center;
  }
  .role-banner > .inner > .nav > .item > .tel {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #007136;
    font-size: clamp(1.733rem, 0rem + 2.22vw, 2.4rem);
  }
  .role-banner > .inner > .nav > .item > .tel::before {
    display: block;
    width: 1.25em;
    height: 1.25em;
    content: "";
    background-image: url("../img/header_parts_tel_png.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 0.25em;
  }
  .role-banner > .inner > .nav > .item > .link {
    display: flex;
    align-items: center;
    padding: 1em;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(45deg, #fc7130 0%, #fc7130 50%, #ffbe56 100%);
    border-radius: 100px;
    font-size: clamp(1.156rem, 0rem + 1.48vw, 1.6rem);
  }
  .role-banner > .inner > .nav > .item > .link::after {
    display: block;
    width: 1em;
    height: 1em;
    content: "";
    background-image: url("../img/header_parts_arrr_png.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 0.25em;
  }
}

.role-main {
  margin-top: clamp(46.15px, -0.01px + 12.82vw, 100px);
}
@media screen and (min-width: 780px) {
  .role-main {
    margin-top: clamp(72.22px, -0.01px + 9.26vw, 100px);
  }
}

.role-contentinfo {
  padding: clamp(9.23px, 0px + 2.56vw, 20px) 0 clamp(73.85px, 0.01px + 20.51vw, 160px);
  text-align: center;
  font-size: clamp(0.923rem, 0rem + 2.56vw, 2rem);
}
.role-contentinfo > .logo {
  width: clamp(133.84px, -0.01px + 37.18vw, 290px);
  margin: 0 auto 1em;
}
@media screen and (min-width: 780px) {
  .role-contentinfo {
    padding: clamp(14.44px, -0.02px + 1.85vw, 20px) 0;
    font-size: clamp(0.867rem, 0rem + 1.11vw, 1.2rem);
  }
  .role-contentinfo > .logo {
    width: clamp(209.45px, 0.02px + 26.85vw, 290px);
  }
}

.chap-block {
  position: relative;
  overflow: hidden;
}
.chap-block > .inner {
  padding: 0.1px clamp(17.54px, 0px + 4.87vw, 38px);
  background-image: inherit;
  background-position: center center;
  background-size: cover;
}
.chap-block.-kv {
  height: 147.82vw;
  color: #fff;
  background-image: url(../img/kv_bg_sp_RR@2x_jpg.webp);
  background-size: cover;
}
.chap-block.-kv > .inner {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-top: clamp(18.46px, 0px + 5.13vw, 40px);
}
.chap-block.-s1 {
  background-image: url(../img/s1_bg_jpg.webp);
}
.chap-block.-s2 {
  background-image: url(../img/s2_bg_jpg.webp);
}
.chap-block.-s2 > .inner {
  padding-top: clamp(36.92px, -0.01px + 10.26vw, 80px);
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s3 {
  background-image: url(../img/s3_bg_jpg.webp);
}
.chap-block.-s3 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s3 > .inner > .content > .item + .item {
  margin-top: clamp(18.46px, 0px + 5.13vw, 40px);
}
.chap-block.-s4 {
  background-image: url(../img/s4s6_bg_jpg.webp);
}
.chap-block.-s4 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s4 > .inner > .content > .item + .item {
  margin-top: clamp(18.46px, 0px + 5.13vw, 40px);
}
.chap-block.-s5 {
  background-image: url(../img/s5_bg_jpg.webp);
}
.chap-block.-s5 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s6 {
  background-image: url(../img/s4s6_bg_jpg.webp);
}
.chap-block.-s6 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s7 {
  background-image: url(../img/s7_bg_jpg.webp);
}
.chap-block.-s7 > .inner {
  padding-top: clamp(36.92px, -0.01px + 10.26vw, 80px);
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s8 {
  background-image: url(../img/s8_bg_jpg.webp);
}
.chap-block.-s8 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s9 {
  background-image: url(../img/s9_bg_jpg.webp);
}
.chap-block.-s9 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s9 > .inner > .content > .item + .item {
  margin-top: clamp(9.23px, 0px + 2.56vw, 20px);
}
.chap-block.-s10 {
  background-image: url(../img/s10_bg_jpg.webp);
}
.chap-block.-s10 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s10 > .inner > .content > .item + .item {
  margin-top: clamp(9.23px, 0px + 2.56vw, 20px);
}
.chap-block.-s11 {
  background-image: url(../img/s11_bg_jpg.webp);
}
.chap-block.-s11 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s11 > .inner > .content > .item + .item {
  margin-top: clamp(18.46px, 0px + 5.13vw, 40px);
}
.chap-block.-s12 {
  height: 60vh;
  padding: 0;
}
.chap-block.-s12 > iframe {
  height: 100%;
}
.chap-block.-s13 {
  background-image: url(../img/s13_bg_jpg.webp);
}
.chap-block.-s13 > .inner {
  padding-top: clamp(18.46px, 0px + 5.13vw, 40px);
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s14 {
  background-image: url(../img/s14_bg_jpg.webp);
}
.chap-block.-s14 > .inner {
  padding-top: clamp(36.92px, -0.01px + 10.26vw, 80px);
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
.chap-block.-s15 {
  background-image: url(../img/s15_bg_jpg.webp);
}
.chap-block.-s15 > .inner {
  padding-bottom: clamp(36.92px, -0.01px + 10.26vw, 80px);
}
@media screen and (min-width: 780px) {
  .chap-block > .inner {
    position: relative;
    padding: 0.1px clamp(28.89px, 0px + 3.7vw, 40px);
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
  }
  .chap-block > .inner > .title,
  .chap-block > .inner > .content {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
  .chap-block::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    content: "";
    background-image: inherit;
    filter: blur(8px);
    background-size: cover;
  }
  .chap-block.-kv {
    height: clamp(538.78px, 0.01px + 69.07vw, 746px);
    background-image: url(../img/kv_bg@2x_jpg.webp);
  }
  .chap-block.-kv > .inner {
    align-items: center;
    padding-top: 0;
  }
  .chap-block.-s2 > .inner {
    padding-top: clamp(43.33px, -0.01px + 5.56vw, 60px);
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s3 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s3 > .inner > .content > .item + .item {
    margin-top: clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .chap-block.-s4 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s4 > .inner > .content > .item + .item {
    margin-top: clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .chap-block.-s5 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s6 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s6 > .inner > .content {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .chap-block.-s6 > .inner > .content > .item {
    flex: 0 0 calc(50% - clamp(10.83px, -0.01px + 1.39vw, 15px) - 1px);
  }
  .chap-block.-s7 > .inner {
    padding-top: clamp(43.33px, -0.01px + 5.56vw, 60px);
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s8 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s9 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s9 > .inner > .content > .item + .item {
    margin-top: clamp(14.44px, -0.02px + 1.85vw, 20px);
  }
  .chap-block.-s10 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s10 > .inner > .content > .item + .item {
    margin-top: clamp(14.44px, -0.02px + 1.85vw, 20px);
  }
  .chap-block.-s11 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s11 > .inner > .content > .item + .item {
    margin-top: clamp(21.67px, 0.01px + 2.78vw, 30px);
  }
  .chap-block.-s12 {
    height: clamp(281.67px, 0.01px + 36.11vw, 390px);
  }
  .chap-block.-s13 > .inner {
    padding-top: clamp(21.67px, 0.01px + 2.78vw, 30px);
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s14 > .inner {
    padding-top: clamp(43.33px, -0.01px + 5.56vw, 60px);
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
  .chap-block.-s15 > .inner {
    padding-bottom: clamp(43.33px, -0.01px + 5.56vw, 60px);
  }
}
@media screen and (min-width: 780px) and (max-width: 1079.98px) {
  .chap-block.-kv > .inner {
    background-size: 133vw;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1439.98px) {
  .chap-block.-kv > .inner {
    background-size: 1440px;
  }
}
@media screen and (max-width: 359.98px) {
  .chap-block.-kv {
    height: 100%;
  }
}
@media screen and (max-width: 779.98px) {
  .chap-block.-s6 > .inner > .content > .item + .item {
    margin-top: clamp(18.46px, 0px + 5.13vw, 40px);
  }
}

:where(body.-top) :root {
  --wfvw: 1vw;
  --wfpd: 1vw;
  --wfof: hidden;
}
:where(body.-top) .top {
  background-color: #800;
}

:where(body.-template) :root {
  --wfvw: 1vw;
  --wfpd: 1vw;
  --wfof: hidden;
}
:where(body.-template) .template {
  background-color: #800;
}
:where(body.-template) .space {
  height: 20em;
}

:where(body.-under) :root {
  --wfvw: 1vw;
  --wfpd: 1vw;
  --wfof: hidden;
}
:where(body.-under) .under {
  background-color: #800;
}/*# sourceMappingURL=style.css.map */