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

File Name:
Note:

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

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object
------------------------------------------------------------------------
----------------------------------------------------------------------*/
:root {
  --baseWidth: 400px;
}

body {
  position: relative;
  height: auto;
}

.c-button {
  bottom: 24px;
  left: 24px;
  width: 349.8666666667px;
  height: 67.2px;
}

.p-container {
  padding-bottom: 0;
  margin-right: auto;
  margin-left: auto;
  width: var(--baseWidth);
}

.p-footer {
  height: 37.3333333333px;
  font-size: 0.5333333333rem;
}

.p-box__title {
  margin: 0 auto 53.3333333333px;
}

.p-cta__pic2 .mail, .p-cta__pic3 .mail {
  top: 64px;
}
.p-cta__pic2 .tel, .p-cta__pic3 .tel {
  bottom: 21.3333333333px;
}
.p-cta__info {
  padding: 29.3333333333px 24px 21.3333333333px;
}
.p-cta__info__pic1 {
  margin: 0 auto 14.4px;
  width: 260.2666666667px;
}
.p-cta.p-cta1 .p-cta__pic3 .mail {
  bottom: 24px;
}
.p-cta.p-cta3 .p-cta__pic3 {
  overflow: hidden;
  height: 126px;
}
.p-cta.p-cta3 .p-cta__pic3 .mail {
  top: 42.6666666667px;
}

.p-logo {
  height: 58.6666666667px;
}
.p-logo span {
  width: 132.2666666667px;
}

.p-hero__pic2 span {
  top: 24px;
  left: 24px;
  width: 352px;
}

.p-prologue {
  padding-top: 48px;
}
.p-prologue .p-box__inner {
  padding: 0 24px;
}
.p-prologue__title {
  margin-bottom: 32px;
}
.p-prologue__pic1 {
  margin-bottom: 53.3333333333px;
}
.p-prologue-box1 {
  margin-bottom: 16px;
}
.p-prologue-box1__title {
  margin: 0 auto 32px;
  width: 288.5333333333px;
}
.p-prologue-box2__title {
  margin: 0 auto 17.0666666667px;
  width: 328px;
}
.p-prologue-box2__pic1 {
  margin-left: -24px;
}
.p-prologue-box3 {
  margin: -8.5333333333px -24px 0;
}
.p-prologue-box3__pic3 {
  right: 24px;
  bottom: 24px;
  width: 201.0666666667px;
}

.p-about {
  padding-top: 64px;
  padding-bottom: 61.3333333333px;
}
.p-about__title {
  margin-bottom: 26.6666666667px;
}
.p-about__pic2 {
  margin-top: -24.5333333333px;
  margin-bottom: 27.7333333333px;
}
.p-about__want {
  width: 346.6666666667px;
}

.p-case {
  padding-top: 64px;
  padding-bottom: 77.3333333333px;
}
.p-case .p-box__inner {
  padding: 0 24px;
}
.p-case__title {
  margin-bottom: 56px;
}
.p-case__pic {
  margin-top: 21.3333333333px;
}
.p-case__info {
  margin: 35.7333333333px 0 45.8666666667px;
}
.p-case__want {
  width: 334.9333333333px;
}
.p-case::before {
  width: 400px;
  height: 529.6px;
}

.p-needs {
  padding-top: 48px;
  padding-bottom: 80px;
}
.p-needs__title {
  margin-bottom: 34.6666666667px;
}
.p-needs__pic + .p-needs__pic {
  margin-top: 34.6666666667px;
}

.p-price {
  padding: 77.3333333333px 0 88px;
}
.p-price__title {
  width: 400px;
  margin-bottom: 55.4666666667px;
}
.p-price__table {
  margin: 0 24px 34.1333333333px;
}
.p-price__service__title {
  margin: 0 auto 40px;
  width: 259.7333333333px;
}

.p-service__item {
  margin-right: 24px;
  margin-left: 24px;
}
.p-service__item + .p-service__item {
  padding-top: 21.3333333333px;
}
.p-service__item__title {
  border: 1px solid #b6a598;
}
.p-service__item__title .icon {
  right: 7.4666666667px;
  width: 20.2666666667px;
  height: 20.2666666667px;
}
.p-service__item__title .icon::before, .p-service__item__title .icon::after {
  width: 6.9333333333px;
  height: 1.6px;
}
.p-service__item__title .icon::before {
  height: 6.9333333333px;
  width: 1.6px;
}
.p-service__item__contents img {
  margin-top: 13.8666666667px;
}

.p-faq {
  padding: 74.6666666667px 0 106.6666666667px;
}
.p-faq .p-box__inner {
  padding: 0 24px;
}
.p-faq__pic + .p-faq__pic {
  margin-top: 45.3333333333px;
}

.p-clinic {
  padding: 80px 0 37.3333333333px;
}
.p-clinic__title {
  width: 400px;
  margin-bottom: 64px;
}
.p-clinic__tel {
  top: 120.5333333333px;
  left: 102.4px;
  width: 182.4px;
}
.p-clinic__tel .ja {
  margin-bottom: 12.8px;
}
.p-clinic__tel .en {
  font-size: 0.5333333333rem;
}
.p-clinic__tel .en a {
  font-size: 0.5333333333rem;
}
.p-clinic__map {
  top: 200px;
}
.p-clinic__map__inner {
  width: 266.6666666667px;
  height: 262.9333333333px;
}
.p-clinic__map__inner iframe {
  min-width: 213.3333333333px;
  min-height: 213.3333333333px;
  height: 262.9333333333px;
}
.p-clinic__map__button {
  bottom: 33.0666666667px;
}
.p-clinic__map__button a {
  width: 256px;
}
.p-clinic .swiper-slide {
  width: 317.8666666667px;
}
.p-clinic .swiper-slide.osaka .p-clinic__map__inner,
.p-clinic .clinic .swiper-slide.osaka iframe {
  height: 284.8px;
}

.p-privacypolicy {
  padding: 37.3333333333px 0 42.6666666667px;
}
.p-privacypolicy__title {
  width: 357.3333333333px;
  padding-bottom: 16px;
  cursor: pointer;
}
.p-privacypolicy__title::before {
  height: 6.9333333333px;
}
.p-privacypolicy__contents {
  margin: 26.6666666667px 32px 0;
}
.p-privacypolicy__contents__box {
  margin: 1.6rem 0;
}
.p-privacypolicy__contents__box .title {
  font-size: 0.64rem;
}
.p-privacypolicy__contents__box p {
  font-size: 0.5333333333rem;
}
.p-privacypolicy__contents__box ul {
  margin: 0.5333333333rem 0;
}
.p-privacypolicy__contents__box li {
  font-size: 0.5333333333rem;
}
.p-privacypolicy__contents__box .reception {
  font-size: 0.5333333333rem;
}

.p-modal-tel {
  width: 400px;
  right: auto;
  left: auto;
}
.p-modal-tel__inner {
  border-radius: 8px;
  padding: 26.6666666667px 18.6666666667px 18.6666666667px;
}
.p-modal-tel__close {
  top: 5.3333333333px;
  right: 5.3333333333px;
  width: 21.8666666667px;
}
.p-modal-tel__title {
  margin: 0 auto 24px;
  width: 240px;
}
.p-modal-tel-list__item + .p-modal-tel-list__item {
  margin-top: 13.3333333333px;
}

.p-bg__item {
  position: absolute;
  width: calc((100% - var(--baseWidth)) / 2);
  top: 0;
  bottom: 0;
  z-index: 1000;
  overflow: hidden;
}
.p-bg__item img {
  width: 100%;
}
.p-bg__item.pic1 {
  top: 58.6666666667px;
  left: 0;
}
.p-bg__item.pic2 {
  top: 58.6666666667px;
  right: 0;
}
.p-bg__item div[class*="-"] {
  overflow: hidden;
  background: #fff;
}
.p-bg__item div[class*="-1"] {
  height: 948px;
}
.p-bg__item div[class*="-2"] {
  height: 2226px;
  background: #e3e3e3;
}
.p-bg__item div[class*="-3"] {
  height: 1122px;
}
.p-bg__item div[class*="-4"] {
  height: 1356px;
}
.p-bg__item div[class*="-5"] {
  height: 1078px;
}
.p-bg__item div[class*="-6"] {
  height: 2848px;
  background: #f2efed;
}
.p-bg__item div[class*="-7"] {
  height: 623px;
}
.p-bg__item div[class*="-8"] {
  height: 2952px;
  background: #f2efed;
}
.p-bg__item div[class*="-9"] {
  height: 1297px;
}

body.is-active .p-bg__item div[class*="-2"] {
  height: 2950px;
  background: #e3e3e3;
}

/*# sourceMappingURL=middleage-lipo.css.map */