@charset "UTF-8";

/* 
botox
------------------------ 
*/

/* section01 */

#botox .sec01 {
    background: #fbdbe5;
}

#botox .sec01 .img_wrap {
    padding: 1% 6% 3%;
    text-align: center;
}

#botox .sec01 .img_wrap ul li {
    transform: translateX(2.5%);
}


/* section02 */

#botox .sec02 {
    background: url("../images/menu/botox/sec02_bg.jpg") no-repeat;
    background-size: cover;
}

#botox .sec02 .inner {
    padding-bottom: 8%;
}

#botox .sec02 .ttl_txt img {
    margin: 0 auto 7%;
    max-width: 60%;
}

#botox .sec02 .bg_wrap {
    position: relative;
}

#botox .sec02 .bg_wrap::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #b6d6e6;
    top: 1.5%;
    left: 1.5%;
    z-index: 1;
}

#botox .sec02 .bg_wrap .txt_wrap {
    border: 5px solid #6abfe6;
    background: #fff;
    padding: 10% 4% 4%;
    position: relative;
    z-index: 3;
}

#botox .sec02 .bg_wrap .txt_wrap .ttl_ribbon {
    position: relative;
    margin: -17% auto 4%;
}

#botox .sec02 .bg_wrap .txt_wrap .ribbon {
    position: absolute;
    font-size: 3.4rem;
    text-align: center;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: #fff;
}

@media screen and (max-width: 749px) {
    #botox .sec02 .bg_wrap .txt_wrap .ribbon {
        font-size: 4.5vw;
    }
}

#botox .sec02 .bg_wrap .txt_wrap figure .illust {
    margin: 0 auto;
    max-width: 45%;
}


/* section03 */

#botox .sec03 {
    background: #e1f2fa;
}

#botox .sec03 .inner {
    padding-top: 8%
}

#botox .sec03 ul li {
    position: relative;
    margin-bottom: 10%;
}

#botox .sec03 ul li:last-child {
    margin-bottom: 0;
}

#botox .sec03 ul li::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 1.5%;
    left: 1.5%;
    z-index: 1;
    opacity: .7;
}

#botox .sec03 .border_wrap {
    position: relative;
    border: 2px solid #53b3e0;
    padding: 10% 4% 4%;
    background-color: transparent;
    z-index: 3;
}

@media screen and (max-width: 450px) {
    #botox .sec03 .border_wrap {
        border: 1px solid #53b3e0;
    }
}

#botox .sec03 .border_wrap .list_ttl {
    position: absolute;
    top: -4.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

#botox .sec03 .border_wrap .list_ttl figure img {
    margin: 0 auto;
    max-width: 70%;
}

#botox .sec03 .border_wrap .list_ttl .list_ttl1 img {
    max-width: 60%;
}

#botox .sec03 .border_wrap .list_ttl h4 {
    position: absolute;
    top: 9.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    font-size: 3.6rem;
    color: #53b3e0;
}

#botox .sec03 .border_wrap .list_img img {
    margin: 0 auto 6%;
    max-width: 85%;
}

#botox .sec03 .border_wrap .p_txt {
    line-height: 1.5;
}

#botox .sec03 .border_wrap .bg_txt {
    background: #f2f0b3;
}

#botox .sec03 .border_wrap .small_txt {
    font-size: 2.3rem;
    line-height: 1.5;
}


/* section04 */

#botox .sec04 {
    background: url("../images/menu/botox/sec4_bg.jpg") repeat-y;
    background-size: contain;
    margin: 2% 0;
    padding: 5% 5%;
}

@media screen and (max-width: 550px) {
    #botox .sec04 {
        padding: 6% 3%;
    }
}

#botox .sec04 .txt_wrap {
    background: #6abfe6;
    padding: 6% 4% 6%;
    position: relative;
}

#botox .sec04 .txt_wrap figure {
    position: absolute;
    top: -5.5%;
    left: 2%;
    width: 19%;
}

#botox .sec04 .txt_wrap h3 {
    text-align: center;
    font-size: 4rem;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 8%;
}

#botox .sec04 .txt_wrap h3 .border {
    border-bottom: 2px solid #fff;
    padding-bottom: 1.5%;
}

@media screen and (max-width: 450px) {
    #botox .sec04 .txt_wrap h3 .border {
        border-bottom: 1px solid #fff;
    }
} 

#botox .sec04 .txt_wrap .p_txt {
    color: #fff;
    line-height: 1.4;
}

#botox .sec04 .txt_wrap .bold_txt {
    color: #ebdf4d;
}


/* section05 */

#botox .sec05 {
    background: #e1f2fa;
    margin-bottom: 6%;
}

#botox .sec05 .inner {
    padding: 3% 8% 6%;
}

#botox .sec05 .p_txt {
    line-height: 1.5;
}


/* section06 */

#botox .fee_list {
    margin-bottom: 4%;
}

#botox .fee_list li {
    border: 3px solid #bae4bf;
    margin-bottom: 3%;
}

@media screen and (max-width: 450px) {
    #botox .fee_list li {
        border: 2px solid #bae4bf;
    }
}

#botox .fee_list li.no-border {
    border: none;
}

#botox .fee_list li .flex {
    flex-direction: column;
}

#botox .fee_list li dl dt {
    width: 100%;
}

#botox .fee_list li dl dt .part {
    font-size: 3.4rem;
    text-align: center;
    font-weight: bold;
    background-color: #d1edd5;
    padding: 3% 6%;
}

#botox .fee_list li dl dt .part_s {
    font-size: 2.9rem;
}

#botox .fee_list li dl dt .part span {
    font-size: 2.4rem;
}

#botox .fee_list li dl dt .part_s span {
    font-size: 2.2rem;
}

#botox .fee_list li dl dt p {
    padding: 3% 6%;
}

#botox .fee_list li dl dd {
    width: 100%;
    padding: 0 0 0 6%;
    text-align: right;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: baseline;
    margin: 2% 0;
}

#botox .fee_list li dl dd .fee {
    font-size: 5.3rem;
    font-weight: bold;
    letter-spacing: .3rem;
    line-height: 1.2;
    margin-left: 2%;
}

#botox .fee_list li dl dd .fee span {
    font-size: 3.5rem;
}

#botox .fee_list li dl dd .p_txt {
    font-feature-settings: "palt";
}

@media screen and (max-width: 749px) {
    #botox .fee_list li dl dt .part {
        font-size: 4vw;
    }

    #botox .fee_list li dl dt .part_s {
        font-size: 3.8vw;
    }

    #botox .fee_list li dl dt .part_s span {
        font-size: 3vw;
    }
}

@media screen and (max-width: 480px) {
    #botox .fee_list li dl dd .p_txt {
        font-size: 2.55rem;
    }
}

#botox .sec06 .fee_inner {
    padding-top: 0;
}

#botox .sec06 .bg_area {
    background: #ededed;
    padding: 4% 4% 3% 7%;
    margin-bottom: 3%;
}

#botox .sec06 .bg_area2 {
    background: #e1f2fa;
}

#botox .sec06 .border_area {
    border: 4px solid #c3e5f5;
    background: #fff;
}
@media screen and (max-width: 420px) {
    #botox .sec06 .border_area {
        border: 2px solid #c3e5f5;
    }
}

#botox .sec06 .bg_area .p_txt {
    line-height: 1.5;
}

#botox .sec06 .bg_area .p_txt::before {
    content: '※';
    margin-left: -4.5%;
}

#botox .sec06 .bg_area .p_txt .border_txt {
    border-bottom: 1px solid #000;
}

#botox .fee_list2 li dl dt {
    width: 30%;
    background-color: #d1edd5;
    display: flex;
    align-items: center;
    justify-content: center;
}

#botox .fee_list2 li dl dt h4 {
    text-align: center;
}

#botox .fee_list2 li dl dd {
    width: 70%;
    flex-direction: row;
    align-items: last baseline;
    padding: 1%;
}

#botox .sec06 .pk_bg {
    position: relative;
    padding: 5% 4% 5%;
    margin: 16% 0 6%;
    background: #e1f2fa;
}

#botox .sec06 .pk_bg h5 {
    position: absolute;
    width: 37%;
    top: -36%;
    left: 50%;
    transform: translateX(-50%);
}

#botox .sec06 .unit_wrap .img_area .ribbon_ttl {
    position: relative;
    text-align: center;
}

#botox .sec06 .unit_wrap .img_area .ribbon_ttl img {
    margin: 0 auto;
    width: 60%;
    filter: drop-shadow(5px 5px 0px #fbdbe5);
}

@media screen and (max-width: 450px) {
    #botox .sec06 .unit_wrap .img_area .ribbon_ttl img {
        filter: drop-shadow(3px 3px 0px #fbdbe5);
    }
}

#botox .sec06 .unit_wrap .img_area .ribbon_ttl h5 {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 3.6rem;
}

#botox .sec06 .unit_wrap .img_area .unit_img img {
    margin: 0 auto;
}

#botox .sec06 .unit_list li {
    margin-bottom: 2%;
}

#botox .sec06 .unit_list .unit_list_3 {
    margin-bottom: 6%;
}

#botox .sec06 .unit_list dl {
    border: 3px solid #b4dff2;
}

@media screen and (max-width: 450px) {
    #botox .sec06 .unit_list dl {
        border: 2px solid #b4dff2;
    }
}

#botox .sec06 .unit_list dl dt {
    width: 32%;
    background: #d2ebf7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 0;
}

#botox .sec06 .unit_list dl dt h6 {
    font-size: 3.4rem;
    text-align: center;
}

#botox .sec06 .unit_list dl dt .ttl_s {
    font-size: 3rem;
}

#botox .sec06 .unit_list dl dd {
    width: 68%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#botox .sec06 .unit_list dl dd .ml_5 {
    margin-left: 5%;
}

#botox .sec06 .unit_list .unit_list_5 dl dd {
    transform: translateX(5%);
}

#botox .sec06 .unit_list .unit_list_6 dl dd {
    transform: translateX(3%);
}

#botox .sec06 .unit_list .p_txt .bold_txt {
    font-size: 3.8rem;
}

#botox .sec06 .caution .border_area {
    border: 4px solid #ec7383;
    padding: 4% 4%;
}
@media screen and (max-width: 420px) {
    #botox .sec06 .caution .border_area {
        border: 2px solid #ec7383;
    }
}

#botox .sec06 .caution .p_txt {
    font-size: 2.8rem;
}

#botox .sec06 .caution .caution_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
}

#botox .sec06 .caution .caution_ttl::before {
    content: '';
    background: url("../images/menu/botox/caution_img.png")no-repeat;
    width: 5%;
    aspect-ratio: 49 / 44;
    background-size: contain;
    margin-right: 2%;
}

#botox .sec06 .caution .caution_ttl::after {
    content: '';
    background: url("../images/menu/botox/caution_img.png")no-repeat;
    width: 5%;
    aspect-ratio: 49 / 44;
    background-size: contain;
    margin-left: 2%;
}

#botox .sec06 .caution .bg_txt {
    background: #ec7383;
    color: #fff;
}

/* renewal 2411 */
#botox .pk_txt {
    color: #53b3e0;
}

#botox .bg_txt_pk {
    background-color: #e1f2fa;
}

#botox .bottom_info .pk_txt {
    color: #4fb0dd;
}

#botox .approval .pk_txt {
    color: #4fb0dd;
}