@charset "utf-8";

@media (min-width: 768px) {
  /* (1)画面サイズが768px以上はここを読み込む ipadから上のサイズ　*/
  .footerMenu li a {
    border-left: solid 1px #444;
  }
  .footerMenuHead {
    display: none;
  }
  .footer-nav li {
    margin-bottom: 10px;
  }
  .footer-nav ul {
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /*　(2)画面サイズが768pxから991pxまではここを読み込む　タブレットサイズのみ　*/
  .drawer-content {
    width: 20em;
  }
  .tbnon {
    display: none !important;
  }
}

@media (min-width: 992px) {
  /* (3)画面サイズが992px以上はここを読み込む  大きめのタブレットサイズ　*/
  .navbar-brand img {
    max-height: 64px;
  }
}

@media (min-width: 1200px) {
  /* (4)画面サイズが1200px以上はここを読み込む PCサイズ　*/
  .xl-br::before {
    content: "\A";
    white-space: pre;
  }
}

@media (max-width: 1199.98px) {
  /* (5)画面サイズが1199.98px以下はここを読み込む 大きめのタブレット　*/
  .siteHeader_logo {
    width: auto;
  }

  .teaser .hito {
    width: 25%;
    right: 2%;
  }

  .gMenu > li .gMenu_name {
    padding: 20px 0;
  }
}

@media (max-width: 991.98px) {
  /* (6)画面サイズが991.98px以下はここを読み込む タブレット　*/
  .mainSection {
    max-width: 100%;
  }

  footer .navbar-brand {
    float: left;
    padding: 0;
  }
  .sidebar-container li {
    padding: 1em 5px;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  /* (7)画面サイズが991px以下はここを読み込む タブレット＆スマホ　*/
  /* ----------------
       共通
  ----------------- */
  .pcnon {
    display: block !important;
  }
  .spnon {
    display: none;
  }

  .wrapper {
    max-width: 100%;
    display: block;
    overflow: hidden;
  }
  .right-column {
    max-width: 100%;
    padding: 0;
  }
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }

  /* ----------------
       header
  ----------------- */
  .sp .logo-top img {
    width: 200px;
  }
  .logo-top {
    height: 0;
    padding: 0;
    margin-top: 78px !important;
    opacity: 0;
  }

  /* ----------------
       メイン
  ----------------- */
  .fukumaku .container {
    display: flex;
    flex-direction: column;
  }
  .fukumaku img {
    margin-bottom: 30px;
  }
  /* .reasons5 .section-contents .d-flex{
    display: flex;
    flex-direction: column;
  }*/
  /* ----------------
       footer
  ----------------- */
  .footer-left .d-flex {
    flex-direction: column;
  }
  .footer-nav .d-flex {
    flex-wrap: wrap;
    /* justify-content: center; */ /* センターにしたら奇数のものが真ん中に来るので× */
  }

  .footer-container {
    display: block; /* display-flexを解除 */
  }
  .footer-container .ml-1 {
    margin: 0 auto;
    text-align: center;
  }
  .footer-logo {
    margin: 0 auto;
  }

  /*  */
}

/*  */
@media (max-width: 767px) {
  /* (8)画面サイズが767px以下はここを読み込む スマホ*/
  /* ----------------
       共通
  ----------------- */
  .pcnon {
    display: block !important;
  }
  .pc―tb―only {
    display: none !important;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.2em;
  }
  h5 {
    font-size: 1.2em;
  }
  .font-36 {
    font-size: 1.6rem;
  }
  .text-decoration {
    font-size: 1.2em;
  }
  .section-header-grn {
    padding: 10px 5px;
  }
  .d-flex_2line {
    flex-wrap: wrap;
  }
  .d-flex_3line {
    flex-wrap: wrap;
  }
  .d-flex_2line img {
    margin-bottom: 20px;
  }
  .wrapper {
    max-width: 100%;
    overflow: hidden;
  }
  .pc-textcenter_sp-textleft {
    text-align: left;
  }
  /* --------------------
　　　初めての方へ
-------------------- */
  .youtube-iframe {
    height: 200px;
  }
  .family .d-flex_3line {
    display: block;
  }
  .family .d-flex_3line img {
    margin-bottom: 10px;
  }
  .img-50 .d-flex li {
    max-width: 100%;
  }
  /* --------------------
　　　5つの理由
-------------------- */
  .section-header-grn .d-flex {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  .reasons5 .section-contents .d-flex {
    flex-wrap: wrap;
  }
  .reasons5 h3 span {
    padding-left: 10px;
  }
  .num {
    background-position: 0;
    padding: 8px;
  }
  .num p {
    margin-right: 3px;
    max-width: 80%;
  }
  .right-text {
    padding-left: 0;
  }
  .left-text {
    padding-right: 0;
  }
  .reasons5 .section-contents img {
    margin-bottom: 20px;
  }

  /* --------------------
　　　メリット
  -------------------- */
  .merit .merit-container table td {
    font-size: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  .merit .merit-container table td .color-grn {
    font-size: 1.1em;
  }
  .merit .merit-container table td {
    display: block;
  }
  .list-check li {
    font-size: 1.2em;
  }
  .merit .merit-container table td .color-org {
    font-size: 18px;
  }
  /* --------------------
　　　症状ページ
  -------------------- */
  .sholder-img_tin img {
    width: 90%;
  }
  .maternity-img_tin img {
    width: 90%;
  }

  /* --------------------
　　　交通事故
  -------------------- */

  .trafficaccident .section-contents-brown .d-flex {
    flex-wrap: wrap;
  }

  /* --------------------
　　　footer
-------------------- */
  .footerMenuHead {
    text-align: center;
    background: #8e7562;
    color: #fff;
    line-height: 1em;
    padding: 15px;
  }
  .footer-hr-sp {
    border-top: 1px solid #ededed;
  }
  .footer-nav .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .footer-nav ul {
    background: #fff;
    border-bottom: solid 1px #ededed;
    margin: 0 auto;
  }

  .footer-nav ul li {
    margin-bottom: 0;
    text-align: center;
    width: 49.7%;
    padding: 0;
    border-bottom: solid 1px #ededed;
    border-right: solid 1px #ededed;
  }

  .footer-nav li {
    height: 50px;
    position: relative;
  }
  .footer-nav li a {
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .footer-nav,
  .footer-nav ul {
    border-bottom: none;
  }

  .copysection {
    margin-top: 0;
  }
}
@media (max-width: 481px) {
  /* (8)画面サイズが481px以下はここを読み込む iphoneSE*/
  .footer-nav .d-flex {
    flex-direction: column;
  }
  .footer-nav ul li {
    width: 100%;
  }
  .figure li {
    width: 100%;
    margin: 0 auto;
  }
  .reasons5 .img img {
    min-width: 100%;
    width: 90%;
  }
  .d-flex_3line {
    flex-wrap: wrap;
  }
  .d-flex_3line img {
    width: 100%;
    height: auto;
    align-self: flex-start;
    /* object-fit: cover; */
  }
  .d-flex_2line {
    flex-wrap: wrap;
  }
  .d-flex_2line img {
    width: 100%;
  }
  .d-sm-flex {
    flex-wrap: wrap;
  }
  .d-sm-flex.img {
    width: 100%;
  }
  .d-md-flex {
    display: block;
  }
  .tel {
    font-size: 1.5rem;
    letter-spacing: -0.2px;
  }
  /* サイドバーのLINE画像 */
  .sp-navbar-header .drawer-content img {
    width: 95%;
  }

  /* ---------------------------

    　　初めての方へ

    -----------------------------*/
  .first .d-flex {
    flex-wrap: wrap;
  }
  .figure .d-flex img {
    width: 100%;
  }
  .figure .d-flex li {
    margin-bottom: 30px;
  }
  .feature .d-flex {
    flex-wrap: nowrap;
  }
  .reasons5 .d-flex {
    flex-wrap: nowrap;
  }
  .flow .d-flex {
    flex-wrap: wrap;
  }
  .flow ul li {
    width: 100%;
  }
  .flow ul li img {
    margin-bottom: 20px;
  }
  .merit .d-flex {
    flex-wrap: nowrap;
  }
  .ems-area .d-flex_2line img {
    max-width: 100%;
    height: auto;
  }
  .ems-area .d-flex_2line {
    display: block;
  }

  .d-flex.voice {
    display: block;
  }
  .d-flex.voice>div {
    width: 100%;
    margin: 10px 0;
  }

  /* ---------------------------

    症状ページ　

    -----------------------------*/

  .explanation .d-flex {
    flex-direction: column;
  }
  .explanation-2 .d-flex {
    align-items: flex-start;
  }
  .explanation-2 .d-flex ul li {
    margin-right: 10px;
  }
  .waist .figure li,
  .explanation-2 li {
    width: 80%;
    margin: 0 auto 30px;
  }
  /* ---------------------------

    料金ページ　

    -----------------------------*/
  /* PC版で特殊施術料金の画像を一定にするために設定していたものを解除 */
  .special .d-flex {
    flex-direction: column;
  }
  .special .d-flex li:first-child {
    width: 100%;
  }
  .special .d-flex li:last-of-type {
    width: 100%;
  }
  .price .d-flex_3line {
    flex-direction: column;
  }
  .list-genin li {
    margin: 0 0 20px !important;
  }
  .list-genin li img {
    width: 50%;
  }
  .price .d-flex_2line img {
    margin-bottom: 0;
  }
  /* ---------------------------

    スタッフ紹介

    -----------------------------*/
  .staff .d-flex_3line {
    display: block;
  }

  .staff .d-flex_2line {
    display: block;
  }
  /* ---------------------------

    お問い合わせ

    -----------------------------*/
  .contact .line-area .line-btn {
    bottom: 10px;
  }
}

/*-------------------------------------+

スマホの横揺れを矯正

----------------------------------------*/
@media screen and (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/* H1の是正（2026-09-22）スマホでの大きさも、もとのタグに合わせる */
@media (max-width: 767px) {
  .section-header-brown-2 h1 { font-size: 1.5em; }  /* もと h2 */
  h1.simple-head { font-size: 1.2em; }               /* もと h3 */
  h2.yy-was-h1 { font-size: 1em; }                   /* もと h1 */
}