@charset "UTF-8";
/*=================================================

 採用情報

=================================================== */
/* auto grouping by Sass
--------------------------------------------------- */
/*----------------------------------------------------------
    Mediaquary Tablet/PC
----------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    /*----------------------------------------------------------
    【採用情報】下層
    ----------------------------------------------------------*/
    .recruit {
        background-color: transparent;
    }
    .recruit .l_maincontents:before,
    .recruit .l_maincontents:after {
        display: table;
        content: "";
    }
    .recruit .l_maincontents:after {
        clear: both;
    }
    .recruit .l_maincontents .l_col2 .l_main {
        float: left;
        width: 75%;
    }
    .recruit .l_maincontents .l_main header:not([class]),
    .recruit .l_maincontents .l_main div.header {
        margin: 30px 0;
        padding: 20px 17px;
        border: solid 1px #c5c5c5;
        font-size: 128.57143%;
    }
    .recruit .l_maincontents .l_side {
        display: block;
        float: right;
        width: 22%;
    }
    .recruit .l_maincontents .l_side h2 {
        padding: 15px;
        background-color: #1D2D7C;
        color: #fff;
    }
    .recruit .l_maincontents .l_side .navi {
        border: solid 1px #c5c5c5;
        border-top: none;
    }
    .recruit .l_maincontents .l_side .navi > li a {
        display: block;
        padding: 14px 14px 14px 30px;
        background: url(/images/recruit/bg_link.png) no-repeat 14px 16px transparent;
        background-size: 6px 11px;
        color: #111;
        text-decoration: none;
    }
	/* revision by soken 20160901 start */
	.recruit .l_maincontents .l_side .navi > li a {
		line-height:1.3;
    }
	/* revision by soken 20160901 end */
    .recruit .l_maincontents .l_side .navi > li:hover,
    .recruit .l_maincontents .l_side .navi > li.current {
        background-color: #e6e6e6;
    }

    /*----------------------------------------------------------
    【採用情報】下層　陣
    ----------------------------------------------------------*/
    .recruit .blockTemplateArea_rec .indent {
        margin-left: 30px !important;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv2 {
        margin: 30px 0;
        padding: 20px 17px;
        border: solid 1px #c5c5c5;
        font-size: 128.57143%;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv3 {
        margin: 30px 0;
        padding: 5px 0 5px 20px;
        border-left: solid 4px #1D2D7C;
        font-size: 114.28571%;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv3.ver1 {
        position: relative;
        margin: 30px 0 20px;
        padding: 0 0 0 30px;
        border: none;
        color: #004fab;
        font-size: 128.57143%;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv3.ver1:before {
        position: absolute;
        left: 0;
        top: 0.6em;
        width: 20px;
        height: 1px;
        border-top: solid 1px #004fab;
        content: "";
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv4 {
        margin: 20px 0;
    }
    .recruit .blockTemplateArea_rec .elem_paragraph {
        margin: 20px 0;
    }
    .recruit .blockTemplateArea_rec .elem_link,
    .recruit .blockTemplateArea_rec .elem_text_list,
    .recruit .blockTemplateArea_rec .elem_sp_navi,
    .recruit .blockTemplateArea_rec .elem_page_in_navi {
        margin: 20px 0;
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi ul > li {
        padding-left: 20px;
        background: url(/images/recruit/bg_anchor_down.png) no-repeat left center;
        background-size: 11px 6px;
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul:before,
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul:after {
        display: table;
        content: "";
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul:after {
        clear: both;
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul > li {
        float: left;
        margin-right: 20px;
        white-space: nowrap;
    }
    .recruit .blockTemplateArea_rec div.pik + div.elem_paragraph {
        margin: 10px 0 0;
    }
    .recruit .blockTemplateArea_rec table.elem_pik_box {
        width: 100%;
    }
    .recruit .blockTemplateArea_rec table.elem_pik_box td.elem_pik_box {
        text-align: left;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box {
        margin: 20px 0;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box .m_paragraph {
        margin-top: 10px;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col2,
    .recruit .blockTemplateArea_rec div.elem_pik_box.col3,
    .recruit .blockTemplateArea_rec div.elem_pik_box.col4,
    .recruit .blockTemplateArea_rec div.elem_pik_box.col5 {
        width: 100%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col2 td.elem_pik_box {
        width: 48%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col2 td.separator {
        width: 4%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col3 td.elem_pik_box {
        width: 31%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col3 td.separator {
        width: 3.5%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col4 td.elem_pik_box {
        width: 22%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col4 td.separator {
        width: 3%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col5 td.elem_pik_box {
        width: 18%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col5 td.separator {
        width: 2.5%;
    }
    .recruit .blockTemplateArea_rec div.elem_various {
        margin: 20px 0;
    }
    .recruit .blockTemplateArea_rec div.elem_various:before,
    .recruit .blockTemplateArea_rec div.elem_various:after {
        display: table;
        content: "";
    }
    .recruit .blockTemplateArea_rec div.elem_various:after {
        clear: both;
    }
    .recruit .blockTemplateArea_rec div.elem_various td.elem_pik_box div.pik {
        display: table;
        width: auto;
    }
    .recruit .blockTemplateArea_rec div.elem_various.img_right td.elem_pik_box div.pik {
        margin-left: auto;
    }
    .recruit .blockTemplateArea_rec div.elem_various div.elem_pik_box {
        float: left;
        width: 40%;
        margin: 0 2% 1em 0;
        padding-right: 1%;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various {
        width: 100%;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various th.term,
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various td.description {
        vertical-align: top;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various th.term {
        width: 40%;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various td.description {
        width: 60%;
        padding-left: 1em;
    }
    .recruit .blockTemplateArea_rec div.elem_various.img_right div.elem_pik_box {
        float: right;
        margin: 0 0 1em 2%;
        padding: 0 0 0 1%;
    }
    .recruit .blockTemplateArea_rec div.elem_various.img_right table.elem_various td.description {
        padding-right: 1em;
        padding-left: 0;
    }
    .recruit .blockTemplateArea_rec div.elem_table {
        margin: 20px 0;
        max-width: 960px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table caption {
        margin-bottom: 15px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table td {
        padding: 10px 0;
    }
    .recruit .blockTemplateArea_rec div.elem_table table td + td {
        padding-left: 15px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table thead th[scope="col"] {
        padding: 10px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table thead + tbody td {
        padding: 10px;
    }
    .recruit .blockTemplateArea_rec div.elem_block {
        margin: 20px 0;
        padding: 20px;
    }
    .recruit .blockTemplateArea_rec div.elem_block p.heading {
        margin-bottom: 15px;
        font-size: 114.28571%;
    }
    .recruit .blockTemplateArea_rec div.elem_block.color {
        padding: 24px;
    }
    .recruit .blockTemplateArea_rec div.elem_line {
        margin: 20px 0;
    }

    /*----------------------------------------------------------
    【採用情報】働き方を知る
    ----------------------------------------------------------*/
    .recruit .job {
        margin: 85px 0;
    }
}
/*----------------------------------------------------------
    Mediaquary PC
----------------------------------------------------------*/
@media only screen and (min-width: 960px) {
    /*----------------------------------------------------------
    【採用情報】下層
    ----------------------------------------------------------*/
    .recruit .l_maincontents .l_col2 .l_main {
        width: 730px;
    }
    .recruit .l_maincontents .l_side {
        width: 200px;
    }

    /*----------------------------------------------------------
    【採用情報】企業を知る
    ----------------------------------------------------------*/
    .recruit figure,
    .recruit .figure{
        /*margin-top: -2%;*/
    }
    .recruit figure > li,
    .recruit .figure > li{
        width: 357px;
        margin-top: 2%;
        margin-right: 2%;
    }
    .recruit figure > li dl dd,
    .recruit .figure > li dl dd{
        width: 243px;
    }

    /*----------------------------------------------------------
    【採用情報】働き方を知る
    ----------------------------------------------------------*/
    .recruit .job .summary .l_fig {
        width: 250px;
        padding-right: 25px;
    }
    .recruit .job .interviewee > ul {
        margin-top: -20px;
    }
    .recruit .job .interviewee > ul > li {
        width: 216.66667px;
        margin: 20px 20px 0 0;
    }
}
/*----------------------------------------------------------
    Mediaquary Tablet
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
    /*----------------------------------------------------------
    【採用情報】共通
    ----------------------------------------------------------*/
    #recruitnavi_wrap .global_navi > li.navi01 {
        width: 14.79167%;
    }
    #recruitnavi_wrap .global_navi > li.navi02 {
        width: 15.83333%;
    }
    #recruitnavi_wrap .global_navi > li.navi03 {
        width: 12.5%;
    }
    #recruitnavi_wrap .global_navi > li.navi04 {
        width: 12.5%;
    }
    #recruitnavi_wrap .global_navi > li.navi05 {
        width: 12.5%;
    }
    #recruitnavi_wrap .global_navi > li.navi06 {
        width: 15.9375%;
    }
    #recruitnavi_wrap .global_navi > li.navi07 {
        width: 15.9375%;
    }
	/* revision by soken 20160901 start 
    #recruitnavi_wrap .global_navi > li.navi01 {
        width: 17.63485%;
    }
    #recruitnavi_wrap .global_navi > li.navi02 {
        width: 18.04979%;
    }
    #recruitnavi_wrap .global_navi > li.navi03 {
        width: 15.14522%;
    }
    #recruitnavi_wrap .global_navi > li.navi04 {
        width: 15.14522%;
    }
    #recruitnavi_wrap .global_navi > li.navi05 {
        width: 15.35269%;
    }
    #recruitnavi_wrap .global_navi > li.navi06 {
        width: 18.67220%;
    }
	 revision by soken 20160901 end */
    /*----------------------------------------------------------
    【採用情報】トップ
    ----------------------------------------------------------*/
    .recruit .l_top_message .inner {
        display: table;
        width: 100%;
        overflow: hidden;
    }
    .recruit .l_top_message .inner:before,
    .recruit .l_top_message .inner:after {
        display: table;
        content: "";
    }
    .recruit .l_top_message .inner:after {
        clear: both;
    }
    .recruit .l_top_message figure,
    .recruit .l_top_message .figure{
        width: 60%;
    }
    .recruit .l_top_message .message {
        width: 60%;
        height: 100%;
        padding-top: 0;
    }
    .recruit .l_top_message .message .policy {
        padding-top: 10%;
    }
    .flexbox .recruit .l_top_message .button {
        margin-top: -100px;
    }
}
/*----------------------------------------------------------
    Mediaquary between Mobile(Landscape) and Tablet
----------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 960px) {
    /*----------------------------------------------------------
    【採用情報】下層
    ----------------------------------------------------------*/
    .recruit .l_maincontainer {
        padding: 23px 0 35px;
    }
    .recruit .l_category_top .navi > li {
        width: 49%;
        margin-top: 15px;
        padding: 20px 10px 20px 0px;
        background-size: 30%;
    }
    .recruit .l_category_top .navi > li:nth-child(2n+1) {
        margin-right: 1%;
    }
    .recruit .l_category_top .navi > li:nth-child(2n) {
        margin-left: 1%;
    }
    .recruit .l_category_top .navi > li a {
        padding-left: 30%;
    }
    .recruit .l_category_top .navi > li h2 {
        margin-bottom: 15px;
        padding-left: 20px;
        font-size: 114.28571%;
    }
	/* revision by soken 20160901 start */
    .recruit .l_category_top .navi > li h2 {
		line-height:1.3;
    }
	/* revision by soken 20160901 end */

    /*----------------------------------------------------------
    【採用情報】トップ
    ----------------------------------------------------------*/
    .recruit .l_top_business .business_navi {
        width: 100%;
        margin: 0 0 -2% 0;
    }
    .recruit .l_top_business .business_navi > li {
        display: block;
        width: 31.3333%;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 2%;
    }
    .recruit .l_top_business .business_navi > li a {
        display: table;
        width: 100%;
        padding: 0 25px 0 50%;
        background-position: 10% center;
        background-size: 30%;
    }
    .recruit .l_top_business .business_navi > li a span {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }
    .recruit .l_top_interview .interviewee {
        width: 99.9999%;
    }
    .recruit .l_top_interview .interviewee .personel {
        width: 33.3333%;
    }
    .recruit .l_top_interview .interviewee .personel img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .recruit .l_top_interview .interviewee.is-col2 {
        width: 66.6666%;
    }
    .recruit .l_top_interview .interviewee.is-col1 {
        width: 33.3333%;
    }
}
/*----------------------------------------------------------
    Mediaquary Mobile(Landscape)
----------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    /*----------------------------------------------------------
    【採用情報】共通
    ----------------------------------------------------------*/
    .recruit .pc_hide {
        display: block;
    }
    .recruit .sp_hide {
        display: none;
    }
    .recruit .headline:before {
        width: 40px;
        left: 50%;
        margin-left: -20px;
    }
    .recruit .sp_slidemenu {
        background-image: url(/images/recruit/bg_slidedown.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 15px 15px;
    }
    .recruit .sp_slidemenu.open {
        background-image: url(/images/recruit/bg_slideup.png);
    }
    .recruit .sp_sub_menu {
        padding: 0 15px;
        background: #fff;
    }
    .recruit .sp_sub_menu > li:not(:last-of-type) {
        border-bottom: solid 1px #c5c5c5;
    }
    .recruit .sp_sub_menu a {
        display: block;
        position: relative;
        padding-right: 6px;
        padding-left: 0;
    }
    .recruit .sp_sub_menu a:before {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -11px;
        content: url(/images/recruit/bg_link.png);
        zoom: .5;
    }
    .recruit .sp_sub_menu a:hover,
    .recruit .sp_sub_menu a.current {
        background-color: #fff !important;
    }

    .footer_document_link .inner {
        padding-top: 0;
    }
    .footer_document_link dl dt {
        display: none;
    }
    .footer_document_link .document_link > li {
        display: block;
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-left: none;
        background-color: #e6e6e6;
        text-align: left;
    }
    .footer_document_link .document_link > li:not(:last-of-type) {
        border-bottom: solid 1px #b2b2b2;
    }
    .footer_document_link .document_link > li a {
        padding-right: 15px;
        padding-left: 15px;
        border-top: none;
        border-right: none;
    }
    .footer_document_link .document_link > li a span {
        background-image: none;
    }
    .footer_document_link .document_link .sp_slidemenu {
        padding-left: 40px;
        background-position: 15px center;
    }
    .footer_document_link .user_link {
        margin-top: 0;
    }
    .footer_document_link .notes {
        padding: 10px;
    }


    #recruitnavi_wrap {
        position: absolute;
        width: 100%;
        min-height: 60px;
        padding-top: 6px;
        z-index: 200;
    }
    #recruitnavi_wrap .js-slidedata {
        position: static;
    }
    #recruitnavi_wrap .js-slidedata.sp_slidedata {
        display: none;
    }
    #recruitnavi_wrap h3:first-of-type {
        margin: 0 10px;
        padding: 18px 15px 18px 26px;
        border-radius: 3px;
        background: url(/images/recruit/bg_global_navi_slidedown.png) no-repeat 15px center #111;
        background-size: 11px 6px;
        text-align: center;
    }
    #recruitnavi_wrap h3:first-of-type.open {
        background-image: url(/images/recruit/bg_global_navi_slideup.png);
    }
    #recruitnavi_wrap .global_navi {
        margin: 5px 0 15px;
    }
    #recruitnavi_wrap .global_navi > li {
        float: none;
        width: 100% !important;
        margin-top: 2px;
    }
    #recruitnavi_wrap .global_navi > li a {
        padding: 18px 15px;
        color: #111;
        text-align: left;
    }
    #recruitnavi_wrap .global_navi > li > a {
        display: block;
        position: relative;
        border-radius: 3px;
        background-color: #e6e6e6;
    }
    #recruitnavi_wrap .global_navi > li > a:before {
        display: block;
        position: absolute;
        top: 50%;
        right: 21px;
        margin-top: -11px;
        content: url(/images/recruit/bg_link.png);
        zoom: .5;
    }
    #recruitnavi_wrap .global_navi > li > a.sp_slidemenu {
        padding-left: 40px;
        background-position: 15px center;
    }
    #recruitnavi_wrap .global_navi > li > a.sp_slidemenu:before {
        content: "";
    }
    #recruitnavi_wrap .global_navi > li > a.sp_slidemenu.open {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #recruitnavi_wrap .global_navi > li > a:hover,
    #recruitnavi_wrap .global_navi > li > a.current {
        background-color: #e6e6e6;
    }
    #recruitnavi_wrap .global_navi > li.navi08 {
        border-radius: 3px;
        background-color: #e6e6e6;
    }
    #recruitnavi_wrap .global_navi > li.navi08 > a {
        margin: 0;
        padding: 18px 15px 18px 10px;
        background-color: #e6e6e6;
    }

    #container {
        padding-top: 60px;
    }

    .recruit .l_entry {
        padding: 15px 0;
    }
    .recruit .l_entry ul.link.button {
        display: table;
        width: auto;
        margin: 0 auto;
    }

    /*----------------------------------------------------------
        採用情報　下層
    ----------------------------------------------------------*/
    .recruit .l_maincontainer .lead {
        margin-bottom: 25px;
        font-size: 100%;
        font-weight: normal;
    }
    .recruit .l_maincontents .l_main header:not([class]) h2,
    .recruit .l_maincontents .l_main div.header h2{
        margin: 15px -10px;
        padding: 20px 15px;
        border-top: solid 1px #c5c5c5;
        border-bottom: solid 1px #c5c5c5;
        font-size: 114.28571%;
        overflow: hidden;
    }
    .recruit .l_category_top .navi {
        margin-top: -15px;
    }

    /*----------------------------------------------------------
    【採用情報】下層　陣
    ----------------------------------------------------------*/
    .recruit .blockTemplateArea_rec .indent {
        margin-left: 20px !important;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv2 {
        margin: 15px -10px;
        padding: 20px 15px;
        border-top: solid 1px #c5c5c5;
        border-bottom: solid 1px #c5c5c5;
        font-size: 114.28571%;
        overflow: hidden;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv3 {
        margin: 15px 0;
        padding: 3px 0 3px 13px;
        border-left: solid 4px #004fab;
        font-size: 107.14286%;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv3.ver1 {
        position: relative;
        margin: 15px 0 15px;
        padding: 0 0 0 20px;
        border: none;
        color: #004fab;
        font-size: 107.14286%;
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv3.ver1:before {
        position: absolute;
        left: 0;
        top: 0.5em;
        width: 15px;
        height: 1px;
        background-color: #004fab;
        content: "";
    }
    .recruit .blockTemplateArea_rec .elem_heading_lv4 {
        margin: 15px 0;
    }
    .recruit .blockTemplateArea_rec .elem_paragraph {
        margin: 15px 0;
    }
    .recruit .blockTemplateArea_rec .elem_link,
    .recruit .blockTemplateArea_rec .elem_text_list,
    .recruit .blockTemplateArea_rec .elem_sp_navi,
    .recruit .blockTemplateArea_rec .elem_page_in_navi {
        margin: 15px 0;
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi ul > li {
        padding-left: 20px;
        background: url(/images/recruit/bg_anchor_down.png) no-repeat left center;
        background-size: 11px 6px;
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul:before,
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul:after {
        display: table;
        content: "";
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul:after {
        clear: both;
    }
    .recruit .blockTemplateArea_rec .elem_page_in_navi.row ul > li {
        float: left;
        margin-right: 20px;
        white-space: nowrap;
    }
    .recruit .blockTemplateArea_rec div.pik + div.elem_paragraph {
        margin: 15px 0 0;
    }
    .recruit .blockTemplateArea_rec table.elem_pik_box {
        width: 100%;
    }
    .recruit .blockTemplateArea_rec table.elem_pik_box td.elem_pik_box {
        text-align: left;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box {
        margin: 15px 0;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box .m_paragraph {
        margin-top: 10px;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col2,
    .recruit .blockTemplateArea_rec div.elem_pik_box.col3,
    .recruit .blockTemplateArea_rec div.elem_pik_box.col4,
    .recruit .blockTemplateArea_rec div.elem_pik_box.col5 {
        width: 100%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col2 td.elem_pik_box {
        width: 48%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col2 td.separator {
        width: 4%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col3 td.elem_pik_box {
        width: 31%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col3 td.separator {
        width: 3.5%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col4 td.elem_pik_box {
        width: 22%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col4 td.separator {
        width: 3%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col5 td.elem_pik_box {
        width: 18%;
    }
    .recruit .blockTemplateArea_rec div.elem_pik_box.col5 td.separator {
        width: 2.5%;
    }
    .recruit .blockTemplateArea_rec div.elem_various {
        margin: 15px 0;
    }
    .recruit .blockTemplateArea_rec div.elem_various:before,
    .recruit .blockTemplateArea_rec div.elem_various:after {
        display: table;
        content: "";
    }
    .recruit .blockTemplateArea_rec div.elem_various:after {
        clear: both;
    }
    .recruit .blockTemplateArea_rec div.elem_various td.elem_pik_box div.pik {
        display: table;
        width: auto;
    }
    .recruit .blockTemplateArea_rec div.elem_various.img_right td.elem_pik_box div.pik {
        margin-left: auto;
    }
    .recruit .blockTemplateArea_rec div.elem_various div.elem_pik_box {
        float: left;
        width: 40%;
        margin: 0 2% 1em 0;
        padding-right: 1%;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various {
        width: 100%;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various th.term,
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various td.description {
        vertical-align: top;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various th.term {
        width: 40%;
    }
    .recruit .blockTemplateArea_rec div.elem_various table.elem_various td.description {
        width: 60%;
        padding-left: 1em;
    }
    .recruit .blockTemplateArea_rec div.elem_various.img_right div.elem_pik_box {
        float: right;
        margin: 0 0 1em 2%;
        padding: 0 0 0 1%;
    }
    .recruit .blockTemplateArea_rec div.elem_various.img_right table.elem_various td.description {
        padding-right: 1em;
        padding-left: 0;
    }
    .recruit .blockTemplateArea_rec div.elem_table {
        margin: 15px 0;
        max-width: 767px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table caption {
        margin-bottom: 15px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table td {
        padding: 5px 0;
    }
    .recruit .blockTemplateArea_rec div.elem_table table td + td {
        padding-left: 10px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table thead th[scope="col"] {
        padding: 5px;
    }
    .recruit .blockTemplateArea_rec div.elem_table table thead + tbody td {
        padding: 5px;
    }
    .recruit .blockTemplateArea_rec div.elem_block {
        margin: 15px 0;
        padding: 10px;
    }
    .recruit .blockTemplateArea_rec div.elem_block p.heading {
        margin-bottom: 15px;
        font-size: 114.28571%;
    }
    .recruit .blockTemplateArea_rec div.elem_block.color {
        padding: 14px;
    }
    .recruit .blockTemplateArea_rec div.elem_line {
        margin: 15px 0;
    }

    /*----------------------------------------------------------
    【採用情報】働き方を知る
    ----------------------------------------------------------*/
    .recruit .job {
        margin: 30px 0;
    }

    /*----------------------------------------------------------
    【採用情報】企業を知る
    ----------------------------------------------------------*/
    .recruit figure .js-pc-adjust-row-height-item,
    .recruit .figure .js-pc-adjust-row-height-item{
    position: static;
    }
    .recruit figure > li,
    .recruit .figure > li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .recruit figure > li:nth-child(2n+1),
    .recruit .figure > li:nth-child(2n+1) {
        clear: none;
    }
    .recruit figure > li dl dd,
    .recruit .figure > li dl dd{
        padding: 14px 10px;
    }

    /*----------------------------------------------------------
    【採用情報】FAQ
    ----------------------------------------------------------*/
    .recruit .navi_faq {
        margin-bottom: 30px;
    }
    .recruit .navi_faq > li {
        padding: 0;
        background-position: 5px center;
        background-size: 11px 6px;
    }
    .recruit .navi_faq > li a {
        display: block;
        padding: 15px 5px 15px 30px;
    }
    .recruit .faq_answer {
        margin-top: 0;
    }
    .recruit .faq_answer .l_answer {
        margin-top: 25px;
        padding: 17px 10px 50px;
    }
    .recruit .faq_answer .l_answer h2 {
        padding: 0 5px 15px;
        margin-bottom: 15px;
    }
    .recruit .faq_answer .l_answer .answer {
        padding: 0 5px;
    }
    .recruit .faq_answer .l_answer .answer + ul {
        width: 100%;
        height: 30px;
        margin-left: 0;
        background-size: 13px 10.5px;
    }
    .recruit .faq_answer .l_answer .answer + ul a {
        width: 100%;
    }

    /*----------------------------------------------------------
    【採用情報】人を知る
    ----------------------------------------------------------*/
    .recruit .kv_interview {
        margin: 0 -10px 30px;
        padding: 15px;
        border-top: solid 1px #c5c5c5;
        border-bottom: solid 1px #c5c5c5;
    }
    .recruit .kv_interview .bx-wrapper .bx-controls-direction a {
        top: 20%;
        width: 45px;
        height: 45px;
        margin-top: 22.5px;
    }
    .recruit .kv_interview .bx-wrapper .bx-controls-direction a img {
        width: 45px;
        height: auto;
    }
    .recruit .kv_interview .bx-wrapper .bx-prev {
        left: -10px;
    }
    .recruit .kv_interview .bx-wrapper .bx-next {
        right: -10px;
    }
    .recruit .kv_interview .bx-wrapper .bx-pager {
        display: none;
    }
    .recruit .kv_interview .kvInner .pc {
        display: none;
    }
    .recruit .kv_interview .kvInner .smp {
        display: inline-block;
    }

    /*----------------------------------------------------------
    【採用情報】トップ
    ----------------------------------------------------------*/
    .recruit_kv .bx-wrapper .bx-controls-direction a {
        width: 20px;
        height: auto;
        margin-top: -28px;
    }
    .recruit_kv .bx-wrapper .bx-prev {
        left: 10px;
    }
    .recruit_kv .bx-wrapper .bx-next {
        right: 10px;
    }
    .recruit_kv .bx-wrapper .bx-pager {
        bottom: 8px;
    }
    .recruit_kv .kvInner {
        background: none !important;
        height: auto;
    }
    .recruit_kv .kvInner .pc {
        display: none;
    }
    .recruit_kv .kvInner .smp {
        display: inline-block;
    }

    .recruit .l_top_interview {
        padding: 30px 0 35px;
    }
    .recruit .l_top_business {
        min-height: 0;
        padding: 30px 0;
    }
    .recruit .l_top_work {
        min-height: 0;
        padding: 30px 0 50px;
        background-size: cover;
    }
    .recruit .l_top_work .work_navi {
        margin-top: 18px;
    }
}
/*----------------------------------------------------------
    Mediaquary between Mobile(Landscape) and Mobile (Portrait)
----------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
    /*----------------------------------------------------------
        採用情報　下層
    ----------------------------------------------------------*/
    .recruit .l_entry ul.link.button > li {
        width: 145px;
    }
    .recruit .l_entry ul.link.button > li:first-of-type {
        margin-right: 2px;
    }
    .recruit .l_entry ul.link.button > li:last-of-type {
        margin-left: 2px;
    }

    /*----------------------------------------------------------
    【採用情報】トップ
    ----------------------------------------------------------*/
    .recruit .l_top_message > .inner {
        height: 350px;
        overflow: hidden;
    }
    .recruit .l_top_message figure,
    .recruit .l_top_message .figure{
        right: -5%; /* -10% */
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) and (min-width: 581px) and (max-width: 671px) {
    .recruit .l_top_message figure,
    .recruit .l_top_message .figure{
        right: -5%; /* -20% */
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .recruit .l_top_message figure img,
    .recruit .l_top_message .figure img{
        width: auto;
        height: 300px;
    }
    .recruit .l_top_message .message {
        width: 60%;
        height: 100%;
        padding-top: 0;
        font-size: 12px;
    }
    .recruit .l_top_message .message .policy {
        padding-top: 10%;
    }
    .recruit .l_top_message .message .sender {
        margin-top: 5%;
    }
    .recruit .l_top_message .button {
        margin-top: -50px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 580px) {
    /*----------------------------------------------------------
    【採用情報】働き方を知る
    ----------------------------------------------------------*/
    .recruit .job .interviewee > ul {
        margin-top: -4%;
    }
    .recruit .job .interviewee > ul > li {
        width: 48%;
        margin-top: 4%;
        margin-right: 4%;
    }
    .recruit .job .interviewee > ul > li:nth-child(2n+1) {
        clear: left;
    }
    .recruit .job .interviewee > ul > li:nth-child(3n+1) {
        clear: none;
    }
    .recruit .job .interviewee > ul > li:nth-child(2n) {
        margin-right: 0;
    }
    .recruit .job .interviewee > ul > li:nth-child(3n) {
        margin-right: 4%;
    }

    /*----------------------------------------------------------
    【採用情報】人を知る
    ----------------------------------------------------------*/
    #interview_top .interviewee {
        display: block;
        margin: 10px -10px 0;
        overflow: hidden;
    }
    #interview_top .interviewee .personel {
        max-width: 100%;
        padding: 15px 5px;
        border-style: solid none;
    }
    #interview_top .interviewee figure,
    #interview_top .interviewee .figure{
        display: table;
        width: 100%;
    }
    #interview_top .interviewee figure > *,
    #interview_top .interviewee .figure > *{
        display: table-cell;
        vertical-align: top;
    }
    #interview_top .interviewee figure > img,
    #interview_top .interviewee .figure > img{
        width: auto;
    }
    #interview_top .interviewee figure .figcaption,
    #interview_top .interviewee .figure .figcaption,
    #interview_top .interviewee figure figcaption,
    #interview_top .interviewee .figure figcaption{
        width: 54%;
        padding: 0 10px;
        border: none;
    }
    #interview_top .interviewee figure .figcaption .comment,
    #interview_top .interviewee .figure .figcaption .comment,
    #interview_top .interviewee figure figcaption .comment,
    #interview_top .interviewee .figure figcaption .comment{
        font-size: 116.66667%;
    }
    #interview_top .interviewee figure .figcaption .sender,
    #interview_top .interviewee .figure .figcaption .sender,
    #interview_top .interviewee figure figcaption .sender,
    #interview_top .interviewee .figure figcaption .sender{
        font-size: 91.66667%;
        line-height: 1.36364em;
    }

    /*----------------------------------------------------------
    【採用情報】トップ
    ----------------------------------------------------------*/
    .recruit .l_top_message {
        border-top: none;
    }
    .recruit .l_top_message > .inner {
        width: 100%;
        margin: 0;
    }
    .recruit .l_top_message figure,
    .recruit .l_top_message .figure{
        right: -12%; /* -30% */
        bottom: 50px;
    }
    .recruit .l_top_message .message {
        padding: 20px 15px 15px;
        background: rgba(204, 204, 204, 0.4);
    }
    .recruit .l_top_message .message .policy {
        font-size: 18px;
    }
    .recruit .l_top_message .button {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        margin: 0;
        background-color: #fff;
        z-index: 3;
    }
    .recruit .l_top_message .button > li {
        display: table;
        width: auto;
        margin: 0 auto;
        background-color: #fff;
    }
    .recruit .l_top_message .button a {
        display: table-cell !important;
        height: 50px;
        padding: 0;
        vertical-align: middle;
        background: none;
    }
    .recruit .l_top_message .button a span {
        display: inline-block;
        position: relative;
        padding-left: 15px;
        background-image: url(/images/recruit/bg_link.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 6px 11px;
    }
    .recruit .l_top_business .business_navi > li a {
        padding-left: 40%;
    }
    .recruit .l_top_work {
        background-image: none;
    }
    .recruit .l_top_work .work_navi {
        border: none;
    }
    .recruit .l_top_work .work_navi > li {
        display: block;
        width: 100%;
        padding: 0;
        border: none;
        border-bottom: solid 1px #333;
    }
    .recruit .l_top_work .work_navi > li a {
        padding: 15px 0 15px 18px;
    }
    .recruit .l_top_interview .js-pc-adjust-row-height-item {
        position: static;
    }
    .recruit .l_top_interview .interviewee {
        margin: 0 auto;
        width: auto;
        border-left: none;
    }
    .recruit .l_top_interview .interviewee .personel {
        display: block;
        width: 100%;
        max-width: 300px;
        border-left: solid 1px #c5c5c5;
    }
    .recruit .l_top_interview .interviewee .personel + .personel {
        margin-top: 10px;
    }
    .recruit .l_top_interview .interviewee figcaption,
    .recruit .l_top_interview .interviewee .figcaption{
        padding: 14px 10px 7px;
    }
    .recruit .l_top_interview .interviewee figcaption .comment,
    .recruit .l_top_interview .interviewee .figcaption .comment{
        margin-bottom: 10px;
    }
    .recruit .l_top_interview .interviewee + .interviewee {
        display: none;
    }
    .recruit .l_top_interview .button {
        margin-top: 25px;
    }
}
/*----------------------------------------------------------
    Mediaquary Mobile(Portrait)
----------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
    /*----------------------------------------------------------
    【採用情報】共通
    ----------------------------------------------------------*/
    .recruit .l_entry ul.link.button {
        width: 100%;
    }
    .recruit .l_entry ul.link.button .js-pc-adjust-row-height-item {
        position: static;
    }
    .recruit .l_entry ul.link.button > li {
        display: block;
        float: none;
        width: auto;
        margin: 0 15px;
    }
    .recruit .l_entry ul.link.button > li + li {
        margin-top: 1px;
    }
    .recruit .l_entry ul.link.button > li a {
        display: block !important;
    }
	/* revision by soken 20160901 start */
    .recruit .l_entry ul.link.button > li:last-child span {
        display: block !important;
		padding: 15px 0 15px 5px;
    }
	/* revision by soken 20160901 end */
    
    /*----------------------------------------------------------
    【採用情報】下層
    ----------------------------------------------------------*/
    .recruit .l_maincontainer {
        padding: 23px 0 35px;
    }
    .recruit .l_category_top .navi {
        margin-top: -10px;
    }
    .recruit .l_category_top .navi > li {
        width: 100%;
        min-height: 90px;
        margin-top: 10px;
        padding: 10px 10px 10px 0px;
        background-position: 1% center;
        background-size: 89px 67.5px;
    }
    .recruit .l_category_top .navi > li:nth-child(2n+1) {
        float: none;
        margin-right: 0;
    }
    .recruit .l_category_top .navi > li:nth-child(2n) {
        float: none;
        margin-left: 0;
    }
    .recruit .l_category_top .navi > li a {
        position: static;
        padding-left: 33%;
    }
    .recruit .l_category_top .navi > li h2 {
        margin-bottom: 10px;
        padding-left: 15px;
        font-size: 100%;
    }


    .recruit .l_category_top .navi > li.cat_bus1 {
        background-image: url(/images/recruit/business/icon_about_2x.png);
}

    .recruit .l_category_top .navi > li.cat_bus2 {
        background-image: url(/images/recruit/business/icon_figure_2x.png);
}

    .recruit .l_category_top .navi > li.cat_bus3 {
        background-image: url(/images/recruit/business/icon_appeal_2x.png);
}

    .recruit .l_category_top .navi > li.cat_bus4 {
        background-image: url(/images/recruit/business/icon_education_2x.png);
}

    .recruit .l_category_top .navi > li.cat_bus5 {
        background-image: url(/images/recruit/business/icon_history_2x.png);
}

    .recruit .l_category_top .navi > li.cat_bus6 {
        background-image: url(/images/recruit/business/icon_company_2x.png);
}



    .recruit .l_category_top .navi > li.cat_wrk1 {
        background-image: url(/images/recruit/work/icon_job_2x.png);
}

    .recruit .l_category_top .navi > li.cat_wrk2 {
        background-image: url(/images/recruit/work/icon_career_2x.png);
}

    .recruit .l_category_top .navi > li.cat_wrk3 {
        background-image: url(/images/recruit/work/icon_system_2x.png);
}

    .recruit .l_category_top .navi > li.cat_wrk4 {
        background-image: url(/images/recruit/work/icon_event_2x.png);
}



    .recruit .l_category_top .navi > li.cat_int1 {
        background-image: url(/images/recruit/intern/icon_diam-intern_2x.png);
}

    .recruit .l_category_top .navi > li.cat_int2 {
        background-image: url(/images/recruit/intern/icon_info-intern_2x.png);
}

    .recruit .l_category_top .navi > li.cat_int3 {
        background-image: url(/images/recruit/intern/icon_other_2x.png);
}


    /*----------------------------------------------------------
    【採用情報】トップ
    ----------------------------------------------------------*/
    .recruit .l_top_message > .inner {
        height: 300px;
        overflow: hidden;
    }
    .recruit .l_top_message figure,
    .recruit .l_top_message .figure{
        position: absolute;
        right: -40px; /* -100px */
        height: 215px;
        overflow: hidden;
    }
    .recruit .l_top_message figure img,
    .recruit .l_top_message .figure img{
        height: 215px;
    }
    .recruit .l_top_message .message {
        width: 55%;
        height: 250px;
        font-size: 12px;
    }
    .recruit .l_top_message .message .policy {
        font-size: 14px;
        line-height: 1.35714em;
    }
    .recruit .l_top_message .message .sender {
        margin-top: 1em;
        font-size: 11px;
        line-height: 1.72727em;
    }
    .recruit .l_top_message .message .sender b {
        display: block;
        font-size: 14px;
    }
    .recruit .l_top_business {
        padding: 30px 0;
        background: #b0cdee;
    }
    .recruit .l_top_business .business_navi {
        width: 300px;
        margin: 0 auto -10px;
    }
    .recruit .l_top_business .business_navi > li {
        display: table;
        width: 140px;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
    }
    .recruit .l_top_business .business_navi > li:nth-child(3n+1) {
        clear: none;
    }
    .recruit .l_top_business .business_navi > li a {
        display: block;
        width: 100%;
        height: 140px;
        padding: 100px 10px 0;
        background-position: center -10px;
        background-size: 140px 140px;
        vertical-align: top;
    }


    .recruit .l_top_business .business_navi > li.cat_1 a {
        background-image: url(/images/recruit/business/icon_business_about_2x.png);
        padding-top: 100px;
    }

    .recruit .l_top_business .business_navi > li.cat_2 a {
        background-image: url(/images/recruit/business/icon_business_figure_2x.png);
        padding-top: 100px;
    }

    .recruit .l_top_business .business_navi > li.cat_3 a {
        background-image: url(/images/recruit/business/icon_business_appeal_2x.png);
        padding-top: 100px;
    }

    .recruit .l_top_business .business_navi > li.cat_4 a {
        background-image: url(/images/recruit/business/icon_business_education_2x.png);
        padding-top: 100px;
    }

    .recruit .l_top_business .business_navi > li.cat_5 a {
        background-image: url(/images/recruit/business/icon_business_history_2x.png);
        padding-top: 100px;
    }

    .recruit .l_top_business .business_navi > li.cat_6 a {
        background-image: url(/images/recruit/business/icon_business_company_2x.png);
        padding-top: 100px;
    }
}


/* add by soken 20161130 start */
@media only screen and (max-width: 767px) {
.recruit .l_top_business .business_navi > li.pc-url,
.recruit .l_category_top .navi > li.pc-url {
	display: none;
}
.recruit .l_top_business .business_navi > li.sp-url {
	display:inline-block;
	clear: none;
	float:left;
}
.recruit .l_category_top .navi > li.sp-url {
	display:inline-block;
    clear: left;
    float: left;
	margin-left:0;
}
.info-intern-tbl th {
	width:4.5rem;
}
}
/* add by soken 20161130 end */

/*# sourceMappingURL=smp-recruit.css.map */