@charset "utf-8";
.top_ev_co{
    margin:46px 0;
    line-height: 20px;
}
.ev_box {
    max-width: 980px;
    width: 98%;
    margin: 10px auto 0 auto;
}
.top_co_bg{
    background: #efeff0 url(../images/top_co_bg.jpg) center center no-repeat;
    background-size: cover;
}
.top_co_table {
    width: 90%;
    display: table;
    margin: 0 auto;
}
.top_co_left {
    display: table-cell;
    width: 68%;
    box-sizing: border-box;
    padding: 2%;
    vertical-align: top; 
}
.top_co_right {
    display: table-cell;
    width: 30%;
    box-sizing: border-box;
    padding: 2%;
    vertical-align: top; 
}
.top_co_white{
        background: rgb(255 255 255 / 80%);
    box-sizing: border-box;
    padding: 16px 26px;
    box-shadow: 0 0 9px 0px rgb(214 217 218 / 50%);
}
.top_co_box {
    margin-top: 20px;
    height: 520px;
    overflow-y: scroll;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
}

.top_co_box2 {
    margin-top: 20px;
    height: 520px;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
}
#pic_box{
    width: 82%;
    margin: 0 auto;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", 'Noto Serif', "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.pic_g_name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 4px;
}

.news_ttl_li {
    font-size: 21px;
    color: #fff;
    margin-bottom: 10px;
    background-color: #75bceb;
    padding: 5px 5px;
    position: relative;
    width: 100%;
}

.nw_date {
    position: absolute;
    right: 6px;
    font-size: 14px;
    bottom: 12px;
}
.top_sch {
    margin: 40px auto;
}

#top_bottom_table {
    width: 100%;
    display: table;
    margin-bottom: 40px;
}
.top_b_left, .top_b_right {
    display: table-cell;
    width: 50%;
    box-sizing: border-box;
    padding: 0% 4%;
    vertical-align: top;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", 'Noto Serif', "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}
.h2_co_w{
    color: #fff;
}
.top_card {
    padding-top: 20px;
    margin-bottom: 20px;
}
.top_line {
    padding-top: 20px;
    margin-bottom: 20px;
}
.top_b_left_bg {
    background: #5dbeff;
    padding-top: 26px;
    padding-bottom: 40px;
}
.top_b_right_bg {
    background: #5dbeff;
    padding-top: 26px;
     padding-bottom: 40px;
}
.top_b_ttl {
    text-align: center;
    font-size: 26px;
    color: #fff;
    padding-bottom: 20px;
}
.top_b_txt {
    width: 90%;
    margin: 0 auto;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    /* padding-bottom: 30px; */
    height: 160px;
}
.top_b_link {
    text-align: center;
    padding-bottom: 20px;
}
.top_b_link a {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 50px;
}
.top_b_link a:hover{
    background:#fff;
    transition: 0.6s; 
}

.bxslider li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block !important;
}

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

    .top_co_table {
        width: 98%;
        display: table;
        margin: 0 auto;
    }
.top_co_bg {
    background: #efeff0 url(../images/top_co_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px 00;
}

.top_co_left, .top_co_right {
    display: block;
    width: 92%;
    box-sizing: border-box;
    padding: 2%;
    vertical-align: top;
    margin: 0 auto;
}
.top_co_box {
    margin-top: 20px;
    height: 400px;
    overflow-y: scroll;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    max-width: 380px;
}
.top_co_box2 {
    margin-top: 20px;
    height: 420px;
    overflow-y: scroll;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    max-width: 380px;
}
.top_co_box img {
    width: 100% !important;
    height: 100% !important;
}
}

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

    .top_co_bg {
        background: #efeff0 url(../images/top_co_bg.jpg) center center no-repeat;
        background-size: cover;
        padding: 20px 00;
    }
    
    .top_co_left, .top_co_right {
        display: block;
        width: 92%;
        box-sizing: border-box;
        padding: 2%;
        vertical-align: top;
        margin: 0 auto;
    }
    .top_co_box {
        margin-top: 20px;
        height: 400px;
        overflow-y: scroll;
        background: #fff;
        box-sizing: border-box;
        padding: 10px;
        max-width: 320px;
    }
    
    } 

}