@charset "UTF-8";
/* margin top */
.u-mt5 {
  margin-top: 5px;
}

.u-mt10 {
  margin-top: 10px;
}

.u-mt15 {
  margin-top: 15px;
}

.u-mt20 {
  margin-top: 20px;
}

.u-mt30 {
  margin-top: 30px;
}

.u-mt40 {
  margin-top: 40px;
}

/* margin bottom */
.u-mb0 {
  margin-bottom: 0;
}

.u-mb5 {
  margin-bottom: 5px;
}

.u-mb10 {
  margin-bottom: 10px;
}

.u-mb15 {
  margin-bottom: 15px;
}

.u-mb20 {
  margin-bottom: 20px;
}

.u-mb24 {
  margin-bottom: 24px;
}

.u-mb25 {
  margin-bottom: 25px;
}

.u-mb30 {
  margin-bottom: 30px;
}

.u-mb35 {
  margin-bottom: 35px;
}

.u-mb40 {
  margin-bottom: 40px;
}

.u-mb45 {
  margin-bottom: 45px;
}

.u-mb50 {
  margin-bottom: 50px;
}

.u-mb55 {
  margin-bottom: 55px;
}

.u-mb60 {
  margin-bottom: 60px;
}

@media screen and (max-width: 1090px) {
  .u-mb0--tb {
    margin-bottom: 0;
  }
  .u-mb5--tb {
    margin-bottom: 5px;
  }
  .u-mb10--tb {
    margin-bottom: 10px;
  }
  .u-mb15--tb {
    margin-bottom: 15px;
  }
  .u-mb20--tb {
    margin-bottom: 20px;
  }
  .u-mb25--tb {
    margin-bottom: 25px;
  }
  .u-mb30--tb {
    margin-bottom: 30px;
  }
  .u-mb35--tb {
    margin-bottom: 35px;
  }
  .u-mb40--tb {
    margin-bottom: 40px;
  }
  .u-mb45--tb {
    margin-bottom: 45px;
  }
  .u-mb50--tb {
    margin-bottom: 50px;
  }
  .u-mb55--tb {
    margin-bottom: 55px;
  }
  .u-mb60--tb {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .u-mb0--sp {
    margin-bottom: 0;
  }
  .u-mb5--sp {
    margin-bottom: 5px;
  }
  .u-mb10--sp {
    margin-bottom: 10px;
  }
  .u-mb15--sp {
    margin-bottom: 15px;
  }
  .u-mb20--sp {
    margin-bottom: 20px;
  }
  .u-mb25--sp {
    margin-bottom: 25px;
  }
  .u-mb30--sp {
    margin-bottom: 30px;
  }
  .u-mb35--sp {
    margin-bottom: 35px;
  }
  .u-mb40--sp {
    margin-bottom: 40px;
  }
  .u-mb45--sp {
    margin-bottom: 45px;
  }
  .u-mb50--sp {
    margin-bottom: 50px;
  }
  .u-mb55--sp {
    margin-bottom: 55px;
  }
  .u-mb60--sp {
    margin-bottom: 60px;
  }
}
.u-mr10 {
  margin-right: 10px;
}

.u-mr20 {
  margin-right: 20px;
}

/* padding top */
.u-pt0 {
  padding-top: 0;
}

.u-pt10 {
  padding-top: 10px;
}

.u-pt15 {
  padding-top: 15px;
}

.u-pt20 {
  padding-top: 20px;
}

.u-pt30 {
  padding-top: 30px;
}

.u-pt40 {
  padding-top: 40px;
}

.u-pt50 {
  padding-top: 50px;
}

.u-pt60 {
  padding-top: 60px;
}

.u-pt100 {
  padding-top: 100px;
}

@media screen and (max-width: 767px) {
  .u-pt0-sp {
    padding-top: 0;
  }
  .u-pt30--sp {
    padding-top: 30px;
  }
}
.u-px0 {
  padding-bottom: 0;
  padding-right: 0;
}

/* padding right */
.u-pr0 {
  padding-right: 0;
}

.u-pr10 {
  padding-right: 10px;
}

.u-pr15 {
  padding-right: 15px;
}

.u-pr20 {
  padding-right: 20px;
}

.u-pr30 {
  padding-right: 30px;
}

.u-pr40 {
  padding-right: 40px;
}

.u-pr50 {
  padding-right: 40px;
}

@media screen and (max-width: 767px) {
  .u-pr0--sp {
    padding-right: 0;
  }
}
/* padding left */
.u-pl0 {
  padding-bottom: 0;
}

.u-pl10 {
  padding-bottom: 10px;
}

.u-pl15 {
  padding-bottom: 15px;
}

.u-pl20 {
  padding-bottom: 20px;
}

.u-pl30 {
  padding-bottom: 30px;
}

.u-pl40 {
  padding-bottom: 40px;
}

.u-pl50 {
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .u-pl0--sp {
    padding-bottom: 0;
  }
}
/* padding left */
.u-pb0 {
  padding-bottom: 0;
}

.u-pb10 {
  padding-bottom: 10px;
}

.u-pb20 {
  padding-bottom: 20px;
}

.u-pb30 {
  padding-bottom: 30px;
}

.u-pb40 {
  padding-bottom: 40px;
}

.u-pb60 {
  padding-bottom: 60px;
}

/* text align */
.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .u-text-left-sp {
    text-align: left;
  }
}
/* レスポンシブの改行 */
.u-pc-none {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-pc-none {
    display: block;
  }
}

.u-tb-show {
  display: none;
}
@media screen and (max-width: 1090px) {
  .u-tb-show {
    display: block;
  }
}

.u-tb-none {
  display: block;
}
@media screen and (max-width: 1090px) {
  .u-tb-none {
    display: none;
  }
}

.u-sp-none {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-sp-none {
    display: none;
  }
}

.u-sp-show {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-sp-show {
    display: block;
  }
}

/* Color */
.u-color-main {
  color: var(--main-color);
}

.u-color-white {
  color: #fff;
}

.u-color-black {
  color: #000;
}

.u-color-gray {
  color: var(--gray-dark);
}

/* font */
.u-font12 {
  font-size: 12px;
}

.u-font14 {
  font-size: 14px;
}

.u-font15 {
  font-size: 15px;
}

.u-font18 {
  font-size: 18px;
}

.u-font22 {
  font-size: 22px;
}

.u-font24 {
  font-size: 24px;
}

.u-font32 {
  font-size: 32px;
}

/* indent */
.u-indent {
  text-indent: 1em;
}

/* JavaScript jQuery用
--------------------------- */
/* accordion */
.u-accordion-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-accordion-btn {
    display: block;
    position: absolute;
    top: calc(50% - 13px);
    right: 5px;
    width: 26px;
    height: 26px;
    border: 1px solid var(--main-color);
    border-radius: 3px;
  }
  .u-accordion-btn::before {
    content: "";
    position: absolute;
    top: calc(50% - 0px);
    left: 4px;
    width: 16px;
    height: 1px;
    background-color: var(--main-color);
  }
  .u-accordion-btn::after {
    content: "";
    position: absolute;
    top: calc(50% - 0px);
    left: 4px;
    width: 16px;
    height: 1px;
    background-color: var(--main-color);
    rotate: 90deg;
    transition: 0.2s;
    opacity: 1;
  }
  .u-accordion-btn.is-close::after {
    opacity: 0;
  }
}

.u-accordion--front .u-accordion-btn {
  right: 10px;
}
.u-accordion--clinicList .u-accordion-btn {
  right: 10px;
}

/* 印刷用
--------------------------- */
@media print {
  .l-nav-area {
    position: relative !important;
  }
  .l-container {
    max-width: 100%;
  }
}
@page {
  size: a4 portrait;
  margin: 0;
}