h3 {
    font-size: 18px;
}

p {
    font-size: 16px;
    margin: 24px 0;
}

#main .content {
    width: 96% !important;
}

.red{
	color: #ff0000;
}

/*20221221 応急処置*original.css/
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
html {
    overflow: auto;
}

div#container {
    width: 100%;
}

#main {
    clear: both;
    overflow-x: hidden;
    position: relative;
}

#main .content {
    max-width: 940px;
    width: 100%;
}

/*******************************
 ヘッダー
*******************************/
#header .content {
    /* max-width: 940px; */
    width: 100%;
}

/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "meiryo", "メイリオ", "MS PGothic", sans-serif;
    overflow: hidden;
    padding: 20px 0;
    /* width: 100%; */
}

.contact {
    text-align: right;
    margin: -10px 0 5px;
}

.contact a, .contact a:link, .contact a:visited {
    border: 2px solid #de2026;
    border-radius: 5px;
    color: #de2026 !important;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 10px;
}

.contact a:hover {
    background-color: #de2026;
    color: #fff !important;
    text-decoration: none !important;
}

.contact em {
    font-size: xx-small;
    display: block;
}

.logo {
    float: left;
    width: 30%;
}

.logo img {
    max-width: 184px;
    max-height: 44px;
    width: 100%;
    height: auto;
}

#header .content .free h1 {
/*     padding: 0 0 0 200px;
    font-weight: normal;
    font-size: 14px;
    text-align: right; */
}

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

/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {
    font-size: 14px;
}

.w100 {
    margin: 0 -500%;
    overflow: hidden;
    padding: 0 500%;
    text-align: center;
}

.w940 {
    margin: 0 auto;
    max-width: 940px;
    width: 100%;
}

.mainimg_bg {
    background: url("../images/main_bg.png") repeat-x scroll center 0;
    max-height: 370px;
    height: auto;
    margin-bottom: 40px;
    max-width: 2038px;
    width: 100%;
}

#mainimg {

}

#mainimg img {
    max-width: 940px;
    max-height: 370px;
    width: 100%;
    height: auto;
}

.mainTxt {
    font-size: 18px;
    margin-bottom: 40px;
    text-align: center;
}

.mainTxt span.red {
    color: #e60012;
}

.mainTxt .break {
    display: block;
}

.titleH2 {
    margin-bottom: 30px;
}

.titleH2 h2 {
    font-size: 28px;
    font-weight: normal;
    position: relative;
    z-index: 0;
}

.titleH2 h2 > span {
    display: inline-block;
    background-color: #fff;
}

.titleH2 h2 > span::after {
    border-bottom: 2px solid #e60012;
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    z-index: -1;
    margin: 0 -500%;
    overflow: hidden;
    padding: 0 500%;
    text-align: center;
    width: 100%;
}

.titleH2 h2 > span > span {
    padding: 0 20px;
}

/* --- フリーワード検索 --- */
.dotBox {
    border-bottom: 2px dotted #d2d2d2;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0 0 30px;
}

div.freeWordObj {
    border: medium none;
    float: left;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 13px 0 0;
    width: 524px;
}

div.freeWordObj form {
    display: block;
    position: relative;
}

div.freeWordObj div.freeWordInput {
    box-sizing: border-box;
    padding: 0 60px 0 0;
    /*    width: 100%;*/
}

div.freeWordObj div.freeWordInput #freeword {
    background-color: #ebebeb;
    border: 1px solid #999999;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 42px;
    margin-left: 0;

    outline: medium none;
    padding: 0 10px;
    vertical-align: top;
    width: 100%;
}

div.freeWordObj #freewordsearch {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 42px;
}

/* --- オープニング、障がい者採用、履歴書ボタン --- */
.groupArea_box {
    padding: 0 auto;
    margin-bottom: 50px;
    text-align: center;
}

.groupArea1Btn,
.groupArea2Btn,
.resumeBtn {
    width: 440px;
    display: inline-block;
    margin: 0 5px 10px;
}

.groupArea1Btn a,
.groupArea2Btn a,
.resumeBtn a {
    border: 1px solid #e60012;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: block;
    text-align: center;
    padding: 10px;
}

.groupArea1Btn a:link, .groupArea1Btn a:link SPAN, .groupArea1Btn a:visited, .groupArea1Btn a:visited SPAN, .groupArea1Btn a:active, .groupArea1Btn a:active SPAN,
.groupArea2Btn a:link, .groupArea2Btn a:link SPAN, .groupArea2Btn a:visited, .groupArea2Btn a:visited SPAN, .groupArea2Btn a:active, .groupArea2Btn a:active SPAN,
.resumeBtn a:link, .resumeBtn a:link SPAN, .resumeBtn a:visited, .resumeBtn a:visited SPAN, .resumeBtn a:active, .resumeBtn a:active SPAN {
    color: #e60012 !important;
}

.groupArea1Btn a:hover, .groupArea1Btn a:hover SPAN,
.groupArea2Btn a:hover, .groupArea2Btn a:hover SPAN,
.resumeBtn a:hover, .resumeBtn a:hover SPAN {
    background-color: #de2026;
    color: #ffffff !important;
}

.groupArea1Btn a span,
.groupArea2Btn a span,
.resumeBtn a span {
    color: #e60012;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
}

.resumeBtn a span {
    background: url("../images/PDF.png") no-repeat scroll left center;
    padding-left: 60px;
}

/* --- 地図 --- */
#mapObj {
    margin: 0 auto 30px;
    width: 524px;
}

#mapObj h3 {
    font-size: 23px;
    font-weight: normal;
    left: -100px;
    position: absolute;
    top: 20px;
    z-index: 100;
}

#mapObj p.catch {
    left: -100px;
    position: absolute;
    top: 70px;
}

#headContent .free a:hover {
    text-decoration: none !important;
}

/* --- 職種から探す --- */
#headContent .free ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

ul.txtLink {
    margin: 0 0 20px;
}

ul.txtLink li {
    display: inline-block;
    float: left;
    margin: 0 20px 30px;
}

#headContent .free ul.txtLink li a {
    background: url("../images/arw01.png") no-repeat scroll left center;
    font-size: 16px;
    padding-left: 16px;
    text-decoration: underline !important;
}

/* --- 仕事内容 --- */
.jobContent {
    margin-bottom: 60px;
}

.jobBox {
    border-bottom: 2px dotted #d2d2d2;
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 30px;
}

.boxLast {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.jobImg {
    font-size: 0;
    text-align: center;
    max-width: 300px;
    width: 100%;
}

.jobImg img {
    display: inline;
    padding-top: 50px;
    text-align: center;
}

.imgR .jobImg {
    float: right;
}

.imgL .jobImg {
    float: left;
}

.imgW .jobImg img {
    max-width: 300px;
    width: 100%;
}

.imgN .jobImg img {
    max-width: 220px;
    width: 100%;
}

.jobTxt {
    width: 600px;
}

.imgR .jobTxt {
    float: left;
}

.imgL .jobTxt {
    float: right;
}

.jobTxt h3.pc {
    display: block;
    font-size: 18px;
    margin: 0 0 15px;
}

.jobBox h3.sp {
    display: none;
}

.jobBox p.subtitle.sp {
    display: none;
}

.jobTxt dl {
    margin: 0 0 20px;
    overflow: hidden;
}

.jobTxt dl dt.pc {
    color: #e60012;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}

.jobTxt dl dd {
    margin: 0;
}

.jobBtn {
}

.jobBtn a {
    background: url("../images/arw01.png") no-repeat scroll 10px center;
    display: inline-block;
    font-size: 18px;
    line-height: 1em;
    padding: 7px 10px 7px 25px;
    border: 1px solid #e60012;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
}

.jobBtn a:hover {
    opacity: .60;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: .60;
    -moz-opacity: .60;
}

/* --- FAQ --- */
.faqContent dl {
    overflow: hidden;
}

.faqContent dl dt {
    background: url("../images/qaQ.png") no-repeat scroll left 0;
    font-weight: bold;
    min-height: 30px;
    padding: 5px 0 0 45px;
}

.faqContent dl dd {
    border-bottom: 2px dotted #d2d2d2;
    margin-bottom: 25px;
    padding: 0 0 30px 45px;
}

.faqContent dl dd p {
    padding: 3px 0 0 25px;
    position: relative;
}

.faqContent dl dd p:before {
    content: "A";
    font-size: 18px;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 0;
}

/*******************************
 フッター
*******************************/
#footer {
    height: 83px; /* footerの高さ（ ★1＋★2 ）分指定する*/
}

#main .space {
    padding-bottom: 143px; /* footerの高さ（★1＋★2）分指定する */
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
    border-top: 1px solid #de2026;
    width: 100%;
}

.copy {
    background-color: #de2026;
    color: #ffffff;
    margin-top: 1px;
    padding: 24px 0;
    text-align: center;
}

#footer .content .free .copy a {
    color: #ffffff !important;
}

.copyright {
}

.recop {
}

#scroll_pagetop {
    position: fixed;
    right: 2%;
}


/*******************************
 ソーシャルボタン
*******************************/
#bottomContent #social {
    max-width: 940px; /*サイトの横サイズを指定のこと*/
    width: 100%;
    margin: 0 auto;
}

#bottomContent ul#socialObj {
    width: 450px;
    display: table;
    margin-left: auto;
}

#bottomContent ul#socialObj li {
    float: left;
}

#bottomContent ul#socialObj li:nth-of-type(3) {
    width: 70px;
}

#fb-root {
    width: 0 !important;
}


/*******************************
 プライバシーポリシー
*******************************/
#privacyBox {
    font-size: 12px;
    /* font-size: 12rem; */
    background: #fff9f4;
    height: 120px;
    margin: 10px auto 0;
    overflow: auto;
    padding: 5px;
    width: 98%;
    text-align: left;
}

#privacyBox h3 {
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0;
}

#privacyBox li {
    padding-bottom: 10px;
}


@media screen and (max-width: 940px) {
    /*******************************************************************************
        【TABMODE】
        width:671～940px
    ********************************************************************************/
    /*******************************
     自由ヘッダー
    *******************************/
    /* --- オープニング、障がい者採用、履歴書ボタン --- */
    .groupArea1Btn,
    .groupArea2Btn,
    .resumeBtn {
        display: block;
        width: 96%;
        margin: 0 2% 2% 2%;
    }

    /*******************************
     自由コンテンツ上
    *******************************/
    .titleH2 {
        margin-bottom: 15px;
    }

    /* --- 仕事内容 --- */
    .w940.jobContent {
        width: 96%;
    }

    .jobContent {
        margin-bottom: 30px;
        margin-left: 2%;
        margin-right: 2%;
    }

    .jobBox {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .imgR .jobTxt,
    .imgL .jobTxt {
        float: none;
    }

    .imgR .jobImg,
    .imgL .jobImg {
        float: none;
        margin: 0 auto 15px;
    }

    .jobImg img {
        padding-top: 0;
    }

    .jobTxt {
        width: 96%;
    }

    .jobTxt h3.pc {
        display: none;
    }

    .jobBox h3.sp {
        display: block;
        font-size: 18px;
        margin: 0 0 5px;
        line-height: 1.3;
    }

    .jobBox p.subtitle.sp {
        display: block;
        color: #e60012;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.3;
        margin: 16px auto;
    }

    .jobTxt dl dt.pc {
        display: none;
    }

    .jobTxt dl dd {
        line-height: 1.7;
    }

    .jobBtn a {
        background-position: 97% center;
        border: 1px solid #e60012;
        background-color: #f8cfd1;
        display: block;
        font-size: 18px;
        line-height: 1.3;
        padding: 15px 30px 15px 2%;
        position: relative;
        border-radius: 0;
        text-align: left;
    }

    .jobBtn a:hover {
        opacity: .60;
        filter: alpha(opacity=60);
        -ms-filter: "alpha(opacity=60)";
        -khtml-opacity: .60;
        -moz-opacity: .60;
    }

    /* --- FAQ --- */
    .w940.faqContent {
        margin-left: 2%;
        margin-right: 2%;
    }

    .faqContent dl {
        width: 96%;
    }

    .faqContent dl dt {
        padding: 5px 0 0 45px;
    }

    .faqContent dl dd {
        margin-bottom: 15px;
        padding: 0 0 15px 15px;
    }


}

@media screen and (max-width: 670px) {
    /*******************************************************************************
        【SPMODE】
        width:670～481px
    ********************************************************************************/
    /*******************************
     自由ヘッダ
    *******************************/
    #header .content .free {
        padding: 15px 2%;
    }

    #header .content .free h1 {
        /* padding-left: 45%; */
        /* line-height: 1.3; */
    }

    #header .free h1 span {
        display: block;
    }

    /*******************************
     自由コンテンツ上
    *******************************/
    .mainTxt {
        font-size: 14px;
        text-align: left;
        margin: 0 3% 30px 3%;
    }

    .mainTxt .break {
        display: inline;
    }

    #main .titleH2 {
        /*  margin-bottom: 0;*/
    }

    #main .titleH2 H2 {
        font-size: 21px;
    }

    /* --- 地図 --- */
    #mapObj {
        width: 100%;
        margin-bottom: 30px !important;
    }

    #mapObj > H3 {
        display: none;
    }

    .dotBox {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    div.freeWordObj {
        width: 100%;
        /*  margin-left: 2%;
          margin-right: 2%;*/
        padding-top: 0;
    }

    /* --- 職種から探す --- */
    ul.txtLink {
        /*border-left: 1px solid #aeaeae;*/
        border-top: 1px solid #aeaeae;
        margin-bottom: 30px !important;
    }

    ul.txtLink li {
        margin: 0 auto;
        background-color: #f0f0f0;
        border-bottom: 1px solid #aeaeae;
        /*border-right: 1px solid #aeaeae;*/
        box-sizing: border-box;
        width: 49.99%;
    }

    ul.txtLink li.odd {
        border-right: 1px solid #aeaeae;
    }

    ul.txtLink li:hover {
        opacity: .60;
        filter: alpha(opacity=60);
        -ms-filter: "alpha(opacity=60)";
        -khtml-opacity: .60;
        -moz-opacity: .60;
        color: #535353 !important;
    }

    ul.txtLink li a {
        display: block;
        font-size: 16px;
        height: 70px;
        line-height: 1.2;
        /*padding: 8px 2%;*/
        padding-left: 5% !important;
        padding-right: 2% !important;
    }

    #headContent .free ul.txtLink li a {
        text-decoration: none !important;
        background: 0;
    }

    ul.txtLink li a > span {
        position: relative;
        top: 20px;
    }

    ul.txtLink li a > span:hover {
        color: #535353 !important;
    }


    /*******************************
     自由フッター
    *******************************/
    .copy {
        font-size: small !important;
    }


}

@media screen and (max-width: 480px) {
    /*******************************************************************************
        【SPMODE 2】
    ********************************************************************************/
    /*******************************
     自由コンテンツ上
    *******************************/
    /* --- 職種から探す --- */
    ul.txtLink li a {
        display: table;
    }

    ul.txtLink li a > span {
        display: table-cell;
        vertical-align: middle;
        position: static;
    }


    /*******************************
     ソーシャルボタン
    *******************************/
    #bottomContent ul#socialObj {
        width: 100%;
    }


}


/*********************************
  Added By MaSuzuki@Nov 19, 2019
*********************************/
.daishinto {
    margin: 0 auto 60px;
    max-width: 898px;
    width: 95%;
}

.daishinto img {
    width: 100%;
}

.daishinto .pc {
    display: none;
}

.daishinto .sp {
    display: block;
}

@media (min-width: 670px) {
    .daishinto .pc {
        display: block
    }
    .daishinto .sp {
        display: none;
    }
}
/*-----------------------*/
/*オリンピックバナー*/
.olympic {
    margin: 0 auto 2em;
    border: #ddd 1px solid;
}
.olympic img {
    width: 100%;
}
/*---------------------------------------------*/
/*SNSボタンに起因する横スクロール防止*/
#bottomContent #social {
    overflow: hidden;
}

/*-----------------------*/
/* GPSボタン */
#headContent .locasma {
    max-width: 524px;
    background-color : #DE2026;
    border-radius : 50px;
    margin-bottom: .5em;
}

#headContent .locasma a {
    display: block;
    position : relative;
    color: #ffffff !important;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    padding-left: 1.5em;
    letter-spacing: 0.15em;
    line-height: 70px;
}

#headContent .locasma a:before {
    content:url(../images/gps.png);
    position :absolute;
    top : 7%;
    left : 20%;
}

#locasma3 {
    max-width: 387px;;
    background-color : #DE2026;
    border-radius : 50px;
    margin : 0 auto 10px;
}

#locasma3 a {
    display: block;
    position : relative;
    color: #ffffff !important;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    text-decoration: none!important;
    padding-left: 1.5em;
    letter-spacing: 0.15em;
    line-height: 60px;
}

#locasma3 a:before {
    content:url(../images/gps.png);
    position :absolute;
    top : 7%;
    left : 10%;
}

#headContent .locasma:hover,
#headContent .locasma:active,
#locasma3:hover,#locasma3:active {
    opacity : 0.6;
}

@media screen and (max-width: 670px) {
    #headContent .locasma {
        max-width: 100%;
        margin-bottom: 1em;
    }
    #headContent .locasma a {
        font-size: 18px;
        line-height: 55px;
    }
    #headContent .locasma a:before {
        top : 10%;
        left : 10%;
    }
    #locasma3 {
        max-width: 100%;
        margin : 0 0 5px;
    }
    #locasma3 a {
        font-size: 18px;
        line-height: 55px;
    }
    #locasma3 a:before {
        top : 10%;
        left : 10%;
    }
}

/*-----------------------------------*/
.copyright span {
    font-family: Verdana, "Droid Sans", '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}