@charset "UTF-8";

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

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


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

@media screen and (max-width:720px) {
.recruit-layout p.list01{top:68%; font-size: 2.8rem;}
.recruit-layout p.list02{font-size: 2rem;}
}

@media screen and (max-width:550px) {
.border-recruit {/*background: linear-gradient(transparent 50%, #fced8a 50%); color:#000000;*/ padding:0 8px;}

.recruit-layout p.list01{top:65%; font-size: 2.1rem;}
.recruit-layout p.list02{font-size: 1.3rem;}
}

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