@charset "utf-8";

/* =================================
  edit_corp
================================= */


.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}




/* =================================
    問い合わせフォーム
================================= */

label{
    position: relative;
}

table.table-form label label.error{
    position: absolute;
    right: 8px;
    top: 0;
    background: rgba(222,0,27,0.8);
    color: #fff;
    line-height: 1em;
    font-size: 10px;
    padding: 3px 10px ;
}

table.table-form label.s-textarea label.error{
    top: 6px;
}

/* =================================
    採用部門紹介
================================= */
.img-recruit-fields{
  width:250px;
  max-width: 100%;
  padding:5px;
}

/* =================================
    採用社員のアルバム
================================= */
.album-area{
  text-align:center;
  margin-bottom:40px;
}
.img-recruit-album{
  width:360px;
  max-width: 90%;
  padding:10px;
}


@media print,screen and (min-width:639px) {

  /* =================================
      汎用
  ================================= */
  .sp-only{display:none !important;}

    /* セクション区切り
    ---------------------------------- */

    .sec-basic{
        padding: 0 0 0 0;
        margin: 0 0 100px 0;
    }

    /* キャプション
    ---------------------------------- */
    figcaption{
        text-align: center;
        font-size: 14px;
    }

    /* 文字サイズ
    ---------------------------------- */

    .s-font-sizell{ font-size: 24px;}
    .s-font-sizel{ font-size: 20px;}
    .s-font-sizes{ font-size: 12px;}


    /* 回りこみ
    ---------------------------------- */
    .s-float-right{
        float: right;
        margin: 0 0 10px 20px;
    }

    .s-float-left{
        float: left;
        margin: 0 20px 10px 0;
    }


    /* 幅
    ---------------------------------- */
    .s-width180{ width: 180px !important; }

    .s-width200{ width: 200px !important; }
    .s-width260{ width: 260px !important; }
    .s-width270{ width: 270px !important; }
    .s-width400{ width: 400px !important; }


    /* 文字色
    ---------------------------------- */
    .s-red{ color:#e4222c; }


    /* 文字配置
    ---------------------------------- */
    .s-alignright{ text-align:right; }
    .s-aligncenter{ text-align:center; }


    /* マージン
    ---------------------------------- */

    table.table-basic.s-margin0,
    table.s-margin0,
    .s-margin0{
        margin: 0;
    }


    table.table-basic.s-margin-bottom5{
        margin: 0 0 5px 0;
    }
    table.table-basic.s-margin-bottom10,
    .s-margin-bottom10{
        margin: 0 0 10px 0;
    }

    .s-margin-right20{
        margin: 0 20px 0 0;
    }



    .s-textarea{
        display: block;
    }



    /* =================================
        各タイトル
    ================================= */

    /* タイトル1
    ---------------------------------- */
    .ttl-level-01{
        font-size: 30px;
        border-bottom: 2px solid #ccc;
        position: relative;
        font-weight: normal;
        padding: 0 0 40px 0 ;
        margin: 0 0 40px 0;
    }

        .ttl-level-01:before{
            content: '';
            height: 2px ;
            background: #e4222c;
            width: 235px;
            position: absolute;
            bottom: -2px;
            left: 0;
        }


    /* タイトル2
    ---------------------------------- */

    .ttl-level-02{
        font-size: 24px;
        border-left: 4px solid #e4222c;
        background: #fef7f9;
        position: relative;
        font-weight: normal;
        padding: 20px 0 18px 35px ;
        margin: 0 0 40px 0;
    }

    /* タイトル3
    ---------------------------------- */

    .ttl-level-03{
        font-size: 22px;
        border-bottom: 2px solid #ccc;
        position: relative;
        font-weight: normal;
        padding: 0 0 10px 0 ;
        margin: 0 0 30px 0;
    }

    /* タイトル4
    ---------------------------------- */

    .ttl-level-04{
        font-size: 20px;
        position: relative;
        font-weight: bold;
        padding: 0;
        margin: 0 0 20px 0;
    }



    /* =================================
      テーブルテンプレート
    ================================= */

    table.table-full-with{ width: 100%; }

    .w25p { width: 25%; }



    /* 表組みパターン
    --------------------------------- */

    table.table-basic,
    table.table-form {
        margin: 0 0 25px 0;
        border:0 none;
        border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;
        border-collapse: collapse;
    }

        table.table-basic th,
        table.table-basic td,
        table.table-form th,
        table.table-form td{
            padding: 15px 10px 14px 25px;
            border-top:1px solid #ccc;
            border-right:1px solid #ccc;
            vertical-align: top;
            font-size: 14px;
            box-sizing: border-box;
            font-weight: normal;
        }

        table.table-basic th { background-color: #fef7f9; }
        table.table-form th { background-color: #fafafa; }







    /* =================================
      リストテンプレート
    ================================= */


    .list-basic{
        list-style: none;
        padding-left:0px !important;
    }


    .list-arrow01{
        list-style: none;
    }

    .list-number {
        list-style-type: decimal;
        margin-left: 1.2em;
    }

        .list-basic li,
        .list-arrow01 li,
        .list-number li{
            margin: 0 0 5px 0;
            position: relative;
        }

        .list-basic li{
          padding-left:0;
        }


        .list-arrow01 li{
            padding-left: 1.2em;
        }

            .list-arrow01 li:before{
                content: '>';
                color: #e4222c;
                font-size: 10px;
                position: absolute;
                left: 5px;
                top: 0.5em;
            }

    /* =================================
      定義リストテンプレート
    ================================= */

.dl-basic{
  border-right:1px solid #ccc;  
  border-bottom:1px solid #ccc;  
  border-left:1px solid #ccc;
  background-color:#fef7f9;
}

.dl-basic dt{
  float:left;
  clear:both;
  padding:15px 10px 15px 25px;
  border-top:1px solid #ccc;
  width:150px;
}

.dl-basic dd{
  margin-left:185px;
  padding:15px 25px 15px 25px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  background-color:#fff;
}



    /* =================================
      テキストテンプレート
    ================================= */

    .figure-right,
    .figure-left,
    .figure-right-l,
    .figure-left-l{
        margin-bottom: 60px;
    }


        .figure-right figure,
        .figure-left figure,
        .figure-right-l figure,
        .figure-left-l figure{
            float: right;
            width: 260px;
        }

        .figure-left figure,
        .figure-left-l figure{
            float: left;
        }

        .figure-right .txt-figure,
        .figure-left .txt-figure,
        .figure-right-l .txt-figure,
        .figure-left-l .txt-figure{
            float: left;
            width: 480px;
            text-align: justify;
        }

        .figure-left .txt-figure,
        .figure-left-l .txt-figure{
            float: right;
        }


        .figure-right-l figure,
        .figure-left-l figure,
        .figure-right-l .txt-figure,
        .figure-left-l .txt-figure{
            width: 370px;
        }


    /* =================================
      カラムテンプレート
    ================================= */


    /* 2カラムパターン
    --------------------------------- */

    .grid-col2 {
        width: 820px;
        margin: 0 0 0 -50px;
        list-style: none;
        padding: 0;
    }

    ul.grid-col2 li,
    .grid-col2 .box{
        width: 355px;
        margin: 0 0 0 50px;
        padding: 0;
        float: left;
    }


    ul.grid-col2 li figure,
    .grid-col2 .box figure{
        display: block;
        margin: auto auto 25px auto;
    }


    /* =================================
      カラムテンプレート
    ================================= */


    .form-basic input[type="text"]{
        width:100%;
        line-height: 28px;
        height: 28px;
        border: 1px solid #666;
        box-sizing: border-box;
        padding: 0 10px;
    }


    textarea.form-basic-textarea{
        width: 100%;
        min-height: 12em;
        box-sizing: border-box;
        border: 1px solid #666;
        padding: 10px 10px;
    }


    /* ボタン
    ------------------------ */
    .btn-back,
    .btn-basic{
        display: inline-block;
        background: #e4222c;
        color: #fff;
        font-size: 18px;
        min-width: 195px;
        line-height: 52px;
        text-align: center;
        padding: 0 23px;
        margin: 0 18px;
        position: relative;
        border: 0 none;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .btn-back{
        background: #f4f0e7;
        color: #212121;
    }

    /* フォームフロー
    ------------------------ */

    .mod-steps ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mod-steps ul li{
        margin: 0;
        padding: 0 0 0 56px;
        list-style: none;
        width: 219px;
        float: left;
        background: url(/image/corp/ico_step01.jpg) no-repeat 21px center;
    }

    .mod-steps ul li:first-child{
        padding: 0 0 0 0;
        background: none;
    }

    /* オン */
    .mod-steps ul li strong{
        display: block;
        margin: 0;
        padding: 0;
        height: 108px;
        background: url(/image/corp/img_step_01.jpg) no-repeat 0 0;
        text-indent: -9999em;
    }

    .mod-steps ul li:nth-child(2) strong{ background: url(/image/corp/img_step_02.jpg) no-repeat 0 0; }
    .mod-steps ul li:nth-child(3) strong{ background: url(/image/corp/img_step_03.jpg) no-repeat 0 0; }


    /* オフ */
    .mod-steps ul li.s-on:nth-child(1) strong{ background: url(/image/corp/img_step_on01.jpg) no-repeat 0 0; }
    .mod-steps ul li.s-on:nth-child(2) strong{ background: url(/image/corp/img_step_on02.jpg) no-repeat 0 0; }
    .mod-steps ul li.s-on:nth-child(3) strong{ background: url(/image/corp/img_step_on03.jpg) no-repeat 0 0; }


    /* =================================
      各ディレクトリ TOP
    ================================= */

    /* 画像タイトル */
    .ttl-dir-tit{
        display: block;
        text-align: center;
        margin: 0 0 45px 0;
    }


    /* ディレクトリ ナビ */
    .sec-dir-link{
        width: 810px;
        margin: 0 0 0 -40px
    }

    .sec-dir-link a{
        display: block;
        font-size: 24px;
        width: 365px;
        line-height: 130px;
        margin: 0 0 40px 40px ;
        padding: 0 50px 0 30px;
        box-sizing: border-box;
        border: 3px solid #e72222;
        background: #fff url(/image/corp/ico_dir_index_menu.png) no-repeat 320px center;
        float: left;
        color: #e72222;
    }

    .sec-dir-link a:hover{
        opacity: 0.8;
        filter:Alpha(opacity=80);
        text-decoration: none;
    }


    /* =================================
        会社概要
    ================================= */
    .s-outline-table th{
        width: 25%;
    }


    /* =================================
        問い合せフォーム
    ================================= */
    .personal-info{
        margin-bottom:20px;
        font-size:14px;
        padding:25px;
        border:1px solid #ccc;
    }
    .personal-info .title{
        font-weight: bold;
        margin-bottom:0;
    }
    .personal-info .chk-agree{
    text-align: center;
    border: 1px solid #ccc;
    width: 200px;
    margin: auto;
    padding: 15px 25px;
    background-color: #fafafa;
    }

    /* =================================
        汎用ボタン
    ================================= */
    .basic-button{
      margin: 0px auto;
      background-color:#f2ece0;
      text-align: center;
      width: 300px;
      padding: 15px 0px;
      border-radius: 5px;
    }
    .basic-button a{
      color:#675832;
    }

}





@media screen and (max-width:639px) {

  /* =================================
     汎用
  ================================= */
  .pc-only{display:none !important;}

    /* セクション区切り
    ---------------------------------- */

    .sec-basic{
        padding: 0 0 0 0;
        margin: 0 0 40px 0;
    }

    /* キャプション
    ---------------------------------- */
    figcaption{
        text-align: center;
    }

    /* 文字サイズ
    ---------------------------------- */

    .s-font-sizell{ font-size: 24px;}
    .s-font-sizel{ font-size: 20px;}
    .s-font-sizes{ font-size: 12px;}


    /* 回りこみ (スマホ時回りこみしない)
    ---------------------------------- */

    .s-float-right,
    .s-float-left{
        display: block;
        margin: 0 0 5px 0;
    }


    /* 幅
    ---------------------------------- */

    .s-width180{ width: 8em; }




    /* 文字色
    ---------------------------------- */
    .s-red{ color:#e4222c; }


    /* マージン
    ---------------------------------- */
    .s-margin-bottom10{
        margin: 0 0 10px 0;
    }

    table.table-basic.s-margin0,
    table.s-margin0,
    .s-margin0{
        margin: 0;
    }


    table.table-basic.s-margin-bottom5{
        margin: 0 0 5px 0;
    }
    table.table-basic.s-margin-bottom10,
    .s-margin-bottom10{
        margin: 0 0 10px 0;
    }


    /* =================================
        各タイトル
    ================================= */

    /* タイトル1
    ---------------------------------- */
    .ttl-level-01{
        font-size: 26px;
        border-bottom: 2px solid #ccc;
        position: relative;
        font-weight: normal;
        padding: 0 0 15px 0 ;
        margin: 0 0 35px 0;
        letter-spacing: 1px;
    }

    .ttl-level-01:before{
        content: '';
        height: 2px ;
        background: #e4222c;
        width: 30%;
        position: absolute;
        bottom: -2px;
        left: 0;
    }


    /* タイトル2
    ---------------------------------- */

    .ttl-level-02{
        font-size: 18px;
        border-left: 5px solid #e4222c;
        background: #fef7f9;
        position: relative;
        font-weight: normal;
        padding: 15px 0 14px 22px ;
        margin: 0 0 40px 0;
    }

    /* タイトル3
    ---------------------------------- */

    .ttl-level-03{
        font-size: 22px;
        border-bottom: 2px solid #ccc;
        position: relative;
        font-weight: normal;
        padding: 0 0 10px 0 ;
        margin: 0 0 30px 0;
    }

    /* タイトル4
    ---------------------------------- */

    .ttl-level-04{
        font-size: 20px;
        position: relative;
        font-weight: bold;
        padding: 0;
        margin: 0 0 20px 0;
    }



    /* =================================
      テーブルテンプレート
    ================================= */

    table.table-full-with{ width: 100%; }

    .w25p { width: 25%; }



    /* 表組みパターン
    --------------------------------- */

    table.table-basic{
        margin: 0 0 25px 0;
        border:0 none;
        border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;
        border-collapse: collapse;
    }

    table.table-basic th,
    table.table-basic td{
        padding: 15px 10px 14px 10px;
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
        vertical-align: top;
        font-size: 14px;
        box-sizing: border-box;
        font-weight: normal;
    }

    table.table-basic th { background-color: #fef7f9; }







    /* =================================
      リストテンプレート
    ================================= */


    .list-basic,
    .list-arrow01{
        list-style: none;
        padding-left:0px !important;
    }

    .list-number {
        list-style-type: decimal;
        margin-left: 1.2em;
    }

    .list-basic li,
    .list-arrow01 li,
    .list-number li{
        margin: 0 0 5px 0;
        position: relative;
    }

    .list-basic li{
      padding-left:0;
    }


    .list-arrow01 li{
        padding-left: 1.2em;
    }

    .list-arrow01 li:before{
        content: '>';
        color: #e4222c;
        font-size: 10px;
        position: absolute;
        left: 5px;
        top: 0.2em;
    }

  /* =================================
     定義リストテンプレート
  ================================= */
  .dl-basic{
    border-right:2px solid #fef7f9;
    border-bottom:2px solid #fef7f9;
    border-left:2px solid #fef7f9;
  }

  .dl-basic dt{
    padding:10px;
    background-color:#fef7f9;
  }
  .dl-basic dd{
    padding:5px 10px 25px 10px;
    background-color:#fff;
  }


    /* =================================
      テキストテンプレート
    ================================= */

    .figure-right,
    .figure-left,
    .figure-right-l,
    .figure-left-l{
        margin-bottom: 40px;
    }


    .figure-right figure,
    .figure-left figure,
    .figure-right-l figure,
    .figure-left-l figure{
        text-align: center;
        margin: 0 0 5px 0;
    }


    /* =================================
      カラムテンプレート
    ================================= */


    /* 2カラムパターン
    --------------------------------- */

    .grid-col2 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    ul.grid-col2 li,
    .grid-col2 .box{
        margin: 0 0 40px 0;
        padding: 0;
        list-style: none;
    }


    ul.grid-col2 li img,
    .grid-col2 .box img{
        display: block;
        margin: auto auto 20px auto;
    }


    /* =================================
      カラムテンプレート
    ================================= */


    .form-basic input[type="text"]{
        display: block;
        line-height: 28px;
        height: 28px;
        border: 0 none;
        box-sizing: border-box;
        padding: 0 10px;
        background: #f2f2f2;
        margin: 0 0 10px 0;
        width: 100%;
    }


    textarea.form-basic-textarea{
        width: 100%;
        min-height: 12em;
        box-sizing: border-box;
        padding: 10px 10px;
        border: 0 none;
        background: #f2f2f2;
    }







    /* ボタン
    ------------------------ */
    .btn-back,
    .btn-basic{
        display: inline-block;
        background: #e4222c;
        color: #fff;
        font-size: 18px;
        min-width: 120px;
        line-height: 52px;
        text-align: center;
        padding: 0 23px;
        margin: 0 12px;
        position: relative;
        border: 0 none;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .btn-back{
        background: #f4f0e7;
        color: #212121;
    }

    /* フォーム
    ------------------------ */

    table.table-form,
    table.table-form tbody,
    table.table-form tr,
    table.table-form td,
    table.table-form th,
    label{
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
    }

    table.table-form{
        margin-bottom: 20px;
    }

    table.table-form label + br{
        display: none;
    }

    table.table-form th{
        display: block;
        margin: 0 0 5px 0;
    }

    label.s-name{
        padding-left: 2em;
    }

    label.s-name span{
        position: absolute;
        left: 0;
        top: 0;
    }

    label.s-mail{
        padding-right: 7em;
    }

    label.s-mail small{
        display: block;
        position: absolute;
        width: 8em;
        right: 0;
        top: 2px;
        text-align: left;
    }




    /* フォームフロー
    ------------------------ */

    .mod-steps ul{
        width: 290px;
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .mod-steps ul li{
        margin: 0;
        padding: 0 0 0 22px;
        list-style: none;
        width: 82px;
        float: left;
        background: url(/image/corp/sp/ico_step01.png) no-repeat 8px center;
        background-size: 6px auto;
    }

    .mod-steps ul li:first-child{
        padding: 0 0 0 0;
        background: none;
    }

    /* オン */
    .mod-steps ul li strong{
        display: block;
        margin: 0;
        padding: 0;
        height: 42px;
        background: url(/image/corp/sp/img_step_01.jpg) no-repeat 0 0;
        background-size: 82px auto;
        text-indent: -9999em;
    }

    .mod-steps ul li:nth-child(2) strong{ background: url(/image/corp/sp/img_step_02.jpg) no-repeat 0 0; background-size: 82px auto; }
    .mod-steps ul li:nth-child(3) strong{ background: url(/image/corp/sp/img_step_03.jpg) no-repeat 0 0; background-size: 82px auto; }

    /* オフ */
    .mod-steps ul li.s-on:nth-child(1) strong{ background: url(/image/corp/sp/img_step_on01.jpg) no-repeat 0 0; background-size: 82px auto;}
    .mod-steps ul li.s-on:nth-child(2) strong{ background: url(/image/corp/sp/img_step_on02.jpg) no-repeat 0 0; background-size: 82px auto;}
    .mod-steps ul li.s-on:nth-child(3) strong{ background: url(/image/corp/sp/img_step_on03.jpg) no-repeat 0 0; background-size: 82px auto;}



    /* =================================
    各ディレクトリ TOP
    ================================= */

    /* 画像タイトル */
    .ttl-dir-tit{
        display: block;
        text-align: center;
        margin: -40px -10px 45px -10px;
    }


    /* ディレクトリ ナビ */
    .sec-dir-link{
        display:none;
    }
    /*
    .sec-dir-link{
        width: 100%;
        max-width: 400px;
        margin: 0 auto 40px auto;
    }

    .sec-dir-link a{
        display: block;
        font-size: 14px;
        font-weight: normal;
        width: 49%;
        line-height: 45px;
        margin: 0 0 8px 0;
        padding: 0 20px 0 6px;
        box-sizing: border-box;
        border: 3px solid #e72222;
        background: #fff url(/image/corp/ico_dir_index_menu.png) no-repeat 96% center;
        background-size: 6px 10px;
        float: left;
        color: #e72222;
    }

    .sec-dir-link a:nth-child(even){
        float: right;
    }


    .sec-dir-link a:hover{
        opacity: 0.8;
        filter:Alpha(opacity=80);
        text-decoration: none;
    }
    */


    /* =================================
        会社概要
    ================================= */
    .s-outline-table th{
        width: 7em;
    }


    /* =================================
        問い合せフォーム
    ================================= */
    .personal-info{
        margin-bottom:20px;
        font-size:14px;
    }
    .personal-info .title{
        margin-bottom:0;
    }
    .personal-info .chk-agree{
    text-align: center;
    border: 1px solid #ccc;
    width: 200px;
    margin: auto;
    padding: 15px 25px;
    background-color: #fafafa;
    }

    /* =================================
        汎用ボタン
    ================================= */
    .basic-button{
      margin: 0px auto;
      background-color:#f2ece0;
      text-align: center;
      width: 300px;
      padding: 15px 0px;
      border-radius: 5px;
      border:1px solid #b3ac98;
    }
    .basic-button a{
      color:#675832;
    }

}