@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  cursor: pointer;
  text-decoration: none;
}

:root {
  --black: #333333;
  --gray:#d1d2d3;
  --white: #fff;
  --turquoise:#12A5C7;
  --pink:#ffa8a9;
  --brown:#8d7b6d;
  --lightblue:#3dc0d4;
  --antiqueWhite:#FAEBD7;
  --red:#FF0000;
  --whiteblue:#def7fa;
  --green:#03A093;
  --lightgreen:#00C300;
  --mincho: "Hiragino Mincho ProN", YuMincho, serif;
  --gothic: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","メイリオ", "Meiryo", sans-serif;
}

html {
  font-size: 62.5%;
}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: var(--gothic);
}

img {
  height: auto;
  max-width: 100%;
}

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

.l-container, .l-container--small, .l-container--medium {
  margin: 0 auto;
  max-width: 144rem;
  padding-left: clamp(2rem, 4vw, 4rem);
  padding-right: clamp(2rem, 4vw, 4rem);
  width: 100%;
}
.l-container--medium {
  max-width: 112rem;
  padding-left: 0rem;
  padding-right: 0rem;
}
.l-container--small {
  max-width: 94.4rem;
}

.l-footer {
  background: var(--whiteblue);
}
.l-footer__inner {
  display: flex;
  gap: clamp(4rem, 6vw, 12rem);
  justify-content: center;
  padding: clamp(6rem, 8vw, 8rem) clamp(2rem, 4vw, 4rem);
}
@media (max-width: 766px) {
  .l-footer__inner {
    display: block;
  }
}
.l-footer__nav {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.l-footer__menuWrap {
  display: flex;
}
@media (max-width: 766px) {
  .l-footer__menuWrap {
    justify-content: center;
  }
}
.l-footer__menu:last-child {
  margin-left: clamp(4rem, 7vw, 7rem);
}
.l-footer__menuTitle {
  font-size: clamp(1.8rem, 2vw, 2rem);
  font-weight: bold;
}
.l-footer__list {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  margin-top: 2rem;
}
.l-footer__item {
  padding-top: clamp(1rem, 1.5vw, 1.5rem);
}
.l-footer__link {
  transition: color 0.3s;
}
.l-footer__link:hover {
  opacity: 0.7;
}
.l-footer__contactBox {
  align-items: center;
  background: var(--white);
  border-radius: 0.8rem;
  display: flex;
  gap: 2rem;
  margin-top: 4rem;
  padding: clamp(1rem, 1.2vw, 1.2rem) clamp(1.5rem, 1.8vw, 1.8rem);
}
@media (max-width: 992px) {
  .l-footer__contactBox {
    align-items: center;
    flex-direction: column;
    padding: clamp(2rem, 2vw, 2.4rem) clamp(1.5rem, 1.8vw, 1.8rem);
  }
}
.l-footer__contactTel {
  align-items: center;
  display: inline-flex;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: bold;
  padding-left: 2rem;
  position: relative;
  transition: all 0.3s;
}
.l-footer__contactTel::before {
  background: url(../img/top/icon_mobile-screen-button.svg) no-repeat;
  content: "";
  height: 2rem;
  left: 0;
  position: absolute;
  width: 2rem;
}
.l-footer__contactTel:hover {
  opacity: 0.7;
}
@media (max-width: 766px) {
  .l-footer__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
  }
}
.l-footer__logoLink {
  transition: all 0.3s;
}
.l-footer__logoLink:hover {
  opacity: 0.7;
}
.l-footer__access {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  margin-top: clamp(2rem, 4vw, 4rem);
}
.l-footer__tel {
  margin-top: 1.5rem;
}
.l-footer__copyright {
  background: var(--turquoise);
}
.l-footer__copyright p {
  color: var(--white);
  font-size: clamp(1rem, 1.4vw, 1.4rem);
  padding: 2rem 0.5rem;
  text-align: center;
}

@media (max-width: 992px) {
  .l-header {
    background: var(--white);
    left: 0;
    position: sticky;
    top: 0;
    z-index: 100;
  }
}
.l-header__inner {
  margin: 0 auto;
  max-width: 144rem;
  padding-bottom: clamp(1rem, 1.2vw, 2rem);
  padding-left: clamp(1rem, 1.6vw, 4rem);
  padding-right: clamp(1rem, 1.6vw, 4rem);
  padding-top: clamp(1rem, 1.2vw, 2rem);
  width: 100%;
}
.l-header__info {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.l-header__logoLink {
  transition: all 0.3s;
}
.l-header__logoLink:hover {
  opacity: 0.7;
}
@media (max-width: 375px) {
  .l-header__logoLink {
    width: 24rem;
  }
}
.l-header__infoWrap {
  align-items: center;
  display: flex;
  gap: 1.6rem;
}
.l-header__access {
  font-size: 1.4rem;
}
.l-header__address {
  padding-top: 1rem;
}
.l-header__tel {
  font-weight: bold;
  text-align: center;
}
.l-header__telOn {
  font-size: 1.6rem;
}
.l-header__telText {
  color: var(--turquoise);
  font-size: clamp(2rem, 2vw, 2.4rem);
  padding-top: 1rem;
}
.l-header__telText span {
  font-size: clamp(1.6rem, 2vw, 2rem);
}
.l-header__reserve {
  display: flex;
  gap: 1rem;
}
.l-header__reserveWeb, .l-header__reserveLine {
  align-items: center;
  border-radius: 0.4rem;
  color: var(--white);
  display: flex;
  flex-grow: 1;
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  justify-content: right;
  max-width: 15rem;
  min-width: 11rem;
  padding: 1.5rem 1rem;
  position: relative;
  transition: all 0.3s;
}
.l-header__reserveWeb {
  background: var(--turquoise);
}
.l-header__reserveWeb::before {
  background: url(../img/top/icon_mail.svg) no-repeat center;
  background-size: contain;
  content: "";
  height: 2rem;
  left: 1rem;
  position: absolute;
  width: 2rem;
}
.l-header__reserveWeb:hover {
  opacity: 0.7;
}
.l-header__reserveLine {
  background: var(--lightgreen);
}
.l-header__reserveLine::before {
  background: url(../img/top/icon_line.svg) no-repeat center;
  background-size: contain;
  content: "";
  height: 3.5rem;
  left: 0rem;
  position: absolute;
  width: 3.5rem;
}
.l-header__reserveLine:hover {
  opacity: 0.7;
}
.l-header__infoOnlySp {
  gap: clamp(1.5rem, 3vw, 4rem);
}

.l-menubar {
  margin: 1rem auto 0;
  max-width: 144rem;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
}
.l-menubar__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 144rem;
}
.l-menubar__tab {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.l-menubar__list {
  align-items: center;
  border-left: 1px solid var(--gray);
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
  text-align: center;
}
.l-menubar__list:last-child {
  border-right: 1px solid var(--gray);
}
.l-menubar__link {
  align-items: center;
  background: transparent;
  color: var(--black);
  display: inline-flex;
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  height: 100%;
  justify-content: center;
  line-height: 1.2;
  padding: 1.5rem 0rem;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  width: 100%;
}
.l-menubar__link.current {
  background-color: var(--turquoise);
  color: #fff;
}
.l-menubar__link:hover {
  background-color: var(--turquoise);
  color: #fff;
}
.l-menubar__link[aria-haspopup=true]::after {
  border-color: var(--black) transparent transparent transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.l-menubar__submenu {
  background: var(--white);
  background: var(--gray);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
}
.l-menubar__list:hover .l-menubar__submenu {
  opacity: 1;
  visibility: visible;
}
.l-menubar__submenuItem {
  border-bottom: 1px solid var(--white);
  display: block;
  position: relative;
}
.l-menubar__submenuItem:hover {
  background-color: var(--turquoise);
}
.l-menubar__submenuLink {
  color: var(--black);
  display: block;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  height: 100%;
  padding: 1.5rem 1rem;
  text-decoration: none;
  width: 100%;
}
.l-menubar__submenuLink:hover {
  color: #fff;
}
.l-menubar__contact {
  display: flex;
  left: 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 10;
}
.l-menubar__contactLink {
  align-items: center;
  background: var(--turquoise);
  border-right: 0.1rem solid var(--white);
  display: flex;
  gap: 2rem;
  height: 4.5rem;
  justify-content: center;
  padding: 1rem 1.5rem;
  transition: all 0.3s;
  width: 100%;
}
.l-menubar__contactLink:last-of-type {
  border-right: none;
}
.l-menubar__contactLink .fa-solid.fa-phone-volume,
.l-menubar__contactLink .fa-solid.fa-calendar-days,
.l-menubar__contactLink .fa-brands.fa-line {
  font-size: 2rem;
}
.l-menubar__contactLink:hover {
  opacity: 0.7;
}
.l-menubar__contactText {
  color: var(--white);
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  font-weight: bold;
}
@media (max-width: 375px) {
  .l-menubar__contactText {
    display: none;
  }
}

.l-mainVisual {
  position: relative;
}
.l-mainVisual__overlay {
  background: rgba(0, 0, 0, 0.4); /* 半透明の黒 */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; /* テキストの後ろに配置 */
}
.l-mainVisual.swiper-slide {
  position: relative;
}
.l-mainVisual__img, .l-mainVisual__img--fixed {
  overflow: hidden;
  position: relative;
}
.l-mainVisual__img img, .l-mainVisual__img--fixed img {
  height: 60rem;
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
  animation: zoomUp 7s linear 0s normal both;
     object-fit: cover;
}
@media (max-width: 766px) {
  .l-mainVisual__img img, .l-mainVisual__img--fixed img {
    height: 60rem;
  }
}
.l-mainVisual__img--fixed img {
  animation: none;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.l-mainVisual__titleWrap {
  color: var(--white);
  left: 10rem;
  position: absolute;
  top: 40%;
  z-index: 10;
}
@media (max-width: 766px) {
  .l-mainVisual__titleWrap {
    left: 2rem;
    top: 45%;
  }
}
.l-mainVisual__title {
  font-size: clamp(2.8rem, 4.5vw, 6rem);
  font-weight: bold;
  line-height: 1.5;
}

.l-clinicBlog {
  display: flex;
  margin: 0 auto;
  max-width: 104rem;
  padding-left: clamp(2rem, 4vw, 4rem);
  padding-right: clamp(2rem, 4vw, 4rem);
}
@media (max-width: 766px) {
  .l-clinicBlog {
    display: block;
  }
}
.l-clinicBlog__block {
  width: calc(100% - 30rem);
}
@media (max-width: 766px) {
  .l-clinicBlog__block {
    width: 100%;
  }
}
.l-clinicBlog__sideBlock {
  margin-left: 3rem;
  width: 30rem;
}
@media (max-width: 766px) {
  .l-clinicBlog__sideBlock {
    margin-left: 0;
    margin-top: 8rem;
    width: 100%;
  }
}
.l-clinicBlog__infoTitle {
  border-bottom: 0.1rem solid var(--lightblue);
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: 700;
  padding-bottom: 1rem;
  padding-left: 3.6rem;
  position: relative;
}
.l-clinicBlog__infoTitle::before {
  background: url(../img/blog/sidebar-icon_1.png) no-repeat center center/contain;
  content: "";
  height: 2.4rem;
  left: 0;
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  width: 2.4rem;
}
.l-clinicBlog__infoImg {
  margin-top: 2rem;
}
.l-clinicBlog__infoImg img {
  display: block;
  height: auto;
  width: 100%;
}
.l-clinicBlog__infoSubTitle {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: bold;
  margin-top: 2rem;
}
.l-clinicBlog__infoText {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  line-height: 1.4;
  margin-top: 2rem;
}
.l-clinicBlog__infoLink {
  color: var(--turquoise);
  display: inline-block;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: bold;
  margin-top: 2rem;
  position: relative;
  transition: all 0.3s ease 0s;
}
.l-clinicBlog__infoLink::after {
  content: ">";
  position: absolute;
  right: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.l-clinicBlog__infoLink:hover {
  opacity: 0.7;
}
.l-clinicBlog__new {
  margin-top: 6rem;
}
.l-clinicBlog__newTitle {
  position: relative;
}
.l-clinicBlog__newTitle::before {
  background: url(../img/blog/sidebar-icon_2.png) no-repeat center center/contain;
  content: "";
  position: absolute;
}
.l-clinicBlog__cat {
  margin-top: 6rem;
}
.l-clinicBlog__catTitle {
  position: relative;
}
.l-clinicBlog__catTitle::before {
  background: url(../img/blog/sidebar-icon_3.png) no-repeat center center/contain;
  content: "";
  position: absolute;
}
.l-clinicBlog__catBox {
  margin-top: 2rem;
}
.l-clinicBlog__catLink {
  display: flex;
  flex-flow: column;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: bold;
  margin-left: 20px;
  padding-left: 1.2rem;
  position: relative;
  transition: 0.3s;
}
.l-clinicBlog__catLink:not(:first-child) {
  margin-top: 1.5rem;
}
.l-clinicBlog__catLink:hover {
  opacity: 0.7;
}
.l-clinicBlog__catLink::before {
  border-color: transparent transparent transparent var(--turquoise);
  border-style: solid;
  border-width: 6px 0 6px 6px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.l-clinicBlog__sideCards {
  margin-top: 2rem;
}

.c-sectionHeading {
  font-size: clamp(2.4rem, 4vw, 4.8rem);
  font-weight: bold;
}

.p-clinicMenu__list, .p-clinicMenu__listSmall {
  display: grid;
  gap: clamp(2rem, 3vw, 4rem);
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(4rem, 8vw, 8rem);
  width: 100%;
}
@media (max-width: 766px) {
  .p-clinicMenu__list, .p-clinicMenu__listSmall {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-clinicMenu__listSmall {
  gap: 2rem;
  margin-top: 5rem;
}
@media (max-width: 766px) {
  .p-clinicMenu__listSmall {
    gap: 4rem;
  }
}
.p-clinicMenu__item {
  display: flex;
  flex-direction: column; /* 子要素を縦に並べる */
  max-width: 36rem;
  width: 100%;
}
@media (max-width: 766px) {
  .p-clinicMenu__item {
    margin: 0 auto;
  }
}
.p-clinicMenu__link {
  border: 0.1rem solid var(--gray);
  display: flex;
  flex-direction: column; /* 子要素を縦に並べる */
  flex-grow: 1;
}
.p-clinicMenu__link:hover {
  transition: all 0.3s;
}
.p-clinicMenu__link:hover .p-clinicMenu__img > img {
  transform: scale(1.1);
}
.p-clinicMenu__link:hover .p-clinicMenu__title::after, .p-clinicMenu__link:hover .p-clinicMenu__titleSmall::after {
  transform: scaleX(1);
}
.p-clinicMenu__img {
  overflow: hidden;
}
.p-clinicMenu__img > img {
  transition: all 0.3s;
}
.p-clinicMenu__body, .p-clinicMenu__bodySmall {
  display: flex;
  flex-direction: column; /* タイトルとテキストを縦に並べる */
  flex-grow: 1; /* この要素が残りのスペースを埋める */
  padding: clamp(1.2rem, 2vw, 2rem);
}
.p-clinicMenu__bodySmall {
  padding-bottom: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  padding-top: 2rem;
}
.p-clinicMenu__title, .p-clinicMenu__titleSmall {
  color: var(--darkgray);
  display: inline-block;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  text-align: center;
  text-align: center;
}
.p-clinicMenu__title::after, .p-clinicMenu__titleSmall::after {
  background-color: var(--turquoise); /* 下線の色 */
  bottom: -0.4rem; /* 下線の位置を調整 */
  content: "";
  height: 0.2rem; /* 下線の太さ */
  left: 0;
  position: absolute;
  transform: scaleX(0); /* 初期状態：非表示 */
  transform-origin: left center; /* 左端から拡大 */
  transition: transform 0.3s ease; /* アニメーション */
  width: 100%; /* 文字列の幅に完全一致 */
}
@media (max-width: 766px) {
  .p-clinicMenu__title, .p-clinicMenu__titleSmall {
    font-size: 1.6rem;
  }
}
.p-clinicMenu__titleSmall {
  font-size: 1.8rem;
  text-align: left;
}
@media (max-width: 766px) {
  .p-clinicMenu__titleSmall {
    font-size: 2rem;
    text-align: center;
  }
}
.p-clinicMenu__text, .p-clinicMenu__textSmall {
  flex-grow: 1; /* テキストが残りのスペースを埋める */
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  line-height: 1.75;
  margin-top: clamp(1.2rem, 2vw, 2rem);
}
@media (max-width: 766px) {
  .p-clinicMenu__text, .p-clinicMenu__textSmall {
    line-height: 2;
  }
}
.p-clinicMenu__textSmall {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 0.8rem;
}

.p-section__headingWrap {
  text-align: center;
}
.p-section__parts, .p-section__parts--aiStart, .p-section__parts--mbLarge, .p-section__parts--mtSmall, .p-section__parts--spRerverse, .p-section__parts--reverse {
  align-items: center;
  display: flex;
  margin-top: clamp(4rem, 10vw, 10rem);
}
@media (max-width: 766px) {
  .p-section__parts, .p-section__parts--aiStart, .p-section__parts--mbLarge, .p-section__parts--mtSmall, .p-section__parts--spRerverse, .p-section__parts--reverse {
    flex-direction: column-reverse;
  }
}
.p-section__parts--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 766px) {
  .p-section__parts--reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 766px) {
  .p-section__parts--spRerverse {
    flex-direction: column;
  }
}
.p-section__parts--mtSmall {
  margin-top: clamp(2rem, 4vw, 4rem);
}
.p-section__parts--mbLarge {
  margin-bottom: clamp(4rem, 10vw, 10rem);
}
.p-section__parts--aiStart {
  align-items: flex-start;
}
.p-section__img, .p-section__img--small {
  width: 45%;
}
@media (max-width: 766px) {
  .p-section__img, .p-section__img--small {
    text-align: center;
    width: 100%;
  }
}
.p-section__img img, .p-section__img--small img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-section__img--small {
  width: 30%;
}
@media (max-width: 766px) {
  .p-section__img--small {
    text-align: center;
    width: 100%;
  }
}
.p-section__content, .p-section__content--block, .p-section__content--large, .p-section__content--largeReverse {
  padding-right: clamp(3rem, 4vw, 4rem);
  width: 55%;
}
@media (max-width: 766px) {
  .p-section__content, .p-section__content--block, .p-section__content--large, .p-section__content--largeReverse {
    margin-top: 2.4rem;
    padding-right: 0rem;
    width: 100%;
  }
}
.p-section__content--largeReverse {
  padding-left: clamp(3rem, 4vw, 4rem);
  width: 70%;
}
@media (max-width: 766px) {
  .p-section__content--largeReverse {
    margin-top: 2.4rem;
    padding-left: 0rem;
    width: 100%;
  }
}
.p-section__content--large {
  width: 70%;
}
@media (max-width: 766px) {
  .p-section__content--large {
    margin-top: 2.4rem;
    padding-right: 0rem;
    width: 100%;
  }
}
.p-section__content--block {
  padding-right: 0rem;
  width: 100%;
}
.p-section__subHeading, .p-section__subHeading--large {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 2.4rem;
}
.p-section__subHeading--large {
  font-size: clamp(2rem, 2.8vw, 2.8rem);
}
@media (max-width: 766px) {
  .p-section__subHeading--large {
    text-align: left;
  }
}
.p-section__tertiaryHeading, .p-section__tertiaryHeading--mbNone {
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 2.4rem;
}
.p-section__tertiaryHeading--mbNone {
  margin-bottom: 0;
}
.p-section__textWrap, .p-section__textWrap--pb {
  margin-top: 4rem;
}
.p-section__textWrap--pb {
  padding-bottom: clamp(2rem, 4vw, 4rem);
}
.p-section__text, .p-section__text--mtSmall {
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1.88;
}
.p-section__text--mtSmall {
  margin-top: clamp(1rem, 2vw, 2vw);
}
.p-section__ceoSignature {
  margin-top: 4.4rem;
  text-align: right;
}
.p-section__ceoName {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  line-height: 2;
}
.p-section__listWrap {
  margin-top: clamp(2rem, 2.5vw, 2.5rem);
}
.p-section__item, .p-section__item--mtNone {
  margin-top: clamp(2rem, 2vw, 4rem);
}
.p-section__item p, .p-section__item--mtNone p {
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1.88;
}
.p-section__item--mtNone {
  margin-top: 0;
}

.p-news__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: clamp(4rem, 8vw, 8rem);
}
.p-news__item {
  border-top: 0.1rem solid var(--gray);
}
.p-news__item:last-child {
  border-bottom: 0.1rem solid var(--gray);
}
.p-news__link {
  align-items: center;
  display: flex;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
  justify-content: center;
  line-height: 1.72;
  padding-bottom: clamp(1.5rem, 2vw, 2.7rem);
  padding-left: clamp(2rem, 4vw, 4rem);
  padding-top: clamp(1.2rem, 2vw, 2.1rem);
  position: relative;
  transition: all 0.3s;
}
.p-news__link:hover {
  color: var(--red);
}
.p-news__link::after {
  background: url(../img/top/icon-arrow-black.png) no-repeat center center/contain;
  content: "";
  height: 2rem;
  left: 0rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  width: 2rem;
}
@media (max-width: 766px) {
  .p-news__link::after {
    height: 1.2rem;
    width: 1.2rem;
  }
}
.p-news__link:hover::after {
  background: url(../img/top/icon-arrow-blue-btn.png) no-repeat center center/contain;
  left: 2rem;
}
@media (max-width: 766px) {
  .p-news__link {
    left: 1rem;
  }
}
.p-news__date {
  margin-left: clamp(1.1rem, 2vw, 2.9rem);
  width: clamp(6rem, 7vw, 8rem);
}
.p-news__text {
  margin-left: clamp(8rem, 12vw, 12rem);
  width: calc(100% - clamp(6rem, 7vw, 8rem));
}
@media (max-width: 766px) {
  .p-news__text {
    margin-left: clamp(3rem, 8vw, 5.5rem);
  }
}

.p-access__map {
  margin-top: clamp(4rem, 8vw, 8rem);
}
.p-access__map iframe {
  height: 50rem;
  width: 100%;
}
@media (max-width: 576px) {
  .p-access__map iframe {
    height: 30rem;
  }
}
.p-access__btnWrap {
  margin-top: 4rem;
  text-align: center;
}
.p-access__btn {
  background: var(--green);
  border: 0.1rem solid var(--green);
  border-radius: 3rem;
  color: var(--white);
  cursor: pointer;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: bold;
  max-width: 40rem;
  padding: 2rem;
  transition: all 0.3s;
  width: 100%;
}
.p-access__btn:hover {
  background: var(--white);
  color: var(--green);
}
.p-access__address {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 4rem;
}
.p-access__content {
  align-items: center;
  display: flex;
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  gap: clamp(2rem, 4vw, 4rem);
}
.p-access__content:last-of-type {
  align-items: start;
  margin-top: 2rem;
}
@media (max-width: 766px) {
  .p-access__content {
    display: block;
  }
}
.p-access__title {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  line-height: 1.5;
}
@media (max-width: 766px) {
  .p-access__title {
    text-align: center;
  }
}
.p-access__list {
  line-height: 1.8;
}
@media (max-width: 766px) {
  .p-access__list {
    margin-top: 1.5rem;
  }
}

.p-clinicTimetable__inner {
  margin-top: clamp(4rem, 8vw, 8rem);
}
.p-clinicTimetable__table {
  border: 0.1rem solid var(--gray);
  border-collapse: collapse;
  margin: clamp(4rem, 8vw, 8rem) auto 0;
  table-layout: fixed;
}
.p-clinicTimetable__table th,
.p-clinicTimetable__table td {
  border: 0.1rem solid var(--gray);
  font-size: clamp(1.2rem, 3vw, 3.2rem);
  padding: clamp(1.2rem, 2vw, 2rem) clamp(1.2rem, 3vw, 3rem);
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 576px) {
  .p-clinicTimetable__table th,
  .p-clinicTimetable__table td {
    font-size: clamp(1rem, 1vw, 1.2rem);
    padding: clamp(0.6rem, 1vw, 1.2rem) clamp(0.6rem, 1vw, 1.2rem);
  }
}
.p-clinicTimetable__table--compact {
  margin-top: clamp(2rem, 4vw, 4rem);
}
.p-clinicTimetable__table--compact th,
.p-clinicTimetable__table--compact td {
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  padding: clamp(0.6rem, 1vw, 1.5rem);
}
.p-clinicTimetable__table th {
  background-color: var(--antiqueWhite);
}
.p-clinicTimetable__table td {
  background-color: var(--white);
}
.p-clinicTimetable__table td.first-column {
  background-color: var(--antiqueWhite);
}
.p-clinicTimetable__table th.weekend,
.p-clinicTimetable__table td.weekend {
  color: var(--turquoise);
}
.p-clinicTimetable__table th.holiday,
.p-clinicTimetable__table td.holiday {
  color: var(--red);
}
.p-clinicTimetable__address {
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.6;
  margin-top: clamp(2rem, 4vw, 4rem);
  text-align: center;
}

.p-drawer__toggle {
  background: var(--turquoise);
  border: 1px solid var(--white);
  border-radius: 50%;
  cursor: pointer;
  height: 6rem;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  width: 6rem;
  z-index: 1000;
}
@media (max-width: 576px) {
  .p-drawer__toggle {
    height: 4rem;
    width: 4rem;
  }
}
.p-drawer__toggle.is-active {
  background: var(--white);
  border: 1px solid var(--turquoise);
}
.p-drawer__toggle span {
  background-color: var(--white);
  border-radius: 0.4rem;
  height: 0.25rem;
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: 2.4rem;
}
@media (max-width: 576px) {
  .p-drawer__toggle span {
    width: 1.6rem;
  }
}
.p-drawer__toggle span:first-of-type {
  left: 50%;
  top: 2rem;
  transform: translateX(-50%);
}
@media (max-width: 576px) {
  .p-drawer__toggle span:first-of-type {
    top: 1.2rem;
  }
}
.p-drawer__toggle span:nth-of-type(2) {
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}
.p-drawer__toggle span:last-of-type {
  left: 50%;
  top: 3.8rem;
  transform: translateX(-50%);
}
@media (max-width: 576px) {
  .p-drawer__toggle span:last-of-type {
    top: 2.6rem;
  }
}
.p-drawer__toggle.is-active span:first-of-type {
  background: var(--turquoise);
  top: 2.8rem;
  transform: translate(-50%, 0) rotate(45deg);
}
@media (max-width: 576px) {
  .p-drawer__toggle.is-active span:first-of-type {
    top: 1.8rem;
  }
}
.p-drawer__toggle.is-active span:nth-of-type(2) {
  opacity: 0;
}
.p-drawer__toggle.is-active span:last-of-type {
  background: var(--turquoise);
  top: 2.8rem;
  transform: translate(-50%, 0) rotate(-45deg);
}
@media (max-width: 576px) {
  .p-drawer__toggle.is-active span:last-of-type {
    top: 1.8rem;
  }
}
.p-drawer__background {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
  width: 100%;
  z-index: 140;
}
.p-drawer__background.is-active {
  opacity: 1;
  visibility: visible;
}
.p-drawer__content {
  background: var(--white);
  height: 100%;
  max-width: 37.5rem;
  overflow-y: auto;
  padding-top: 2rem;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(105%);
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 150;
}
.p-drawer__content.is-active {
  transform: translateX(0);
}
.p-drawer__logo {
  padding-left: 2rem;
}
.p-drawer__logoLink {
  transition: all 0.3s;
}
.p-drawer__logoLink:hover {
  opacity: 0.7;
}
.p-drawer__list {
  margin-top: 6rem;
}
.p-drawer__item, .p-drawer__submenuItem {
  border-top: 1px solid var(--brown);
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  font-weight: bold;
  text-align: left;
}
.p-drawer__item:last-of-type, .p-drawer__submenuItem:last-of-type {
  border-bottom: 1px solid var(--brown);
}
.p-drawer__link, .p-drawer__submenuLink {
  background: transparent;
  display: inline-flex;
  padding: 2.4rem 3rem;
  transition: background-color 0.3s, color 0.3s;
  width: 100%;
}
.p-drawer__link:hover, .p-drawer__submenuLink:hover {
  background-color: var(--turquoise);
  color: #fff;
}
.p-drawer__linkToggle {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  width: 100%;
  /* 縦棒（＋の縦線部分） */
  /* 横棒（＋の横線部分） */
  /* アクティブ時（「−」状態） */
}
.p-drawer__linkToggle::before, .p-drawer__linkToggle::after {
  background-color: var(--black); /* 棒の色 */
  content: "";
  position: absolute;
  transition: transform 0.3s ease, opacity 0.3s ease; /* アニメーション */
}
.p-drawer__linkToggle::before {
  height: 1rem; /* 縦棒の高さ */
  left: calc(50% - 5rem); /* 横棒と中央揃え */
  top: 50%;
  transform: translate(-50%, -50%) scale(1); /* 中央揃えと初期状態 */
  width: 0.2rem; /* 縦棒の幅 */
}
.p-drawer__linkToggle::after {
  height: 0.15rem; /* 横棒の高さ */
  left: calc(50% - 5rem); /* 縦棒と中央揃え */
  top: 50%;
  transform: translate(-50%, -50%) scale(1); /* 中央揃えと初期状態 */
  width: 1rem; /* 横棒の幅 */
}
.p-drawer__linkToggle:hover::before, .p-drawer__linkToggle:hover::after {
  background-color: var(--white); /* ホバー時の棒の色 */
}
.p-drawer__linkToggle.is-active::before {
  opacity: 0; /* 視覚的にも非表示 */
  transform: translate(-50%, -50%) scale(0); /* 縦棒を非表示 */
}
.p-drawer__linkToggle.is-active::after {
  transform: translate(-50%, -50%) scale(1.2); /* 横棒を拡大 */
}
.p-drawer__submenu {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.p-drawer__submenu.is-active {
  height: auto;
}
.p-drawer__submenuItem:last-of-type {
  border-bottom: none;
}
.p-drawer__submenuLink {
  padding-left: 5rem;
}

.p-career__inner {
  align-items: start;
  display: flex;
  gap: clamp(4rem, 10vw, 10rem);
  justify-content: center;
}
@media (max-width: 766px) {
  .p-career__inner {
    display: block;
  }
}
@media (max-width: 766px) {
  .p-career__content:last-of-type {
    margin-top: 4rem;
  }
}
.p-career__heading {
  font-size: clamp(2rem, 2.8vw, 2.8rem);
  font-weight: bold;
}
@media (max-width: 766px) {
  .p-career__heading {
    text-align: center;
  }
}
.p-career__list {
  margin-top: clamp(4rem, 5vw, 5rem);
}
.p-career__item {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  line-height: 1.8;
}

.p-Orthodontics {
  margin: clamp(4rem, 8vw, 8rem) auto 0;
  width: 100%;
}
.p-Orthodontics__inner {
  display: block;
  margin: 0 auto;
  max-width: 100rem;
  width: 100%;
}
.p-Orthodontics__costTable {
  border: 0.1rem solid var(--gray);
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.p-Orthodontics__costTable th,
.p-Orthodontics__costTable td {
  border: 0.1rem solid var(--gray);
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  line-height: 1.5;
  padding: clamp(1rem, 2vw, 2rem) clamp(1rem, 2vw, 3rem);
  text-align: start;
  vertical-align: middle;
}

.p-contact__content {
  display: flex;
  justify-content: center;
  margin-top: clamp(8rem, 10vw, 10rem);
}
.p-contact__form {
  max-width: 80rem;
  width: 100%;
}
.p-contact__formRow {
  align-items: center;
  border: 0.1rem solid var(--gray);
  display: flex;
  padding: 2rem 1rem;
}
@media (max-width: 766px) {
  .p-contact__formRow {
    display: block;
  }
}
.p-contact__formLabel, .p-contact__formLabel--plNone {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  padding-left: 5rem;
  width: 30rem;
}
.p-contact__formLabel--en {
  color: var(--brown);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.5rem;
}
@media (max-width: 766px) {
  .p-contact__formLabel--en {
    display: inline-block;
    padding-left: 1rem;
  }
}
@media (max-width: 766px) {
  .p-contact__formLabel--plNone {
    padding-left: 0;
  }
}
.p-contact label.is-required {
  position: relative;
}
.p-contact label.is-required::after {
  background: var(--red);
  border-radius: 0.4rem;
  color: var(--white);
  content: "必須";
  font-size: 1.2rem;
  font-weight: 700;
  left: 0;
  padding: 0.3rem 0.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-contact__formInput {
  width: calc(100% - 30rem);
}
@media (max-width: 766px) {
  .p-contact__formInput {
    margin-top: 1.5rem;
    width: 100%;
  }
}
.p-contact [type=text],
.p-contact [type=email],
.p-contact [type=number],
.p-contact [type=date],
.p-contact select,
.p-contact textarea {
  background: var(--white);
  border: 0.2rem solid var(--gray);
  border-radius: 0.4rem;
  padding: 1.2rem 0.6rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  font-family: var(--gothic);
  outline: none;
}
.p-contact [type=text]:focus,
.p-contact [type=email]:focus,
.p-contact [type=number]:focus,
.p-contact [type=date]:focus,
.p-contact select:focus,
.p-contact textarea:focus {
  border-color: var(--lightblue);
  box-shadow: 0px 4px 3px -3px var(--lightblue);
}
.p-contact [type=text]:hover,
.p-contact [type=email]:hover,
.p-contact [type=number]:hover,
.p-contact [type=date]:hover,
.p-contact select:hover,
.p-contact textarea:hover {
  border-color: var(--lightblue);
  box-shadow: 0px 4px 3px -3px var(--lightblue);
}
.p-contact textarea {
  height: 20rem;
  resize: none;
  width: 100%;
}
.p-contact input[type=date]::-webkit-calendar-picker-indicator {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.p-contact input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.p-contact input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.p-contact input[type=date] {
  position: relative;
}
.p-contact__formGroup {
  align-items: center;
  display: flex;
  gap: clamp(2rem, 4vw, 4rem);
  justify-content: start;
  width: 100%;
}
@media (max-width: 766px) {
  .p-contact__formGroup {
    margin-top: 1.5rem;
  }
}
.p-contact__formTextarea {
  width: calc(100% - 30rem);
}
@media (max-width: 766px) {
  .p-contact__formTextarea {
    margin-top: 1.5rem;
    width: 100%;
  }
}
.p-contact__submitGroup {
  display: flex;
  gap: clamp(2rem, 4vw, 4rem);
  justify-content: center;
  margin-top: 2rem;
}
.p-contact__formBtn {
  border: 0.1rem solid var(--gray);
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  max-width: 30rem;
  padding: 1.6rem;
  transition: background-color 0.2s ease;
  width: 100%;
}
.p-contact__formBtn--reset {
  background-color: var(--gray);
  color: var(--white);
}
.p-contact__formBtn--reset:hover {
  background-color: var(--brown);
}
.p-contact__formBtn--confirm {
  background-color: var(--lightblue);
  color: var(--white);
}
.p-contact__formBtn--confirm:hover {
  background-color: var(--turquoise);
}

.p-clinicBlog__card {
  align-items: center;
  display: flex;
  position: relative;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.p-clinicBlog__card:not(:first-child) {
  margin-top: clamp(1.5rem, 2vw, 3rem);
}
.p-clinicBlog__card:hover .p-clinicBlog__cardImg > img {
  transform: scale(1.1);
}
.p-clinicBlog__card:hover:hover {
  opacity: 0.7;
}
.p-clinicBlog__cardImg {
  overflow: hidden;
  width: 25rem;
}
@media (max-width: 992px) {
  .p-clinicBlog__cardImg {
    width: 18rem;
  }
}
@media (max-width: 766px) {
  .p-clinicBlog__cardImg {
    width: 13rem;
  }
}
.p-clinicBlog__cardImg img {
  display: block;
  height: auto;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.p-clinicBlog__cardContent {
  line-height: 1.5;
  margin-left: 2rem;
  max-width: 100%;
  width: calc(100% - 25rem);
}
@media (max-width: 992px) {
  .p-clinicBlog__cardContent {
    width: calc(100% - 18rem);
  }
}
@media (max-width: 766px) {
  .p-clinicBlog__cardContent {
    width: calc(100% - 13rem);
  }
}
.p-clinicBlog__cardCat {
  background-color: var(--turquoise);
  border-radius: 3rem;
  color: var(--white);
  display: inline-block;
  font-size: clamp(0.8rem, 1vw, 1.2rem);
  padding-bottom: clamp(0.3rem, 0.5vw, 0.5rem);
  padding-left: clamp(0.5rem, 1vw, 1rem);
  padding-right: clamp(0.5rem, 1vw, 1rem);
  padding-top: clamp(0.3rem, 0.5vw, 0.5rem);
}
.p-clinicBlog__cardText {
  font-size: clamp(1rem, 1.6vw, 1.6rem);
  font-weight: bold;
  margin-top: clamp(0.8rem, 1.2vw, 2rem);
}
.p-clinicBlog__cardDate {
  color: var(--darkgray);
  display: block;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  margin-top: clamp(1rem, 1.2vw, 2rem);
}
.p-clinicBlog__sideCard {
  align-items: center;
  display: flex;
  position: relative;
  transition: all 0.3s ease 0s;
}
.p-clinicBlog__sideCard:not(:first-child) {
  margin-top: 2rem;
}
.p-clinicBlog__sideCard:hover .p-clinicBlog__sideCardImg > img {
  transform: scale(1.1);
}
.p-clinicBlog__sideCard:hover {
  opacity: 0.7;
}
.p-clinicBlog__sideCardImg {
  overflow: hidden;
  width: 12rem;
}
.p-clinicBlog__sideCardImg img {
  display: block;
  height: auto;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.p-clinicBlog__sideCardContent {
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: 1.2;
  margin-left: 1.2rem;
  width: calc(100% - 12rem);
}
.p-clinicBlog__sideCardCat {
  background-color: var(--turquoise);
  border-radius: 3rem;
  color: var(--white);
  display: inline-block;
  font-size: clamp(0.8rem, 1vw, 1rem);
  padding: 0.3rem 0.6rem;
}
.p-clinicBlog__sideCardText {
  font-weight: bold;
  margin-top: 0.8rem;
}
.p-clinicBlog__sideCardDate {
  color: var(--darkgray);
  display: block;
  font-size: clamp(0.8rem, 1vw, 1rem);
  margin-top: 0.8rem;
}
.p-clinicBlog__postTitle, .p-clinicBlog__postTitle--02, .p-clinicBlog__postTitle--03, .p-clinicBlog__postTitle--04 {
  font-size: clamp(2rem, 2vw, 2.8rem);
  font-weight: bold;
  line-height: 1.42;
}
.p-clinicBlog__postTitle--02, .p-clinicBlog__postTitle--03, .p-clinicBlog__postTitle--04 {
  padding-bottom: 2rem;
  padding-top: 6rem;
}
.p-clinicBlog__postMeta {
  align-items: center;
  display: flex;
  padding-top: 2rem;
}
.p-clinicBlog__postDate {
  color: var(--turquoise);
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 2rem;
  position: relative;
}
.p-clinicBlog__postDate::before {
  background: url(../img/blog/icon-time.png) no-repeat center center/contain;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.p-clinicBlog__postCat {
  background-color: var(--turquoise);
  border-radius: 2rem;
  color: var(--white);
  display: inline-block;
  font-size: clamp(1.2rem, 1.2vw, 1.4rem);
  margin-left: 3.2rem;
  padding: 0.6rem 1.2rem;
}
.p-clinicBlog__postContent {
  padding-bottom: clamp(6rem, 10vw, 10rem);
  padding-top: 6rem;
}
.p-clinicBlog__postContent h2 {
  color: var(--turquoise);
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-weight: bold;
  line-height: 1.33;
  padding-left: 2.8rem;
  position: relative;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.p-clinicBlog__postContent h2::before {
  background: var(--turquoise);
  content: "";
  height: 5rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8rem;
}
.p-clinicBlog__postContent h3 {
  border-bottom: 0.1rem solid var(--turquoise);
  color: var(--turquoise);
  font-size: clamp(1.8rem, 2vw, 2rem);
  font-weight: bold;
  line-height: 1.33;
  padding-bottom: 0.8rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.p-clinicBlog__postContent h4 {
  color: var(--turquoise);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.33;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.p-clinicBlog__postContent p {
  font-size: clamp(1.2rem, 1.2vw, 1.4rem);
  line-height: 1.71;
}
.p-clinicBlog__postContent img {
  height: auto;
  width: 100%;
}
.p-clinicBlog__list {
  padding: 2rem;
}
.p-clinicBlog__listItem {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  list-style: disc;
}
.p-clinicBlog__listItem:not(:first-child) {
  margin-top: 1.2rem;
}

.p-pagenation {
  display: flex;
  justify-content: center;
  margin-top: clamp(2.4rem, 4vw, 4rem);
  width: 100%;
}
.p-pagenation__prev {
  align-items: center;
  background-color: var(--turquoise);
  border-radius: 0.4rem;
  color: var(--white);
  display: flex;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: bold;
  height: clamp(3rem, 3vw, 3.6rem);
  justify-content: center;
  padding-left: 2.2rem;
  position: relative;
  width: clamp(8rem, 8vw, 9rem);
}
.p-pagenation__prev::before {
  background: url(../img/blog/arrow-circle-left.png) no-repeat center center/contain;
  content: "";
  height: clamp(1.2rem, 1.2vw, 1.6rem);
  left: 1.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.2rem, 1.2vw, 1.6rem);
}
.p-pagenation__number, .p-pagenation__number--current {
  align-items: center;
  background-color: var(--white);
  border: 0.1rem solid var(--turquoise);
  border-radius: 0.4rem;
  color: var(--turquoise);
  display: flex;
  font-weight: bold;
  height: clamp(3rem, 3vw, 3.6rem);
  justify-content: center;
  margin-left: clamp(0.8rem, 1vw, 1rem);
  width: clamp(3rem, 3vw, 3.6rem);
}
.p-pagenation__number--current {
  background-color: var(--turquoise);
  color: var(--white);
}
.p-pagenation__next {
  align-items: center;
  background-color: var(--turquoise);
  border-radius: 0.4rem;
  color: var(--white);
  display: flex;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: bold;
  height: clamp(3rem, 3vw, 3.6rem);
  justify-content: center;
  margin-left: 1rem;
  padding-right: 2.2rem;
  position: relative;
  width: clamp(8rem, 8vw, 9rem);
}
.p-pagenation__next::after {
  background: url(../img/blog/arrow-circle-right.png) no-repeat center center/contain;
  content: "";
  height: clamp(1.2rem, 1.2vw, 1.6rem);
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.2rem, 1.2vw, 1.6rem);
}
.p-pagenation__list {
  align-items: center;
  background: var(--white);
  border: 0.1rem solid var(--turquoise);
  border-radius: 0.4rem;
  color: var(--turquoise);
  display: flex;
  font-weight: bold;
  height: clamp(3rem, 3vw, 3.6rem);
  justify-content: center;
  margin-left: 2rem;
  width: clamp(8rem, 9vw, 9rem);
}

.p-guideline__body {
  margin-bottom: clamp(6rem, 12vw, 12rem);
  margin-top: clamp(2.6rem, 5.7vw, 5.7rem);
}
.p-guideline__item:not(:first-child) {
  margin-top: clamp(3.2rem, 6.7vw, 6.7rem);
}
.p-guideline__title {
  font-size: clamp(1.8rem, 2.2vw, 2.2rem);
  font-weight: bold;
  line-height: 1.5;
}
.p-guideline__text {
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1.88;
  margin-top: clamp(2rem, 3.3vw, 3.3rem);
}
.p-guideline__list {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  margin-top: clamp(2.2rem, 2.6vw, 2.6rem);
}
.p-guideline__list li {
  line-height: 1.5;
  padding-left: 2rem;
  position: relative;
}
.p-guideline__list li:not(:first-child) {
  margin-top: 1.2rem;
}
.p-guideline__list li::before {
  background-color: var(--black);
  border-radius: 50%;
  content: "";
  height: 0.8rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8rem;
}
.u-displayNone {
  display: none;
}
.u-displayNone--PA {
  display: block;
}
@media (max-width: 992px) {
  .u-displayNone--PA {
    display: none;
  }
}
.u-displayNone--flexPA {
  display: flex;
}
@media (max-width: 992px) {
  .u-displayNone--flexPA {
    display: none;
  }
}
.u-displayNone--flexPB {
  display: none;
}
@media (max-width: 992px) {
  .u-displayNone--flexPB {
    display: flex;
  }
}
.u-displayNone--TA {
  display: block;
}
@media (max-width: 766px) {
  .u-displayNone--TA {
    display: none;
  }
}
.u-displayNone--TB {
  display: none;
}
@media (max-width: 992px) {
  .u-displayNone--TB {
    display: block;
  }
}
.u-displayNone--SB {
  display: none;
}
@media (max-width: 766px) {
  .u-displayNone--SB {
    display: block;
  }
}

.u-sectionPadding, .u-sectionPadding--small, .u-sectionPadding--large {
  padding-bottom: clamp(6rem, 12vw, 12rem);
  padding-top: clamp(6rem, 12vw, 12rem);
}
.u-sectionPadding--large {
  padding-bottom: clamp(8rem, 14vw, 14rem);
  padding-top: clamp(8rem, 14vw, 14rem);
}
.u-sectionPadding--small {
  padding-bottom: clamp(4rem, 8vw, 8rem);
  padding-top: clamp(4rem, 8vw, 8rem);
}

.u-marginTop {
  margin-top: clamp(2.4rem, 4vw, 4rem);
}

.wp-block-list {
  padding-left: 1.6rem; /* 点の分だけ左にスペースを確保 */
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.wp-block-list li {
  position: relative;
  padding-left: 1.2rem; /* 文字と点の間隔調整 */
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.wp-block-list li:last-child {
  margin-bottom: 0;
}

.wp-block-list li::before {
  content: "";
  position: absolute;
  top: 0; /* テキストの縦中央にくるように調整 */
  left: 0;
  width: 0.5em;
  height: 0.5em;
  background-color: var(--black);
  border-radius: 50%;
}

.prev.page-numbers {
	align-items: center;
	background: var(--turquoise);
	border-radius: 0.4rem;
	color: #FFFFFF;
	display: flex;
	height: 3.6rem;
	justify-content: center;
	padding-left: 2.2rem;
	position: relative;
	width: 8rem;
}

.prev.page-numbers::after{
	position: absolute;
	content: "前へ";
	color: #fff;
	font-size: 1.4rem;
}

.prev.page-numbers::before{
	background: url(../img/blog/arrow-circle-left.png) no-repeat center center/contain;
	content: "";
	height: 1.6rem;
	left: 1.2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.6rem;
}

.page-numbers.current {
	align-items: center;
	background: var(--turquoise);
	border-radius: 0.4rem;
	color: #FFFFFF;
	display: flex;
	height: 3.6rem;
	justify-content: center;
	margin-left: 1rem;
	width: 3.6rem;
}

.page-numbers {
	align-items: center;
	background: #FFFFFF;
	border: 0.1rem solid var(--turquoise);
	border-radius: 0.4rem;
	color: var(--turquoise);
	display: flex;
	height: 3.6rem;
	justify-content: center;
	margin-left: 1rem;
	width: 3.6rem;
}

.next.page-numbers {
	align-items: center;
	background: var(--turquoise);
	border-radius: 0.4rem;
	color: #FFFFFF;
	display: flex;
	height: 3.6rem;
	justify-content: center;
	margin-left: 1rem;
	padding-right: 2.2rem;
	position: relative;
	width: 8rem;
}

.next.page-numbers::before{
	position: absolute;
	content: "次へ";
	color: #fff;
	font-size: 1.4rem;
}

.next.page-numbers::after{
position:absolute;
content: "";
background: url(../img/blog/arrow-circle-right.png) no-repeat center center/contain;
right: 1.2rem;
top: 50%;
transform: translateY(-50%);
width: 1.6rem;
height: 1.6rem;
}