@charset "UTF-8";

/* 
laser-toning
------------------------ 
*/

/* section01 */

#lt .sec01 {
    background: #e0f1f8;
    /* padding-bottom: 8%; */
}

#lt .sec01 .ttl_area {
    text-align: center;
}

#lt .sec01 .ttl_area .fukidashi {
    width: 95%;
    margin: 1% auto 2%;
}

#lt .sec01 .ttl_area .line_txt {
    position: relative;
}

#lt .sec01 .ttl_area .line_txt figure {
    width: 95%;
    margin: 0 auto;
}

#lt .sec01 .ttl_area h3 {
    font-size: 4.8rem;
    color: #66b7dd;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
    #lt .sec01 .ttl_area h3 {
        font-size: 6.6vw;
    }
} 

#lt .sec01 .ttl_area .bold_txt {
    font-size: 2.8rem;
    margin-top: -1%;
    letter-spacing: .1rem;
}

#lt .sec01 .ttl_area .bold_txt:nth-child(2n) {
    font-size: 3.8rem;
}

#lt .sec01 .mov_area video {
    width: 95%;
    margin: 4% auto 0;
}

#lt_pr .mov_area .mov {
    bottom: 10%;
}

#lt_pr .mov_area video {
    width: 95%;
    margin: 0 auto 0;
}


/* section02 */

#lt .sec02 {
    background: #f1a387;
    position: relative;
    margin-bottom: 6%;
}

#lt .sec02::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url("../images/menu/laser-t/sec2_top.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -4.5%;
    left: 0
}

#lt .sec02 .ttl_area {
    position: relative;
    margin-bottom: 4%;
}

#lt .sec02 h3 {
    font-size: 6rem;
    text-align: center;
    color: #fff;
    text-shadow:2px 2px 0 #eb7759, -2px -2px 0 #eb7759,
              -2px 2px 0 #eb7759, 2px -2px 0 #eb7759,
              0px 2px 0 #eb7759,  0 -2px 0 #eb7759,
              -2px 0 0 #eb7759, 2px 0 0 #eb7759;
    position: relative;
    z-index: 3;
}

#lt .sec02 .shadow {
    font-size: 6rem;
    font-weight: 700;
    position: absolute;
    top: -6%;
    left: 50.6%;
    transform: translateX(-50%);
    color: #eb7759;
    width: 73%;
    display: inline-block;
    z-index: 1;
}

@media screen and (max-width: 749px) {
    #lt .sec02 h3 {
        font-size: 8vw;
    }

    #lt .sec02 .shadow {
        font-size: 8vw;
    }
} 

@media screen and (max-width: 450px) {
    #lt .sec02 .shadow {
        top: -4%;
        left: 50.8%;
    }
}

#lt .sec02 dl dt {
    background: #fff;
    font-size: 3.3rem;
    text-align: center;
    padding: 1% 0;
    color: #ff6c44;
    font-weight: 700;
}

#lt .sec02 dl dd .inner {
    padding: 3% 2% 0;
}

@media screen and (max-width: 550px) {
    #lt .sec02 dl dd .inner {
        padding: 3% 1% 0;
    }
}

#lt .sec02 dl dd ul li {
    margin-bottom: 3%;
}

#lt .sec02 .txt_area .inner {
    padding-top: 4%;
    padding-bottom: 8%;
}

#lt .sec02 .txt_area .w_bg {
    padding: 3% 5%;
}

#lt .sec02 .txt_area h4 {
    font-size: 3rem;
    border-bottom: 4px dotted #181815;
    margin-bottom: 3%;
    padding-bottom: 1%;
}

@media screen and (max-width: 450px) {
    #lt .sec02 .txt_area h4 {
        border-bottom: 3px dotted #181815;
    }
}

#lt .sec02 .txt_area .p_txt {
    line-height: 1.5;
}

/* section03 */

#lt .sec03 {
    background: url("../images/menu/laser-t/sec3_bg.jpg") no-repeat;
    background-size: cover;
}

#lt .sec03 .heading_area {
    position: relative;
}

#lt .sec03 .heading_area h3 {
    font-size: 4.5rem;
    line-height: 1.5;
    color: #fff;
    position: absolute;
    top: 16%;
    left: 6%;
    text-shadow: 0px 0px 15px rgb(82, 71, 74, 1),
    0px 0px 15px rgb(82, 71, 74, 1),
    0px 0px 15px rgb(82, 71, 74, 1),
    0px 0px 15px rgb(82, 71, 74, 1);
}

@media screen and (max-width: 749px) {
    #lt .sec03 .heading_area h3 {
        font-size: 5.9vw;
    }
}

#lt .sec03 .inner {
    position: relative;
}

#lt .sec03 .inner .ttl_wrap {
    position: absolute;
    top: -5.7%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    width: 100%;
}

#lt .sec03 .inner .ttl_wrap figure img {
    margin: 0 auto;
    width: 93%;
    transform: translateX(1%);
}

@media screen and (max-width: 550px) {
    #lt .sec03 .inner .ttl_wrap figure img {
        width: 95%;
    }
}

#lt .sec03 .inner .ttl_wrap .flex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: space-between;
}

#lt .sec03 .inner .ttl_wrap .flex figure {
    width: 30%;
    padding-left: 3%;
}

#lt .sec03 .inner .ttl_wrap .flex figure img {
    width: 73%;
    margin: -25% 9% 0 auto;
}

#lt .sec03 .inner .ttl_wrap .flex h4 {
    width: 70%;
    font-size: 4.2rem;
    padding: 4% 0 0;
    color: #28353c;

}

@media screen and (max-width: 749px) {
    #lt .sec03 .inner .ttl_wrap .flex h4 {
        font-size: 5.6vw;
    }
}

#lt .sec03 .inner .ttl_wrap .flex h4 .light_txt {
    text-shadow: 0px 0px 10px #fff,
                0px 0px 10px #fff,
                0px 0px 10px #fff,
                0px 0px 10px #fff,
                0px 0px 10px #fff,
                0px 0px 10px #fff,
                0px 0px 10px #fff;
    letter-spacing: .25rem;
}

#lt .sec03 .inner .ttl_wrap .flex h4 .bg_txt {
    color: #53b3e0;
    padding: 0 1%;
    background: #fff;
    letter-spacing: .2rem;
}

#lt .sec03 .inner {
    padding-top: 26%;
    padding-bottom: 10%;
}

#lt .sec03 .inner .txt_area {
    position: relative;
    margin-bottom: 12%;
}

#lt .sec03 .inner .txt_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 2.5%;
    left: 1.5%;
    z-index: 1;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
}

#lt .sec03 .inner .border_area {
    position: relative;
    z-index: 3;
    border: 2px solid #181815;
    padding: 5% 5%;
}

@media screen and (max-width: 450px) {
    #lt .sec03 .inner .border_area {
        border: 1px solid #181815;
    }
}

#lt .sec03 .inner .border_area .p_txt {
    line-height: 1.5;
}

#lt .sec03 .inner .border_area .p_txt .bold_txt {
    color: #53b3e0;
}

#lt .sec03 .img_wrap {
    border: 2px solid #6abee6;
    padding: 10% 4% 8%;
    position: relative;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 450px) {
    #lt .sec03 .img_wrap {
        border: 1px solid #6abee6;
    }
}

#lt .sec03 .img_wrap .ttl_area {
    position: absolute;
    top: -5.7%;
    left: 50%;
    transform: translateX(-50%);
    width: 105%;
}

#lt .sec03 .img_wrap h4 {
    font-size: 3.7rem;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

#lt .sec03 .img_wrap .p_txt .border_txt {
    border-bottom: 1px solid #6abee6;
}

/* section04 */

#lt .sec04 {
    background: #e1f2fa;
    padding-bottom: 3%;
}

#lt .sec04 .inner {
    padding: 6% 6%
}

#lt .sec04 .or_txt {
    color: #53b3e0;
}

#lt .sec04 .bg_txt_half {
    background: linear-gradient(transparent 70%, #fff 30%);
}

#lt .sec04 .w_bg {
    margin-top: 8%;
    padding: 5% 4%;
    font-size: 2.5rem;
}

/* section04-add */

#lt .sec04-add {
    background: #f4fafd;
}

#lt .sec04-add .heading-tf {
    transform: translateY(-8.9%);
}

#lt .sec04-add .m_0a {
    width: 80%;
}

@media screen and (max-width: 450px) {
    #lt .sec04-add .m_0a {
        width: 90%;
    }
}

#lt .sec04-add .img_area h4 {
    font-size: 4rem;
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    margin-bottom: 5%;
}

#lt .sec04-add .img_area h4::before {
    content: '';
    background: url(../images/menu/laser-t/sec4_shape2.png) no-repeat;
    background-size: contain;
    width: 4%;
    aspect-ratio: 35/49;
    display: inline-block;
    margin-right: 1%;
}

#lt .sec04-add .img_area h4::after {
    content: '';
    background: url(../images/menu/laser-t/sec4_shape1.png) no-repeat;
    background-size: contain;
    width: 4%;
    aspect-ratio: 35/49;
    display: inline-block;
    margin-left: 1%;
}


/* section05 */

/* #lt .sec05 {
    background: #e1f2fa;
} */

#lt .sec05 .inner {
    padding: 4% 6% 6%;
}

/* section06 */

#lt .sec06 {
    background: url("../images/menu/laser-t/sec6_bg.jpg") no-repeat;
    background-size: cover;
}

#lt .sec06 .inner {
    padding-bottom: 8%;
}

#lt .sec06 h3 {
    font-size: 5rem;
    text-align: center;
    margin: 4% 0 6%;
    text-shadow: 0px 0px 10px #fff, 
                0px 0px 10px #fff, 
                0px 0px 10px #fff, 
                0px 0px 10px #fff, 
                0px 0px 10px #fff, 
                0px 0px 10px #fff, 
                0px 0px 10px #fff;
}

#lt .sec06 h3 .dot_txt {
    color: #53b3e0;
    background-image: radial-gradient(circle at center, #53b3e0 12%, transparent 15%); 
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: .3em;
    
}

#lt .sec06 .txt_area {
    position: relative;
}

#lt .sec06 .txt_area::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 1.5%;
    left: 1.5%;
}

#lt .sec06 .border_area {
    position: relative;
    z-index: 3;
    padding: 6% 6%;
    border: 1px solid #181815;
}

#lt .sec06 .border_area .bg_txt {
    background: #6ABEE6;
    color: #fff;
    padding: 0 2%;
}

#lt .sec06 .border_area .border_txt {
    color: #53b3e0;
    border-bottom: 1px solid #53b3e0;
}

/* section07 */

#lt .sec07 .inner {
    padding-top: 10%;
}

#lt .sec07 .txt_wrap .top_txt {
    font-size: 4rem;
    color: #53b3e0;
}

#lt .sec07 .txt_wrap .top_txt1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2%;
}

#lt .sec07 .txt_wrap .top_txt1::before {
    content: '';
    background: url("../images/menu/laser-t/sec7_shape2.png") no-repeat;
    background-size: contain;
    width: 5%;
    aspect-ratio: 35/43;
    margin-right: 2.5%;
}

#lt .sec07 .txt_wrap .top_txt1::after {
    content: '';
    background: url("../images/menu/laser-t/sec7_shape1.png") no-repeat;
    background-size: contain;
    width: 5%;
    aspect-ratio: 35/43;
    margin-left: 2.5%;
}

#lt .sec07 .txt_wrap h4 {
    background: #f7fcff;
    padding: 6% 0;
    font-size: 4rem;
    border: 3px solid #6ABEE6;
    border-radius: 20px;
    margin-bottom: 4%;
    line-height: 1.5;
    color: #28353c;
}

#lt .sec07 .fee_wrap {
    padding-bottom: 8%;
}

#lt .sec07 .fee_wrap h3 {
    margin-bottom: 4%;
}

#lt .sec07 .fee_wrap dl {
    text-align: center;
    border: 3px solid #b4def2;
    margin: 0 3% 4%;
}

#lt .sec07 .fee_wrap dl dt {
    background: #e1f2fa;
    font-size: 3.7rem;
    font-weight: 700;
    padding: 1.5% 0;
    letter-spacing: .5rem;
}

#lt .sec07 .fee_wrap dl dd {
    font-size: 3rem;
    padding: 2% 0 1%;
    letter-spacing: .2rem;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

#lt .sec07 .fee_wrap dl dd .pk_txt {
    font-size: 5.5rem;
    font-feature-settings: "palt";
    color: #e66a7a;
}

#lt .sec07 .fee_wrap dl dd .txt_s {
    font-size: 4rem;
    margin-left: -3.5%;
    margin-right: -3%;
}

#lt .sec07 .fee_wrap dl dd .txt_s1 {
    font-size: 3.5rem;
    margin-right: 4%;
}


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

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

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