#wrapper .mainBox ul.btn li {
    float: left;
    width: 314px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.04em;
    margin-right: 19px;
    margin: 10px 19px 10px 0;
}

.img_flexbox {
    display: flex;
}

.img_flexbox img {
    margin: 1%;
    width: 32%;
}

div.more_txt {
    width: 100%;
    background: #f4f0ce;
    margin-bottom: 15px;
    padding: 15px;
}

div.more_txt ol li {
    font-size: 1.4rem;
    margin: 10px;
}


div.more_txt p.btn a{
    display: block;
    margin: 5px auto;
    width: 270px;
    background: #df701f;
    text-align: center;
    padding: 15px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
}

#wrapper .mainBox p.nml{
    margin: 0;
}

#wrapper .contsIn ol.sub-list{
    padding: 15px;
}

#wrapper .contsIn ol.sub-list li{
    font-size: 1.6rem;
    margin: 5px;
}
.pichart_block{
    width: 100%;
    text-align: center;
}
.pichart_block img{
    width: 80%;
}
.video{
    margin: 0 auto 10px auto;
    width: 560px;
    height: 315px;
}

.video iframe{
    width: 560px;
    height: 315px;
}

div.opinions {
    width: 100%;
    background: #bfdae2;
    margin:15px 0 5px 0;
    padding: 15px;
}

div.opinions p.ttl{
    font-size: 2.4rem;
    letter-spacing: 0.04em;
    font-weight: bold;
}

div.opinions ul li {
    font-size: 1.4rem;
    margin: 10px;
}

div.staff_block{
    margin: 55px 0 25px 0;
}

#wrapper .mainBox .staff_block p.nml{
    margin-top: 25px;
    padding: 0;
}

div.staff_block dl.staff{
    overflow: hidden;
    margin: 15px 0;
}

div.staff_block dl.staff dt{
    float: left;
    width: 250px;
    margin: 0 20px 0 0;
}

div.staff_block dl.staff dd{
    font-size: 1.6rem;
}

#wrapper .contsIn div p.more{
    font-size: 1.4rem;
}
div.hapbeat{
    margin-top: 35px;
}
div.hapbeat .img_block div.block01{
    margin: 0 auto;
    width: 590px;
}

div.hapbeat .img_block div.block02{
    margin: 0 auto 10px auto;
    width: 590px;
}
div.hapbeat .img_block div img{
    margin: 5px;
}

div.mirai{
    margin-top: 35px;
}

div.mirai .img_block{
    margin: 0 auto 10px auto;
    width: 410px;
}

div.mirai .img_block img{
    margin-right: 10px;
}

div.jimaku{
    margin-top: 35px;
}

div.jimaku .img_block{
    margin: 0 auto 10px auto;
    width: 600px;
}

div.jimaku .img_block img{
    margin-right: 10px;
}

div.sawaru{
    margin-top: 35px;
}

div.sawaru .img_block01{
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
}
div.sawaru .img_block01 figure{
    float: left;
}
div.sawaru .img_block01 figure img{
    height: 250px;
    margin-bottom: 5px;
}
div.sawaru .img_block01 figure figcaption{
    font-size: 1.2rem;
}

div.sawaru .img_block02{
    margin: 0 auto 10px auto;
    width: 750px;
}

div.sawaru .img_block02 img{
    margin-right: 10px;
}

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

#wrapper .mainBox ul.btn li {
    float: none;
    width: 100%;
}

.img_flexbox {
    display: block;
}

.img_flexbox img {
    margin: 1%;
    width: 98%;
}

.video{
    width: 100%;
    height: auto;
}
.video iframe{
    width: 100%;
    height: auto;
}
    .img_block{
    text-align: center;
}
.img_block img{
    width: 60%;
}
div.hapbeat .img_block div.block01{
    width: 100%;
}

div.hapbeat .img_block div.block02{
    width: 100%;
}
    
#wrapper .mainBox .day ul{
        width: 100%;
    }
    
#wrapper .mainBox ul.btn li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}

div.staff_block dl.staff dt{
    float: none;
    width: 100%;
    margin: 0 20px 10px 0;
    text-align: center;
}
div.staff_block dl.staff dt img{
    width:60%;
}

    div.mirai .img_block{
    margin: 0 auto 10px auto;
    width: 100%;
}

div.jimaku .img_block{
    margin: 0 auto 10px auto;
    width: 100%;
}
div.sawaru .img_block01{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
div.sawaru .img_block01 figure img{
    height: inherit;
    margin-bottom: 5px;
}
div.sawaru .img_block02{
    margin: 0 auto 10px auto;
    width: 100%;
}
    
    }