@charset "UTF-8";


/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#recruit .header{background-color:#333;padding: 0 0 30px 0;}
main .recruit-job-detail .recruit-jobframe{ width: 1200px; margin: 0 auto;padding: 60px 0 60px 0;}
#recruit .recruiting .recruiting__card-info-row {display: grid;
grid-template-columns: clamp(220px, 86.667px + 1.736vw, 120px) 1fr;
margin: 0;}
#recruit .recruiting .recruiting__card-info-title {
padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 24px;
padding-left: clamp(12px, 4px + 1.042vw, 24px);font-size: 14px;
font-weight: 400;line-height: 1.6;color: #333;background-color: #F2F2F2;}


.jobbtn-frame{ text-align: center; margin:0 0 40px 0;}
.jobbtn-frame .btn{
    width: min(70%, 870px);
    margin: 0 auto;
    position: relative;}
.jobbtn-frame .btn a{
    display: block;
    padding-block: clamp(24px, 4px + 1.563vw, 34px);
    padding-inline: 8px;
    font-size: clamp(14px, 8.67px + 0.694vw, 22px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #333;
    background-color: #E0C389;
    cursor: pointer;
}
.jobbtn-frame .btn::after {
    content: "→";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #333;
  }
}

/* ========================================
@media screen and (min-width:768px) and (max-width:1280px) {
======================================== */
@media screen and (min-width:768px) and (max-width:1280px) {
#recruit .header{background-color:#333;padding: 0 0 2.34375vw 0;}
main .recruit-job-detail .recruit-jobframe{width: 93.75vw;margin: 0 auto;padding: 4.6875vw 0 4.6875vw 0;}
#recruit .recruiting .recruiting__card-info-row{display: grid;grid-template-columns: clamp(17.1875vw, 6.7708333333vw + 0.135625vw, 9.375vw) 1fr;margin: 0;}
#recruit .recruiting .recruiting__card-info-title{padding-top: 1.5625vw;padding-right: 1.5625vw;padding-bottom: 1.5625vw;padding-left: 1.875vw;padding-left: clamp(0.9375vw, 0.3125vw + 0.08140625vw, 1.875vw);font-size: 1.09375vw;font-weight: 400;line-height: 1.6;color: #333;background-color: #F2F2F2;}
}


/* ========================================
@media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#recruit .header{background-color:#333;padding: 0 2.8vw 7.25vw 3.2vw;}
#recruit .recruiting .recruiting__inner {width: 100%;height: auto;padding-top: 14.5vw;}
main .recruit-job-detail .recruit-jobframe{width:90%;margin:0 auto;padding:10vw 0 0vw 0;}
#recruit .recruiting .recruiting__card-info-row {display:block;grid-template-columns: 24.2vw 1fr;margin: 0;width: 100%;}
#recruit .recruiting .recruiting__card-info-title{padding-top:4.83vw;padding-right:4.83vw;padding-bottom:4.83vw;padding-left:5.8vw;padding-left:clamp(2.9vw,0.97vw + 1.042vw,5.8vw);font-size:3.38vw;font-weight:400;line-height:1.6;letter-spacing:0.25vw;color:#333;background-color:#F2F2F2;}

.jobbtn-frame{ text-align:center; margin:0 0 5vw 0;}
.jobbtn-frame .btn{ width:90%; margin:0 auto; position:relative;}
.jobbtn-frame .btn a{ display:block; padding-block:clamp(5.8vw,0.97vw + 1.563vw,8.21vw); padding-inline:1.93vw; font-size:clamp(3.38vw,2.09vw + 0.694vw,5.31vw); font-weight:700; line-height:1; letter-spacing:0.25vw; text-align:center; color:#333; background-color:#E0C389; cursor:pointer;}
.jobbtn-frame .btn::after{ content:"→"; position:absolute; top:50%; transform:translateY(-50%); right:9.66vw; font-size:5.31vw; font-weight:700; line-height:1; letter-spacing:0.25vw; color:#333;}

}