@charset "utf-8";
/*-----------------------------------------------
 *	下層固定
-----------------------------------------------*/
#main-wrapper{margin-bottom: 5px;}

/*===============================================
 *	recruit
===============================================*/
.catch-recruit01{max-width: 480px;margin-bottom: 2vw}
.recruit-headbox01{background: url("../img/recruit-main01_pc.png") right bottom no-repeat;margin-bottom: 3vw;padding: 0 0 3%;}
.recruit-tbl td a{text-decoration: underline;padding: 10px 5px;}
.recruit-tbl td a:hover{text-decoration:none;padding: 10px 5px;}
@media only screen and (max-width: 768px) {
.recruit-headbox01{background-size: 40%;}
.catch-recruit01 {max-width: 440px;}
}
@media only screen and (max-width: 568px) {
.recruit-headbox01{background: none;margin-bottom: 10vw;}
.catch-recruit01{margin-bottom: 4vw;}
}


/*-----------------------------------------------
 *	flow
-----------------------------------------------*/
.flow-box {border: 2px dashed #202020;color: #202020;position: relative;padding: 1em 2em 1.5em;font-size: 18px;font-weight: bold;background-color: transparent;border-radius: 6px;margin-bottom: 4vw;}
.flow-box:nth-of-type(2) {margin-bottom: 0;}
.flow-box::before {content: '';position: absolute;width: 100%;height: 100%;left: -.6rem;top: -.5rem;z-index: -1;border-radius: 6px;}
.recruit-subtitle{max-width: 754px;margin: 0 auto 3vw;}
.bg_cont-pink::before{background-color: #f9e6e6;}
.bg_cont-blue::before{background-color: #e6f0f9;}
.step-dl{display:flex;flex-wrap: wrap;margin-bottom: 1em;border-bottom: #202020 1px solid;padding-bottom: .5em;}
.step-dl dt{width: 48%;padding: 10px 10px 10px 0;box-sizing: border-box;}
.photo-btxt dt{max-width: 160px;}
.photo-ptxt dt{max-width: 136px;}
.step-dl dd{font-size: 18px;padding: 10px 0;}
.photo-ptxt,.photo-btxt{max-width: 460px;margin-left: auto;font-size: 16px;line-height:1.8;}
.photo-ptxt dd,.photo-ptxt span{color: #f65d85;font-weight: bold;}
.photo-btxt dd,.photo-btxt span{color: #5d73f6;font-weight: bold;}
.rec-photobox {width: 85%;margin-left: auto;}
.rec-photo{max-width: 330px;position: absolute;left: -30px;top: -15px;transform: rotate(-6deg);}

@media only screen and (max-width: 768px) {
.photo-ptxt, .photo-btxt {max-width: 440px;}
.rec-photo {max-width: 200px;left: -60px;}
}
@media only screen and (max-width: 568px) {
.recruit-subtitle{margin: 0 auto 4em;}
.rec-photobox {width: 83%;margin: 0 0 0 10px;padding-top: 130px;}
.rec-photo {left: 0;right: 0;top: -10%;margin: 0 auto;}
.bg_cont-blue{margin-bottom: 4em;}
.step-dl dt{padding: 0;}
.step-dl dd {font-size: 15px;}
.flow-box {padding: 130px 1rem 1rem;}
.photo-ptxt,.photo-btxt {margin-left: 0;font-size: 13px;}

}