@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
body,
#header{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-box-sizing:border-box;
    -webkit-text-size-adjust: 100%;
}
body{
    color: #000000;
}
@media all and (-ms-high-contrast:none) {
    body {
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
}
#headContent .free {
    font-size: 16px;
}

#main .content,
div#container {
    height: auto;
    width: 100%;
}

#bottomContent{
    margin: 0 auto;
    max-width: 960px;
    width: 94%;
}

/* 原稿非表示ページ対応 20200717 */
#header {
  margin-bottom: 60px;
}
#main #errorContent {
  margin-top: 60px;
}
@media screen and (max-width: 640px){
  #header {
    margin-bottom: 0;
  }
  #main #errorContent {
    margin-top: 20px;
  }
}
.header_wrap {
  min-height: 42px;
}

/*=============================*/
/*履歴書ダウンロード
/*=============================*/
.resume {
    max-width: 306px;
    margin: 0 auto;
}

.resume img:hover   {
    opacity: 0.7;
}

/*******************************
 フッター
*******************************/
/* フッタ関連の高さ指定 */
#main .space {
    padding-bottom:180px; /* footerの高さ（★1＋★2）分指定する */
}

/*******************************
 自由ヘッダー
*******************************/
#header {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    background-color: #BBE3F8;
    position: relative;
    overflow: hidden;
}

#header .content{
    width: 100%;
    max-width: 100%;
}

.header_wrap{
    padding:20px 20px 15px;
}

.h_logo {
    display: inline-block;
    text-align: left;
}

.h_logo img{
    max-width: 152px;
    width: 100%;
}

.h_logo a{
    display: block;
}

.h_logo a:hover{
    opacity: 0.6;
}

#header h1{
    margin-top: 5px;
    font-size: 11px;
    font-weight: 100;
    line-height: 1.3;
    text-align: left;
    color: #1A1919;
}
@media screen and (max-width: 669px){
    #header h1{
        margin-top: 20px;
    }
}

#header h1 span{
    display: inline-block;
}


/*******************************
 自由フッター
*******************************/
#footer {
    background-color: #164412;
}
#footer .content .free {
    width: 94%;
    margin: 0 auto;
    font-size: 12px;
    max-width: 960px;
    color: #fff;
    padding: 20px 0;
    text-align: left;
}
#footer .content .free a {
    color: #fff !important;
}
.copyright{
    margin: 0;
}
.copyright span{
    display: inline-block;
}



/*******************************
 フロート戻るボタン
*******************************/
#scroll_pagetop{
    position: fixed;
    right: 3%;
}

#scroll_pagetop img{
    width: 72px;
    height: 72px;
}

/**************** 画像アップロード用 css追記 *************************/
.pic-insert2 {
    width: auto;
}
.job_detail_photo img {
    width: 100%;
}
.job_detail_ontainer{
    text-align:center;
    font-size:0;
}
.job_detail_photo {
    display: inline-block;
    text-align: center;
    max-width: 360px;
    margin:20px 10px 10px;
}

@media screen and (max-width: 670px) {
.pic-insert1 {
    float: right;
    padding: 10px 0 0 !important;
    width: 100%;
}

.pic-insert2 {
    float: left;
    padding: 0 0 6px !important;
    width: 100%;
}

.pic-insert2 img {
    max-width: 160px;
    width: auto;
    height: auto;
    margin: 0 auto;
}
}

@media screen and (max-width: 480px) {
.job_detail_photo {
    max-width: 260px;
    margin:20px 0px 10px;
}

/*=============================*/
/*履歴書ダウンロード
/*=============================*/

.resume {
    padding-top: 20px;
}


}

/****************************************************************/