@charset "UTF-8";

.feature_column > div{
background-color: #fff;
display: inline-flex;
flex-wrap: wrap;
gap: min(3vw , 4rem);
padding: min(8vw , 4rem);
border-radius: 1rem;
justify-content: center;
align-items: center;
}
.feature_column h4{
color: #005c5a;
font-size: min(5vw , 2.8rem);
font-weight: 600;
display: inline-block;
border-bottom: 1px #005c5a solid;
padding-bottom: 1rem;
margin-bottom: 3rem;
}
#feature{
background:#005c5a url(/images/products/blue-green-mask-lift/function_back.png) no-repeat right center;
background-size: auto 430px;
background-position: center bottom;
color: #fff;
}
#feature .header-l.line:after{
border-bottom: solid 2px #fff;
}
.marker{
background: linear-gradient(transparent 65%, #d8ebde 0%);
}
.text_blue{
color: #005c5a;
}
.container{
padding-top: min(5vw , 6rem)!important;
}
#function hr{
border-top: #dbd8d5 solid 1px;
}
.cosme .wrapper{
background-color: #edf3f3;
padding: min(2vw , 6rem);
}
.cosme .cosme_header{
padding: min(2vw , 1rem);
text-align: center;
letter-spacing:0.1em!important;
}
.cosme .box_gray {
background-color: #fff;
}
.cosme .box_gray a {
display: block;
padding: min(8vw, 4rem)
}
.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;
position: absolute;
right: min(8vw , 5rem);
bottom: min(8vw , 5rem);background-size: contain;
}

#function{
background-color: #f7f6f5;
}
.func_ems_tit{
width:min(33vw , 180px);
margin-bottom: min(6vw , 3rem);
}
.func_led_tit{
width:min(31vw , 168px);
margin-bottom: min(6vw , 3rem);
}
#function .fs24{
font-size: min(4.8vw, 24px) !important;
}

@media (min-width: 641px){
#feature{
background-size: auto 916px;
}
#howto .howto_column{
flex-wrap: nowrap;
}
.text-right-pc{
text-align: right;
}
}