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

File Name:
Note:

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

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object
------------------------------------------------------------------------
----------------------------------------------------------------------*/
.p-case__list {
  display: grid;
  column-gap: 20px;
}
.p-case__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  grid-template-columns: min-content max-content max-content 1fr;
  column-gap: 10px;
  row-gap: 6px;
}
.p-case__item__title {
  grid-column: 2 / 5;
  grid-row: 2 / 3;
  line-height: 1.2941176471;
  font-size: 1.7em;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.p-case__item::after {
  grid-column: 4 / 5;
  grid-row: 3 / 4;
  align-self: center;
  content: '';
  display: block;
  margin: 0 0 0 auto;
  width: 14px;
  height: 13px;
  background: url(../../../../m/img/case_list_arrow.png) center/cover no-repeat;
}
.p-case__link {
  text-decoration: underline;
  color: #6d9cd0;
}
.p-case__link:hover {
  text-decoration: none;
}
.p-case__img {
  display: flex;
  grid-column: 1 / 5;
  grid-row: 1 / 2;
  margin-bottom: 10px;
  aspect-ratio: 2 / 1;
}
.p-case__img img {
  width: 100%;
  height: auto;
}
.p-case__img__item {
  width: 50%;
}
.p-case__doctor__pic {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.p-case__doctor__pic img {
  width: 40px;
  height: auto;
}
.p-case__doctor__name {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  align-self: center;
  font-size: 1.4em;
  color: #9b9694;
}
.p-case__category {
  display: flex;
  align-items: center;
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
.p-case__category span {
  padding: 5px 7px;
  border-radius: 11px;
  font-size: 1em;
  background: #efebe9;
  color: #9b9694;
}
.p-case__update {
  grid-column: 4 / 5;
  grid-row: 4 / 5;
  padding: 5px 20px 5px 0;
  text-align: right;
  font-size: 1.2em;
}
.p-case__info {
  padding: 4px 10px 10px;
  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: 6px;
  line-height: 1.2;
  font-size: 10px;
  color: #a39c9b;
}
.p-case__info table th {
  width: 84px;
  text-align-last: justify;
  vertical-align: top;
}
.p-case__info table td {
  padding-left: 6px;
}

.p-cv-contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px 22px;
  background: #f4f2f0;
}
.p-cv-contents__title {
  font-size: 1.8em;
  color: #58504c;
}
.p-cv-contents a:hover > * {
  opacity: .5;
}
.p-cv-contents + .p-cv-contents {
  margin-top: 10px;
}

.p-topicpath {
  margin-bottom: 50px;
}

.p-case-pics {
  grid-column: 1 / 3;
  width: 1240px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}
.p-case-pics__list {
  display: flex;
  justify-content: space-between;
}
.p-case-pics__item {
  width: 600px;
  aspect-ratio: 1/1;
}

.p-box {
  width: 1240px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
}
.p-box:last-child {
  margin-bottom: 120px;
}
.p-box__title {
  margin-bottom: 64px;
  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: 3.2em;
  color: #58504c;
}

.p-contents__wrapper {
  display: grid;
  grid-template-columns: 880px 1fr;
  border-bottom: 1px solid #c8bdb5;
}

.p-main-contents {
  padding-right: 40px;
  padding-bottom: 80px;
  border-right: 1px solid #c8bdb5;
}

.p-title {
  margin-bottom: 24px;
  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: 3.2em;
  color: #58504c;
}
.p-title .attr {
  font-size: 0.5625em;
  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";
}

.p-update {
  margin-bottom: 48px;
  text-align: right;
  font-size: 1.4em;
  color: #58504c;
}

.p-text, .p-case-additional-contents p {
  margin-bottom: 40px;
  line-height: 2;
  font-size: 1.8em;
  text-align: justify;
}

.p-case-additional-contents {
  margin-bottom: 40px;
}
.p-case-additional-contents h2 {
  margin-bottom: 11.5px;
  font-weight: bold;
  line-height: 1.4090909091;
  font-size: 2.2em;
  color: #58504c;
}
.p-case-additional-contents h3 {
  margin-bottom: 16px;
}
.p-case-additional-contents img {
  width: 100%;
  height: auto;
}
.p-case-additional-contents table {
  margin-bottom: 40px;
}
.p-case-additional-contents table th,
.p-case-additional-contents table td {
  border: 1px solid;
  padding: .5em;
  border-color: #cdcbc9;
  line-height: 1.5;
  font-size: 1.2em;
}
.p-case-additional-contents table th:first-child {
  width: 17%;
  background: #f5f3f1;
  text-align: center;
}
.p-case-additional-contents table a {
  color: #6d9cd0;
}

.p-cv__list {
  display: flex;
  column-gap: 10px;
}

.p-supervision {
  display: grid;
  grid-template-columns: 1fr max-content;
  margin-top: 48px;
  border-radius: 15px;
  background: #f4f2f0;
}
.p-supervision__title {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 12px;
  padding-left: 32px;
  text-align: left;
  font-size: 1.6em;
  font-weight: bold;
  color: #58504c;
}
.p-supervision__profile {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  padding-top: 16px;
  border-top: 1px solid #c8bdb5;
}
.p-supervision__link {
  grid-column: 2 / 3;
  align-self: center;
  padding-right: 16px;
}
.p-supervision__link a {
  font-size: 1.2em;
  color: #6d9cd0;
}
.p-supervision.small {
  margin-bottom: 24px;
}
.p-supervision.small .p-supervision__title {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  padding: 0;
}
.p-supervision.small .p-supervision__profile {
  padding: 16px;
  border-top: 0;
}
.p-supervision.small .p-supervision__link {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  padding-right: 0;
  text-align: right;
}
.p-supervision.small .p-profile {
  grid-template-columns: 80px max-content 1fr;
  grid-template-rows: repeat(3, min-content);
  column-gap: 16px;
}
.p-supervision.small .p-profile__pic {
  grid-row: 1 / 4;
}
.p-supervision.small .p-profile__name, .p-supervision.small .p-profile__title {
  align-self: flex-end;
  margin: 0;
}

.p-profile {
  display: grid;
  grid-template-columns: 80px max-content 1fr;
  grid-template-rows: 1fr min-content min-content;
  row-gap: 12px;
  padding-right: 32px;
  padding-bottom: 24px;
  padding-left: 26px;
}
.p-profile__summary, .p-profile__summary__inner {
  display: contents;
}
.p-profile__pic {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
.p-profile__pic img {
  width: 100%;
  height: auto;
}
.p-profile__name {
  grid-column: 2 / 3;
  margin-top: 10px;
  margin-right: 24px;
  margin-bottom: 2px;
  margin-left: 16px;
  font-size: 1.6em;
  color: #58504c;
}
.p-profile__name .eng {
  margin-left: 16px;
  text-transform: capitalize;
  font-size: 0.75em;
  color: #c8bdb5;
}
.p-profile__title {
  grid-column: 3 / 4;
  margin-top: 14px;
  font-size: 1.1em;
}
.p-profile__text {
  margin-bottom: 2px;
  margin-left: 16px;
  line-height: 1.4615384615;
  text-align: justify;
  font-size: 1.3em;
  grid-column: 2 / 4;
  grid-row: 2 / 3;
}
.p-profile__contents {
  display: contents;
}
.p-profile__contents__title {
  grid-column: 1 / 2;
  margin-left: 6px;
  font-size: 1.2em;
  color: #58504c;
}
.p-profile__contents__title::before {
  content: "■";
}
.p-profile__contents__details {
  grid-column: 2 / 4;
  line-height: 1.5;
  font-size: 1.2em;
}
.p-profile__contents__details a {
  color: #6d9cd0;
}
.p-profile .p-qualification {
  grid-row: 3 / 4;
}
.p-profile .p-congress {
  grid-row: 4 / 5;
}

.p-sub-contents {
  padding-bottom: 80px;
  padding-left: 24px;
}
.p-sub-contents__title, .p-case-additional-contents h3 {
  margin-bottom: 16px;
  font-size: 2em;
  font-weight: bold;
  color: #58504c;
}
.p-sub-contents__item + .p-sub-contents__item {
  margin-top: 40px;
}

.p-data-table th {
  width: 5em;
  text-align-last: justify;
  vertical-align: top;
  line-height: 1.3333333333;
  font-size: 1.2em;
}
.p-data-table td {
  padding-left: 10px;
  line-height: 1.4545454545;
  font-size: 1.1em;
  text-align: justify;
}
.p-data-table td a {
  color: #6d9cd0;
}

.p-attr__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.p-attr__item a {
  display: block;
  padding: 5px 10px;
  background: #efebe9;
  border-radius: 12px;
  font-size: 1.2em;
}

.p-patient-data table th {
  line-height: 2;
}
.p-patient-data table tr:not(:last-child) td {
  padding-bottom: 6px;
}

.p-case-info table tr:not(:last-child) td {
  padding-bottom: 16px;
}

.p-operations__list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-operations__item__link {
  display: inline-block;
}
.p-operations__item__link:hover {
  text-decoration: none;
}
.p-operations__item__link:hover > * {
  opacity: .5;
}
.p-operations__item__inner {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.p-operations__item__pic {
  width: 70px;
}
.p-operations__item__pic img {
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid #c8bdb5;
  border-radius: 35px;
  width: 100%;
  height: auto;
}
.p-operations__item__name {
  line-height: 1.5;
  font-size: 1.2em;
  color: #58504c;
}

.p-related__list {
  grid-template-columns: repeat(auto-fit, 400px);
  row-gap: 40px;
}

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