@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=M+PLUS+Rounded+1c&display=swap');

#lp-head{
width:100%;
padding-top:90vh;
margin-top:73px;
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
position:relative;
}
#lp-head-catch{
width:max-content;
color:#fff;
font-family: "M PLUS 1p", sans-serif;
font-size:3.6rem;
line-height:1.4;
text-align:center;
position:absolute;
top:45%;
left:50%;
transform:translate(-50%,-50%);
}
#lp-head-catch span{
font-size:8rem;
font-weight:500;
text-align:center;
margin-bottom:20px;
display:block;
}

#lp-head-point{
width:76%;
display:flex;
flex-flow:wrap;
justify-content:center;
position:absolute;
top:-140px;
left:50%;
transform:translatex(-50%);
}

#lp-head-point dl{
width:210px;
height:210px;
margin:0 auto 0 auto;
background:#00585d;
position:relative;
}
#lp-head-point dt{
width:max-content;
color:#fff;
font-size:2.7rem;
line-height:1.4;
text-align:center;
padding:0;
margin:0;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#lp-head-point img{
margin:0 auto 10px auto;
display:table;
}

.lp-sec{
width:100%;
font-size:1.7rem;
line-height:1.5;
padding:100px 0;
margin:0 auto;
position:relative;
}
.lp-sec p{
width:100%;
font-family: "M PLUS 1p", sans-serif;
font-size:2.1rem;
line-height:2.4;
letter-spacing:inherit;
margin-top:80px;
text-align:center;
display:block;
}

.lp-content-title{
width:max-content;
color:#00585d;
font-family: "M PLUS 1p", sans-serif;
font-size:4rem;
font-weight:500;
line-height:1.5;
text-align:center;
margin:0 auto;
}
.lp-content-title span{
width:fit-content;
margin:0 auto;
background:linear-gradient(transparent 60%, #ffff00 60%);

}

#lp-recommendation-block{
width:80%;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:center;
}

#lp-recommendation-block dl{
width:220px;
height:220px;
background:#fff;
border:1px solid #000;
position:relative;
}
#lp-recommendation-block dl dt{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#lp-recommendation-block dl dt img{
margin:0 auto 10px auto;
display:table;
}