@charset "UTF-8";
/* job
----------------------------------------------- */
.jobs-intro{width: 100%;padding: 5vw 0 10vw;}
.jobs-midashi{text-align: center;display: block; font-size: 4.5vw;font-weight: bold;margin: 0 auto 10vw;}


.jobs-intro .text{ width: 100%; }
.jobs-intro .text p{margin-bottom: 4vw;font-size: 3.5vw;line-height: 1.8;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}


.job_li{background: url(../images/jobs_bg.jpg);background-size: cover;padding: 0 0 10vw;margin-bottom: 20vw;}
.job_li ul{width: 100%;}
.job_li li{margin-bottom:10vw;}
.job_li_img{width: 100%;}
.job_li_img img{width: 100%;}
.job_li_text{width: 100%;}
.job_li_text dl{width: 90%;margin: auto;padding: 6vw 0 0vw;}
.job_li_text dt{font-size: 4vw;font-weight: bold;line-height: 1.8;margin-bottom: 6vw;}
.job_li_text dd{font-size: 3.5vw;line-height: 1.8;}
.job-more{font-size: 4vw;text-align: center;position: relative;width: 60%;letter-spacing: .08rem;line-height: 1.25;margin: 5vw 0 0 auto;}
.job-more:after{content:"";display:inline-block;width:8vw;height:3vw;background:url(../images/more01_arrow.svg) center center / 100% no-repeat;position: absolute;top: 46%;right: 5%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


.job_content{padding: 10vw 0 10vw;}
.job_content .text{width: 100%;margin: auto;}
.job_content .text p{font-size: 3.5vw;line-height: 1.8;}

.job-img{width: 100%;margin: 0 auto 10vw;}
.job-img img{width: 100%;margin: 0;}

.job_outline{background:#f5f5f1;padding: 10vw 0 10vw;}
.job_outline_table{width: 100%;margin: auto;background:#fff;padding: 4vw;}
.job_outline table{width: 100%;margin: auto;}
.job_outline table tr{  border-bottom: 1px solid #cbcbcc;}
.job_outline table tr:last-child{border-bottom: none;}
.job_outline table th,.job_outline table td{display: block;width: 100%;font-size: 3.5vw;text-align: left;}
.job_outline table th{font-weight: bold;padding: 6vw 3.5vw 0;}
.job_outline table td{padding: 3.5vw 3.5vw 6vw;}


@media screen and (min-width: 736px) {
/* pc
----------------------------------------------- */
.jobs-intro{width: 100%;padding: 40px 0 100px;}
.jobs-midashi{text-align: left;font-size: 26px;margin: 0 auto 50px;}


.jobs-intro .text{display: block;width:100%; margin: 0 auto; }
.jobs-intro .text p{font-size: 22px;margin-bottom: 20px;}

.job_li{padding: 0 0 0;margin-bottom: 100px;}
.job_li ul{width: 100%;}
.job_li li{margin-bottom:10vw;width: 960px;position: relative;margin: 0 auto 140px;padding: 45px 32px;}
.job_li_img{width: 100%;}
.job_li_img img{width: 100%;}
.job_li_text{width: 100%;}
.job_li_text dl{width: 100%;margin: 0;padding: 60px 0 0;}
.job_li_text dt{font-size: 20px;margin-bottom: 20px;}
.job_li_text dd{font-size: 16px;}
.job-more{font-size: 16px;width: 60%;letter-spacing: .08rem;line-height: 1.25;margin: 5vw 0 0 auto;}
.job-more:after{width:40px;height:18px;right: 6px;top: 50%;}


.job_li ul li{width: 960px;position: relative;margin: 0 auto 0;padding: 0;height: 417px;}
.job_li_img {position:absolute;top: 0;right: -480px;}
.job_li_img img{width: 100%;}
.job_li_text {width: 420px;margin: 0;padding: 0;}

.job_li ul li:nth-child(odd) .job_li_img{right:0;left: -480px;}
.job_li ul li:nth-child(odd) .job_li_text{margin:0 0 0 auto;}
.job_li_text{margin: 0 auto 0 0;width: 44%;}
.job_li_text p{font-size: 40px;line-height: 1.8;margin: 0 0 25px;}
 
.job_content{padding: 100px 0;}
.job_content .text{width: 100%;margin: auto;}
.job_content .text p{font-size: 18px;line-height: 1.8;}
 
.job-img{width: 100%;margin: 0 auto 10vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin: auto;}
.job-img img{width: 49%;margin: 0;}
.job-img:nth-of-type(2){margin:0 auto 40px;}

.job_outline{padding: 100px 0;}
.job_outline_table{width: 960px;margin: auto;padding: 20px;}
.job_outline table{width: 100%;margin: auto;}

.job_outline table th,.job_outline table td{display:table-cell;font-size: 16px;text-align: left;}
.job_outline table th{width:20%;font-weight: bold;padding: 20px 10px 20px;}
.job_outline table td{width: 80%;padding: 20px 10px 20px;}

}