:root {
    --145px:13.43vw;
    --136px:12.59vw;
    --130px:12.04vw;
    --277px:25.65vw;
    --212px:19.63vw;
}

@media (max-width:767px) {
    :root {
        --145px:38.67vw;
        --136px:36.27vw;
        --130px:34.67vw;
        --277px: 73.87vw;
        --212px:  56.53vw;
    }
}

#shopbrand {
    padding-top: 0;
}
@media (min-width: 768px) {
    .sb-unplugged {
        .v3-lp__top {
            position: fixed;
            width: var(--375px);
            top: 0;
        }
        .v3-lp__mv {
            margin-top: 70px;
        }
    }
}


.l-wrapper {
    background-color: #fff;

    &.lp1 {
        background-color: #F8F9FB;
    }
}

.v3-lp__container{
    padding: 0 var(--20px);
}

.v3-lp__heading{
    font-size: var(--22px);
    line-height: var(--36px);  
    font-weight: 700;
    margin-bottom: var(--20px);
    text-align: center;
}

.v3-lp__top{
    padding-block: var(--14px);
    background-color: #F1F1F1;
    position: relative;


    .l-sb-header-nav {
        position: absolute;
        background-color: #F1F1F1;
        width: 100%;
        top: var(--60px);
        left: 0;
        padding: var(--8px) var(--28px) var(--32px);
        opacity: 0;
    }

    .sb-lower-l-nav-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    ul.sb-lower-l-nav-list li {
        width: calc((100% - var(--32px)) / 2);
        padding: var(--13px) 0;
        border-bottom: 1px solid #e0e0e0;

        &:last-child {
            border: none;

            a span {
                display: inline-block;
                &::after {
                    content:  "";
                    position: absolute;
                    top: 50%;
                    right: var(--6px);
                    display: block;
                    width: var(--9px);
                    height: var(--13px);
                    content: " ";
                    background: url(../images/static/icon_pdf.png) no-repeat center center / contain;
                    transform: translateY(-50%);
                }
            }
        }

        .c-btn {
            width: 100%;
            display: flex;
        }

        a {
            position: relative;
            display: block;
            font-size: var(--13px);
            font-weight: 700;
            
            &:not(.c-btn)::before {
                content: "";
                position: absolute;
                top: 50%;
                right: 0;
                display: block;
                width: 0.3333333333em;
                height: 0.5833333333em;
                content: " ";
                background: url(../images/static/icon-right.svg) no-repeat center center / contain;
                transform: translateY(-50%);
            }

        
        }

        .c-btn-s {
            min-width: 13.7rem !important;
            min-height: 4.9rem;
            padding: var(--10px) var(--1px);
        }

        .c-btn-line {
            color: #191919;
            background-color: transparent;
        }
    }

    ul.sb-lower-l-nav-list li .c-btn {
        span {
            font-size: var(--10px);
            font-weight: 400;
        }
    }

}

.v3-lp__menu-icon img {
    transition: all 0.35s ease;
}
.v3-lp__top {
    position: relative;
    z-index: 9;
    &.is-active {

        .v3-lp__menu-icon img {
            transform: rotate(180deg);
        }

        .l-sb-header-overlay {
            height: calc(100vh - 12rem);
            opacity: 1;
            transition: opacity .3s 0s, height 0s 0s;
        }

        .l-sb-header-nav  {
            opacity: 1;
        }
    }

    .l-sb-header-overlay {
        position: absolute;
        top: 12rem;
        left: 0;
        display: block;
        width: 100%;
        height: 0;
        content: " ";
        background-color: rgba(0, 0, 0, .4);
        opacity: 0;
        transition: opacity .3s 0s, height 0s .3s;
    
    }
}

.v3-lp__flex{
    display: flex;
    align-items: center;
    gap: var(--31px);
    justify-content: space-between;
}
.v3-lp__left{
    font-size: var(--12px);
    line-height: var(--16px);
}
.v3-lp__right{
    display: flex;
    align-items: center;
    gap: var(--10px);
}
.v3-lp__menu{
    display: none;
    align-items: center;
    gap: var(--5px);
}
.v3-lp__menu-icon img{
    width: var(--14px);
}
.v3-lp__menu-text{
    font-size: var(--12px);
    line-height: var(--17px);
}
.v3-lp__btn{
    font-size: var(--14px);
    line-height: var(--20px);
    background-color: #000;
    color: #fff;
    padding: var(--6px) var(--17px);
    border-radius: var(--28px);
    transition: all 0.25s ease;
}
.v3-lp__btn:hover{
    opacity: 0.8;
}

.v3-lp__tagline-wrapper{
    margin-block: var(--40px) var(--40px);
}
.v3-lp__tagline-img{
    width: var(--210px);
    margin-bottom: var(--40px);
}
.v3-lp__tagline-text{
    font-size: var(--22px);
    line-height: var(--36px);
}


.v3-lp1-model__heading {
    font-size: var(--22px);
    font-weight: 400;
    padding-inline: var(--20px);
    padding-block: var(--40px);
}
.v3-lp1-recommend__video{
    line-height: 0;
}
.v3-lp1-recommend__block {
    background-color: #52655F;
}

.v3-lp1-recommend__heading {
    font-size: var(--20px);
    line-height: var(--33px);
    text-align: center;
    font-weight: 500;
    color: #fff;
    padding-block: var(--30px);
}

.v3-lp1-recommend__row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--56px) var(--9px);
    flex-wrap: wrap;
    margin-bottom: var(--36px);


}

.v3-lp1-recommend__col {
    width: calc(100%/ 2 - var(--5px));
    position: relative;
}

.v3-lp1-recommend__col::after {
    content: "";
    position: absolute;
    background-image: url("../images/static/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: var(--12px);
    height: var(--6px);
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(-1 * var(--16px));
}

.v3-lp1-recommend__img {
    margin-bottom: var(--10px);
}

.v3-lp1-recommend__description {
    font-size: var(--12px);
    color: #fff;
    line-height: var(--18px);
    letter-spacing: -0.011em;
    min-height: var(--74px);
    letter-spacing: -0.011em;
    /* padding-bottom: 16px; */

    .sm {
        font-size: var(--10px);
    }
}

.v3-lp1-recommend__highlight {
    font-size: var(--12px);
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 0, 0.6) 100%,
    rgba(255, 255, 0, 0.6) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 100%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}


.v3-lp1-recommend__bold {
    font-weight: 700;
}

.v3-lp1-title-bold sup {
    vertical-align: super !important;
    font-size: var(--10px);
    font-weight: 500;
}

.v3-lp1-recommend__txt {
    font-size: var(--11px);
    line-height: var(--17px);
    color: #fff;
    padding-bottom: var(--40px);

    &.indent {
        text-indent: -1em;
        padding-left: 1em;
    }

    &.pb0 {
        padding-bottom: 0;
    }
}

/* point */
.v3-lp1-point__wrap {
    margin-bottom: var(--60px);
}

.v3-lp1-heading-green {
    width: 100%;
    padding: var(--15px);
    background: var(--color-green);
    text-align: center;
    color: #fff;
    font-size: var(--20px);
    font-weight: 500;
    line-height: var(--26px);

    &.md {
        font-size: var(--17px);
    }
}

.v3-lp1-heading-green.mt30 {
    margin-top: 30px;
}

.v3-lp1-heading-greentext{
    display: block;
    font-size: var(--16px);
    font-weight: 500;
    line-height: var(--26px);
}

.v3-lp1-title-bold {
    font-size: var(--18px);
    font-weight: 700;
    line-height: var(--32px);
    text-align: center;
    margin-block: var(--30px);

    &.-md {
        font-weight: 500;
    }

    .dot {
        position: relative;

        &::after {
            content: "";
            background-color: #000;
            width: var(--3px);
            height: var(--3px);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: calc(var(--1px) * -1);
            border-radius: 100%;
        }
    }
}

.v3-lp1-point__image {
    width: var(--335px);
    height: auto;
}

.v3-lp1-point__sml {
    font-size: var(--11px);
    font-weight: 400;
    line-height: var(--16px);
    color: #888888;
    margin-block: var(--15px) var(--20px);
}
.v3-lp1-point__sml.mb {
    margin-block: var(--15px) var(--30px);
}

.v3-lp1-point__sml.mt {
    margin-block: var(--0px) var(--0px);
    line-height: var(--17px);
    text-indent: -1em;
    padding-left: 1em;
}

.v3-lp1-point__sml.center {
    text-align: center;
}

.v3-lp1-point__text {
    font-size: var(--16px);
    font-weight: 400;
    line-height: var(--28px);
    padding-bottom: var(--30px);
    text-align: center;

    &.pt {
        padding-top: var(--20px);
    }
}
.v3-lp1-point__text.pb0 {
  padding-bottom: 0;
}

.v3-lp1-point__text.sm {
    font-size: var(--16px);
    font-weight: 400;
    line-height: var(--26px);
    letter-spacing: 0;
    padding-bottom: var(--0px);
    text-align: center;
}
.v3-lp1-point__subtitle{
    font-size: var(--20px);
    font-weight: 400;
    line-height: var(--26px);
    text-align: center;
    margin-bottom: var(--30px);

    &.mb20 {
        margin-bottom: var(--20px);
    }
}
.v3-lp1-point__subtitle span{
    display: block;
    font-size: var(--12px);
    line-height: var(--26px);
}

.v3-lp1-perfect__headmove {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-inline: calc(var(--6px) * -1);
    margin-bottom: var(--29px);
}

.v3-lp1-perfect__headmove-img {
    max-width: var(--106px);
    width: 100%;
    height: auto;
}

.v3-lp1-perfect__swiper-text {
    font-size: var(--20px);
    font-weight: 400;
    line-height: var(--29px);
    text-align: center;
    padding-block: var(--15px);
}

.v3-lp1-perfect__btm-img {
    max-width: var(--335px);
    width: 100%;
    height: auto;
}

.v3-lp1-heading-opticalpower {
    background-color: #f6f6f6;
    margin-bottom: var(--15px);
}

.v3-lp1-optical__title{
    font-size: var(--18px);
    font-weight: 700;
    line-height: var(--26px);
    display: block;
}

.v3-lp1-img-optical {
    max-width: var(--145px);
    width: 100%;
    margin-inline: auto;
    margin-top: var(--3px);
    display: block;
}

.v3-lp1-img-wrap {
    max-width: var(--277px);
    width: 100%;
    margin-inline: auto;
}

.v3-lp1-optical-contentwrap {
    padding: var(--11px) var(--10px) var(--11px) var(--20px);
}

.v3-lp1-optical-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--35px);
}

.v3-lp1-optical-text {
    font-size: var(--14px);
    font-weight: 700;
    text-align: center;
    line-height: var(--21px);
}
.v3-lp1-optical-text:last-child {
  width: var(--136px);
}

.v3-lp1-optical-text span {
    font-weight: 400;
    line-height: 0;
}

.v3-lp1-bodycare__row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.v3-lp1-bodycare__col{
    width: calc(100% / 3 - (var(--13px)));
}
.v3-lp1-bodycare__img{
    position: relative;
}
.v3-lp1-bodycare__img::after{
    content: "";
    position: absolute;
    border-left: var(--7px) solid transparent;
    border-right: var(--7px) solid transparent;
    border-top: var(--8px) solid #B19070;
    right: calc(-1 * var(--18px));
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
}
.v3-lp1-bodycare__col:last-child .v3-lp1-bodycare__img::after {
    content: none;
  }
  
.v3-lp1-bodycare__text{
    text-align: center;
    font-size: var(--20px);
}

.v3-lp1-safety__row{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--11px);
    margin-bottom: var(--40px);
}
.v3-lp1-safety__row-image{
    width: 100%;
    max-width: var(--94px);
    height: auto;
}
.v3-lp1-safety__row-text{
   font-size: var(--16px);
   font-weight: 400;
   line-height: var(--28px);
}
.v3-lp1-safety__btm{
    position: relative;
}
.v3-lp1-safety__btm-desc{
    content: '';
    font-size: var(--20px);
    font-weight: 400;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding-inline: var(--26px);
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--20px);
}


/* POINT */
.v3-lp-point__top {
    padding-top: var(--20px);

    &.blue {
        padding-bottom: var(--15px);
        .v3-lp-point__box {
            background-color: #B5CFE8;
            color: #000;
        } 

        .v3-lp-point__box::after {
            background-image: url(../images/static/v3-lp-dwn-arww-black.svg);
        }
    }
}

.v3-lp-point__row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: var(--10px) var(--9px);
}

.v3-lp-point__box {
    width: calc((100% / 2) - (var(--9px) / 2));
    background-color: #000000;
    color: #fff;
    padding: var(--12px) 0 var(--30px);
    position: relative;
}

.v3-lp-point__box::after {
    content: "";
    background-image: url(../images/static/v3-lp-dwn-arww.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: var(--12px);
    height: var(--6px);
    position: absolute;
    bottom: var(--12px);
    left: 50%;
    transform: translateX(-50%);
}

.v3-lp-point__tag {
    font-size: var(--14px);
    font-weight: 700;
    max-width: var(--98px);
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: var(--20px);
    padding: var(--5px) 0 var(--4px);
}

.v3-lp-point__txt {
    font-size: var(--11px);
    font-weight: 700;
    text-align: center;
    line-height: var(--19px);
    margin-top: var(--13px);
    span {
        font-size: var(--8px);
    }
}

.v3-lp-point__txt .sm {
    font-size: var(--8px);
    line-height: 1;
}

.v3-lp-point__block {
    margin-top: var(--55px) ;
}

.v3-lp-point__main-img {
    padding-left: var(--103px);
}

.v3-lp-point__content {
    margin-top: var(--17px);

    &.mt40 {
        margin-top: var(--40px);
    }
}



.v3-lp-point__inner {
    margin-top: var(--30px);

    &.mt20 {
        margin-top: var(--20px);
    }
}

.v3-lp-point__men-razor{
    margin-top: var(--48px);
}

.v3-lp-point__num {
    font-size: var(--14px);
    line-height: var(--20px);
    font-weight: 700;
} 

.v3-lp-point__content-ttl {
    font-size: var(--24px);
    font-weight: 700;
    line-height: var(--35px);
    margin-top: 9px;
}

.v3-lp-point__text {
    font-size: var(--16px);
    line-height: var(--27px);
    font-weight: 400;
    text-align: start;
    margin-top: var(--20px);

    &.mb {
        margin-bottom: var(--30px);
    }

    &.tcenter {
        text-align: center;
    }
}

.v3-lp-point__text .fw {
    font-weight: 700;
}

.v3-lp-point__gray-txt {
    font-size: var(--14px);
    line-height: var(--23px);
    font-weight: 400;
    color: #888888;
    margin-top: var(--20px);

    &.mt15 {
        margin-top: var(--15px);
    }

    &.indent {
        text-indent: -1em;
        padding-left: 1em;
    }
}

.v3-lp-point__be-after {
    margin-top: var(--30px);
    padding-inline: var(--12px);
    margin-bottom: var(--40px);
}

.v3-lp-point__be-after-t {
    color: #866C53;
    font-size: var(--18px);
    font-weight: 500;
    line-height: var(--26px);
    text-align: center;
    margin-bottom: var(--20px);
}

.v3-lp-point__struc {
    margin-bottom: var(--50px);
}

.v3-lp-point__text-sm {
    font-size: var(--11px);
    font-weight: 400;
    line-height: var(--17px);
    color: #888888;
    margin-top: var(--15px);
}

.v3-lp-point__btm {
    margin-top: var(--40px);
}

.v3-lp-point__btm.mt30 {
    margin-top: var(--30px);
}

.v3-lp-point__power {
    margin-top: var(--30px);

    &.mt {
        margin-top: var(--40px);
    }
}

.v3-lp-point__power-ttl {
    margin-bottom: var(--20px);
    font-size: var(--20px);
    line-height: var(--26px);
    font-weight: 400;
    text-align: center;
}

.v3-lp-point__power-ttl .md {
    font-size: var(--12px);
    line-height: 1;
}

.v3-lp-point__wrp {
    margin-bottom: var(--60px);

    &.mb50 {
        margin-bottom: var(--50px);
    }
}

.v3-lp-point__wrp.rev .v3-lp-point__main-img{
    padding-left: 0;
    padding-right: var(--103px);
}

.v3-lp-point__uv-btm {
    margin-top: var(--60px);
}

.v3-lp-point__sub-ttl {
    text-align: center;
    line-height: var(--32px);
    font-size: var(--20px);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;

    &.mb15 {
        margin-bottom: var(--15px);
    }
}

.v3-lp-point__sub-ttl .sm {
    font-size: var(--8px);
    line-height: 1;
}

/* POINT */

.v3-lp__border-box{
    padding: var(--40px) var(--20px) var(--5px);
    border: var(--1px) solid #707070;
    background-color: #fff;
}
.v3-lp__border-box:not(:last-of-type){
    margin-bottom: var(--20px);
}

.v3-lp__hair {
    padding: var(--30px) 0;
}

.v3-lp__hair-desc{
    font-size: var(--16px);
    line-height: var(--27px);
    text-align: center;
    margin-bottom: var(--15px);
}
.v3-lp__hair-desc.mb20{
    margin-bottom: var(--20px);
}
.v3-lp__hair-blur{
    font-size: var(--14px);
    line-height: var(--22px);
    color: #888888;
    margin-bottom: var(--10px);

    &.indent {
        text-indent: -1em;
        padding-left: 1em;
    }
}
.v3-lp__hair-bold{
    font-size: var(--16px);
    line-height: var(--24px);
    font-weight: 700;
    text-align: center;
    margin-block: var(--20px) var(--15px);
}

.v3-lp__warrenty{
    margin-block: var(--50px) var(--60px);
}
.v3-lp__warrenty-img{
    max-width: var(--79px);
    margin-inline: auto;
    margin-bottom: var(--30px);
}
.v3-lp__warrenty-text{
    font-size: var(--16px);
    line-height: var(--27px);
    text-align: center;
    margin-bottom: var(--10px);
}
.v3-lp__warrenty-text-gray{
    font-size: var(--14px);
    line-height: var(--20px);
    color: #888;
}
.v3-lp__warrenty-list{
    margin-block: var(--27px) var(--20px);
}
.v3-lp__warrenty-list p{
   font-size: var(--14px); 
}
.v3-lp__warrenty .v3-lp__border-box{
   padding-bottom: var(--30px); 
}

.v3-lp__razor-box{
    display: block;
    position: relative;
}
.v3-lp__razor-box:not(:last-of-type){
    margin-bottom: var(--20px);
}
.v3-lp__razor-flex{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 var(--20px);
    position: absolute;
    bottom: var(--20px);
    width: 100%;
}
.v3-lp__razor-ttl{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.v3-lp__razor-ttl span:first-child{
    font-size: var(--16px);
    line-height: var(--24px);
}
.v3-lp__razor-ttl span:last-child{
    font-size: var(--26px);
    line-height: var(--37px);
    font-weight: 700;
}
.v3-lp__razor-btn{
    font-size: var(--14px);
    line-height: var(--20px);
    letter-spacing: 0.1em;
    padding: var(--11px) var(--23px);
    border: var(--1px) solid #000;
    border-radius: var(--28px);
    transition: all 0.25s ease;
}
.v3-lp__razor-btn:hover{
    opacity: 0.8;
}

/* v3-LP SLIDER one */
.v3-lp1-perfect__swiper-wrap {
    padding-inline: var(--44px);
    margin-bottom: var(--40px);
    cursor: grab;

}

.v3-lp1-perfect__swiper-wrap .swiper-pagination {
    position: unset;
    line-height: 0;
}

.v3-lp1-perfect__swiper-wrap .swiper-pagination-bullet-active {
    background: #000000;
}

.v3-lp1-perfect__swiper-wrap .swiper-slide img {
    border-radius: 100%;
}

/*  */

/* v3-LP slider two */

.v3-lp-point-sliders {
    padding-inline: var(--10px);
}

.v3-lp-point-slider__wrapper {
    margin-top: var(--40px);
    cursor: grab;

    .swiper-slide img {
        border-radius: 100%;
    }
}

.v3-lp-point-slider__wrapper .swiper-pagination {
    position: unset;
    line-height: 0;
}

.v3-lp-point-slider__wrapper .swiper-pagination-bullet-active {
    background: #000000;
}

.v3-lp-point-slide-txt {
    font-size: var(--20px);
    line-height: var(--29px);
    font-weight: 400;
    text-align: center;
    margin-top: var(--16px);
    margin-bottom: var(--20px);
}

.v3-lp-point-slide-sub-txt {
    font-size: var(--13px);
    line-height: var(--21px);
    margin-top: var(--10px);
    text-align: center;
    padding-bottom: var(--20px);
}

/* v3-LP slider two */

/* v3-lp slider three */
.v3-lp-point-slider__wrapper.v3-lp3 .swiper-pagination {
    margin-top: var(--30px);
}
/* v3-lp slider three */


/* FAQ */

.v3-lp-faq {
    margin-top: var(--60px);
}

.v3-lp-faq__ttl {
    text-align: center;
    font-size: var(--24px);
    line-height: var(--35px);
    font-weight: 700;
    margin-bottom: var(--20px);
}

.v3-lp-faq__q-block {
    display: flex;
    align-items: center;
    gap: var(--10px);
    background-color: #000000;
    padding: var(--15px) var(--16px) var(--15px) var(--18px);

    img {
        width: var(--21px);
        flex-shrink: 0;
    }
}

.v3-lp-faq__q-txt {
    color: #fff;
    font-size: var(--14px);
    line-height: var(--20px);
    font-weight: 700;
}

.v3-lp-faq__a-block {
    padding: var(--15px) var(--14px) var(--25px) var(--18px);
    display: flex;
    align-items: flex-start;
    background-color: #242424;
    color: #fff;
    gap: var(--10px);
    

    img {
        width: var(--23px);
        flex-shrink: 0;
    }
}

.v3-lp-faq__a-txt {
    font-size: var(--12px);
    line-height: var(--20px);
    letter-spacing: -0.01em;
    font-weight: 400;
}

/* FAQ */


/* INQUIRY-BTM */
.v3-lp-inquiry {
    background-color: #fff;
    padding: var(--50px);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--20px);
}

.v3-lp-inquiry-btn {
    width: 100%;
}

.v3-lp-inquiry-btn a {
    width: 100%;
    height: var(--44px);
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--28px);
    font-size: var(--14px);
    line-height: var(--20px);
    font-weight: 400;
    transition: all 0.35s ease;

    &:hover {
        opacity: 0.75;
    }
}

.v3-lp-inquiry-btn.white a {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;

    span {
        position: relative;

        &::after {
            content:  "";
            position: absolute;
            right: calc(var(--24px) * -1);
            top: 50%;
            transform: translateY(-50%);
            width: var(--16px);
            height: var(--18px);
            background-image: url('../images/static/v3-lp-faq-pdf.svg');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }
    }
}

/* INQUIRY-BTM */


/* LP3 */
.v3-lp3-point__ttl {
    font-size: var(--16px);
    line-height: var(--23px);
    font-weight: 700;
    margin-top: var(--20px);
    text-align: center;
}

.v3-lp-point__top-wrp {
    background-color: #F0F0F0;
    padding: var(--30px) 0;
}

/* Learn more btn */
.v3-lp-point__learn {
    width: 100%;

    a {
        max-width: var(--158px);
        margin: 0 auto;
        height: var(--44px);
        display: flex;
        align-items: center;
        justify-content: center;
        border: var(--1px) solid #000;
        border-radius: var(--28px);
        font-size: var(--14px);
        line-height: var(--20px);
            position: relative;

            &::after {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='Group_43' data-name='Group 43' transform='translate(-89 154) rotate(-90)'%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='7' cy='7' r='7' transform='translate(140 89)'/%3E%3Cg id='Group_38' data-name='Group 38' transform='translate(-0.5 -0.5)'%3E%3Cline id='Line_12' data-name='Line 12' x2='3' y2='3' transform='translate(144.5 95.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_13' data-name='Line 13' x1='3' y2='3' transform='translate(147.5 95.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                width: var(--14px);
                height: var(--14px);
                top: 50%;
                transform: translateY(-50%);
                right: var(--10px);
                position: absolute;
            }
    }
}
/* Learn more btn */

/* QUESTIONNAIRE & REVIEW */
.v3-lp-review {
    margin-top: var(--60px);
}

.v3-lp-review__head {
    margin-bottom: var(--37px);
    text-align: center;
    text-align: center;

    .xs {
        font-size: var(--14px);
        line-height: var(--20px);
        font-weight: 400;
        color: #191919;
    }

    .lg {
        font-size: var(--28px);
        line-height: var(--40px);
        font-family: "Source Sans Pro","Noto Sans JP",sans-serif;
        font-weight: 600;
        color: #191919;
        margin-top: calc(var(--5px) * -1);
        display: inline-block;
    }
}

.v3-lp-review__btn {
    max-width: var(--130px);
    width: 100%;
    margin: var(--40px) auto 0;

    a {
        text-align: center;
        width: 100%;
        height: var(--40px);
        background-color: #7A866B;
        color: #fff;
        border-radius: var(--27px);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.35s ease;
        font-size: var(--16px);

        &:hover {
            opacity: 0.75;
        }
    }
}

.v3-lp-review__slider .swiper-wrapper {
    transition-timing-function:linear
}

/* QUESTIONNAIRE & REVIEW */

.v3-lp3-video-iframe {
    line-height: 0;
    iframe {
        width: 100%;
        height: var(--212px);
    }
}

.v3-lp-point__be-after .v3-c-effect__comparison {
    .left {
        .v3-c-effect__comparison-slider {
            .v3-c-effect__comparison-slider-handle {
                background : #000;

                &::after {
                    background: #333333;
                }
            }
        }

        .banner {
            background: #000000;

            
            .v3-c-effect__comparison-slider-tag {
                color: #000;
            }
        }
    }
}

.v3-lp-point__be-after.lp3 {
    margin-bottom: var(--20px);
}

.v3-lp-point__be-after.lp3 .v3-c-effect__comparison {
    .left {
        .v3-c-effect__comparison-slider {
            .v3-c-effect__comparison-slider-handle {
                background : #B5CFE8;

                &::after {
                    background: #B5CFE8;
                }
            }
        }

        .banner {
            background: #B5CFE8;

            
            .v3-c-effect__comparison-slider-tag,.v3-c-effect__comparison-slider-title {
                color: #000;
            }
        }
    }
}

.v3-lp__tagline-wrapper .v3-lp-point__gray-txt {
    margin-top: var(--5px);
    letter-spacing: 0.05em;
}

.v3-p-purchase {
    padding: 0 0 var(--30px);
    background-color: #fff;
}

.v3-p-purchase__img {
    padding-inline: var(--7px) var(--9px);
}



/* YOU CAN DELETE THIS, THIS ONLY FOR THE TESTING SITE */
.v3-c-btn-follow {
    &::after {
        background: url("../images/common/icon-circle-arrow.svg") no-repeat center;
        background-size: var(--32px);
    }
}
/* YOU CAN DELETE THIS, THIS ONLY FOR THE TESTING SITE */


/* THE LITTLE SPACE AT THE BOTTOM */
.makeshop-modal-window {
    display: none;
}