@charset "utf-8";
/* CSS Document */

/* form close */
.formclose p {
    padding: 20px 5%;
    font-size: 16px;
    font-weight: bold;
    color: red;
    text-align: center;
    box-sizing: border-box;
  }

/* 共通 */
img {max-width:100%;}
ol,li {list-style:none;}
header,article section { text-align:center;}

header a,
header a img{display: block;}

.records {margin-bottom:30px;}

/* エントリーボタン */
.btn-entry { margin-top:30px;}

/* 募集要項 */
.detail {margin-top:25px; margin-bottom:35px;}
.detail h2 { margin-bottom:20px;}
.detail table {border-collapse:collapse; margin:0 1% 30px 1%; width:98%; text-align:left;}
.detail table th,.detail table td {padding:5px 10px; border:1px solid #dadada;}
.detail table th {background-color:#f9f9f9; font-weight:bold; white-space:nowrap;}

/* 応募フォーム */
.form {text-align:left;}
.form h2 {background:url(../images/bk_blue_bar.gif) left top repeat;padding: 8px;color:#FFFFFF;font-weight:bold;text-align: center;font-size: 22px;}
.form .btn-submit {padding:0 10px;}

/* 会社情報 */
.company {text-align:left;}
.company h2 {background:url(../images/bk_red_bar.gif) left top repeat; padding:10px; color:#FFFFFF; font-weight:bold;}
.company ul {margin:0 0 30px 0; list-style:none;}
.company ul a {display:block; padding:8px 10px; text-decoration:none; border-bottom:1px solid #CCC; background:url(../images/f_bk_list.png) right center no-repeat #EEEEEE; font-size:13px; color:#333;}
.company .btn-companyLink {text-align:center;}

/* フッター */
footer .gotop {border-bottom:#BB0000 5px solid; text-align:center;}
footer .copy {background:url(../images/bk_red_bar.gif) left top repeat; padding:10px 0;}

/* サンクスページ */
.thankspage { padding:30px 0 50px 0;}
.thankspage .thanksMessage { margin-bottom:20px;}
.thankspage .btn-backtoIndex a { display:block; background-color:#283FC3; color:#FFFFFF; padding:10px; border-radius:5px; width:200px; margin:0 auto; text-decoration:none;}
.thankspage .btn-backtoIndex a:hover {background-color: #2B7E13;}
.thankspage .contact_tel{margin: 30px auto 30px 0; color: #CC0000;}
.thankspage .contact_tel dt { padding: 0 0 8px; line-height: 1; font-size: 16px; font-weight: normal;}
.thankspage .contact_tel dd { margin: 0; line-height: 1; font-size: 28px; font-weight: bold;}

/* 他の仕事バナー */
.bnr-otherjobs {text-align:center; padding:20px 5px;}
.bnr-otherjobs a:hover {opacity:0.85;}
.bnr-otherjobs img {max-width:100%;}


/* ▼spAppBnr▼ */
.relative{position: relative;}
.absolute{position: absolute;}
.sp_appbnr{margin:5.5% 1.8%;}/*60px 24px :1080px*/
.sp_appbnr img{width: 100%; display:block;}
.sp_appbnr p{margin:0;}
.sp_appbnr .relative a{
	display: block;
	width: 100%;
	height: auto;
	width: 30%;
	top: 13.5%;
}
.sp_appbnr .iphone{left: 32%;}
.sp_appbnr .android{right: 4%;}
/* △AppBnr△ */

/* -----------------------------------
 MtM チャットバナー
------------------------------------ */
.cmn_mtmbnr{
  margin: 0 auto 30px;
  text-align:center;
}

/* SP　fixメニュー */
.sp_fix_btn{
    display:none;
}
@media (max-width: 767px) {
    .sp_fix_btn{
        display: none;
        position: fixed;
        bottom:0;
        left:0;
        right:0;
        width:100%;
        background: #000;
        -webkit-box-shadow: 0 -2px 0 1px rgba(0,0,0,0.1);
        box-shadow: 0 -2px 0 1px rgba(0,0,0,0.1);
        z-index:99;
    }
    .sp_fix_btn .inner{
        margin:10px 30px;
    }
    .sp_fix_btn .lnk{
        display: block;
    }
    .sp_fix_btn .lnk img{
        vertical-align: bottom;
        width:100%;
    }
}