/* About Page Styles */

/* About Doctor Section */
.about-doctor {
  padding: 10rem 0 5rem 0; /* 160px 0 80px 0 */
  background: #FEF9F3;
}

.about-doctor__inner {
  width: 100%;
  max-width: 80rem; /* 1280px */
  padding: 0 2.5rem; /* 40px */
  margin: 0 auto;
}

/* Doctor Header */
.about-doctor__header {
  display: flex;
  justify-content: center;
  margin-bottom: 6rem; /* 96px */
}

.about-doctor__title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 8px */
  align-items: center;
  text-align: center;
}

.about-doctor__title-ja {
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 2rem; /* 32px */
  letter-spacing: 0.2rem; /* 3.2px */
  color: #53545D;
  line-height: 1.4;
  white-space: nowrap;
}

.about-doctor__title-en {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
  font-size: 1rem; /* 16px */
  letter-spacing: 0.1rem; /* 1.6px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

/* Doctor Content */
.about-doctor__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem; /* 48px */
}

.about-doctor__image-wrapper {
  position: relative;
  width: 44.5rem; /* 712px */
  height: 26.875rem; /* 430px */
}

.about-doctor__image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 37.5rem; /* 600px */
  height: 25rem; /* 400px */
  overflow: hidden;
}

.about-doctor__image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Point Brush */
.about-doctor__brush {
  position: absolute;
  left: 0;
  top: 9.5625rem; /* 153px */
  width: 0.375rem; /* 6px */
  height: 9.117rem; /* 145.88px */
  background: #35C084;
  border-radius: 0.4375rem; /* 7px */
  transform: rotate(-41.656deg);
  transform-origin: center;
}

.about-doctor__brush::after {
  content: '';
  position: absolute;
  top: 0.1875rem; /* 3px */
  left: 0.375rem; /* 6px */
  width: 1.25rem; /* 20px */
  height: 2.748rem; /* 43.964px */
  background: white;
  border-radius: 0 0.375rem 0.375rem 0;
  transform: rotate(0deg);
}

/* Decorations */
.about-doctor__deco {
  position: absolute;
}

.about-doctor__deco--1 {
  top: 4.25rem; /* 68px */
  right: 0.625rem; /* 10px */
  width: 5.607rem; /* 89.724px */
  height: 6.935rem; /* 110.958px */
}

.about-doctor__deco--2 {
  bottom: 2.625rem; /* 42px */
  right: 0; /* 0px */
  width: 4.228rem; /* 67.655px */
  height: 6.705rem; /* 107.286px */
}

.about-doctor__deco-img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Doctor Name */
.about-doctor__name {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 8px */
  align-items: center;
  text-align: center;
}

.about-doctor__name-ja {
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 1.6875rem; /* 27px */
  letter-spacing: 0.16875rem; /* 2.7px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

.about-doctor__name-en {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
  font-size: 1rem; /* 16px */
  letter-spacing: 0.1rem; /* 1.6px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

/* Doctor Description */
.about-doctor__description {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* 24px */
  max-width: 50rem; /* 800px */
  width: 100%;
}

.about-doctor__text {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #53545D;
  line-height: 1.6;
  text-align: center;
}

.about-doctor__highlight {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 700;
  color: #B78A57;
}

/* Responsive Design */
@media (max-width: 48rem) {
  .about-doctor {
    padding: 5rem 0; /* 80px */
  }

  .about-doctor__inner {
    padding: 0 1.5rem; /* 24px */
  }

  .about-doctor__header {
    margin-bottom: 3rem; /* 48px */
  }

  .about-doctor__title-ja {
    font-size: 1.75rem; /* 28px */
    letter-spacing: 0.175rem;
  }

  .about-doctor__title-en {
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.0875rem;
  }

  .about-doctor__image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 712 / 430;
  }

  .about-doctor__image {
    width: 100%;
    max-width: 37.5rem;
    height: auto;
    aspect-ratio: 600 / 400;
  }

  .about-doctor__name-ja {
    font-size: 1.25rem; /* 20px */
    letter-spacing: 0.125rem;
    white-space: normal;
  }

  .about-doctor__name-en {
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.0875rem;
  }

  .about-doctor__text {
    font-size: 0.9375rem; /* 15px */
    text-align: left;
  }
}

/* Doctor Profile Box */
.about-doctor__profile {
  background: #FFFFFF;
  border: 2px solid #F3E7D9;
  border-radius: 1.25rem; /* 20px */
  padding: 3rem; /* 48px */
  width: 100%;
  max-width: 80rem; /* 1280px */
  margin-top: 3rem; /* 48px */
}

.about-doctor__profile-content {
  display: flex;
  gap: 2.5rem; /* 40px */
  margin-bottom: 3rem; /* 48px */
}

.about-doctor__profile-image {
  width: 18.75rem; /* 300px */
  height: 18.75rem; /* 300px */
  flex-shrink: 0;
  overflow: hidden;
}

.about-doctor__profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-doctor__profile-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem; /* 32px */
}

.about-doctor__profile-label {
  background: #FBE5CB;
  padding: 0.5rem 1rem; /* 8px 16px */
  text-align: center;
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 1.25rem; /* 20px */
  letter-spacing: 0.125rem; /* 2px */
  color: #53545D;
  line-height: 1.4;
}

.about-doctor__profile-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* 12px */
}

.about-doctor__profile-heading {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 700;
  font-size: 1rem; /* 16px */
  color: #B78A57;
  line-height: 1.6;
}

.about-doctor__profile-list {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #53545D;
  line-height: 1.6;
  list-style: disc;
  padding-left: 1.5rem; /* 24px */
}

.about-doctor__profile-list li {
  margin-bottom: 0;
}

.about-doctor__profile-text {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #53545D;
  line-height: 1.6;
}

/* Doctor Memo */
.about-doctor__memo {
  background: #FFF7EE;
  border-radius: 0.9375rem; /* 15px */
  padding: 1.5rem 2rem; /* 24px 32px */
}

.about-doctor__memo-heading {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 700;
  font-size: 1rem; /* 16px */
  color: #B78A57;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 0.75rem; /* 12px */
}

.about-doctor__memo-content {
  display: flex;
  gap: 1.5rem; /* 24px */
}

.about-doctor__memo-list {
  flex: 1;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #53545D;
  line-height: 1.6;
  list-style: disc;
  padding-left: 1.5rem; /* 24px */
}

.about-doctor__memo-list li {
  margin-bottom: 0;
}

/* Responsive Design for Profile */
@media (max-width: 48rem) {
  .about-doctor__profile {
    padding: 2rem; /* 32px */
  }

  .about-doctor__profile-content {
    flex-direction: column;
    gap: 2rem; /* 32px */
    margin-bottom: 2rem; /* 32px */
  }

  .about-doctor__profile-image {
    width: 100%;
    max-width: 18.75rem;
    height: auto;
    aspect-ratio: 1;
    margin: 0 auto;
  }

  .about-doctor__profile-label {
    font-size: 1rem; /* 16px */
    letter-spacing: 0.1rem;
  }

  .about-doctor__profile-heading {
    font-size: 0.9375rem; /* 15px */
  }

  .about-doctor__profile-list {
    font-size: 0.9375rem; /* 15px */
  }

  .about-doctor__profile-text {
    font-size: 0.9375rem; /* 15px */
  }

  .about-doctor__memo {
    padding: 1.5rem; /* 24px */
  }

  .about-doctor__memo-content {
    flex-direction: column;
    gap: 1rem; /* 16px */
  }

  .about-doctor__memo-list {
    font-size: 0.9375rem; /* 15px */
  }
}

/* About Tour Section */
.about-tour {
  padding: 8.75rem 0 10rem 0; /* 140px 0 160px 0 */
  background: #FEF9F3;
  position: relative;
  overflow: hidden;
}

.about-tour::before {
  content: '';
  position: absolute;
  top: 26rem; /* 416px - 下にずらす */
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url('../images/about/about-tour-bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  pointer-events: none;
}

.about-tour__inner {
  width: 100%;
  max-width: 80rem; /* 1280px */
  padding: 0 2.5rem; /* 40px */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5rem; /* 80px */
  position: relative;
  z-index: 1;
}

/* Tour Header */
.about-tour__header {
  display: flex;
  justify-content: center;
}

.about-tour__title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 8px */
  align-items: center;
  text-align: center;
}

.about-tour__title-ja {
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 2rem; /* 32px */
  letter-spacing: 0.2rem; /* 3.2px */
  color: #53545D;
  line-height: 1.4;
  white-space: nowrap;
}

.about-tour__title-en {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
  font-size: 1rem; /* 16px */
  letter-spacing: 0.1rem; /* 1.6px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

/* Tour Video */
.about-tour__video {
  width: 100%;
  max-width: 50rem; /* 800px */
  margin: 0 auto;
  overflow: hidden;
}

.about-tour__iframe {
  width: 100%;
  height: 25rem; /* 400px */
  display: block;
  border: none;
}

/* Tour Facility */
.about-tour__facility {
  background: #FFFFFF;
  border: 2px solid #F3E7D9;
  border-radius: 1.25rem; /* 20px */
  padding: 3rem; /* 48px */
  display: flex;
  flex-direction: column;
  gap: 3rem; /* 48px */
}

.about-tour__row {
  display: flex;
  gap: 1rem; /* 16px */
}

.about-tour__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem; /* 32px */
}

.about-tour__item--hidden {
  opacity: 0;
  pointer-events: none;
}

.about-tour__item-label {
  padding: 0.5rem 1rem; /* 8px 16px */
  text-align: center;
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 1.25rem; /* 20px */
  letter-spacing: 0.125rem; /* 2px */
  color: #53545D;
  line-height: 1.4;
}

.about-tour__item-label--light {
  background: #FBE5CB;
}

.about-tour__item-label--dark {
  background: #DFD2C2;
}

.about-tour__item-image {
  width: 100%;
  aspect-ratio: 304 / 203;
  overflow: hidden;
}

.about-tour__item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsive Design */
@media (max-width: 48rem) {
  .about-header {
    height: 15rem; /* 240px */
  }

  .about-header__title-ja {
    font-size: 2.5rem; /* 40px */
    letter-spacing: 0.25rem;
  }

  .about-header__title-en {
    font-size: 1.5rem; /* 24px */
    letter-spacing: 0.15rem;
  }

  .about-tour {
    padding: 5rem 0; /* 80px */
  }

  .about-tour__inner {
    padding: 0 1.5rem; /* 24px */
    gap: 3rem; /* 48px */
  }

  .about-tour__title-ja {
    font-size: 1.75rem; /* 28px */
    letter-spacing: 0.175rem;
  }

  .about-tour__title-en {
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.0875rem;
  }

  .about-tour__video {
    max-width: 100%;
  }

  .about-tour__iframe {
    height: 18.75rem; /* 300px */
  }

  .about-tour__facility {
    padding: 2rem; /* 32px */
    gap: 2rem; /* 32px */
  }

  .about-tour__row {
    flex-direction: column;
    gap: 2rem; /* 32px */
  }

  .about-tour__item-label {
    font-size: 1rem; /* 16px */
    letter-spacing: 0.1rem;
  }

  .about-tour__item--hidden {
    display: none;
  }
}

/* About Beliefs Section */
.about-beliefs {
  padding: 0;
  background: #FEF9F3;
}

.about-beliefs__inner {
  width: 100%;
  max-width: 80rem; /* 1280px */
  padding: 0 2.5rem; /* 40px */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem; /* 48px */
}

/* Beliefs Header */
.about-beliefs__header {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem; /* 48px */
}

.about-beliefs__title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 8px */
  align-items: center;
  text-align: center;
}

.about-beliefs__title-ja {
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 1.6875rem; /* 27px */
  letter-spacing: 0.16875rem; /* 2.7px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

.about-beliefs__title-en {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
  font-size: 1rem; /* 16px */
  letter-spacing: 0.1rem; /* 1.6px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

/* Beliefs Item */
.about-beliefs__item {
  display: flex;
  flex-direction: column;
  gap: 2rem; /* 32px */
}

.about-beliefs__label {
  padding: 0.5rem 1rem; /* 8px 16px */
  text-align: left;
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 1.25rem; /* 20px */
  letter-spacing: 0.125rem; /* 2px */
  color: #53545D;
  line-height: 1.4;
}

.about-beliefs__label--light {
  background: #FBE5CB;
}

.about-beliefs__label--dark {
  background: #DFD2C2;
}

/* Beliefs Content */
.about-beliefs__content {
  display: flex;
  gap: 2.5rem; /* 40px */
  align-items: flex-start;
}

.about-beliefs__content--with-circles {
  gap: 2.5rem; /* 40px */
}

.about-beliefs__content--with-image {
  gap: 2.5rem; /* 40px */
}

.about-beliefs__content--reverse {
  flex-direction: row-reverse;
}

/* Circles for Belief 01 */
.about-beliefs__circles {
  position: relative;
  width: 22rem; /* 352px */
  height: 12.5rem; /* 200px */
  flex-shrink: 0;
}

.about-beliefs__circle {
  position: absolute;
  width: 12.5rem; /* 200px */
  height: 12.5rem; /* 200px */
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-beliefs__circle--left {
  left: 0;
  top: 0;
}

.about-beliefs__circle--right {
  right: 0;
  top: 0;
}

.about-beliefs__circle-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.about-beliefs__circle-text {
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 1.125rem; /* 18px */
  letter-spacing: 0.1125rem; /* 1.8px */
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

.about-beliefs__circle--left .about-beliefs__circle-text {
  color: #B78A57;
}

.about-beliefs__circle--right .about-beliefs__circle-text {
  color: #14A0D2;
}

/* Beliefs Text */
.about-beliefs__text-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* 12px */
}

.about-beliefs__text-block--full {
  width: 100%;
}

.about-beliefs__text {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #53545D;
  line-height: 1.6;
}

.about-beliefs__highlight {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 700;
  color: #B78A57;
}

.about-beliefs__highlight--gray {
  color: #857766;
}

/* Beliefs Image */
.about-beliefs__image {
  width: 22rem; /* 352px */
  height: 12.5rem; /* 200px */
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 1.25rem; /* 20px */
}

.about-beliefs__image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsive Design */
@media (max-width: 48rem) {
  .about-beliefs {
    padding: 5rem 0; /* 80px */
  }

  .about-beliefs__inner {
    padding: 0 1.5rem; /* 24px */
    gap: 2.5rem; /* 40px */
  }

  .about-beliefs__header {
    margin-bottom: 2rem; /* 32px */
  }

  .about-beliefs__title-ja {
    font-size: 1.25rem; /* 20px */
    letter-spacing: 0.125rem;
  }

  .about-beliefs__title-en {
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.0875rem;
  }

  .about-beliefs__item {
    gap: 1.5rem; /* 24px */
  }

  .about-beliefs__label {
    font-size: 1rem; /* 16px */
    letter-spacing: 0.1rem;
  }

  .about-beliefs__content {
    flex-direction: column;
    gap: 1.5rem; /* 24px */
  }

  .about-beliefs__content--reverse {
    flex-direction: column;
  }

  .about-beliefs__circles {
    width: 100%;
    max-width: 22rem;
    height: auto;
    aspect-ratio: 352 / 200;
    margin: 0 auto;
  }

  .about-beliefs__circle {
    width: 50%;
    height: 100%;
    aspect-ratio: 1;
  }

  .about-beliefs__circle-text {
    font-size: 1rem; /* 16px */
    letter-spacing: 0.1rem;
  }

  .about-beliefs__text {
    font-size: 0.9375rem; /* 15px */
  }

  .about-beliefs__image {
    width: 100%;
    max-width: 22rem;
    height: auto;
    aspect-ratio: 352 / 200;
    margin: 0 auto;
  }
}

/* About Message Section */
.about-message {
  padding: 8.75rem 0 18rem 0; /* 140px 0 288px 0 */
  background: linear-gradient(180deg, #FFF7EE 0%, #FFF 100%);
}

.about-message__inner {
  width: 100%;
  max-width: 80rem; /* 1280px */
  padding: 0 2.5rem; /* 40px */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5rem; /* 80px */
  align-items: center;
}

/* Message Header */
.about-message__header {
  display: flex;
  justify-content: center;
}

.about-message__title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 8px */
  align-items: center;
  text-align: center;
}

.about-message__title-ja {
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  font-size: 2rem; /* 32px */
  letter-spacing: 0.2rem; /* 3.2px */
  color: #53545D;
  line-height: 1.4;
  white-space: nowrap;
}

.about-message__title-en {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
  font-size: 1rem; /* 16px */
  letter-spacing: 0.1rem; /* 1.6px */
  color: #14A0D2;
  line-height: 1.4;
  white-space: nowrap;
}

/* Message Text */
.about-message__text-block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* 24px */
  max-width: 50rem; /* 800px */
  width: 100%;
}

.about-message__text {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #53545D;
  line-height: 1.6;
  text-align: center;
}

.about-message__highlight {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 700;
  color: #14A0D2;
}

/* Message Image */
.about-message__image {
  width: 100%;
  max-width: 50rem; /* 800px */
  height: auto;
}

.about-message__image-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive Design */
@media (max-width: 48rem) {
  .about-message {
    padding: 5rem 0; /* 80px */
  }

  .about-message__inner {
    padding: 0 1.5rem; /* 24px */
    gap: 3rem; /* 48px */
  }

  .about-message__title-ja {
    font-size: 1.75rem; /* 28px */
    letter-spacing: 0.175rem;
  }

  .about-message__title-en {
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.0875rem;
  }

  .about-message__text {
    font-size: 0.9375rem; /* 15px */
    text-align: left;
  }
}