@charset "UTF-8";

/* リクルート---------------------------------*/
.recruit-layout{position: relative;/*親要素にrelative*/ text-align:center;}
.recruit-layout p.list01{position: absolute;/*重ねたい子要素にabsolute*/
top:67%; left: 0%;
font-size: 3.0rem;
margin: 0!important;/*文字がずれている場合や*/
padding: 0!important;/*文字が折り返される場合*/
text-align:left;
background-color: rgba(239,239,239,0.4);
backdrop-filter: blur(2px);
}

.recruit-layout p.list02{position: absolute;/*重ねたい子要素にabsolute*/
top:77%; left: 0%;
font-size: 2.2rem;
margin: 0!important;/*文字がずれている場合や*/
padding: 0!important;/*文字が折り返される場合*/
text-align:left;
background-color: rgba(239,239,239,0.4);
backdrop-filter: blur(2px);
}

.recruit-layout p.list03{position: absolute;/*重ねたい子要素にabsolute*/
top:84%; left: 0%;
font-size: 2rem;
margin: 0!important;/*文字がずれている場合や*/
padding: 0!important;/*文字が折り返される場合*/
text-align:left;
background-color: rgba(239,239,239,0.4);
backdrop-filter: blur(2px);
}


@media screen and (max-width:980px) {
.recruit-layout p.list01{top:65%;}
.recruit-layout p.list02{top:73%;}

}

@media screen and (max-width:720px) {
.recruit-layout p.list01{top:58%; font-size: 2.8rem;}
.recruit-layout p.list02{top:72%; font-size: 1.8rem;}
.recruit-layout p.list03{top:84%; font-size: 1.8rem;}

}

@media screen and (max-width:550px) {
.recruit-layout p.list01{font-size: 2.1rem;}
.recruit-layout p.list02{font-size: 1.3rem;}
.recruit-layout p.list03{font-size: 1.3rem;}
}

/* リクルート---------------------------------*/