@charset "UTF-8";
/* gnav mod */
.top-anchor li {
  width: auto;
  min-width: 120px;
}

.top-anchor li a {
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
}

/*
@media (max-width: 480px) {
  #reservation_area2 ul li.mobile_tel_btn a::after {
    content: "XX-XXXX-XXXX";
  }
}
*/
/* ---- 新トップお知らせ用 ---- */
.top-notice__item.top-notice__item_fullview {
  display: block;
}

.top-notice__item.top-notice__item_fullview .top-notice__head {
  display: flex;
  justify-content: flex-start;
}

.top-notice__item time {
  padding-right: 1em;
}

.top-notice__item.top-notice__item_fullview .mod_top-notice__content {
  margin-top: 0.3em;
}

.top-notice__item.top-notice__item_fullview .mod_top-notice__content p {
  font-size: 1.6rem;
}

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

.header__tel .fax span {
    background: url(/wp-content/uploads/hdr_fax.png) no-repeat 0 100%;
    background-size: 26px 25px;
    color: #e7731c;
    display: inline-block;
    font-family: "Kosugi Maru";
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    padding-left: 35px;
}
.clinic-info__tel > span {
    margin-left: 0em;
}

@media (max-width: 767px) {
	.clinic-info__tel {
		font-size: 1.6rem;
	}
}

header.header h1.header__copy {
  width: 100%;
}
/*
.nav__wrap {
	background: #06624e;
}
.nav__btn button {
	background: none;
	border-radius: 0;
	border: none;
}
.nav__btn:after, .nav__btn:before {
	background: #fff;
}
*/
@media (max-width: 767px) {
	#topMadical .flexWrap > div:nth-child(1) {
		margin-right: 0%;
		margin-left: 0%;
	}
	.header__head a img {
		max-height: 60px;
	}
}

.heading-4 {
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.4;
    position: relative;
    color: #1b1b1b;
    padding: 5px 10px;
    margin: 20px 0 0px 0;
    padding-left: 1em;
    border: 1px solid #06624e;
    border-width: 0 0 1px 5px;
}
.heading-4:after {
	display:none;
}
.under_ h4 {
	position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
     color: #06624e;
    font-weight: normal;
    padding-bottom: 8px;
    padding-right: 0px;
	border: none;
    margin: 0;
    font-weight: 300;
}
.under_ h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #06624e;
}

.header__nav {
    background: #06624e;
    padding: 15px 0;
}
.header__nav ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    list-style: none;
    font-size: 1.6rem;
}
.header__nav li {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 1;
}
.header__nav li:first-child {
    margin-left: 0;
}
.header__nav li:first-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    width: 1px;
}
.header__nav li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 1px;
}
.header__nav li a {
    display: block;
    padding: 4px;
    color: #fff;
}
.top-anchor li a {
    align-items: center;
    background: none;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    height: auto;
}
.header__nav {
    z-index: 999;
    position: static;
    width: 100%;
}
@media (min-width: 769px) {
	.header {
		border-bottom: none;
		box-shadow: none;
	}
}

.nav__items ul li a {
  position: relative;
  font-family: "Kosugi Maru";
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #ffffff;
  font-size: 1.6rem;
  padding: 15px 20px;
  display: block;
}

.nav__items ul li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100%);
  height: 2px;
  background-color: #ffffff;
}
.under_ main a:not(.btn-1)[target=_blank] {
    padding-right: 18px;
    margin-right: 10px;
    background: url(/wp-content/uploads/icon_blank01.png) right center/13px auto no-repeat;
}


@media (max-width: 767px) {
	.footer__copy {
		padding: 15px 0px;
	}
}
@media (max-width: 768px) {
	#anc01,#anc02,#anc03,#anc04,#anc05,#anc06,#anc07,#anc08,#anc09,#anc10,#anc11,#anc12 {
		display: block;
		margin-top: -95px;
		padding-top: 95px;
	}
}
/*
@media (max-width: 768px) {
	.header__wrap {
		border-top: none;
	}
	header.header h1.header__copy {
		display: block;
		padding: 4px 10px;
		font-size: 1.0rem;
	}
}
*/

.top-faq__heading-1 + .top-faq__item,
.top-faq__heading-2 + .top-faq__item,
.top-faq__heading-3 + .top-faq__item {
    border: none;
}
.top-faq__heading .icon-arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    font-size: 1.5rem;
    line-height: 36px;
    text-align: center;
    width: 60px;
    font-size: 0;
    line-height: 1;
    transition: .2s;
}
.top-faq__heading .icon-arrow:before, .top-faq__heading .icon-arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background-color: #548ECE;
    height: 2px;
    width: 40%;
}
.top-faq__heading .icon-arrow:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -34%;
}
.top-faq__heading .icon-arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 50%;
    margin-right: -31%;
}
.top-faq__heading.is-opened .icon-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.diagnosis-faq .top-faq__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #231815;
  min-height: 60px;
  background-color: #fff;
  border: 1px solid #231815;
  padding: 5px 80px 5px 20px;
  cursor: pointer;
  position: relative;
  line-height: 1;
  font-weight: bold;
  font-size: 1.8rem;
}

.diagnosis-faq .top-faq__heading .icon-arrow::before,
.diagnosis-faq .top-faq__heading .icon-arrow::after {
  background-color: #231815;
}
.top-faq__heading:after {
    content: "";
    display: block;
    position: absolute;
    left: inherit;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 60px;
    height: inherit;
}
.diagnosis-faq .top-faq__heading::after {
  border-left: 1px solid #231815;
}

.diagnosis-faq .top-faq__item {
  display: none;
  padding: 20px;
  border-right: #231815 1px solid;
  border-bottom: #231815 1px solid;
  border-left: #231815 1px solid;
  font-size: 1.6rem;
  background: #fff;
}

.diagnosis-faq .top-faq__item strong {
  font-weight: bold;
}

#MV {
    position: relative;
}

#MV img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 10s linear;
    transform: scale(1);
}
#MV p {
    margin: 0;
}

#MV p.active img {
    transform: scale(1.1);
}

#MV .stage {
    width: 100%;
    position: relative;
}
#MV .stage .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
}

#MV .stage .pht {
    margin: 0;
}

#MV .catch {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    background-color: rgba(251, 249, 242,0.85);
    box-sizing: border-box;
    padding: 15px;
}

#MV .catch p {
    font-size: 2.2rem;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
}
@media (max-width: 840px) {
    #MV .catch {
        position: static;
        background-color: #E9E5E0;
    }
    #MV .catch p {
        font-size: 1.4rem;
    }
}
.header__tel a,
.header__tel a span {
  color: #009242;
}


.waku_ylw {
  background: #fef7e5;
  border: 1px solid #ffda77;
  padding: 3px 8px;
  margin: 0px;
}

.text-org02 {
  color: #ff6600;
}

.txt_waku {
  border: 1px solid #000;
  padding: 2px 5px;
}

/* .top-quality */
.top-quality_new {
  background: url(/wp-content/uploads/quality.jpg) no-repeat center right;
  background-size: cover;
}

@media (max-width: 767px) {
  .top-quality_new {
    padding-bottom: 30px;
    background: none;
  }
}

.top-quality_new .l-wrapper {
  width: 670px;
  padding: 0 100px 40px;
  color: #222;
  background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  .top-quality_new .l-wrapper {
    width: auto;
    padding: 0;
    color: #222;
    background: none;
  }
}

.top-quality__head {
  padding: 0;
}

@media (max-width: 767px) {
  .top-quality__head {
    background: url(/wp-content/uploads/quality.jpg) no-repeat center;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .top-quality__head .inner {
    padding: 0 10px 20px;
    background: rgba(255, 255, 255, 0.8);
  }
}

.top-quality__copy {
  margin: 0;
  text-align: center;
  color: #339ae9;
  font-size: 2rem;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .top-quality__copy {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

.top-quality__items {
  max-width: 100%;
  margin: 30px auto 0;
}

@media (max-width: 767px) {
  .top-quality__items {
    margin-top: 30px;
    padding: 0 15px;
  }
}

.top-quality__item {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .top-quality__txt {
    max-width: 630px;
  }
}

.top-quality__txt p {
  margin-bottom: 1.5em;
}

.top-quality__txt p:last-child {
  margin-bottom: 0;
}

.top-quality__image {
  width: auto;
  margin: auto;
  text-align: center;
}

.top-quality__image img {
  margin: auto;
  max-width: 210px;
}

#MV .catch {
    background-color: rgb(229 244 236 / 80%);
}
.under_ main figure img {
	border-radius: 10px;
}

.reservation_cell {
	display: block;
	border: 2px solid #06624e;
	border-radius: 10px;
	background: #e5f4ec;
	padding: 20px;
}
.reservation_cell .heading-4 {
	margin-top: 0;
}
.top-reservation {
	padding: 0 0 60px 0;
}
@media (max-width: 767px) {
  .top-reservation {
    padding-bottom: 30px;
  }
}

/* add 20220805 */
.top-notice__item time,
.article_date {
  display: none;
}
@media (max-width: 767px) {
  .heading-4 {
    font-size: 1.8rem;
  }
  .top-notice__item.top-notice__item_fullview .top-notice__head {
    font-size: 1.6rem;
  }
  .top-notice__item.top-notice__item_fullview .mod_top-notice__content p {
    font-size: 1.4rem;
  }
}
dl.m-history dt {
  width: 4em;
}
@media (max-width: 480px) {
  #reservation_area2 ul li.mobile_tel_btn.mobile_tel_btn02 a::after {
      content: "電話予約";
  }
}