@charset "UTF-8";
/* CSS Document */
main div .main-contents section article section .ffs h2, main div .main-contents section article section .ffs h3, main div .main-contents section article section .ffs h4, main div .main-contents section article section .ffs h5, main div .main-contents section article section .ffs p {
  font-feature-settings: "palt" !important;
  -webkit-font-feature-settings: "palt";
  text-align: justify;
}
main div .main-contents section article section .inner {
  /* width: 97%; */
  margin: 0 auto;
}
main div .main-contents section article section .inner .linkArea {
  position: relative;
}
main div .main-contents section article section .inner a {
  text-decoration: none;
}
main div .main-contents section article section .inner a::after {
  position: absolute;
  content: '';
  border-top: solid 1px #3F51B5;
  border-right: solid 1px #3F51B5;
}
main div .main-contents section article section .inner a.sideArrow::after {
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 12px;
  margin-top: -6px;
}
main div .main-contents section article section .inner a.bottomArrow::after {
  display: block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 0.5em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
main div .main-contents section article section .inner #notice {
  border: 1px solid #537fbc;
  padding: 0;
  height: 3em;
  margin: 1em auto 1em auto;
  border-radius: 5px;
}
main div .main-contents section article section .inner #notice a {
  display: block;
  text-align: center;
  height: 3em;
  line-height: 3em;
  font-weight: bold;
}
main div .main-contents section article section .inner #navBtn {
  margin-bottom: 3em;
}
main div .main-contents section article section .inner #navBtn.flex-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
}
main div .main-contents section article section .inner #navBtn.flex-container .flex-item {
  width: 48%;
  border: 1px solid #537fbc;
  text-align: center;
  border-radius: 5px;
}
main div .main-contents section article section .inner #navBtn.flex-container .flex-item a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
}
main div .main-contents section article section .inner #navBtn.flex-container .flex-item a div {
  margin: 1em auto;
}
main div .main-contents section article section .inner #navBtn.flex-container .flex-item a div img {
  width: auto;
  height: 3em;
}
main div .main-contents section article section .inner #navBtn.flex-container .flex-item a p {
  text-align: center;
  line-height: 1.4em;
}
main div .main-contents section article section .inner .resTel.individual h3, main div .main-contents section article section .inner .resWeb.individual h3 {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 1.8em;
  height: 2em;
  line-height: 2em;
  color: #547fbb !important;
  font-size: 1.5em;
  padding-left: 2em;
}
main div .main-contents section article section .inner .resTel.individual h3 {
  background-image: url("../../img/about/clinic/form/img-form-03.webp");
}
main div .main-contents section article section .inner .resTel.individual h3 + p {
  text-align: center;
}
main div .main-contents section article section .inner .resTel.individual .hyaluronAcid h3 {
  text-align: center;
  font-weight: bold;
  color: #547fbb !important;
  margin-bottom: 1.2em;
}
main div .main-contents section article section .inner .resTel.individual .telBtn {
  margin-bottom: 2em;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .first, main div .main-contents section article section .inner .resTel.individual .telBtn .repeat {
  margin-bottom: 0.5em;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .first a, main div .main-contents section article section .inner .resTel.individual .telBtn .repeat a {
  display: block;
  width: 100%;
  text-align: center;
  height: 2.5em;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .first a p, main div .main-contents section article section .inner .resTel.individual .telBtn .repeat a p {
  display: inline-block;
  line-height: 2.5em;
  padding-left: 1.9em;
  background-position: left center;
  background-size: 1.2em;
  background-repeat: no-repeat;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .first a:hover, main div .main-contents section article section .inner .resTel.individual .telBtn .repeat a:hover {
  color: #547fbb !important;
  opacity: 1 !important;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .first {
  border: 1px #547fbb solid;
  border-radius: 5px;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .first a p {
  background-image: url("/img-form-04.png");
}
main div .main-contents section article section .inner .resTel.individual .telBtn .repeat {
  border: 1px #4d4d4d solid;
  border-radius: 5px;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .repeat a {
  color: #4d4d4d !important;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .repeat a p {
  background-image: url("../../img/about/clinic/form/img-form-05.webp");
}
main div .main-contents section article section .inner .resTel.individual .telBtn .repeat a:hover {
  color: #4d4d4d !important;
}
main div .main-contents section article section .inner .resTel,
main div .main-contents section article section .inner .resWeb {
  background-color: #eaf1fb;
  padding-bottom: 0.5em;
  margin-bottom: 0;
  /*background-color: rgba(119, 168, 220, 0.1);*/
}
main div .main-contents section article section .inner .resWeb.individual h3 {
  background-image: url("../../img/about/clinic/form/img-form-06.webp");
}
main div .main-contents section article section .inner .resWeb.individual h3 {
  margin-bottom: 0.3em;
}
main div .main-contents section article section .inner .resWeb.individual .ul-align-center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 1em;
}
main div .main-contents section article section .inner .resWeb.individual .ul-align-center ul {
  list-style: none;
  padding-left: 1em;
}
main div .main-contents section article section .inner .resWeb.individual > p:nth-of-type(1) {
  text-align: center;
  margin-bottom: 1.2em;
}
main div .main-contents section article section .inner .resWeb.individual p strong {
  color: #d40e0e;
  font-weight: normal;
}
@media (max-width: 768px) {
  main div .main-contents section article section .inner .resWeb.individual .flex-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /* margin-bottom: 1em; */
    /* width: 90%; */
    margin: 0 auto 0.7em auto;
  }
}
@media (min-width: 769px) {
  main div .main-contents section article section .inner .resWeb.individual .flex-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 1em; */
    /* width: 90%; */
    margin: 0 auto 0.7em auto;
  }
}
main div .main-contents section article section .inner .resWeb.individual .flex-container .flex-item {
  border: 1px #547fbb solid;
  background-color: #FFF;
  border-radius: 5px;
}
@media (max-width: 768px) {
  main div .main-contents section article section .inner .resWeb.individual .flex-container .flex-item {
    width: 45%;
    margin-bottom: 4%;
  }
}
@media (min-width: 769px) {
  main div .main-contents section article section .inner .resWeb.individual .flex-container .flex-item {
    width: 23%;
  }
}
main div .main-contents section article section .inner .resWeb.individual .flex-container .flex-item a {
  display: block;
  text-align: center;
  /* background-color: #fff; */
  /*margin-bottom: 0.3em;*/
}
main div .main-contents section article section .inner .resWeb.individual .flex-container .flex-item a p {
  /* text-align: left; */
  /* height: 100%; */
  /* min-height: 5em; */
  /* font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Meiryo", serif; */
  font-weight: bold;
}
main div .main-contents section article section .inner .resWeb.individual a {
  display: block;
  width: 100%;
  /*height: 100%;*/
  text-align: center;
}
main div .main-contents section article section .inner .resWeb.individual a p {
  /* color: #4d4d4d !important; */
}
main div .main-contents section article section .inner .resWeb.individual .hyaluronAcid {
  margin: 0 auto;
  border: 1px #547fbb solid;
  /* height: 3em; */
  margin-bottom: 0.5em;
  border-radius: 5px;
  background-color: #FFF;
}
main div .main-contents section article section .inner .resWeb.individual .hyaluronAcid a {
  /* font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Meiryo", serif; */
  font-weight: bold;
  display: block;
  text-align: center;
  /* height: 3em; */
}
main div .main-contents section article section .inner .resWeb.individual .hyaluronAcid a p {
  text-align: center;
  /* height: 2.8em; */
  line-height: 1.4em;
  /* background-color: #fff; */
  margin-bottom: 0;
  padding: 0.8em 0;
}
@media (max-width: 768px) {

  main div .main-contents section article section .inner .resTel.individual .hyaluronAcid h3 {
    font-size: 1.1em;
  }
  main div .main-contents section article section .inner .resTel,
  main div .main-contents section article section .inner .resWeb {
    /* width: 100vw !important; */
    /* margin-left: -12%; */
    padding: 1em;
    /*.inner {
        width: 88%;
        margin: 0 auto;
    }*/
  }
}
@media (min-width: 769px) {
  main div .main-contents section article section .inner .resTel.individual .telBtn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
  }
  main div .main-contents section article section .inner .resTel.individual .telBtn .first, main div .main-contents section article section .inner .resTel.individual .telBtn .repeat {
    width: 48%;
  }
  main div .main-contents section article section .inner .resTel.individual .hyaluronAcid h3 {
    font-size: 1.2em;
  }
  main div .main-contents section article section .inner .resWeb.individual .hyaluronAcid {
    width: 80%;
  }
  main div .main-contents section article section .inner .resWeb p.note {
    padding: 0 2em;
    margin-bottom: 1em;
    /* text-align: center; */
  }
}
.btn-webyoyaku {
  display: table-cell;
  height: 6em;
  padding-left: 0.4em;
  vertical-align: middle;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .btn-webyoyaku {
    padding-left: 1em;
  }
}
@media (min-width: 769px) {
  .btn-webyoyaku {
    padding-left: 1.1em;
  }
}
@media (min-width: 769px) {
  main div .main-contents section article section .inner .resTel,
  main div .main-contents section article section .inner .resWeb {
    padding: 2em;
  }
}
div#notice2 a {
  font-size: 15px;
  line-height: 1.5;
  display: block;
  border: 1px solid #d40e0e;
  padding: 4px;
  margin: 0 2px;
  border-radius: 5px;
}
.inner div#notice2 a::after {
  border-color: #d40e0e;
  border-width: 2px;
}
.addnewlink {}
.addnewlink ul {
  text-align: center;
  margin-bottom: 1em;
}
.addnewlink ul li p.kuwasiku-miru {
  display: inline-block;
}
.addnewlink ul li p.kuwasiku-miru a {
  border: none;
  color: red;
  font-size: 15px;
  padding-top: unset;
  padding-bottom: unset;
}
.addnewlink ul li p.kuwasiku-miru a:after {
  border-color: red !important;
}
main div .main-contents section article section .inner .addnewlink ul li a {
  font-weight: bold;
  text-decoration: underline;
  line-height: 2.4;
}
@media (min-width: 769px) {
  .resTel p.phone-num-text {
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
  }
  span.pc.callnumtext {
    font-size: 170%;
  }
  .resTel a.ebis_button_trigger {
    height: 55px !important;
    padding: 7px;
  }
}
.caution.text_bk {
    color: #333;
    font-weight: 300;
}

/* 2022/09/13 レイアウト変更（再診用フォーム追加） */

main div .main-contents section article section .inner #navBtn .flex-item:hover {
    opacity: .8;
    transition: .7s;
}
main div .main-contents section article section .inner #navBtn .flex-item div {
    font-size: 22px;
    font-weight: 600;
}
main div .main-contents section article section .inner #navBtn .flex-item div span{
    font-size: 14px;
    display: block;
}
main div .main-contents section article section .inner #navBtn .newBtn {
    background: #5380bc;
}
main div .main-contents section article section .inner #navBtn .newBtn a {
    color: #fff;
}
main div .main-contents section article section .inner #navBtn .newBtn a::after {
    border-color: #fff;
}
main div .main-contents section article section .inner .new-ttl {
    background: #5380bc;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0 ;
    padding: 6px;
    font-size: 18px;
    font-weight: 600;
}
main div .main-contents section article section .inner .individual h3 + p {
    margin: 10px 0 20px 0;
}
main div .main-contents section article section .inner .telBtn:hover,
main div .main-contents section article section .inner .webBtn:hover {
    opacity: .8;
    transition: .7s;
}
main div .main-contents section article section .inner .resTel {
    margin-bottom: -40px;
}
@media (max-width: 768px) {
    main div .main-contents section article section .inner .resTel {
        margin-bottom: -20px;
    }
}
main div .main-contents section article section .inner .resTel.individual .telBtn {
  border: 1px #547fbb solid;
  border-radius: 5px;
  background: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: nowrap; /* Safari */
  justify-content: center;
  align-items: center;
  color: #5380bc;
  position: relative;
  padding: 10px 0;
  z-index: 1;
  width:100%;
  overflow-wrap: break-word;
}
main div .main-contents section article section .inner .resTel.individual .telBtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    z-index: 10;
}

/* main div .main-contents section article section .inner .resTel.individual .sp .telBtn a {
margin: auto;
width: 112px;

}

main div .main-contents section article section .inner .resTel.individual .sp .telBtn{
    display: flex;
    justify-content: center;
    align-items: center;
} */

main div .main-contents section article section .inner .resTel.individual .telBtn .phone-num-text {
    position: relative;
    display: inline-block;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .phone-num-text::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    background: url("../../img/about/clinic/form/img-form-04.webp") no-repeat center center / contain;
    top: 0; bottom: 0; left: -26px;
    margin: auto;
}
main div .main-contents section article section .inner .resTel.individual .telBtn .callnumtext {
    font-size: 20px;
    font-weight: 600;
    margin-left: 40px;
    position: relative;
    display: block;
    min-width: 160px !important;
    overflow-wrap: break-word;
    vertical-align: middle; /* 追加 */
}


main div .main-contents section article section .inner .re {
    margin-top: 40px;
    margin-bottom: 40px;
}
main div .main-contents section article section .inner .re .new-ttl {
    background: #fff;
    color: #5380bc;
    border: 2px solid #5380bc;
}
main div .main-contents section article section .inner .re .border-box {
    border: 2px solid #5380bc;
    border-top: 0;
}
main div .main-contents section article section .inner .re .resTel,
main div .main-contents section article section .inner .re .resWeb {
    background: #fff;
}
main div .main-contents section article section .inner .re .resTel.individual .telBtn {
    background: #eaf1fb;
}
main div .main-contents section article section .inner .re .resWeb.individual .webBtn {
    background: #eaf1fb;
  border: 1px #547fbb solid;
  border-radius: 5px;
  color: #5380bc;
  position: relative;
  padding: 30px 0;
  z-index: 1;
  text-align: center;
}
main div .main-contents section article section .inner .re .resWeb.individual .webBtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    z-index: 10;
}
main div .main-contents section article section .inner .re .resWeb.individual .webBtn .webbtn-text {
    font-size: 20px;
    font-weight: 600;
}
main div .main-contents section article section .inner .re .resWeb.individual .webBtn .webbtn-text span {
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
}
main div .main-contents section article section .inner .re .resWeb.individual .webBtn .webbtn-text::after {
    content: "△";
    transform: rotate(90deg);
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
}
main div .main-contents section article section .inner .re .resWeb.individual p {
    text-align: center;
}
@media (max-width: 768px) {

    main div .main-contents section article section .inner .resTel.individual .telBtn .callnumtext {
        width: 6.5em;
        padding: 0;
        margin: 0;
        margin-left: 10px;
        padding: 13px 0;
    }
    main div .main-contents section article section .inner .individual .sp .telBtn a {
      margin: auto;
      display: flex;
          justify-content: center;
          align-items: center;
          text-align:center;
      }
      
      main div .main-contents section article section .inner .individual .sp .telBtn{
          display: flex;
          justify-content: center;
          align-items: center;
          text-align:center;
          padding-left: 22px;
      }

}



@media (min-width: 575px) {
_::-webkit-full-page-media, _:future, :root main div .main-contents section article section .inner .resTel.individual .telBtn .callnumtext {
  min-width: 160px !important;
  position: absolute;
  top:0px;bottom:0px;margin:auto;
  left:50%;
  display: flex;
  align-items: center;
  height:25px;
}

_::-webkit-full-page-media, _:future, :root main div .main-contents section article section .inner .resTel.individual .telBtn .phone-num-text {
  position: absolute;
  top:0px;bottom:0px;margin:auto;
  min-width: 100px !important;
  left:30%;
  display: flex;
  align-items: center;
  height:25px;
}
::-webkit-full-page-media, _:future, :root main div .main-contents section article section .inner .resTel.individual .telBtn {
  padding:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,  main div .main-contents section article section .inner .resTel.individual .telBtn .callnumtext {
    min-width: 160px !important;
    position: absolute;
    top:0px;bottom:0px;margin:auto;
    left:50%;
    display: flex;
    align-items: center;
    padding: 10px;
    height:25px;
  }
} 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,  main div .main-contents section article section .inner .resTel.individual .telBtn .phone-num-text {
    position: absolute;
    top:0px;bottom:0px;margin:auto;
    min-width: 100px !important;
    left:30%;
    display: flex;
    align-items: center;
    height:25px;
  }
  ::i-block-chrome,  main div .main-contents section article section .inner .resTel.individual .telBtn {
    padding:20px;
  }
} 
}