@charset "UTF-8"; /* sp
----------------------------------------------- */
.recruit p{margin-bottom:0;}
.recruit .title{font-size: 8vw;font-weight: bold;text-align: center;line-height: 1.5;letter-spacing: 2px;margin-bottom: 7vw;}
.recruit .title small{display:block;font-size: 60%;font-family: "Josefin Sans";font-weight: normal;color: #b5b5b5;letter-spacing: 3px;}

.recruit-list {border-top:1px solid #ccc;}
.recruit-list > li{border-bottom: 1px solid #ccc;position:relative;}
.recruit-list > li a{padding:5% 2%;overflow: hidden;position: relative;z-index: 1;}
.recruit-list > li:after{content: "\f105";font-family: 'icon';color: #666;position: absolute;top: 50%;right: 4vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.recruit-list > li .shop {display: inline-block;color: #86bcc5;font-size: 5vw;font-weight: bold;margin-right: 2%;}
.recruit-list > li .name{font-size: 4vw;display: inline-block;line-height: 1;font-weight: bold;background: #e8e8e8;padding: 1% 5%;border-radius: 20px;}
.recruit-list > li .info{font-size: 3.8vw;display: inline-block;line-height: 1;background: #e8e8e8;padding: 4px 15px;border-radius: 20px;font-weight: bold;position: relative;top: -3px;}
.recruit-list > li .ad{width: 86%;}

.recruit_detail__title {margin-bottom: 0;text-align: center;}
.recruit_detail__title--frame { display: block; margin: auto; }
.recruit_detail__title--frame span, .recruit_detail__title--frame strong { margin-bottom: 2vw; display: inline-block; vertical-align: middle; font-weight: bold; }
.recruit_detail__title--frame span { width: 40%; line-height: 19px; font-size: 3.2vw; color: #fff; border-radius: 7px; }
.recruit_detail__title--frame strong { line-height: 1.4; font-size: 4vw; }
.recruit_detail__title--frame span.type1 { margin-right: 2vw; background: #949494; }
.recruit_detail__title--frame span.type2 { background: #b8b8b8; }

.recruitBlock03 {max-width: 100%;width: 900px;margin: 0 auto;}
.recruitBlock03 table {font-size:13px;line-height:inherit;table-layout: fixed;word-break: break-all;word-wrap: break-all;width: 100%;}
.recruitBlock03 table td{ width:100%; display:block; padding: 0 0 5%; border-bottom: #cacaca solid 1px; }
.recruitBlock03 table th { border:none; padding: 5% 0; display: block; text-align: left; font-weight: bold; }
.recruitBlock03 iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.recruit-fixed {position: fixed;bottom: 1vw;left: 1vw;width: 50vw;z-index: 10;}
.recruit-fixed img {width: 100%;}

/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.recruit .title{font-size:40px;margin-bottom: 40px;}
.recruit-list > li{padding:0}
.recruit-list > li:after{z-index:2;right:30px;}
.recruit-list > li a{padding: 30px 20px;background: #fff;}
.recruit-list > li .shop {font-size: 20px;margin-right: 10px;}
.recruit-list > li .name{font-size: 14px;padding: 4px 15px;line-height: 1;}
.recruit-list > li .info{font-size:18px;}
.recruit-list > li .ad{font-weight:bold;}

.recruit-list > li:hover:after{right:20px;}
.recruit-list > li a::after {background: linear-gradient(90deg, #fffbf1 8%, #f5fbff);position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;transform: scale(0, 1);transform-origin: left top;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);z-index: -1;}
.recruit-list > li a:hover{opacity:1;}
.recruit-list > li a:hover::after {transform: scale(1, 1);}

.recruit_detail__title {margin-bottom: 0;text-align: center;}
.recruit_detail__title--frame {max-width: 646px;}
.recruit_detail__title--frame span, .recruit_detail__title--frame strong {margin-bottom: 20px;}
.recruit_detail__title--frame span {width: 142px;font-size: 16px;}
.recruit_detail__title--frame strong {line-height: 1.4;font-size: 28px;}
.recruit_detail__title--frame span.type1 {margin-right: 20px;}

.recruitBlock03 { max-width: 90%; width: 900px; margin: 0 auto; }
.recruitBlock03 table { font-size:16px; line-height:2; width: 100%; table-layout: fixed; word-break: break-all; word-wrap: break-all; }
.recruitBlock03 table a{ text-decoration:underline; }
.recruitBlock03 table img{ max-width: 100%;; }
.recruitBlock03 table th{width: 30%;}
.recruitBlock03 table th, .recruitBlock03 table td{border-bottom:#cacaca solid 1px;padding:25px 0;display: table-cell;}

.recruit-fixed {bottom: 20px;left: auto;right: 20px;width: 220px;}

}

/* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
}