#recruitment .visual {
    background:#fff;
    padding-block: 65px 30px;
    height: auto;
}
@media only screen and (max-width: 767px) {
    #recruitment .visual {
        background:#fff;
        padding-block: 30px;
    }
}
.page_title {
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.page_title span {
    color:#000
}
#recruitment .sec01 {
    padding:80px 0 70px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec01 {
        padding:30px 0 65px
    }
}
#recruitment .sec01 .block_title {
    margin-bottom:40px
}
#recruitment .sec01 .intro {
    text-align:left;
    font-size:16px;
    line-height:32px;
    max-width:755px;
    margin:0 auto
}
@media only screen and (max-width: 767px) {
    #recruitment .sec01 .intro {
        text-align:left
    }
}
#recruitment .sec02:before,#recruitment .sec02:after {
    content:" ";
    display:table
}
#recruitment .sec02:after {
    clear:both
}
#recruitment .sec02 .im {
    float:left;
    width:50%
}
@media only screen and (max-width: 767px) {
    #recruitment .sec02 .im {
        width:auto;
        float:none
    }
}
#recruitment .sec02 .info {
    float:left;
    width:50%;
    background:#F7F7F7;
    position:relative
}
@media only screen and (max-width: 767px) {
    #recruitment .sec02 .info {
        width:auto;
        float:none;
        padding-top:30px;
        padding-bottom:55px
    }
}
#recruitment .sec02 .info__box {
    max-width:500px;
    width:100%;
    position:absolute;
    top:50%;
    left:80px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media only screen and (max-width: 1155px) {
    #recruitment .sec02 .info__box {
        position:static;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        padding:30px 30px
    }
}
@media only screen and (max-width: 767px) {
    #recruitment .sec02 .info__box {
        max-width:100%;
        padding:0;
        position:static;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
#recruitment .sec02 .info__box .block_title {
    text-align:left;
    padding:0 0 30px;
    margin-bottom:40px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec02 .info__box .block_title {
        padding:0 15px 30px
    }
}
#recruitment .sec02 .info__box .block_title:after {
    left:0;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
@media only screen and (max-width: 767px) {
    #recruitment .sec02 .info__box .block_title:after {
        left:15px
    }
}
@media only screen and (max-width: 767px) {
    #recruitment .sec02 .info__box .intro {
        padding:0 15px;
        line-height:30px
    }
}
#recruitment .sec03 {
    padding:85px 0 100px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 {
        padding:70px 0 65px
    }
}
#recruitment .sec03 .wcm {
    max-width:945px
}
#recruitment .sec03 .block_title {
    margin-bottom:65px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 .block_title {
        margin-bottom:50px
    }
}
#recruitment .sec03 ul li {
    margin-bottom:120px
}
#recruitment .sec03 ul li:before,#recruitment .sec03 ul li:after {
    content:" ";
    display:table
}
#recruitment .sec03 ul li:after {
    clear:both
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li {
        margin-bottom:90px
    }
}
#recruitment .sec03 ul li:last-child {
    margin-bottom:0
}
#recruitment .sec03 ul li .im {
    float:left;
    width:35%;
    position:relative
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .im {
        float:none;
        width:calc(100% - 15px)
    }
}
#recruitment .sec03 ul li .im:after {
    display:block;
    content:"";
    width:100%;
    height:100%;
    background:#F7F7F7;
    position:absolute;
    top:-20px;
    right:-20px;
    z-index:-1
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .im:after {
        top:-20px;
        right:-20px
    }
}
#recruitment .sec03 ul li .im img {
    width:100%
}
#recruitment .sec03 ul li .info {
    float:left;
    width:65%;
    padding-left:70px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .info {
        float:none;
        width:100%;
        padding-left:0;
        padding-top:5px
    }
}
#recruitment .sec03 ul li .info table {
    width:100%
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .info table {
        display:block
    }
}
#recruitment .sec03 ul li .info table tr {
    background:url(../../img/case/dot.png) left bottom repeat-x
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .info table tr {
        display:block;
        padding:18px 0
    }
}
#recruitment .sec03 ul li .info table tr:first-child th,#recruitment .sec03 ul li .info table tr:first-child td {
    padding-top:0
}
#recruitment .sec03 ul li .info table tr th {
    width:133px;
    font-weight:bold;
    font-size:16px;
    padding:20px 0;
    color:#001526;
    text-align:left;
    vertical-align:top
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .info table tr th {
        display:block;
        width:100%;
        padding:0;
        margin:0 0 5px
    }
}
#recruitment .sec03 ul li .info table tr th h3 {
    font-weight:bold;
    font-size:24px;
    color:#001526;
    letter-spacing:2px;
    margin-right:10px
}
#recruitment .sec03 ul li .info table tr th span {
    display:inline-block;
    font-size:14px;
    line-height:12px;
    color:#0061A8;
    font-weight:normal
}
#recruitment .sec03 ul li .info table tr td {
    font-size:16px;
    line-height:28px;
    padding:20px 0;
    color:#3C3C3C;
    vertical-align:top
}
@media only screen and (max-width: 767px) {
    #recruitment .sec03 ul li .info table tr td {
        display:block;
        width:100%;
        padding:0
    }
}
#recruitment .sec04 {
    background:#F7F7F7;
    padding:70px 0 80px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 {
        padding:55px 0 40px
    }
}
#recruitment .sec04 .block_title {
    margin-bottom:50px
}
#recruitment .sec04 .box {
    background:#FFF;
    padding:30px 100px 70px;
    -webkit-box-shadow:4px 4px 10px 0px rgba(112,112,112,0.05);
    -moz-box-shadow:4px 4px 10px 0px rgba(112,112,112,0.05);
    box-shadow:4px 4px 10px 0px rgba(112,112,112,0.05)
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box {
        padding:10px 0 30px;
        height:400px;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none
    }
}
#recruitment .sec04 .box table {
    width:100%
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box table {
        display:block
    }
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box table tr {
        display:block;
        padding:18px 15px;
        border-bottom:1px solid #CCCCCC
    }
    #recruitment .sec04 .box table tr:last-child {
        border-bottom:none
    }
}
#recruitment .sec04 .box table tr th,#recruitment .sec04 .box table tr td {
    font-size:16px;
    vertical-align:top;
    padding:30px 0
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box table tr th,#recruitment .sec04 .box table tr td {
        display:block;
        width:100% !important;
        border:none;
        padding:0
    }
}
#recruitment .sec04 .box table tr th {
    width:205px;
    font-weight:bold;
    text-align:center;
    color:#001526;
    position:relative
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box table tr th {
        text-align:left;
        margin-bottom:5px
    }
}
#recruitment .sec04 .box table tr th:after {
    display:block;
    content:"";
    width:196px;
    height:1px;
    background:#000;
    position:absolute;
    bottom:0;
    left:0
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box table tr th:after {
        display:none
    }
}
#recruitment .sec04 .box table tr td {
    border-bottom:1px solid #CCCCCC;
    padding-left:45px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .box table tr td {
        padding-left:0;
        border:none
    }
}
#recruitment .sec04 .box table tr td a {
    color:#1F86FF;
    text-decoration:underline
}
#recruitment .sec04 .mCSB_scrollTools .mCSB_draggerRail {
    width:6px;
    background-color:transparent
}
#recruitment .sec04 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background:#707070;
    width:6px
}
#recruitment .sec04 .mCSB_container_wrapper>.mCSB_container {
    padding-right:0
}
#recruitment .sec04 .mCSB_container_wrapper {
    margin-right:0
}
#recruitment .sec04 .wrap_btn {
    font-size:0;
    margin:40px 0 0
}
#recruitment .sec04 .wrap_btn:before,#recruitment .sec04 .wrap_btn:after {
    content:" ";
    display:table
}
#recruitment .sec04 .wrap_btn:after {
    clear:both
}
#recruitment .sec04 .btn {
    display:inline-block;
    width:calc(50% - 8px);
    height:auto;
    line-height:normal;
    padding:20px 40px;
    font-size:18px;
    font-weight:bold
}
@media only screen and (max-width: 1024px) {
    #recruitment .sec04 .btn {
        font-size:15px
    }
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .btn {
        width:100%;
        float:none;
        max-width:100%;
        height:auto;
        line-height:28px;
        padding:20px 20px;
        text-indent:-10px;
        letter-spacing:0px
    }
}
@media only screen and (max-width: 374px) {
    #recruitment .sec04 .btn {
        font-size:15px
    }
}
#recruitment .sec04 .btn.mail {
    background:#001526;
    float:right
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .btn.mail {
        margin-top:30px
    }
}
#recruitment .sec04 .btn:after {
    width:10px;
    height:10px;
    border-width:2px;
    right:20px
}
@media only screen and (max-width: 767px) {
    #recruitment .sec04 .btn:after {
        width:12px;
        height:12px
    }
}
#recruitment .sec04 .btn:hover:after {
    right:10px
}
#recruitment .sec05 {
    position:relative;
    z-index:9999
}
#recruitment .sec05 iframe {
    width:100%;
    height:450px;
    vertical-align:top
}
@media only screen and (max-width: 767px) {
    #recruitment .sec05 iframe {
        height:430px
    }
}