@charset "UTF-8";
@media screen and (max-width: 1030px) {
  header {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px; }
  section {
    padding: 8rem 1%; }
  .container, .min-container, .wide-container, .full-container, .sub-container {
    padding: 0 1%; }
  .feature li.first {
    width: calc(97% - 350px); }
  .feature dl {
    min-height: 140px; }
  .feature dt h3 {
    line-height: 1.5; }
    .feature dt h3 span {
      display: block;
      margin-left: 3em; }
 }

@media screen and (max-width: 900px) {
  .feature h2 {
    padding: 0 1em .35em; }descript
  .feature dl {
    min-height: 160px;
    margin: 0 20px; }
  .feature dt h3 {
    line-height: 1.45;
    margin-bottom: .75em; }
    .feature dt h3 span {
      margin-left: .75em; }
  .information ul .info {
    width: 225px;
    font-size: 1.5rem; }
    .information ul .info .button {
      width: 220px;
      font-size: 1.6rem; }
  .clinic .content_area .content-title {
    letter-spacing: normal; }
  footer .footer_link {
    width: 45%;
    margin-top: .25em; }
    footer .footer_link li.link_a, footer .footer_link li.link_b {
      width: 50%; }
    footer .footer_link li:nth-child(even) {
      text-align: right; }
    footer .footer_link li:nth-child(3) {
      text-align: left; } }

@media screen and (max-width: 830px) {
  header .logo {
    width: 235px; }
    header .logo h1 {
      width: 235px; }
  header .navigation {
    width: calc(100% - 235px); }
    header .navigation .nav {
      font-size: 1.35rem; } }

@media screen and (max-width: 768px) {
  .main-visual {
    height: 450px; }
    .main-visual .slider {
      height: 450px; }
      .main-visual .slider li {
        height: 450px;
        padding-top: 13%; }
        .main-visual .slider li.mv01 {
          background-image: url("../img/main-visual01_sp.jpg?20200219");
          background-size: cover; }
        .main-visual .slider li.mv02 {
          background-image: url("../img/main-visual02_sp.jpg?20200219");
          background-size: cover; }
        .main-visual .slider li.mv03 {
          background-image: url("../img/main-visual03_sp.jpg?20200219");
          background-size: cover; }
        .main-visual .slider li.mv04 {
          background-image: url("../img/main-visual04_sp.jpg?20200219");
          background-size: cover; }
  .feature li.first, .feature li.second {
    width: 94%;
    min-height: auto;
    margin: 0 auto; }
  .feature li.first {
    margin-bottom: 3em; }
  .feature dl {
    min-height: auto;
    margin-bottom: 1em; }
  .feature dt h3 span {
    display: inline;
    margin-left: 0; }
  .feature .img_area {
    height: 235px; }
  .course article h4 span {
    display: block;
    line-height: 1.2; }
  .information ul .map {
    max-width: 660px;
    width: 90%;
    margin: auto auto 8rem; }
  .information ul .info {
    margin: 0 auto; }
  .recruit th, .recruit td {
    padding: 1.5rem 3rem; }
  .contact form, .conform form, .send form {
    width: 90%; }
  .banner_area > .container {
    padding: 0 2.5%; }
  .banner_area .col-3 {
    width: 47%; }
    .banner_area .col-3 img {
      max-width: 100%; }
  footer section .container {
    padding: 0 3.5%; } 

    
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
      margin: 50px auto 0 auto;
  }
    footer ul.borb{
    border-bottom:none;
    padding:0;
}
   .bg_gray li{
    width: 100%;
    float: none;
    margin: 0 auto 40px auto;
}
    .bg_gray li.end{
    margin: 0 auto;
}
    .content_area02 .descript{
    width: 100%;
    margin: 0 auto;
    }
    
}

@media screen and (min-width: 751px) {
  header a.menu {
    display: none; }
  .content_area .photoimage p.small {
    font-size: 1.2rem; }
  .content_area .photoimage .button {
    display: none; } }

@media screen and (max-width: 750px) {
  header .branding {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  header .logo {
    width: 275px; }
    header .logo h1 {
      width: 275px; }
  header .navigation {
    width: 30px; }
    header .navigation nav {
      margin: 0; }
      header .navigation nav .nav-wrap {
        /* ハンバーガークリック時の全体表示 */
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        z-index: 100;
        background-color: #98d3cd;
        width: 100%;
        height: 100%; }
        header .navigation nav .nav-wrap.open {
          display: block; }
        header .navigation nav .nav-wrap.close {
          display: none; }
      header .navigation nav .nav {
        width: 100%;
        height: auto;
        text-align: center;
        margin: auto;
        padding: 100px 0 0; }
        header .navigation nav .nav li {
          display: block;
          width: 100%;
          font-size: 1.8rem;
          font-weight: normal;
          margin: 0 0 1.5em !important;
          padding-bottom: 1.5em;
          border-bottom: dotted 1px white; }
          header .navigation nav .nav li a:link, header .navigation nav .nav li a:visited {
            color: white; }
  header a.menu {
    /* ハンバーガー ナビゲーション部分 */
    display: block;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1200;
    position: relative;
    width: 30px;
    height: 22px; }
    header a.menu span {
      display: inline-block;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #98d3cd; }
      header a.menu span:nth-of-type(1) {
        top: 0; }
      header a.menu span:nth-of-type(2) {
        top: 10px; }
      header a.menu span:nth-of-type(3) {
        bottom: 0; }
    header a.menu.active span:nth-of-type(1) {
      background-color: white;
      -webkit-transform: translateY(10px) rotate(-45deg);
              transform: translateY(10px) rotate(-45deg); }
    header a.menu.active span:nth-of-type(2) {
      opacity: 0; }
    header a.menu.active span:nth-of-type(3) {
      background-color: white;
      -webkit-transform: translateY(-10px) rotate(45deg);
              transform: translateY(-10px) rotate(45deg); }
  .content_area .descript, .content_area .photoimage {
    max-width: 100%;
    width: 100%; }
  .content_area .descript {
    padding-bottom: 1em; }
    .content_area .descript .button {
      display: none; }
  .content_area .photoimage p.small {
    line-height: 1.3;
    letter-spacing: normal; }
  .content_area .photoimage .button {
    display: block;
    margin-top: 3em; }
  .content_area p {
    padding: 0; }
  .course section.white_area {
    padding: 8rem 0; }
    .course section.white_area .container {
      padding: 0; }
  .course .option_area .white_area {
    background-color: #fafbfc; }
  .course .option li {
    max-width: 100%;
    width: 100%;
    padding: 5.0rem 2.0rem; }
    .course .option li.photo_area {
      padding: 0 2.0rem; }
  .course article > dl {
    width: 100%;
    max-width: 600px;
    margin: auto; }
    .course article > dl dt, .course article > dl dd {
      width: 100%;
      max-width: 100%; }
    .course article > dl dd.hormone_photo {
      display: none; }
    .course article > dl dd img {
      display: block;
      max-width: 500px;
      width: 90%;
      margin: 1.5em auto 0; }
  .doctors .introduction {
    max-width: 420px;
    width: 90%;
    margin: auto; }
    .doctors .introduction > dt, .doctors .introduction > dd {
      max-width: 420px;
      width: 100%; }
    .doctors .introduction > dt {
      margin-bottom: 4.0rem; }
  .banner_area > .container {
    padding: 0; }
    .banner_area > .container ul.row {
      width: 97%;
      margin: 0 1.5%; }
  .banner_area .link_banner {
    width: 48%;
    margin: 1em 1%; }
    .banner_area .link_banner img {
      max-width: 100%; }
  footer .footer_link {
    width: 45%; }

    footer .pc{
        display: none;} }

@media screen and (max-width: 640px) {
  footer {
    color: #98d3cd;
    background-color: white; }
    footer section {
      padding-top: 5rem; }
      footer section .container {
        padding: 0; }
    footer .footer_info {
      width: 100%;
      font-size: 1.7rem;
      text-align: center;
      padding-bottom: 3rem; }
      footer .footer_info h1 {
        width: 240px;
        margin: 0 auto .65em; }
    footer .footer_info .green{
        color: #98d3cd;}
    
    footer .line {
      width: 100%;
      font-size: 1.7rem;
      text-align: center;
      padding-bottom: 3rem; }
    
    footer .footer_link {
      width: 100%; }
      footer .footer_link li {
        position: relative;
        height: 3.5em;
        font-size: 1.7rem;
        font-weight: 200;
        padding: 1em;
        background-color: #98d3cd;
        border-bottom: solid 1px white; }
        footer .footer_link li.link_a, footer .footer_link li.link_b {
          width: 100%; }
        footer .footer_link li:nth-child(even) {
          text-align: left; }
        footer .footer_link li a {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
          footer .footer_link li a span {
            display: block;
            padding: .75em 0 0 .75em; }
    footer p.copylight {
      color: #27847b;
      font-size: 1.7rem;
      margin-top: 3rem; } }

@media screen and (max-width: 415px) {
  body {
    font-size: 1.5rem; }
  h1, .h01 {
    font-size: 2.6rem; }
  h2, .h02 {
    font-size: 2.4rem; }
  h3, .h03 {
    font-size: 2.1rem; }
  h4, .h04 {
    font-size: 1.8rem; }
  h5, .h05 {
    font-size: 1.6rem; }
  h6, .h06 {
    font-size: 1.5rem; }
  section {
    padding: 4rem 0; }
  .container, .min-container, .wide-container, .full-container {
    width: 100%;
    margin: 0;
    padding: 0 15px; }
  header {
    background-color: white; }
    header .logo {
      width: 225px;
      max-height: 22px; }
      header .logo h1 {
        width: 225px;
        line-height: 1; }
  .clinic .pagetitle, .course .pagetitle, .doctors .pagetitle, .recruit .pagetitle, .contact .pagetitle, .conform .pagetitle, .send .pagetitle, .privacypolicy .pagetitle {
  height: 162px;
  padding-top: 0;
  background-image: none !important;
  background-color: #6aaaa4; }
  .clinic .pagetitle h2, .course .pagetitle h2, .doctors .pagetitle h2, .recruit .pagetitle h2, .contact .pagetitle h2, .conform .pagetitle h2, .send .pagetitle h2, .privacypolicy .pagetitle h2 {
  width: 100%;
  padding: 95px 0 0 4%;
  text-align: center;
  background-color: #6aaaa4; }
  .clinic .pagetitle h2 span, .course .pagetitle h2 span, .doctors .pagetitle h2 span, .recruit .pagetitle h2 span, .contact .pagetitle h2 span, .conform .pagetitle h2 span, .send .pagetitle h2 span, .privacypolicy .pagetitle h2 span {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  background-color: #6aaaa4;
  }
  .popup-win {
    width: 95%;
    padding: 1rem; }
    .popup-win .popup-close {
      top: 5px;
      right: 5px;
      font-size: 3.6rem;
      line-height: 1; }
    .popup-win .popup-inner {
      margin-top: 40px; }
      .popup-win .popup-inner p {
        font-size: 1.5rem;
        letter-spacing: .05em;
        padding: 0 .15em; }
    .popup-win .content-title {
      font-size: 2.0rem; }
  .main-visual {
    height: 300px; }
    .main-visual .slider {
      height: 300px; }
      .main-visual .slider li {
        height: 300px; }
  .feature h2 {
    font-size: 2.0rem; }
  .feature li.first, .feature li.second {
    width: 96%; }
  .feature dl {
    margin: 0 15px; }
  .feature dt {
    width: calc(100% - 40px); }
  .feature dd {
    width: 40px; }
    .feature dd img.alignright {
      width: 25px;
      margin: 0 0 0 15px; }
  .feature .img_area {
    height: 150px; }
  .information ul .map {
    width: 98%;
    margin: auto auto 5rem; }
  .course .option li {
    margin: 1.4rem 0;
    padding: 5.0rem 1.25em; }
    .course .option li div.white_area {
      padding: 1.0rem;
      background-color: #f2faf9; }
  .course .detox .inner_dl dl {
    width: 100%;
    margin: auto; }
    .course .detox .inner_dl dl dt, .course .detox .inner_dl dl dd {
      width: 100%;
      max-width: 100%; }
    .course .detox .inner_dl dl dd {
      padding-top: 3rem; }
      .course .detox .inner_dl dl dd img {
        display: block;
        width: 90%;
        margin: auto; }
  .course .option_area .verticaltitle {
    margin-bottom: 0; }
  .course .option li.white_area {
    margin-bottom: 1.0rem;
    padding: 1.5rem 2.0rem 0; }
    .course .option li.white_area p {
      margin-bottom: 0; }
  .course .option li.photo_area {
    margin: 1.0rem 0 1.4rem;
    padding-top: 0; }
  .recruit .descript {
    padding: 2.0rem 1.0rem; }
  .recruit th, .recruit td {
    display: block;
    width: 100%; }
  .recruit th {
    font-weight: 600;
    padding: 2rem 0 0 1rem;
    border-bottom: none; }
  .recruit td {
    padding: .25rem .5em 1rem 2rem; }
  .contact article, .conform article, .send article {
    padding: 2.5rem 2rem 1rem; }
  .contact h4 {
    line-height: 1.3; }
    .contact h4 span {
      width: calc(100% - 3em); }
  .send .lightblue_area {
    width: 92%;
    margin: 0 auto;
    padding: 4rem 0; }
    .send .lightblue_area h3 {
      font-size: 1.8rem;
      margin-bottom: 1.25em; }
    .send .lightblue_area p {
      font-size: 1.5rem; }
  .banner_area {
    padding: 6rem 0; }
    .banner_area > .container ul.row {
      width: 98%;
      margin: 0 1%; }
    .banner_area .link_banner {
      width: 47%;
      margin: .1em 1.5%;
      padding: 0; }
      .banner_area .link_banner img {
        width: 100%; } }

@media screen and (max-width: 375px) {
  .content_area .content-title {
    font-size: 1.8rem; }
  .main-visual {
    height: 250px; }
    .main-visual .slider {
      height: 250px; }
      .main-visual .slider li {
        height: 250px; }
  .feature li.first, .feature li.second {
    width: 100%; }
  .information ul .map {
    width: 100%; }
  .recruit .descript {
    margin-bottom: .75rem; }
  .send .lightblue_area p {
    font-size: 1.4rem; }
  .privacypolicy .first {
    font-size: 1.5rem;
    letter-spacing: normal; }
  .privacypolicy ol.decimal li {
    letter-spacing: normal;
    margin-bottom: 1.4em; }
  .privacypolicy .ticket_window h4 {
    letter-spacing: .25em; } }

@media screen and (max-width: 360px) {
  .main-visual {
    height: 225px; }
    .main-visual .slider {
      height: 225px; }
      .main-visual .slider li {
        height: 225px; }
  .feature h2 {
    font-size: 1.9rem; }
  .banner_area .col-3 {
    width: 80%;
    margin: .35em auto; }
    .banner_area .col-3 img {
      max-width: 225px; } }

@media screen and (max-width: 320px) {
  header .navigation nav .nav {
    padding-top: 70px; }
    header .navigation nav .nav li {
      margin-bottom: 1.2em !important;
      padding-bottom: 1.2em; }
  .main-visual {
    height: 200px; }
    .main-visual .slider {
      height: 200px; }
      .main-visual .slider li {
        height: 200px; }
  .feature h2 {
    font-size: 1.8rem; }
  .feature dl {
    margin: 0 10px; }
  .feature dt {
    width: calc(100% - 30px); }
    .feature dt h3 span {
      margin-left: .25em; }
  .feature dd {
    width: 30px; }
    .feature dd img.alignright {
      width: 20px;
      margin: 0 0 0 10px; }
  .feature .img_area {
    height: 150px; }
  .information ul .info {
    width: 200px;
    font-size: 1.4rem; }
    .information ul .info .button {
      width: 195px;
      font-size: 1.5rem; }
  .recruit .descript {
    margin-bottom: .25rem; }
  .privacypolicy .pagetitle h2 {
    letter-spacing: .1em;
    padding-left: 1.5%; }
  footer .footer_info {
    font-size: 1.5rem; }
  footer .footer_link li {
    font-size: 1.5rem; }
  footer p.copylight {
    font-size: 1.5rem; } }

@media (orientation: landscape) and (max-width: 736px) {
  header .navigation nav {
    margin: 0; }
    header .navigation nav .nav-wrap {
      /* ハンバーガークリック時の全体表示 */
      position: fixed;
      left: 0;
      top: 0;
      display: none;
      z-index: 100;
      background-color: rgba(152, 211, 205, 0.85);
      width: 100%;
      height: 100%; }
      header .navigation nav .nav-wrap.open {
        display: block; }
      header .navigation nav .nav-wrap.close {
        display: none; }
    header .navigation nav .nav {
      max-width: 90%;
      height: auto;
      text-align: center;
      margin: auto;
      padding: 55px 0 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      header .navigation nav .nav li {
        display: block;
        width: 47%;
        font-size: 1.8rem;
        font-weight: normal;
        margin: 1em 1.5% !important;
        padding-bottom: 1.5em;
        border-bottom: dotted 1px white; }
        header .navigation nav .nav li a:link, header .navigation nav .nav li a:visited {
          color: white; }
  header a.menu {
    /* ハンバーガー ナビゲーション部分 */
    display: block;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1200;
    position: relative;
    width: 30px;
    height: 22px; }
    header a.menu span {
      display: inline-block;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #98d3cd; }
      header a.menu span:nth-of-type(1) {
        top: 0; }
      header a.menu span:nth-of-type(2) {
        top: 10px; }
      header a.menu span:nth-of-type(3) {
        bottom: 0; }
    header a.menu.active span:nth-of-type(1) {
      background-color: white;
      -webkit-transform: translateY(10px) rotate(-45deg);
              transform: translateY(10px) rotate(-45deg); }
    header a.menu.active span:nth-of-type(2) {
      opacity: 0; }
    header a.menu.active span:nth-of-type(3) {
      background-color: white;
      -webkit-transform: translateY(-10px) rotate(45deg);
              transform: translateY(-10px) rotate(45deg); } }

@media (orientation: landscape) and (max-width: 640px) {
  header .navigation nav .nav li {
    margin: .75em 1.5% !important;
    padding-bottom: 1.25em; } }

@media (orientation: landscape) and (max-width: 569px) {
  header .navigation nav .nav li {
    margin: .65em 1.5% !important;
    padding-bottom: 1.15em; } }

/*# sourceMappingURL=../_maps/responsive.css.map */