@charset "UTF-8";



/* =====  ===== */



@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* =====  ===== */

#signboard{background:url("/base/mtl/cmn/img/recruitment/signboard-bg.jpg") no-repeat center center;background-size:cover;}
#signboard .section-image{display:none;}
#signboard .section-image img{display:none;width:100%;height:auto;}
#signboard .section-base{width:1440px;margin:0px auto;}
#signboard .section-frame{padding:60px 40px;}
#signboard .section-header{}
#signboard .section-main{display:table;}
#signboard .section-main .frame{display:table-cell;vertical-align:middle;height:320px;}

#signboard .section-header .category{font-size:200%;}

#signboard .section-main .ads{margin-top:30px;font-size:350%;line-height:130%;}
#signboard .section-main .ads span{color:#2B9098;}

@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#signboard .section-base{width:auto;}

#signboard .section-header .category{font-size:150%;}
#signboard .section-main .ads{font-size:250%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
#signboard .section-main .frame{height:240px;}

#signboard .section-header .category{font-size:125%;}
#signboard .section-main .ads{font-size:200%;}
}
@media screen and (max-width:767px){
#signboard{background:none;}
#signboard .section-image{display:block;}
#signboard .section-image img{display:block;}
#signboard .section-frame{padding:60px 20px;}
#signboard .section-header{margin-bottom:30px;}
#signboard .section-main .frame{height:auto;}
#signboard .section-main .ads{margin-top:15px;}
}
@media screen and (max-width:639px){
#signboard .section-frame{padding:45px 20px;}
}
@media screen and (max-width:479px){}



/* ===== #recruitment-top-announcement ===== */

#recruitment-top-announcement{background:#5AC5CE;color:#fff;text-align:center;}
#recruitment-top-announcement .section-base{position:relative;width:1440px;margin:0px auto;}
#recruitment-top-announcement .section-frame{padding:20px 40px;}
#recruitment-top-announcement .section-main{}
#recruitment-top-announcement .section-main .info{font-size:125%;line-height:150%;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#recruitment-top-announcement .section-base{width:auto;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){
#recruitment-top-announcement .section-frame{padding:20px;}
#recruitment-top-announcement .section-main .info{font-size:100%;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* =====  ===== */

#recruitment-top-intro{}
#recruitment-top-intro .section-base{position:relative;width:1440px;margin:0px auto;}
#recruitment-top-intro .section-frame{padding:120px 40px 30px 40px;}
#recruitment-top-intro .section-main{}

#recruitment-top-intro .section-main .item{position:relative;}
#recruitment-top-intro .section-main .item-base{}
#recruitment-top-intro .section-main .item-frame{}
#recruitment-top-intro .section-main .item-main{}
#recruitment-top-intro .section-main .item-main .ads{color:#2B9098;font-size:250%;line-height:150%;}
#recruitment-top-intro .section-main .item-main .cnt{margin-top:30px;font-size:125%;line-height:200%;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#recruitment-top-intro .section-base{width:auto;}

#recruitment-top-intro .section-main .item-main .ads{font-size:200%;}
#recruitment-top-intro .section-main .item-main .cnt{font-size:100%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
#recruitment-top-intro .section-frame{padding:90px 40px 30px 40px;}

#recruitment-top-intro .section-main .item-main .ads{font-size:150%;}
}
@media screen and (max-width:767px){
#recruitment-top-intro .section-frame{padding:90px 20px 30px 20px;}
}
@media screen and (max-width:639px){
#recruitment-top-intro .section-frame{padding:60px 20px 30px 20px;}
}
@media screen and (max-width:479px){}



/* =====  ===== */

#recruitment-top-message{}
#recruitment-top-message .section-base{position:relative;width:1440px;margin:0px auto;}
#recruitment-top-message .section-frame{padding:90px 40px;}
#recruitment-top-message .section-main{}

#recruitment-top-message .section-main .item{position:relative;width:70%;}
#recruitment-top-message .section-main .item:not(:last-child){margin-bottom:90px;}
#recruitment-top-message .section-main .item-image{margin-bottom:60px;}
#recruitment-top-message .section-main .item-image img{}
#recruitment-top-message .section-main .item-base{position:relative;z-index:100;}
#recruitment-top-message .section-main .item-frame{}
#recruitment-top-message .section-main .item-main{}
#recruitment-top-message .section-main .item-main .ads{color:#2B9098;font-size:200%;line-height:150%;}
#recruitment-top-message .section-main .item-main .cnt{margin-top:30px;font-size:125%;line-height:200%;}

#recruitment-top-message .section-main .item:nth-child(2n){margin-left:30%;}
#recruitment-top-message .section-main .item:nth-child(2n+1){}
#recruitment-top-message .section-main .item:nth-child(2n+1) .item-image{margin-left:-30%;}

#recruitment-top-message .section-main .item:nth-child(1) .deco01{position:absolute;right:-300px;top:400px;}
#recruitment-top-message .section-main .item:nth-child(1) .deco01 img{width:200px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(1) .deco02{position:absolute;right:-700px;top:-100px;}
#recruitment-top-message .section-main .item:nth-child(1) .deco02 img{width:600px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(2) .deco01{position:absolute;left:-800px;top:200px;}
#recruitment-top-message .section-main .item:nth-child(2) .deco01 img{width:600px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(2) .deco02{position:absolute;left:-700px;top:0px;}
#recruitment-top-message .section-main .item:nth-child(2) .deco02 img{width:600px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(3) .deco01{position:absolute;right:-700px;top:200px;}
#recruitment-top-message .section-main .item:nth-child(3) .deco01 img{width:600px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(3) .deco02{position:absolute;right:-800px;top:0px;}
#recruitment-top-message .section-main .item:nth-child(3) .deco02 img{width:600px;height:auto;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#recruitment-top-message .section-base{width:auto;}

#recruitment-top-message .section-main .item-main .ads{font-size:150%;}
#recruitment-top-message .section-main .item-main .cnt{font-size:100%;}

#recruitment-top-message .section-main .item{width:auto;}
#recruitment-top-message .section-main .item:nth-child(2n){margin-left:0%;}
#recruitment-top-message .section-main .item:nth-child(2n+1){}
#recruitment-top-message .section-main .item:nth-child(2n+1) .item-image{margin-left:0%;}
#recruitment-top-message .section-main .item-image img{width:100%;height:auto;}

#recruitment-top-message .section-main .item:nth-child(1) .deco01{position:absolute;right:-100px;top:400px;}
#recruitment-top-message .section-main .item:nth-child(1) .deco01 img{width:200px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(1) .deco02{position:absolute;right:-100px;top:200px;}
#recruitment-top-message .section-main .item:nth-child(1) .deco02 img{width:300px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(2) .deco01{position:absolute;left:-200px;top:200px;}
#recruitment-top-message .section-main .item:nth-child(2) .deco01 img{width:300px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(2) .deco02{position:absolute;left:-100px;top:30px;}
#recruitment-top-message .section-main .item:nth-child(2) .deco02 img{width:300px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(3) .deco01{position:absolute;right:-200px;top:100px;}
#recruitment-top-message .section-main .item:nth-child(3) .deco01 img{width:300px;height:auto;}
#recruitment-top-message .section-main .item:nth-child(3) .deco02{position:absolute;right:-160px;top:-30px;}
#recruitment-top-message .section-main .item:nth-child(3) .deco02 img{width:300px;height:auto;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){
#recruitment-top-message .section-frame{padding:90px 20px;}

#recruitment-top-message .section-main .item:not(:last-child){margin-bottom:60px;}
#recruitment-top-message .section-main .item-image{margin-bottom:30px;}
}
@media screen and (max-width:639px){
#recruitment-top-message .section-frame{padding:60px 20px;}
}
@media screen and (max-width:479px){}



/* =====  ===== */

#recruitment-top-outline{background:#F2FAFA;}
#recruitment-top-outline .section-base{position:relative;width:1440px;margin:0px auto;}
#recruitment-top-outline .section-frame{padding:120px 40px;}
#recruitment-top-outline .section-header{margin-bottom:60px;text-align:center;}
#recruitment-top-outline .section-main{margin-bottom:60px;}
#recruitment-top-outline .section-sub{margin-bottom:60px;}
#recruitment-top-outline .section-footer{text-align:center;}

#recruitment-top-outline .section-header .label{display:inline-block;padding-bottom:10px;border-bottom:2px solid #5AC5CE;font-size:250%;}

#recruitment-top-outline .section-main .list{display:flex;flex-wrap:wrap;}

#recruitment-top-outline .section-main .item{width:50%;margin-bottom:40px;}
#recruitment-top-outline .section-main .item-base{height:100%;margin:0px 20px;}
#recruitment-top-outline .section-main .item-frame{position:relative;height:100%;background:#fff;box-shadow:3px 3px 6px 1px rgba(0, 0, 0, 0.2);}
#recruitment-top-outline .section-main .item-header{}
#recruitment-top-outline .section-main .item-header .image{}
#recruitment-top-outline .section-main .item-header .image img{width:100%;height:auto;}
#recruitment-top-outline .section-main .item-main{padding:30px 40px;}
#recruitment-top-outline .section-main .item-main .job{margin-bottom:15px;color:#2B9098;font-size:200%;}
#recruitment-top-outline .section-main .item-main .charge{}
#recruitment-top-outline .section-main .item-main .charge dl{display:table;}
#recruitment-top-outline .section-main .item-main .charge dt{display:table-cell;vertical-align:middle;width:100px;padding:10px 20px;background:#F2FAFA;color:#2B9098;text-align:center;}
#recruitment-top-outline .section-main .item-main .charge dd{display:table-cell;vertical-align:middle;padding:0px 20px;line-height:150%;}

#recruitment-top-outline .section-sub .item{}
#recruitment-top-outline .section-sub .item-base{}
#recruitment-top-outline .section-sub .item-frame{}
#recruitment-top-outline .section-sub .item-main{}
#recruitment-top-outline .section-sub .item-main .outline{width:880px;margin:0px auto;}
#recruitment-top-outline .section-sub .item-main .outline dl{display:table;width:100%;border-bottom:1px solid #ccc;}
#recruitment-top-outline .section-sub .item-main .outline dt{display:table-cell;vertical-align:top;width:120px;padding:20px 0px;font-size:125%;line-height:150%;}
#recruitment-top-outline .section-sub .item-main .outline dd{display:table-cell;vertical-align:top;padding:20px;font-size:125%;line-height:150%;}

#recruitment-top-outline .section-footer .headline{margin-bottom:15px;font-size:200%;}
#recruitment-top-outline .section-footer .tel{color:#2B9098;font-size:300%;}



@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#recruitment-top-outline .section-base{width:auto;}

#recruitment-top-outline .section-header .label{font-size:200%;}
#recruitment-top-outline .section-main .item-main .job{font-size:150%;}
#recruitment-top-outline .section-main .item-main .charge dt{width:60px;padding:10px 20px;font-size:90%;}
#recruitment-top-outline .section-sub .item-main .outline dt{font-size:100%;}
#recruitment-top-outline .section-sub .item-main .outline dd{font-size:100%;}
#recruitment-top-outline .section-footer .headline{font-size:150%;}
#recruitment-top-outline .section-footer .tel{cfont-size:250%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
#recruitment-top-outline .section-frame{padding:90px 40px;}

#recruitment-top-outline .section-header .label{font-size:150%;}

#recruitment-top-outline .section-main .item-base{margin:0px 10px;}
#recruitment-top-outline .section-main .item-main{padding:20px;}
#recruitment-top-outline .section-main .item-main .charge dl{display:block;}
#recruitment-top-outline .section-main .item-main .charge dt{display:block;width:auto;margin-bottom:10px;padding:0px;background:none;color:#2B9098;font-size:80%;text-align:left;}
#recruitment-top-outline .section-main .item-main .charge dd{display:block;padding:0px;font-size:90%;}

#recruitment-top-outline .section-sub .item-main .outline{width:auto;}
}
@media screen and (max-width:767px){
#recruitment-top-outline .section-frame{padding:90px 20px;}

#recruitment-top-outline .section-main .list{display:block;flex-wrap:unset;}
#recruitment-top-outline .section-main .item{width:auto;margin-bottom:30px;}

#recruitment-top-outline .section-sub .item-main .outline dt{width:100px;font-size:90%;}
#recruitment-top-outline .section-sub .item-main .outline dd{font-size:100%;}
}
@media screen and (max-width:639px){
#recruitment-top-outline .section-frame{padding:60px 20px;}
}
@media screen and (max-width:479px){
#recruitment-top-outline .section-footer .headline{font-size:125%;}
#recruitment-top-outline .section-footer .tel{font-size:200%;}
}



/* =====  ===== */


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}