@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
button.btn {
    display: block;text-decoration: none;
    background: #1f6717;	/*背景色（古いブラウザ用）*/
    background: linear-gradient(#29891f, #1f6717);	/*グラデーション*/
    color: #fff;	/*文字色*/
    font-size: 20px;	/*文字サイズ*/
    text-align: center;	/*文字をセンタリング*/
    padding: 10px;		/*ボタン内の余白*/
    border-radius: 4px;	/*角丸のサイズ*/
    letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
    border: 1px solid #1f6717;	/*枠線の幅、線種、色*/
    width:10rem;
}
/*マウスオン時*/
button:hover.btn {
    box-shadow: none;
    background: #fff;	/*背景色*/
    color: #1f6717;		/*文字色*/
}
/*無効時*/
button:disabled.btn {
    display: block;text-decoration: none;
    background: #1f6717;	/*背景色（古いブラウザ用）*/
    background: linear-gradient(#29891f, #1f6717);	/*グラデーション*/
    color: #fff;	/*文字色*/
    font-size: 20px;	/*文字サイズ*/
    text-align: center;	/*文字をセンタリング*/
    padding: 10px;		/*ボタン内の余白*/
    border-radius: 4px;	/*角丸のサイズ*/
    letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
    border: 1px solid #1f6717;	/*枠線の幅、線種、色*/
    width:10rem;
    opacity: 0.45;
}

/* フッターメニュー */
#footermenu {
    min-height:150px;
    padding:50px 0;
    background: url(../images/footer_logo.png) no-repeat center center;
}

@media screen and (max-width:800px) {
    button.btn, button:disabled.btn {
        width:25vw;
    }
    #menubar_hdr {
        display:none;
    }
}

#contents,#contents .inner {
    padding-top:20px;
}