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

File Name:
Note:


New Creation:	.
Last Change:	2018/12/06 16:12:24.


Created By		Yoshiaki Murakami

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

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object

------------------------------------------------------------------------
----------------------------------------------------------------------*/
html {
  scroll-padding-top: 22.2666666667vw;
}

.p-anchor .anchor-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.p-anchor .anchor-item {
  display: flex;
  position: relative;
  flex-basis: 24%;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  margin: 0.18rem;
  min-height: 5.5rem;
  border-radius: 0.4rem;
  background: linear-gradient(#f2efed, #e5dfdb);
  text-align: center;
}
.p-anchor .anchor-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 0;
  width: 100%;
  height: 100%;
  line-height: 1.2307692308;
  font-size: 1.3rem;
  color: #7f7875;
  box-sizing: border-box;
}
.p-anchor .anchor-item::after {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  bottom: 0.6rem;
  margin-right: -0.35rem;
  width: 0.7rem;
  height: 0.7rem;
  border-right: 0.1rem solid #7f7875;
  border-bottom: 0.1rem solid #7f7875;
  transform: rotate(45deg);
}
.p-anchor .p-anchor__list {
  margin: 0;
  row-gap: 1.3333333333vw;
  column-gap: 1.3333333333vw;
}
.p-anchor .p-anchor__item {
  display: list-item;
  flex-basis: auto;
  flex-shrink: 1;
  margin: 0;
  width: 0;
}
.p-anchor .p-anchor__item::after {
  border-right: 0.2666666667vw solid #7e7774;
  border-bottom: 0.2666666667vw solid #7e7774;
}
.p-anchor .p-anchor__item a {
  padding: 0;
  color: #7e7774;
}

.p-last-update {
  display: flex;
  justify-content: flex-end;
  margin: 4.2666666667vw 5.0666666667vw 5.3333333333vw;
  font-size: 1.1rem;
}

.p-anchor {
  margin-right: 1.2vw;
  margin-bottom: 13.3333333333vw;
  margin-left: 1.2vw;
}
.p-anchor .p-anchor__item {
  flex-basis: 32%;
}

.p-intro {
  margin-right: 4.8vw;
  margin-bottom: 16vw;
  margin-left: 4.8vw;
}
.p-intro__title {
  margin-bottom: 8.5333333333vw;
  width: 90.2666666667vw;
}
.p-intro__pic {
  margin-left: 5.3333333333vw;
  width: 33.3333333333vw;
  float: right;
}
.p-intro__text {
  margin-bottom: 4.1476190476vw;
  line-height: 1.7857142857;
  font-size: 1.4rem;
}
.p-intro__name {
  text-align: right;
}
.p-intro__name img {
  width: 67.8666666667vw;
}

.p-box__title {
  display: flex;
  align-items: center;
  padding-left: 5.0666666667vw;
  box-sizing: border-box;
  height: 18.5333333333vw;
  border-top: solid 0.8vw #cb9a3b;
  background: linear-gradient(to bottom, #fff, #f5f3f1 27%, #f5f3f1 50%, #ebe6e2 100%);
  line-height: 1.1944444444;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-box__text {
  line-height: 1.7857142857;
  font-size: 1.4rem;
}

.p-recommendation {
  margin-bottom: 16vw;
}
.p-recommendation__title {
  margin-bottom: 8.2666666667vw;
}
.p-recommendation__contents {
  box-sizing: border-box;
  padding-right: 4vw;
  padding-left: 4vw;
  border-radius: 2.6666666667vw;
  background: #f6f4f2;
}
.p-recommendation__contents + .p-recommendation__contents {
  margin-top: 6.6666666667vw;
}
.p-recommendation__contents:not(:has(.p-recommendation__comment)) {
  display: flex;
  align-items: center;
}
.p-recommendation__contents__wrapper {
  margin-right: 4.8vw;
  margin-left: 4.8vw;
}
.p-recommendation__comment {
  position: relative;
  padding-top: 5vw;
  padding-bottom: 2.7333333333vw;
  border-bottom: 0.2666666667vw solid #c8bdb5;
}
.p-recommendation__comment__text {
  line-height: 1.5;
  font-size: 1.5rem;
}
.p-recommendation__comment__text .emphasis {
  font-weight: bold;
}
.p-recommendation__comment__bg {
  position: absolute;
  top: -4vw;
  left: 3.7333333333vw;
  width: 10.4vw;
}
.p-recommendation__commenter {
  display: flex;
  align-items: center;
  column-gap: 2.6666666667vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.p-recommendation__commenter__pic {
  flex-shrink: 0;
  width: 13.7333333333vw;
}
.p-recommendation__commenter__name {
  line-height: 1.4166666667;
  font-size: 1.2rem;
}
.p-recommendation__commenter__name a {
  text-decoration: underline;
  color: #6d9cd0;
}

.p-background {
  margin-bottom: 17.2vw;
}
.p-background__title {
  margin-bottom: 10vw;
}
.p-background > *:not([class*=__title]) {
  margin-right: 4.8vw;
  margin-left: 4.8vw;
}
.p-background__lead {
  margin-bottom: 7.0666666667vw;
  width: 88.8vw;
}
.p-background__contents > * + * {
  margin-top: 3.8666666667vw;
}

.p-editors {
  margin-bottom: 26.6666666667vw;
}
.p-editors__title {
  margin-bottom: 8.5333333333vw;
}
.p-editors__contents {
  margin-right: 4.8vw;
  margin-left: 4.8vw;
}
.p-editors__profile__position {
  margin-bottom: 3.2vw;
  font-size: 1.5rem;
  text-align: center;
}
.p-editors__profile + .p-editors__profile {
  margin-top: 4vw;
  border-top: 0.2666666667vw solid #d4d1d0;
}
.p-editors__profile.large + .p-editors__profile.large {
  padding-top: 5.6vw;
}
.p-editors__profile:not(.large) {
  padding-top: 4vw;
}

.p-profile {
  display: flex;
  flex-direction: column;
}
.p-profile__name {
  display: flex;
  margin-bottom: 2.2666666667vw;
}
.p-profile__name__text {
  text-align: center;
  font-size: 1.65rem;
  font-weight: bold;
}
.p-profile__name__text .small {
  font-size: 1.4rem;
  font-weight: bold;
}
.p-profile__license {
  margin-bottom: 3.0666666667vw;
  line-height: 1.5833333333;
  font-size: 1.2rem;
}
.p-profile__license__title {
  font-weight: bold;
  color: #cb9b3b;
}
.p-profile__license__item {
  display: inline;
  line-height: 1.5833333333;
}
.p-profile__license__item + .p-profile__license__item::before {
  content: "／";
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.p-profile__link {
  margin-top: auto;
  margin-bottom: 0;
  text-align: right;
}
.p-profile__link a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1.8666666667vw;
  font-size: 1.3rem;
  color: #6d9cd0;
}
.p-profile__link a .icon {
  width: 3.7333333333vw;
}
.p-profile.large .p-profile__name {
  flex-direction: column;
}
.p-profile.large .p-profile__name__text {
  order: 2;
}
.p-profile.large .p-profile__name__text .small {
  margin-left: 0.5em;
}
.p-profile.large .p-profile__name__pic {
  order: 1;
  margin-bottom: 3.2vw;
}
.p-profile:not(.large) .p-profile__name {
  align-items: center;
}
.p-profile:not(.large) .p-profile__name__text {
  flex: 1;
  order: 2;
  line-height: 1.2424242424;
}
.p-profile:not(.large) .p-profile__name__text .small {
  display: block;
}
.p-profile:not(.large) .p-profile__name__pic {
  order: 1;
  width: 41.3333333333vw;
}

.p-information {
  margin-bottom: 16vw;
}
.p-information__title {
  margin-bottom: 8.5333333333vw;
}
.p-information__pic {
  text-align: center;
  margin-bottom: 8.5333333333vw;
  margin-left: 0.9333333333vw;
}
.p-information__pic img {
  width: 41.0666666667vw;
}
.p-information__contents {
  display: grid;
  grid-template-columns: max-content 1fr;
  margin-right: 4.8vw;
  margin-left: 4.8vw;
}
.p-information__contents + .p-information__contents {
  margin-top: 7.4666666667vw;
}
.p-information__contents__title {
  position: relative;
  margin-right: 5.3333333333vw;
  padding-right: 7.2vw;
  border-right: 0.2666666667vw solid #d4d1d0;
  line-height: 1.3;
  font-size: 2rem;
  font-weight: bold;
  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";
  color: #cb9b3b;
}
.p-information__contents__title::after {
  content: attr(data-en);
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 1.6vw;
  width: min-content;
  font-size: 1rem;
  font-weight: normal;
  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: #c8bdb5;
}
.p-information__contents__list {
  font-size: 1.2rem;
}

.p-toc {
  flex: 1;
}
.p-toc__title {
  grid-column: 1/2;
  grid-row: 1/2;
}
.p-toc__list {
  grid-column: 2/3;
  grid-row: 1/2;
}
.p-toc__details {
  display: flex;
  column-gap: 2.6666666667vw;
  line-height: 1.6666666667;
}
.p-toc__sublist__item {
  line-height: 1.5909090909;
  font-size: 1.1rem;
}

.p-imprint__title {
  grid-column: 1/2;
  grid-row: 1/8;
}
.p-imprint__details {
  grid-column: 2/3;
  display: flex;
  column-gap: 1.3333333333vw;
  line-height: 1.6666666667;
  font-size: 1.2rem;
}
.p-imprint__details__title {
  text-align: justify;
  text-align-last: justify;
  width: 5rem;
}
.p-imprint__details__text::before {
  content: "：";
}
.p-imprint__shop {
  grid-column: 1/3;
  margin-top: 8.5333333333vw;
}
.p-imprint__shop__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6vw;
}
.p-imprint__shop__item {
  width: 90vw;
}
.p-imprint__shop__item:nth-child(2), .p-imprint__shop__item:nth-child(3) {
  width: 44.2666666667vw;
}
.p-imprint__shop__text {
  margin-top: 3.2vw;
  font-size: 1.2rem;
  text-align: right;
}

.p-clinic__title {
  margin-bottom: 11.6vw;
}
.p-clinic__text, .p-clinic__pic {
  margin-right: 4.8vw;
  margin-left: 4.8vw;
}
.p-clinic__text {
  margin-bottom: 5.2vw;
}
.p-clinic__pic {
  margin-right: auto;
  margin-bottom: 8.5333333333vw;
  margin-left: auto;
  width: 90.2666666667vw;
}
.p-clinic__contents {
  position: relative;
  width: 79.4666666667vw;
}
.p-clinic__contents__pic {
  text-align: center;
}
.p-clinic__contents__pic object {
  width: 100%;
  height: auto;
}
.p-clinic__contents__tel, .p-clinic__contents__map {
  position: absolute;
}
.p-clinic__contents__tel {
  top: 30.1333333333vw;
  left: 25.6vw;
  width: 45.6vw;
}
.p-clinic__contents__tel .ja {
  margin-bottom: 3.2vw;
}
.p-clinic__contents__tel .ja object {
  width: 100%;
}
.p-clinic__contents__tel .en {
  font-size: 1.2rem;
}
.p-clinic__contents__tel .en a {
  color: #7e7774;
}
.p-clinic__contents__map {
  top: 50vw;
  left: 50%;
  width: 66.6666666667vw;
  height: 65.7333333333vw;
  transform: translateX(-50%);
}
.p-clinic__contents__map iframe {
  width: 100%;
  height: 100%;
}
.p-clinic__contents__link {
  position: absolute;
  bottom: 8.1333333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 64vw;
}
.p-clinic__contents__link a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.9333333333vw;
  background: #a49489;
  font-weight: bold;
  color: #fff;
  transition: opacity 0.15s linear;
}
.p-clinic__contents__link a .icon {
  position: absolute;
  right: 2.6666666667vw;
  width: 2.6666666667vw;
}
.p-clinic__contents.osaka .p-clinic__contents__map {
  height: 71.2vw;
}
/*# sourceMappingURL=liposuction-textbook.css.map */