@charset "UTF-8";
.tbudr-b {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.tbudr-h {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.tbudr-r {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rounded-h {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.rounded-r {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.c-reset__img {
  display: block;
  width: 100%;
  height: auto;
}
.c-reset__text {
  margin: 0;
}
.c-reset__list {
  margin: 0;
}

.c-br--sp {
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-br--sp {
    display: none;
  }
}

.c-br--tab01 {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-br--tab01 {
    display: none;
  }
}

.c-br--pc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-br--pc {
    display: block;
  }
}

.c-br--tab02 {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-br--tab02 {
    display: block;
  }
}

.c-anchor--normal {
  margin-top: calc(clamp(65px, 17.25vw, 105px) * -1);
  padding-top: clamp(65px, 17.25vw, 105px);
}
@media screen and (min-width: 1024px) {
  .c-anchor--normal {
    margin-top: 0;
    padding-top: 0;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.l-header {
  position: relative;
  width: 100%;
}

.l-header-sp {
  background-color: #fbf8e7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: clamp(65px, 17.25vw, 105px);
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .l-header-sp {
    display: none;
  }
}
.l-header-sp__logo {
  position: relative;
  display: block;
  width: 50%;
  height: 95%;
  margin-left: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header-sp__instagram {
  display: block;
  width: clamp(65px, 17.25vw, 105px);
  height: clamp(65px, 17.25vw, 105px);
  padding: 2.5%;
  position: fixed;
  top: 0;
  right: clamp(65px, 17.25vw, 105px);
}
.l-header-sp__instagram__img {
  display: block;
  background-color: #8db76c;
  border-radius: 50%;
}
.l-header-sp__button {
  position: relative;
  background: #68b72e;
  display: block;
  width: clamp(65px, 17.25vw, 105px);
  height: clamp(65px, 17.25vw, 105px);
}
.l-header-sp__button__inner {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.l-header-sp__button__line {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  background-color: #ffffff;
  width: 45%;
  height: 3px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-header-sp__button__line {
    height: 3px;
  }
}
.l-header-sp__button__line:nth-of-type(1) {
  top: 23%;
}
.l-header-sp__button__line:nth-of-type(2) {
  top: 38%;
}
.l-header-sp__button__line:nth-of-type(3) {
  top: 53%;
}
.l-header-sp__button.open .l-header-sp__button__line:nth-of-type(1) {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  top: 38%;
}
.l-header-sp__button.open .l-header-sp__button__line:nth-of-type(2) {
  opacity: 0;
}
.l-header-sp__button.open .l-header-sp__button__line:nth-of-type(3) {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  top: 38%;
}
.l-header-sp__button__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  font-size: clamp(12px, 3.2vw, 18px);
  position: absolute;
  bottom: 0.8em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-header-sp__button__title {
    bottom: 1.5em;
  }
}
.l-header-sp__nav {
  display: block;
  background: #68b72e;
  width: 100vw;
  height: 100%;
  z-index: 20;
  position: fixed;
  top: clamp(65px, 17.25vw, 105px);
  right: -100vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header-sp__nav.open {
  right: 0;
}
.l-header-sp__menu {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: calc(100vh - clamp(65px, 17.25vw, 105px));
  opacity: 1;
  padding: 0;
  padding-bottom: clamp(75px, 20vw, 193px);
}
.l-header-sp__menu::-webkit-scrollbar {
  display: none;
}
.l-header-sp__menu__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  line-height: 1;
  font-size: clamp(14px, 3.73vw, 21px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding: 1.25em 1em 1.25em 2em;
  border-bottom: 1px solid #ffffff;
}
@media screen and (min-width: 768px) {
  .l-header-sp__menu__text {
    padding: 2em 4em;
  }
}
.l-header-sp__menu__text:hover, .l-header-sp__menu__text:active, .l-header-sp__menu__text:focus, .l-header-sp__menu__text:visited {
  color: #ffffff;
}
.l-header-sp__menu__toggle {
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
}
.l-header-sp__menu__toggle::before, .l-header-sp__menu__toggle::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0.4em;
  width: 1em;
  height: 1px;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header-sp__menu__toggle::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.l-header-sp__menu--dropdown__menu {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(14px, 3.73vw, 21px);
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #86c558;
}
.l-header-sp__menu--dropdown__menu__item {
  border-bottom: 1px solid #ffffff;
}
.l-header-sp__menu--dropdown__menu__item:nth-child(odd) {
  width: 40%;
}
.l-header-sp__menu--dropdown__menu__item:nth-child(even) {
  width: 60%;
}
.l-header-sp__menu--dropdown__menu__item:last-child {
  border-bottom: none;
}
.l-header-sp__menu--dropdown__menu__text {
  color: #ffffff;
  line-height: 1;
  position: relative;
  padding: 1.25em 0 1.25em 2em;
  display: block;
}
.l-header-sp__menu--dropdown__menu__text:hover, .l-header-sp__menu--dropdown__menu__text:active, .l-header-sp__menu--dropdown__menu__text:focus, .l-header-sp__menu--dropdown__menu__text:visited {
  color: #ffffff;
}
.l-header-sp__menu--dropdown.open .l-header-sp__menu__toggle::after {
  -webkit-transform: none;
          transform: none;
}
.l-header-sp__menu--dropdown.open .l-header-sp__menu--dropdown__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-header-pc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-header-pc {
    background-color: #fbf8e7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: clamp(75px, 6.25vw, 100px);
    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;
    z-index: 20;
  }
}
.l-header-pc__logo {
  width: 17%;
  height: 97%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 3%;
}
@media screen and (min-width: 1536px) {
  .l-header-pc__logo {
    width: 15.75%;
  }
}
.l-header-pc__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(12.8px, 1.06vw, 16px);
  width: 80%;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .l-header-pc__right {
    gap: clamp(22.4px, 1.86vw, 32px);
  }
}
.l-header-pc__menu {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(11.2px, 0.93vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  height: 100%;
}
.l-header-pc__menu__link {
  color: #6f5429;
  display: block;
  position: relative;
  padding: 1em 0.75em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .l-header-pc__menu__link {
    padding: 1em 0.75em;
  }
}
@media screen and (min-width: 1280px) {
  .l-header-pc__menu__link {
    padding: 1em 1em;
  }
}
.l-header-pc__menu__link:visited {
  color: #6f5429;
}
.l-header-pc__menu__link:hover, .l-header-pc__menu__link:active, .l-header-pc__menu__link:focus {
  color: #6f5429;
}
.l-header-pc__menu__sub {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(12.8px, 1.06vw, 16px);
  position: absolute;
  top: calc(clamp(75px, 6.25vw, 100px) * 0.9);
  padding: 0;
  padding-top: calc(clamp(75px, 6.25vw, 100px) * 0.1);
  z-index: 999;
  -webkit-transition: all 1s;
  transition: all 1s;
  visibility: hidden;
  opacity: 0;
  width: 15em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-header-pc__menu__sub__item:first-child {
  border-top: 2px solid #8cbb44;
}
.l-header-pc__menu__sub__link {
  color: #6f5429;
  display: block;
  padding: 1.15em 0;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-left: 2px solid #8cbb44;
  border-right: 2px solid #8cbb44;
  border-bottom: 2px solid #8cbb44;
}
.l-header-pc__menu__sub__link:visited {
  color: #6f5429;
}
.l-header-pc__menu__sub__link:hover, .l-header-pc__menu__sub__link:active, .l-header-pc__menu__sub__link:focus {
  color: #ffffff;
  background-color: #8cbb44;
}
.l-header-pc__menu--hover {
  position: relative;
  height: 100%;
  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;
}
.l-header-pc__menu--hover:hover .l-header-pc__menu__link::before, .l-header-pc__menu--hover:active .l-header-pc__menu__link::before, .l-header-pc__menu--hover:focus .l-header-pc__menu__link::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.l-header-pc__menu--dropdown {
  position: relative;
}
.l-header-pc__menu--dropdown:hover .l-header-pc__menu__sub, .l-header-pc__menu--dropdown:active .l-header-pc__menu__sub {
  visibility: visible;
  opacity: 1;
}
.l-header-pc__menu--dropdown:hover .l-header-pc__menu__link::before, .l-header-pc__menu--dropdown:active .l-header-pc__menu__link::before {
  opacity: 1;
}
.l-header-pc__instagram {
  display: block;
  background-color: #68b72e;
  border-radius: 50%;
  width: clamp(38.4px, 3.2vw, 48px);
}
.l-header-pc__tel {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  line-height: 1;
  font-size: clamp(19.2px, 1.6vw, 24px);
  height: 100%;
  width: 10em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #8cbb44;
  border-radius: 0 0 0 clamp(12.8px, 1.06vw, 16px);
}
@media screen and (min-width: 1280px) {
  .l-header-pc__tel {
    font-size: clamp(22.4px, 1.86vw, 32px);
  }
}
.l-header-pc__tel__title {
  font-size: clamp(12.8px, 1.06vw, 16px);
  display: block;
  padding-bottom: 0.25em;
}
.l-header-pc__tel__inner {
  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;
}
.l-header-pc__tel__icon {
  width: 0.65em;
  margin-right: 0.15em;
  margin-top: 0.1em;
}
.l-header-pc__tel__text {
  display: block;
}
.l-header-pc__tel:visited {
  color: #ffffff;
}
.l-header-pc__tel:hover, .l-header-pc__tel:focus, .l-header-pc__tel:active {
  color: #ffffff;
  opacity: 0.7;
}

.l-footer__bg01 {
  background-color: #fbf8e7;
  padding: clamp(48px, 12.8vw, 65.1px) 0 clamp(32px, 8.53vw, 48px) 0;
}
@media screen and (min-width: 1024px) {
  .l-footer__bg01 {
    padding: clamp(89.6px, 7.46vw, 112px) 0;
  }
}
.l-footer__inner01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(32px, 8.53vw, 48px);
}
@media screen and (min-width: 1024px) {
  .l-footer__inner01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8.36%;
  }
}
.l-footer__pdf {
  position: relative;
  background-image: -webkit-image-set(url("../img/cmn-bg-download.png.webp") type('image/webp'), url("../img/cmn-bg-download.png") type('image/png'));
  background-image: image-set(url("../img/cmn-bg-download.png.webp") type('image/webp'), url("../img/cmn-bg-download.png") type('image/png'));
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: clamp(6.577px, 1.75vw, 12px);
  padding: clamp(22px, 5.86vw, 33px) clamp(28px, 7.46vw, 42px);
}
@media screen and (min-width: 768px) {
  .l-footer__pdf {
    padding: clamp(22px, 5.86vw, 33px) clamp(40px, 10.66vw, 60px);
    margin-bottom: clamp(68px, 5.66vw, 85px);
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf {
    width: 45.82%;
    border-radius: 10px;
    padding: clamp(25.6px, 2.13vw, 32px) clamp(32px, 2.66vw, 40px);
  }
}
.l-footer__pdf__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #007a3c;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: clamp(18px, 4.8vw, 27px);
  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;
}
@media screen and (min-width: 768px) {
  .l-footer__pdf__title {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    font-size: clamp(21px, 5.6vw, 28.5px);
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf__title {
    font-size: clamp(22.4px, 1.86vw, 32px);
  }
}
.l-footer__pdf__title--accent {
  color: #ffffff;
  text-align: center;
  line-height: 1;
  font-size: clamp(15px, 4vw, 22.5px);
  background-color: #fa9e3e;
  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;
  width: 4.5em;
  height: 1.5em;
  border-radius: 0.75em;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) {
  .l-footer__pdf__title--accent {
    letter-spacing: 0.06em;
    width: 5em;
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf__title--accent {
    font-size: clamp(18.4px, 1.6vw, 23px);
  }
}
.l-footer__pdf__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf__inner {
    padding-top: clamp(22.4px, 1.86vw, 28px);
  }
}
.l-footer__pdf__link {
  display: block;
  position: relative;
  width: 30%;
  border-radius: clamp(4.141px, 1.1vw, 6px);
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf__link {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 6.296px;
  }
}
.l-footer__pdf__link:hover, .l-footer__pdf__link:active, .l-footer__pdf__link:focus {
  opacity: 0.5;
}
.l-footer__pdf__link--deco {
  width: 40%;
  position: absolute;
  top: calc(clamp(17px, 4.53vw, 25.5px) * -1);
  left: calc(clamp(20px, 5.33vw, 30px) * -1);
}
@media screen and (min-width: 768px) {
  .l-footer__pdf__link--deco {
    top: calc(clamp(30px, 8vw, 45px) * -1);
    left: calc(clamp(35px, 9.33vw, 52.5px) * -1);
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf__link--deco {
    top: calc(clamp(22.4px, 1.86vw, 28px) * -1);
    left: calc(clamp(28px, 2.33vw, 35px) * -1);
  }
}
.l-footer__pdf__link__img {
  position: relative;
  border-radius: clamp(4.141px, 1.1vw, 6px);
}
@media screen and (min-width: 1024px) {
  .l-footer__pdf__link__img {
    border-radius: 6.296px;
  }
}
.l-footer__banner {
  position: relative;
  border-radius: clamp(6.577px, 1.75vw, 12px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .l-footer__banner {
    width: 45.82%;
    border-radius: 10px;
  }
}
.l-footer__banner:hover, .l-footer__banner:active, .l-footer__banner:focus {
  opacity: 0.5;
}
.l-footer__career {
  position: relative;
  border-radius: clamp(6.577px, 1.75vw, 12px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .l-footer__career {
    width: 45.82%;
    border-radius: 10px;
  }
}
.l-footer__career:hover, .l-footer__career:active, .l-footer__career:focus {
  opacity: 0.5;
}
.l-footer__career--deco {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.l-footer__map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .l-footer__map {
    padding-top: 35%;
  }
}
.l-footer__map iframe,
.l-footer__map object,
.l-footer__map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-footer__bg02 {
  background-color: #ffffff;
  padding: clamp(64px, 17.06vw, 86.9px) 0 clamp(48px, 12.8vw, 65.1px) 0;
}
@media screen and (min-width: 1024px) {
  .l-footer__bg02 {
    padding: clamp(68px, 5.66vw, 85px) 0 clamp(76.8px, 6.4vw, 96px) 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__inner02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-footer__inner02__left {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .l-footer__inner02__left {
    width: 50%;
  }
}
.l-footer__inner02__right {
  padding-top: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .l-footer__inner02__right {
    width: 45%;
    padding-top: 0;
  }
}
.l-footer__logo {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .l-footer__logo {
    width: 70%;
    margin: 0;
  }
}
.l-footer__logo__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1;
  font-size: clamp(14px, 3.73vw, 21px);
  padding: 2em 0;
  display: block;
}
@media screen and (min-width: 1024px) {
  .l-footer__logo__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 1.5em 0;
  }
}
.l-footer__tel {
  padding-bottom: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .l-footer__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: clamp(14.4px, 1.2vw, 18px);
  }
}
.l-footer__tel__title--sp {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(12.3px, 3.28vw, 18px);
  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;
  background-color: #8cbb44;
  width: 10em;
  height: 2em;
  border-radius: 1em;
}
@media screen and (min-width: 1024px) {
  .l-footer__tel__title--sp {
    display: none;
  }
}
.l-footer__tel__title--pc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-footer__tel__title--pc {
    font-family: "m-plus-rounded-1c", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(27.2px, 2.26vw, 34px);
    width: 3em;
    margin: 0.25em 0.25em 0 0;
    display: block;
  }
}
.l-footer__tel__link {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 1;
  font-size: clamp(32px, 8.53vw, 48px);
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.25em;
}
@media screen and (min-width: 1024px) {
  .l-footer__tel__link {
    letter-spacing: 0.03em;
    font-size: clamp(27.2px, 2.26vw, 34px);
  }
}
.l-footer__tel__link__icon {
  width: 0.65em;
  margin-right: 0.25em;
}
.l-footer__tel__link:visited, .l-footer__tel__link:hover, .l-footer__tel__link:focus, .l-footer__tel__link:active {
  color: #6f5429;
}
.l-footer__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.5;
  font-size: clamp(16px, 4.26vw, 24px);
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .l-footer__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    display: block;
  }
}
.l-footer__bg03 {
  background-color: #fbf8e7;
  padding: clamp(24px, 6.4vw, 36px) 0;
}
@media screen and (min-width: 1024px) {
  .l-footer__bg03 {
    padding: clamp(44px, 3.66vw, 55px) 0;
  }
}
.l-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .l-footer__nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.l-footer__menu {
  padding: clamp(10px, 2.66vw, 15px) 0;
}
@media screen and (min-width: 1024px) {
  .l-footer__menu {
    padding: 0;
  }
}
.l-footer__menu--01 {
  width: 57%;
}
@media screen and (min-width: 1024px) {
  .l-footer__menu--01 {
    width: auto;
  }
}
.l-footer__menu--02 {
  width: 43%;
}
@media screen and (min-width: 1024px) {
  .l-footer__menu--02 {
    width: auto;
  }
}
.l-footer__menu--sp {
  width: 50%;
  border-top: 1px solid #b5b1b1;
}
@media screen and (min-width: 1024px) {
  .l-footer__menu--sp {
    display: none;
  }
}
.l-footer__menu--pc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-footer__menu--pc {
    display: block;
  }
}
.l-footer__menu__link {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 2;
  font-size: clamp(12px, 3.2vw, 18px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .l-footer__menu__link {
    letter-spacing: 0.04em;
    font-size: clamp(12px, 1vw, 15px);
  }
}
.l-footer__menu__link:visited, .l-footer__menu__link:hover, .l-footer__menu__link:focus, .l-footer__menu__link:active {
  color: #6f5429;
}
.l-footer__copyright {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  font-size: clamp(12px, 3.2vw, 18px);
  background-color: #6f5429;
  padding: 1.5em 0 6em 0;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .l-footer__copyright {
    font-size: clamp(11.2px, 0.93vw, 14px);
    padding: 1.5em 0;
  }
}
@media screen and (min-width: 1280px) {
  .l-footer__copyright {
    padding: 1.5em 0;
  }
}

.l-footer-medicalcontents {
  background-color: #8db76c;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
  z-index: 2;
  padding: clamp(85px, 22.66vw, 115.35px) 0 clamp(72px, 19.2vw, 97.7px) 0;
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents {
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 37% auto;
    background-position: top left, bottom right -10%;
    padding: clamp(152px, 12.66vw, 190px) 0 clamp(115.2px, 9.6vw, 144px) 0;
  }
}
.l-footer-medicalcontents--base {
  background-image: url(../img/cmn-bg-bottom-base-sp.svg);
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents--base {
    background-image: url(../img/cmn-bg-bottom-base.svg), url(../img/cmn-medicalcontents-logo.svg);
  }
}
.l-footer-medicalcontents--primary {
  background-image: url(../img/cmn-bg-bottom-primary-sp.svg);
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents--primary {
    background-image: url(../img/cmn-bg-bottom-primary.svg), url(../img/cmn-medicalcontents-logo.svg);
  }
}
.l-footer-medicalcontents__list {
  padding-top: clamp(32px, 8.53vw, 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(24px, 6.4vw, 36px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents__list {
    padding-top: clamp(76.8px, 6.4vw, 96px);
    gap: clamp(24px, 2vw, 48px);
  }
}
@media screen and (min-width: 1920px) {
  .l-footer-medicalcontents__list {
    gap: clamp(38.4px, 3.2vw, 48px);
  }
}
.l-footer-medicalcontents__list__item {
  width: calc((100% - clamp(24px, 6.4vw, 36px)) / 2);
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border: 2px solid #68b72e;
  border-radius: clamp(12px, 3.2vw, 18px);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents__list__item {
    width: calc((100% - clamp(24px, 2vw, 48px) * 5) / 6);
    border-radius: clamp(19.2px, 1.6vw, 24px);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 1920px) {
  .l-footer-medicalcontents__list__item {
    width: calc((100% - clamp(38.4px, 3.2vw, 48px) * 5) / 6);
  }
}
.l-footer-medicalcontents__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-footer-medicalcontents__link:hover, .l-footer-medicalcontents__link:focus, .l-footer-medicalcontents__link:active {
  opacity: 0.7;
}
.l-footer-medicalcontents__link__img {
  background-color: #f0f9d7;
  width: 48%;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents__link__img {
    width: 50%;
  }
}
.l-footer-medicalcontents__link__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.33;
  font-size: clamp(14px, 3.73vw, 21px);
  height: 2.7em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.35em;
}
@media screen and (min-width: 1024px) {
  .l-footer-medicalcontents__link__text {
    font-size: clamp(12.6px, 1.05vw, 18px);
  }
}
.l-footer-medicalcontents__link__text--sm {
  font-size: 0.875em;
}

.l-main {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.l-main__pos {
  position: relative;
}
.l-main__primary {
  background-color: #fbf8e7;
  position: relative;
}
.l-main__primary--base {
  background-color: #fbf8e7;
  position: relative;
  background-image: url(../img/cmn-bg-bottom-base-sp.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
}
@media screen and (min-width: 1024px) {
  .l-main__primary--base {
    background-image: url(../img/cmn-bg-bottom-base.svg);
  }
}
.l-main__base {
  background-color: #ffffff;
  position: relative;
}
.l-main__base--primary {
  background-color: #ffffff;
  position: relative;
  background-image: url(../img/cmn-bg-bottom-primary-sp.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
}
@media screen and (min-width: 1024px) {
  .l-main__base--primary {
    background-image: url(../img/cmn-bg-bottom-primary.svg);
  }
}
.l-main__base--greeting {
  background-color: #ffffff;
  background-image: url(../img/index-greeting-logo.svg);
  position: relative;
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: bottom 2% right -55%;
}
@media screen and (min-width: 1024px) {
  .l-main__base--greeting {
    background-size: 40% auto;
    background-position: bottom right -10%;
  }
}
.l-main__wrapper {
  position: relative;
  width: 84.5%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-main__wrapper {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .l-main__wrapper {
    width: 80%;
    max-width: 1100px;
  }
}
@media screen and (min-width: 1280px) {
  .l-main__wrapper {
    width: 70%;
  }
}
@media screen and (min-width: 1536px) {
  .l-main__wrapper {
    width: 1100px;
  }
}
.l-main__wrapper--scroll {
  position: relative;
  padding-left: 10%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  .l-main__wrapper--scroll {
    width: 90%;
    margin: 0 auto;
    padding-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-main__wrapper--scroll {
    width: 80%;
    max-width: 1100px;
  }
}
.l-main__wrapper--scroll::-webkit-scrollbar {
  display: none;
}
.l-main__wrapper--wide {
  position: relative;
  width: 84.5%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-main__wrapper--wide {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .l-main__wrapper--wide {
    width: 85%;
    max-width: 1536px;
  }
}
@media screen and (min-width: 1280px) {
  .l-main__wrapper--wide {
    width: 80%;
  }
}
@media screen and (min-width: 1536px) {
  .l-main__wrapper--wide {
    width: 82%;
  }
}
.l-main__wrapper--footer {
  position: relative;
  width: 85%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-main__wrapper--footer {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .l-main__wrapper--footer {
    width: 80%;
    max-width: 1100px;
  }
}
@media screen and (min-width: 1280px) {
  .l-main__wrapper--footer {
    width: 70%;
  }
}
@media screen and (min-width: 1536px) {
  .l-main__wrapper--footer {
    width: 1100px;
  }
}

.l-main-header {
  position: relative;
  z-index: 5;
  margin-top: clamp(65px, 17.25vw, 105px);
}
@media screen and (min-width: 1024px) {
  .l-main-header {
    margin-top: clamp(75px, 6.25vw, 100px);
  }
}
.l-main-header:before {
  content: "";
  position: relative;
  display: block;
  background-color: #fbf8e7;
  width: 100%;
  height: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 1024px) {
  .l-main-header:before {
    height: clamp(25.6px, 2.13vw, 32px);
  }
}
.l-main-header__img {
  position: relative;
}
.l-main-header__img:before {
  content: "";
  display: block;
  background-color: #fbf8e7;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.l-main-header__title {
  position: relative;
  width: 84.5%;
  height: clamp(110.5px, 29.46vw, 200px);
  margin: 0 auto;
  background-image: -webkit-image-set(url("../img/cmn-header-reception-sp.png.webp") type('image/webp'), url("../img/cmn-header-reception-sp.png") type('image/png'));
  background-image: image-set(url("../img/cmn-header-reception-sp.png.webp") type('image/webp'), url("../img/cmn-header-reception-sp.png") type('image/png'));
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: clamp(16px, 4.26vw, 24px);
  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;
}
@media screen and (min-width: 768px) {
  .l-main-header__title {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .l-main-header__title {
    width: 92.5%;
    max-width: 1776px;
    height: clamp(214.4px, 17.86vw, 268px);
    background-image: -webkit-image-set(url("../img/cmn-header-reception.png.webp") type('image/webp'), url("../img/cmn-header-reception.png") type('image/png'));
    background-image: image-set(url("../img/cmn-header-reception.png.webp") type('image/webp'), url("../img/cmn-header-reception.png") type('image/png'));
    border-radius: clamp(22.4px, 1.86vw, 32px);
  }
}
.l-main-header__title__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.15em;
  font-size: clamp(24px, 6.4vw, 36px);
}
@media screen and (min-width: 1024px) {
  .l-main-header__title__text {
    font-size: clamp(28px, 2.33vw, 35px);
  }
}
.l-main-header__title__text--sm {
  font-size: 0.6em;
}

@media screen and (min-width: 768px) {
  .c-medicalcontents__inner01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__inner01__left {
    width: 55%;
  }
}
.c-medicalcontents__inner01__img {
  padding-top: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__inner01__img {
    width: 42%;
    padding-top: 0;
  }
}
.c-medicalcontents__title01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1.4;
  font-size: clamp(20px, 5.33vw, 30px);
  background-color: #aacc03;
  padding: 0.65em 0;
  border-radius: 10px;
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__title01 {
    font-size: clamp(24px, 2vw, 30px);
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__title01 {
    letter-spacing: 0.06em;
  }
}
.c-medicalcontents__title01--sm {
  font-size: clamp(14px, 3.73vw, 21px);
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__title01--sm {
    font-size: clamp(19.2px, 1.6vw, 24px);
  }
}
.c-medicalcontents__title02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1;
  font-size: clamp(22px, 5.86vw, 33px);
  background-color: #ffffff;
  width: 12em;
  height: 2em;
  border-radius: 1em;
  margin: 0 auto;
  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;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__title02 {
    font-size: clamp(23.8px, 1.98vw, 34px);
    width: 22em;
    height: 2.8em;
    border-radius: 1.4em;
  }
}
.c-medicalcontents__title02__img {
  width: 1.75em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__title02__img {
    width: 2.25em;
  }
}
.c-medicalcontents__title02__text {
  font-size: clamp(22px, 5.86vw, 33px);
  display: inline-block;
  padding: 0 0.1em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__title02__text {
    letter-spacing: 0.15em;
    font-size: clamp(23.8px, 1.98vw, 34px);
    padding: 0 0.75em;
  }
}
.c-medicalcontents__detail01 {
  background-color: #fbf8e7;
  border-radius: clamp(18px, 4.8vw, 27px);
  padding: clamp(40px, 10.66vw, 60px) clamp(22px, 5.86vw, 33px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01 {
    border-radius: clamp(22.4px, 1.86vw, 32px);
    padding: clamp(48px, 4vw, 60px) clamp(51.2px, 4.26vw, 64px);
  }
}
.c-medicalcontents__detail01__pos {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__pos {
    width: 90%;
    margin: 0 auto;
  }
}
.c-medicalcontents__detail01__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(13px, 3.46vw, 19.5px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__detail01__list {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: clamp(32px, 2.66vw, 40px);
       -moz-column-gap: clamp(32px, 2.66vw, 40px);
            column-gap: clamp(32px, 2.66vw, 40px);
    row-gap: unset;
    width: 100%;
    margin: 0;
  }
}
.c-medicalcontents__detail01__list__item {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: clamp(15px, 4vw, 24px);
  width: calc((100% - clamp(13px, 3.46vw, 19.5px)) / 2);
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border: 2px solid #68b72e;
  border-radius: clamp(16px, 4.26vw, 24px);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  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;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__detail01__list__item {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__list__item {
    line-height: 1.8;
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 23%;
    border-radius: 50%;
    border: 4px solid #68b72e;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__list__item--bottom {
    top: -10px;
    right: -15%;
  }
}
.c-medicalcontents__detail01__list--deco01 {
  width: clamp(40px, 10.66vw, 70px);
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  position: absolute;
  bottom: calc(clamp(26px, 6.93vw, 39px) * -1);
  left: calc(clamp(26px, 6.93vw, 39px) * -1);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__list--deco01 {
    width: clamp(62.4px, 5.2vw, 78px);
    -webkit-transform: none;
            transform: none;
    bottom: auto;
    top: 0;
    left: -45px;
  }
}
.c-medicalcontents__detail01__list--deco02 {
  width: clamp(40px, 10.66vw, 70px);
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  position: absolute;
  top: calc(clamp(30px, 8vw, 45px) * -1);
  right: calc(clamp(26px, 6.93vw, 39px) * -1);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__list--deco02 {
    width: clamp(62.4px, 5.2vw, 78px);
    -webkit-transform: none;
            transform: none;
    top: auto;
    bottom: clamp(24px, 2vw, 30px);
    right: -10px;
  }
}
@media screen and (min-width: 1536px) {
  .c-medicalcontents__detail01__list--deco02 {
    right: 0;
  }
}
.c-medicalcontents__detail01__inner {
  padding-top: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__inner__left {
    width: 57%;
  }
}
.c-medicalcontents__detail01__inner__right {
  padding-top: clamp(46px, 12.26vw, 62.4px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__inner__right {
    width: 43%;
    padding-top: 0;
  }
}
.c-medicalcontents__detail01__title {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__title {
    text-align: left;
  }
}
.c-medicalcontents__detail01__title__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: clamp(16px, 4.26vw, 27px);
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-medicalcontents__detail01__title__text {
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__title__text {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.c-medicalcontents__detail01__title__text::before {
  content: "";
  display: inline-block;
  background-color: #f6ff8b;
  width: 100%;
  height: 0.75em;
  position: absolute;
  left: 0;
  bottom: 0.1em;
}
.c-medicalcontents__detail01__title__text--accent {
  color: #68b72e;
}
.c-medicalcontents__detail01__title__text__pos {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__title__text__pos {
    padding: 0 0.5em;
  }
}
.c-medicalcontents__detail01__title__text__pos--left {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__title__text__pos--left {
    padding: 0 0 0 0.5em;
  }
}
.c-medicalcontents__detail01__title__text__pos--right {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__title__text__pos--right {
    padding: 0 0.5em 0 0;
  }
}
.c-medicalcontents__detail01__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 2em 0 1.5em 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 1.5em 0;
    width: 90%;
  }
}
.c-medicalcontents__detail01__text--br {
  display: none;
}
@media screen and (min-width: 1536px) {
  .c-medicalcontents__detail01__text--br {
    display: block;
  }
}
.c-medicalcontents__detail01__tel {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__tel {
    width: 82%;
    margin-left: 3%;
  }
}
.c-medicalcontents__detail01__tel:hover, .c-medicalcontents__detail01__tel:focus, .c-medicalcontents__detail01__tel:active {
  opacity: 0.7;
}
.c-medicalcontents__detail01__img {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail01__img {
    border: 8px solid #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__left {
    width: 50%;
  }
}
.c-medicalcontents__inner02__right {
  padding-top: clamp(10px, 2.66vw, 15px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__right {
    width: 40%;
    padding-top: 0;
  }
}
.c-medicalcontents__inner02__title {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title {
    text-align: left;
  }
}
.c-medicalcontents__inner02__title__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 2;
  letter-spacing: 0.05em;
  font-size: clamp(20px, 5.33vw, 30px);
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text {
    font-size: clamp(21px, 1.75vw, 30px);
  }
}
.c-medicalcontents__inner02__title__text::before {
  content: "";
  display: inline-block;
  background-color: #f6ff8b;
  width: 100%;
  height: 0.75em;
  position: absolute;
  left: 0;
  bottom: 0.1em;
}
.c-medicalcontents__inner02__title__text__pos {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text__pos {
    padding: 0 0.5em;
  }
}
.c-medicalcontents__inner02__title__text__pos--left {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text__pos--left {
    padding: 0 0 0 0.5em;
  }
}
.c-medicalcontents__inner02__title__text__pos--right {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text__pos--right {
    padding: 0 0.5em 0 0;
  }
}
.c-medicalcontents__inner02__title__text--narrow01 {
  letter-spacing: -0.01em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text--narrow01 {
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
  }
}
.c-medicalcontents__inner02__title__text--narrow01 .c-medicalcontents__inner02__title__text__pos {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text--narrow01 .c-medicalcontents__inner02__title__text__pos {
    padding: 0 0.5em;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__title__text--narrow02 {
    letter-spacing: normal;
  }
}
.c-medicalcontents__inner02__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 1em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 2em;
  }
}
.c-medicalcontents__inner02__text--accent {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
}
.c-medicalcontents__inner02__img {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__inner02__img {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 100%;
    margin: 0;
  }
}
.c-medicalcontents__detail02 {
  border-radius: clamp(16px, 4.26vw, 24px);
  padding: clamp(30px, 8vw, 45px) clamp(22px, 5.86vw, 33px);
  margin-top: clamp(46px, 12.26vw, 62.4px);
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail02 {
    border-radius: clamp(22.4px, 1.86vw, 32px);
    padding: clamp(51.2px, 4.26vw, 64px) clamp(51.2px, 4.26vw, 64px);
    text-align: center;
    margin-top: clamp(72px, 6vw, 90px);
  }
}
.c-medicalcontents__detail02__pos {
  position: relative;
}
.c-medicalcontents__detail02--base {
  background-color: #ffffff;
}
.c-medicalcontents__detail02--primary {
  background-color: #fbf8e7;
}
.c-medicalcontents__detail02--deco01 {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  top: calc(clamp(28px, 7.46vw, 42px) * -1);
  left: calc(clamp(28px, 7.46vw, 42px) * -1);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail02--deco01 {
    width: clamp(112px, 9.33vw, 140px);
    top: calc(clamp(56px, 4.66vw, 70px) * -1);
    left: calc(clamp(60px, 5vw, 75px) * -1);
  }
}
.c-medicalcontents__detail02--deco02 {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  top: calc(clamp(28px, 7.46vw, 42px) * -1);
  right: calc(clamp(28px, 7.46vw, 42px) * -1);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail02--deco02 {
    width: clamp(112px, 9.33vw, 140px);
    top: calc(clamp(56px, 4.66vw, 70px) * -1);
    right: calc(clamp(60px, 5vw, 75px) * -1);
  }
}
.c-medicalcontents__detail02--deco03 {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  top: calc(clamp(28px, 7.46vw, 42px) * -1);
  left: calc(clamp(28px, 7.46vw, 42px) * -1);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail02--deco03 {
    width: clamp(112px, 9.33vw, 140px);
    top: calc(clamp(56px, 4.66vw, 70px) * -1);
    left: calc(clamp(60px, 5vw, 75px) * -1);
  }
}
.c-medicalcontents__detail02--deco04 {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  bottom: calc(clamp(28px, 7.46vw, 42px) * -1);
  right: calc(clamp(28px, 7.46vw, 42px) * -1);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail02--deco04 {
    width: clamp(112px, 9.33vw, 140px);
    bottom: calc(clamp(56px, 4.66vw, 70px) * -1);
    right: calc(clamp(60px, 5vw, 75px) * -1);
  }
}
.c-medicalcontents__detail02__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1.33;
  font-size: clamp(20px, 5.33vw, 30px);
  background-color: #68b72e;
  border-radius: 1em;
  padding: 0.5em 0;
  margin-bottom: clamp(26px, 6.93vw, 39px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail02__title {
    font-size: clamp(21px, 1.75vw, 30px);
    padding: 0.5em 2em;
    display: inline-block;
    margin-bottom: clamp(35.2px, 2.93vw, 44px);
  }
}
.c-medicalcontents__text01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: justify;
  line-height: 2;
  font-size: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__text01 {
    text-align: center;
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.c-medicalcontents__text02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6f5429;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__text02 {
    text-align: center;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.c-medicalcontents__detail03 {
  background-color: #ffffff;
  border-radius: clamp(18px, 4.8vw, 27px);
  padding: clamp(30px, 8vw, 45px) clamp(24px, 6.4vw, 36px);
  margin-top: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03 {
    border-radius: clamp(22.4px, 1.86vw, 32px);
    padding: clamp(48px, 4vw, 60px) clamp(48px, 4vw, 60px) clamp(51.2px, 4.26vw, 64px) clamp(48px, 4vw, 60px);
    margin-top: clamp(48px, 4vw, 60px);
  }
}
.c-medicalcontents__detail03__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
  padding-bottom: clamp(26px, 6.93vw, 39px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__title {
    line-height: 1.25;
    font-size: clamp(16.8px, 1.4vw, 24px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2em;
    padding-bottom: clamp(22.4px, 1.86vw, 28px);
  }
}
.c-medicalcontents__detail03__title--accent {
  color: #68b72e;
}
.c-medicalcontents__detail03__inner {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: center;
  line-height: 1.25;
  font-size: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner {
    font-size: clamp(16.8px, 1.4vw, 24px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.c-medicalcontents__detail03__inner__left {
  padding-bottom: clamp(50px, 13.33vw, 75px);
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner__left {
    width: 45%;
    padding-bottom: clamp(32px, 2.66vw, 40px);
  }
}
.c-medicalcontents__detail03__inner__left:before {
  content: "";
  background-color: #68b72e;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  width: clamp(24px, 6.4vw, 36px);
  height: clamp(20px, 5.33vw, 30px);
  position: absolute;
  bottom: clamp(15px, 4vw, 22.5px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner__left:before {
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    width: clamp(17.6px, 1.46vw, 22px);
    height: clamp(20.8px, 1.73vw, 26px);
    left: auto;
    right: -14%;
    bottom: 50%;
  }
}
.c-medicalcontents__detail03__inner__right {
  padding-bottom: clamp(50px, 13.33vw, 75px);
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner__right {
    width: 45%;
    padding-bottom: clamp(28px, 2.33vw, 35px);
  }
}
.c-medicalcontents__detail03__inner--pc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner--pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner--pc .c-medicalcontents__detail03__inner__left,
  .c-medicalcontents__detail03__inner--pc .c-medicalcontents__detail03__inner__right {
    padding-bottom: clamp(16px, 1.33vw, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__inner--pc .c-medicalcontents__detail03__inner__left:before {
    display: none;
  }
}
.c-medicalcontents__detail03__scope {
  width: clamp(26px, 6.93vw, 39px);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__scope {
    width: clamp(32px, 2.66vw, 40px);
  }
}
.c-medicalcontents__detail03__table {
  width: 100%;
  border: 1px solid #68b72e;
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__table {
    margin-top: clamp(25.6px, 2.13vw, 32px);
  }
}
.c-medicalcontents__detail03__table__row {
  width: 100%;
}
.c-medicalcontents__detail03__table__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1;
  font-size: clamp(16px, 4.26vw, 24px);
  display: block;
  padding: 0.85em 0;
  background-color: #EBFFB9;
  border-bottom: 1px solid #68b72e;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__table__title {
    vertical-align: middle;
    font-size: clamp(14.4px, 1.2vw, 18px);
    display: table-cell;
    width: 20%;
  }
}
.c-medicalcontents__detail03__table__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(15px, 4vw, 24px);
  display: block;
  padding: 1em 0.75em;
  background-color: #ffffff;
  border-bottom: 1px solid #68b72e;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__detail03__table__text {
    vertical-align: middle;
    font-size: clamp(14.4px, 1.2vw, 18px);
    display: table-cell;
    width: 80%;
    padding: 1em 1em;
  }
}
.c-medicalcontents__detail03__table__list__item {
  text-indent: -1em;
  margin-left: 1em;
}
.c-medicalcontents__flow01__item {
  padding: clamp(32px, 8.53vw, 48px) 0;
  border-bottom: 3px dotted #b7a994;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.c-medicalcontents__flow01__item:first-child {
  padding: 4px 0 clamp(32px, 8.53vw, 48px) 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__item:first-child {
    padding: 0 0 clamp(38.4px, 3.2vw, 48px) 0;
  }
}
.c-medicalcontents__flow01__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__title {
    text-align: left;
    line-height: 1.25;
    font-size: clamp(16.8px, 1.4vw, 24px);
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-medicalcontents__flow01__title__num {
  width: 2.75em;
  margin: 0 auto 0.25em auto;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__title__num {
    margin: 0 0.75em 0 0;
  }
}
.c-medicalcontents__flow01__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 65%;
  }
}
.c-medicalcontents__flow01__text--accent {
  color: #68b72e;
}
.c-medicalcontents__flow01__note01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: left;
  line-height: 1.33;
  font-size: clamp(20px, 5.33vw, 30px);
  padding-top: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__note01 {
    font-size: clamp(16.8px, 1.4vw, 24px);
    padding-top: clamp(48px, 4vw, 60px);
  }
}
.c-medicalcontents__flow01__note02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.25em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow01__note02 {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 1em;
  }
}
.c-medicalcontents__pricing {
  width: 100%;
  border: 1px solid #68b72e;
  border-bottom: none;
  margin-bottom: clamp(8px, 2.13vw, 12px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__pricing {
    margin-bottom: clamp(8px, 0.66vw, 10px);
  }
}
.c-medicalcontents__pricing__row {
  width: 100%;
}
.c-medicalcontents__pricing__header {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-size: clamp(15.75px, 4.2vw, 24px);
  padding: 0.85em 1em;
  background-color: #68b72e;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__pricing__header {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.c-medicalcontents__pricing__header--center {
  text-align: center;
  letter-spacing: 1em;
  padding-left: 2em;
  border-left: 1px solid #ffffff;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__pricing__header--center {
    letter-spacing: 2em;
    padding-left: 3em;
  }
}
.c-medicalcontents__pricing__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5;
  font-size: clamp(14px, 3.73vw, 21px);
  padding: 0.85em 1em;
  background-color: #EBFFB9;
  border-bottom: 1px solid #68b72e;
  width: 60%;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__pricing__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 50%;
  }
}
.c-medicalcontents__pricing__title--note {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
}
.c-medicalcontents__pricing__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: right;
  vertical-align: middle;
  line-height: 1.5;
  font-size: clamp(14px, 3.73vw, 21px);
  padding: 0.85em 1em;
  background-color: #ffffff;
  border-bottom: 1px solid #68b72e;
  border-left: 1px solid #68b72e;
  width: 40%;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__pricing__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 50%;
  }
}
.c-medicalcontents__pricing__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: right;
  vertical-align: middle;
  line-height: 1.5;
  font-size: clamp(14px, 3.73vw, 21px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__pricing__note {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.c-medicalcontents__pricing__note--left {
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
}
.c-medicalcontents__faq {
  padding: clamp(26px, 6.93vw, 39px) 0;
  border-bottom: 3px dotted #b7a994;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__faq {
    padding: clamp(32px, 2.66vw, 40px) 0;
  }
}
.c-medicalcontents__faq:first-of-type {
  padding: clamp(10px, 2.66vw, 15px) 0 clamp(26px, 6.93vw, 39px) 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__faq:first-of-type {
    padding: clamp(8px, 0.66vw, 10px) 0 clamp(32px, 2.66vw, 40px) 0;
  }
}
.c-medicalcontents__faq__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-medicalcontents__faq__title__left {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  line-height: 1;
  font-size: clamp(25.5px, 6.8vw, 39px);
  display: block;
  width: clamp(34px, 9.06vw, 51px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__faq__title__left {
    font-size: clamp(23.8px, 1.98vw, 34px);
    width: clamp(43.2px, 3.6vw, 54px);
  }
}
.c-medicalcontents__faq__title__right {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 1.33;
  font-size: clamp(18px, 4.8vw, 27px);
  padding-top: 0.2em;
  width: calc(100% - clamp(34px, 9.06vw, 51px));
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__faq__title__right {
    font-size: clamp(16.8px, 1.4vw, 24px);
    display: block;
    width: calc(100% - clamp(43.2px, 3.6vw, 54px));
  }
}
.c-medicalcontents__faq__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.75em 0 0 clamp(34px, 9.06vw, 51px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__faq__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0.75em 0 0 clamp(43.2px, 3.6vw, 54px);
  }
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.c-medicalcontents__contact__left {
  padding-top: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__left {
    width: 55%;
    padding-top: 0;
  }
}
.c-medicalcontents__contact__right {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__right {
    width: 45%;
  }
}
.c-medicalcontents__contact__img01 {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
  width: 98%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__img01 {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    margin: 0 0 0 auto;
  }
}
.c-medicalcontents__contact__img02 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__img02 {
    border: 10px solid #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: clamp(8px, 0.66vw, 10px);
    right: calc(clamp(48px, 4vw, 60px) * -1);
    width: clamp(400px, 33.33vw, 457px);
  }
}
.c-medicalcontents__contact__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__title {
    text-align: left;
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.c-medicalcontents__contact__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.5em 0 1em 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 2em 0 1.5em 0;
  }
}
.c-medicalcontents__contact__text--accent {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
}
.c-medicalcontents__contact__tel {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__contact__tel {
    width: 70%;
  }
}
.c-medicalcontents__contact__tel:hover, .c-medicalcontents__contact__tel:focus, .c-medicalcontents__contact__tel:active {
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content {
    width: 80%;
    margin: 0 auto;
  }
}
.c-medicalcontents__content__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: left;
  line-height: 1.33;
  font-size: clamp(20px, 5.33vw, 30px);
  padding-bottom: 0.2em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content__title {
    font-size: clamp(16.8px, 1.4vw, 24px);
    padding-bottom: 0.5em;
  }
}
.c-medicalcontents__content__title--narrow {
  font-size: clamp(19px, 5.06vw, 30px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content__title--narrow {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.c-medicalcontents__content__list {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0 0 1.5em 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content__list {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0 0 2.5em 0;
  }
}
.c-medicalcontents__content__list--short {
  padding: 0 0 0.25em 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content__list--short {
    padding: 0 0 1em 0;
  }
}
.c-medicalcontents__content__list__item {
  text-indent: -1.15em;
  margin-left: 1.15em;
}
.c-medicalcontents__content__list__item--accent {
  color: #68b72e;
  font-size: 0.888em;
  margin-right: 0.25em;
  position: relative;
  bottom: 0.1em;
}
.c-medicalcontents__content__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-bottom: 2.5em;
  }
}
.c-medicalcontents__content__text--short {
  padding-bottom: 0.25em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__content__text--short {
    padding-bottom: 1em;
  }
}
.c-medicalcontents__flow02 {
  padding-bottom: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02 {
    padding-bottom: clamp(32px, 2.66vw, 40px);
  }
}
.c-medicalcontents__flow02__item {
  padding: clamp(32px, 8.53vw, 48px) 0;
  border-bottom: 3px dotted #b7a994;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: clamp(25.6px, 2.13vw, 32px) 0;
  }
}
.c-medicalcontents__flow02__item:first-child {
  padding: 4px 0 clamp(32px, 8.53vw, 48px) 0;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__item:first-child {
    padding: 0 0 clamp(38.4px, 3.2vw, 48px) 0;
  }
}
.c-medicalcontents__flow02__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__title {
    text-align: left;
    line-height: 1.25;
    font-size: clamp(16.8px, 1.4vw, 24px);
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-medicalcontents__flow02__title__num {
  width: 2.75em;
  margin: 0 auto 0.25em auto;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__title__num {
    margin: 0 0.75em 0 0;
  }
}
.c-medicalcontents__flow02__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.5em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 60%;
  }
}
.c-medicalcontents__flow02__text--accent {
  color: #68b72e;
}
.c-medicalcontents__flow02__note01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: left;
  line-height: 1.33;
  font-size: clamp(20px, 5.33vw, 30px);
  padding-top: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__note01 {
    font-size: clamp(16.8px, 1.4vw, 24px);
    padding-top: clamp(48px, 4vw, 60px);
  }
}
.c-medicalcontents__flow02__note02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.25em;
}
@media screen and (min-width: 1024px) {
  .c-medicalcontents__flow02__note02 {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 1em;
  }
}

.c-nomoca__fixbottom {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-nomoca__fixbottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.c-nomoca__fixbottom--ai {
  border: none;
  padding: 0;
  background-color: transparent;
}
.c-nomoca__fixbottom--reserve {
  cursor: pointer;
}
.c-nomoca__modal--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;
}
.c-nomoca__modal--inner {
  width: 290px;
  padding: 24px 0;
}
@media screen and (min-width: 768px) {
  .c-nomoca__modal--inner {
    width: 80%;
    padding: 40px 0;
  }
}
.c-nomoca__modal--title {
  display: inline-block;
  width: 100%;
  font-size: 26px;
  line-height: 1.32;
  color: #6f5429;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #6f5429;
  font-weight: bold;
  letter-spacing: 0.16em;
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .c-nomoca__modal--title {
    font-size: 28px;
  }
}
.c-nomoca__modal--text {
  font-size: 19px;
  color: #2e2624;
  line-height: 1.3;
  margin-bottom: 22px;
  letter-spacing: 0.04em;
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .c-nomoca__modal--text {
    font-size: 21px;
  }
}
.c-nomoca__modal--text .odenwa {
  color: #68b72e;
  font-size: 21px;
}
@media screen and (min-width: 768px) {
  .c-nomoca__modal--text .odenwa {
    font-size: 25px;
  }
}
.c-nomoca__modal--ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-nomoca__modal--li {
  margin-bottom: 10px;
}
.c-nomoca__modal--li:last-child {
  margin-bottom: 0;
}
.c-nomoca__modal--li button {
  border: none;
  padding: 0;
  background-color: transparent;
}

/*モーダルを開くボタン*/
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(103, 103, 103, 0.73);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 998;
}

/*モーダル本体の擬似要素の指定*/
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル枠の指定*/
.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  width: 85%;
}

/*モーダルを閉じるボタンの指定*/
.modal-close {
  position: absolute;
  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;
  top: 0px;
  right: 0px;
  width: 37px;
  height: 37px;
  -webkit-transform: translateX(45%) translateY(-45%);
          transform: translateX(45%) translateY(-45%);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .modal-close {
    width: 43px;
    height: 43px;
  }
}
.modal-close img {
  width: 100%;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

/*モーダル内のコンテンツの指定*/
.modal-content {
  background: #fff;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  border-radius: 10px;
}

.c-section__title01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: clamp(20px, 5.33vw, 30px);
  padding: 0.75em 0;
  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;
  background-image: -webkit-image-set(url("../img/99-bg-green.png.webp") type('image/webp'), url("../img/99-bg-green.png") type('image/png'));
  background-image: image-set(url("../img/99-bg-green.png.webp") type('image/webp'), url("../img/99-bg-green.png") type('image/png'));
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .c-section__title01 {
    font-size: clamp(25.6px, 2.13vw, 35px);
    padding: 0.85em 0;
  }
}
.c-section__title01__inner {
  padding: 0 1em;
}
@media screen and (min-width: 1536px) {
  .c-section__title01__inner {
    padding: 0 1.25em;
  }
}
.c-section__title01__inner--narrow {
  padding: 0 0.25em;
}
@media screen and (min-width: 768px) {
  .c-section__title01__inner--narrow {
    padding: 0 1em;
  }
}
@media screen and (min-width: 1536px) {
  .c-section__title01__inner--narrow {
    padding: 0 1.25em;
  }
}
.c-section__title01__left {
  width: 2em;
  margin-top: 0.25em;
}
@media screen and (min-width: 768px) {
  .c-section__title01__left {
    width: 1.75em;
    margin-top: 0;
  }
}
.c-section__title01__right {
  width: 2.5em;
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .c-section__title01__right {
    width: 2em;
    margin-top: 0;
  }
}
.c-section__title01--br {
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-section__title01--br {
    display: none;
  }
}
.c-section__title01--narrow {
  font-size: 0.9em;
}
@media screen and (min-width: 768px) {
  .c-section__title01--narrow {
    font-size: 1em;
  }
}
.c-section__title01__img {
  width: 10em;
}
@media screen and (min-width: 768px) {
  .c-section__title01__img {
    width: 12em;
  }
}
@media screen and (min-width: 1536px) {
  .c-section__title01__img {
    width: 11em;
  }
}
.c-section__title02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.33;
  font-size: clamp(22px, 5.86vw, 33px);
  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;
  margin-bottom: clamp(30px, 8vw, 45px);
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-section__title02 {
    font-size: clamp(23.8px, 1.98vw, 34px);
    margin-bottom: clamp(64px, 5.33vw, 80px);
  }
}
.c-section__title02__img {
  width: 2em;
}
@media screen and (min-width: 1024px) {
  .c-section__title02__img {
    width: 2.25em;
  }
}
.c-section__title02__text {
  font-size: clamp(22px, 5.86vw, 33px);
  display: inline-block;
  padding: 0 0.25em;
}
@media screen and (min-width: 1024px) {
  .c-section__title02__text {
    letter-spacing: 0.15em;
    font-size: clamp(23.8px, 1.98vw, 34px);
    padding: 0 0.25em;
  }
}
.c-section__title02__text--narrow {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: -0.03em;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .c-section__title02__text--narrow {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    letter-spacing: normal;
    padding: 0 0.25em;
  }
}
@media screen and (min-width: 1024px) {
  .c-section__title02__text--narrow {
    letter-spacing: 0.15em;
    font-size: clamp(23.8px, 1.98vw, 34px);
    padding: 0 0.25em;
  }
}
.c-section__title02--balloon {
  width: clamp(75px, 20vw, 101.8px);
  position: absolute;
  left: 0;
  bottom: 75%;
}
@media screen and (min-width: 1024px) {
  .c-section__title02--balloon {
    width: clamp(128px, 10.66vw, 160px);
    left: clamp(128px, 10.66vw, 160px);
    bottom: 25%;
  }
}

.c-button {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: left;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 14px);
  border: 1px solid #aacc03;
  background-color: #aacc03;
  vertical-align: middle;
  padding: 0.7em 1em;
  border-radius: 10px;
  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;
}
@media screen and (min-width: 768px) {
  .c-button {
    font-size: clamp(14px, 1.16vw, 18px);
  }
}
.c-button--pdf {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 15em;
  margin: 0 auto;
}
.c-button:visited {
  color: #ffffff;
}
.c-button:hover, .c-button:focus, .c-button:active {
  color: #aacc03;
  background-color: #ffffff;
}

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #ffffff;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.c-button-new {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-size: clamp(16px, 4.26vw, 24px);
  border: 1px solid #68b72e;
  background-color: #68b72e;
  vertical-align: middle;
  padding: 0.7em 1em;
  border-radius: clamp(8px, 2.13vw, 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 16em;
  max-width: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .c-button-new {
    font-size: clamp(14px, 1.16vw, 18px);
    border-radius: clamp(8px, 0.66vw, 10px);
    width: 18em;
    margin: 0;
  }
}
.c-button-new__space {
  padding-right: 1em;
}
.c-button-new:visited {
  color: #ffffff;
}
.c-button-new:hover, .c-button-new:focus, .c-button-new:active {
  color: #68b72e;
  background-color: #ffffff;
}
.c-button-new--sp {
  margin-bottom: clamp(35px, 9.33vw, 52.5px);
}
@media screen and (min-width: 1024px) {
  .c-button-new--sp {
    display: none;
  }
}

.c-button-pdf.hvr-sweep-to-right:before {
  background: #68b72e;
}

.c-button-pdf.hvr-sweep-to-right:hover,
.c-button-pdf.hvr-sweep-to-right:focus,
.c-button-pdf.hvr-sweep-to-right:active {
  color: #ffffff;
}

.c-button-pdf {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-size: clamp(16px, 4.26vw, 24px);
  border: 1px solid #8db76c;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 0.7em 1em;
  border-radius: clamp(8px, 2.13vw, 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 15em;
  max-width: 100%;
  margin: clamp(50px, 13.33vw, 75px) auto 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .c-button-pdf {
    font-size: clamp(14px, 1.16vw, 18px);
    margin: clamp(64px, 5.33vw, 80px) auto 0 auto;
  }
}
.c-button-pdf:visited {
  color: #68b72e;
}
.c-button-pdf:hover, .c-button-pdf:focus, .c-button-pdf:active {
  color: #ffffff;
  background-color: #68b72e;
  border: 1px solid #68b72e;
}

.c-breadcrumb {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(14px, 3.73vw, 21px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 5;
  padding: 1em 0 clamp(64px, 17.06vw, 86.9px) 0;
}
@media screen and (min-width: 1024px) {
  .c-breadcrumb {
    font-size: clamp(12.8px, 1.06vw, 16px);
    padding: 1em 0 clamp(56px, 4.66vw, 70px) 0;
  }
}
.c-breadcrumb--short {
  padding: 1em 0 clamp(50px, 13.33vw, 75px) 0;
}
@media screen and (min-width: 1024px) {
  .c-breadcrumb--short {
    padding: 1em 0 clamp(48px, 4vw, 60px) 0;
  }
}
.c-breadcrumb__parent {
  color: #6f5429;
  line-height: 1.5;
  position: relative;
}
.c-breadcrumb__parent a:visited,
.c-breadcrumb__parent a:hover,
.c-breadcrumb__parent a:active,
.c-breadcrumb__parent a:focus {
  color: #6f5429;
}
.c-breadcrumb__item {
  color: #68b72e;
  line-height: 1.5;
}
.c-breadcrumb__item::before {
  content: "＞";
  padding: 0 0.5em 0 1em;
  color: #6f5429;
}

.c-fade-up {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.c-fade-visible {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}

.is-faded {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes slideInSp {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes slideInSp {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    clip-path: inset(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideIn {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    clip-path: inset(0);
    opacity: 1;
  }
}
@keyframes slideIn {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    clip-path: inset(0);
    opacity: 1;
  }
}
.p-index-mv {
  margin-top: clamp(65px, 17.25vw, 105px);
  position: relative;
  padding: clamp(16px, 4.26vw, 24px) 7.75% 0 7.75%;
  margin-bottom: clamp(56px, 14.93vw, 76px);
}
@media screen and (min-width: 768px) {
  .p-index-mv {
    padding: clamp(16px, 4.26vw, 24px) 10% 0 10%;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-mv {
    margin-top: clamp(75px, 6.25vw, 100px);
    padding: clamp(24px, 2vw, 30px) 3.95% 0 3.95%;
    margin-bottom: clamp(108px, 9vw, 135px);
  }
}
.p-index-mv:before {
  content: "";
  display: block;
  background-color: #fbf8e7;
  width: 100%;
  height: clamp(200px, 53.33vw, 450px);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-index-mv:before {
    height: clamp(196px, 19.14vw, 356px);
  }
}
.p-index-mv__img {
  border-radius: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .p-index-mv__img {
    border-radius: clamp(22.4px, 1.86vw, 32px);
  }
}
.p-index-mv--deco01 {
  width: clamp(46px, 12.26vw, 100px);
  position: absolute;
  bottom: calc(clamp(24px, 6.4vw, 36px) * -1);
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-index-mv--deco01 {
    width: clamp(80px, 6.66vw, 124px);
    bottom: calc(clamp(28px, 2.33vw, 35px) * -1);
  }
}
.p-index-mv--deco02 {
  width: clamp(56px, 14.93vw, 120px);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .p-index-mv--deco02 {
    width: clamp(99.2px, 8.26vw, 150px);
  }
}
.p-index-mv--deco03 {
  width: clamp(120px, 32vw, 162.8px);
  border-radius: clamp(12px, 3.2vw, 18px) 0 0 clamp(12px, 3.2vw, 18px);
  position: absolute;
  bottom: calc(clamp(30px, 8vw, 45px) * -1);
  right: 0;
}
@media screen and (min-width: 1024px) {
  .p-index-mv--deco03 {
    width: clamp(256px, 6.66vw, 320px);
    border-radius: clamp(22.4px, 1.86vw, 32px) 0 0 clamp(22.4px, 1.86vw, 32px);
    bottom: calc(clamp(102.4px, 8.53vw, 128px) * -1);
  }
}
.p-index-mv__message {
  position: absolute;
  top: 2em;
  left: calc(7.75% + 0.5em);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-index-mv__message {
    top: 4em;
    left: calc(10% + 0.5em);
  }
}
@media screen and (min-width: 1024px) {
  .p-index-mv__message {
    top: 20%;
    left: calc(3.95% + 1em);
  }
}
.p-index-mv__message__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 2;
  font-size: clamp(22px, 5.47vw, 40px);
  opacity: 0;
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__message__title {
    line-height: 2;
    font-size: clamp(30.8px, 2.56vw, 44px);
  }
}
.p-index-mv__message__title--01 {
  -webkit-animation: slideInSp 1s ease-in 1s forwards;
          animation: slideInSp 1s ease-in 1s forwards;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__message__title--01 {
    -webkit-animation: slideIn 1s ease-in 1s forwards;
            animation: slideIn 1s ease-in 1s forwards;
  }
}
.p-index-mv__message__title--02 {
  -webkit-animation: slideInSp 1s ease-in 2s forwards;
          animation: slideInSp 1s ease-in 2s forwards;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__message__title--02 {
    -webkit-animation: slideIn 1s ease-in 2s forwards;
            animation: slideIn 1s ease-in 2s forwards;
  }
}
.p-index-mv__message__title__inner {
  position: relative;
}
.p-index-mv__message__title__inner::before {
  content: "";
  background-color: #f6ff8b;
  width: 100%;
  height: clamp(10px, 2.66vw, 15px);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__message__title__inner::before {
    height: clamp(17.6px, 1.46vw, 22px);
  }
}
.p-index-mv__message__title__inner__pos {
  position: relative;
  padding: 0 0.25em;
}
.p-index-mv__message__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.5;
  font-size: clamp(15px, 4vw, 22.5px);
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.25em 0.75em;
  margin-top: 1.25em;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__message__text {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.p-index-mv__career {
  display: block;
  width: 11%;
  position: absolute;
  top: 30%;
  right: 0;
  z-index: 5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__career {
    width: 5%;
  }
}
.p-index-mv__career:hover, .p-index-mv__career:focus, .p-index-mv__career:active {
  opacity: 0.7;
}
.p-index-mv__bottom {
  width: 86%;
  position: absolute;
  bottom: calc(clamp(18px, 4.8vw, 27px) * -1);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__bottom {
    width: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: clamp(16.8px, 1.4vw, 24px);
    bottom: calc(clamp(54.4px, 4.53vw, 68px) * -1);
    left: auto;
    right: 6%;
    margin: 0;
  }
}
.p-index-mv__bottom__item {
  width: 32%;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border: 2px solid #68b72e;
  border-radius: clamp(14px, 3.73vw, 21px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__bottom__item {
    font-family: "m-plus-rounded-1c", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(16.8px, 1.4vw, 24px);
    width: 9em;
    border: 4px solid #68b72e;
    border-radius: clamp(22.4px, 1.86vw, 32px);
  }
}
.p-index-mv__bottom__icon {
  width: 42%;
  background-color: #f0f9d7;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__bottom__icon {
    width: 50%;
  }
}
.p-index-mv__bottom__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.2;
  font-size: clamp(10.38px, 2.76vw, 15px);
  display: block;
  padding-top: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-index-mv__bottom__title {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.p-index-mv__bottom__title--sm {
  font-size: 0.833em;
  display: block;
}

.p-index-greeting {
  position: relative;
  padding: 0 0 clamp(112px, 29.86vw, 168px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-index-greeting {
    padding: clamp(33.6px, 2.8vw, 42px) 0 clamp(24px, 2vw, 30px) 0;
  }
}
.p-index-greeting__pos {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__pos {
    padding: clamp(28px, 2.33vw, 35px) 0 0 0;
  }
}
.p-index-greeting__doctor {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__doctor {
    width: 60%;
    top: 20%;
  }
}
.p-index-greeting__doctor--deco {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__doctor--deco {
    display: block;
    width: 4%;
    position: absolute;
    top: 0;
    left: 10%;
  }
}
@media screen and (min-width: 1280px) {
  .p-index-greeting__doctor--deco {
    left: 11%;
  }
}
@media screen and (min-width: 1536px) {
  .p-index-greeting__doctor--deco {
    left: 10%;
  }
}
.p-index-greeting__title {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__title {
    width: 25%;
    margin-left: 15%;
  }
}
.p-index-greeting__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  width: 84.5%;
  margin: 0 auto;
  padding: clamp(22px, 5.86vw, 33px) 0 clamp(30px, 8vw, 45px) 0;
}
@media screen and (min-width: 768px) {
  .p-index-greeting__text {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 100%;
    margin: 0;
    padding: clamp(40px, 3.33vw, 50px) 48% clamp(51.2px, 4.26vw, 64px) 15%;
  }
}
.p-index-greeting__bottom {
  position: relative;
  padding: 0 7.75%;
}
@media screen and (min-width: 768px) {
  .p-index-greeting__bottom {
    padding: 0 10%;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__bottom {
    padding: 0 15%;
  }
}
.p-index-greeting__bottom__img {
  position: relative;
  width: 85%;
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__bottom__img {
    width: 40%;
    border: 10px solid #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    margin-left: 2%;
  }
}
.p-index-greeting__bottom__button {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-index-greeting__bottom__button {
    display: block;
    width: clamp(168px, 14vw, 210px);
    height: clamp(168px, 14vw, 210px);
    background-color: #68b72e;
    border-radius: 50%;
    position: absolute;
    top: -50%;
    left: 58%;
  }
}
@media screen and (min-width: 1280px) {
  .p-index-greeting__bottom__button {
    top: -20%;
  }
}
@media screen and (min-width: 1920px) {
  .p-index-greeting__bottom__button {
    top: 10%;
  }
}

.p-index-features {
  position: relative;
  padding: clamp(75px, 20vw, 101.8px) 0 clamp(60px, 16vw, 90px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-index-features {
    padding: clamp(160px, 13.33vw, 200px) 0 clamp(115.2px, 9.6vw, 144px) 0;
  }
}
.p-index-features__title {
  width: 6em;
}
@media screen and (min-width: 1024px) {
  .p-index-features__title {
    width: 12em;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .p-index-features__list {
    width: 85%;
  }
}
@media screen and (min-width: 1536px) {
  .p-index-features__list {
    width: 87%;
    max-width: 1536px;
  }
}
.p-index-features__list__item {
  position: relative;
  padding: clamp(145px, 38.66vw, 196.8px) 0 clamp(70px, 18.66vw, 105px) 0;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__item {
    padding: 0;
    margin-bottom: 200px;
  }
}
@media screen and (min-width: 1536px) {
  .p-index-features__list__item {
    margin-bottom: clamp(99.2px, 8.26vw, 124px);
  }
}
.p-index-features__list__bg {
  width: clamp(85px, 21.33vw, 150px);
  border-radius: clamp(8px, 2.13vw, 12px);
  position: absolute;
  top: calc(clamp(20px, 5.33vw, 30px) * -1);
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__bg {
    width: clamp(200px, 16.66vw, 320px);
    top: auto;
    bottom: calc(clamp(42px, 3.5vw, 60px) * -1);
  }
}
.p-index-features__list__bg--odd {
  right: 2%;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__bg--odd {
    right: calc(clamp(44.8px, 3.73vw, 64px) * -1);
  }
}
.p-index-features__list__bg--even {
  left: 2%;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__bg--even {
    left: calc(clamp(44.8px, 3.73vw, 64px) * -1);
  }
}
.p-index-features__list__img {
  width: 93%;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .p-index-features__list__img {
    width: 91%;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__img {
    width: 65%;
    position: relative;
    top: 0;
  }
}
.p-index-features__list__img--odd {
  left: 0;
  border-radius: 0 clamp(18px, 4.8vw, 27px) clamp(18px, 4.8vw, 27px) 0;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__img--odd {
    border-radius: clamp(22.4px, 1.86vw, 32px);
    margin-left: auto;
  }
}
.p-index-features__list__img--even {
  right: 0;
  border-radius: clamp(18px, 4.8vw, 27px) 0 0 clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__img--even {
    border-radius: clamp(22.4px, 1.86vw, 32px);
    margin: 0;
  }
}
.p-index-features__list__top {
  position: relative;
  width: 84.5%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-index-features__list__top {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top {
    width: 55%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: clamp(32px, 2.66vw, 40px);
  }
}
@media screen and (min-width: 1536px) {
  .p-index-features__list__top {
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top--odd {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top--even {
    margin: 0 0 0 auto;
  }
}
.p-index-features__list__top__pos {
  position: relative;
}
.p-index-features__list__top--deco--odd {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  bottom: calc(clamp(28px, 7.46vw, 42px) * -1);
  left: calc(clamp(28px, 7.46vw, 42px) * -1);
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top--deco--odd {
    width: clamp(112px, 9.33vw, 140px);
    bottom: calc(clamp(56px, 4.66vw, 70px) * -1);
    left: calc(clamp(60px, 5vw, 75px) * -1);
  }
}
.p-index-features__list__top--deco--even {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  bottom: calc(clamp(28px, 7.46vw, 42px) * -1);
  right: calc(clamp(28px, 7.46vw, 42px) * -1);
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top--deco--even {
    width: clamp(112px, 9.33vw, 140px);
    bottom: auto;
    top: calc(clamp(56px, 4.66vw, 70px) * -1);
    right: calc(clamp(60px, 5vw, 75px) * -1);
  }
}
.p-index-features__list__top__detail {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: clamp(16px, 4.26vw, 24px);
  padding: clamp(30px, 8vw, 45px) clamp(20px, 5.33vw, 30px) clamp(32px, 8.53vw, 48px) clamp(20px, 5.33vw, 30px);
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top__detail {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    padding: clamp(28px, 2.33vw, 48px) clamp(28px, 2.33vw, 50px);
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top__detail--odd {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__top__detail--even {
    margin-left: auto;
  }
}
.p-index-features__list__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
  padding-bottom: 0.75em;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__title {
    text-align: left;
    font-size: clamp(21px, 1.75vw, 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0.5em;
  }
}
@media screen and (min-width: 1920px) {
  .p-index-features__list__title {
    padding-bottom: 0.75em;
  }
}
.p-index-features__list__title__num {
  width: 2.75em;
  margin: 0 auto 0.25em auto;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__title__num {
    width: 2.25em;
    margin: 0 0.75em 0 0;
  }
}
.p-index-features__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  .p-index-features__list__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-bottom: 1em;
  }
}
@media screen and (min-width: 1920px) {
  .p-index-features__list__text {
    padding-bottom: 1.5em;
  }
}
.p-index-features__list__text__link {
  color: #68b72e;
  text-decoration: underline;
}
.p-index-features__list__text__link:visited, .p-index-features__list__text__link:hover, .p-index-features__list__text__link:focus, .p-index-features__list__text__link:active {
  color: #68b72e;
}

.p-index-problem {
  position: relative;
  padding: clamp(75px, 20vw, 101.8px) 0 clamp(60px, 16vw, 90px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-index-problem {
    padding: clamp(160px, 13.33vw, 200px) 0 clamp(112px, 9.33vw, 140px) 0;
  }
}
.p-index-problem__pos {
  position: relative;
  width: 100%;
}
.p-index-problem--deco01 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-index-problem--deco01 {
    display: block;
    width: clamp(67.2px, 5.6vw, 96px);
    position: absolute;
    left: calc(clamp(32px, 2.66vw, 40px) * -1);
    bottom: calc(clamp(8px, 0.66vw, 10px) * -1);
  }
}
@media screen and (min-width: 1536px) {
  .p-index-problem--deco01 {
    left: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1920px) {
  .p-index-problem--deco01 {
    left: clamp(32px, 2.66vw, 40px);
    bottom: 0;
  }
}
.p-index-problem--deco02 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-index-problem--deco02 {
    display: block;
    width: clamp(67.2px, 5.6vw, 96px);
    position: absolute;
    right: calc(clamp(48px, 4vw, 60px) * -1);
    top: 20%;
  }
}
@media screen and (min-width: 1536px) {
  .p-index-problem--deco02 {
    right: calc(clamp(16px, 1.33vw, 20px) * -1);
  }
}
@media screen and (min-width: 1920px) {
  .p-index-problem--deco02 {
    right: clamp(32px, 2.66vw, 40px);
  }
}
.p-index-problem--deco03 {
  width: clamp(56px, 14.93vw, 110px);
  position: absolute;
  top: calc(clamp(10px, 2.66vw, 15px) * -1);
  left: calc(clamp(20px, 5.33vw, 30px) * -1);
}
@media screen and (min-width: 1024px) {
  .p-index-problem--deco03 {
    display: none;
  }
}
.p-index-problem--deco04 {
  width: clamp(56px, 14.93vw, 110px);
  position: absolute;
  top: calc(clamp(10px, 2.66vw, 15px) * -1);
  right: calc(clamp(20px, 5.33vw, 30px) * -1);
}
@media screen and (min-width: 1024px) {
  .p-index-problem--deco04 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-index-problem__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(37.8px, 3.15vw, 54px);
  }
}
.p-index-problem__list__item {
  position: relative;
  padding-bottom: clamp(60px, 16vw, 90px);
}
@media screen and (min-width: 1024px) {
  .p-index-problem__list__item {
    padding-bottom: clamp(43.2px, 3.6vw, 54px);
    width: 30%;
  }
}
@media screen and (min-width: 1536px) {
  .p-index-problem__list__item {
    width: 27%;
  }
}
@media screen and (min-width: 1920px) {
  .p-index-problem__list__item {
    width: 25%;
  }
}
.p-index-problem__list__top {
  position: relative;
}
.p-index-problem__list__top::before {
  content: "";
  background-color: #fbf8e7;
  width: 100%;
  height: clamp(48px, 12.8vw, 65.1px);
  border-radius: clamp(16px, 4.26vw, 24px) clamp(16px, 4.26vw, 24px) 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-index-problem__list__img {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: 85%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-index-problem__list__img {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
}
.p-index-problem__list__bottom {
  background-color: #fbf8e7;
  border-radius: 0 0 clamp(16px, 4.26vw, 24px) clamp(16px, 4.26vw, 24px);
  padding: clamp(24px, 6.4vw, 36px) clamp(22px, 5.86vw, 33px) clamp(30px, 8vw, 45px) clamp(22px, 5.86vw, 33px);
}
@media screen and (min-width: 1024px) {
  .p-index-problem__list__bottom {
    padding: clamp(22.4px, 1.86vw, 28px);
  }
}
.p-index-problem__check {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 1.5;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  .p-index-problem__check {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-index-problem__check__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.25em;
}
.p-index-problem__check__item--last {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-index-problem__check__item--last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-index-problem__check__icon {
  width: 1.25em;
  margin-right: 0.25em;
}

.p-index-ukaihouse {
  position: relative;
  padding: clamp(60px, 16vw, 90px) 0;
}
@media screen and (min-width: 1024px) {
  .p-index-ukaihouse {
    padding: clamp(128px, 10.66vw, 160px) 0;
  }
}
.p-index-ukaihouse__link {
  display: block;
  width: 80%;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-index-ukaihouse__link {
    width: 70%;
    max-width: 900px;
  }
}
.p-index-ukaihouse__link:hover, .p-index-ukaihouse__link:focus, .p-index-ukaihouse__link:active {
  opacity: 0.7;
}

.p-index-gallery {
  position: relative;
  z-index: 2;
}

.p-whitening-about {
  position: relative;
}
.p-whitening-about__list {
  padding-top: clamp(50px, 13.33vw, 75px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__list {
    padding-top: clamp(78.4px, 6.53vw, 98px);
  }
}
.p-whitening-about__list__item {
  background-color: #ffffff;
  border-radius: 20px;
  padding: clamp(24px, 6.4vw, 36px) clamp(22px, 5.86vw, 33px) clamp(20px, 5.33vw, 30px) clamp(22px, 5.86vw, 33px);
  margin-bottom: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__list__item {
    margin-bottom: clamp(80px, 8.88vw, 122px);
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__list__item {
    padding: clamp(38.4px, 3.2vw, 48px) clamp(36.8px, 3.06vw, 46px) clamp(32px, 2.66vw, 40px) clamp(36.8px, 3.06vw, 46px);
  }
}
.p-whitening-about__list__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  height: 2.25em;
  border-radius: 1.175em;
  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;
  margin-bottom: 1em;
}
.p-whitening-about__list__left {
  border: 2px solid #24c9c9;
}
.p-whitening-about__list__left .p-whitening-about__list__title {
  background-color: #24c9c9;
}
.p-whitening-about__list__right {
  border: 2px solid #f4aa78;
}
.p-whitening-about__list__right .p-whitening-about__list__title {
  background-color: #f4aa78;
}
.p-whitening-about__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.77;
  padding-top: 1em;
}
.p-whitening-about__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-size: clamp(18px, 4.8vw, 27px);
  padding: 1.25em 0 1em 0;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__title {
    font-size: clamp(22.4px, 1.86vw, 28px);
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__title {
    line-height: 1.7;
  }
}
.p-whitening-about__title--accent {
  color: #e36053;
}
.p-whitening-about__title--br {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__title--br {
    display: none;
  }
}
.p-whitening-about__contents01 {
  background-image: -webkit-image-set(url("../img/cmn-bg-yellowgreen-sp.png.webp") type('image/webp'), url("../img/cmn-bg-yellowgreen-sp.png") type('image/png'));
  background-image: image-set(url("../img/cmn-bg-yellowgreen-sp.png.webp") type('image/webp'), url("../img/cmn-bg-yellowgreen-sp.png") type('image/png'));
  background-repeat: repeat;
  padding: clamp(26px, 6.93vw, 39px) clamp(18px, 4.8vw, 27px) clamp(22px, 5.86vw, 33px) clamp(18px, 4.8vw, 27px);
  border-radius: 20px;
  margin-bottom: clamp(65px, 17.33vw, 97.5px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01 {
    background-image: -webkit-image-set(url("../img/cmn-bg-yellowgreen.png.webp") type('image/webp'), url("../img/cmn-bg-yellowgreen.png") type('image/png'));
    background-image: image-set(url("../img/cmn-bg-yellowgreen.png.webp") type('image/webp'), url("../img/cmn-bg-yellowgreen.png") type('image/png'));
    margin-bottom: clamp(89.6px, 7.46vw, 112px);
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__contents01 {
    padding: clamp(40px, 3.33vw, 50px) clamp(40px, 3.33vw, 50px) clamp(32px, 2.66vw, 40px) clamp(40px, 3.33vw, 50px);
  }
}
.p-whitening-about__contents01__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-size: clamp(18px, 4.8vw, 27px);
  background-color: #aacc03;
  height: 2.25em;
  border-radius: 1.175em;
  width: 95%;
  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;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__title {
    font-size: clamp(22.4px, 1.86vw, 28px);
    width: 14em;
  }
}
.p-whitening-about__contents01__list {
  padding-top: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: clamp(35.2px, 2.93vw, 44px);
  }
}
.p-whitening-about__contents01__list__item {
  position: relative;
  padding-top: clamp(60px, 16vw, 90px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__item {
    width: 31%;
  }
}
.p-whitening-about__contents01__list__item--01 {
  padding-left: 5%;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__item--01 {
    padding: 1.25em 0 0 0;
  }
}
.p-whitening-about__contents01__list__item--02 {
  padding-left: 5%;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__item--02 {
    padding: 8em 0 0 0;
  }
}
.p-whitening-about__contents01__list__item--03 {
  padding-right: 5%;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__item--03 {
    padding: 1.25em 0 0 0;
  }
}
.p-whitening-about__contents01__list__comment {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(17px, 4.53vw, 25.5px);
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__comment {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-whitening-about__contents01__list__comment--01 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  padding: 0 1.5em 1.5em 1.5em;
  background-image: url(../img/whitening-about-patient01-balloon.svg);
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  position: absolute;
  top: 1em;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__comment--01 {
    top: -2.75em;
    left: -1em;
  }
}
.p-whitening-about__contents01__list__comment--02 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  padding: 0 1.5em 1.5em 1.5em;
  background-image: url(../img/whitening-about-patient02-balloon.svg);
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  position: absolute;
  top: 1.5em;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__comment--02 {
    top: 2em;
    left: -1em;
  }
}
.p-whitening-about__contents01__list__comment--03 {
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
  padding: 0 1.5em 1.75em 1.5em;
  background-image: url(../img/whitening-about-patient01-balloon.svg);
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  position: absolute;
  top: 1em;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents01__list__comment--03 {
    top: -3.5em;
    right: -1em;
  }
}
.p-whitening-about__contents02 {
  background-image: url(../img/whitening-about-bg-sp.png);
  background-image: -webkit-image-set(url("../img/whitening-about-bg-sp.png.webp") type('image/webp'), url("../img/whitening-about-bg-sp.png") type('image/png'));
  background-image: image-set(url("../img/whitening-about-bg-sp.png.webp") type('image/webp'), url("../img/whitening-about-bg-sp.png") type('image/png'));
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: clamp(112px, 29.86vw, 168px) clamp(18px, 4.8vw, 27px) clamp(30px, 8vw, 45px) clamp(18px, 4.8vw, 27px);
  margin-bottom: clamp(65px, 17.33vw, 97.5px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents02 {
    background-image: url(../img/whitening-about-bg.png);
    background-image: -webkit-image-set(url("../img/whitening-about-bg.png.webp") type('image/webp'), url("../img/whitening-about-bg.png") type('image/png'));
    background-image: image-set(url("../img/whitening-about-bg.png.webp") type('image/webp'), url("../img/whitening-about-bg.png") type('image/png'));
    padding: clamp(36.8px, 3.06vw, 46px) 0 clamp(32px, 2.66vw, 40px) clamp(40px, 3.33vw, 50px);
    padding-right: clamp(252.8px, 21.06vw, 316px);
  }
}
.p-whitening-about__contents02__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-size: clamp(18px, 4.8vw, 27px);
  background-color: #aacc03;
  height: 4em;
  border-radius: 1.175em;
  width: 95%;
  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;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents02__title {
    font-size: clamp(22.4px, 1.86vw, 28px);
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__contents02__title {
    height: 2.25em;
  }
}
@media screen and (min-width: 1280px) {
  .p-whitening-about__contents02__title {
    width: 90%;
  }
}
.p-whitening-about__contents02__title--br {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__contents02__title--br {
    display: none;
  }
}
.p-whitening-about__contents02__list {
  padding-top: clamp(16px, 4.26vw, 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents02__list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-top: clamp(25.6px, 2.13vw, 32px);
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .p-whitening-about__contents02__list {
    width: 75%;
  }
}
.p-whitening-about__contents02__list__item {
  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-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #3f1500;
  text-align: center;
  line-height: 1.1;
  font-size: clamp(15.23px, 4.06vw, 22.85px);
  border-radius: 50%;
  width: 8em;
  height: 8em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents02__list__item {
    font-size: clamp(20.8px, 1.73vw, 26px);
  }
}
.p-whitening-about__contents02__list__item--sm {
  font-size: clamp(10.55px, 2.81vw, 15.82px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents02__list__item--sm {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-whitening-about__contents02__list__item--01 {
  background-color: #efb8ac;
}
.p-whitening-about__contents02__list__item--02 {
  background-color: #94d3c7;
}
.p-whitening-about__contents02__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.77;
  padding-top: 1.5em;
}
.p-whitening-about__contents03 {
  background-color: #ffffff;
  border: 2px solid #aacc03;
  border-radius: 20px;
  padding: clamp(38px, 10.13vw, 57px) clamp(18px, 4.8vw, 27px) clamp(38px, 10.13vw, 57px) clamp(18px, 4.8vw, 27px);
  margin-bottom: clamp(50px, 13.33vw, 75px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03 {
    padding: clamp(51.2px, 4.26vw, 64px) clamp(40px, 3.33vw, 50px) clamp(40px, 3.33vw, 50px) clamp(40px, 3.33vw, 50px);
    margin-bottom: clamp(102.4px, 8.53vw, 128px);
  }
}
.p-whitening-about__contents03__inner {
  padding-bottom: clamp(70px, 18.66vw, 105px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__inner {
    padding-bottom: clamp(76.8px, 6.4vw, 96px);
  }
}
.p-whitening-about__contents03__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-size: clamp(18px, 4.8vw, 27px);
  background-color: #aacc03;
  height: 2.25em;
  border-radius: 1.175em;
  width: 95%;
  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;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__title {
    font-size: clamp(22.4px, 1.86vw, 28px);
  }
}
.p-whitening-about__contents03__title--01, .p-whitening-about__contents03__title--02 {
  height: 4em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__title--01, .p-whitening-about__contents03__title--02 {
    height: 2.25em;
    width: 17em;
  }
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__title--03 {
    width: 13em;
  }
}
.p-whitening-about__contents03__title--04 {
  height: 4em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__title--04 {
    height: 2.25em;
    width: 17em;
  }
}
.p-whitening-about__contents03__flow {
  padding-top: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow {
    padding-top: clamp(25.6px, 2.13vw, 32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-whitening-about__contents03__flow__item {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: center;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-bottom: 4em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__item {
    text-align: justify;
    font-size: clamp(12.8px, 1.06vw, 16px);
    padding-bottom: 0;
  }
}
.p-whitening-about__contents03__flow__item + .p-whitening-about__contents03__flow__item::before {
  content: "";
  display: inline-block;
  width: 2.25em;
  height: 2em;
  background: #aacc03;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__item + .p-whitening-about__contents03__flow__item::before {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    width: 1em;
    height: 1.25em;
    top: 25%;
    left: -1.25em;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__contents03__flow__item + .p-whitening-about__contents03__flow__item::before {
    top: 30%;
    left: -1.5em;
  }
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__item:first-child {
    width: 35%;
  }
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__item:nth-child(2), .p-whitening-about__contents03__flow__item:nth-child(3) {
    width: 15%;
  }
}
.p-whitening-about__contents03__flow__item:last-child {
  padding-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__item:last-child {
    padding-bottom: 0;
    width: 25%;
  }
}
.p-whitening-about__contents03__flow__img {
  height: clamp(132px, 35.2vw, 198px);
  width: auto;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.p-whitening-about__contents03__flow__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: center;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__text {
    text-align: justify;
    font-size: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-whitening-about__contents03__flow__note {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__flow__note {
    width: 30%;
    margin: 0;
  }
}
.p-whitening-about__contents03__table {
  margin: 0;
  border-color: inherit;
  border-collapse: collapse;
  width: 100%;
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 1;
  margin-top: clamp(32px, 8.53vw, 48px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table {
    margin-top: clamp(38.4px, 3.2vw, 48px);
  }
}
.p-whitening-about__contents03__table:first-of-type {
  margin-top: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table:first-of-type {
    margin-top: clamp(38.4px, 3.2vw, 48px);
  }
}
.p-whitening-about__contents03__table--pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table--pc {
    display: table;
  }
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table--sp {
    display: none;
  }
}
.p-whitening-about__contents03__table__row {
  width: 100%;
}
.p-whitening-about__contents03__table__title--01 {
  background-color: #ddeb9a;
  text-align: center;
  width: 100%;
  height: 3em;
  font-size: clamp(12px, 3.2vw, 18px);
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table__title--01 {
    display: table-cell;
    width: 22%;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-whitening-about__contents03__table__title--02 {
  background-color: #bbd635;
  text-align: center;
  width: 100%;
  height: 3em;
  font-size: clamp(12px, 3.2vw, 18px);
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table__title--02 {
    width: 34%;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-whitening-about__contents03__table__text--01 {
  background-color: #ffffff;
  border-bottom: 1px solid #aacc03;
  height: 4em;
  width: 55%;
  font-size: clamp(12px, 3.2vw, 18px);
  text-align: left;
  padding-left: 1em;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table__text--01 {
    width: auto;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-whitening-about__contents03__table__text--02 {
  background-color: #ffffff;
  border-bottom: 1px solid #aacc03;
  height: 4em;
  width: 45%;
  font-size: clamp(12px, 3.2vw, 18px);
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__table__text--02 {
    width: auto;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-whitening-about__contents03__table__text--green {
  background-color: #eef5cd;
}
.p-whitening-about__contents03__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: left;
  line-height: 1.77;
  padding-top: clamp(24px, 6.4vw, 36px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__text {
    text-align: center;
    padding-top: clamp(38.4px, 3.2vw, 48px);
  }
}
.p-whitening-about__contents03__data {
  padding-top: clamp(18px, 4.8vw, 27px);
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: clamp(38.4px, 3.2vw, 48px) 0 clamp(19.2px, 1.6vw, 24px) 0;
  }
}
.p-whitening-about__contents03__data + .p-whitening-about__contents03__data {
  padding-top: clamp(24px, 6.4vw, 36px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__data + .p-whitening-about__contents03__data {
    padding-top: clamp(19.2px, 1.6vw, 24px);
    border-top: 1px solid #aacc03;
  }
}
.p-whitening-about__contents03__data__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1;
  font-size: clamp(13px, 3.46vw, 19.5px);
  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;
  background-color: #cce068;
  width: 7em;
  height: 2.25em;
  border-radius: 1.175em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__data__title {
    font-size: clamp(16px, 1.33vw, 20px);
    width: 18%;
    height: auto;
    border-radius: 10px;
  }
}
.p-whitening-about__contents03__data__text {
  padding-top: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__data__text {
    width: 82%;
    padding-top: 0;
  }
}
.p-whitening-about__contents03__data__list {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  line-height: 1.77;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__data__list {
    padding-left: 1.75em;
  }
}
.p-whitening-about__contents03__data__list__item {
  text-indent: -1.5em;
  margin-left: 1.5em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-whitening-about__contents03__data__list__item {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
  }
}
.p-whitening-about__contents03__data__list__item--accent {
  color: #aacc03;
  padding-right: 0.5em;
}
.p-whitening-about__flow {
  padding-top: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: clamp(54.4px, 4.53vw, 68px);
  }
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__inner {
    width: 47%;
  }
}
.p-whitening-about__flow__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  font-size: clamp(16px, 4.26vw, 24px);
  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: 100%;
  height: 2.5em;
  border-radius: 1.75em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__title {
    font-size: clamp(19.2px, 1.6vw, 24px);
  }
}
.p-whitening-about__flow__title--office {
  background-color: #24c9c9;
}
.p-whitening-about__flow__title--home {
  background-color: #f4aa78;
}
.p-whitening-about__flow__list {
  padding: clamp(14px, 3.73vw, 21px) 0 clamp(50px, 13.33vw, 75px) 0;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__list {
    padding: clamp(25.6px, 2.13vw, 32px) 0 clamp(91.2px, 7.6vw, 114px) 0;
  }
}
.p-whitening-about__flow__list__item {
  position: relative;
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__list__item {
    font-size: clamp(24px, 2vw, 30px);
  }
}
.p-whitening-about__flow__list__item--office::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #24c9c9;
  position: absolute;
  top: 0;
  left: calc(1.25em - 1px);
}
.p-whitening-about__flow__list__item--home::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #f4aa78;
  position: absolute;
  top: 0;
  left: calc(1.25em - 1px);
}
.p-whitening-about__flow__list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-whitening-about__flow__list__inner__left {
  width: 22%;
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__flow__list__inner__left {
    width: 20%;
  }
}
.p-whitening-about__flow__list__num {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(20px, 5.33vw, 30px);
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 2.5em;
  height: 2.5em;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__list__num {
    font-size: clamp(24px, 2vw, 30px);
  }
}
.p-whitening-about__flow__list__num--sm {
  display: block;
  font-size: clamp(10.67px, 2.84vw, 16px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__list__num--sm {
    font-size: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-whitening-about__flow__list__num--office {
  background-color: #24c9c9;
}
.p-whitening-about__flow__list__num--home {
  background-color: #f4aa78;
}
.p-whitening-about__flow__list__num__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1;
  font-size: clamp(14.67px, 3.91vw, 22px);
  width: 78%;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__list__num__title {
    font-size: clamp(17.6px, 1.46vw, 22px);
  }
}
@media screen and (min-width: 1024px) {
  .p-whitening-about__flow__list__num__title {
    width: 80%;
  }
}
.p-whitening-about__flow__list__num__title--office {
  color: #24c9c9;
}
.p-whitening-about__flow__list__num__title--home {
  color: #f4aa78;
}
.p-whitening-about__flow__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.77;
  text-align: justify;
  padding-left: 22%;
  position: relative;
  top: -0.25em;
  padding-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__flow__list__text {
    padding-left: 20%;
  }
}
.p-whitening-about__table {
  width: 100%;
  margin-top: clamp(36px, 9.6vw, 54px);
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table {
    margin-top: clamp(44px, 3.66vw, 55px);
  }
}
.p-whitening-about__table__row {
  width: 100%;
}
.p-whitening-about__table__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: left;
  vertical-align: middle;
  border-bottom: none;
  padding: 0.8em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__title {
    padding: 0.8em 0.8em 0.8em 1em;
  }
}
.p-whitening-about__table__title--green {
  background-color: #68b72e;
  border: 1px solid #68b72e;
}
.p-whitening-about__table__title--blue {
  background-color: #24c9c9;
  border: 1px solid #24c9c9;
}
.p-whitening-about__table__title--red {
  background-color: #f4aa78;
  border: 1px solid #f4aa78;
}
.p-whitening-about__table__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: left;
  vertical-align: middle;
  padding: 0.8em;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__text {
    padding: 0.8em 0.8em 0.8em 1em;
  }
}
.p-whitening-about__table__text--01 {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__text--01 {
    display: table-cell;
    width: 25%;
  }
}
@media screen and (min-width: 1536px) {
  .p-whitening-about__table__text--01 {
    width: 22%;
  }
}
.p-whitening-about__table__text--01--green {
  background-color: #EBFFB9;
  border-left: 1px solid #68b72e;
  border-right: 1px solid #68b72e;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__text--01--green {
    border-bottom: 1px solid #68b72e;
  }
}
.p-whitening-about__table__text--01--blue {
  background-color: #bdefef;
  border-left: 1px solid #24c9c9;
  border-right: 1px solid #24c9c9;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__text--01--blue {
    border-bottom: 1px solid #24c9c9;
  }
}
.p-whitening-about__table__text--01--red {
  background-color: #fce5d6;
  border-left: 1px solid #f4aa78;
  border-right: 1px solid #f4aa78;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__text--01--red {
    border-bottom: 1px solid #f4aa78;
  }
}
.p-whitening-about__table__text--02 {
  display: block;
  width: 100%;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .p-whitening-about__table__text--02 {
    display: table-cell;
    width: 75%;
  }
}
@media screen and (min-width: 1536px) {
  .p-whitening-about__table__text--02 {
    width: 78%;
  }
}
.p-whitening-about__table__text--02--green {
  border-left: 1px solid #68b72e;
  border-right: 1px solid #68b72e;
  border-bottom: 1px solid #68b72e;
}
.p-whitening-about__table__text--02--blue {
  border-left: 1px solid #24c9c9;
  border-right: 1px solid #24c9c9;
  border-bottom: 1px solid #24c9c9;
}
.p-whitening-about__table__text--02--red {
  border-left: 1px solid #f4aa78;
  border-right: 1px solid #f4aa78;
  border-bottom: 1px solid #f4aa78;
}
.p-whitening-about__table__text__inner {
  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 screen and (min-width: 768px) {
  .p-orthodontic-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__inner--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.p-orthodontic-content__inner--end {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__inner--end {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1536px) {
  .p-orthodontic-content__inner--end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__inner__img {
    width: 42%;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__inner__box {
    width: 50%;
  }
}
.p-orthodontic-content__inner--space {
  padding-top: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__inner--space {
    padding-top: 0;
  }
}
.p-orthodontic-content__img {
  border-radius: 10px;
}
.p-orthodontic-content__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-content__text--space {
  padding-bottom: clamp(50px, 13.33vw, 75px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__text--space {
    padding-bottom: clamp(48px, 4vw, 60px);
  }
}
.p-orthodontic-content__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #A9CB03;
  line-height: 1;
  font-size: clamp(18px, 4.8vw, 27px);
  border-bottom: 1px solid #A9CB03;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__title {
    font-size: clamp(18.4px, 1.6vw, 23px);
  }
}
.p-orthodontic-content__text02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__text02 {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-content__title02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 1.8;
  font-size: clamp(15px, 4vw, 22.5px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__title02 {
    line-height: 1.77;
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-orthodontic-content__detail {
  background-color: #ffffff;
  border: 1px solid #A9CB03;
  border-radius: 10px;
  text-align: center;
}
.p-orthodontic-content__detail__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
  border-bottom: 3px solid #A9CB03;
  display: inline-block;
  padding: 0 0.75em;
  margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__detail__title {
    line-height: 1.33;
    font-size: clamp(21px, 1.75vw, 30px);
    margin-bottom: 1.25em;
  }
}
.p-orthodontic-content__detail__title--wide {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__detail__title--wide {
    padding: 0 0.75em;
  }
}
.p-orthodontic-content__space {
  padding: clamp(54px, 14.4vw, 81px) 0 clamp(32px, 8.53vw, 48px) 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__space {
    padding: clamp(100px, 8.32vw, 125px) 0 clamp(56px, 4.66vw, 70px) 0;
  }
}
.p-orthodontic-content__space01 {
  padding-top: clamp(54px, 14.4vw, 81px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-content__space01 {
    padding-top: clamp(100px, 8.32vw, 125px);
  }
}

.p-orthodontic-about__detail {
  margin-top: clamp(50px, 13.33vw, 75px);
  padding: clamp(22px, 5.86vw, 33px) clamp(20px, 5.33vw, 30px) clamp(30px, 8vw, 45px) clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__detail {
    margin-top: clamp(51.2px, 4.26vw, 64px);
    padding: clamp(40px, 3.33vw, 50px) clamp(40px, 3.33vw, 50px);
  }
}
@media screen and (min-width: 1536px) {
  .p-orthodontic-about__detail {
    padding: clamp(40px, 3.33vw, 50px) clamp(56px, 4.66vw, 70px);
  }
}
.p-orthodontic-about__detail__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
  border-bottom: 3px solid #A9CB03;
  display: inline-block;
  padding: 0 0.75em;
  margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__detail__title {
    line-height: 1.33;
    font-size: clamp(24px, 2vw, 30px);
    margin-bottom: 1.25em;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__detail__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__detail__inner__left {
    width: 51%;
  }
}
.p-orthodontic-about__detail__inner__right {
  padding-top: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__detail__inner__right {
    width: 41%;
    padding-top: 0;
  }
}
.p-orthodontic-about__detail__graph {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1;
  font-size: clamp(15px, 4vw, 22.5px);
  display: block;
  padding-top: 1.5em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__detail__graph {
    font-size: clamp(18.4px, 1.6vw, 23px);
  }
}
.p-orthodontic-about__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-orthodontic-about__list__item {
  width: 48%;
  padding: 0 0.2em;
  margin-bottom: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__list__item {
    width: 17%;
    margin-bottom: 0;
  }
}
.p-orthodontic-about__list__item:last-child {
  margin-bottom: 0;
}
.p-orthodontic-about__list__img {
  width: clamp(140px, 37.33vw, 190px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-about__list__img {
    width: 100%;
    margin: 0;
  }
}

.p-orthodontic-type__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-size: clamp(20px, 5.33vw, 30px);
  padding-top: clamp(26px, 6.93vw, 39px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__title {
    line-height: 1.8;
    font-size: clamp(21px, 1.75vw, 30px);
    padding-top: clamp(44px, 3.66vw, 55px);
  }
}
.p-orthodontic-type__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: clamp(26px, 6.93vw, 39px);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: clamp(32px, 2.66vw, 40px);
  }
}
.p-orthodontic-type__button__inner {
  width: 14.5em;
  margin-bottom: clamp(8px, 2.13vw, 12px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__button__inner {
    margin: 0 0.75em;
  }
}
.p-orthodontic-type__button__inner:last-of-type {
  margin-bottom: 0;
}
.p-orthodontic-type__data01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: clamp(10px, 2.66vw, 15px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data01 {
    padding-top: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-orthodontic-type__data01__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  width: 5.25em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data01__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-type__data01__title--accent {
  color: #A9CB03;
  font-size: clamp(10px, 2.66vw, 15px);
  display: inline-block;
  padding-right: 0.15em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data01__title--accent {
    font-size: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-orthodontic-type__data01__title--last {
  width: 7.25em;
}
.p-orthodontic-type__data01__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  width: calc(100% - 5.25em);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data01__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-type__data01__text--last {
  width: calc(100% - 7.25em);
}
.p-orthodontic-type__data01__text--br::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data01__text--br::before {
    display: inline;
    content: "\a　";
    white-space: pre;
  }
}
@media screen and (min-width: 1024px) {
  .p-orthodontic-type__data01__text--br::before {
    display: none;
  }
}
.p-orthodontic-type__space {
  padding: clamp(26px, 6.93vw, 39px) 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__space {
    padding: clamp(56px, 4.66vw, 70px) 0 clamp(40px, 3.33vw, 50px) 0;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: clamp(27.2px, 2.26vw, 34px);
  }
}
.p-orthodontic-type__data02__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(13.2px, 3.52vw, 19.8px);
  background-color: #A9CB03;
  border-radius: 6px;
  padding: 0.65em;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data02__title {
    font-size: clamp(16px, 1.33vw, 20px);
    padding: 0.5em;
    border-radius: 7px;
    padding: 0;
    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;
    width: 15%;
  }
}
.p-orthodontic-type__data02__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding: clamp(10px, 2.66vw, 15px) 0 clamp(12px, 3.2vw, 18px) 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__data02__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0 0 0 0.5em;
  }
}
.p-orthodontic-type__data02__text li {
  text-indent: -1em;
  margin-left: 1em;
}
.p-orthodontic-type__detail {
  padding: clamp(22px, 5.86vw, 33px) clamp(20px, 5.33vw, 30px) clamp(15px, 4vw, 22.5px) clamp(20px, 5.33vw, 30px);
  margin-bottom: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__detail {
    padding: clamp(38.4px, 3.2vw, 48px) clamp(36px, 3vw, 45px) clamp(16px, 1.33vw, 20px) clamp(36px, 3vw, 45px);
    margin-bottom: clamp(56px, 4.66vw, 70px);
  }
}
.p-orthodontic-type__detail--last {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__detail--last {
    margin-bottom: 0;
  }
}
.p-orthodontic-type__detail__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__detail__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-type__detail__title--accent {
  color: #A9CB03;
  font-size: clamp(10px, 2.66vw, 15px);
  display: inline-block;
  padding-right: 0.15em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__detail__title--accent {
    font-size: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-orthodontic-type__detail__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding: 0 0 0.75em 1em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__detail__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-type__list__item {
  background-color: #F0F4D3;
  padding: clamp(20px, 5.33vw, 30px) clamp(20px, 5.33vw, 30px) clamp(18px, 4.8vw, 27px) clamp(20px, 5.33vw, 30px);
  margin-bottom: clamp(22px, 5.86vw, 33px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__list__item {
    padding: clamp(16px, 1.33vw, 20px) clamp(25.6px, 2.13vw, 32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: clamp(27.2px, 2.26vw, 34px);
    min-height: clamp(72px, 6vw, 90px);
  }
}
.p-orthodontic-type__list__title {
  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;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__list__title {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 30%;
  }
}
.p-orthodontic-type__list__title__num {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A9CB03;
  line-height: 1;
  font-size: clamp(32px, 8.53vw, 48px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__list__title__num {
    font-size: clamp(32px, 2.66vw, 50px);
  }
}
.p-orthodontic-type__list__title__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(18px, 4.8vw, 27px);
  padding-left: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__list__title__text {
    line-height: 1.2;
    font-size: clamp(17.6px, 1.46vw, 22px);
  }
}
@media screen and (min-width: 1024px) {
  .p-orthodontic-type__list__title__text {
    padding-left: 0.75em;
  }
}
.p-orthodontic-type__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__list__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 68%;
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-orthodontic-type__list__text--high {
    padding: 0.75em 0;
  }
}
.p-orthodontic-type__inner {
  padding-bottom: clamp(70px, 18.66vw, 105px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-bottom: clamp(96px, 8vw, 120px);
  }
}
.p-orthodontic-type__inner__img {
  padding-top: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__inner__img {
    width: 25%;
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-orthodontic-type__inner__img {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__inner__box {
    width: 68%;
  }
}
@media screen and (min-width: 1024px) {
  .p-orthodontic-type__inner__box {
    width: 62%;
  }
}
.p-orthodontic-type__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-bottom: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-type__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-bottom: clamp(44px, 3.66vw, 55px);
    width: 87%;
  }
}

.p-orthodontic-cost__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.145em;
  font-size: clamp(15px, 4vw, 22.5px);
  padding-bottom: 0.25em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__title {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-orthodontic-cost__title--accent {
  color: #68b72e;
  display: inline-block;
  padding-right: 0.15em;
}
.p-orthodontic-cost__table {
  width: 180%;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__table {
    width: 100%;
  }
}
.p-orthodontic-cost__table__header {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(15px, 4vw, 22.5px);
  padding: 0.75em 0;
  background-color: #68b72e;
  border: 1px solid #68b72e;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__table__header {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-orthodontic-cost__table__header:first-child {
  border-right: none;
}
.p-orthodontic-cost__table__header:last-child {
  border-left: 1px solid #EBFFB9;
}
.p-orthodontic-cost__table__header__space {
  padding-left: 3em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__table__header__space {
    padding-left: 5em;
  }
}
.p-orthodontic-cost__table__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5;
  font-size: clamp(12px, 3.2vw, 18px);
  background-color: #EBFFB9;
  border: 1px solid #68b72e;
  border-right: none;
  padding: 1em 0 1em 0.75em;
  width: 30%;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__table__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 32%;
  }
}
@media screen and (min-width: 1280px) {
  .p-orthodontic-cost__table__title {
    width: 25%;
  }
}
.p-orthodontic-cost__table__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: right;
  line-height: 1.5;
  font-size: clamp(12px, 3.2vw, 18px);
  background-color: #ffffff;
  border: 1px solid #68b72e;
  border-left: none;
  padding: 1em 0.75em 1em 0;
  width: 40%;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__table__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 46%;
  }
}
@media screen and (min-width: 1280px) {
  .p-orthodontic-cost__table__text {
    width: 50%;
  }
}
.p-orthodontic-cost__table__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: right;
  line-height: 1.5;
  font-size: clamp(12px, 3.2vw, 18px);
  padding: 0.5em 0 2em 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__table__note {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-orthodontic-cost__detail {
  background-color: #FFFCEE;
  border-radius: 10px;
  text-align: center;
  padding: clamp(26px, 6.93vw, 39px) clamp(20px, 5.33vw, 30px) clamp(30px, 8vw, 45px) clamp(20px, 5.33vw, 30px);
  margin-top: clamp(30px, 8vw, 45px);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail {
    padding: clamp(33.6px, 2.8vw, 42px) clamp(33.6px, 2.8vw, 42px) clamp(40px, 3.33vw, 50px) clamp(33.6px, 2.8vw, 42px);
    margin-top: clamp(72px, 6vw, 90px);
  }
}
.p-orthodontic-cost__detail__deco {
  width: clamp(60px, 16vw, 90px);
  position: absolute;
  top: calc(clamp(30px, 8vw, 45px) * -1);
  right: -2px;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__deco {
    width: clamp(64px, 5.33vw, 80px);
    top: calc(clamp(24px, 2vw, 30px) * -1);
    right: calc(clamp(24px, 2vw, 30px) * -1);
  }
}
.p-orthodontic-cost__detail__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
  border-bottom: 3px solid #A9CB03;
  display: inline-block;
  padding: 0 0.75em;
  margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__title {
    line-height: 1.33;
    font-size: clamp(21px, 1.75vw, 30px);
    margin-bottom: 1.25em;
  }
}
.p-orthodontic-cost__detail__title--wide {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__title--wide {
    padding: 0 0.75em;
  }
}
.p-orthodontic-cost__detail__inner {
  padding-top: clamp(8px, 2.13vw, 12px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: clamp(16px, 1.33vw, 20px);
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__inner__box {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__inner__img {
    width: 35%;
  }
}
.p-orthodontic-cost__detail__title02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(15px, 4vw, 22.5px);
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__title02 {
    line-height: 2;
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .p-orthodontic-cost__detail__title02 {
    letter-spacing: 0.06em;
  }
}
.p-orthodontic-cost__detail__title02--accent {
  color: #68b72e;
}
.p-orthodontic-cost__detail__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: clamp(12px, 3.2vw, 18px);
  white-space: nowrap;
  padding: 0.5em 0 2.5em 0;
}
@media screen and (min-width: 768px) {
  .p-orthodontic-cost__detail__text {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0.75em 0 0 0;
  }
}

.p-denture-deduction {
  position: relative;
  padding: clamp(50px, 13.33vw, 75px) 0 clamp(70px, 18.66vw, 105px) 0;
}
@media screen and (min-width: 1024px) {
  .p-denture-deduction {
    padding: clamp(80px, 6.66vw, 100px) 0 clamp(115.2px, 9.6vw, 144px) 0;
  }
}

.p-implant-problem {
  position: relative;
  padding: 6px 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-problem {
    padding: clamp(60px, 5vw, 75px) 0 clamp(160px, 13.33vw, 200px) 0;
  }
}

.p-implant-guided {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
.p-implant-guided__pos {
  position: relative;
}
.p-implant-guided__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.33;
  font-size: clamp(22px, 5.86vw, 33px);
  position: relative;
  display: inline-block;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__title {
    line-height: 1.5;
    font-size: clamp(23.8px, 1.98vw, 34px);
  }
}
.p-implant-guided__title__img {
  width: 2em;
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__title__img {
    width: 2.25em;
  }
}
.p-implant-guided__title__img--left {
  top: -1.75em;
  left: -0.5em;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__title__img--left {
    top: -0.75em;
    left: -2em;
  }
}
.p-implant-guided__title__img--right {
  bottom: -0.25em;
  right: 0.75em;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__title__img--right {
    bottom: -0.25em;
    right: -2.75em;
  }
}
.p-implant-guided__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6f5429;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 2em;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 3em;
    width: 67%;
  }
}
.p-implant-guided__text--accent {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
}
.p-implant-guided__img {
  width: 40%;
  position: absolute;
  top: calc(clamp(46px, 12.26vw, 62.4px) * -1);
  right: -8%;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__img {
    width: 36%;
    top: calc(clamp(24px, 2vw, 30px) * -1);
    right: -6%;
  }
}
.p-implant-guided__detail__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    width: 75%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: clamp(44px, 3.66vw, 55px);
  }
}
.p-implant-guided__detail__list__item {
  padding-bottom: clamp(60px, 16vw, 90px);
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list__item {
    width: 28%;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1536px) {
  .p-implant-guided__detail__list__item {
    width: 30%;
  }
}
.p-implant-guided__detail__list__icon {
  background-color: #fcb575;
  border-radius: 50%;
  width: 30%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list__icon {
    width: 50%;
  }
}
.p-implant-guided__detail__list__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
  padding-top: 1em;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list__title {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
@media screen and (min-width: 1536px) {
  .p-implant-guided__detail__list__title--narrow {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list__title--br {
    display: block;
  }
}
@media screen and (min-width: 1536px) {
  .p-implant-guided__detail__list__title--br {
    display: none;
  }
}
.p-implant-guided__detail__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.5em 0;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-implant-guided__detail__list__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  position: relative;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 1024px) {
  .p-implant-guided__detail__list__note {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-implant-guided__detail__list__note--accent {
  display: inline-block;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: #68b72e;
  width: 1em;
  height: 1em;
  position: relative;
  bottom: -0.15em;
}

.p-implant-about {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-about {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__left {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__right {
    width: 40%;
  }
}
.p-implant-about__inner__title {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__title {
    text-align: left;
  }
}
.p-implant-about__inner__title__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  line-height: 2;
  letter-spacing: 0.05em;
  font-size: clamp(20px, 5.33vw, 30px);
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__title__text {
    font-size: clamp(21px, 1.75vw, 30px);
  }
}
.p-implant-about__inner__title__text::before {
  content: "";
  display: inline-block;
  background-color: #f6ff8b;
  width: 100%;
  height: 0.75em;
  position: absolute;
  left: 0;
  bottom: 0.1em;
}
.p-implant-about__inner__title__text__pos {
  display: inline-block;
  position: relative;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__title__text__pos {
    padding: 0 0.5em;
  }
}
.p-implant-about__inner__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 1em;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 2em;
  }
}
.p-implant-about__inner__img {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__inner__img {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-implant-about__list__item {
  padding: clamp(32px, 8.53vw, 48px) 0;
  border-bottom: 3px dotted #b7a994;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__list__item {
    padding: 0 clamp(25.6px, 2.13vw, 32px);
    border-bottom: none;
    border-left: 3px dotted #b7a994;
  }
}
.p-implant-about__list__item:first-child {
  padding: 4px 0 clamp(32px, 8.53vw, 48px) 0;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__list__item:first-child {
    padding: 0 clamp(25.6px, 2.13vw, 32px);
    border-left: none;
  }
}
.p-implant-about__list__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .p-implant-about__list__title {
    line-height: 1.25;
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-implant-about__list__title__num {
  width: 2.75em;
  margin: 0 auto 0.25em auto;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__list__title__num {
    margin: 0 auto 0.75em auto;
  }
}
.p-implant-about__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__list__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 0.75em;
  }
}
.p-implant-about__list__text--accent {
  color: #68b72e;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__content {
    width: 80%;
    margin: 0 auto;
  }
}
.p-implant-about__content__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: left;
  line-height: 1.33;
  font-size: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .p-implant-about__content__title {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.p-implant-about__content__list {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.25em 0 1.25em 0;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__content__list {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 1em 0 2.5em 0;
  }
}
.p-implant-about__content__list__item {
  text-indent: -1.15em;
  margin-left: 1.15em;
}
.p-implant-about__content__list__item--accent {
  color: #68b72e;
  font-size: 0.888em;
  margin-right: 0.25em;
  position: relative;
  bottom: 0.1em;
}
.p-implant-about__content__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-bottom: 1.5em;
  border-bottom: 3px dotted #b7a994;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__content__note {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-implant-about__content__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.25em 0 0 0;
}
@media screen and (min-width: 1024px) {
  .p-implant-about__content__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 1em 0 0 0;
  }
}

.p-implant-case {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-case {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-implant-flow {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-flow {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-implant-pricing {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing__inner__left {
    width: 50%;
  }
}
.p-implant-pricing__inner__right {
  padding-top: clamp(26px, 6.93vw, 39px);
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing__inner__right {
    width: 45%;
    padding-top: 0;
  }
}
.p-implant-pricing__img {
  border-radius: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing__img {
    border-radius: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-implant-pricing__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing__title {
    text-align: left;
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.p-implant-pricing__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.5em 0 1em 0;
}
@media screen and (min-width: 1024px) {
  .p-implant-pricing__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 2em 0 1.5em 0;
  }
}

.p-implant-faq {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-faq {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-implant-contact {
  position: relative;
  padding: clamp(30px, 8vw, 45px) 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-implant-contact {
    padding: clamp(72px, 6vw, 90px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-ceramic-problem {
  position: relative;
  padding: 6px 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-problem {
    padding: clamp(60px, 5vw, 75px) 0 clamp(160px, 13.33vw, 200px) 0;
  }
}

.p-ceramic-case {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-case {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-ceramic-about {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.p-ceramic-about__inner01__left {
  padding-top: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01__left {
    width: 55%;
    padding-top: 0;
  }
}
.p-ceramic-about__inner01__right {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01__right {
    display: block;
    position: relative;
    width: 45%;
  }
}
.p-ceramic-about__inner01__img {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01__img {
    border: 10px solid #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: clamp(400px, 33.33vw, 457px);
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01__img--sp {
    display: none;
  }
}
.p-ceramic-about__inner01__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-about__inner01__text--accent {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
}
.p-ceramic-about__inner01__tel {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner01__tel {
    width: 70%;
  }
}
.p-ceramic-about__inner01__tel:hover, .p-ceramic-about__inner01__tel:focus, .p-ceramic-about__inner01__tel:active {
  opacity: 0.7;
}
.p-ceramic-about__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
  padding: 2em 0 1.5em 0;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__title {
    line-height: 1.25;
    font-size: clamp(16.8px, 1.4vw, 24px);
    padding: 2.5em 0 1.5em 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner02__left {
    width: 45%;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner02__right {
    width: 45%;
  }
}
.p-ceramic-about__inner02__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.65em 0;
  border-radius: clamp(10px, 2.66vw, 15px);
  margin-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner02__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
    border-radius: 10px;
  }
}
.p-ceramic-about__inner02__title--before {
  background-color: #f7a357;
}
.p-ceramic-about__inner02__title--after {
  background-color: #68b72e;
}
.p-ceramic-about__inner03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(30px, 8vw, 45px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner03 {
    gap: clamp(48px, 4vw, 60px);
  }
}
.p-ceramic-about__inner03__left, .p-ceramic-about__inner03__right {
  width: calc((100% - clamp(30px, 8vw, 45px)) / 2);
  background-color: #f9e2b4;
  border-radius: clamp(8px, 2.13vw, 12px);
  padding: clamp(12px, 3.2vw, 18px) 0;
  position: relative;
  margin-bottom: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner03__left, .p-ceramic-about__inner03__right {
    width: calc((100% - clamp(48px, 4vw, 60px)) / 2);
    border-radius: 8px;
    padding: clamp(16px, 1.33vw, 20px);
    margin-bottom: 0;
  }
}
.p-ceramic-about__inner03__left:before {
  content: "";
  background-color: #f7a357;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  width: clamp(12px, 3.2vw, 18px);
  height: clamp(14px, 3.73vw, 21px);
  position: absolute;
  right: -19%;
  bottom: 40%;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner03__left:before {
    width: clamp(14.4px, 1.2vw, 18px);
    height: clamp(17.6px, 1.46vw, 22px);
    right: -23%;
    bottom: 40%;
  }
}
.p-ceramic-about__inner03__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #2e2624;
  text-align: center;
  line-height: 1;
  font-size: clamp(12.57px, 3.35vw, 19.5px);
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner03__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-about__inner03__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: center;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: clamp(12.57px, 3.35vw, 19.5px);
  width: 100%;
  height: 3em;
  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;
}
@media screen and (min-width: 768px) {
  .p-ceramic-about__inner03__text {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner03__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-about__inner04 {
  background-color: #e1f1d5;
  border-radius: clamp(8px, 2.13vw, 12px);
  padding: clamp(20px, 5.33vw, 30px) clamp(10px, 2.66vw, 15px);
  position: relative;
  margin-bottom: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner04 {
    border-radius: 8px;
    padding: clamp(16px, 1.33vw, 20px);
    margin-bottom: 0;
  }
}
.p-ceramic-about__inner04__pos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner04__pos {
    gap: clamp(32px, 2.66vw, 40px);
  }
}
.p-ceramic-about__inner04__left, .p-ceramic-about__inner04__right {
  position: relative;
  width: calc((100% - clamp(20px, 5.33vw, 30px)) / 2);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner04__left, .p-ceramic-about__inner04__right {
    width: calc((100% - clamp(32px, 2.66vw, 40px)) / 2);
  }
}
.p-ceramic-about__inner04__left::before {
  content: "";
  background-color: #68b72e;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  width: clamp(12px, 3.2vw, 18px);
  height: clamp(14px, 3.73vw, 21px);
  position: absolute;
  right: -19%;
  bottom: 25%;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner04__left::before {
    width: clamp(14.4px, 1.2vw, 18px);
    height: clamp(17.6px, 1.46vw, 22px);
    right: -23%;
    bottom: 25%;
  }
}
.p-ceramic-about__inner04__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #2e2624;
  text-align: center;
  line-height: 1;
  font-size: clamp(12.57px, 3.35vw, 19.5px);
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner04__title {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-about__inner04__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(12.57px, 3.35vw, 19.5px);
  width: 100%;
  height: 3em;
  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;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__inner04__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-ceramic-about__list__item {
  padding-bottom: clamp(40px, 10.66vw, 60px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list__item {
    width: 22%;
    padding-bottom: 0;
  }
}
.p-ceramic-about__list__icon {
  background-color: #fcb575;
  border-radius: 50%;
  width: 35%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list__icon {
    width: 65%;
  }
}
.p-ceramic-about__list__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #68b72e;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
  padding-top: 1em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list__title {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
@media screen and (min-width: 1536px) {
  .p-ceramic-about__list__title--narrow {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list__title--br {
    display: block;
  }
}
@media screen and (min-width: 1536px) {
  .p-ceramic-about__list__title--br {
    display: none;
  }
}
.p-ceramic-about__list__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.5em 0;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-about__list__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  position: relative;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__list__note {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-about__list__note--accent {
  display: inline-block;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: #68b72e;
  width: 1em;
  height: 1em;
  position: relative;
  bottom: -0.15em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__content {
    width: 80%;
    margin: 0 auto;
  }
}
.p-ceramic-about__content__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__content__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-bottom: 2.5em;
  }
}
.p-ceramic-about__content__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__content__note {
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-ceramic-about__content__button {
  padding: clamp(18px, 4.8vw, 27px) 0 clamp(40px, 10.66vw, 60px) 0;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-about__content__button {
    padding: 0 0 clamp(38.4px, 3.2vw, 48px) 0;
  }
}

.p-ceramic-features {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
.p-ceramic-features__detail__pos {
  position: relative;
}
.p-ceramic-features__detail__left {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__left {
    width: 50%;
  }
}
.p-ceramic-features__detail__title01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(20px, 5.33vw, 30px);
  padding-bottom: 0.75em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__title01 {
    text-align: left;
    font-size: clamp(21px, 1.75vw, 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: clamp(22.4px, 1.86vw, 28px);
  }
}
.p-ceramic-features__detail__title01__num {
  width: 2.75em;
  margin: 0 auto 0.25em auto;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__title01__num {
    width: 2em;
    margin: 0 0.5em 0 0;
  }
}
.p-ceramic-features__detail__title02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__title02 {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.p-ceramic-features__detail__title02--accent {
  color: #68b72e;
  font-size: 0.777em;
  margin-right: 0.25em;
}
.p-ceramic-features__detail__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.25em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0.25em 0 2.5em 1.25em;
  }
}
.p-ceramic-features__detail__img01 {
  margin: clamp(20px, 5.33vw, 30px) 0 clamp(30px, 8vw, 45px) 0;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__img01 {
    width: 48%;
    position: absolute;
    top: 0;
    left: 52%;
    margin: 0;
  }
}
.p-ceramic-features__detail__img02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(24px, 6.4vw, 36px);
  padding-top: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__img02 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: unset;
    padding-top: 0;
  }
}
.p-ceramic-features__detail__img02__img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: calc((100% - clamp(24px, 6.4vw, 36px)) / 2);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__img02__img {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 29%;
  }
}
.p-ceramic-features__detail__img03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(24px, 6.4vw, 36px);
  padding-top: clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__img03 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: unset;
    row-gap: clamp(38.4px, 3.2vw, 48px);
    padding-top: 0;
  }
}
.p-ceramic-features__detail__img03__img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: calc((100% - clamp(24px, 6.4vw, 36px)) / 2);
}
@media screen and (min-width: 1024px) {
  .p-ceramic-features__detail__img03__img {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 30%;
  }
}

.p-ceramic-flow {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-flow {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-ceramic-pricing {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-pricing {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-ceramic-allergy {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-allergy {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
.p-ceramic-allergy__title01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.5;
  font-size: clamp(18px, 4.8vw, 27px);
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-allergy__title01 {
    font-size: clamp(16.8px, 1.4vw, 24px);
  }
}
.p-ceramic-allergy__title01--accent {
  color: #68b72e;
  font-size: 0.777em;
  margin-right: 0.25em;
}
.p-ceramic-allergy__text01 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding: 0.25em 0 1.5em 0;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-allergy__text01 {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0.25em 0 2.5em 1.25em;
  }
}
.p-ceramic-allergy__text02 {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-top: 0.25em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-allergy__text02 {
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding: 0.25em 0 0 1.25em;
  }
}
.p-ceramic-allergy__text02__pos {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
}

.p-ceramic-maintenance {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance__inner__left {
    width: 50%;
  }
}
.p-ceramic-maintenance__inner__right {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance__inner__right {
    width: 47%;
    margin: 0;
  }
}
.p-ceramic-maintenance__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(16px, 4.26vw, 24px);
  padding-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance__text {
    font-size: clamp(14.4px, 1.2vw, 18px);
  }
}
.p-ceramic-maintenance__img {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance__img {
    top: calc(clamp(19.2px, 1.6vw, 24px) * -1);
    right: calc(clamp(19.2px, 1.6vw, 24px) * -1);
  }
}
.p-ceramic-maintenance__img--deco {
  width: clamp(56px, 14.93vw, 76px);
  position: absolute;
  right: calc(clamp(14px, 3.73vw, 21px) * -1);
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-maintenance__img--deco {
    width: clamp(112px, 9.33vw, 140px);
    bottom: clamp(16px, 1.33vw, 20px);
    right: calc(clamp(60px, 5vw, 75px) * -1);
  }
}

.p-ceramic-faq {
  position: relative;
  padding: clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-faq {
    padding: clamp(140px, 11.66vw, 175px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-ceramic-contact {
  position: relative;
  padding: clamp(30px, 8vw, 45px) 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-ceramic-contact {
    padding: clamp(72px, 6vw, 90px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-beauty-about {
  position: relative;
  padding: clamp(60px, 16vw, 90px) 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about {
    padding: clamp(124px, 10.33vw, 155px) 0 clamp(140px, 11.66vw, 175px) 0;
  }
}
.p-beauty-about__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: left;
  line-height: 1.33;
  font-size: clamp(22px, 5.86vw, 33px);
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__title {
    line-height: 1.5;
    font-size: clamp(23.8px, 1.98vw, 34px);
  }
}
.p-beauty-about__title__img {
  width: 2em;
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__title__img {
    width: 2.25em;
  }
}
.p-beauty-about__title__img--left {
  top: -1.75em;
  left: -0.5em;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__title__img--left {
    top: -0.75em;
    left: -2em;
  }
}
.p-beauty-about__title__img--right {
  bottom: -0.25em;
  right: -1.5em;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__title__img--right {
    bottom: -0.25em;
    right: -2.75em;
  }
}
.p-beauty-about__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(17px, 4.53vw, 25.5px);
  padding: 2em 0;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__text {
    line-height: 2;
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-beauty-about__inner {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__inner__left {
    width: 55%;
  }
}
@media screen and (min-width: 1536px) {
  .p-beauty-about__inner__left {
    width: 68%;
  }
}
.p-beauty-about__img {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .p-beauty-about__img {
    border: 10px solid #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: clamp(400px, 33.33vw, 450px);
    position: absolute;
    top: 0;
    left: 60%;
  }
}
@media screen and (min-width: 1536px) {
  .p-beauty-about__img {
    width: clamp(450px, 29.29vw, 552px);
    left: 73%;
  }
}

.p-beauty-botox {
  position: relative;
  padding: clamp(85px, 22.66vw, 115.35px) 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-beauty-botox {
    padding: clamp(160px, 13.33vw, 200px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-beauty-lip {
  position: relative;
  padding: clamp(85px, 22.66vw, 115.35px) 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-beauty-lip {
    padding: clamp(160px, 13.33vw, 200px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}
.p-beauty-lip__space {
  padding-top: clamp(24px, 6.4vw, 36px);
}
@media screen and (min-width: 1024px) {
  .p-beauty-lip__space {
    padding-top: clamp(40px, 3.33vw, 50px);
  }
}

.p-beauty-gum {
  position: relative;
  padding: clamp(85px, 22.66vw, 115.35px) 0 clamp(70px, 18.66vw, 105px) 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-beauty-gum {
    padding: clamp(160px, 13.33vw, 200px) 0 clamp(124px, 10.33vw, 155px) 0;
  }
}

.p-guide-bring {
  position: relative;
  padding: 0 clamp(22px, 5.86vw, 33px);
}
@media screen and (min-width: 1024px) {
  .p-guide-bring {
    padding: 0 clamp(44px, 3.66vw, 55px);
  }
}
.p-guide-bring__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: clamp(28px, 7.46vw, 42px);
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__list {
    margin-top: clamp(40px, 3.33vw, 50px);
  }
}
.p-guide-bring__list__item {
  background-color: #ffffff;
  border-radius: clamp(16px, 4.26vw, 24px);
  width: 47%;
  padding: clamp(16px, 4.26vw, 24px) 0 clamp(12px, 3.2vw, 18px) 0;
  margin-bottom: clamp(14px, 3.73vw, 21px);
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__list__item {
    border-radius: clamp(12.8px, 1.06vw, 16px);
    width: 22.5%;
    padding: clamp(22.4px, 1.86vw, 28px) 0 clamp(12.8px, 1.06vw, 16px) 0;
    margin-bottom: 0;
  }
}
.p-guide-bring__list__img {
  width: clamp(80px, 21.33vw, 180px);
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__list__img {
    width: clamp(120px, 10vw, 140px);
  }
}
.p-guide-bring__list__title {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #6f5429;
  text-align: center;
  line-height: 1.1;
  font-size: clamp(14px, 3.73vw, 19px);
  display: block;
  padding-top: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__list__title {
    line-height: 1.2;
    font-size: clamp(16px, 1.33vw, 20px);
  }
}
.p-guide-bring__list__title--sm {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  line-height: 1;
  font-size: clamp(12px, 3.2vw, 15px);
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__list__title--sm {
    font-size: clamp(12.8px, 1.06vw, 16px);
  }
}
.p-guide-bring__subtitle {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fa9e3e;
  text-align: left;
  line-height: 1.7;
  font-size: clamp(16px, 4.26vw, 20.5px);
  padding: 1.25em 0;
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__subtitle {
    text-align: center;
    font-size: clamp(17.6px, 1.46vw, 22px);
    padding: 1.5em 0;
  }
}
.p-guide-bring__note {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: left;
  list-style: none;
}
.p-guide-bring__note__item {
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 15px);
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__note__item {
    font-size: clamp(15px, 1.25vw, 18px);
  }
}
.p-guide-bring__note__item__link {
  color: #fa9e3e;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-decoration: underline !important;
  line-height: 1.8;
}
.p-guide-bring__note__item__link:hover, .p-guide-bring__note__item__link:active, .p-guide-bring__note__item__link:focus, .p-guide-bring__note__item__link:visited {
  color: #fa9e3e;
}
.p-guide-bring__note__item--space {
  padding: 0 0 1em 0;
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__note__item--space {
    padding: 0 0 1.5em 0;
  }
}
.p-guide-bring__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  line-height: 1.8;
  text-align: justify;
  font-size: 1rem;
  padding-top: 1em;
}
@media screen and (min-width: 1024px) {
  .p-guide-bring__text {
    font-size: 0.8rem;
    padding-top: 0;
  }
}

.p-pediatricdentistry-ukaihouse {
  background-color: #ffffff;
  border: 1px solid #A9CB03;
  border-radius: 10px;
  margin-top: clamp(50px, 13.33vw, 75px);
  padding: clamp(22px, 5.86vw, 33px) clamp(20px, 5.33vw, 30px);
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse {
    margin-top: clamp(51.2px, 4.26vw, 64px);
    padding: clamp(40px, 3.33vw, 50px) clamp(56px, 4.66vw, 70px);
  }
}
.p-pediatricdentistry-ukaihouse__logo {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse__logo {
    width: 40%;
  }
}
.p-pediatricdentistry-ukaihouse__inner {
  padding: clamp(30px, 8vw, 45px) 0 clamp(15px, 4vw, 22.5px) 0;
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: clamp(33.6px, 2.8vw, 42px) 0 clamp(40px, 3.33vw, 50px) 0;
  }
}
@media screen and (min-width: 1536px) {
  .p-pediatricdentistry-ukaihouse__inner {
    padding-top: clamp(48px, 4vw, 60px);
  }
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse__inner__right {
    width: 44%;
  }
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse__inner__left {
    width: 49%;
  }
}
.p-pediatricdentistry-ukaihouse__img {
  border: 4px solid #ffffff;
  -webkit-box-shadow: 2.5px 2.5px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 2.5px 2.5px 8px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
@media screen and (min-width: 1024px) {
  .p-pediatricdentistry-ukaihouse__img {
    border: 6.78px solid #ffffff;
    -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.4);
            box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.4);
  }
}
.p-pediatricdentistry-ukaihouse__text {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2e2624;
  text-align: justify;
  line-height: 1.8;
  font-size: clamp(12px, 3.2vw, 18px);
  padding-top: 2em;
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse__text {
    line-height: 1.77;
    font-size: clamp(14.4px, 1.2vw, 18px);
    padding-top: 0;
  }
}
.p-pediatricdentistry-ukaihouse__link {
  display: block;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-pediatricdentistry-ukaihouse__link {
    width: 97%;
    max-width: 900px;
  }
}
.p-pediatricdentistry-ukaihouse__link:hover, .p-pediatricdentistry-ukaihouse__link:focus, .p-pediatricdentistry-ukaihouse__link:active {
  opacity: 0.7;
}/*# sourceMappingURL=common.css.map */