@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:
Note:

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object
------------------------------------------------------------------------
----------------------------------------------------------------------*/
.p-case__item {
  display: grid;
  grid-template-columns: min-content 1fr max-content;
  row-gap: 0.8vw;
}
.p-case__item::after {
  grid-column: 4 / 5;
  grid-row: 3 / 4;
  align-self: center;
  content: '';
  display: block;
  margin: 0 0 0 auto;
  width: 3.0666666667vw;
  height: 2.6666666667vw;
  background: url(../../../../m/img/case_list_arrow.png) center right/contain no-repeat;
}
.p-case__item__title {
  grid-column: 2 / 5;
  grid-row: 2 / 3;
  line-height: 1.5;
  font-size: 1.2rem;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.p-case__item.large {
  grid-template-columns: 10.6666666667vw max-content max-content 1fr;
  column-gap: 2.1333333333vw;
}
.p-case__item.large::after {
  padding-right: 4.4vw;
  width: auto;
}
.p-case__item.large .p-case__img {
  margin-bottom: 1.3333333333vw;
}
.p-case__item.large .p-case__doctor__pic {
  margin-right: 0;
}
.p-case__item.large .p-case__update {
  grid-column: 4 / 5;
  grid-row: 3 / 4;
  padding: 1.0666666667vw 5.3333333333vw 1.0666666667vw 0;
  text-align: right;
}
.p-case__item.small {
  grid-template-columns: 51.3333333333vw 1fr min-content;
  grid-template-rows: 1fr min-content min-content;
  column-gap: 3.2vw;
  row-gap: 1.3333333333vw;
}
.p-case__item.small::after {
  grid-column: 3 / 4;
}
.p-case__item.small .p-case__img {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
}
.p-case__item.small .p-case__item__title {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  align-self: flex-start;
  margin-top: 0.2666666667vw;
}
.p-case__item.small .p-case__doctor__name {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
}
.p-case__item.small .p-case__category {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
.p-case__item.small .p-case__update {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
}
.p-case__item.large + .p-case__item.large {
  margin-top: 7.4666666667vw;
}
.p-case__item.large + .p-case__item.small {
  margin-top: 6.4vw;
}
.p-case__item.small + .p-case__item.small {
  margin-top: 5.3333333333vw;
}
.p-case__link {
  display: contents;
  text-decoration: underline;
  color: #6d9cd0;
}
.p-case__img {
  display: flex;
  grid-column: 1 / 5;
  grid-row: 1 / 2;
  aspect-ratio: 2 / 1;
}
.p-case__img__item {
  width: 50%;
}
.p-case__doctor__pic {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
}
.p-case__doctor__name {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  align-self: center;
  font-size: 1rem;
  color: #9b9694;
}
.p-case__category {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.0666666667vw 1.8666666667vw;
  border-radius: 2.4vw;
  text-align: right;
  font-size: 1rem;
  background: #efebe9;
  color: #9b9694;
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
.p-case__update {
  font-size: 1rem;
}
.p-case__info {
  margin-top: 2.6666666667vw;
  padding: 1.3333333333vw 2.6666666667vw 2.6666666667vw;
  background: #f6f4f2;
  grid-column: 1 / 5;
  grid-row: 4 / 5;
}
.p-case__info table {
  width: 100%;
}
.p-case__info table td,
.p-case__info table th {
  padding-top: 1.3333333333vw;
  line-height: 1.6;
  font-size: 2.6666666667vw;
  color: #a39c9b;
}
.p-case__info table th {
  width: 21.3333333333vw;
  text-align-last: justify;
  vertical-align: top;
}
.p-case__info table td {
  padding-left: 1.6vw;
}

.p-cv-contents {
  padding: 3.3333333333vw;
  background: #f4f2f0;
}
.p-cv-contents__title {
  margin-bottom: 3.2vw;
  font-size: 1.4rem;
  color: #58504c;
}
.p-cv-contents + .p-cv-contents {
  margin-top: 2.1333333333vw;
}

.p-box {
  margin-bottom: 16vw;
}
.p-box:last-child {
  margin-bottom: 26.6666666667vw;
}
.p-box__title {
  margin-bottom: 10.6666666667vw;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.3rem;
  color: #58504c;
}

.p-contents__wrapper {
  display: grid;
}

.p-case-pics {
  margin-right: 6.6666666667vw;
  margin-bottom: 6.6666666667vw;
  margin-left: 6.6666666667vw;
  aspect-ratio: 1/2;
}

.p-main-contents,
.p-sub-contents {
  display: contents;
}
.p-main-contents > *,
.p-sub-contents > * {
  margin-right: 6.6666666667vw;
  margin-left: 6.6666666667vw;
}

.p-title {
  grid-row: 1 / 2;
  margin-bottom: 2.6666666667vw;
  padding-top: 9.6vw;
  line-height: 1.3;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.5rem;
  color: #58504c;
}
.p-title .attr {
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #8a8582;
}

.p-update {
  grid-row: 2 / 3;
  margin-bottom: 5.3333333333vw;
  padding-bottom: 9.6vw;
  border-bottom: 0.2666666667vw solid #e4deda;
  text-align: right;
  font-size: 1.4rem;
  color: #8a8582;
}

.p-text, .p-case-additional-contents p {
  margin-bottom: 8.5333333333vw;
  line-height: 2;
  font-size: 1.6rem;
  text-align: justify;
  color: #8a8582;
}

.p-case-additional-contents h2 {
  margin-bottom: 3.0666666667vw;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.8rem;
  color: #58504c;
}
.p-case-additional-contents h3 {
  margin-bottom: 4.2666666667vw;
}
.p-case-additional-contents p,
.p-case-additional-contents td {
  text-align: justify;
}
.p-case-additional-contents img {
  margin-bottom: 8.5333333333vw;
}
.p-case-additional-contents table {
  display: block;
  margin-bottom: 8.5333333333vw;
}
.p-case-additional-contents table tr {
  display: flex;
  flex-direction: column;
}
.p-case-additional-contents table th,
.p-case-additional-contents table td {
  border: 0.2666666667vw solid;
  padding: .5em;
  box-sizing: border-box;
  width: 100%;
  border-color: #cdcbc9;
  line-height: 1.5;
  font-size: 1.2rem;
}
.p-case-additional-contents table th {
  background: #f5f3f1;
}
.p-case-additional-contents table td {
  border-top: 0;
}
.p-case-additional-contents table tr:not(:last-child) td {
  border-bottom: 0;
}
.p-case-additional-contents table a {
  color: #6d9cd0;
}
.p-case-additional-contents > *:not(table):last-child,
.p-case-additional-contents > *:not(table):last-child img {
  margin-bottom: 0;
}

.p-case-pic {
  margin-bottom: 8.5333333333vw;
  aspect-ratio: 2/1;
}

.p-cv__item + .p-cv__item {
  margin-top: 2.1333333333vw;
}

.p-supervision {
  margin-top: 7.4666666667vw;
  margin-bottom: 6.6666666667vw;
  border-radius: 2.6666666667vw;
  background: #f4f2f0;
}
.p-supervision__title {
  margin-bottom: 4.2666666667vw;
  padding-top: 4.2666666667vw;
  padding-bottom: 3.2vw;
  padding-left: 4.2666666667vw;
  border-bottom: 0.2666666667vw solid #c8bdb5;
  font-size: 1.6rem;
  font-weight: bold;
  color: #58504c;
}
.p-supervision.small .p-supervision__title {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.p-supervision.small .p-supervision__profile {
  display: grid;
  padding: 2.6666666667vw;
}
.p-supervision.small .p-supervision__link {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
  align-self: flex-end;
  padding-right: 0;
  text-align: right;
}
.p-supervision.small .p-supervision__link a {
  color: #6d9cd0;
}
.p-supervision.small .p-profile {
  grid-template-columns: 21.3333333333vw 1fr;
  grid-template-rows: repeat(3, min-content);
  gap: 2.6666666667vw;
}
.p-supervision.small .p-profile__pic {
  grid-row: 1 / 4;
}
.p-supervision.small .p-profile__summary, .p-supervision.small .p-profile__summary__inner {
  display: contents;
}
.p-supervision.small .p-profile__name {
  grid-row: 2 / 3;
  margin: 0;
}
.p-supervision.small .p-profile__title {
  grid-row: 3 / 4;
}

.p-profile {
  padding-right: 4.2666666667vw;
  padding-bottom: 5.3333333333vw;
  padding-left: 2.6666666667vw;
}
.p-profile__summary {
  display: grid;
  column-gap: 2.1333333333vw;
  grid-template-columns: 21.3333333333vw 1fr;
  margin-bottom: 2.1333333333vw;
}
.p-profile__summary__inner {
  align-self: center;
}
.p-profile__pic {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.p-profile__pic img {
  width: 21.3333333333vw;
}
.p-profile__name {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  margin-top: 2.9333333333vw;
  margin-bottom: 4vw;
  font-size: 1.4rem;
  color: #58504c;
}
.p-profile__name .eng {
  margin-left: 2em;
  text-transform: capitalize;
  font-size: 1rem;
  color: #c8bdb5;
}
.p-profile__title {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  line-height: 1.4;
  font-size: 1rem;
}
.p-profile__link {
  margin-top: 1.6vw;
  text-align: right;
}
.p-profile__link a {
  align-self: 1rem;
  color: #6d9cd0;
}
.p-profile__text {
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: justify;
}
.p-profile__contents__title {
  margin-top: 3.2vw;
  line-height: 1.3636363636;
  font-size: 1.1rem;
  color: #58504c;
}
.p-profile__contents__title::before {
  content: "■";
}
.p-profile__contents__details {
  line-height: 1.3636363636;
  font-size: 1.1rem;
}
.p-profile__contents__details a {
  display: inline-block;
  color: #6d9cd0;
}

.p-sub-contents__title, .p-case-additional-contents h3 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #58504c;
}

.p-data-table {
  color: #9b9694;
}
.p-data-table th {
  width: 5em;
  text-align-last: justify;
  vertical-align: top;
  line-height: 1.375;
  font-size: 1.2rem;
}
.p-data-table td {
  line-height: 1.5;
  font-size: 1.1rem;
  text-align: justify;
}
.p-data-table td a {
  color: #6d9cd0;
}

.p-attr__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1333333333vw 1.0666666667vw;
}
.p-attr__item a {
  display: block;
  padding: 1.6vw 2.4vw;
  background: #efebe9;
  border-radius: 3.2vw;
  font-size: 1.1rem;
}

.p-patient-data {
  grid-row: 3 / 4;
  margin-bottom: 5.3333333333vw;
}
.p-patient-data__title {
  display: none;
}
.p-patient-data table th {
  line-height: 2;
}
.p-patient-data table td {
  padding-left: 1.3333333333vw;
}
.p-patient-data table tr:not(:last-child) td {
  padding-bottom: 2.1333333333vw;
}

.p-case-info {
  margin-right: 0;
  margin-bottom: 10.6666666667vw;
  margin-left: 0;
  padding-right: 6.6666666667vw;
  padding-left: 6.6666666667vw;
  padding-top: 10.6666666667vw;
  border-top: 0.2666666667vw solid #c8bdb5;
}
.p-case-info__title {
  margin-bottom: 6.6666666667vw;
}
.p-case-info table tr:not(:last-child) td {
  padding-bottom: 4.2666666667vw;
}

.p-operations__title {
  margin-bottom: 4.2666666667vw;
}
.p-operations__list {
  display: flex;
  gap: 4.2666666667vw;
}
.p-operations__item__inner {
  display: flex;
  align-items: center;
  column-gap: 2.1333333333vw;
}
.p-operations__item__pic {
  width: 18.6666666667vw;
}
.p-operations__item__pic img {
  overflow: hidden;
  box-sizing: border-box;
  border: 0.5333333333vw solid #c8bdb5;
  border-radius: 9.3333333333vw;
  width: 100%;
  height: auto;
}
.p-operations__item__name {
  line-height: 1.3;
  font-size: 1rem;
  color: #797370;
}
.p-operations.p-box {
  padding-right: 6.6666666667vw;
  padding-left: 6.6666666667vw;
}

.p-related {
  padding-top: 16vw;
  padding-right: 6.6666666667vw;
  padding-left: 6.6666666667vw;
  border-top: 0.2666666667vw solid #c8bdb5;
}

.p-recent {
  margin-top: 0;
}

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