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

File Name:
Note:

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

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

body > * {
  margin-right: auto;
  margin-left: auto;
  width: var(--min-width);
}

.p-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  padding-right: 200px;
  padding-left: 200px;
  height: 70px;
  box-sizing: border-box;
  background: #fff;
}
.p-header__logo {
  display: flex;
  align-items: center;
}
.p-header__navi {
  height: 100%;
}
.p-header__navi__list {
  display: flex;
  column-gap: 38px;
  height: 100%;
}
.p-header__navi__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.4em;
  color: #4d4d4d;
}

.p-cta__button + .p-cta__button {
  margin-top: 10px;
}
.p-cta__button a {
  display: block;
  overflow: hidden;
}
.p-cta__button a:not([href*=tel]) {
  box-shadow: 0 3px 3px 1px rgba(0,0,0,.15);
}
.p-cta__button a:hover > * {
  opacity: 0.5;
}
.p-cta__button__text {
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  color: #4d4d4d;
}

.p-hero {
  background: #f6f4f5;
  position: relative;
}
.p-hero__pic {
  position: relative;
}
.p-hero__pic__text {
  position: absolute;
  top: 39px;
  left: 0;
  display: flex;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  font-size: 2.8em;
  font-weight: bold;
  text-align: center;
  color: #0069ab;
}
.p-hero__pic__text::before, .p-hero__pic__text::after {
  content: "";
  flex: 1;
  width: 100%;
  border-top: 2px solid #0069ab;
}
.p-hero__cta {
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
}
.p-hero__cta__button a {
  border-radius: 4px;
}
.p-hero__cta .reservation .p-hero__cta__button__text {
  margin-top: px2vw(23);
}
.p-hero__cta .tel .p-hero__cta__button__text {
  margin-top: px2vw(18);
}

.p-trouble {
  position: relative;
}
.p-trouble::before, .p-trouble::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 50%;
  background: #cfe0ef;
  aspect-ratio: 750/213;
}
.p-trouble::before {
  left: 50%;
  transform: translateX(-100%);
  clip-path: polygon(0 100%, 100% 100%, 0 0);
}
.p-trouble::after {
  right: 50%;
  transform: translateX(100%);
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
.p-trouble .pic2 {
  position: absolute;
  left: 50%;
  bottom: 90px;
  z-index: 2;
  transform: translateX(-50%);
}

.p-about {
  padding-top: 12px;
  padding-bottom: 100px;
  background: #cfe0ef;
  text-align: center;
}
.p-about__title {
  margin-bottom: 25px;
}
.p-about__text {
  margin-bottom: 17px;
  line-height: 1.6363636364;
  font-size: 2.2em;
  font-weight: bold;
  color: #595757;
}
.p-about__text .emphasis {
  background: linear-gradient(to bottom, transparent 70%, #cbcd4b 70%);
  font-weight: bold;
}
.p-about__pic {
  padding-right: 5px;
  margin-bottom: 42px;
}
.p-about__lead {
  margin-bottom: 50px;
}
.p-about__intro {
  padding-right: 50px;
}

.p-cv {
  position: relative;
  background: #f6f4f5;
}
.p-cv__cta {
  position: absolute;
  right: 230px;
  top: 176px;
}
.p-cv__cta__button a {
  border-radius: 4px;
}
.p-cv__cta__button__text {
  margin-top: 3px;
  text-align: right;
}

.p-contents {
  padding-top: 100px;
  padding-bottom: 100px;
}
.p-contents__title {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  font-size: 3.6em;
  font-weight: bold;
  color: #006fb8;
  letter-spacing: 7px;
}
.p-contents__title::before, .p-contents__title::after {
  content: "";
  display: block;
  width: 80px;
  border-top: 2px solid #006fb8;
}

.p-reason__title {
  margin-bottom: 55px;
}
.p-reason__title::before, .p-reason__title::after {
  width: 134px;
}
.p-reason__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-right: auto;
  margin-left: auto;
  width: 1100px;
}

.p-treatment {
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
  padding-top: 63px;
  padding-right: 49px;
  padding-bottom: 50px;
  padding-left: 49px;
  width: 1100px;
  box-sizing: border-box;
  background: #cfe0ef;
  border-radius: 20px;
  text-align: center;
}
.p-treatment__title {
  margin-bottom: 62px;
}
.p-treatment__pic {
  margin-right: auto;
  margin-left: 0;
}
.p-treatment__contents {
  position: relative;
}
.p-treatment__contents > *:not([class*=_bg]) {
  position: relative;
  z-index: 1;
}
.p-treatment__contents + .p-treatment__contents {
  margin-top: 4px;
}
.p-treatment__contents__title {
  margin-top: 40px;
  margin-bottom: 30px;
}
.p-treatment__contents .pic4 {
  margin-bottom: px2vw(60);
}
.p-treatment__contents .pic4-2 {
  margin-bottom: px2vw(30);
}
.p-treatment__contents.no2 {
  padding: 2px;
}
.p-treatment__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.p-treatment__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 42px 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
}
.p-treatment__item {
  display: contents;
}
.p-treatment__item + .p-treatment__item {
  margin-top: px2vw(40);
}
.p-treatment__item__pic {
  margin-right: auto;
  margin-left: auto;
}

.p-faq {
  padding-right: 200px;
  padding-left: 200px;
  background: #cfe0ef;
}
.p-faq__title {
  margin-bottom: 60px;
}
.p-faq__contents {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 3px 1px rgba(0,0,0,.15);
}
.p-faq__contents + .p-faq__contents {
  margin-top: 10px;
}
.p-faq__contents.is-opened .p-faq__question::after {
  margin-top: 6px;
  transform: rotate(225deg);
}
.p-faq__question {
  display: flex;
  align-items: center;
  column-gap: 23px;
  padding-top: 17px;
  padding-right: 23px;
  padding-bottom: 17px;
  padding-left: 23px;
  cursor: pointer;
}
.p-faq__question__text {
  flex: 1;
  font-size: 2.6em;
  font-weight: bold;
  color: #333;
}
.p-faq__question::after {
  content: "";
  display: block;
  position: relative;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  transform: rotate(45deg);
}
.p-faq__answer__inner {
  padding: 10px 20px 20px;
}
.p-faq__answer__icon {
  margin-bottom: -7px;
  margin-left: 20px;
  display: block;
}
.p-faq__answer__text {
  padding-top: 14px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 14px;
  background: #edf2f4;
  border-radius: 10px;
  line-height: 1.6666666667;
  font-size: 1.8em;
  color: #333;
}

.p-clinic {
  margin-right: 200px;
  margin-left: 200px;
}
.p-clinic__title {
  margin-bottom: 100px;
}
.p-clinic__info {
  padding: 0 50px;
  margin: 0 auto 79px;
  box-sizing: border-box;
}
.p-clinic__info__contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.p-clinic__info__contents__details {
  width: 600px;
  padding-left: 30px;
}
.p-clinic__info__contents__details__name {
  position: relative;
  width: 100%;
  padding: 30px 0 29px;
  margin: 0 -30px 0 0;
  box-sizing: border-box;
  text-align: center;
}
.p-clinic__info__contents__details__name .open-info {
  position: absolute;
  top: 30px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 100px;
  height: 50px;
  background: #dc9200;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  font-size: 15px;
}
.p-clinic__info__contents__details__body > * {
  display: flex;
  margin-bottom: 19px;
}
.p-clinic__info__contents__details__body dt {
  width: 126px;
  font-size: 13px;
  padding-top: 11px;
  border-right: 1px #ccc solid;
  box-sizing: border-box;
}
.p-clinic__info__contents__details__body dd {
  flex: 1;
  padding: 8px 0 8px 19px;
  font-size: 15px;
  line-height: 1.2857142857;
}
.p-clinic__info__contents__details__body .contact dd {
  padding: 1px 0 0 19px;
}
.p-clinic__info__contents__details__map {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #efefef;
}
.p-clinic__info__contents__details__map iframe {
  position: relative;
  width: 100%;
  height: 361px;
  z-index: 1;
}
.p-clinic__info__contents__details__guide {
  margin: 12px 0 10px;
}
.p-clinic__info__contents__details__guide__item {
  font-size: 14px;
  padding-left: 1.1em;
  text-indent: -1.2em;
}
.p-clinic__info__contents__details__guide__item:before {
  content: "●";
  padding-right: 0.1em;
}
.p-clinic__info__contents__details__guide__item:not(:first-child) {
  margin-top: 9px;
}
.p-clinic__info__contents__doctor {
  width: 410px;
  padding: 24px 30px 0 0;
}
.p-clinic__info__contents__doctor__name {
  display: inline-block;
  border-left: 1px #ccc solid;
  padding: 42px 0 42px 12px;
}
.p-clinic__info__contents__doctor__name__lead {
  font-size: 14.5px;
  margin-bottom: 13px;
}
.p-clinic__info__contents__doctor__name__ja {
  font-size: 22px;
  margin-bottom: 7px;
}
.p-clinic__info__contents__doctor__name__en {
  font-size: 14px;
  color: #9d9d9d;
}
.p-clinic__info__contents__doctor__pic {
  float: right;
}
.p-clinic__info__contents__doctor__introduction, .p-clinic__info__contents__doctor__career {
  width: 100%;
}
.p-clinic__info__contents__doctor__introduction {
  padding: 12px 0 18px;
  font-size: 15.5px;
  line-height: 1.65;
}
.p-clinic__info__contents__doctor__career {
  margin-top: 20px;
}
.p-clinic__info__contents__doctor__career thead {
  background-color: #eff3f5;
}
.p-clinic__info__contents__doctor__career thead tr th {
  padding: 6px 12px;
  font-size: 16px;
}
.p-clinic__info__contents__doctor__career tbody td {
  font-size: 13px;
  line-height: 1.4;
  border-bottom: #ccc solid 1px;
  padding: 4px 0;
  vertical-align: baseline;
}
.p-clinic__info__contents__doctor__career tbody .career-year {
  width: 88px;
}
.p-clinic__info__contents__doctor__career tbody tr:first-child td {
  padding-top: 10px;
}
.p-clinic__info__contents.all {
  background-color: #f3f9fa;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details {
  position: relative;
  min-height: 718px;
  padding: 16px 0 77px 325px;
  box-sizing: border-box;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item {
  position: absolute;
  width: 220px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #33699e;
  z-index: 10;
  border-radius: 6px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item a {
  display: flex;
  align-items: center;
  font-size: 21px;
  text-align: center;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.1em;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item a:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item a .prefecture:after {
  content: "｜";
  padding: 0 0.1em;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item:hover {
  background-color: #86a6c4;
  transition: 0.3s;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sapporo, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sendai, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.omiya, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.utsunomiya {
  left: 98px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.ginza, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.shinjuku, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.yokohama {
  left: 324px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kanazawa, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nagoya, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kyoto, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.osaka, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nakanoshima, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kobe, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.hiroshima, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.fukuoka {
  left: 779px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sapporo, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.ginza {
  top: 36px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sendai, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.shinjuku {
  top: 102px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.utsunomiya, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.yokohama {
  top: 168px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.omiya {
  top: 234px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kanazawa {
  top: 144px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nagoya {
  top: 210px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kyoto {
  top: 276px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.osaka {
  top: 342px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nakanoshima {
  top: 408px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kobe {
  top: 474px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.hiroshima {
  top: 540px;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.fukuoka {
  top: 606px;
}

.p-privacypolicy {
  position: relative;
  margin-right: 200px;
  margin-bottom: 80px;
  margin-left: 200px;
}
.p-privacypolicy__title {
  padding: 80px 0 51px;
  cursor: pointer;
}
.p-privacypolicy__title__text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #555;
  font-size: 1.4em;
  text-align: center;
  letter-spacing: 0.18em;
  margin-bottom: 20px;
  column-gap: 20px;
}
.p-privacypolicy__title__text:before, .p-privacypolicy__title__text:after {
  flex: 1;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #4d4d4d;
}
.p-privacypolicy__title::after {
  content: "";
  display: block;
  margin-top: -4px;
  margin-right: auto;
  margin-left: auto;
  width: 12px;
  height: 12px;
  border-right: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  transform: rotate(45deg) translate(-3px, -3px);
}
.p-privacypolicy-contents {
  color: #555;
}
.p-privacypolicy-contents-wrapper {
  padding-bottom: 100px;
}
.p-privacypolicy-contents-box + .p-privacypolicy-contents-box {
  margin-top: 20px;
}
.p-privacypolicy-contents-box .title {
  font-size: 1.4em;
  font-weight: bold;
}
.p-privacypolicy-contents-box p,
.p-privacypolicy-contents-box ul {
  line-height: 1.8333333333;
  font-size: 1.4em;
}
.p-privacypolicy-contents-box li {
  padding-left: 2.5em;
  text-indent: -3em;
}
.p-privacypolicy-contents .reception {
  margin-top: 10px;
  font-size: 1.2em;
}
.p-privacypolicy-contents .reception-title {
  margin-bottom: 7px;
}
.p-privacypolicy-contents .reception-tel a {
  color: #4ab4fc;
  text-decoration: underline;
  padding: 0.5em;
  font-size: 1.3em;
}
.p-privacypolicy .is-opened .p-privacypolicy__title::after {
  transform: rotate(225deg) translate(-3px, -3px);
}

.p-fixed-cv {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100vw;
  transition: opacity 0.3s ease-in-out;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  background: #006fb8;
}
.p-fixed-cv.is-show {
  opacity: 1;
  pointer-events: all;
}
.p-fixed-cv__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 975px;
  height: 80px;
  box-sizing: border-box;
}
.p-fixed-cv__cta__button {
  margin-right: 0;
  margin-left: 0;
}
.p-fixed-cv__cta__button a {
  border-radius: 4px;
}
.p-fixed-cv__cta__button + .p-fixed-cv__cta__button {
  margin-top: 0;
}
.p-fixed-cv__cta__button.tel {
  order: 2;
}
.p-fixed-cv__cta__button.reservation {
  order: 1;
}
/*# sourceMappingURL=index.css.map */