@charset "UTF-8";







.btnarea {
margin-bottom: 30px;
}
.btnarea li {
margin-bottom: min(2vw,15px);
}
.btn-base {
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
width: 100%;
height: min(12.8vw , 80px);
font-size: min(3.47vw , 1.8rem);
font-weight: 600;
line-height: min(12.8vw , 80px);
color: #000;
text-align: center;
background: #fff;
border: 1px solid #000;
background-repeat: no-repeat;
position: relative;
}
.btn-base img {
width: 18px;
margin-right: 10px;
}
.btn-base::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
transform: scale(0, 0);
opacity: 0;
transition: transform 0.3s, opacity 1s;
}
.btn-base:hover::after {
transform: scale(10, 10);
transition: 0.3s;
opacity: 0.1;
}






.round_number{
position: absolute;
width: min(12vw , 8rem);
height: min(12vw , 8rem);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: bold;
top: max(-3vw , -1rem);
left: min(7vw , 5rem);
background-color: #5f5a51;
color: #dfca9c;
font-family: 'Montserrat', sans-serif;
font-size: min(5.6vw, 30px) !important;
}







.section_liftup {
box-sizing: border-box;
text-align: center;
height: 160vw;
background: url("/images/products/pl_liftlogy-pro/point3_section_liftup_back_sp.jpg")
no-repeat center center;
background-size: cover;
color: #000!important;
}
.section_liftup .text {
margin: 0;
}
.back_brown.pd-8em{
padding: min(8vw, 8rem)!important;
}
.gap-6 {
gap: 6%;
}
.section_liftup_under {
background-color: #5f5a51;
}
@media screen and (min-width: 768px) {
.section_liftup {
height: 400px;
background: #c3beba url("/images/products/pl_liftlogy-pro/point3_section_liftup_back.jpg")
no-repeat center center;
background-size: 2000px auto;
align-content: center;
}
.section_liftup .text {
margin: 0 7rem 3rem 0;
}
.text-right-pc {
text-align: right;
}
}









.cosme .wrapper {
background-color: #445267;
padding: min(2vw, 6rem);
}
.cosme .cosme_header {
padding: min(2vw, 1rem);
text-align: center;
letter-spacing: 0.1em !important;
}
.cosme .box_gray {
background-color: #5b6d88;
}
.cosme .box_gray a {
display: block;
padding: min(8vw, 4rem);
position: relative;
}
.cosme .box_gray a:after {
content: "";
display: inline-block;
width: min(5vw, 30px);
height: min(6vw, 35px);
background: url("/images/products/blue-green-mask-lift/cosme_arrow.svg") no-repeat;
background-size: contain;
position: absolute;
right: min(4vw, 3rem);
bottom: min(4vw, 3rem);
}
.cosme hr.light {
border-top: #889ab6 solid 1px;
}
.cosme_tag{
background-color: #5b6d88;
font-weight: 600;
color: #fff;
line-height: 1;
padding: min(1vw, .5rem);
display: block;
margin: 0 auto min(3vw, 1rem);
width: min(24vw, 10rem);
text-align: center;
font-size: min(3.73vw, 17px) !important;
}
.cosme .back_white{
background-color: #fff;
color: #5b6d88;
line-height: 1;
padding: min(1vw , 5px);
margin-bottom: min(2vw , 1rem);
display: inline-block;
font-weight: 600;
}