@charset "UTF-8";

/* recruit ----------------------------------------------- */
.recruit img{width:100%;margin-bottom: 3%;}
.recruit .second-text{width:100%;padding:0;}
.recruit .inner{width:90%;margin:0 auto;}

.intro .title{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;font-size: 6.5vw;text-align: center;margin-bottom: 4%;}
.intro .title small{font-size: 60%;display:block;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu GothicMedium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ,Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;background: #f0e0dd;padding: 3% 0;color: #935951;margin-top: 8px;}

.recruit .info{margin-bottom:10%}
.recruit .info table{width:100%;}
.recruit .info tr{border-bottom:1px solid #e8e8e8;}
.recruit .info tr:nth-child(1){border-top:1px solid #e8e8e8;}
.recruit .info th,.recruit .info td{padding: 3% 3%;line-height: 1.6;vertical-align: middle;font-size: 90%;}
.recruit .info th{background:#e8e8e8;width:35%;border-bottom:1px solid #ffffff;}
.recruit .info tr:nth-last-child(1) th{border-bottom:none;}
.recruit .info td{width:65%;}
.info table p{background: #000000;padding:0 5px;margin: 15px 0 6px 0;color: #fff;}
.info table p.mt0{margin-top:0;}

.recruit .gre{background:#f5edeb;padding: 14% 0% 8% 0;position:relative;margin-bottom: 10%;}
.recruit .gre:before{content: "";width: 64%;height: 25vw;background: url(../images/nail/greeting.png) no-repeat top;background-size: contain;position: absolute;left: 3%;top: -14px;}
.recruit .gre img{width: 90%;margin-left: 4%;}
.recruit .gre .tit{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;font-size: 5vw;position: relative;margin-bottom: 12%;line-height: 1.4;font-weight: 600;}
.recruit .gre .tit:after{content:"";background:#000;width: 25%;height: 1px;position:absolute;bottom: -20px;left: 0;}
.recruit .gre .box{background:#fff;padding:5%;}
.recruit .gre .box ul{margin-bottom:6%;}
.recruit .gre .box li{border-bottom:2px dotted #ccc;padding: 4% 0 4% 8%;position: relative;font-weight: bold;color: #000;line-height: 1.2;}
.recruit .gre .box li:before{content:"";width:5%;height: 100%;background: url(../images/nail/check-icon.jpg) no-repeat center;background-size: contain;position:absolute;left: 0;top: 0;}

.recruit .bnr{background:#000;width:60%;margin: 18px auto;color: #fff;text-align: center;padding: 3% 0;}
.recruit .bnr b{font-family: futura-pt;font-weight: 500;display: block;font-size: 5vw;letter-spacing: 2px;}

@media screen and (min-width: 736px) {
.recruit{padding:50px 0;}
.recruit .inner{width:900px;}
.recruit .intro {margin-bottom:40px;}
.recruit .intro img{width:900px;margin:0 auto 30px;}
.intro .title{font-size:30px;}
.intro .title small{width:400px;padding:10px;margin:10px auto;}
.recruit .intro p{text-align: center;}
.recruit .info{margin-bottom:90px;}
.recruit .info th, .recruit .info td{padding:15px;}
.recruit .info th{width:200px;}
.recruit .info td{width:80%;}

.recruit .gre{padding: 80px 60px 40px 60px;width:900px;margin: 0 auto 50px;}
.recruit .gre:before{width: 400px;left: -20px;top: -40px;}
.recruit .gre .inner{width:100%;}
.recruit .gre img{width:auto;float: right;}
.recruit .gre .tit{font-size: 25px;font-weight: 600;margin-bottom: 60px;}
.recruit .gre .tit:after{height:2px;width: 160px;bottom: -25px;}
.recruit .gre .box{padding:30px;margin-bottom: 40px;}
.recruit .gre .box li{padding: 14px 10px 14px 25px;}
.recruit .gre .box li:before{width: 3%;height: 100%;background: url(../images/nail/check-icon.jpg) no-repeat center;}
.recruit .gre .box ul{margin-bottom:30px;}
.recruit .bnr b{font-size:30px;}
    
}