@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;
}

.caution .border-text{
padding: min(2vw, 5px);
font-size: min(2.5vw, 12px) !important;
line-height: 1;
margin-bottom: min(2vw, 5px);
}

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





/* 中国モデル */

.pro_mark {
display: inline-flex;
justify-content: center;
align-items: center;
width: 2.4em;
height: 2.4em;
background-color: #eee;
border-radius: 50%;
font-size: 0.65em;
font-weight: bold;
line-height: 1;
vertical-align: middle;
margin-left: 0.4em;
font-family: 'Montserrat', "Yu Gothic Medium";
}
.header-model{
display: inline-block;
font-size:min(3vw , 18px);
font-weight: 300;
}
.mode-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px 30px;
margin-bottom: 60px;
}
.mode-item {
display: flex;
flex-direction: column;
}
.mode-header {
background-color: #e8e4dc;
color: #005c5a;
padding: 8px 15px;
font-size:min(4.3vw , 22px);
font-weight: 600;
text-align: center;
margin-bottom: 15px;
font-feature-settings: "palt";
letter-spacing: .15em;
}
.mode-body {
display: flex;
gap: 15px;
align-items: center;
}
.mode-img {
flex: 0 0 50%;
}
.level .mode-img {
flex: 0 0 30%;
}
.mode-info {
flex: 1;
}
.mode-name {
color: #00b397;
font-size:min(4.8vw , 24px);
font-weight: bold;
margin-bottom: 10px;
display: block;
font-feature-settings: "palt";
}
.mode-details,
.mode-details p {
font-size:min(3.5vw , 18px);
list-style: none;
line-height: 1.5;
}
@media (min-width: 768px) {
.mr-10em-pc{
margin-right: 10rem;
}
}
@media (max-width: 767px) {
.mode-grid {
grid-template-columns: 1fr;
}
.ems-body {
flex-direction: column;
align-items: flex-start;
}
.ems-img {
width: 100%;
}
}