.pc-none {
    display: none;
}

.sp-tel-button {
    max-width: 100%;
    width: auto;
    text-align: center;
    margin: 0;
    display: none;
}

.sp-menu-bar {
    display: none;
}

.sp-nav {
    display: flex;
    justify-content: center;
    font-size: 36px;
    font-family: source-han-serif-japanese, serif;
    margin: 0 -16px;
    color: var(--blue-color);
    margin: 0;
}

.top-main-image {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.sp-opening-hours-images {
    display: none;
}

.sp-cautions-texts {
    display: none;
}

.sp-cautions-head {
    display: none;
}

.display-inline {
    display: none;
}

.caution-mark {}

.treatment-laser-article-botoom .attention {
    margin: 24px auto;
}

.treatment-laser,
.treatment-surgery {
    margin: 65px auto 36px;
}



/* 1100以下 */
@media screen and (max-width:1100px) {}

/* 1000以下 mainで使う */
@media screen and (max-width:1000px) {
    .simple-text {
        font-size: 33px !important;
        line-height: 60px !important;
    }


    .top-fv-wrap {
        background-image: url(../assets/fv-sp.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: cover;
    }

    .rest-bg.lazyloaded {
        /* background-image: url(../assets/bg-sp-rest.jpg); */
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: cover;
    }

    body {
        background-image: none;
        overflow-x: hidden;
    }

    .nav-item {
        font-size: 30px;
        padding: 28px 0;
        border-bottom: solid 1px black;
        width: 80%;
    }

    .nav-item::before {
        width: 21px;
        height: 10.5px;
    }

    .menu-bar .inner {
        position: relative;
    }

    #menu-target {
        padding-top: 20px;
        position: absolute;
        top: 60px;
        width: 100%;
        background: #f3f5f8e8;
    }

    .sp-nav {
        font-size: 36px;
        width: 100%;
        padding: 0;
    }

    #menu-inpu:checked+.sp-nav {
        box-shadow: 9px 9px 6px #2318154D;
    }

    .nav-item:last-of-type {
        border: none;
    }

    .sp-validation {
        display: none;
    }

    .pc-none {
        display: block;
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .display-inline {
        display: inline;
    }

    .sp-container {
        width: 90%;
        margin: 0 auto;
    }

    .sp-flex {
        display: flex;
    }

    .sp-width-100 {
        width: 100%;
    }

    .sp-flex-elm {
        width: auto;
        height: auto;
        margin: 15px auto;
        text-align: center;
    }

    .sp-font-bold {
        font-weight: bold;
    }

    .sp-center {
        display: flex;
        justify-content: center;
    }

    .direction-column-reverse {
        flex-direction: column-reverse;
    }

    .direction-row-reverse {
        flex-direction: row-reverse;
    }

    .sp-none {
        display: none;
    }

    .reserve-button {
        width: 80%;
    }

    .bottom-header .container {
        width: 90%;
    }

    .pc-menu-bar {
        display: none;
    }

    .sp-menu-bar {
        display: block;
    }

    .sp-tel-button {
        display: block;
        width: 80%;
        margin: 24px auto;
    }

    .reserve-button {
        margin: 0 auto;
    }

    .top-wrap h2 {
        margin: 36px 24px 0;
        font-size: 56px;
    }

    .top-main-image img {
        width: 100%;
        height: auto;
        margin-top: 48px;
        display: flex;
        justify-content: center;
    }

    .top-staff-image {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: -50px;
    }

    .top-wrap .flex-half:first-of-type {
        margin-right: 0;
    }

    .flex-around-start img {
        width: 90%;
        height: auto;
        overflow: hidden;
    }

    .worries-wrap {
        width: 90%;
        margin: 96px auto 12px auto;
    }

    .worries-all {
        justify-content: space-between;
    }

    .worry-item {
        justify-content: normal;
        width: 44%;
    }

    .worry-img {
        width: 95%;
        height: auto;
    }



    .question-box-contents-wrap {
        position: initial;
        margin-top: 48px;
    }

    .question-box-content-title {
        position: initial;
        width: 90%;
        height: auto;
        margin: 15px auto;
        text-align: center;
    }

    .sp-question-img {
        width: 100%;
        height: auto;
    }

    .article-content p {
        margin-bottom: 24px;
        margin-right: 0;
    }

    .solution {
        width: 100%;
        margin-top: 36px;
    }

    .solution img {
        width: 80%;
    }

    .solutions {
        margin-top: 24px;
    }

    .solution-title {
        font-size: 42px;
        margin: 36px 0;
        letter-spacing: 1px;
        line-height: 46px;
    }

    .cautions {
        margin: 20px auto 50px;
    }

    .caution {
        margin: 15px auto;
        width: 87%;
        align-items: center;
        align-items: flex-start;
    }

    .caution img {
        width: 44px;
    }

    .treatment-injection {
        padding: 0;
    }

    .treatment-img {
        margin: 24px auto;
    }

    .treatment-injection-contents div {
        width: 100%;
    }

    .treatment-surgery-contents div {
        width: 100%;
        margin-top: 24px;
    }

    .treatment-laser {
        padding: 0;
    }


    .treatment-laser-article-right {
        width: 30%;
        height: auto;
        margin: 0 auto;
    }

    .treatment-reserve-button {
        margin: 72px auto 36px auto;
    }

    .treatment-injection-merits li,
    .treatment-laser-article li,
    .treatment-surgery-merits li {
        line-height: 60px;
        margin: 12px 0;
    }

    .treatment-injection-merits ul,
    .treatment-laser-article ul {
        margin: 20px 0;
    }

    .treatment-injection-merits li img,
    .treatment-laser-article li img,
    .treatment-surgery-merits li img {
        width: 55px;
        min-width: 55px;
        margin-right: 28px;
    }

    .treatment-injection-merits span {
        margin-top: 36px;
    }

    .treatment-injection-merits {
        margin: 18px 0;
    }

    .treatment-laser-article p {
        margin: 0 0 44px;
    }

    .problem-wrap {
        width: 90%;
        margin: 0 auto 12px;
    }

    .treatment-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .clinic-wrap {
        width: 90%;
        margin: 0 auto 0;
    }

    .facilities-slider {
        margin-top: 52px;
    }

    .clinic-wrap .sp-font-bold {
        font-weight: bold;
    }

    .clinic-introduction div {
        margin-right: 0;
    }

    .clinic-introduction img {
        width: 100%;
    }

    .form-wrap {
        width: 90%;
        margin: 120px auto 0;
    }

    .form-wrap-content {
        padding-left: 0;
        margin-top: 12px;
    }

    textarea {
        font-size: 38px;
    }

    .box-radius-heading-wrap {
        width: 100%;
    }


    .sp-opening-hours-images {
        display: block;
    }

    .sp-opening-hours-img1 {
        width: 90%;
        height: auto;
        margin-top: 18px;
    }

    .sp-opening-hours-img2 {
        width: 70%;
        height: auto;
        margin-top: 12px;
    }

    .slider-main img {
        width: 80%;
        width: calc(100% - 50px);
        height: auto;
        margin: 0 auto;
    }

    .slider-arrow-right {
        margin-left: -30px;
    }

    .slider-arrow-left {
        margin-right: -30px;
    }

    .differences-wrap {
        width: 90%;
        margin: 50px auto 0;
    }

    .difference {
        text-align: center;
    }

    .difference h4 {
        text-align: left;
        font-size: 36px;
    }

    .sp-difference-img {
        width: 90%;
        margin: 0 auto;
    }

    .differences-head {
        font-size: 40px;
    }

    .difference .flex-between-center div {
        margin-left: 0;
        width: 100%;
    }

    .difference p {
        margin: 16px 0 24px;
    }

    .about-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .problem-elm-wrap {
        position: initial;
        margin: 16px auto;
    }


    .problem-elm-wrap:last-of-type p {
        margin-right: auto;
        text-align: left;
        margin-top: 18px;
    }

    .problem-elm-wrap:first-of-type p {
        margin-left: auto;
        text-align: left;
        margin-top: 18px;
    }


    .problem-elm-wrap p {
        width: 100%;
        margin: 0 auto;
        line-height: 54px;
        font-size: 35.4px;
        font-weight: bold;
    }

    .problem-img-1 {
        margin-top: 48px;
    }

    .problem .box-radius-heading-wrap {
        margin-bottom: 20px;
    }

    .problem {
        margin-bottom: 36px;
    }

    .privacy {
        width: 90%;
    }

    .sp-cautions-texts {
        color: var(--blue-color);
        display: block;
        margin-top: 36px;
    }

    .sp-cautions-text {
        font-family: source-han-serif-japanese, serif;
        font-weight: 700;
        font-style: normal;
        margin: 24px 0;
        font-size: 34px;
        line-height: 60px;
    }

    .sp-cautions-texts .sp-flex p {
        margin: auto 24px;
        font-weight: bold;
        margin-left: 16px;
        font-size: 32px;
    }

    .cautions-top-right {
        margin: auto 0 0;
    }

    .sp-cautions-texts .sp-flex {
        justify-content: center;
    }

    .problem-elm-wrap img {
        width: 90%;
        height: auto;
        align-items: center;
    }

    .sp-cautions-head {
        display: block;
        width: 100%;
        height: auto;
    }

    .cautions-wrap {
        margin: 100px auto 20px;
    }

    .caution p {}

    .sp-about-img {
        width: 90%;
        height: auto;
        margin: auto;
    }

    .problem-elm-wrap:first-of-type {
        align-items: center;
    }

    .sp-compare-img {
        width: 100%;
        margin: 28px auto;
    }

    .doctors {
        padding-left: 0;
        padding-right: 0;
    }

    .doctor {
        width: 100%;
    }

    .doctor .text p {}

    .form input::placeholder {
        font-size: 30px;
    }

    .form input {
        width: 100%;
        /*padding: 25px 30px;
        border-radius: 14px;*/
        font-size: 33px;
        box-sizing: border-box;
    }

    .select-wrap {
        height: 75px;
        width: 386px;
    }

    .select-wrap::before {
        top: 30px;
    }

    select {
        font-size: 45px;
        transform: scale(0.7);
        position: relative;
        right: 70px;
    }

    select[name="age"] {
        padding: 0 50px 0 16px;
    }

    select[name="menus"] {
        padding: 0 175px 0 16px;
    }

    input[name="email"] {
        padding-bottom: 21px !important;
        padding-top: 21px !important;
    }

    input[name="tel"] {
        padding-top: 21px !important;
        padding-bottom: 19px !important;
    }

    input[type="text"],
    input[type="tel"] {
        font-size: 38px;
        padding: 18px 16px 22px;
        border-radius: 16px;
    }

    .form th {
        width: 100%;
        display: block;
        margin-top: 10px;
        font-size: 37px;
    }

    .form th span {
        font-size: 21px;
        position: relative;
        bottom: 1px;
        align-items: center;
        border-radius: 10px;
    }

    .form th span img {
        margin-right: 16px;
        width: 32px;
        position: relative;
        bottom: 0px;
    }

    .form td {
        width: calc(100vw - 100px);
        display: block;
        margin-top: 5px;
    }

    .form .radio {
        border-radius: 10px;
        width: 100%;
        /* height: 60px; */
        margin-right: 8px;
    }

    .form td .section label {
        font-size: 24px;
    }

    #for-hidden-times,
    #for-hidden-times-next {
        border-radius: 14px;
        width: 212px;
        height: 66px;
        font-size: 21px;
    }

    #for-hidden-times-next {
        margin-bottom: 24px;
    }

    #hidden-times th {
        width: 100%;
        display: block;
    }

    #hidden-times td {
        width: calc(100vw - 100px);
        display: block;
    }

    #hidden-times,
    #hidden-times-next {
        flex-wrap: wrap;
        width: calc(100vw - 100px);
    }

    #hidden-times-next th {
        width: 100%;
        display: block;
    }

    #hidden-times-next td {
        width: calc(100vw - 100px);
        display: block;
    }

    .form-wrap tr {
        display: table-row;
    }

    .top-branch-img {
        width: 80%;
        height: auto;
        margin: 36px auto;
    }

    .clinic-message img {
        width: 90%;
        height: auto;
        margin: 54px auto 15px;
    }

    .top-title {
        margin-bottom: 36px;
    }

    .clinic-introduction-bottom .flex-half div {
        margin-top: 36px;
    }

    .top-wrap .clinic-introduction-bottom {
        margin: 0 0 20px;
    }

    .clinic-cooperations h4 {
        margin: 36px auto;
    }

    .clinic-cooperations .font-blue {
        margin-top: 36px;
        font-size: 44px;
    }

    .clinic-cooperations-img {
        margin-top: 24px;
    }

    .top-wrap {
        margin-bottom: 150px;
    }

    .top-wrap h3 {
        font-size: 44px;
        line-height: 65px;
    }



    .worries-wrap .worries-head {
        width: 90%;
        margin: 0 auto;
    }

    .box-radius-heading {
        font-size: 48px;
        font-weight: 700;
    }

    .btn-submit-img {
        width: 90%;
        margin: 36px auto;
    }

    footer {
        height: 200px;
    }


    .sp-h2-font {
        font-size: 56px;
    }

    .sp-h3-font {
        font-size: 44px;
    }

    .facilities-slider-pointers img {
        width: 145px;
        margin: 20px 0px;
    }

    .slider-arrow-left {
        position: relative;
        left: 32px;
        left: 24px;
    }

    .slider-arrow-right {
        position: relative;
        right: 32px;
        right: 24px;
    }


    .form td .section {
        text-align: left;
        overflow-x: scroll;
        width: 100%;
    }

    .sex-section {}

    .required,
    .ninni {
        margin-right: 16px;
        vertical-align: middle;
    }

    .doctor .doctor-title {
        font-size: 35px;
    }

    .doctor .doctor-title span {
        font-size: 10px;
    }

    .treatment-laser-article {
        margin-right: 0;
    }

    .flex-around-start {
        align-items: center;
    }

    .about-tab {
        height: 105px;
        padding-bottom: 5px;
    }

    .about-tab-target.active {
        align-items: center;
    }

    .sp-header-tel {
        width: 90%;
    }

    .header-text {
        font-size: 21px;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .outer-title-wrap span {
        letter-spacing: -3px;
    }

    .treatment-wrap h3 {
        font-size: 55px;
        letter-spacing: -3.5px;
    }

    .treatment-injection-price,
    .treatment-laser-price,
    .treatment-surgery-notice {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .treatment-surgery-notice p {
        font-weight: bold !important;
    }

    .treatment-wrap h4 {
        font-size: 44px;
        line-height: 54px;
    }

    .treatment-laser-article-botoom .attention {
        font-size: 18px;
    }

    .doctor p:nth-child(even) {
        margin-left: 48px;
    }

    .clinic-wrap h4 {
        font-size: 44px;
    }

    .clinic-wrap-title {
        font-size: 60px;
    }

    .clinic-message span {
        line-height: 54px;
        font-size: 32px;
    }

    .border-yellow {
        -webkit-appearance: none;
        -webkit-text-size-adjust: 100%;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-image: url(../assets/under-orange.png) 1/0 0 12px 0;
    }

    .validation-message {
        font-size: 18px;
    }

    .compare-wrap h3 {
        font-size: 54px;
    }

    .compare-wrap {
        margin-top: 72px;
    }

    .form-wrap-desciption {
        font-size: 18px;
    }

    .bottom-header {
        padding: 30px 0;
    }

    .header-icon-img {
        width: 25%;
    }


    /* 以下本来は800以下に置きたい */
    .top-header .container span {
        font-size: 26px;
    }

    .top-header .container h1 {
        padding: 10px;
        text-align: center;
    }

    #spFix {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        background: #f3f5f8e8;
        display: none;
        z-index: 99;
    }

    #spFix div {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 20px;
    }

    #spFix a {
        width: 48%;
        display: flex;
        align-items: center;
    }

    #spFix img {
        width: 100%;
    }

    .ui-datepicker {
        width: 25em !important;
    }

    .ui-datepicker table {
        font-size: 1.5em !important;
    }

    .sp-question-text-img {
        width: 88%;
        height: auto;
        padding-right: 6%;
    }
}

/* arrow */
@media screen and (max-width:1000px) {
    .worries-wrap .direction {
        margin: 36px auto 24px;
    }

    .question-wrap .direction {
        margin: 24px auto 36px;
    }

    .problem-wrap .direction {
        margin: 0 auto;
    }

    .differences-wrap .direction {
        margin: 54px 0 24px;
    }

    .about-wrap .direction {
        margin: 12px 0 0;
    }
}



/* 800以下 */
@media screen and (max-width:800px) {}

/* 1000以上 */

@media screen and (min-width:1000px) {
    .important-none {
        display: none !important;
    }

    .cautions-clinic {
        margin-bottom: 40px;
    }

    .treatment-laser-article-right {
        width: 368px;
        height: 660px;
    }

    .about-tab-target img {
        width: 431px;
        height: 330px;
    }

    .caution img {
        width: 45px;
        height: 44px;
    }

    .difference .flex-between-center img {
        width: 431px;
        height: 328px;
    }

    .treatment-injection-merits li img,
    .treatment-laser-article li img,
    .treatment-surgery-merits li img {
        width: 45px;
        height: 44px;
    }

    .age-section ul {
        margin-top: -20px;
        width: 532px;
    }

    .age-section li {
        margin-top: 20px;
    }

    .validation-message {
        width: 140px;

    }
}

/*フォーム追記*/
@media screen and (max-width:1000px) {
    .section {
        margin: 20px 0px !important;
    }

    .sex-section,
    .age-section,
    .menus-section {
        margin: 0px !important;
        padding: 0;
    }

    #form-content {
        width: 100%;
    }

    .form-wrap-content {
        padding: 0;
    }

    .form_radio {
        display: flex;
        flex-wrap: nowrap;
    }

    .form_radio li {
        min-width: 150px;
        margin-right: 1.5vw;
        width: 23%;
    }

    .age-section .form_radio li,
    .menus-section .form_radio li {
        min-width: 200px;
    }

    .form_radio li:nth-child(4n) {}

    .form_radio li label {
        width: 100%;
        margin: 0 !important;
        box-sizing: border-box;
        display: block;
        height: 100%;
        padding: 1rem 0;
        text-align: center;
    }

    select option {
        font-size: 16px;
    }

    .form {
        position: relative;
    }

    .bg1 {
        background-image: url(../assets/sp/sp_bg1.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: cover;
        width: 100vw;
        position: relative;
        top: -450px;
        left: -50px;
        padding: 450px 50px 0;
        box-sizing: border-box;
        z-index: -1;
        margin-bottom: -450px;
    }

    .bg2 {
        background-image: url(../assets/sp/sp_bg2.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: cover;
        width: 100vw;
        position: relative;
        top: -390px;
        left: -50px;
        padding: 390px 50px 0;
        box-sizing: border-box;
        z-index: -1;
        margin-bottom: -390px;
    }

    .bg3 {
        background-image: url(../assets/sp/sp_bg3_1.jpg), url(../assets/sp/sp_bg3_2.jpg);
        background-repeat: no-repeat;
        background-position: top, bottom;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: -150px;
        left: 0px;
        padding: 150px 50px 230px;
        box-sizing: border-box;
        z-index: -1;
        margin-bottom: -150px;
        background-color: #fdf1e8;
    }

    .bg4 {
        background-image: url(../assets/sp/sp_bg4.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: -388px;
        left: 0px;
        padding: 70px 50px 0;
        box-sizing: border-box;
        z-index: 1;
        margin-bottom: -430px;
    }

    .bg5 {
        background-image: url(../assets/sp/sp_bg5.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 50px 0;
        box-sizing: border-box;
        z-index: -2;
        margin-bottom: 0px !important;
    }

    .bg6 {
        background-image: url(../assets/sp/sp_bg6.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: -180px;
        left: 0px;
        padding: 180px 50px 200px;
        box-sizing: border-box;
        z-index: 1;
        margin-bottom: -388px !important;
    }

    .bg7 {
        background-image: url(../assets/sp/sp_bg7.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: -180px;
        left: -50px;
        padding: 180px 50px;
        box-sizing: border-box;
        z-index: -2;
        margin-bottom: -388px !important;
    }

    .bg8 {
        background-image: url(../assets/sp/sp_bg8.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: 0px;
        left: 0px;
        padding: 80px 50px 150px;
        box-sizing: border-box;
        z-index: 2;
        margin-bottom: -180px;
    }

    .bg9 {
        background-image: url(../assets/sp/sp_bg9.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        background-size: 100vw;
        width: 100vw;
        position: relative;
        top: -400px;
        left: 0px;
        padding: 400px 50px;
        box-sizing: border-box;
        z-index: 1;
        margin-bottom: -800px;
    }

    .differences-wrap {
        margin: 0 auto !important;
        padding-top: 75px;
    }

    .privacy {
        position: relative;
        z-index: 3;
    }

    .form-message-description {
        font-size: 23px !important;
    }

    textarea,
    input,
    .select-wrap {
        border-radius: 16px;
    }

    .problem-elm-wrap p .border-yellow {
        border-image: url(../assets/under-orange.png) 1/0 0 17px 0;
    }

    .treatment-wrap h3 .border-yellow {
        border-image: url(../assets/under-orange.png) 1/0 0 27px 0;
    }
}