@charset "UTF-8";


.bg_mari::before {
    background-image:url(../imgs/recruitment/bg_mari.png);
    background-repeat:no-repeat;
    /*background-size:cover;*/
    z-index:-1;
}
.bg_white-btm::before {
  height:min(200px,13.8vw);
}
.bg_oneday::before {
    background-image:url(../imgs/recruitment/oneday_bg.png);
    background-position:top 38vw right 1.66vw;
    background-repeat:no-repeat;
    background-size:68vw;
    z-index:1;
}

/* -------------------------------------
recruitment_info
------------------------------------- */
#recruitment_info {
  
}
.info_ditail {
  display:flex;
  gap:38px;
  margin-bottom:90px;
}
.info_ditail-item {
  width:calc((100% - 38px)/2);
}
.info_sttl {
  color:#fff;
  font-size:26px;
  font-weight:600;
  line-height:1;
  text-align:center;
  width:280px;
  border-radius:20px;
  background-image: linear-gradient(90deg, rgba(249, 212, 200, 1), rgba(241, 162, 168, 1));
  padding:7px 15px;
  margin:0 auto 58px;
}
.info__bg_wrap {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:30px;
  background:url(../imgs/recruitment/bg_shippou_yel.png) center center no-repeat;
  background-size:cover;
}
.info__bg_wrap.list_top {
  justify-content: flex-start;
  padding-top:60px;
}
.info_list1 {
  text-align:center;
}
.info_list1 dt {
  text-align:center;
  width:113px;
  margin:0 auto 10px;
  background-color:#fff;
  border-radius:12px;
}
.info_list1 dd {
  font-size:16px;
  line-height:1.44;
}
.info_list1 dd:not(:last-of-type) {
  margin-bottom:15px;
}
.info_list1 dd span.stx {
  font-size:14px;
}
.info_list2 {
  margin-bottom:25px;
}
.info_list2 >* {
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.info_list2 li:not(:last-child) {
  margin-bottom:46px;
}
.info_list2 .num {
  color:#fff;
  font-size:19px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image: linear-gradient(90deg, rgba(249, 212, 200, 1), rgba(241, 162, 168, 1));
  width:45px;
  height:45px;
}
.info_list2 .ltt {
  font-size:16px;
  width:calc(100% - 57px);
}
.info_list2 .ltt p {
  max-width:360px;
}
.info_list2 .ltt span.stx {
  font-size:13px;
}
.info_list2 .ltt dl {
  display:flex;
  flex-wrap:wrap;
  max-width:380px;
}
.info_list2 .ltt dl dd {
  width:calc(100% - 6em);
}

.info_ditail_note {
  font-size:16px;
  border:1px solid #040000;
  padding:20px;
  width:100%;
  max-width:437px;
  margin:0 auto;
}
.info_ditail_note ul {
  padding-left:1em;
  text-indent:-1em;
}
.ditail_note-txt {
  padding-left:1em;
}
.ditail_note-txt .stx {
  font-size:13px;
  display:inline-block;
}


.contact_rec_wrap {
  padding-bottom:100px;
}
.btn_contact_rec {
  color:#fff;
  font-size:28px;
  line-height:1.6;
  text-align:center;
  background-color:#dc6a87;
  width:100%;
  max-width:421px;
  padding:20px;
  margin:0 auto;
  border-radius:15px;
}
.btn_contact_rec span {
  font-size:15px;
  display:block;
}


/* -------------------------------------
oneday
------------------------------------- */
#oneday {
  padding:78px 0 60px;
}
.oneday_wrap {
  position:relative;
  z-index:1;
}
.oneday_ttl {
  font-size:29px;
  line-height:1.2;
  text-align:center;
  width:27.6%;
  max-width:332px;
  min-width:175px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:1 / 1;
  background:url(../imgs/recruitment/oneday_ttl-bg.png) 0 0 no-repeat;
  background-size:contain;
  margin:0 auto min(88px,6.1vw);
}
.oneday_sttl {
  color:#fff;
  font-size:33px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
  width:80%;
  max-width:822px;
  min-width:640px;
  background:url(../imgs/recruitment/oneday_sttl-bg.png) 0 0 no-repeat;
  background-size:cover;
  border-radius:40px;
  margin:0 auto min(88px,6.1vw);
  padding:20px;
}
.schedul_sec {
  font-weight:400;
  margin-bottom:min(116px,8vw);
}
.schedul_sec.last {
  margin-bottom:0;
}
.schedul_sec .sec_name {
    color:#231815;
    font-size:27px;
    text-align:center;
    line-height:1;
    background-color:#dfd5b8;
    width:145px;
    padding:20px;
    margin-bottom:35px;
}
.schedul_sec .schedule_cap {
  font-size:24px;
    margin-bottom:35px;
    position:relative;
}
.schedul_sec .cap_note {
  font-size:13px;
  padding:0 0.5em;
  text-decoration:underline;
}
.schedul_sec .imgbk {
  display:flex;
  gap:29px;
}
.schedul_sec .imgbk >* {
  width:calc((100% - 29px)/2);
}
.schedul_sec .img_cap {
  padding-top:10px;
}

.schedul_sec .img_notetxt {
  font-size: 24px;
  text-indent:-1em;
  padding-left:1em;
}


footer {
  padding-top:0;
}


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


}


@media screen and (max-width: 1260px) {
/* -------------------------------------
recruitment_info
------------------------------------- */
.info_sttl {
    font-size: clamp(22px,2vw,26px);
    margin-bottom:min(58px,4.6vw);
}
.info_list2 .ltt {
    font-size: clamp(14px,1.27vw,16px);
}

.info_list1 dd {
    font-size: clamp(14px,1.27vw,16px);
}
.info_ditail_note {
    font-size: clamp(14px,1.27vw,16px);
}

.btn_contact_rec {
    font-size: clamp(24px,2.22vw,28px);
}
.btn_contact_rec span {
    font-size: clamp(13px,1.19vw,15px);
}

/* -------------------------------------
oneday
------------------------------------- */
.oneday_ttl {
    font-size: clamp(24px,2.3vw,29px);
}
.oneday_sttl {
    font-size: clamp(26px,2.6vw,33px);
}

.schedul_sec .sec_name {
    font-size: clamp(22px,2.14vw,27px);
    padding:15px;
}
.schedul_sec .schedule_cap {
    font-size: clamp(20px,1.9vw,24px);
}

.schedul_sec .img_notetxt {
    font-size: clamp(20px,1.9vw,24px);
}

}

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


}

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


}

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

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




}

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




}

@media screen and (max-width: 768px) {
/* -------------------------------------
recruitment_info
------------------------------------- */
.info_ditail {
  display:block;
  max-width:500px;
  margin:0 auto;
}
.info_ditail-item {
    width: 100%;
  margin-bottom:60px;
}


/* -------------------------------------
oneday
------------------------------------- */
.oneday_sttl {
  min-width:100%;
}



}

@media screen and (max-width: 700px) {
.schedul_sec .img_cap br {
    display:none;
}


}

@media screen and (max-width: 640px) {
.oneday_ttl {
    font-size: clamp(20px, 3.75vw, 24px);
    min-width: 150px;
    margin-bottom:40px;
}
.oneday_sttl {
    font-size: clamp(22px, 4vw, 26px);
    padding: 15px;
    margin-bottom:40px;
}
.schedul_sec {
  margin-bottom:50px;
}
.schedul_sec .sec_name {
    font-size: clamp(18px, 3.43vw, 22px);
    margin-bottom: 20px;
    width:23vw;
    max-width: 145px;
    min-width:100px;
}
.schedul_sec .schedule_cap {
    font-size: clamp(16px, 3.12vw, 20px);
    line-height:1.4;
    margin-bottom: 15px;
}
.schedul_sec .cap_note {
  display:inline-block;
  margin-bottom:5px;
  padding:0;
}
.schedul_sec .imgbk {
  flex-direction:column;
  gap: 20px;
}
.schedul_sec .imgbk >* {
    width: 100%;
}

.schedul_sec .img_notetxt {
    font-size: clamp(16px, 3.12vw, 20px);
    line-height:1.4;
}


}

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


}

@media screen and (max-width: 500px) {
.info__bg_wrap,.info__bg_wrap.list_top {
  padding:40px 20px;
}
.info_list2 .ltt dl {
  flex-direction:column;
}
.info_list2 .ltt dl dd {
    width:100%;
    padding-left: 1em;
}



}

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



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


}

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

}

@media screen and (min-width: 769px) {
 
}