@charset "UTF-8";
/* CSS Document */


@media(max-width:1024px){
    #header-inner {
        width: 100%;
    }
    div#contents {
        width: 100%;
        padding: 0 2%;
        box-sizing: border-box;
    }
    div#sub-column {
        width: 26%;
        margin-right: 4%;
    }
    div#main-column {
        width: 70%;
    }
    .guide_info .content {
        width: 100%;
        flex-wrap: wrap;
        padding: 0 2%;
        box-sizing: border-box;
    }
    .guide_info .content .ibox .ibox01 {
        width: 100%;
    }
    .guide_info .content .ibox {
        width: 100%;
    }
    .guide_info .content .ibox .ibox01 {
        width: 100%;
    }
    .guide_info .content .ibox p {
        width: 100%;
    }
    .guide_info .content .ibox .ibox02 {
        width: 100%;
        flex-wrap: wrap;
    }
    .guide_info .content .ibox .ibox02 .ibox02-1 {
        width: 100%;
    }
    .ibox03 {
        width: 100%;
        flex-wrap: wrap;
    }
    .guide_info .content .ibox .ibox04, .guide_info .content .ibox .ibox05, .guide_info .content .ibox .ibox06, .guide_info .content .ibox .ibox07 {
        width: 100%;
        padding-top: 0px;
    }
    .guide_info .content .ibox img {
        display: inherit;
    }
    .f_area .f_cont {
        width: 100%;
    }

}

@media(max-width:768px){
    div#main-column {
        width: 100%;
    }
    .guide_info .content {
        padding:0;
    }
}