@charset "UTF-8";
@media screen and (min-width: 320px) and (max-width: 768px) {
  .wrapper {
    position: relative;
    overflow: hidden; }

  	/*header
      --------------------------------------------*/
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); }
    .header h1 {
      width: 65%;
      margin: 0 auto; }
    .header .head_r {
      display: none; }
    .header .h_cont {
      padding: 10px 0; }

  .main_visual {
    width: 100%;
    height: 105vw;
    position: relative;
    margin-top: 15%; }
    .main_visual .mv_txt {
      width: 95%;
      margin: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 999; }
    .main_visual #top_slider li {
      text-align: center;
      height: 105vw; }
      .main_visual #top_slider li:nth-child(1) {
        background: url(../img/top/mv01.png) no-repeat center top;
        background-size: cover;
        background-position: 70% 50%; }
      .main_visual #top_slider li:nth-child(2) {
        background: url(../img/top/mv02.png) no-repeat center top;
        background-size: cover; }
      .main_visual #top_slider li:nth-child(3) {
        background: url(../img/top/mv03.png) no-repeat center top;
        background-size: cover; }
      .main_visual #top_slider li:nth-child(4) {
        background: url(../img/top/mv04.png) no-repeat center top;
        background-size: cover; }

  .bx-controls {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    bottom: 20px; }

  .bx-wrapper {
    width: 100%;
    height: 105vw;
    margin: 0 auto;
    position: relative; }

  .bx-viewport {
    overflow: visible !important;
    margin: auto;
    text-align: center; }

  	/*共通
      --------------------------------------------*/
  #cont {
    position: relative; }

  .fix_btn {
    display: none; }

  .title {
    display: none; }

  .tp01_ttl {
    font-size: 5vw;
    letter-spacing: 2px; }
    .tp01_ttl .strong {
      font-size: 6vw; }
    .tp01_ttl .cl {
      font-size: 8vw;
      color: #fc3967;
      position: relative;
      z-index: 1; }
      .tp01_ttl .cl:before {
        border-bottom: 5px solid #f8f7ad;
        position: absolute;
        content: '';
        height: 5px;
        bottom: 5px;
        left: 0;
        right: 0;
        border-radius: 6px;
        z-index: -1; }

  .blog_cont .blog_ttl {
    background: url(../img/top/border06.png) top center no-repeat, url(../img/top/border06.png) bottom center no-repeat;
    padding: 25px 0;
    margin-bottom: 15px; }
    .blog_cont .blog_ttl h3 {
      text-align: left;
      float: left; }
    .blog_cont .blog_ttl .more_btn {
      float: right;
      width: 30%; }
      .blog_cont .blog_ttl .more_btn a {
        color: #fff;
        background: url(../img/top/arr04.png) no-repeat, #5b4304;
        background-position: 15% 50%;
        padding: 7px 5px 7px 20px;
        display: block;
        border-radius: 19px; }
  .blog_cont .blog_list li {
    text-align: left;
    margin-bottom: 10px; }
    .blog_cont .blog_list li:last-child {
      margin-bottom: 0; }
    .blog_cont .blog_list li time,
    .blog_cont .blog_list li .post-ttl {
      font-weight: bold; }
    .blog_cont .blog_list li .post-body {
      display: block;
      margin-top: 5px; }
    .blog_cont .blog_list li a {
      display: block; }

  	/*tp01
      --------------------------------------------*/
  .tp01 {
    background: url(../img/top/illust01.png) no-repeat, url(../img/top/illust02.png) no-repeat, url(../img/top/border01.png) bottom center no-repeat, url(../img/top/bg01.png);
    background-position: 20% 95%, 80% 95%, 50% 100%, 50% 50%;
    background-size: 9%, 10%, auto, auto;
    padding: 40px 0 85px 0;
    overflow: hidden;
    position: relative; }
    .tp01:before {
      background: url(../img/top/frame02.png) no-repeat;
      position: absolute;
      content: '';
      width: 14px;
      height: 44px;
      bottom: -37px;
      left: calc(50% - 545px);
      z-index: 10; }
    .tp01:after {
      background: url(../img/top/frame02.png) no-repeat;
      position: absolute;
      content: '';
      width: 14px;
      height: 44px;
      bottom: -37px;
      right: calc(50% - 545px);
      z-index: 10; }
    .tp01 h3 {
      width: 100%;
      margin: 0 auto;
      background: url(../img/top/frame01.png) center no-repeat;
      background-size: contain;
      padding: 20px 0;
      position: relative;
      margin-bottom: 25px; }
      .tp01 h3:before {
        background: url(../img/top/rope01.png) no-repeat;
        position: absolute;
        content: '';
        width: 7px;
        height: 96px;
        top: -115%;
        left: 10%; }
      .tp01 h3:after {
        background: url(../img/top/rope01.png) no-repeat;
        position: absolute;
        content: '';
        width: 7px;
        height: 96px;
        top: -115%;
        right: 10%; }
    .tp01 .txt01 {
      font-size: 5vw;
      color: #ff829f;
      font-weight: bold;
      margin-bottom: 20px; }
    .tp01 .caution {
      text-align: left; }

  	/*tp02
      --------------------------------------------*/
  .tp02 {
    background: url(../img/top/bg02.png);
    padding: 40px 0;
    position: relative; }
    .tp02 h3 {
      margin-bottom: 25px; }

  	/*tp03
      --------------------------------------------*/
  .tp03 {
    background: url(../img/top/bg03.png);
    padding: 40px 0; }
    .tp03 h3 {
      background: url(../img/top/border02.png) bottom center no-repeat;
      margin-bottom: 25px; }
    .tp03 h4 {
      text-align: left; }
    .tp03 .tp03_cont {
      margin-top: 35px; }
      .tp03 .tp03_cont .tp03_box {
        position: relative;
        background: url(../img/top/question.png) no-repeat, #f3ecdc;
        background-position: 95% 90%;
        border: 3px solid #5b4304;
        border-radius: 6px;
        padding: 15px 10px; }
        .tp03 .tp03_cont .tp03_box .tp03_boxin h5 {
          position: relative;
          text-align: center;
          font-size: 5vw;
          font-weight: bold;
          background: url(../img/top/border03.png) bottom center no-repeat;
          padding: 5px 15px 5px 40px;
          margin-bottom: 15px; }
          .tp03 .tp03_cont .tp03_box .tp03_boxin h5 span {
            position: absolute;
            left: -7%;
            top: -25%;
            width: 25%; }
        .tp03 .tp03_cont .tp03_box .tp03_boxin .questionnaire {
          width: 375px;
          margin: 0 auto; }
          .tp03 .tp03_cont .tp03_box .tp03_boxin .questionnaire li {
            text-align: left;
            padding: 3px 0 3px 35px;
            background: url(../img/top/check01.png) left center no-repeat; }
      .tp03 .tp03_cont .tp03_img {
        display: none; }

  	/*tp04
      --------------------------------------------*/
  .tp04 {
    padding: 90px 0 55px 0;
    background: url(../img/top/bg_img03.png) no-repeat, url(../img/top/bg_img04.png) no-repeat, url(../img/top/frame05.png) top center no-repeat;
    background-position: calc(50% - 750px) 50%, calc(50% + 600px) 50%, 50% 0; }
    .tp04 h3 {
      margin-bottom: 20px;
      background: url(../img/top/border04.png) bottom center no-repeat;
      background-size: contain;
      padding-bottom: 20px; }
    .tp04 .reason li {
      font-size: 5.3vw;
      text-align: left;
      padding: 3% 0 3% 20%;
      margin-bottom: 10px; }
      .tp04 .reason li:first-child {
        background: url(../img/top/reason01.png) left center no-repeat;
        background-size: 15%; }
      .tp04 .reason li:nth-child(2) {
        background: url(../img/top/reason02.png) left center no-repeat;
        background-size: 15%; }
      .tp04 .reason li:nth-child(3) {
        background: url(../img/top/reason03.png) left center no-repeat;
        background-size: 15%; }
      .tp04 .reason li:nth-child(4) {
        background: url(../img/top/reason04.png) left center no-repeat;
        background-size: 15%; }
      .tp04 .reason li:last-child {
        background: url(../img/top/reason05.png) left center no-repeat;
        margin-bottom: 0;
        background-size: 15%; }
      .tp04 .reason li span {
        position: relative;
        z-index: 1; }
        .tp04 .reason li span:before {
          position: absolute;
          content: '';
          width: 100%;
          height: 8px;
          left: 0;
          right: 0;
          bottom: 4px;
          border-bottom: 8px solid #f3ecdc;
          border-radius: 6px;
          z-index: -1; }

  	/*tp05
      --------------------------------------------*/
  .tp05 {
    border-top: 1px solid #fc537b;
    padding: 40px 0;
    position: relative;
    background: url(../img/top/bg_illust03.png) no-repeat, url(../img/top/bg_illust04.png) no-repeat;
    background-position: calc(50% - 750px) 35%, calc(50% + 750px) 35%; }
    .tp05:before {
      background: url(../img/top/arr02.png) no-repeat;
      position: absolute;
      content: '';
      width: 100%;
      height: 103px;
      bottom: -103px;
      left: 0;
      right: 0;
      z-index: 100;
      background-size: contain; }
    .tp05 h3 {
      margin-bottom: 25px; }
    .tp05 h4 {
      margin-bottom: 20px; }
    .tp05 .tp05_cont .tp05_txt {
      text-align: left; }

  	/*tp06
      --------------------------------------------*/
  .tp06 {
    padding: 55px 2% 40px 2%;
    background: url(../img/top/bg04.png);
    position: relative;
    z-index: 1; }
    .tp06:before {
      background: url(../img/top/frame02.png) no-repeat;
      position: absolute;
      content: '';
      width: 14px;
      height: 44px;
      bottom: -37px;
      left: calc(50% - 545px);
      z-index: -1; }
    .tp06:after {
      background: url(../img/top/frame02.png) no-repeat;
      position: absolute;
      content: '';
      width: 14px;
      height: 44px;
      bottom: -37px;
      right: calc(50% - 545px);
      z-index: -1; }
    .tp06 h3 {
      margin-bottom: 25px; }
    .tp06 .tp06_box {
      margin: 0 auto;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      border: 3px solid #5b4304;
      background: #fff;
      border-radius: 6px;
      padding: 15px 10px; }
      .tp06 .tp06_box .tp06_boxin {
        text-align: left; }
        .tp06 .tp06_box .tp06_boxin li:before {
          padding-left: 5px;
          content: '・'; }

  	/*tp07
      --------------------------------------------*/
  .tp07 {
    padding: 55px 0 33% 0;
    background: url(../img/top/bg_img07.png) no-repeat, url(../img/top/bg06.png);
    background-position: 50% 95%;
    background-size: contain;
    overflow: hidden; }
    .tp07 h3 {
      border: 3px double #5b4304;
      padding: 10px;
      background: #fff;
      border-radius: 6px;
      margin: 0 2% 20px 2%; }
      .tp07 h3 span {
        position: relative; }
        .tp07 h3 span:before {
          background: url(../img/top/rope02.png) no-repeat;
          position: absolute;
          content: '';
          width: 7px;
          height: 83px;
          top: -98px;
          left: 0; }
        .tp07 h3 span:after {
          background: url(../img/top/rope02.png) no-repeat;
          position: absolute;
          content: '';
          width: 7px;
          height: 83px;
          top: -98px;
          right: 0; }
    .tp07 .tp07_txt {
      text-align: left; }

  	/*tp08
      --------------------------------------------*/
  .tp08 {
    padding: 45px 0;
    background: url(../img/top/bg_illust05.png) no-repeat, url(../img/top/bg_illust06.png) no-repeat;
    background-position: calc(50% - 750px) 60%, calc(50% + 750px) 60%; }
    .tp08 h3 {
      padding-bottom: 20px;
      background: url(../img/top/border05.png) bottom center no-repeat;
      margin-bottom: 55px; }
    .tp08 .tp08_list > ul > li {
      width: 48%;
      float: left;
      margin-right: 4%;
      margin-bottom: 4%; }
      .tp08 .tp08_list > ul > li:nth-child(even) {
        margin-right: 0; }
      .tp08 .tp08_list > ul > li:nth-last-child(-n+2) {
        margin-bottom: 0; }
      .tp08 .tp08_list > ul > li dt {
        background: url(../img/top/markup02.png) center no-repeat;
        background-size: contain;
        color: #fff;
        font-size: 5vw;
        letter-spacing: 2px;
        height: 72px;
        position: relative;
        font-weight: bold; }
        .tp08 .tp08_list > ul > li dt span {
          position: absolute;
          top: 37%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          z-index: 999; }
      .tp08 .tp08_list > ul > li > dl > dd > ul > li {
        text-align: left; }
        .tp08 .tp08_list > ul > li > dl > dd > ul > li:before {
          content: '・';
          padding-right: 5px; }

  .tp09 {
    background: url(../img/top/frame05.png) top center no-repeat, #f3ecdc;
    padding: 75px 0 45px 0; }
    .tp09 h3 {
      margin-bottom: 20px; }
    .tp09 h4 {
      background: url(../img/top/ribbon01.png) center no-repeat;
      background-size: cover;
      padding: 15px 10px;
      margin-bottom: 20px; }
    .tp09 .tp09_list {
      background: url(../img/top/voice_bg.png);
      padding: 25px 20px; }
      .tp09 .tp09_list li {
        width: 48%;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%; }
        .tp09 .tp09_list li:nth-child(even) {
          margin-right: 0; }
        .tp09 .tp09_list li:nth-last-child(-n+2) {
          margin-bottom: 0; }
        .tp09 .tp09_list li .cmn_img {
          width: 100%;
          height: 40vw;
          border-radius: 10px; }
    .tp09 .tp09_cont {
      padding-top: 30px; }
      .tp09 .tp09_cont .tp09_txt {
        background: url(../img/top/bg02.png) center;
        margin-bottom: 15px;
        padding: 15px 10px;
        text-align: left;
        border-radius: 3px; }
      .tp09 .tp09_cont .tp09_movie .movie {
        width: 100%; }
      .tp09 .tp09_cont .tp09_movie li:first-child {
        margin-bottom: 25px; }
      .tp09 .tp09_cont .tp09_movie li h5 {
        margin-bottom: 10px; }
      .tp09 .tp09_cont .tp09_movie li p {
        text-align: left;
        margin-bottom: 10px; }

  .tp10 {
    padding: 45px 0;
    background: url(../img/top/bg08.png) center;
    overflow: hidden; }
    .tp10 h3 {
      background: url(../img/top/frame01.png) center no-repeat;
      background-size: contain;
      padding: 20px 0;
      position: relative;
      margin-bottom: 50px; }
      .tp10 h3:before {
        background: url(../img/top/rope01.png) no-repeat;
        position: absolute;
        content: '';
        width: 7px;
        height: 96px;
        top: -95px;
        left: 50px; }
      .tp10 h3:after {
        background: url(../img/top/rope01.png) no-repeat;
        position: absolute;
        content: '';
        width: 7px;
        height: 96px;
        top: -95px;
        right: 50px; }

  	/*tp11
      --------------------------------------------*/
  .tp11-01 {
    padding: 85px 0 25px 0;
    background: url(../img/top/frame05.png) top center no-repeat; }
    .tp11-01 h3 {
      margin-bottom: 25px;
      background: url(../img/top/border07.png) bottom center no-repeat; }
    .tp11-01 h4 {
      margin-bottom: 20px; }
    .tp11-01 p {
      font-size: 5.5vw;
      padding-bottom: 20%;
      background: url(../img/top/arr03.png) bottom center no-repeat;
      text-shadow: #fff 2px 0px,  #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px , #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px,  #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px,  #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; }

  .tp11-02 {
    padding: 55px 0 45px 0;
    background: url(../img/top/bg09.png) center; }
    .tp11-02 > .inbox > h3 {
      margin-bottom: 20px; }
    .tp11-02 .tp11_tel {
      margin-bottom: 10px; }
    .tp11-02 .tp11_mail {
      width: 80%;
      margin: 0 auto;
      margin-bottom: 15px; }
      .tp11-02 .tp11_mail a {
        background: url(../img/top/icon02.png) no-repeat, #fb7c95;
        background-position: 10% 50%;
        padding: 15px 5px 15px 30px;
        display: block;
        border-radius: 15px; }
    .tp11-02 .tp11_info {
      margin-bottom: 15px; }
      .tp11-02 .tp11_info dt,
      .tp11-02 .tp11_info dd {
        display: inline-block;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .tp11-02 .tp11_info dt {
        font-weight: bold; }
        .tp11-02 .tp11_info dt:after {
          content: ':';
          padding: 0 5px; }

  	/*下層共通
      --------------------------------------------*/
  .bt_main {
    position: relative;
    background: url(../img/common/bt_main.png) center no-repeat;
    background-size: cover;
    height: 75vw; }
    .bt_main .bt_ttl {
      width: 95%;
      margin: 0 auto;
      position: absolute;
      top: 65%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 999; }

  #container {
    padding: 45px 0; }

  .sub_ttl {
    font-size: 5.5vw;
    color: #5b4304;
    text-align: left;
    background: url(../img/common/sub_border.png) bottom center no-repeat;
    padding-bottom: 20px;
    margin-bottom: 20px; }

  .cmn_cont {
    margin-bottom: 40px; }

  .fw-b {
    font-weight: bold; }

  	/*痛みの治療
      --------------------------------------------*/
  .treatment02,
  .treatment03 {
    font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, serif;
    font-weight: bold; }

  .treatment05 p {
    text-align: left; }
  .treatment05 img {
    float: none !important; }

  	/*産後矯正
      --------------------------------------------*/
  .postpartum01 {
    font-weight: bold; }

  	/*店舗情報
      --------------------------------------------*/
  .access {
    margin-bottom: 45px; }
    .access iframe {
      height: 250px !important; }

  	/*料金
      --------------------------------------------*/
  .cost01 span strong {
    background: #ffff00; }
  .cost01 .cl-y {
    background: #ffff00; }

  	/*店舗情報
      --------------------------------------------*/
  .access {
    margin-bottom: 45px; }

  	/*ブログ
      --------------------------------------------*/
  .blog .blog_list {
    margin-bottom: 10px; }
    .blog .blog_list li {
      border: 1px solid #5b4304;
      padding: 20px;
      margin-bottom: 30px; }

  .news_body {
    padding: 20px;
    border-bottom: 1px solid #5b4304;
    text-align: left;
    margin-bottom: 10px; }
    .news_body time {
      display: block;
      text-align: right;
      font-size: 14px;
      font-weight: bold;
      color: #5b4304;
      margin-top: 15px; }

  	/*footer
      --------------------------------------------*/
  .footer .ft_cont {
    display: none; }
  .footer .ft_nav {
    display: none; }
  .footer .copyright {
    background: #5b4304;
    color: #fff;
    font-size: 10px; }
    .footer .copyright a {
      color: #fff; } }

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