.train .pc_cont {
    display: block
    }
.train .sp_cont {
    display: none
    }
.train .left {
    float: left
    }
.train .right {
    float: right
    }
.train .clearfix:before, .train .clearfix:after {
    content: "";
    display: table
    }
.train .clearfix {
    zoom: 1
    }
.train .clearfix:after {
    clear: both
    }
.train .btn a {
    display: block;
    margin: 0 auto;
    text-align: center
    }
.train ul li {
    list-style-type: none
    }
.train {
    background: url(../../images/feature/train/bg_page.png) repeat;
    box-shadow: 0 0 6px #aaa;
    margin-bottom: 30px;
    padding: 20px 40px 30px;
    position: relative
    }
body.subpage .post-content .train h1 {
    background: inherit
    }
.train .block01 p.txt {
    width: 580px;
    font-size: 16px;
    line-height: 1.5
    }
.train .block01 ul li {
    float: left;
    margin-right: 20px;
    width: 345px
    }
.train .block01 ul li img {
    margin: 0 auto 20px
    }
.train .block01 ul li .txt_wrap {
    background: #fff;
    box-shadow: 0 0 6px #999;
    height: 150px;
    padding: 10px
    }
.train .block01 ul li .txt_wrap h2 {
    color: #2b6782;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    border: 0
    }
.train .block01 ul li .txt_wrap p {
    font-size: 12px;
    line-height: 1.8;
    width: auto
    }
body .train .block02 .info_train > p {
    display: inline-block;
    width: 330px
    }
.train .main .block02 h1 {
    margin-bottom: 30px
    }
.train .block02 .info_train {
    background: #fff;
    margin-bottom: 20px
    }
.train .block02 .info_train p {
    display: none
    }
.train .block02 .info_train .right {
    padding: 15px 20px;
    width: 780px
    }
.train .block02 .info_train .right h2 {
    color: #2b6782;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    border: 0
    }
.train .block02 .info_train .right p {
    height: 70px;
    line-height: 1.5;
    margin-bottom: 10px;
    display: block
    }
.train .block02 .info_train .right .btn {
    text-align: center
    }
.train .block02 a.bnr {
    display: block;
    margin: 0 auto;
    width: 622px
    }
@media screen and (max-width: 768px) {
    .train .pc_cont {
        display: none
        }
    .train .sp_cont {
        display: block
        }
    .train {
        padding: 0 15px 25px
        }
    .train .block01 h1 {
        margin: 0 0 15px 0;
        width: 193px;
        padding: 0
        }
    body.subpage .post-content .train h1 {
        margin: 10px 0;
        padding: 15px 0
        }
    .train .block01 img {
        margin: 0 auto;
        max-width: 450px;
        width: 100%
        }
    .train .block01 p.txt {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px
        }
    .train .block01 p, .train .block01 p.txt, .train .block02 .info_train .right, .train .block02 .info_train .right a, .train .block02 a.bnr {
        width: auto
        }
    .train .block01 ul li {
        padding-left: 0
        }
    body.subpage .post-content .train ul {
        padding-left: 0
        }
    .train .block01 ul li {
        width: 100%
        }
    .train .block01 ul li img.li01 {
        width: 195px
        }
    .train .block01 ul li img.li02 {
        width: 215px
        }
    .train .block01 ul li img.li03 {
        width: 154px
        }
    .train .block01 ul li .txt_wrap {
        height: auto
        }
    .train .block02 h1 {
        margin-bottom: 15px;
        width: 243px
        }
    body .train .block02 .info_train > p {
        width: 100%
        }
    .train .block02 .info_train img {
        width: 100%
        }
    .train .block02 .info_train .right p {
        height: auto
        }
    }