@charset "UTF-8"
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.slider {
  margin: 0;
  padding: 0;
}
.slick-img{
  position: relative;
  container-type: inline-size;
}
.slick-img img {
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
}

.brand-rap{
  position: absolute;
  top: 9%;
  left: 3.75%;
  width: 50%;
}

.recruit-rap{
  position: absolute;
  top: 0;
  left: 2%;
  width: 55%;
  text-align: center;
  color: #595858;
}

.slick-txt{
	font-family: 'Noto Sans JP',sans-serif;;
}
.slick-txt .brand-h1{
  font-size: 6.5cqw;
	font-weight:400;
	line-height: 1.15;
	margin: 0 0 24px 0;
}

.slick-txt .brand-h1 span{
  font-size: 3cqw;
}
	
.slick-txt .brand-txt{
  font-size: 1.3cqw;
	font-weight:400;
  line-height: 2.15;
}

.slick-txt .recruit-h1{
  font-size: 7cqw;
	font-weight:500;
	/*line-height: 1.2;
	margin: 0 0 3% 0;*/
}
.slick-txt .recruit-h1 span{
  font-size: 4cqw;
}

.slick-txt .recruit-txt_white{
	font-size: 2.5cqw;
	font-weight:400;
  color: #fff;
  line-height: 1.55;
}
.slick-txt .recruit-txt{
	font-size: 2cqw;
	font-weight:400;
  line-height: 1.5;
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);
  margin: 2.5% 0;
}



/*button*/
.btn-main{
	border-radius: 100vh;
	vertical-align: middle;
	text-align: center;
}

.btn-main.brand{
	background: #FF5F5F;
  margin-bottom: 25px;
  position: absolute;
  bottom: 0;
  left: 3.75%;
  width: 25%
}

.btn-main.recruit{
	background: #00828A;
  margin-bottom: 3%;
  position: absolute;
  bottom: 0;
  left: 17.5%;
  width: 25%;
}

.btn-main a{
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 5%;
  font-size: 1.3cqw;
}

.btn-main a::after{
	background: url("../shared/v0010/img/arr_white.svg") no-repeat center left/14px 20px;
	right: 20px;
}

.btn-main a:hover::after{
	right: 15px;
}


@media print, screen and (max-width:767px) {
  .brand-rap{
    top:10%;
  }
  
  .slick-txt .brand-h1{
    margin: 0 0 5px 0;
  }
  .slick-txt .brand-txt{
  font-size: 1.8cqw;
	font-weight:400;
  line-height: 1.35;
}
  
  .slick-txt .recruit-txt{
    margin: 5.25% 0;
  }
  .slick-txt .recruit-h1{
    margin: 2% 0;
  }
  .slick-txt .recruit-txt_white{
    line-height: 1;
  }

  .btn-main{
    border-radius: 0;
  }
  .btn-main a{
    font-size: 0.75rem;
    padding: 10px 40px 10px 20px;
  }
  .btn-main.brand,.btn-main.recruit{
    width: 100%;
    left: 0;
    margin: 0;
  }
}

@media print, screen and (max-width:538px) {
    .slick-txt .recruit-txt{
    margin: 4% 0;
  }
}
@media print, screen and (max-width:480px) {
    .slick-txt .recruit-txt{
    margin: 2.75% 0;
  }
}

#mee_index{
  overflow: hidden;
}