@charset "UTF-8";
.null {
  font-size: clamp(15px, 1.2307692308vw, 17px);
}

.null {
  margin-left: clamp(24px, 2.3076923077vw, 48px);
}

.null {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.null > * {
  width: calc((100% - calc(10px * 2)) / 3);
}
@media screen and (max-width: 639px) {
  .null > * {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .null {
    flex-direction: column;
  }
}

:root {
  --clPD: #13364d;
  --clP: #2d5f80;
  --clPW: #4a81a5;
  --clSD: #a74957;
  --clS: #bb7983;
  --clSW: #c38891;
  --clAD: #8f6e1d;
  --clA: #ab8f49;
  --clAW: #bca363;
  --clW: #ffffff;
  --clBGG: #f6f6f6;
  --clBGP: #f1f5f8;
  --clBGS: #f7edef;
  --clBGCV: #f7f5f0;
  --clBD: #e0e0e0;
  --clBDW: #efefef;
  --clText: #454545;
  --clTextW: #a1a1a1;
  --clTextR: #d44c00;
  --clHL: #fff492;
  --clLink: #3d74c2;
  --clLinkH: #7994ca;
  --clSelect: #cccccc;
}

:root {
  --fontF: Noto Sans JP, sans-serif;
  --fontAccent: Noto Serif JP, serif;
}

.null {
  font-size: clamp(15px, 1.2307692308vw, 17px);
}

.null {
  margin-left: clamp(24px, 2.3076923077vw, 48px);
}

.null {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.null > * {
  width: calc((100% - calc(10px * 2)) / 3);
}
@media screen and (max-width: 639px) {
  .null > * {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .null {
    flex-direction: column;
  }
}

.null {
  font-size: clamp(15px, 1.2307692308vw, 17px);
}

.null {
  margin-left: clamp(24px, 2.3076923077vw, 48px);
}

.null {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.null > * {
  width: calc((100% - calc(10px * 2)) / 3);
}
@media screen and (max-width: 639px) {
  .null > * {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .null {
    flex-direction: column;
  }
}

:root {
  --clPD: #13364d;
  --clP: #2d5f80;
  --clPW: #4a81a5;
  --clSD: #a74957;
  --clS: #bb7983;
  --clSW: #c38891;
  --clAD: #8f6e1d;
  --clA: #ab8f49;
  --clAW: #bca363;
  --clW: #ffffff;
  --clBGG: #f6f6f6;
  --clBGP: #f1f5f8;
  --clBGS: #f7edef;
  --clBGCV: #f7f5f0;
  --clBD: #e0e0e0;
  --clBDW: #efefef;
  --clText: #454545;
  --clTextW: #a1a1a1;
  --clTextR: #d44c00;
  --clHL: #fff492;
  --clLink: #3d74c2;
  --clLinkH: #7994ca;
  --clSelect: #cccccc;
}

:root {
  --fontF: Noto Sans JP, sans-serif;
  --fontAccent: Noto Serif JP, serif;
}

.infomationInner {
  max-width: 800px;
  display: flex;
  gap: 32px;
}
@media screen and (min-width:1025px) {
  .infomationInner {
    justify-content: space-between;
  }
}
@media screen and (max-width:1024px) {
  .infomationInner {
    flex-direction: column;
  }
}
.infomation-left {
  display: flex;
}
@media screen and (min-width:1025px) {
  .infomation-left {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width:1024px) {
  .infomation-left {
    justify-content: space-between;
    align-items: center;
  }
}
.infomation-right {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.infomation h2 {
  font-size: clamp(34px, 31.2727272727px + 0.7272727273vw, 40px);
  text-align: center;
  color: #fff;
}
.infomation h2 small {
  display: block;
  font-size: clamp(21px, 19.6363636364px + 0.3636363636vw, 24px);
}
.infomation .btn {
  white-space: nowrap;
  font-size: clamp(13px, 12.0909090909px + 0.2424242424vw, 15px);
  padding-left: clamp(41px, 37.8181818182px + 0.8484848485vw, 48px);
  padding-right: clamp(41px, 37.8181818182px + 0.8484848485vw, 48px);
  padding-top: 10px;
  padding-bottom: 10px;
  flex: 0;
}
.infomation ul {
  width: 100%;
}
.infomation li {
  display: flex;
}
@media screen and (min-width:640px) {
  .infomation li {
    gap: 28px;
  }
}
@media screen and (max-width:639px) {
  .infomation li {
    flex-direction: column;
  }
}
.infomation li:not(:last-child) {
  border-bottom: 1px solid var(--clBD);
  padding-bottom: 14px;
  margin-bottom: 14px;
}
.infomation li time {
  color: var(--clText);
  white-space: nowrap;
}
.infomation li a {
  display: inline;
  flex: 1;
  text-decoration: underline;
}

h2,
ul,
ol,
dl,
p,
figure {
  margin: 0;
  padding: 0;
}

.index h3,
.index p {
  line-height: 1;
}
.index {
  position: relative;
}
.index .main-img {
  background-color: #f7f5f0;
  background-image: url("../img/index/kv-bg01.png?v=202607281654");
  background-image: -webkit-image-set(url("../img/index/kv-bg01.png?v=202607281654") 1x, url("../img/index/kv-bg01@2x.png?v=202607281654") 2x);
  background-image: image-set(url("../img/index/kv-bg01.png?v=202607281654") 1x, url("../img/index/kv-bg01@2x.png?v=202607281654") 2x);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width:639px) {
  .index .main-img {
    height: 60vh;
    min-height: 560px;
  }
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .main-img {
    height: 60vh;
  }
}
@media screen and (min-width:1025px) {
  .index .main-img {
    padding-block: 56px 48px;
  }
}
@media screen and (min-width:1400px) {
  .index .main-img {
    aspect-ratio: 1440/593;
  }
}
.index .main-img .mainImgInner {
  position: relative;
  min-height: inherit;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index .main-img .main-catch {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 700px;
  text-align: center;
  z-index: 0;
}
.index .main-img .main-catch::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  top: clamp(8px, 4.3636363636px + 0.9696969697vw, 16px);
  width: clamp(320px, 290.9090909091px + 7.7575757576vw, 384px);
  max-width: calc(100vw - 48px);
  aspect-ratio: 384/240;
  background-image: url("../img/index/main-deco01.png");
  background-image: -webkit-image-set(url("../img/index/main-deco01.png") 1x, url("../img/index/main-deco01@2x.png") 2x);
  background-image: image-set(url("../img/index/main-deco01.png") 1x, url("../img/index/main-deco01@2x.png") 2x);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.index .main-img .main-catch-logo {
  position: relative;
  z-index: 2;
  width: clamp(40px, 37.2727272727px + 0.7272727273vw, 46px);
  margin-bottom: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
}
.index .main-img .main-catch-logo img {
  display: block;
  width: 100%;
  height: auto;
}
.index .main-img .main-catch-copy {
  color: #2d5f80;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(28px, 26.1818181818px + 0.4848484848vw, 32px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  width: -moz-fit-content;
  width: fit-content;
}
.index .main-img .main-catch-copy .main-catch-copy-terms {
  display: inline-flex;
  align-items: baseline;
  color: #bb7983;
  font-size: clamp(34px, 31.2727272727px + 0.7272727273vw, 40px);
  line-height: 1.25;
  letter-spacing: 0;
  font-feature-settings: "palt";
  white-space: nowrap;
}
.index .main-img .main-catch-copy .main-catch-copy-term {
  display: inline-block;
}
.index .main-img .main-catch-copy .main-catch-copy-term + .main-catch-copy-term {
  margin-left: -0.7em;
}
.index .main-img .main-catch-copy {
  position: relative;
  z-index: 1;
}
.index .main-img .main-catch-subcopy {
  color: #ffffff;
  background-color: #bb7983;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(20px, 18.1818181818px + 0.4848484848vw, 24px);
  width: clamp(300px, 240.9090909091px + 15.7575757576vw, 430px);
  max-width: 100%;
  margin-top: clamp(12px, 10.1818181818px + 0.4848484848vw, 16px);
  padding-bottom: clamp(10px, 9.0909090909px + 0.2424242424vw, 12px);
  padding-top: clamp(16.5px, 15.8181818182px + 0.1818181818vw, 18px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.12em;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.index .main-img .main-catch-subcopy span {
  position: relative;
  display: inline-block;
}
.index .main-img .main-catch-subcopy span::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  height: 4px;
  background-image: radial-gradient(circle, #ffffff 0 2px, transparent 2.1px);
  background-size: 20% 4px;
  background-position: center;
  background-repeat: repeat-x;
  pointer-events: none;
}
.index .main-img .main-catch-feature {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
  margin-top: 24px;
  list-style: none;
}
@media screen and (max-width:639px) {
  .index .main-img .main-catch-feature {
    margin-top: 32px;
  }
}
@media screen and (min-width:1025px) {
  .index .main-img .main-catch-feature {
    flex-wrap: nowrap;
  }
}
.index .main-img .main-catch-feature li {
  display: flex;
  align-items: center;
  color: #2d5f80;
  background-color: #ffffff;
  border: 1px solid #efefef;
  white-space: nowrap;
  font-size: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  gap: clamp(8px, 7.0909090909px + 0.2424242424vw, 10px);
  min-height: clamp(44px, 41.2727272727px + 0.7272727273vw, 50px);
  padding-block: clamp(8px, 7.0909090909px + 0.2424242424vw, 10px);
  padding-inline: clamp(8px, 7.0909090909px + 0.2424242424vw, 10px);
  padding-right: clamp(10px, 7.2727272727px + 0.7272727273vw, 16px);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.03em;
  border-radius: 4px;
  border: 1px solid var(--clBD);
  font-family: "Noto Serif JP", serif;
}
.index .main-img .main-catch-feature li img {
  flex-shrink: 0;
  width: clamp(26px, 23.2727272727px + 0.7272727273vw, 32px);
}
.index .main-img .main-catch-treatment {
  color: #ffffff;
  background-color: rgba(45, 95, 128, 0.85);
  max-width: 430px;
  margin-top: clamp(20px, 18.1818181818px + 0.4848484848vw, 24px);
  padding-block: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  padding-inline: clamp(12px, 2.9090909091px + 2.4242424242vw, 32px);
  border-radius: 8px;
}
@media screen and (max-width:639px) {
  .index .main-img .main-catch-treatment {
    margin-top: 32px;
  }
}
.index .main-img .main-catch-treatment-title {
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(18px, 15.2727272727px + 0.7272727273vw, 24px);
  margin-bottom: clamp(10px, 9.0909090909px + 0.2424242424vw, 12px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.index .main-img .main-catch-treatment ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(6px, 3.2727272727px + 0.7272727273vw, 12px);
  list-style: none;
}
@media screen and (min-width:1025px) {
  .index .main-img .main-catch-treatment ul {
    flex-wrap: nowrap;
  }
}
.index .main-img .main-catch-treatment ul li {
  color: #2d5f80;
  background-color: #ffffff;
  white-space: nowrap;
  font-size: clamp(11px, 10.5454545455px + 0.1212121212vw, 12px);
  padding-block: clamp(1px, -0.3636363636px + 0.3636363636vw, 4px);
  padding-inline: clamp(8px, 4.8181818182px + 0.8484848485vw, 15px);
  font-weight: 500;
  line-height: 180%;
  text-align: center;
  border-radius: 100px;
}
.index .section-news {
  background-color: #ffffff;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-news {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width:1025px) {
  .index .section-news {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width:639px) {
  .index .section-news {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.index .section-news .sectionInner {
  max-width: 800px;
}
@media screen and (min-width:1400px) {
  .index .section-news .sectionInner {
    max-width: 960px;
  }
}
.index .section-news .sectionInner .news-container {
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(40px, 29.0909090909px + 2.9090909091vw, 64px);
}
@media screen and (max-width:1024px) {
  .index .section-news .sectionInner .news-container {
    grid-template-columns: 1fr;
  }
}
.index .section-news .sectionInner .news-container .news-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width:1024px) {
  .index .section-news .sectionInner .news-container .news-heading {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
}
.index .section-news .sectionInner .news-container .news-heading .heading01 {
  color: #454545;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 6.1818181818px + 0.4848484848vw, 12px);
  font-size: clamp(16px, 15.0909090909px + 0.2424242424vw, 18px);
  margin-bottom: clamp(12px, 10.1818181818px + 0.4848484848vw, 16px);
  line-height: 130%;
  letter-spacing: 0.1em;
}
@media screen and (max-width:1024px) {
  .index .section-news .sectionInner .news-container .news-heading .heading01 {
    margin-bottom: 0;
  }
}
@media screen and (min-width:1025px) {
  .index .section-news .sectionInner .news-container .news-heading .heading01-logo::before {
    position: absolute;
    top: -40px;
    left: -48px;
    pointer-events: none;
  }
}
.index .section-news .sectionInner .news-container .news-heading .news-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #454545;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  font-size: clamp(11px, 10.5454545455px + 0.1212121212vw, 12px);
  min-height: clamp(24px, 22.1818181818px + 0.4848484848vw, 28px);
  padding-right: clamp(12px, 10.1818181818px + 0.4848484848vw, 16px);
  padding-left: clamp(10px, 8.1818181818px + 0.4848484848vw, 14px);
  gap: clamp(4px, 3.0909090909px + 0.2424242424vw, 6px);
  flex-shrink: 0;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-decoration: none;
  white-space: nowrap;
}
.index .section-news .sectionInner .news-container .news-heading .news-btn::before {
  content: "›";
  color: #bb7983;
  font-weight: 600;
  line-height: 1;
}
.index .section-news .sectionInner .news-container .news-list {
  list-style: none;
}
.index .section-news .sectionInner .news-container .news-list .news-item {
  border-bottom: 1px solid #efefef;
}
.index .section-news .sectionInner .news-container .news-list .news-item a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  row-gap: clamp(4px, 3.0909090909px + 0.2424242424vw, 6px);
  padding-block: clamp(18px, 16.1818181818px + 0.4848484848vw, 22px);
  color: #454545;
  text-decoration: none;
}
.index .section-news .sectionInner .news-container .news-list .news-item a:hover {
  color: #2d5f80;
}
.index .section-news .sectionInner .news-container .news-list .news-item a::after {
  content: "";
  display: block;
  grid-column: 2;
  grid-row: 1/3;
  width: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  aspect-ratio: 1;
  background: url("../img/cmn/ico_arrow_cls_medium_off.svg") center/contain no-repeat;
}
.index .section-news .sectionInner .news-container .news-list .news-item .news-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-column: 1;
  grid-row: 1;
  gap: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
}
.index .section-news .sectionInner .news-container .news-list .news-item .news-meta time {
  color: #454545;
  font-size: clamp(12.5px, 11.8181818182px + 0.1818181818vw, 14px);
  line-height: 140%;
  letter-spacing: 0.1em;
  color: var(--clTextW);
}
.index .section-news .sectionInner .news-container .news-list .news-item .news-meta .news-category {
  color: #2d5f80;
  background-color: #f1f5f8;
  font-size: clamp(11px, 10.5454545455px + 0.1212121212vw, 12px);
  padding-block: clamp(5px, 4.5454545455px + 0.1212121212vw, 6px);
  padding-inline: clamp(10px, 9.0909090909px + 0.2424242424vw, 12px);
  border-radius: 2px;
  line-height: 100%;
  letter-spacing: 0.03em;
}
.index .section-news .sectionInner .news-container .news-list .news-item .news-title {
  display: block;
  grid-column: 1;
  grid-row: 2;
  color: #454545;
  font-size: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  line-height: 140%;
  letter-spacing: 0.03em;
}
.index .section-hours {
  background-color: #f7edef;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-hours {
    padding-top: 25.6px;
    padding-bottom: 25.6px;
  }
}
@media screen and (min-width:1025px) {
  .index .section-hours {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width:639px) {
  .index .section-hours {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.index .section-hours .sectionInner .hours-title {
  color: #454545;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(18px, 17.0909090909px + 0.2424242424vw, 20px);
  margin-bottom: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.08em;
  text-align: center;
}
.index .section-treatments {
  background-color: #ffffff;
}
.index .section-treatments .sectionInner {
  max-width: 1200px;
}
.index .section-treatments .sectionInner .heading01 {
  color: #2d5f80;
  margin-bottom: clamp(34px, 31.2727272727px + 0.7272727273vw, 40px);
}
@media screen and (max-width:639px) {
  .index .section-treatments .sectionInner .heading01 {
    text-align: center;
  }
}
.index .section-treatments .sectionInner .heading01 small {
  color: #4a81a5;
  order: 2;
  font-size: clamp(12px, 11.0909090909px + 0.2424242424vw, 14px);
  margin-top: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
  margin-bottom: 0;
}
.index .section-treatments .sectionInner .treatments-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  list-style: none;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-treatments .sectionInner .treatments-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width:639px) {
  .index .section-treatments .sectionInner .treatments-list {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 280px;
    margin-inline: auto;
  }
}
.index .section-treatments .sectionInner .treatments-list .treatments-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #454545;
  background-color: #ffffff;
  text-align: center;
  min-height: clamp(210px, 200.9090909091px + 2.4242424242vw, 230px);
  padding-block: clamp(28px, 26.1818181818px + 0.4848484848vw, 32px);
  padding-inline: clamp(20px, 18.1818181818px + 0.4848484848vw, 24px);
  gap: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
  border: 1px solid rgba(74, 129, 165, 0.18);
  border-top: 3px solid #4a81a5;
  border-radius: 8px;
  box-shadow: 0 8px 24px 0 rgba(74, 129, 165, 0.16);
}
.index .section-treatments .sectionInner .treatments-list .treatments-item .treatments-icon {
  display: grid;
  place-items: center;
  width: clamp(56px, 52.3636363636px + 0.9696969697vw, 64px);
  aspect-ratio: 1;
  background-color: #f1f5f8;
  border-radius: 50%;
  flex-shrink: 0;
}
.index .section-treatments .sectionInner .treatments-list .treatments-item .treatments-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.index .section-treatments .sectionInner .treatments-list .treatments-item h3 {
  color: #2d5f80;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(16px, 15.0909090909px + 0.2424242424vw, 18px);
  margin-bottom: 0;
  line-height: 140%;
  letter-spacing: 0.1em;
}
.index .section-treatments .sectionInner .treatments-list .treatments-item p {
  margin-bottom: 0;
  color: #454545;
  font-size: clamp(13px, 12.5454545455px + 0.1212121212vw, 14px);
  line-height: 170%;
  letter-spacing: 0.05em;
}
.index .section-message {
  background: linear-gradient(143deg, #E8F2F8 0%, #FAF0F1 100%);
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-message {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width:1025px) {
  .index .section-message {
    --message-section-pb: 80px;
    padding-top: 80px;
    padding-bottom: var(--message-section-pb);
  }
}
@media screen and (max-width:639px) {
  .index .section-message {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.index .section-message .sectionInner {
  max-width: 1200px;
}
.index .section-message .sectionInner .heading01 {
  color: #2d5f80;
  align-items: flex-start;
  margin-bottom: clamp(40px, 32.7272727273px + 1.9393939394vw, 56px);
  line-height: 140%;
}
@media screen and (max-width:1024px) {
  .index .section-message .sectionInner .heading01 {
    align-items: center;
  }
}
.index .section-message .sectionInner .heading01 small {
  color: #4a81a5;
  order: 2;
  font-size: clamp(12px, 11.0909090909px + 0.2424242424vw, 14px);
  margin-top: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
  margin-bottom: 0;
}
.index .section-message .sectionInner .message-container {
  display: grid;
  grid-template-columns: minmax(0, 420fr) minmax(0, 680fr);
  align-items: start;
  -moz-column-gap: clamp(48px, 33.4545454545px + 3.8787878788vw, 80px);
       column-gap: clamp(48px, 33.4545454545px + 3.8787878788vw, 80px);
  row-gap: clamp(32px, 24.7272727273px + 1.9393939394vw, 48px);
}
@media screen and (max-width:1024px) {
  .index .section-message .sectionInner .message-container {
    grid-template-columns: 1fr;
  }
}
.index .section-message .sectionInner .message-container .message-photo {
  position: relative;
  max-width: 420px;
}
@media screen and (min-width:1025px) {
  .index .section-message .sectionInner .message-container .message-photo {
    align-self: end;
    margin-bottom: calc(var(--message-section-pb) * -1);
  }
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-message .sectionInner .message-container .message-photo {
    max-width: 300px;
  }
}
@media screen and (max-width:1024px) {
  .index .section-message .sectionInner .message-container .message-photo {
    margin-inline: auto;
  }
}
@media screen and (max-width:639px) {
  .index .section-message .sectionInner .message-container .message-photo {
    width: 100%;
  }
}
.index .section-message .sectionInner .message-container .message-photo img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-message .sectionInner .message-container .message-photo img {
    transform: translateX(-30px);
  }
}
@media screen and (max-width:639px) {
  .index .section-message .sectionInner .message-container .message-photo img {
    max-width: 270px;
    display: block;
    margin-inline: auto;
  }
}
.index .section-message .sectionInner .message-container .message-photo .message-profile {
  position: relative;
  color: #454545;
  background-color: #ffffff;
  padding-block: clamp(12px, 9.2727272727px + 0.7272727273vw, 18px);
  padding-inline: clamp(16px, 5.0909090909px + 2.9090909091vw, 40px);
}
@media screen and (max-width:1024px) {
  .index .section-message .sectionInner .message-container .message-photo .message-profile {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
  }
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-message .sectionInner .message-container .message-photo .message-profile {
    margin-top: -130px;
    transform: translateX(180px) scale(0.8);
    transform-origin: left top;
  }
}
@media screen and (max-width:639px) {
  .index .section-message .sectionInner .message-container .message-photo .message-profile {
    width: 100%;
  }
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-clinic,
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-name {
  color: #2d5f80;
}
@media screen and (max-width:639px) {
  .index .section-message .sectionInner .message-container .message-photo .message-profile .message-clinic,
  .index .section-message .sectionInner .message-container .message-photo .message-profile .message-name {
    text-align: center;
  }
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-clinic {
  font-size: clamp(10px, 8.6363636364px + 0.3636363636vw, 13px);
  margin-bottom: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.03em;
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-name {
  font-size: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
  margin-bottom: clamp(6px, 1.4545454545px + 1.2121212121vw, 16px);
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.08em;
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-name br {
  display: none;
}
@media screen and (max-width:1024px) {
  .index .section-message .sectionInner .message-container .message-photo .message-profile .message-name br {
    display: block;
  }
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(26px, 25.0909090909px + 0.2424242424vw, 28px);
  gap: clamp(5px, 4.5454545455px + 0.1212121212vw, 6px);
  color: #454545;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  font-size: clamp(11px, 10.5454545455px + 0.1212121212vw, 12px);
  line-height: 100%;
  letter-spacing: 0.03em;
  text-decoration: none;
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-btn::before {
  content: "›";
  display: grid;
  place-items: center;
  width: clamp(10px, 9.0909090909px + 0.2424242424vw, 12px);
  aspect-ratio: 1;
  color: #ffffff;
  background-color: #bb7983;
  font-size: clamp(9px, 8.5454545455px + 0.1212121212vw, 10px);
  line-height: 1;
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-btn:hover {
  color: #ffffff;
  background-color: #bb7983;
  border-color: #bb7983;
}
.index .section-message .sectionInner .message-container .message-photo .message-profile .message-btn:hover::before {
  color: #bb7983;
  background-color: #ffffff;
}
.index .section-message .sectionInner .message-container .message-content {
  color: #454545;
}
.index .section-message .sectionInner .message-container .message-content p {
  margin-bottom: clamp(22px, 19.2727272727px + 0.7272727273vw, 28px);
  font-size: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  line-height: 190%;
  letter-spacing: 0.03em;
}
.index .section-message .sectionInner .message-container .message-content p:last-child {
  margin-bottom: 0;
}
.index .section-message .sectionInner .message-container .message-content p strong {
  color: #2d5f80;
}
.index .section-reason {
  background-color: #ffffff;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-reason {
    margin-top: 64px;
  }
}
@media screen and (min-width:1025px) {
  .index .section-reason {
    margin-top: 80px;
  }
}
@media screen and (max-width:639px) {
  .index .section-reason {
    margin-top: 40px;
  }
}
.index .section-reason .sectionInner {
  max-width: 1360px;
}
.index .section-reason .sectionInner .heading01 {
  color: #2d5f80;
  margin-bottom: clamp(48px, 40.7272727273px + 1.9393939394vw, 64px);
}
.index .section-reason .sectionInner .heading01 small {
  color: #4a81a5;
  order: 2;
  font-size: clamp(12px, 11.0909090909px + 0.2424242424vw, 14px);
  margin-top: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
  margin-bottom: 0;
}
.index .section-reason .sectionInner .heading01 .heading01-main {
  color: #2d5f80;
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}
.index .section-reason .sectionInner .heading01 .heading01-main span {
  color: #bb7983;
  font-size: clamp(41px, 37.8181818182px + 0.8484848485vw, 48px);
}
.index .section-reason .sectionInner .heading01 > span:not(.heading01-main) {
  color: #bb7983;
}
.index .section-reason .sectionInner .reason-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: clamp(24px, 9.4545454545px + 3.8787878788vw, 56px);
       column-gap: clamp(24px, 9.4545454545px + 3.8787878788vw, 56px);
  row-gap: clamp(40px, 32.7272727273px + 1.9393939394vw, 56px);
}
@media screen and (min-width:1025px) {
  .index .section-reason .sectionInner .reason-list {
    -moz-column-gap: clamp(24px, -63.4666666667px + 8.5333333333vw, 56px);
         column-gap: clamp(24px, -63.4666666667px + 8.5333333333vw, 56px);
  }
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-reason .sectionInner .reason-list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
@media screen and (max-width:639px) {
  .index .section-reason .sectionInner .reason-list {
    grid-template-columns: 1fr;
  }
}
.index .section-reason .sectionInner .reason-list .reason-item {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #454545;
  background-color: #f1f5f8;
  padding-block: clamp(28px, 26.1818181818px + 0.4848484848vw, 32px);
  padding-inline: clamp(20px, 18.1818181818px + 0.4848484848vw, 24px);
  border-radius: 4px;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(odd) {
  background-color: #f7edef;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(odd) .reason-num {
  color: #bb7983;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(odd) h3 {
  color: #bb7983;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(odd) p strong {
  color: #bb7983;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(even) {
  background-color: #f1f5f8;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(even) .reason-num {
  color: #2d5f80;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(even) h3 {
  color: #2d5f80;
  font-weight: 500;
}
.index .section-reason .sectionInner .reason-list .reason-item:nth-child(even) p strong {
  color: #2d5f80;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(3) {
    background-color: #f1f5f8;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(3) .reason-num {
    color: #2d5f80;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(3) h3 {
    color: #2d5f80;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(3) p strong {
    color: #2d5f80;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(4) {
    background-color: #f7edef;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(4) .reason-num {
    color: #bb7983;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(4) h3 {
    color: #bb7983;
  }
  .index .section-reason .sectionInner .reason-list .reason-item:nth-child(4) p strong {
    color: #bb7983;
  }
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-num {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: -20px;
  left: -20px;
  z-index: 1;
  width: clamp(96px, 85.0909090909px + 2.9090909091vw, 120px);
  aspect-ratio: 1;
  background: linear-gradient(143deg, #E8F2F8 0%, #FAF0F1 100%);
  border-radius: 50%;
  box-shadow: 0 8px 20px 0 rgba(74, 129, 165, 0.08);
}
@media screen and (min-width:1025px) {
  .index .section-reason .sectionInner .reason-list .reason-item .reason-num {
    width: clamp(90px, 8px + 8vw, 120px);
  }
}
@media screen and (max-width:639px) {
  .index .section-reason .sectionInner .reason-list .reason-item .reason-num {
    left: 12px;
  }
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-num span,
.index .section-reason .sectionInner .reason-list .reason-item .reason-num strong {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.03em;
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-num span {
  font-size: clamp(15px, 13.6363636364px + 0.3636363636vw, 18px);
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-num strong {
  font-size: clamp(21px, 19.6363636364px + 0.3636363636vw, 24px);
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-photo {
  overflow: hidden;
  aspect-ratio: 368/240;
  background-color: #ffffff;
  margin-bottom: clamp(34px, 30.3636363636px + 0.9696969697vw, 42px);
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .section-reason .sectionInner .reason-list .reason-item h3 {
  font-size: clamp(21px, 19.6363636364px + 0.3636363636vw, 24px);
  margin-bottom: clamp(24px, 22.1818181818px + 0.4848484848vw, 28px);
  font-family: "Noto Serif JP", serif;
  line-height: 140%;
  letter-spacing: 0.08em;
}
@media screen and (min-width:1025px) {
  .index .section-reason .sectionInner .reason-list .reason-item h3 {
    font-size: clamp(20px, 9.0666666667px + 1.0666666667vw, 24px);
  }
}
.index .section-reason .sectionInner .reason-list .reason-item p {
  color: #454545;
  margin-bottom: 0;
  font-size: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  line-height: 190%;
  letter-spacing: 0.03em;
}
.index .section-reason .sectionInner .reason-list .reason-item .reason-note {
  display: block;
  margin-top: clamp(6px, 5.0909090909px + 0.2424242424vw, 8px);
  color: #a1a1a1;
  font-size: clamp(12px, 11.5454545455px + 0.1212121212vw, 13px);
  line-height: 160%;
}
.index .area-section {
  padding-block: clamp(34px, 31.2727272727px + 0.7272727273vw, 40px);
  margin-bottom: clamp(40px, 3.6363636364px + 9.696969697vw, 120px);
  text-align: center;
}
.index .area-section .areaInner {
  max-width: 960px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 4vw, 40px);
  align-items: center;
}
.index .area-section .area-container,
.index .area-section .area-content {
  width: 100%;
}
.index .area-section .area-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .area-section .area-section-header {
    margin-bottom: 28px;
  }
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-header {
    flex-direction: column;
    margin-bottom: 32px;
  }
}
.index .area-section .area-section-header .area-link {
  font-size: clamp(13px, 10.7272727273px + 0.6060606061vw, 18px);
  border-radius: 4px;
  padding-block: clamp(12px, 10.1818181818px + 0.4848484848vw, 16px);
  border-width: 2px;
}
.index .area-section .area-section-header .heading01 {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  color: var(--clP);
  position: relative;
  isolation: isolate;
  font-size: clamp(23px, 18.9090909091px + 1.0909090909vw, 32px);
  margin-bottom: clamp(21px, 19.6363636364px + 0.3636363636vw, 24px);
  min-height: clamp(112px, 101.0909090909px + 2.9090909091vw, 136px);
}
@media screen and (min-width:1025px) {
  .index .area-section .area-section-header .heading01 {
    padding-right: 200px;
  }
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .area-section .area-section-header .heading01 {
    padding-right: 124px;
    margin-bottom: 0;
  }
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-header .heading01 {
    min-height: auto;
    white-space: nowrap;
  }
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-header .heading01 {
    text-align: center;
    align-items: center;
  }
}
.index .area-section .area-section-header .heading01 small {
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--clP);
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-header .heading01 small {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-header .heading01 small::before {
    content: "";
    display: inline-block;
    width: 50px;
    aspect-ratio: 575/507;
    background: url("../img/index/area-map.svg") center/contain no-repeat;
    opacity: 0.95;
    flex-shrink: 0;
  }
}
.index .area-section .area-section-header .heading01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  transform: translateY(-50%);
  width: clamp(92px, 49.2727272727px + 11.3939393939vw, 186px);
  aspect-ratio: 575/507;
  background: url("../img/index/area-map.svg") center/contain no-repeat;
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-header .heading01::after {
    content: none;
  }
}
.index .area-section .area-section-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 0.7272727273px + 1.9393939394vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width:639px) {
  .index .area-section .area-section-list {
    justify-content: center;
  }
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .index .area-section .area-section-list {
    gap: 8px;
  }
}
.index .area-section .area-section-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-block: clamp(10px, 9.0909090909px + 0.2424242424vw, 12px);
  padding-inline: clamp(21px, 19.6363636364px + 0.3636363636vw, 24px);
  color: #454545;
  line-height: 1;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 9999px;
  font-size: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
  gap: clamp(8px, 7.0909090909px + 0.2424242424vw, 10px);
  text-decoration: none;
  white-space: nowrap;
}
.index .area-section .area-section-link::after {
  content: url("../img/cmn/ico_arrow_clp.svg");
  line-height: 1;
}
.index .area-section .area-map {
  margin-top: clamp(24px, 16.7272727273px + 1.9393939394vw, 40px);
}

.null {
  font-size: clamp(15px, 1.2307692308vw, 17px);
}

.null {
  margin-left: clamp(24px, 2.3076923077vw, 48px);
}

.null {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.null > * {
  width: calc((100% - calc(10px * 2)) / 3);
}
@media screen and (max-width: 639px) {
  .null > * {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .null {
    flex-direction: column;
  }
}

:root {
  --clPD: #13364d;
  --clP: #2d5f80;
  --clPW: #4a81a5;
  --clSD: #a74957;
  --clS: #bb7983;
  --clSW: #c38891;
  --clAD: #8f6e1d;
  --clA: #ab8f49;
  --clAW: #bca363;
  --clW: #ffffff;
  --clBGG: #f6f6f6;
  --clBGP: #f1f5f8;
  --clBGS: #f7edef;
  --clBGCV: #f7f5f0;
  --clBD: #e0e0e0;
  --clBDW: #efefef;
  --clText: #454545;
  --clTextW: #a1a1a1;
  --clTextR: #d44c00;
  --clHL: #fff492;
  --clLink: #3d74c2;
  --clLinkH: #7994ca;
  --clSelect: #cccccc;
}

:root {
  --fontF: Noto Sans JP, sans-serif;
  --fontAccent: Noto Serif JP, serif;
}

/*---------------------------------------
lower page
---------------------------------------*/
.page-ttl {
  width: 100%;
  padding: 80px 32px;
  background: var(--clBGP);
  font-weight: bold;
}
.page-ttl h1 {
  letter-spacing: 0.12em;
  text-align: center;
  color: var(--clP);
  font-size: clamp(28px, 26.1818181818px + 0.4848484848vw, 32px);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 1.6;
}

/* -----------------------------------------
   パンくずリスト（下層共通）
   ----------------------------------------- */
.lower .breadcrumb-nav {
  padding: 8px 16px;
  overflow-x: auto;
  letter-spacing: 0.03em;
  border-top: 1px solid var(--clBDW);
  border-bottom: 1px solid var(--clBDW);
  line-height: 1.2;
  font-size: 11px;
}
@media screen and (min-width: 640px) {
  .lower .breadcrumb-nav {
    font-size: 13px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .lower .breadcrumb-nav {
    font-size: 14px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.lower .breadcrumb-nav .breadcrumb-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: max-content;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.lower .breadcrumb-nav .breadcrumb-item + .breadcrumb-item {
  margin-left: 0.5em;
}
.lower .breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  margin-right: 0.5em;
  content: "›";
  color: var(--clP);
}
.lower .breadcrumb-nav .breadcrumb-item a {
  color: var(--clP);
  text-decoration: underline;
  font-weight: 400;
}
.lower .breadcrumb-nav .breadcrumb-item[aria-current=page] {
  color: var(--clText);
}

.lower .contents {
  padding-bottom: clamp(30.5px, 28px + 0.6666666667vw, 36px);
}

.lower .contents > section {
  margin-left: auto;
  margin-right: auto;
}
.lower .contents > section.contact {
  margin-bottom: 0;
}

.lower .section-ttl {
  color: var(--clP);
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.3em;
  text-align: center;
  margin-bottom: 48px;
}

.lower .pd {
  padding: 0 24px;
}
.lower .dpb {
  display: inline-block;
}
.lower .none {
  display: none;
}

.w80 {
  width: 100%;
  margin: auto;
}
@media screen and (min-width:1025px) {
  .w80 {
    width: 80%;
  }
}

@media screen and (min-width:640px) {
  .col2 {
    display: flex;
    justify-content: space-between;
  }
  .col2 > * {
    width: 50%;
  }
}
.null {
  font-size: clamp(15px, 1.2307692308vw, 17px);
}

.null {
  margin-left: clamp(24px, 2.3076923077vw, 48px);
}

.null {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.null > * {
  width: calc((100% - calc(10px * 2)) / 3);
}
@media screen and (max-width: 639px) {
  .null > * {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .null {
    flex-direction: column;
  }
}

:root {
  --clPD: #13364d;
  --clP: #2d5f80;
  --clPW: #4a81a5;
  --clSD: #a74957;
  --clS: #bb7983;
  --clSW: #c38891;
  --clAD: #8f6e1d;
  --clA: #ab8f49;
  --clAW: #bca363;
  --clW: #ffffff;
  --clBGG: #f6f6f6;
  --clBGP: #f1f5f8;
  --clBGS: #f7edef;
  --clBGCV: #f7f5f0;
  --clBD: #e0e0e0;
  --clBDW: #efefef;
  --clText: #454545;
  --clTextW: #a1a1a1;
  --clTextR: #d44c00;
  --clHL: #fff492;
  --clLink: #3d74c2;
  --clLinkH: #7994ca;
  --clSelect: #cccccc;
}

:root {
  --fontF: Noto Sans JP, sans-serif;
  --fontAccent: Noto Serif JP, serif;
}

@media screen and (min-width:640px) {
  .lower .contact .section-mailform-info {
    text-align: center;
  }
}
.lower .contact .section-mailform-info br {
  display: none;
}
@media screen and (min-width:640px) {
  .lower .contact .section-mailform-info br {
    display: block;
  }
}
.lower .contact .section-mailform-info small {
  display: block;
  margin-top: clamp(24px, 20.3636363636px + 0.9696969697vw, 32px);
}
@media screen and (min-width:640px) {
  .lower .contact .section-mailform-info small {
    text-align: center;
  }
}
.lower .contact .form-btn-confirm {
  margin-top: clamp(56px, 52.3636363636px + 0.9696969697vw, 64px);
}
.lower .contact .form-btn-confirm .contact-form-btn {
  margin-bottom: clamp(41px, 37.8181818182px + 0.8484848485vw, 48px);
}
.lower .contact .privacy-policy .bg-gray {
  padding: 30px 30px 30px 40px;
  background-color: #f5f5f5;
  max-width: 800px;
  margin: auto;
  border-radius: 4px;
}
@media screen and (max-width:639px) {
  .lower .contact .privacy-policy .bg-gray {
    padding: 18px 24px;
  }
}
.lower .contact .privacy-policy .heading02 {
  text-align: center;
}
.lower .contact .privacy-policy .scroll {
  height: 280px;
  overflow-y: scroll;
  padding-right: 16px;
}
.lower .contact .privacy-policy h3 {
  font-size: clamp(18.5px, 17.8181818182px + 0.1818181818vw, 20px);
  text-align: center;
  margin-bottom: 28px;
}
.lower .contact .privacy-policy h4 {
  font-size: clamp(14px, 13.0909090909px + 0.2424242424vw, 16px);
}
.lower .contact .privacy-policy p {
  font-size: 14px;
}
@media screen and (max-width:639px) {
  .lower .contact .privacy-policy p {
    font-size: 12px;
  }
}
.lower .contact .privacy-policy p:not(:last-child) {
  margin-bottom: 1.5em;
}
.lower .contact {
  /*---------------------------------------
  form / フォーム
  ---------------------------------------*/
}
.lower .contact .contact-form select, .lower .contact .contact-form textarea, .lower .contact .contact-form input {
  font-family: "Noto Sans JP", sans-serif;
  border: 2px solid #a1a1a1;
  padding: 12px;
  border-radius: 3px;
  color: #454545;
  margin: 0.4em 0.4em 0 0;
  letter-spacing: 0.08em;
  background-color: var(--clBGW);
}
.lower .contact .contact-form .contact-form-optional, .lower .contact .contact-form .contact-form-required {
  font-size: 60%;
  padding: 2px 8px;
  border-radius: 3px;
  color: #ffffff;
  line-height: 0;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin-left: 10px;
  position: relative;
  top: -1.5px;
}
.lower .contact ::-moz-placeholder {
  color: #a1a1a1;
}
.lower .contact ::placeholder {
  color: #a1a1a1;
}
.lower .contact .section-body {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width:640px) {
  .lower .contact .section-body {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
  }
}
.lower .contact .contact-wrap {
  margin-bottom: 1em;
}
.lower .contact .contact-box a {
  background-color: #ffffff;
  border: 2px solid #2d5f80;
  border-radius: 4px;
  color: #2d5f80;
  padding: 24px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 60%;
  margin: 0 auto;
  gap: 10px;
  border-radius: 100px;
  font-weight: bold;
}
@media screen and (max-width:639px) {
  .lower .contact .contact-box a {
    height: 100px;
  }
}
.lower .contact .contact-box a .icon {
  display: flex;
  align-items: center;
  width: 10%;
  max-width: 24px;
}
.lower .contact .contact-box a .icon img {
  margin-bottom: 0;
  width: 100%;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .lower .contact .contact-box a .icon {
    width: 14%;
  }
}
@media screen and (max-width:639px) {
  .lower .contact .contact-box a .txt br {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .lower .contact .contact-box a .txt br {
    display: none;
  }
}
.lower .contact .contact-box a .primary {
  display: block;
  font-size: clamp(21px, 19.6363636364px + 0.3636363636vw, 24px);
  font-weight: bold;
}
.lower .contact .contact-box a .primary.tel {
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width:1024px) and (min-width:640px) {
  .lower .contact .contact-box a .primary {
    text-align: center;
    margin-bottom: 8px;
  }
}
@media screen and (max-width:639px) {
  .lower .contact .contact-box a .primary {
    font-size: 22px;
  }
}
.lower .contact .contact-form {
  margin-bottom: 4em;
  margin-top: 64px;
}
.lower .contact .contact-form .contact-form-item {
  border-bottom: 2px solid #e0e0e0;
}
.lower .contact .contact-form .contact-form-item:nth-last-child(2),
.lower .contact .contact-form .contact-form-item:last-child {
  border: none;
}
.lower .contact .contact-form .contact-form-ttl {
  font-size: 1.3em;
  width: 100%;
  letter-spacing: 0.15em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: var(--clP);
  font-weight: 500;
}
.lower .contact .contact-form .contact-form-ttl:last-child {
  margin-top: 0;
}
.lower .contact .contact-form .contact-form-body {
  width: 100%;
  margin: 8px 0 1.5em 0;
}
.lower .contact .contact-form .contact-form-2col {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lower .contact .contact-form .contact-form-2col span {
  width: 9.5em;
  flex-shrink: 0;
  font-weight: bold;
}
.lower .contact .contact-form .contact-form-required {
  background-color: #d44c00;
}
.lower .contact .contact-form .contact-form-optional {
  background-color: #454545;
}
.lower .contact .contact-form .contact-form-input-l {
  width: 100%;
  padding: 0.2em;
}
.lower .contact .contact-form .contact-form-input-m {
  width: 9em;
  padding: 0.2em;
}
.lower .contact .contact-form .contact-form-input-s {
  width: 6.5em;
  padding: 0.2em;
}
@media screen and (min-width:640px) {
  .lower .contact .contact-form .contact-form-input-s {
    width: 9em;
  }
}
.lower .contact .contact-form .contact-form-text {
  margin-bottom: 2.5em;
}
.lower .contact .contact-form input[type=checkbox] {
  width: auto;
  margin: 0 0.8em 0 0;
  height: 1em;
  width: 1em;
  line-height: 1;
  cursor: pointer;
}
.lower .contact .contact-form input[type=checkbox]:hover {
  cursor: pointer;
}
.lower .contact .contact-form input[type=radio] {
  width: auto;
  margin: 0 0.8em 0 0;
  height: 1em;
  width: 1em;
  line-height: 1;
}
.lower .contact .contact-form input:invalid {
  background: #f9f9f9;
}
.lower .contact .contact-form textarea {
  width: 100%;
  height: 10em;
}
.lower .contact .contact-form textarea:invalid {
  background: #f5f5f5;
}
.lower .contact .contact-form .radio {
  list-style: none;
  padding: 0;
}
.lower .contact .contact-form .radio li {
  margin: 0.8em 0 0;
}
.lower .contact .contact-form .radio li label {
  display: flex;
  align-items: center;
}
.lower .contact .contact-form .checkbox li {
  margin-bottom: 0.6em;
}
.lower .contact .contact-form .checkbox li label {
  display: flex;
  align-items: center;
}
@media screen and (min-width:1025px) {
  .lower .contact .contact-form .radio li {
    margin-bottom: 0.2em;
  }
  .lower .contact .contact-form .checkbox li {
    margin-bottom: 0.2em;
  }
}
.lower .contact .contact-form .contact-form-submit {
  text-align: center;
  margin: 2em 0 3em;
}
.lower .contact .contact-form .contact-form-btn {
  display: block;
  font-size: 1.15em;
  font-weight: normal;
  background-color: #2d5f80;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  padding: 20px 40px;
  border: none;
  letter-spacing: 0.15em;
  text-indent: 0.5em;
  width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.lower .contact .contact-form .contact-form-btn:hover {
  transition: 0.2s ease-out;
  opacity: 0.8;
}
.lower .contact .contact-form .contact-form-btn.back {
  background-color: #e0e0e0;
  color: #454545;
  font-size: 0.85em;
  letter-spacing: 0.05em;
  padding: 10px 24px;
  max-width: 240px;
  margin-top: 0.8em;
}
.lower .contact .contact-form .contact-form-btn.back:hover,
.lower .contact .contact-form .contact-form-btn.back:active {
  background-color: #efefef;
}
.lower .contact .contact-form .privacy-check {
  display: flex;
  align-items: start;
  justify-content: center;
  margin: 4em 0 4em 0;
  font-size: 1em;
}
.lower .contact .contact-form .privacy-check input {
  cursor: pointer;
}
@media screen and (max-width:639px) {
  .lower .contact .contact-form .privacy-check input {
    position: relative;
    top: 6.4px;
  }
}
.lower .contact .contact-form .privacy-check label {
  line-height: 1;
  margin: 0;
  padding: 0;
}
@media screen and (max-width:639px) {
  .lower .contact .contact-form .privacy-check label {
    line-height: 1.8;
  }
}
.lower .contact .contact-form .privacy-check a {
  text-decoration: underline;
}
.lower .contact .contact-error {
  color: #d44c00;
}
.lower .contact .thanks h3 {
  text-align: center;
}
.lower .contact .thanks .txt-c {
  font-size: clamp(13px, 12.0909090909px + 0.2424242424vw, 15px);
}
.lower .contact .thanks .contact-step .step .step-contact {
  background-color: #ffffff;
  color: #454545;
  padding: 10px 10px 10px 10px;
}
.lower .contact .thanks .contact-step .step .step-contact:before {
  background-color: #ffffff;
  z-index: 4;
}
.lower .contact .thanks .contact-step .step .step-confirm {
  background-color: #ffffff;
  color: #454545;
}
.lower .contact .thanks .contact-step .step .step-confirm:before {
  background-color: #ffffff;
  z-index: 4;
}
.lower .contact .thanks .contact-step .step .step-thanks {
  background-color: #2d5f80;
  color: #FFF;
}
.lower .contact .thanks .contact-step .step .step-thanks:before {
  display: none;
}
.lower .contact .thanks .main-txt {
  margin-bottom: 2.5em;
}
@media screen and (min-width:1025px) {
  .lower .contact .thanks .main-txt {
    text-align: center;
  }
}
.lower .contact .thanks .thanks-tel {
  color: #2d5f80;
  font-weight: 700;
  padding-top: 1em;
}
.lower .contact .thanks .thanks-message {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 3em;
}
.lower .contact .thanks .thanks-error {
  margin-top: 4em;
  margin-bottom: 4em;
  border-radius: 8px;
}
.lower .contact .thanks .thanks-error p {
  margin-bottom: 0;
}
@media screen and (min-width:1025px) {
  .lower .contact .thanks .thanks-error {
    padding-top: 2em;
  }
  .lower .contact .thanks .thanks-error p {
    text-align: center;
    margin-bottom: 1em;
  }
  .lower .contact .thanks .thanks-error .thanks-error-list {
    display: flex;
    justify-content: center;
  }
  .lower .contact .thanks .thanks-error .thanks-tel {
    font-size: 1.1rem;
  }
}


/*# sourceMappingURL=pages.css.map */