@charset "UTF-8";
/* ======================================================================
 p-about
====================================================================== */
#p-about .about-message__body {
  display: grid;
}
#p-about .about-message__item {
  display: grid;
  min-width: 0;
}
#p-about .about-message__content {
  min-width: 0;
}
#p-about .about-message__item-title {
  margin: 0;
  color: #454C67;
  font-weight: 700;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
#p-about .about-message__text p {
  margin: 0;
  color: #444444;
  font-weight: 500;
  line-height: 2.25;
  letter-spacing: 0.1em;
}
#p-about .about-message__image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
#p-about .about-message__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
#p-about .about-feature__main-image {
  margin-inline: 0;
  overflow: hidden;
}
#p-about .about-feature__main-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
#p-about .about-feature__lead p {
  margin: 0;
  font-size: 0.9375vw;
  color: #444444;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#p-about .about-feature__list {
  display: grid;
}
#p-about .about-feature__item {
  display: grid;
  min-width: 0;
}
#p-about .about-feature__image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
#p-about .about-feature__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
#p-about .about-feature__content {
  min-width: 0;
}
#p-about .about-feature__item-title {
  display: flex;
  align-items: baseline;
  margin: 0;
  color: #454C67;
  font-weight: 700;
  line-height: 1.4230769231;
  letter-spacing: 0.1em;
}
#p-about .about-feature__num {
  flex-shrink: 0;
  color: #FF9898;
  font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif;
  font-weight: 900;
  line-height: 1;
  border-bottom: 1px solid currentColor;
}
#p-about .about-feature__text {
  margin: 0;
  color: #444444;
  font-weight: 500;
  line-height: 2.1111111111;
  letter-spacing: 0.1em;
}
#p-about .about-feature__text a {
  color: #005ED9;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
#p-about .about-feature__text a:hover {
  opacity: 0.72;
}
#p-about .about-doctor__profile {
  display: grid;
  min-width: 0;
}
#p-about .about-doctor__image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #F7F8FB;
}
#p-about .about-doctor__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#p-about .about-doctor__body {
  min-width: 0;
}
#p-about .about-doctor__position {
  margin: 0;
  color: #FF9898;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.1em;
}
#p-about .about-doctor__name {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin: 0;
  color: #454C67;
  font-weight: 700;
  line-height: 1.7307692308;
  letter-spacing: 0.1em;
}
#p-about .about-doctor__name-en {
  color: #858CA8;
  line-height: 1;
  letter-spacing: 0.1em;
}
#p-about .about-doctor__data {
  display: flex;
}
#p-about .about-doctor__data-block:first-child {
  width: 18.75vw;
}
#p-about .about-doctor__data-title {
  margin: 0;
  color: #454C67;
  font-weight: 700;
  line-height: 1.6111111111;
  letter-spacing: 0.1em;
}
#p-about .about-doctor__data-list {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #454C67;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
#p-about .about-doctor__message {
  border: 1px dashed #B9B9B9;
  border-radius: 1.0416666667vw;
  color: #444444;
  font-weight: 500;
  line-height: 2.375;
  letter-spacing: 0.1em;
}
#p-about .about-doctor__message p {
  margin: 0;
}
#p-about .about-clinic__lead {
  display: grid;
  min-width: 0;
}
#p-about .about-clinic__lead-image, #p-about .about-clinic__outline-image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 550/500;
}
#p-about .about-clinic__lead-image img, #p-about .about-clinic__outline-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#p-about .about-clinic__points {
  display: grid;
}
#p-about .about-clinic__point-text {
  margin: 0;
  color: #444444;
  font-weight: 500;
  line-height: 2.1111111111;
  letter-spacing: 0.1em;
}
#p-about .about-clinic__outline {
  display: grid;
  min-width: 0;
}
#p-about .about-clinic__info {
  margin: 0;
  border-top: 1px solid #B9B9B9;
}
#p-about .about-clinic__info-row {
  display: grid;
  border-bottom: 1px solid #B9B9B9;
}
#p-about .about-clinic__info-row dt,
#p-about .about-clinic__info-row dd {
  margin: 0;
  color: #444444;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#p-about .about-clinic__info-row dt {
  color: #454C67;
  font-weight: 700;
}
#p-about .about-clinic__info-row a:link, #p-about .about-clinic__info-row a:active, #p-about .about-clinic__info-row a:visited {
  color: #444444;
  cursor: pointer;
}
#p-about .about-clinic__info-row a:hover {
  color: #444444;
}
#p-about .about-equipment__grid {
  display: grid;
  min-width: 0;
}
#p-about .about-equipment__item {
  min-width: 0;
}
#p-about .about-equipment__image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #DDDDDF;
}
#p-about .about-equipment__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
#p-about .about-equipment__image--contain img {
  -o-object-fit: contain;
  object-fit: contain;
  padding: 0.9375vw;
}
#p-about .about-equipment__name {
  margin: 0;
  color: #454C67;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
}
#p-about .about-equipment__text {
  margin: 0;
  color: #444444;
  letter-spacing: 0.1em;
}
#p-about .about-access__map {
  overflow: hidden;
  background: #F7F8FB;
}
#p-about .about-access__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#p-about .about-access__body {
  display: grid;
  min-width: 0;
}
#p-about .about-access__image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
#p-about .about-access__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
#p-about .about-access__list {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
}
#p-about .about-access__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
#p-about .about-access__item p {
  margin: 0;
  color: #444444;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
#p-about .about-access__item a:link, #p-about .about-access__item a:active, #p-about .about-access__item a:visited {
  color: #444444;
  cursor: pointer;
}
#p-about .about-access__item a:hover {
  color: #444444;
}
#p-about .about-access__icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  background: #FF9898;
}
#p-about .about-access__icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 50%;
  height: 50%;
  background: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
#p-about .about-access__icon--pin:before {
  -webkit-mask-image: url(../img/common/ico-pin.svg);
  mask-image: url(../img/common/ico-pin.svg);
}
#p-about .about-access__icon--phone:before {
  -webkit-mask-image: url(../img/common/ico-phone.svg);
  mask-image: url(../img/common/ico-phone.svg);
}
#p-about .about-access__icon--train:before {
  -webkit-mask-image: url(../img/common/ico-train.svg);
  mask-image: url(../img/common/ico-train.svg);
}
#p-about .about-access__icon--car:before {
  -webkit-mask-image: url(../img/common/ico-car.svg);
  mask-image: url(../img/common/ico-car.svg);
}
@media screen and (min-width: 768px){
  #p-about .about-message__body {
    gap: 5.2083333333vw;
  }
  #p-about .about-message__item {
    grid-template-columns: minmax(0, 1fr) 36.4583333333vw;
    align-items: center;
    gap: 7.8125vw;
  }
  #p-about .about-message__item--reverse {
    grid-template-columns: 36.4583333333vw minmax(0, 1fr);
  }
  #p-about .about-message__item--reverse .about-message__content {
    order: 2;
  }
  #p-about .about-message__item--reverse .about-message__image {
    order: 1;
  }
  #p-about .about-message__item-title {
    font-size: 1.6666666667vw;
  }
  #p-about .about-message__text {
    margin-top: 2.6041666667vw;
  }
  #p-about .about-message__text p {
    font-size: 0.8333333333vw;
  }
  #p-about .about-message__text p + p {
    margin-top: 2.0833333333vw;
  }
  #p-about .about-message__image {
    aspect-ratio: 700/500;
    border-radius: 1.0416666667vw;
  }
  #p-about .about-feature {
    margin-top: 10.4166666667vw;
  }
  #p-about .about-feature__main-image {
    aspect-ratio: 1440/500;
    margin-top: 5.2083333333vw;
    border-radius: 1.0416666667vw;
  }
  #p-about .about-feature__lead {
    margin-top: 4.1666666667vw;
  }
  #p-about .about-feature__lead p + p {
    margin-top: 2.6041666667vw;
  }
  #p-about .about-feature__list {
    gap: 3.125vw;
    margin-top: 4.1666666667vw;
  }
  #p-about .about-feature__item {
    grid-template-columns: 28.6458333333vw minmax(0, 1fr);
    align-items: center;
    gap: 7.8125vw;
  }
  #p-about .about-feature__image {
    border-radius: 1.0416666667vw;
  }
  #p-about .about-feature__item-title {
    gap: 1.0416666667vw;
    font-size: 1.3541666667vw;
  }
  #p-about .about-feature__num {
    padding-bottom: 0.1041666667vw;
    font-size: 1.25vw;
  }
  #p-about .about-feature__text {
    margin-top: 2.6041666667vw;
    font-size: 0.9375vw;
  }
  #p-about .about-doctor {
    margin-top: 10.4166666667vw;
  }
  #p-about .about-doctor__list {
    margin-top: 0;
  }
  #p-about .about-doctor__item + .about-doctor__item {
    margin-top: 5.2083333333vw;
  }
  #p-about .about-doctor__profile {
    grid-template-columns: 28.6458333333vw minmax(0, 1fr);
    gap: 5.2083333333vw;
  }
  #p-about .about-doctor__image {
    aspect-ratio: 550/500;
    border-radius: 1.0416666667vw;
  }
  #p-about .about-doctor__position {
    font-size: 1.0416666667vw;
  }
  #p-about .about-doctor__name {
    margin-top: 0.2604166667vw;
  }
  #p-about .about-doctor__name-main {
    font-size: 1.5625vw;
  }
  #p-about .about-doctor__name-kana {
    font-size: 1.3541666667vw;
  }
  #p-about .about-doctor__name-en {
    margin-top: 0.2604166667vw;
    font-size: 0.78125vw;
  }
  #p-about .about-doctor__data {
    gap: 4.1666666667vw;
    margin-top: 4.1666666667vw;
  }
  #p-about .about-doctor__data-title {
    font-size: 1.0416666667vw;
  }
  #p-about .about-doctor__data-list {
    margin-top: 1.0416666667vw;
    gap: 0.5208333333vw;
  }
  #p-about .about-doctor__message {
    margin-top: 3.125vw;
    padding: 3.125vw;
  }
  #p-about .about-doctor__message p + p {
    margin-top: 1.5625vw;
  }
  #p-about .about-clinic {
    margin-top: 10.4166666667vw;
  }
  #p-about .about-clinic__lead {
    grid-template-columns: 28.6458333333vw minmax(0, 1fr);
    gap: 5.2083333333vw;
    align-items: start;
  }
  #p-about .about-clinic__lead-image, #p-about .about-clinic__outline-image {
    border-radius: 1.0416666667vw;
  }
  #p-about .about-clinic__points {
    gap: 2.6041666667vw;
  }
  #p-about .about-clinic__point-text {
    margin-top: 1.3020833333vw;
    font-size: 0.9375vw;
  }
  #p-about .about-clinic__outline {
    grid-template-columns: minmax(0, 1fr) 28.6458333333vw;
    gap: 5.2083333333vw;
    margin-top: 5.2083333333vw;
  }
  #p-about .about-clinic__info-row {
    grid-template-columns: 7.96875vw minmax(0, 1fr);
    padding: 1.8229166667vw 0;
  }
  #p-about .about-clinic__info-row dt,
  #p-about .about-clinic__info-row dd {
    font-size: 0.8333333333vw;
  }
  #p-about .about-equipment {
    margin-top: 10.4166666667vw;
  }
  #p-about .about-equipment__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.125vw;
  }
  #p-about .about-equipment__image {
    aspect-ratio: 440/320;
    border-radius: 1.0416666667vw;
  }
  #p-about .about-equipment__name {
    margin-top: 1.5625vw;
    font-size: 1.0416666667vw;
  }
  #p-about .about-equipment__text {
    margin-top: 1.5625vw;
  }
  #p-about .about-access {
    margin-top: 10.4166666667vw;
  }
  #p-about .about-access__map {
    aspect-ratio: 1440/560;
    border-radius: 1.0416666667vw;
  }
  #p-about .about-access__body {
    grid-template-columns: 18.2291666667vw minmax(0, 1fr);
    gap: 4.1666666667vw;
    align-items: center;
    margin-top: 4.1666666667vw;
  }
  #p-about .about-access__image {
    border-radius: 0.5208333333vw;
  }
  #p-about .about-access__list {
    gap: 1.3020833333vw;
  }
  #p-about .about-access__item {
    gap: 1.0416666667vw;
    align-items: center;
  }
  #p-about .about-access__item p {
    font-size: 0.8333333333vw;
  }
  #p-about .about-access__icon {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px){
  #p-about .about-message__body {
    gap: 10.6666666667vw;
  }
  #p-about .about-message__item {
    grid-template-columns: 1fr;
    gap: 6.4vw;
  }
  #p-about .about-message__item-title {
    font-size: 5.3333333333vw;
  }
  #p-about .about-message__text {
    margin-top: 5.3333333333vw;
  }
  #p-about .about-message__text p {
    font-size: 4.2666666667vw;
  }
  #p-about .about-message__text p + p {
    margin-top: 4vw;
  }
  #p-about .about-message__image {
    border-radius: 2.6666666667vw;
    order: -1;
  }
  #p-about .about-feature {
    margin-top: 16vw;
  }
  #p-about .about-feature__main-image {
    aspect-ratio: 335/180;
    margin-top: 10.6666666667vw;
    border-radius: 2.6666666667vw;
  }
  #p-about .about-feature__lead {
    margin-top: 5.3333333333vw;
  }
  #p-about .about-feature__lead p {
    font-size: 4.2666666667vw;
  }
  #p-about .about-feature__lead p + p {
    margin-top: 4vw;
  }
  #p-about .about-feature__list {
    gap: 11.7333333333vw;
    margin-top: 14.9333333333vw;
  }
  #p-about .about-feature__item {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
  #p-about .about-feature__image {
    border-radius: 2.6666666667vw;
  }
  #p-about .about-feature__item-title {
    gap: 2.6666666667vw;
    font-size: 4.8vw;
  }
  #p-about .about-feature__num {
    padding-bottom: 0.5333333333vw;
    font-size: 4.8vw;
  }
  #p-about .about-feature__text {
    margin-top: 4vw;
    font-size: 4.2666666667vw;
  }
  #p-about .about-doctor {
    margin-top: 16vw;
  }
  #p-about .about-doctor__list {
    margin-top: 0;
  }
  #p-about .about-doctor__item + .about-doctor__item {
    margin-top: 10.6666666667vw;
  }
  #p-about .about-doctor__profile {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
  #p-about .about-doctor__image {
    border-radius: 2.6666666667vw;
  }
  #p-about .about-doctor__position {
    font-size: 4.2666666667vw;
  }
  #p-about .about-doctor__name {
    margin-top: 2.6666666667vw;
  }
  #p-about .about-doctor__name-main {
    font-size: 5.8666666667vw;
  }
  #p-about .about-doctor__name-kana {
    font-size: 4.8vw;
  }
  #p-about .about-doctor__name-en {
    margin-top: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
  #p-about .about-doctor__data {
    flex-wrap: wrap;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  #p-about .about-doctor__data-block:first-child {
    width: 100%;
  }
  #p-about .about-doctor__data-title {
    font-size: 4.8vw;
  }
  #p-about .about-doctor__data-list {
    margin-top: 2.6666666667vw;
    gap: 1.3333333333vw;
  }
  #p-about .about-doctor__message {
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
  #p-about .about-doctor__message p + p {
    margin-top: 2.6666666667vw;
  }
  #p-about .about-clinic {
    margin-top: 16vw;
  }
  #p-about .about-clinic__lead {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
  #p-about .about-clinic__lead-image, #p-about .about-clinic__outline-image {
    border-radius: 2.6666666667vw;
  }
  #p-about .about-clinic__points {
    gap: 5.3333333333vw;
  }
  #p-about .about-clinic__point-text {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
  #p-about .about-clinic__outline {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
  #p-about .about-clinic__info-row {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
    padding: 5.3333333333vw 0;
  }
  #p-about .about-clinic__info-row dt,
  #p-about .about-clinic__info-row dd {
    font-size: 4.2666666667vw;
  }
  #p-about .about-equipment {
    margin-top: 16vw;
  }
  #p-about .about-equipment__grid {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  #p-about .about-equipment__image {
    border-radius: 2.6666666667vw;
  }
  #p-about .about-equipment__image--contain img {
    padding: 4.2666666667vw;
  }
  #p-about .about-equipment__name {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  #p-about .about-equipment__text {
    margin-top: 5.3333333333vw;
  }
  #p-about .about-access {
    margin-top: 16vw;
  }
  #p-about .about-access__map {
    aspect-ratio: 335/260;
    border-radius: 2.6666666667vw;
  }
  #p-about .about-access__body {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    margin-top: 8vw;
  }
  #p-about .about-access__image {
    border-radius: 2.6666666667vw;
  }
  #p-about .about-access__list {
    gap: 5.3333333333vw;
  }
  #p-about .about-access__item {
    gap: 2.6666666667vw;
    align-items: start;
  }
  #p-about .about-access__item p {
    font-size: 4.2666666667vw;
  }
  #p-about .about-access__icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}
/*# sourceMappingURL=p-about.css.map */