html{
font-size:14px;
font-family:Meiryo,"メイリオ",Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;
}

body{
margin:0;
line-height:1.6;
color:#232323;
text-align:center;
position:relative;
}
@media screen and (max-width: 640px) {
html{
font-size: 2.6666666667vw;
}
body{
background:none;
}
body::before{
content:"";
display:block;
width:100%;
height:100vh;
background:url(/img/bg_sp.png) no-repeat;
background-size:cover;
position:fixed;
z-index:-1;
}
}

* ul,li{
margin:0;
padding:0;
list-style:none;
}
* dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}
* figure,figcaption{
margin:0;
padding:0;
}
* p{
margin:0;
padding:0;
}
* img{
border:0;
vertical-align:bottom;
max-width: 100%;
}
*{
  box-sizing: border-box;
}
* a:hover img{
filter: alpha(opacity=75);
moz-opacity: 0.75;
opacity: 0.75;
}
a{
text-decoration:none;
color:#444;
transition : all 0.3s ease 0s;
}
a:hover{
text-decoration:none;
color:#aaa;
}
a:focus, *:focus { outline:none; }

* table{
border-collapse:collapse;
}
h1,h2,h3,h4,h5,h6{
margin:0; padding:0;
font-weight:normal;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.img_pc{
display:block;
}
.img_sp{
display:none;
}
.br_sp{
display:none;
}
@media screen and (max-width: 640px) {
.img_pc{
display:none;
}
.img_sp{
display:inline-block;
}
.br_sp{
display:block;
}
}
.ttl_box{
margin-bottom:48px;
}
.ttl_box h2{
font-size:48px;
color:#bf0052;
}
.ttl_box h2 span{
color: #fff3ca;
}
.recruiting_wrap .ttl_box h2{
color:#fff;
}
.ttl_box p{
font-size:20px;
color: #eaaec8;
}
.main_img{
position:sticky;
top:0;
z-index:-1;
}
.recruiting_wrap{
background:#bf0052;
color:#fff;
padding:96px 0;
}
.recruiting_box{
display:flex;
width:1140px;
margin:auto;
justify-content:center;
align-items:center;
}
.recruiting_box > div{
width:50%;
}
.recruiting_box > dl{
text-align:left;
}
.recruiting_box > dl dt{
font-size:32px;
margin-bottom:24px;
}
.recruiting_box > dl dt .subttl span{
color:#eaaec8;
}
.recruiting_box > dl dt .en{
font-size:18px;
color: #eaaec8;
}
.recruiting_box > dl dd{
font-size:16px;
}
.step_wrap{
padding:96px 0;
background:#ffeaf2;
}
.step_wrap ul{
display:flex;
width:1140px;
margin:auto;
gap:0 32px;
}
.step_wrap ul:first-of-type{
margin-bottom:32px;
}
.step_wrap ul li{
width:calc(100% - 16px;)
}
.step_wrap ul li img,
.step_wrap .step_box img {
filter: drop-shadow(0px 4px 8px rgb(234, 186, 203));
}
.step_wrap .step_box::before{
content:"";
display:block;
width:232px;
height:100px;
background:url(/img/arrow_1.png) no-repeat;
margin:24px auto;
}
.howto_wrap{
padding:96px 0;
background:#fff;
}
.howto_wrap ul{
display:flex;
width:1140px;
margin:auto;
gap:0 32px;
}
.howto_wrap ul:first-of-type{
margin-bottom:32px;
}
.howto_wrap ul li{
width:calc(100% - 16px;)
}
.howto_wrap .howto_box::before{
content:"";
display:block;
width:232px;
height:100px;
background:url(/img/arrow_2.png) no-repeat;
margin:24px auto;
}
.registration_wrap{
padding:96px 0 64px;
background:#fff;
}
.registration_wrap .btn_box li:not(:last-child){
margin-bottom:24px;
}
@media screen and (min-width: 620px) {
.registration_wrap .btn_box img{
max-width:640px;
}
}
.registration_wrap dl{
margin-top:48px;
font-size:16px;
}
.registration_wrap dl dt{
font-size:40px;
}
.registration_wrap dl dt span{
color:#bf0052;
}
.registration_wrap dl dd strong{
color:#f44aaf;
}
#footer{
padding:64px 0 32px;
background: #bf0052;
color: #fff;
}
#footer dt img{
width:240px;
}
#footer dd{
font-size:16px;
margin:16px 0 24px;
}
#footer .copyright{
font-size:14px;
}
@media screen and (max-width: 640px) {
.ttl_box{
margin-bottom:2.4rem;
}
.ttl_box h2{
font-size:3rem;
}
.recruiting_wrap .ttl_box h2{
font-size:4.8rem;
line-height:1.3;
}
.ttl_box p{
font-size:2rem;
}
.recruiting_wrap,
.step_wrap,
.howto_wrap{
padding:6.4rem 0;
}
.recruiting_box{
flex-direction:column;
width:100%;
}
.recruiting_box > div{
order:-1;
width:100%;
}
.recruiting_box > dl{
margin-top:2.4rem;
}
.step_wrap ul {
width: 100%;
flex-direction:column;
padding:0 1.4rem;
gap:1.6rem 0;
}
.step_wrap ul:first-of-type{
margin-bottom:1.6rem;
}
.step_wrap .step_box{
padding:0 1.4rem;
}
.step_wrap .step_box::before{
width:116px;
height:50px;
background:url(/img/arrow_1.png) no-repeat;
background-size:116px 50px;
margin:1rem auto;
}
.howto_wrap ul {
width: 100%;
flex-direction:column;
padding:0 1.4rem;
gap:1.6rem 0;
}
.howto_wrap ul:first-of-type {
margin-bottom: 1.6rem;
}
.howto_wrap .howto_box{
padding:0 1.4rem;
}
.howto_wrap .howto_box::before{
width:116px;
height:50px;
background:url(/img/arrow_2.png) no-repeat;
background-size:116px 50px;
margin:1rem auto;
}
.registration_wrap{
padding:6.4rem 0 4.8rem;
}
.registration_wrap .btn_box{
padding:0 1.4rem;
}
.registration_wrap .btn_box li:not(:last-child){
margin-bottom:1.6rem;
}
.registration_wrap dl dt{
font-size:2rem;
}
.registration_wrap dl dd{
font-size:1.4rem;
text-align:left;
padding:0 1.4rem;
}
#footer{
padding:4.8rem 0 3.2rem;
}
#footer dt img{
width:20rem;
}
#footer dd{
font-size:1.5rem;
margin:16px 0 24px;
}
#footer .copyright{
font-size:1.3rem;
}
}