@charset "UTF-8";
/* CSS Document */

.sys_all {
    max-width: 1000px;
    margin: 26px auto 100px;
}
.r-tabs .r-tabs-nav{
    text-align: center;
    display: flex;
}
.r-tabs {
    position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
    display: contents !important;
    position: relative;
    top: 1px;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
    background:transparent;
    margin-bottom:0;
    padding: 12px 2%;
    display: inline-block;
    color: #999;
    width:100%;
    text-align:center;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-top:1px solid #999;
    border-bottom: 1px solid #000;
    font-size:12px;
    line-height: 1.6;
    margin-right: -1px;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color:#000;
    background-color: #fff;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-top:1px solid #000;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}
.r-tabs .r-tabs-panel {
    margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    text-decoration: none;
    margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #999;
    margin-bottom: 0;
}
#tab-1,#tab-2,#tab-3,#tab-4,#tab-5,#tab-6  {
    margin: 40px auto 0;
}
/**/
#sp_main {
    display:none;
}
.switch {
    visibility: hidden;
}
.view_01 {
    margin:30px auto 0;
    width: 100%;
}
.be_cont {
    width:100%;
    margin:0 auto 30px;
}
/**/
.btn_check a  {
    font-size:14px;
    background: #999;
    color: #FFF;
    width:200px;
    height:40px;
    padding:11px 0;
    text-align:center;
    position:absolute;
    margin:0 auto;
}
.btn_check {
    width:200px;
    margin:20px auto;
    height:40px;
}
/**/
.sys_photo{
    width:320px;
    margin-top:5px;
}
.sys_in {
    width:100%;
    margin:30px auto;
}
.sys_in > li {
    width:430px;
    float:left;
    height: auto;
    margin-bottom: 40px
}
.sys_in > li > h1 {
    color:#000;
    margin-bottom:10px;
    font-weight: bold;
}
.sys_in > li > .be_cont {
    margin-bottom:10px
}
.sys_in > li > .be_cont > p {
    margin-bottom:2px
}
#small_tit p {
    padding:0;
}
/**/
.bxslider{
    width: 1000px;
}
.sys_meg  {
    width:83px;
    margin-top: 20px;
}
.sys_meg02  {
    width:83px;
}
.sys_meg03  {
    width:83px;
    margin-top: 28px;
}
.sys_meg04  {
    width:83px;
    margin-top: 10px;
}
.sys_bt {
    width:100%;
    margin:0 auto;
}
.sys_bt  > li {
    float:left;
    margin:20px 0 20px 60px;
}
h2 {
    color:#000;
    font-size:16px;
    font-weight:900;
    margin: 0 0 10px 0;
}
.movie_w {
    margin-bottom: 1rem;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #small_tit p {
        padding-top:2px;
    }
}

@media screen and (max-width: 826px) {
    .sys_all {
        margin: 26px auto 60px;
    }
    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
        top: 1px;
        height: 58px;
    }
    .r-tabs .r-tabs-nav .r-tabs-anchor {
        border-bottom:1px solid #999;
        border-top:1px solid #999;
        margin-top:-4px;
        padding-left: 6%;
        height: 58px;
        line-height: 4;
    }
    .r-tabs .r-tabs-nav .r-tabs-state-active {
        background-color: #fff;
        padding-left: 6%;
        height: 58px;
        line-height: 4;
    }
    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        color:#437296;
        background-color: #fff;
        padding-left: 6%;
        height: 58px;
        line-height: 4;
    }
    .r-tabs .r-tabs-panel {
        margin-bottom: 3px;
    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        border-bottom:1px solid #999;
        border-top:1px solid #999;
        margin-top:-4px;
        padding-left: 6%;
        height: 58px;
        line-height: 4;
        font-weight: bold;
    }
    .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
        opacity: 0.5;
    }
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #fff;
        color: #437296;
        margin-bottom: 0;
        padding-left: 6%;
        height: 58px;
        line-height: 4;
    }
    .pho_tex {
        margin:30px auto 0;
        width: 100%;
    }
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor  > p {
        display:inline-block;

    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor > p {
        display:inline-block;
    }
    #tab-1,#tab-2,#tab-3,#tab-4,#tab-5,#tab-6 {
        margin-top:30px;
    }
    #sp_main {
        display:block;
        margin-bottom:30px;
    }
    .be_cont {
        margin:0 auto 30px;
        padding: 0 6%;
    }
    /**/
    .sys_in > li {
        width:100%;;
        float:none;
    }
    .sys_photo{
        width:100%;
        margin-top:5px;
    }
    .btn_check a  {
        font-size:14px;
        background: #999;
        color: #FFF;
        width:200px;
        height:40px;
        padding:11px 0;
        text-align:center;
        position:absolute;
    }
    .btn_check {
        width:200px;
        margin:20px auto;
    }
    /**/
    .sys_in > li > h1 {
        padding: 0 6%;
        margin:30px auto 20px;
    }
    .sys_in > li > .be_cont {
        margin-bottom:20px
    }
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor  > p {
        display:inline-block;
    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor > p {
        display:inline-block;
    }
    /**/
    .sys_in > li {
        width:100%;
        float:none;
    }
    .view_01 {
        width:100%;
    }
    .sys_photo{
        width:100%;
        margin-top:5px;
    }
    .sys_in {
        width:100%;
        margin:30px auto;
    }
    .sys_in > li > .be_cont {
        margin-bottom:10px
    }
    .sys_in > li > .be_cont > p {
        margin-bottom:2px
    }
    .sys_meg  {
        width:83px;
        margin:0 auto;
    }
    .sys_meg02  {
        width:83px;
        margin:0 auto;
    }
     .sys_meg03  {
        width:83px;
        margin:0 auto;
    }
    .sys_meg04  {
        width:83px;
        margin:0 auto;
	}
    .slider {
        width:100%;
        overflow: hidden; /*overflow: hidden;で読み込み時にグチャっと画像が並ぶのが見えないようできます。 */
    }
    .sys_bt  > li {
        float:none;
        margin:0 auto;
    }
    .view_02 {
        padding: 0 6%;
        margin: 0 auto 30px;
    }
    h2 {
        width:100%;
        margin:30px 0 10px 0;
        text-align:center;
    }
    .icon_list {
        border-top: 1px solid #000000;
    }
    .r-tabs {
        margin-bottom: 3rem;
    }
}

/*----------------
recruit-system
----------------*/
.system-video,
.system-video-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video-text,
.video-text-2 {
    margin-top: 10px;
}

.system-video-2 {
    border: 1px solid #dee2e6;
}

.video-content-title {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
}

.video-content-text {
    margin-top: 10px;
    margin-bottom: 20px;
}

.video-content-2 {
    align-self: center;
}

@media (min-width: 1024px) {
    .video-content,
    .video-content-2 {
        width: 48%;
    }

    .video-content:nth-child(1),
    .video-content-2:nth-child(1) {
        margin-right: 20px;
    }

    .system-video-2 {
        padding: 40px;
        margin: 80px 0;
    }
}

@media (max-width: 767px) {
    .video-content,
    .video-content-2 {
        width: 100%;
    }

    .video-text {
        padding: 0 20px;
    }

    .system-video-2 {
        padding: 20px;
        margin: 40px 20px 80px 20px;
    }

    .video-content-1 {
        margin-bottom: 20px;
    }
}