/*-------------------------------
* Smart Phone
-------------------------------*/
/*------------- タブレット --------------*/
@media screen and (max-width: 1080px) {
  /*メニュー　ハンバーガー設定*/
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 52px;
    height: 44px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #836a4a;
    border-radius: 4px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 20px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger span:nth-of-type(1) {
    -webkit-animation: menu-bar01 0.75s forwards;
    animation: menu-bar01 0.75s forwards;
  }
  /*ハンバーガーメニューアニメーション*/
  @-webkit-keyframes menu-bar01 {
    0% {
      -webkit-transform: translateY(20px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(20px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-bar01 {
    0% {
      transform: translateY(20px) rotate(45deg);
    }
    50% {
      transform: translateY(20px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .menu-trigger span:nth-of-type(2) {
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
  .menu-trigger span:nth-of-type(3) {
    -webkit-animation: menu-bar02 0.75s forwards;
    animation: menu-bar02 0.75s forwards;
  }
  @-webkit-keyframes menu-bar02 {
    0% {
      -webkit-transform: translateY(-20px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-20px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-bar02 {
    0% {
      transform: translateY(-20px) rotate(-45deg);
    }
    50% {
      transform: translateY(-20px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 0.75s forwards;
    animation: active-menu-bar01 0.75s forwards;
  }
  @-webkit-keyframes active-menu-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(20px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(20px) rotate(45deg);
    }
  }
  @keyframes active-menu-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(20px) rotate(0);
    }
    100% {
      transform: translateY(20px) rotate(45deg);
    }
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-animation: active-menu-bar03 0.75s forwards;
    animation: active-menu-bar03 0.75s forwards;
  }
  @-webkit-keyframes active-menu-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-20px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-20px) rotate(-45deg);
    }
  }
  @keyframes active-menu-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-20px) rotate(0);
    }
    100% {
      transform: translateY(-20px) rotate(-45deg);
    }
  }

  body {
    font-size: 1.4rem;
  }

  .gNavi {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 120px;
    right: -100%;
    z-index: 10;
  }

  .gNavi-visible {
    right: 0;
  }

  .gNavi__menu {
    float: none;
    padding: 0;
    background-image: none;
  }

  #hamberger {
    max-width: 70px;
    width: auto;
    padding: 20px 0px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .button {
    float: right;
  }
  /* 電話番号固定 */
  .reserve {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #836a4a;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
  }

  .reserve * {
    color: #fff !important;
  }

  .reserve .circleButton {
    display: none;
  }

  .reserve .telNavi__telNum-tsuka {
    margin-left: 5%;
    float: left;
  }

  .reserve .telNavi__telNum-ina {
    margin-right: 5%;
    float: right;
  }

  /*設定解除*/
  .mwc {
    width: auto;
  }

  .mfn {
    float: none;
  }

  .mdn {
    display: none;
  }

  .mfl {
    float: left;
  }

  .mfr {
    float: right;
  }

  .m-mc {
    margin: 0;
  }

  .bs-bb {
    box-sizing: border-box;
  }

  .clinicInfo {
    background: none !important;
    margin-bottom: 10px;
    font-size: 17px;
  }

  .clinicInfo__term {
    width: 100%;
    background: #fff5e3;
  }

  .clinicInfo__desc {
    width: 100%;
  }

  .slick-center {
    transform: scale(1);
  }

  .btn {
    width: 100%;
  }

  /*　モバイル特有設定　*/
  header {
    max-width: 1150px;
    width: 100%;
    /* padding: 0px 20px; */
    background: #fff;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
    overflow: hidden;
  }
  footer .gNavi {
    display: none;
  }
  .side-container article:nth-of-type(2n + 1) {
    clear: both;
  }

  /* Container */

  #top-catch {
    max-width: 100%;
    width: calc(100% - 6%);
    height: 500px;
    margin: 35px auto;
    background-size: 100%;
    background-image: url(../image/main_img.png);
    background-repeat: no-repeat;
  }
  #wrap {
    width: 100%;
    margin-top: 115px;
    margin-bottom: 86px;
    box-sizing: border-box;
  }

  .container {
    max-width: 1000px;
    width: 100%;
    margin: 0px auto 40px;
    padding: 0px;
  }

  .ratio1 {
    width: 33.3333%;
  }

  .ratio3 {
    width: 66.6666%;
    padding-left: 10px;
    box-sizing: border-box;
  }

  /* Colomun */
  .m-col-1 {
    width: 100%;
  }

  .m-col-2 {
    width: calc(50% - 20px);
    margin: 20px 0 0 5px;
  }

  /* Parts */
  .logo {
    width: 100%;
    height: 70px;
  }

  /* スライド */
  .topSlide {
    width: 100%;
    height: 380px;
  }

  /* About */
  .gallery__list {
    width: 20%;
    margin: 0 5% 5% 0;
  }

  .gallery__list:nth-child(6n) {
    margin-right: 5%;
  }

  /* Skill */
  .skillBox {
    /* margin-right: 20px; */
    /* min-height: 613px; */
    margin-bottom: 20px;
  }
  .skillBox:nth-last-of-type(odd) {
    margin-left: 0px;
  }

  .skillBox:nth-of-type(3n) {
    /* margin-right: 20px; */
  }
  /* Staff */
  .staff {
    width: 100%;
  }

  .staff__list {
    width: 25%;
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  .staff__list-image {
    width: 100%;
  }

  /* Contact */

  .tell-reserve {
    background: none;
    padding: 0;
  }

  .c-form {
    width: 100%;
    box-sizing: border-box;
  }

  .c-form__list-header {
    margin-bottom: 20px;
    float: none;
  }
  .c-form__list-parts {
    width: 100%;
    margin-bottom: 20px;
    float: none;
  }

  .wpcf7-form-control {
    width: 100%;
    display: block;
  }
  /*20210915*/
  .menu-new {
    width: auto;
  }
  .button ul {
    max-width: 160px;
    width: 100% !important;
    margin: 0 15px 0 0;
  }
  h3.small-title {
    font-size: 2.3em;
    margin-bottom: -5px;
  }
  img.main_pc {
    width: 100%;
    margin: auto;
  }
}
/*------------- スマホ --------------*/
@media screen and (max-width: 767px) {
  /*メニュー　ハンバーガー設定*/
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    margin-left: 2px;
    width: 36px;
    height: 24px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #836a4a;
    border-radius: 2px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0px;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 10px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger span:nth-of-type(1) {
    -webkit-animation: menu-bar01 0.75s forwards;
    animation: menu-bar01 0.75s forwards;
    top: 0px;
  }
  h1.large-logo.m-col-2 .logo {
    margin-top: -2%;
    padding-left: 4%;
  }
  /*ハンバーガーメニューアニメーション*/
  @-webkit-keyframes menu-bar01 {
    0% {
      -webkit-transform: translateY(10px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-bar01 {
    0% {
      transform: translateY(10px) rotate(45deg);
    }
    50% {
      transform: translateY(10px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .menu-trigger span:nth-of-type(2) {
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
  .menu-trigger span:nth-of-type(3) {
    -webkit-animation: menu-bar02 0.75s forwards;
    animation: menu-bar02 0.75s forwards;
  }
  @-webkit-keyframes menu-bar02 {
    0% {
      -webkit-transform: translateY(-10px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-bar02 {
    0% {
      transform: translateY(-10px) rotate(-45deg);
    }
    50% {
      transform: translateY(-10px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 0.75s forwards;
    animation: active-menu-bar01 0.75s forwards;
    top: 2px;
  }
  @-webkit-keyframes active-menu-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg);
    }
  }
  @keyframes active-menu-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(10px) rotate(0);
    }
    100% {
      transform: translateY(10px) rotate(45deg);
    }
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-animation: active-menu-bar03 0.75s forwards;
    animation: active-menu-bar03 0.75s forwards;
  }
  @-webkit-keyframes active-menu-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-20px) rotate(-45deg);
    }
  }
  @keyframes active-menu-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-10px) rotate(0);
    }
    100% {
      transform: translateY(-10px) rotate(-45deg);
    }
  }

  /*設定解除*/
  /*	.sdn {
		display: none;
	}*/

  /*	.sfn {
		float: none;
	}*/

  /* br {
		 display: none; 
	} */

  .s-mr-0 {
    margin-right: 0;
  }

  /* Colomun */
  .s-col-1 {
    width: 100%;
    /* margin: auto; */
  }
  /*設定変更*/
  body {
    font-size: 1.7rem;
  }

  header {
    width: 100%;
    height: 94px;
    padding: 3px 10px 0px;
    border-bottom: solid 4px #836a4a;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
  }
  .gNavi {
    top: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #wrap {
    margin-top: 5px;
    margin-bottom: 100px;
  }

  #top-catch {
    width: 100%;
    height: auto;
    background-image: unset;
    margin-bottom: 45px;
  }

  .large-title {
    font-size: 2.4rem;
  }

  .middle-title {
    font-size: 1.8rem;
  }

  .container__middle-title {
    font-size: 1.8rem;
  }

  .clinic__info-tell {
    font-size: 2.4rem;
  }

  #sp-nav {
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .sp-unav {
    padding: 20px;
    background: #836a4a;
    color: #fff;
  }

  .sp-unav__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .sp-unav__list-tbutton {
  }

  .sp-unav__list-button {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }

  .s-mr-20 {
    margin-right: 20px;
  }

  .s-mb-20 {
    margin-bottom: 20px;
  }

  .sp-unav__list-button > a,
  .sp-unav__list-tbutton > a {
    padding-left: 10px;
    display: block;
    box-sizing: border-box;
  }
  .sp-mail {
    padding-bottom: 10px;
    padding-left: 24px;
    background: url("../image/mail_icon.svg") no-repeat;
    background-size: 24px;
  }

  .sp-tell {
    padding-bottom: 10px;
    padding-left: 24px;
    background: url("../image/phone_icon.svg") no-repeat;
    background-size: 24px;
  }

  .sp-map {
    padding-bottom: 10px;
    padding-left: 24px;
    background: url("../image/map_icon.svg") no-repeat;
    background-size: 24px;
  }

  #child-top-catch {
    padding: 0;
  }

  .childTopChatch__title {
    bottom: -10px;
  }

  .gMap {
    display: none;
  }

  .guide {
    margin-bottom: 20px;
    min-height: inherit;
  }

  /* Skill */
  .skillBox {
    min-height: inherit;
  }

  .skillBox:nth-last-of-type(odd) {
    margin-left: 0;
  }

  /* Staff */
  .staff__list {
    width: 33.333%;
  }

  .staff__list-image {
    height: auto;
  }

  .telNavi__telNum-middle {
    float: none !important;
  }

  /* Flow */
  .flowBox {
    background: none;
  }
  .flowBox__text {
    margin: 0;
  }
  .flowBox__title {
    padding: 0;
    margin-bottom: 20px;
  }
}

/*20210803*/
@media screen and (max-width: 767px) {
  img {
    width: 100%;
    display: block;
    vertical-align: bottom;
  }
  .button ul {
    /* width: 80%; */
    /* margin: auto; */
    /* padding: 10px 0px 0px 65px; */
    /* display: flex; */
  }
  .button.sp {
    position: relative;
    z-index: 20;
    display: block;
  }
  .menu-new {
    width: auto;
    overflow: hidden;
    margin: 0;
    display: block;
    margin-right: 0;
  }
  .menu-new img {
    width: 53px;
  }
  .button {
    /* margin: 10px 8% 0px; */
  }
  .button img:hover {
    opacity: 0.5;
  }
  .button ul {
    display: flex;
    /* padding: initial; */
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
    /* list-style: none; */
    justify-content: flex-end;
  }
  #hamberger {
    width: 50px;
    padding: 20px;
    float: right;
    display: block;
    padding: 20px 0px 20px 0px;
    text-align: center;
  }
  #hamberger span.sans-serif {
    font-size: 1rem;
  }
  .middle-title {
    font-size: 1.45rem;
    margin-bottom: 20px;
  }
  h2.childTopChatch__title.fc-grn {
    /* margin-bottom: -30px; */
    font-size: 3em;
  }
  .childTopChatch__title::after {
    width: 60%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
    content: "";
    display: block;
    line-height: 0;
    font-size: 0;
    border-bottom: 3px solid #836a4a;
  }
  .childTopChatch__title-sub {
    display: block;
    font-size: 1.6rem;
  }
  .reserve.col-5.fr.p-rel.sdn {
    display: none;
  }
  .childTopChatch__title-sub {
    display: block;
    font-size: 1.6rem;
  }
  b.childTopChatch__title-sub {
    font-size: 22px;
  }
  h2.childTopChatch__title.fc-grn {
    /* margin-bottom: -30px; */
    font-size: 1.5em;
  }
  h2.container__middle-title.fc-grn {
    font-size: 2.5em;
    margin-bottom: 20px;
  }
  .container__small-title {
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    color: #836a4a;
  }
  h3.small-title {
    font-size: 2.3em;
    margin-bottom: -5px;
  }
  h3.small-title.mb-40 {
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center;
  }
  .mb-80 {
    margin-bottom: 30px;
  }
  .large-title {
    font-size: 1.5rem;
  }
  ul.popup_inner {
    background-color: #298f3c;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .col-10.fr.mb-40.m-col-1 {
    margin: 10px auto 10px;
  }
  figure.schedule.mb-20 {
    box-sizing: border-box;
    border-bottom: 5px solid #795523;
    margin: 0 0px 20px;
    padding: 20px;
    background: #bc976a;
    border-radius: 5px;
    color: #fff;
  }
  h2.container__small-title.col-2.fl {
    width: 100%;
    margin: auto;
  }
  figure.schedule.mb-20 {
    box-sizing: border-box;
    border-bottom: 5px solid #795523;
    margin: 0px;
    padding: 8px;
    background: #bc976a;
    border-radius: 5px;
    color: #fff;
  }
  section.container.newsContainer.clearFix {
    margin-bottom: 0px;
  }
  article.col-6.newsArt.clearFix.m-col-2.s-col-1 {
    margin-bottom: 0px;
  }
  footer {
    width: 100%;
    padding: 0px 0px 0px;
  }
  .artCon.clearFix {
    padding: 0px 0px 0px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .col-6.fr.m-col-2.sdn {
    width: 90%;
    padding: 25px 20px 0px;
    margin: auto;
    font-size: 11px;
    margin-bottom: 20px;
  }
  .col-6.fr.m-col-2.sdn span {
    width: 100%;
    font-size: 16px;
  }
  h2.small-title.m-clear {
    margin-bottom: 15px;
    font-size: 25px;
    width: 100%;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  footer .footer_top p {
    margin-bottom: 0;
    padding: 0 3%;
    font-size: 16px;
  }
  li.telNavi__telNum-middle {
    font-size: 24px;
    margin-bottom: 10px;
  }
  nav.col-4 {
    width: 100%;
  }
  h2.small-title.m-clear br {
    display: block;
  }
  .cov_in {
    width: 100%;
  }
  .cov_in a {
    color: #fff !important;
  }
  .cov_news {
    width: 100%;
    margin-bottom: 0;
  }
  .cov_news a {
    width: 90%;
    display: inline-block;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    font-size: 1em;
    font-weight: 900;
    text-align: center;
    padding: 1.1em 1em 1.4em;
    text-decoration: underline;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  .container dl.clinic__info {
    font-size: 16px;
  }
}

/*20210817*/
@media screen and (max-width: 767px) {
  h3.container__middle-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  h4.container__middle-title {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .childTopSlide {
    display: none;
  }
  h3.small-title {
    font-size: 2.7rem;
    margin-bottom: -5px;
  }
  .col-6.fl.bg-tsukaguchi.guide.m-col-2.s-col-1 {
    width: 100%;
    font-size: 16px;
  }
  .col-6.fr.clearFix.bg-inadera.guide.m-col-2.s-col-1 {
    width: 100%;
    font-size: 16px;
  }
  p.fc.fc-grn.mb-40 {
    width: 81%;
    font-size: 1em;
    margin: 0px auto 0px;
  }
  .fc-grn {
    color: #836a4a;
    font-size: 22px;
    margin-bottom: 10px;
  }
  li.col-4.mb-20.m-col-1 {
    font-size: 16px;
  }
  h3.large-title.mb-40.fc-grn.flowBox__title.flow-0 {
    font-size: 20px;
    margin: 2px auto 2px;
    font-weight: bold;
  }
  h3.large-title.mb-40.fc-grn.flowBox__title.flow-1 {
    font-size: 20px;
    margin: 2px auto 2px;
    font-weight: bold;
  }
  h3.large-title.mb-40.fc-grn.flowBox__title.flow-2 {
    font-size: 20px;
    margin: 2px auto 2px;
    font-weight: bold;
  }
  h3.large-title.mb-40.fc-grn.flowBox__title.flow-3 {
    font-size: 20px;
    margin: 2px auto 2px;
    font-weight: bold;
  }
  h3.large-title.mb-40.fc-grn.flowBox__title.flow-4 {
    font-size: 20px;
    margin: 2px auto 2px;
    font-weight: bold;
  }
  h3.large-title.mb-40.fc-grn.flowBox__title.flow-5 {
    font-size: 20px;
    margin: 2px auto 2px;
    font-weight: bold;
  }
  ul.col-3.fl.fc-grn.list-inside.m-col-2 {
    color: #836a4a;
    font-size: 1.1em;
    margin-bottom: 10px;
  }
  ul.col-3.fl.fc-grn.list-inside.m-col-2 li {
    font-size: 14px;
    width: 100%;
  }
  ul.col-3.fr.list-inside.fc-grn.m-col-2 {
    color: #836a4a;
    font-size: 1.1em;
    margin-bottom: 10px;
  }
  ul.col-3.fr.list-inside.fc-grn.m-col-2 li {
    width: 100%;
    font-size: 14px;
  }
  p.col-2.pickup__img {
    display: none;
  }
  h5.middle-title.fc-grn {
    font-size: 2em;
  }
  .clearFix.fc {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  h4.fc-grn {
    font-size: 20px;
  }
  dt.equipment__table-head {
    font-size: 1.5em;
  }
  .col-6.equipment.m-col-2 {
    width: 100%;
    margin: auto;
  }
  ul.list-clear li {
    font-size: 1.6em;
  }
  ul.list-clear.time-txt li.fl.mr-20 {
    font-size: 17px;
  }
  ul.list-clear a {
    font-size: 20px;
    color: #000;
  }
  h5.middle-title {
    font-size: 15px;
  }
  article.col-4.fl.mr-20.m-col-2.mb-20 {
    margin: 0px 10px 20px;
  }
  article.col-4.fl.m-col-2.mb-20 {
    margin: 0px 10px 20px;
  }
  h3.middle-title.fc-grn.mb-40 {
    font-size: 2.15em;
  }
  main {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    margin-bottom: 12%;
    box-sizing: border-box;
    padding-top: 85px;
  }
  .notification_button {
    width: 100%;
    margin: 40px auto 0px;
    padding: 1em 0;
    border-radius: 5px;
    background: #836a4a;
    border-bottom: 5px solid #44501d;
    display: block;
    text-align: center;
    color: #fff;
    transition: background 0.5s ease, border-bottom-color 0.5s ease;
  }
  .notification_button:hover {
    background: rgba(133, 158, 56, 0.8);
    border-bottom-color: rgba(21, 71, 17, 0.8);
    color: #fff;
  }
  .text-center.box-style.w-1140 {
    width: 100%;
    margin: auto;
  }
  section.container.clearFix {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
    box-sizing: border-box;
    padding: 0px 3%;
  }
  li.tel img {
    background-color: #ff4747;
  }
  li.map img {
    background-color: #12bb2d;
  }
  li.mail img {
    background-color: #17aae2;
  }
  .col-6.fr.m-col-2.sdn p {
    font-size: 11.6px;
  }
  .col-6.fl.mb-40.m-col-2.s-col-1.sfn {
    width: 95%;
    margin: 0% 2.5%;
  }
  .col-6.fl.mb-40.m-col-2.s-col-1.sfn p {
    float: right;
    margin: 2% 0% 8%;
    font-weight: bold;
    color: #836a4a;
  }
  .footer_oru .col-6.fl.mb-40.m-col-2.s-col-1.sfn p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
  }
  img.mark_sp {
    width: 90%;
    margin: auto;
  }
  p.h_address {
    font-size: 20px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0%;
    text-align: center;
  }
  p.h_address br {
    display: block;
  }
  .col-2.pickup__letter {
    width: 100%;
  }
  h4.small-title.fc-grn.mb-40 {
    font-size: 2em;
    margin-bottom: 10px;
  }
  .main_pc {
    display: none;
  }
  .main_sp {
    margin-top: 0%;
    padding-top: 0%;
    display: block;
  }
  img.mark_sp {
    width: 60%;
    margin: 15px auto 0;
  }
  .link_tow {
    width: 100%;
    margin: 0% auto 8%;
  }
  .link_tow ul {
    display: flex;
    flex-direction: row;
    /* flex-wrap: nowrap; */
    justify-content: space-between;
    list-style: none;
    padding: 0px;
  }
  li.takumi_explanation {
    margin-bottom: 5%;
  }
  li.takumi_explanation {
    margin-bottom: 5%;
  }
  div.syourei {
    width: 100%;
    margin: 0% auto 4%;
  }
  div.syourei img {
    width: 100%;
    margin: auto;
  }
  .top_back {
    width: 60%;
    margin: auto;
    text-align: center;
    border: solid 2px #836a4a;
    border-radius: 40px;
    font-size: 20px;
    padding: 15px 10px;
  }
  .footer_oru {
    width: 95%;
    margin: auto;
  }
  h2.heading {
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 4% auto 2%;
    color: #836a4a;
  }
  p.new0 {
    width: 90%;
    margin: auto;
    text-align: center;
    font-size: 37px;
    padding: 50px 0px;
    color: #836a4a;
  }
  .case-block * {
    box-sizing: border-box;
  }
  dl.clinic__info ul {
    font-size: 18px;
  }
  .col-7.fr.ratio3 {
    width: 100%;
    font-size: 16px;
    float: right;
    padding: 5px;
  }
  p.col-3.fl.ratio1 {
    width: 100%;
  }
  .col-10.box-center.clearFix.p-20.bg-tsukaguchi.mb-80.m-col-1.bs-bb {
    width: 100%;
  }
  .col-6.fr.mb-80.m-col-2.s-col-1 {
    width: 90%;
    margin: 0% 5% 5%;
  }
  ul.list-clear a {
    font-size: 15px;
  }
  article.col-6.fr.m-col-1 .list-clear a {
    font-size: 25px;
  }
  h2.middle-title.fc-grn {
    font-size: 25px;
    text-align: center;
  }
  .top-banar {
    overflow: hidden;
    max-width: 1200px;
    margin: auto;
    margin-bottom: 40px;
  }
  .col-6.fl.m-col-2.s-col-1.sfn.s-mb-20 p {
    font-size: 16px;
  }
  .col-6.fr.mb-20.m-col-1 p {
    font-size: 16px;
  }
  .col-6.fr.m-col-2.s-col-1 p {
    font-size: 16px;
  }
  .col-6.fr.mb-20.m-col-1 {
    margin-bottom: 35px;
  }
  .header_point {
    display: none;
  }
  li.button-left {
    width: 55px;
    margin-left: 0px;
  }

  li.button-right {
    width: 55px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .col-7.fl.m-col-2.s-col-1 p {
    font-size: 16px;
  }
  .ta-center h3.large-title {
    width: 100%;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
  }
  section.container p {
    padding: 20px 0px;
    font-size: 18px;
  }
  section.container.clearFix p {
    font-size: 16px;
  }
  section.container {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    margin-bottom: 50px;
    box-sizing: border-box;
    padding: 0px 3%;
  }
  figure.schedule.mb-20 table {
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  header {
    max-width: 768px;
    width: 100%;
    /* padding: 0px 10px; */
    background: #fff;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
  }
  .button ul {
    width: 100px;
    /* margin: auto; */
    padding: 15px 0px;
    /* display: flex; */
  }
  h3.all_heading {
    width: 100%;
    margin: 0px auto 30px;
    padding: 8px 20px;
    text-align: left;
    font-size: 20px;
    color: #fff;
    background-color: #836a4a;
    border-radius: 10px;
    box-sizing: border-box;
  }
  h4.all_h4 {
    font-size: 22px;
    color: #836a4a;
    padding: 3px 0px 0px 30px;
    position: relative;
  }
  h4.middle-title.fc-grn.mb-40 {
    font-size: 2.5em;
    margin-bottom: 5px;
    text-align: center;
  }
  h4.small-title.fc-grn.mb-40 {
    font-size: 2.5em;
    margin-bottom: 0px;
    text-align: center;
  }
  .plan-block {
    padding: 0 10px;
  }

  .plan-float {
    margin: 2em 0;
  }

  .plan-img-float {
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }

  .plan-text-float {
    width: 100%;
    float: none;
  }

  .plan-block img,
  .plan-block img.plan-first-img {
    display: block;
    width: 70%;
    margin: 1em auto;
    height: auto;
    object-fit: contain;
  }

  .top-banar {
    padding: 0 10px;
  }
  .blog ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 1px;
  }
  li.blog-page {
    max-width: 1300px;
    width: 100%;
    font-size: 18px;
    margin: auto;
    margin-bottom: 15px;
    border-bottom: solid 2px #836a4a;
  }
  p.nbsp {
    display: none;
  }
  section.container p {
    padding: 0px 0px;
    font-size: 16px;
  }
  img.alignnone.size-full.wp-image-1104 {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .mb-40 {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .ta-center {
    text-align: center;
    padding: 3% 0% 0%;
  }
  .container {
    max-width: 1000px;
    width: 100%;
    margin: 0px auto 40px;
    padding: 0% 3%;
  }
  .col-6.fr.m-col-2.s-col-1 {
    width: 100%;
    float: inherit;
    /* margin-top: 14%; */
    padding-right: 0px;
  }
  h2.childTopChatch__title.fc-grn {
    max-width: 700px;
    width: 100%;
    /* margin-bottom: -35px; */
    font-size: 22px;
  }
  li#menu-item-879 {
    font-size: 25px;
  }
  li#menu-item-22 {
    font-size: 25px;
  }
  li#menu-item-1572 {
    font-size: 25px;
  }
  li#menu-item-23 {
    font-size: 25px;
  }
  li#menu-item-2775 {
    font-size: 25px;
  }
  li#menu-item-21 {
    font-size: 25px;
  }
  li#menu-item-2558 {
    font-size: 25px;
  }
  li#menu-item-869 {
    font-size: 25px;
    padding: 0px;
    background-image: none;
  }
  h2.container__small-title {
    text-align: center;
  }
  h2.container__small-title.col-2.fl {
    width: 100%;
    font-size: 40px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  h2.middle-title.fc-grn {
    font-size: 38px;
    text-align: center;
  }
  h2.middle-title.fc-grn.title-min {
    font-size: 22px;
  }
  section#child-top-catch {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  h3.middle-title.fc-grn.mb-40 {
    font-size: 2.2em;
    text-align: center;
  }
  div#syugi {
    width: 100%;
    /* height: 775px; */
    margin-right: 11px;
  }
  div#hari {
    width: 100%;
    /* height: 775px; */
    margin-right: 11px;
  }
  div#denki {
    width: 100%;
    /* height: 775px; */
    margin-right: 11px;
  }
}
@media screen and (max-width: 425px) {
  header {
    max-width: 768px;
    width: 100%;
    padding: 0px 1px;
    background: #fff;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
  }
  .fc.pickup.clearFix {
    max-width: 320px;
    width: 100%;
    margin: auto;
  }
  .fc.pickup.clearFix {
    max-width: 380px;
    width: 100%;
    margin: auto;
  }
  li.button-left {
    width: 50px;
    margin-left: 0px;
  }
  li.button-right {
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
  }
  svg.logo {
    padding: 14px 0px;
  }
  .menu-new img {
    width: 50px;
  }
  .button ul {
    /* width: 20%; */
    /* margin: auto; */
    /* padding: 2px 0px 0px 98px; */
    /* display: flex; */
    margin: 0;
  }
  .col-6.fr.s-col-1 {
    width: 100%;
    float: inherit;
    margin: auto;
  }
  h3.small-title {
    font-size: 20px;
    margin-bottom: -5px;
  }
  h4.small-title.fc-grn.mb-40 {
    font-size: 2em;
    margin-bottom: 10px;
    padding: 0% 3%;
  }
  h2.small-title.m-clear {
    margin-bottom: 15px;
    font-size: 18px;
    width: 100%;
  }
  li.telNavi__telNum-middle {
    font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
  }
  figure.schedule.mb-20 table {
    width: 100%;
    margin: auto;
  }
  .col-6.fr.clearFix.bg-inadera.guide.m-col-2.s-col-1 {
    width: 100%;
    padding: 20px;
  }
  .ta-center {
    text-align: center;
    padding: 0% 2%;
  }
  .cov_news a {
    width: 90%;
    display: inline-block;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    font-size: 0.9em;
    font-weight: 900;
    text-align: center;
    padding: 1.1em 1em 1.4em;
    text-decoration: underline;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  div#syugi {
    width: 100%;
    height: 600px;
    margin-right: 0px;
  }
  div#hari {
    width: 100%;
    height: 600px;
    margin-right: 0px;
  }
  div#denki {
    width: 100%;
    height: 600px;
    margin-right: 0px;
  }
  section.container {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
    box-sizing: border-box;
    padding: 0px 3%;
  }
  .link_tow ul {
    flex-wrap: wrap;
  }
  li.takumi_explanation {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  header {
    max-width: 768px;
    width: 100%;
    padding: 0px 6px;
    background: #fff;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
  }
  body {
    font-size: 1.2rem;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 0.75s forwards;
    animation: active-menu-bar01 0.75s forwards;
    top: 2px;
  }
  .button ul {
    /* width: 10%; */
    /* margin: auto; */
    /* padding: 4px 0px 0px 100px; */
    /* display: flex; */
  }
  .childTopChatch__title-sub {
    display: block;
    font-size: 1rem;
  }
  h2.childTopChatch__title.fc-grn {
    max-width: 700px;
    width: 100%;
    margin-bottom: -15px;
    font-size: 1em;
  }
  .large-title {
    font-size: 1.5rem;
  }
  .large-title {
    font-size: 1.5rem;
  }
  h4.middle-title.fc-grn.mb-40 {
    font-size: 1.5em;
    margin-bottom: 5px;
    text-align: center;
  }
  .col-6.mb-40.fr.m-col-1.clearFix p {
    font-size: 14px;
  }
  ul.col-3.fl.fc-grn.list-inside.m-col-2 li {
    font-size: 11px;
    width: 100%;
  }
  ul.col-3.fr.list-inside.fc-grn.m-col-2 li {
    width: 100%;
    font-size: 11px;
  }
  h4.middle-title.fc-grn.mb-41 {
    font-size: 1.5em;
    margin-bottom: 20px;
  }
  .col-6.fr.s-col-1 p {
    font-size: 14px;
  }
  h4.small-title.fc-grn.mb-40 {
    font-size: 1.5em;
    margin-bottom: 10px;
    padding: 0% 3%;
    text-align: center;
  }
  h5.middle-title.fc-grn {
    font-size: 1.5em;
  }
  dt.equipment__table-head {
    font-size: 1.2em;
  }
  p.h_address {
    font-size: 15px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0%;
    text-align: center;
  }
  h2.small-title.m-clear {
    margin-bottom: 15px;
    font-size: 14px;
    width: 100%;
  }
  li.telNavi__telNum-middle {
    font-size: 18px;
    margin-bottom: 10px;
  }
  figure.schedule.mb-20 table {
    width: 100%;
    margin: auto;
  }
  .col-6.fl.mb-40.m-col-2.s-col-1.sfn {
    width: 98%;
    margin: 0% 2.5%;
  }

  li.button-left {
    /* width: 40px; */
    margin-left: 0px;
  }
  li.button-right {
    /* width: 40px; */
    /* margin-left: 15px; */
    /* margin-right: 15px; */
  }
  .cov_news a {
    width: 90%;
    display: inline-block;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    font-size: 0.8em;
    font-weight: 900;
    text-align: center;
    padding: 1.1em 1em 1.4em;
    text-decoration: underline;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  #hamberger {
    width: 45px;
  }
  .button {
    margin: 0;
  }
  .fc.pickup.clearFix {
    max-width: 380px;
    width: 90%;
    margin: auto;
  }
  h2.middle-title.fc-grn {
    font-size: 17px;
    text-align: center;
  }
  dl.clinic__info {
    font-size: 16px;
  }
  .clinic__info-tell {
    font-size: 2rem;
  }
  h2.heading {
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin: 4% auto 2%;
    color: #836a4a;
  }
  .container__small-title {
    width: 80%;
    font-size: 2.3em;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    color: #836a4a;
  }
  div#syugi {
    width: 100%;
    height: 530px;
    margin-right: 0px;
  }
  div#hari {
    width: 100%;
    height: 550px;
    margin-right: 0px;
  }
}

/*2022/02/10｜追記*/
@media screen and (max-width: 1024px) {
  .col-6 {
    width: 100%;
    margin-bottom: 15px;
    /* min-height: 290px; */
  }
  .col-6.fr.mb-20.m-col-1.bread {
    width: 100%;
  }
  .container__bread-title {
    font-size: 3.8rem;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #836a4a;
  }
  .bread__list li {
    font-size: 22px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .col-6 {
    width: auto;
  }
  .container__bread-title {
    font-size: 2.2rem;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #836a4a;
  }
  .bread__list li {
    font-size: 16px;
    padding-bottom: 10px;
  }

  .w_img {
    width: 100%;
    float: none;
  }
  .w_list {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 320px) {
  .container__bread-title {
    font-size: 1.6rem;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #836a4a;
  }
  .bread__list li {
    font-size: 15px;
    padding-bottom: 10px;
  }
}

/*2022/08/05|追記*/
@media screen and (max-width: 767px) {
  .relaxation {
    text-align: center;
    margin: 0px 20px 65px;
  }
  .relaxation .menu .menu_center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .relaxation .menu .menu_center .menu_left {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 2em;
  }
  .relaxation .menu .menu_center .menu_right {
    width: 100%;
  }
  .relaxation .menu h2 {
    font-size: 20px;
  }
  .relaxation .menu table {
    width: 100%;
    margin: auto;
    border-top: 2px solid #363636;
    border-left: 2px solid #363636;
  }
  .relaxation .menu table tbody tr th {
    font-weight: normal;
    border-right: 2px solid #363636;
    border-bottom: 2px solid #363636;
    text-align: left;
    padding: 10px;
    background-color: white;
    text-align: center;
    font-size: 20px;
  }
  .relaxation .menu table tbody tr td {
    font-weight: normal;
    border-right: 2px solid #363636;
    border-bottom: 2px solid #363636;
    text-align: left;
    padding: 10px;
    background-color: white;
    text-align: center;
    font-size: 15px;
  }
  .weekday .takumi_line img {
    width: 100%;
    margin: auto;
    margin-bottom: 2em;
  }
  .weekday h2 {
    font-size: 22px;
  }
  .weekday table {
    width: 100%;
    margin: auto;
    text-decoration: none;
    border: solid 2px #363636;
  }
  .weekday table tbody tr {
    display: flex;
    flex-direction: column;
  }
  .weekday table tbody tr td {
    max-width: 100%;
    width: 88%;
    text-align: center;
    padding: 20px;
    font-size: 17px;
  }
  .whet table {
    width: 100%;
    margin: auto;
  }
  .whet table tbody tr td {
    max-width: 100%;
    width: 88%;
    text-align: center;
    padding: 20px;
    font-size: 15px;
  }
  ul.gNavi.clearFix {
    display: block;
  }
  .container_case img {
    width: 100%;
    display: block;
    vertical-align: bottom;
    height: auto;
  }
}