@charset "utf-8";
                                                @media (max-width: 1030px) {
                                                }
                                              @media (max-width: 940px) {
                                              }
                                            @media (max-width: 855px) {
                                            }
                                  @media (max-width: 768px) {
                                    #wrap {
                                      overflow: hidden;
                                    }
                                    .header .outer {
                                      align-items: center;
                                      width: 85%;
                                      margin: 0 auto;
                                    }
                                    .header .outer .h1 {
                                      width: 150px;
                                      height: 40px;
                                      margin: 20px 10px 20px 0;
                                    }
                                    .tel_box .text {
                                      font-size: 15px;
                                    }
                                    .tel_box {
                                      width: 190px;
                                      margin: 0;
                                    }
                                    .tel_box a img{
                                      width: 100%;
                                    }
                                    #main .content {
                                      margin: 0 auto;
                                      height: 275px;
                                    }
                                    #main .content .character {
                                      margin: -35px 0 0 -225px;
                                      width: 504px;
                                      height: 535px;
                                    }
                                    #main .content .catchcopy {
                                      width: 445px;
                                      height: 101px;
                                      margin: 12px 0 0 -230px;
                                    }
                                    #main .content .text {
                                      width: 452px;
                                      height: 73px;
                                      margin: 60px 0 0 -226px;
                                    }
                                    #main .block_three {
                                      margin: 10px auto 0;
                                      padding: 0 10px;
                                    }
                                    #main .free_trial {
                                      margin: 15px auto;
                                    }
                                    #main .free_trial .text {
                                      width: 90%;
                                      margin: 30px auto;
                                    }
                                    #main .block_three .box .text {
                                      font-size: 15px;
                                      padding: 5px;
                                    }
                                    #about .h2 {
                                      width: 98%;
                                      margin: 30px auto 20px;
                                      /* background-size: contain; */
                                      background-position: center;
                                    }
                                    #about .text {
                                      width: 95%;
                                      margin: 0 auto;
                                    }
                                    #about .h3 {
                                      width: 95%;
                                      max-width: 641px;
                                      margin: 15px auto 0;
                                      background-size: contain;
                                    }
                                    #about .three_efficacy .outer:first-child {
                                      margin: 0;
                                    }
                                    #about .three_efficacy {
                                      margin: 20px 10px
                                    }
                                    #about .three_efficacy .outer .inner {
                                      flex-wrap: wrap;
                                      justify-content: center;
                                    }
                                    #about .three_efficacy .outer .inner .h4 {
                                      width: 95%;
                                      padding: 0 0 8px 0;
                                    }
                                    #about .three_efficacy .outer .inner .text {
                                      width: 95%;
                                    }
                                    #about .three_efficacy .outer .inner .text {
                                      margin: 10px 0;
                                    }
                                    #about .use {
                                      width: 90%;
                                      margin: 0 auto 30px;
                                    }
                                    #about .use .box {
                                      flex-wrap: wrap;
                                    }
                                    #about .use .box .h5 {
                                      width: 80%;
                                      font-size: 20px;
                                      text-align: center;
                                      margin: 50px auto 0;
                                      border-radius: 30px;
                                    }
                                    #about .use .box .text {
                                      width: 80%;
                                      margin: 10px auto;
                                      font-size: 15px;
                                    }
                                    #about .use .outer {
                                      margin: 40px 0 0 0;
                                    }
                                    #qa .profile .container .left {
                                      margin: 0 0 0 152px;
                                    }
                                    #qa .profile .container .right {
                                      width: 40%;
                                    }
                                    #cost .box .inner {
                                      width: 100%;
                                      flex-wrap: wrap;
                                    }
                                    #cost .box .h3 {
                                      width: 80%;
                                      margin: 0 auto 5px;
                                      padding: 7px 0;
                                      border-radius: 50px;
                                    }
                                    #cost .box .h3 .br {
                                      display: none;
                                    }
                                    #cost .box .inner img {
                                      width: 90%;
                                      margin: 5px auto;
                                      padding: 0 10px;
                                    }
                                    #cost .box:first-child .text {
                                      width: 85%;
                                      margin: 0 auto;
                                      line-height: 1.5em;
                                      font-size: 18px;
                                    }
                                    #cost .box {
                                      margin: 15px 0 0;
                                    }
                                    #cost .box:nth-child(2) {

                                    }
                                    #cost .box.flex {
                                      flex-wrap: wrap;
                                    }
                                    #cost .box .text {
                                      width: 90%;
                                      margin: 10px auto 0;
                                      line-height: 1.5em;
                                    }
                                    #cost .box:nth-child(3) .h3 {
                                      height: auto;
                                    }
                                    #cost .map {
                                      width: 95%;
                                      margin: 10px auto 0;
                                    }
                                    #plan .h2 {
                                      width: 95%;
                                      height: 80px;
                                      margin: 30px auto 20px;
                                    }
                                    #plan .outer .inner {
                                      width: 95%;
                                      margin: 0 auto;
                                      flex-wrap: wrap;
                                    }
                                    #plan .outer .inner .group {
                                      width: 100%;
                                    }
                                    #plan .outer .inner .group .h3 {
                                      width: 95%;
                                      line-height: 1.5em;
                                      font-size: 21px;
                                      text-align: center;
                                      margin: 0 auto;
                                    }
                                    #plan .outer .inner .group .text {
                                      width: 90%;
                                      margin: 15px auto 0;
                                    }
                                    .br._sp {
                                      display: block;
                                    }
                                    #plan .outer .inner img {
                                      width: 90%;
                                      margin: 15px auto;
                                    }
                                    #qa .h2 {
                                      width: 90%;
                                      margin: 0 auto;
                                      height: 48px;
                                    }
                                    #qa .outer {
                                      flex-wrap: wrap;
                                    }
                                    #qa .outer .inner {
                                      width: 90%;
                                      margin: 20px auto 0;
                                    }
                                    #qa .outer .inner:last-child {
                                      margin: 20px auto 0;
                                    }
                                    #qa .outer .inner .group .h3 {
                                      font-size: 20px;
                                    }
                                    #qa .outer .inner .group .text {
                                      font-size: 16px;
                                    }
                                    #qa .area {
                                      margin: 20px 0 0 0;
                                    }
                                    #qa .area .fukidashi {
                                      width: 100%;
                                      height: 72px;
                                      position: absolute;
                                      bottom: -132px;
                                      left: 56px;
                                    }
                                    #qa .area .character {
                                      display: none;
                                    }
                                    #qa .area .character_sp {
                                      position: absolute;
                                      top: 0px;
                                      left: 50%;
                                      display: block;
                                      width: 220px;
                                      margin: 59px 0 0 91px;
                                      overflow: hidden;
                                    }
                                    #qa .area .worries .text {
                                      font-size: 15px;
                                      margin: 0 auto;
                                      line-height: 1.5em;
                                    }
                                    #qa .area .worries {
                                      width: 90%;
                                      margin: 30px auto 0;
                                      line-height: 1.5em;
                                    }
                                    #qa .voice .h2 {
                                      margin: 207px auto 10px;
                                      background-size: contain;
                                    }
                                    #qa .voice .message {
                                      width: 95%;
                                      margin: 0 auto 0;
                                    }
                                    #qa .voice .photo {
                                      width: 95%;
                                      flex-wrap: wrap;
                                      justify-content: center;
                                      align-items: center;
                                      margin: 0 auto;
                                    }
                                    #qa .voice .photo img:nth-child(1) {
                                      width: 37%;
                                      margin: 10px 10px 0 0;
                                    }
                                    #qa .voice .photo img:nth-child(2) {
                                      width: 60%;
                                      margin: 10px auto 0;
                                    }
                                    #qa .voice .photo img:nth-child(3) {
                                      width: 70%;
                                      margin: 10px auto 0;
                                    }

                                    #footer .container .flex {
                                      flex-wrap: wrap;
                                    }
                                    #footer .container .flex {
                                      width: 90%;
                                      margin: 0 auto;
                                    }
                                    #footer .container .box .line {
                                      display: none;
                                    }
                                    #footer .container .box .logo {
                                      width: 80%;
                                      margin: 0 auto;
                                    }
                                    #footer .container .box .tel {
                                      width: 100%;
                                      margin: 0 auto;
                                    }
                                    #footer .text {
                                      font-size: 11px;
                                      line-height: 1.5em;
                                      height: 42px;
                                    }
                                    .br._sp {
                                      display: none;
                                    }
                                    #qa .profile .container img {
                                      position: absolute;
                                      top: -2px;
                                      left: -25px;
                                    }
                                  }
                      @media (max-width: 650px) {
                        #qa .profile .container .left .box {
                          flex-wrap: wrap;
                        }
                        #qa .profile .container .left .box .job {
                          width: 90%;
                          margin: 0 auto 15px;
                          text-align: center;
                          line-height: 1.5em;
                        }
                        #qa .profile .container .left .box .name {
                          width: 90%;
                          margin: 0 auto;
                          text-align: center;
                          font-size: 23px;
                        }
                        #qa .profile .container .left .box .name .yomi {
                          text-align: center;
                        }
                        #qa .profile .container img {
                          top: 12px;
                          left: -6px;
                        }
                      }
                    @media (max-width: 551px) {
                      #about .use .outer {
                        flex-wrap: wrap;
                        margin: 30px 0 0 0;
                      }
                      #about .use .outer .inner {
                        width: 95%;
                      }
                      #about .use .outer .inner img {
                        width: 50%;
                        margin: 0 auto;
                      }
                      #about .use .outer img.arrow {
                        transform: rotate(90deg);
                        margin: 0 auto;
                      }
                      #about .use .outer .inner .h6 {
                        font-size: 25px;
                        margin: 10px 0 0 0;
                      }
                      #about .use .outer .inner .text {
                        width: 80%;
                        margin: 10px auto 0;
                        font-size: 18px;
                      }
                      #about .use .box .h5 {
                        margin: 0 auto;
                      }
                    }
                    @media (max-width: 501px) {
                      #qa .profile .container .left {
                        width: 38%;
                      }
                      #qa .profile .container img {
                        position: absolute;
                        top: 31px;
                        left: -7px;
                      }
                      #about .h2 {
                        background-size: 90% auto;
                        padding: 10px 20px;
                      }
                    }
                  @media (max-width: 451px) {
                  }
                @media (max-width: 430px) {
                }
              @media (max-width: 410px) {
                #plan .h2 {
                  height: 40px;
                }
                #plan .outer .inner .group .h3 {
                  width: 95%;
                  line-height: 1.5em;
                  font-size: 21px;
                  text-align: center;
                  margin: 0 auto;
                }
                .br._sp {
                  display: block;
                }
                #qa {
                  overflow: hidden;
                }
                #qa .profile .container {
                  flex-wrap: wrap;
                }
                #qa .profile .container .left {
                  width: 90%;
                  margin: 0 auto;
                }
                #qa .profile .container .left {
                  width: 70%;
                  margin: 22px 0 0 151px;
                }
                #qa .profile .container .left .qualification {
                  width: 90%;
                  font-size: 11px;
                  text-align: center;
                }
                #qa .profile .container .right {
                  width: 90%;
                  margin: 40px auto 0;
                }
                #qa .profile .container .right .box {
                  padding: 0 10px;
                }
                #qa .profile .container .right .box p {
                  font-size: 15px;
                }
                #qa .profile .container .left .box {
                  flex-wrap: wrap;
                  width: 90%;
                }
                #qa .profile .container .left .box .job {
                  width: 90%;
                  margin: 0 auto 15px;
                  text-align: center;
                  line-height: 1.5em;
                }
                #qa .profile .container .left .box .name {
                  width: 90%;
                  margin: 0 auto;
                  text-align: center;
                }
                #qa .profile .container .left .box .name .yomi {
                  text-align: center;
                }
                #qa .area .character_sp {
                  position: absolute;
                  top: 0px;
                  left: 50%;
                  display: block;
                  width: 170px;
                  margin: 100px 0 0 61px;
                  overflow: hidden;
                }
                #qa .area .fukidashi {
                  width: 100%;
                  height: 57px;
                  position: absolute;
                  bottom: -132px;
                  left: 6px;
                }
                #qa .area .worries .text {
                  font-size: 13px;
                  margin: 0 auto;
                }
                #qa .profile .container img {
                  position: absolute;
                  top: 25px;
                  left: 0px;
                }
                #cost .map {
                  margin: 40px auto 0;
                  padding: 0 5px 0 0;
                }
                #main .free_trial .text {
                  margin: 0 auto;
                }
                #about .h2 {
                  margin: 0px auto 10px;
                }
                #main .free_trial .text {
                  height: 170px;
                }
                #main .content .character {
                  margin: -35px 0 0 -185px;
                  width: 374px;
                  height: 455px;
                }
                #main .content .catchcopy {
                  width: 345px;
                  height: 73px;
                  margin: -10px 0 0 -174px;
                }
                #main .content .text {
                  width: 352px;
                  height: 73px;
                  margin: 34px 0 0 -176px;
                }
                #about .h3 {
                  margin: 25px auto -12px;
                }
              }
            @media (max-width: 365px) {
            }