@charset "UTF-8";

.header_title h1{max-width:218px;text-align:center;margin-right:auto;margin-left:auto;}

.contents_jobs .wrapper{max-width:1162px;margin-right:auto;margin-left:auto;}

.icons{margin-bottom:5px;}
.icons ul {display: flex;flex-direction: row-reverse;}
.icons li {padding: 2px;border: 1px solid #DF9885;background: #fff;font-size: 12px;text-align: center;margin-right:5px;padding: 2px 5px;color: #DF9885;font-weight: bold;}

.jobs_outline .title p.icon{font-weight:bold;line-height:1.2;min-width:84px;padding:5px 7px;-webkit-border-radius: 5px; border-radius: 5px;color:#fff;background-color:#d36d7e;text-align:center;}
.jobs_outline .title h2{line-height:1.4;font-weight:bold;}

.jobs_outline .box .image{overflow:hidden;-webkit-border-radius: 10px; border-radius: 10px;}
.jobs_outline .box .image img{max-width:100%;}
.jobs_outline .box .text{width:100%;}

.jobs_outline .box .text h3{line-height:1.7;font-weight:bold;}
.jobs_outline .box .text p{line-height:1.64;font-size:14px;}

.jobs_outline .btn{margin:12px auto 0;text-align:center;}

.jobs_table h2{font-size:18px;line-height:1.2;margin-bottom:18px;color: #FFF;-webkit-border-radius: 5px;border-radius: 5px;background-color:#E4A900;font-weight:bold;}
.jobs_table table{width:100%;border:none;}
.jobs_table th,.jobs_table td{border:none;}
.jobs_table th{font-weight:bold;vertical-align: top;}
.jobs_table td{font-size:15px;line-height:1.46;}

.job_btn{padding-bottom:148px;text-align:center;position:relative;background: #fff8e2;}
.job_btn::before{position:absolute;content:"";display:block;bottom:0;width:100%;}


.job_btn > *{max-width:517px;width:90%;margin-right:auto;margin-left:auto;position:relative;}
.job_btn .btn{margin-bottom:18px;}

.job_btn .tel span{display: grid;text-align: left;max-width: 382px;place-content: center;color: #F09217;font-weight: bold;line-height: 2;}

.l_second .l_footer{position: relative;}
.l_footer::before{content: "";display: block;width: 100%;position: absolute;left: 0;right: 0;background: #FFF;z-index: -1;}

@media screen and (min-width:768px) {
    .header_title{margin-bottom:38px;}
    .header_title h1{padding-top:52px;}

    .contents_jobs .wrapper{padding:0 40px;}

    .jobs_outline .title{margin-bottom:25px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .jobs_outline .title h2{font-size:24px;}
    .jobs_outline .title p.icon{margin-right:12px;font-size:18px;}
    .jobs_outline .box .text h3{font-size:18px;margin-bottom:20px;}
    .jobs_outline{margin-bottom:45px;}
    .jobs_outline .box .image{max-width:528px;width:48.79%;margin-right:5%;}
    .jobs_outline .box.on_img{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .jobs_outline .box.on_img .text{width:46.21%;}
    .jobs_outline .update{margin-top:16px;font-size:10px;}

    .jobs_table{padding-bottom:42px;}
    .jobs_table h2{padding:22px 33px 21px;}
    .jobs_table th,.jobs_table td{padding:18px 0;}
    .jobs_table th{width:180px;font-size:18px;padding-left:10px;}

    .job_btn{padding:46px 0 58px;}
    .job_btn::before{height:47.1%;}

    .l_second .l_footer{padding-top: 90px;}
    .l_footer::before{height: 148px;top: -148px;}
}

@media screen and (max-width:767px) {
    .header_title{margin-bottom:25px;}
    .header_title h1{padding-top:26px;width:55%;min-width:120px;}

    .contents_jobs .wrapper{padding:0 20px;}

    .jobs_outline{margin-bottom:40px;}
    .jobs_outline .title{margin-bottom:20px;}
    .jobs_outline .title h2{font-size:20px;}
    .jobs_outline .title p.icon{font-size:16px;margin-bottom:5px;display:inline-block;}
    .jobs_outline .box .text h3{font-size:16px;margin-bottom:10px;}
    .jobs_outline .box .image{margin-bottom:10px;}
    .jobs_outline .update{margin-bottom:20px;font-size:12px;}
    .jobs_outline .btn{margin-top:20px;}

    .jobs_table{padding-bottom:30px;}
    .jobs_table h2{padding:15px 20px 14px;margin-bottom:20px;}
    .jobs_tabl table,.jobs_table tr,.jobs_table th,.jobs_table td{display:block;}
    .jobs_table th{padding:0 0 10px;font-size:16px;border-bottom:1px solid #cdcdcd;}
    .jobs_table td{padding:10px 0 20px;}

    .job_btn{padding:30px 0;}
    .job_btn::before{height:30%;}
    .job_btn > *{width:85%;}

    .l_second .l_footer{padding-top: 60px;}
    .l_footer::before{height: 74px;top: -74px;}
}

@media screen and (min-width:768px) and (max-width:1080px) {
    .jobs_outline .box .text h3 br{display:none;}
}

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

}