@charset "UTF-8";


:before,
:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.abox {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.spc-link {
   height: 200px;
   background: #FFF;
   position: relative;
}
.spc-link .btn2 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 80%;
   max-width: 380px;
}
@media screen and (max-width: 1023px) {
.spc-link {
   height: 150px;
   background: #FFF;
   position: relative;
}
}
.recruitlink {
   z-index: 1;
}

.special04 {
   background: linear-gradient(90deg, rgba(217,140,175,1) 0%, rgba(217,140,175,1) 50%, rgba(221,168,155,1) 50%, rgba(221,168,155,1) 100%);
}
.special04:before {
   width: 70%;
   height: 1px;
   padding: 0 0 50%;
   left: 0;
   top: 0;
   background-image: url("../img/spc_img/spc04_deco.png");
   background-position: left top;
}
.ttl-area {
   padding: 100px 0 0;
}
.ttl-area h1 {
   width: 354px;
   margin: 0 auto;
   top: 50px;
   position: relative;
}
.ttl-area .title-bg {
   width: 100%;
   margin: 0 auto;
   max-width: 1200px;
}
.intro {
   padding: 0 0 120px;
   width: 90%;
   margin: -5% auto 100px;
   max-width: 980px;
   position: relative;
}
.intro .content-box {
   width: 80%;
   max-width: 780px;
   margin: 0 auto;
   position: relative;
}
.intro h2 {
   color: #FFF;
   font-size:min(5vw,45px);
   font-weight: 600;
   text-align: center;
   margin-bottom: 30px;
}
.intro .mp01 {
   color: #FFF;
   font-size:min(2vw,18px);
   font-weight: 500;
   text-align: center;
}
.special04 section {
   padding: 0 0 80px;
   position: relative;
}
.section-ttl {
   width: 180px;
   margin: 0 auto 40px;
}
.special04 section .split-box {
   width: 90%;
   max-width: 980px;
   margin: 0 auto 40px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.special04 section .full-box {
   width: 90%;
   max-width: 980px;
   margin: 0 auto 80px;
}
.split-box > div {
   width: 46%;
   position: relative;
   padding: 20px 0 0;
}
.special04 section .split-box .ttl {
   position: absolute;
   width: 180px;
   left: calc(50% - 90px);
   top: 0;
   z-index: 2;
}
.special04 h3 {
   color: #FFF;
   text-align: center;
   font-size:min(2.2vw,22px);
   font-weight: 500;
   line-height: 1.6em;
   margin: 40px 0 20px;
}
.sp-p01 {
   color: #FFF;
   font-size: 16px;
   font-weight: 400;
}

@media screen and (max-width: 1023px) {
.ttl-area {
   padding: 50px 0 0;
}
.ttl-area h1 {
   width: 200px;
   margin: 0 auto;
   top: 20px;
   position: relative;
}
.ttl-area .title-bg {
   width: 100%;
   margin: 0 auto;
   max-width: 600px;
}
.intro {
   padding: 0 0 120px;
   width: 90%;
   margin: -5% auto 50px;
   max-width: 980px;
   position: relative;
}
.intro .content-box {
   width: 90%;
   margin: 0 auto;
   position: relative;
}
.intro h2 {
   color: #FFF;
   font-size:min(5vw,30px);
   font-weight: 600;
   text-align: center;
   margin-bottom: 30px;
   white-space: nowrap;
}
.intro .mp01 {
   color: #FFF;
   font-size:min(3.6vw,18px);
   font-weight: 500;
   text-align: center;
}
.special04 section {
   padding: 0 0 30px;
   position: relative;
}
.section-ttl {
   width: 120px;
   margin: 0 auto 40px;
}
.special04 section .split-box {
   width: 80%;
   max-width: 980px;
   margin: 0 auto 20px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.special04 section .full-box {
   width: 80%;
   max-width: 980px;
   margin: 0 auto 80px;
}
.split-box > div {
   width: 100%;
   position: relative;
   padding: 10px 0 0;
   margin-bottom: 50px;
}
.special04 section .split-box .ttl {
   position: absolute;
   width: 110px;
   left: calc(50% - 55px);
   top: 0;
}
.special04 h3 {
   color: #FFF;
   text-align: center;
   font-size:min(4.8vw,16px);
   font-weight: 500;
   line-height: 1.6em;
   margin: 30px 0 20px;
}
.sp-p01 {
   color: #FFF;
   font-size: 13px;
   font-weight: 400;
}

}