.formError {
    z-index: 990
}

.formError .formErrorContent {
    z-index: 991
}

.formError .formErrorArrow {
    z-index: 996
}

.ui-dialog .formError {
    z-index: 5000
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006
}

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

@media only screen and (min-width: 1081px) {
    #contact #l_gnavi .contact .l_gnavi_inner {
        color: #b7183f
    }

    #contact #l_gnavi .contact .l_gnavi_inner:before {
        background-color: #b7183f
    }

    #recruit-contact #l_gnavi .recruit .l_gnavi_inner {
        color: #b7183f
    }

    #recruit-contact #l_gnavi .recruit .l_gnavi_inner:before {
        background-color: #b7183f
    }
}

#l_headline {
    background-image: url(/assets/img/common/main_img.jpg)
}

#l_conts .privacy {
    margin-top: 50px;
    margin-bottom: 60px;
    height: 240px;
    border: 1px solid #E6E6E6;
    overflow: hidden
}

#l_conts .privacy .inner {
    padding: 40px
}

#l_conts .privacy .ttl {
    margin-bottom: 15px
}

#l_conts .privacy .u_basic_list {
    margin-top: 0;
    margin-bottom: 40px
}

#l_conts .privacy dt {
    margin-top: 25px;
    font-weight: bold
}

#l_conts .jspVerticalBar {
    width: 15px
}

#l_conts .jspTrack {
    background-color: #FFF
}

#l_conts .jspDrag {
    background-color: #d6d6d6;
    border: 5px solid #fff;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease
}

#l_conts .jspDrag:hover {
    background-color: #e6e6e6
}

#l_conts .attention {
    color: #FF0000
}

#l_conts .errorTxt {
    margin-top: 10px;
    color: #FF0000;
    font-weight: bold
}

@media only screen and (max-width: 800px) {
    #l_conts .privacy {
        margin-top: 25px;
        height: 200px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    #l_conts .privacy .inner {
        padding: 20px
    }
    #l_conts .privacy .u_basic_list {
        margin-bottom: 20px
    }
}

#mailFomr .notes {
    font-size: 1.3rem
}

#mailFomr .u_basic_table {
    font-size: 1.6rem
}

#mailFomr .u_table_row {
    width: 100%;
}

#mailFomr .is_table_th {
    padding: 20px 17px;
    line-height: 1.5
}

#mailFomr .icon {
    padding: 3px 5px;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    line-height: 1
}

#mailFomr .icon.required {
    background-color: #B20101;
    border-color: #B20101;
    color: #FFF
}

#mailFomr .icon.any {
    border-color: #999;
    color: #999
}

#mailFomr .is_table_th label {
    position: relative;
    display: block;
    padding-right: 30px;
}

#mailFomr .type dt {
    margin-top: 15px;
    margin-bottom: -5px;
    font-weight: bold
}

#mailFomr .type dt:first-child {
    margin-top: 0
}

#mailFomr .rowList {
    margin-left: -10px;
    padding: 10px;
    display: table;
    letter-spacing: -0.4em
}

#mailFomr .rowList li {
    margin-right: 20px;
    display: inline-block;
    letter-spacing: normal
}

#mailFomr .rowList label {
    cursor: pointer
}

#mailFomr .rowList input {
    margin-right: 5px;
    vertical-align: -0.1em
}

#mailFomr .type ul li {
    letter-spacing: normal;
    text-indent: -1em;
    padding-left: 1em;
}

#mailFomr .type ul label {
    cursor: pointer
}

#mailFomr .type ul input {
    margin-right: 5px;
    vertical-align: -0.1em
}

#mailFomr textarea {
    padding: 10px;
    width: 100%;
    height: 110px;
    border: 1px solid #d6d6d6;
    font-size: 16px
}

#mailFomr .inputParts {
    padding: 10px;
    border: 1px solid #d6d6d6;
    font-size: 16px
}

#mailFomr .inputParts.shortInput {
    width: 230px
}

#mailFomr .inputParts.middleInput {
    width: 480px
}

#mailFomr .inputParts.longInput {
    width: 100%
}

#mailFomr .postSearch {
    margin-bottom: 10px;
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
    display: inline-block;
    color: #036;
    cursor: pointer
}

#mailFomr .postSearch:hover {
    text-decoration: underline
}

#mailFomr .postSearch:before {
    width: 5px;
    height: 5px;
    border: 1px solid transparent;
    border-top-color: #B7183F;
    border-right-color: #B7183F;
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#mailFomr .error .rowList {
    background-color: #FFF4F4
}

#mailFomr .error textarea, #mailFomr .error .inputParts {
    background-color: #FFF4F4;
    border-color: #FF0000
}

#mailFomr textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mailFomr .hide_row {
    display: none;
}

#mailFomr .input_note {
    margin-left: 5px;
}

@media only screen and (min-width: 801px) {
    #mailFomr .u_basic_table.is_table_size_30-70 .is_table_th {
        width: 28%;
    }

    #mailFomr .u_basic_table.is_table_size_30-70 .is_table_th+.u_table_cell {
        width: 72%;
    }
}

@media only screen and (max-width: 800px) {
    #mailFomr .is_table_th {
        padding: 15px
    }
    #mailFomr .is_table_th label {
        padding-right: 45px;
        display: table
    }
    #mailFomr .icon {
        margin-top: 3px
    }
    #mailFomr .type dt {
        margin-top: 15px
    }
    #mailFomr .rowList li {
        margin-top: 10px;
        margin-right: 0;
        display: block
    }
    #mailFomr .rowList li:first-child {
        margin-top: 0
    }
    #mailFomr textarea {
        padding: 5px 10px
    }
    #mailFomr .inputParts {
        padding: 5px 10px
    }
    #mailFomr .inputParts.shortInput {
        width: 100%;
        max-width: 230px
    }
    #mailFomr .inputParts.middleInput {
        width: 100%;
        max-width: 480px
    }
    #mailFomr .postSearch {
        margin-top: 10px;
        margin-left: 0;
        display: table
    }
    #mailFomr .postSearch:hover {
        text-decoration: none
    }
}

#l_conts .mb20 {
    margin-bottom: 20px;
}

.confirm #mailFomr .is_table_th label {
    padding-right: 0;
}

.u_cate_top {

}
.u_cate_top .u_cate_ttl {
    height: auto;
    padding: 22px 0 21px;
}
.u_cate_top .u_cate_ttl_in {
    font-size: 26px;
}
.u_cate_top .u_cate_box {
    padding: 25px 30px;
}
.u_cate_top .u_cate_box p {
    font-size: 16px;
}
.u_cate_top .u_cate_box .u_text_navi {
    margin-left: -10px;
}

.u_table_cell.is_table_th label + p {
    margin-top: 15px;
}

.u_submit .is_normal_btn {
    pointer-events: none;
    opacity: .4;
}
.u_submit .is_normal_btn.show {
    pointer-events: visible;
    opacity: 1;
}