@charset "UTF-8";

.pic_box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    right: 0;
    height: 100%;
    width: 38%;
    top: 0
}

.bk_pic01 {
    background-image: url("../../img/article/article_image01.jpg");
}

.bk_pic02 {
    background-image: url("../../img/article/article_image02.jpg");
}

.bk_pic03 {
    background-image: url("../../img/article/article_image03.jpg");
}

.bk_limpic01 {
    background-image: url("../../img/limited/limited_image01.jpg");
}

.bk_limpic02 {
    background-image: url("../../img/limited/limited_image02.jpg");
}

.txt_box {
    width: 60%;
    min-height: 400px
}

.posi_re {
    position: relative
}

.txt_box {
    padding: 30px 0
}

.bt_box {
    text-align: center;
    margin-top: 20px
}

.bt_box a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 0em;
}

.bt_box a img {
    width: 20px;
    height: 30px;
    line-height: 0em;
    vertical-align: bottom
}

.bt_box a span {
    background-color: #00bbb6;
    padding: 5px 5px 0;
    height: 30px;
    display: inline-block;
    line-height: 1.3em
}

.table_box {
    text-align: center
}

.table_box table {
    max-width: 950px;
    margin: 0 auto;
    width: 100%
}

.table_box table td {
    width: 50%;
    vertical-align: top
}

img.book {
    width: 100px;
    height: auto
}

.table_book_box table.tbl-r05 td.book_box {
    width: 200px;
}

.table_book_box table.tbl-r05 td ul li {
    line-height: 1.8em
}

.table_book_box table.tbl-r05 td ul li a {
    color: #009d94
}

.table_book_box table.tbl-r05 td ul li a i {
    font-size: 150%;
    vertical-align: middle
}

.table_book_box table.tbl-r05 td {
    padding: 20px !important
}

.table_book_box table.tbl-r05 thead td {
    padding: 5px !important
}

.table_book_box table {
    width: 100%;
    max-width: 950px;
    margin: auto
}

.table_book_box {
    padding-bottom: 50px
}


@media screen and (max-width: 1215px) {
    .txt_box {
        padding: 30px 0;
    }
}

@media screen and (min-width: 769px) {}

@media screen and (max-width: 768px) {
    .bk_green .contentWapper {
        padding: 0px;
    }

    .txt_box ,
    .bk_green.txt_box {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        min-height: unset;
    }

    .pic_box {
        position: relative;
        ;
        width: 100%;
        height: 300px;
    }

    h2.title_s {
        font-size: 3.4vw;
        padding: 0 15px 4px 0
    }

    .table_book_box table.tbl-r05 td.book_box {
        width: 150px;
    }

    .table_box {
        text-align: center;
        /* padding: 0 20px; */
    }

    .table_book_box table.tbl-r05 td ul li {
        line-height: 1.3em;
    }

    .table_book_box table.tbl-r05 td ul li {
        background-position: 0 5px;
    }
    .backNunber{
        padding: 0 20px;
    }
}



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