.rekishi .pc_cont {
    display: block
    }
.rekishi .sp_cont {
    display: none
    }
.rekishi .left {
    float: left
    }
.rekishi .right {
    float: right
    }
.rekishi .clearfix:before, .rekishi .clearfix:after {
    content: "";
    display: table
    }
.rekishi .clearfix {
    zoom: 1
    }
.rekishi .clearfix:after {
    clear: both
    }
.rekishi .btn a {
    display: block;
    margin: 0 auto;
    text-align: center
    }
.rekishi ul li {
    list-style-type: none
    }
.rekishi .block {
    background: url(../../images/feature/rekishi/bg_block.png) repeat;
    border-top: #993a30 5px solid;
    box-shadow: 0 0 6px #aaa;
    margin-bottom: 30px;
    padding: 20px 40px 30px;
    position: relative;
    font-size: 15px;
    line-height: 1.5
    }
body.subpage .post-content .rekishi h1 {
    background: inherit
    }
.rekishi .block .info_wrap {
    margin-bottom: 20px;
    position: relative;
    z-index: 2
    }
.rekishi .block .info.right {
    width: 860px
    }
body.subpage .post-content .rekishi h2 {
    border-bottom: 0
    }
.rekishi .block01 .content {
    background: rgba(255, 255, 255, 0.5);
    float: left;
    margin-right: 20px;
    padding: 20px 10px;
    position: relative;
    width: 360px;
    height: 550px;
    z-index: 2
    }
.rekishi .block01 .content:last-child {
    margin-right: 0
    }
.rekishi .block01 .content h3 {
    background: #937a6d;
    box-sizing: border-box;
    height: 42px;
    margin: 0 -10px 10px;
    position: relative;
    text-align: center
    }
.rekishi .block01 .content h3:before {
    background: url(../../images/feature/rekishi/img_block01_h1_before.png);
    content: "";
    height: 45px;
    left: -5px;
    position: absolute;
    top: 0;
    width: 5px
    }
.rekishi .block01 .content h3:after {
    background: url(../../images/feature/rekishi/img_block01_h1_after.png);
    content: "";
    height: 45px;
    position: absolute;
    right: -5px;
    top: 0;
    width: 5px
    }
.rekishi .block01 .content img {
    margin: 0 auto 20px
    }
.rekishi .block01 .content p img {
    display: block
    }
.rekishi .block01 .content p.txt {
    border-bottom: #c9c1bd 1px solid;
    height: 111px;
    line-height: 1.5;
    margin-bottom: 15px;
    padding-bottom: 10px
    }
.rekishi .block01 .content dl dt {
    float: left;
    width: 70px
    }
.rekishi .block01 .content dl dd {
    margin-left: 70px
    }
.rekishi .block01 .credit {
    text-align: right;
    margin-top: 10px;
    padding: 5px
    }
.rekishi .block02 ul li:first-child, .rekishi .block03 ul li:first-child {
    margin-right: 19px
    }
.rekishi .block02 ul li, .rekishi .block03 ul li {
    float: left;
    text-align: center
    }
.rekishi .block03 ul li {
    width: 540px
    }
.rekishi h1 + p, .rekishi ul li {
    margin-bottom: 30px
    }
.rekishi .block:before {
    background: url(../../images/feature/rekishi/bg_block_top.png);
    content: "";
    height: 182px;
    position: absolute;
    right: 0;
    top: 0;
    width: 175px
    }
.rekishi .block:after {
    background: url(../../images/feature/rekishi/bg_block_bottom.png) no-repeat;
    bottom: 0;
    content: "";
    height: 194px;
    left: 0;
    position: absolute;
    width: 258px
    }
.rekishi .block03 h2:after {
    background: url(../../images/feature/rekishi/ico_block03_h1.png) no-repeat;
    content: "";
    height: 110px;
    position: absolute;
    right: 0;
    top: 0;
    width: 59px
    }
.rekishi .block02 ul li img {
    display: block
    }
.rekishi .block02 ul, .rekishi .block03 ul {
    position: relative;
    z-index: 2
    }
.rekishi .block .info.right h2 img {
    margin: 0 auto;
    width: 432px
    }
.rekishi .block .info.right h2 {
    margin-bottom: 15px;
    text-align: center
    }
.rekishi .block03 h2 {
    position: relative
    }
.rekishi .block03 .info.right p {
    width: 760px
    }
.rekishi .btn a {
    width: 420px
    }
@media screen and (max-width: 768px) {
    .rekishi .pc_cont {
        display: none
        }
    .rekishi .sp_cont {
        display: block
        }
    .rekishi {
        padding: 0
        }
    .rekishi .block {
        padding: 25px 15px
        }
    .rekishi .block .info_wrap h1.left {
        float: none;
        margin: 0 auto 25px;
        width: 150px;
        padding: 0
        }
    .rekishi .block .info.right {
        float: none;
        width: auto
        }
    .rekishi .block .info.right h2 img {
        max-width: 100%;
        width: 300px
        }
    body.subpage .post-content .rekishi h2 {
        padding: 0;
        margin-top: 0
        }
    .rekishi .block01 .content {
        float: none;
        margin: 0 0 20px 0;
        width: auto;
        height: auto
        }
    .rekishi .block01 .content h3 img {
        padding-top: 4px;
        width: 146px
        }
    .rekishi .block01 .content h3 + p img {
        display: block;
        margin: 0 auto 20px
        }
    .rekishi .block01 .content p {
        height: auto;
        font-size: 13px
        }
    .rekishi .block01 .content dl {
        font-size: 13px
        }
    .rekishi .block01 .content p.txt {
        height: auto
        }
    .rekishi .block:before {
        background: url(../../images/feature/rekishi/bg_block_top_sp.png) no-repeat;
        background-position: 120px 0;
        background-size: 50%;
        height: 218px;
        width: 232px
        }
    .rekishi .block:after {
        background: url(../../images/feature/rekishi/bg_block_bottom_sp.png) no-repeat;
        background-size: 50%;
        bottom: inherit;
        height: 338px;
        top: 100px;
        width: 223px
        }
    .rekishi .block03 h2:after {
        background: url(../../images/feature/rekishi/ico_block03_h1.png) no-repeat;
        background-size: 50%;
        position: absolut;
        right: -15px;
        top: -70px
        }
    .rekishi .block03 .info.right p {
        width: auto
        }
    .rekishi .block02 ul li img, .rekishi .block03 ul li img {
        margin: 0 auto;
        max-width: 400px;
        width: 100%
        }
    body.subpage .post-content ul {
        padding-left: 0
        }
    .rekishi .block03 ul li {
        width: 100%
        }
    .rekishi .btn a {
        width: auto
        }
    }