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

.sys_all {
    width: 1000px;
    margin:26px auto 0;
}

/**/


/**/
.r-tabs .r-tabs-nav{
    border-bottom: 1px solid #000;
    width:100%;
    text-align: center;
}


.r-tabs {
    position: relative;
}


.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    top: 1px;
    width:300px;

}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background:transparent;
    margin-bottom:0;
    padding: 8px 12px 4px;
    display: inline-block;
    color: #999;
    width:100%;
    text-align:center;
    font-size:0.6rem;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-top:1px solid #999;

}
.r-tabs-anchor p {
    height:20px;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
    background-color: #fff;
    width:300px;
}


.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;
}

.r-tabs .r-tabs-panel {
    margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    background-color: #fff;
    color: #999;
    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,#tab-7  {
    width:100%;
    margin:0 auto;
    margin-top:40px;
    margin-bottom:50px;
    color:#6c6c6c;
    height:auto;
    color:#6c6c6c;
}
/**/
#sp_main {
    display:none;
}

.switch {
    visibility: hidden;
}
.view_01 {
    margin:30px auto 0;
    width:95%;
}


.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;
}
.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;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #small_tit p {
        padding-top:2px;
    }
}


@media screen and (max-width: 826px) {

    .sys_all {
        width:100%;
    }
    /**/

    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
        top: 1px;
        width:225px;
        height:50px;

    }

    .r-tabs .r-tabs-nav .r-tabs-anchor {
        border-bottom:1px solid #999;
        border-top:1px solid #999;
        margin-top:-4px;
        padding-left:35px;
        height:50px;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active {
        background-color: #fff;
        width:225px;
        padding-left:35px;
        height:50px;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        color:#437296;
        background-color: #fff;
        padding-left:35px;
        height:50px;
    }

    .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:35px;
        height:50px;
        padding-top:15px;
    }

    .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:35px;
        height:50px;
        padding-top:15px;
    }
    #tab-1,#tab-2,#tab-3,#tab-4,#tab-5,#tab-6 {
        margin:0 auto;
        margin-bottom:20px;
        height:auto;
        margin-top:30px;
        width:100%;


    }
    #sp_main {
        display:block;
        margin-bottom:30px;
    }

    .be_cont {
        width:85%;
        margin:0 auto 30px;
    }
    /**/
    .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 {
        width:85%;
        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 {
        width:85%;
        margin:0 auto;

    }
    h2 {
        width:100%;
        margin:30px 0 10px 0;
        text-align:center;
    }
}