@charset "UTF-8";


/* エリア00 */
div.area00{text-align:center;}

div.top--about{
  margin:clamp(50px,5.208vw,100px) auto 0;
  overflow:hidden;
  border-radius:0 10px 10px 10px;
}

/* エリア02 */
div.area02{background: url('../../img/recruit/front/webp/image02.png') center top/cover no-repeat;}
@supports (background: url('../../img/recruit/front/webp/image02.webp')) {
  div.area02 {
    background: url('../../img/recruit/front/webp/image02.webp') center top/cover no-repeat;
  }
}

/* エリア03 */
div.area03{background: url('../../img/recruit/front/webp/image03.png') center top/cover no-repeat;}
div.area03::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:0;
  left:0;
  width:50%;
  height:100%;
  background:rgba(255,255,255,0.9);
}
@supports (background: url('../../img/recruit/front/webp/image03.webp')) {
  div.area03 {
    background: url('../../img/recruit/front/webp/image03.webp') center top/cover no-repeat;
  }
}
div.area03 div.content p{width:max(60%,400px);}

div.column{height:max(100vh,1080px);}
div.column div.content{
  display:flex;
  align-items:center;
  height:100%;
}

@media screen and (max-width:768px){

div.column{height:max(100%,100vh);}

/* エリア02 */
div.area02{background: url('../../img/recruit/front/webp/image02-sp.webp') center top/cover no-repeat;}
div.area02 div.content div.txt{width:100%;}

/* エリア03 */
div.area03.column{height:100vh;}
div.area03.column div.content{align-items:flex-end;}

}