@charset "utf-8";

.tab_flex li.active-news {
    font-family: 'AudiTypeExtendBold', 'DFHSBOLD';
    border-bottom: 2px solid #000;
}

.tab_flex li {
    width: 50%;
    text-align: center;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.btn_wrap li {
    width: 100%;
}

.btn_wrap .btn_box a {
    margin: 0 auto;
    max-width: 360px;
}

.contents {
    max-width: 1020px;
    width: calc(100% - 80px);
}

.hero_wrap_title, .section, .block_section, .block_section2 {
    max-width: 1020px;
    width: 100%;
}

@media screen and (max-width: 1160px) {
    .notice, .notice_2 {
        width: 100%;
    }
}



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

    #pattern {
        width: 100%;
        overflow: hidden;
    }

    .archive {
        width: 100%;
    }

    .col3_col1 {
        width: 100%;
        margin: 0 auto 20px auto;
    }

    .col3_col1 img {
        width: 100%;
    }

    .col3_col2 {
        width: 100%;
        float: none;
    }

    .col2_l {
        width: 100%;
    }

    #header {
        box-sizing: border-box !important;
    }

    .header-inner-01 .wrapper-hdg h1#top_logo {
        width: auto!important;
        right: 10px!important;
    }

    .header-inner-01 .wrapper-hdg h1#top_logo a {
        display: block;
    }

    .header-inner-01 .wrapper-hdg h1#top_logo img {
        max-height: 48px;
        width: 100%;
    }

    #news_list {
        padding: 0;
    }

    .tab_sec .inner{
        min-width: 0;
    }
}


@media screen and (max-width: 750px) {
    .contents {
        max-width: 1020px;
        width: calc(100% - 40px);
    }
    .section__lead{
        margin: 20px 0;
    }
    .tab_flex li:nth-of-type(1) {
        margin-bottom: 20px;
    }

    .js-tab-news {
        border-bottom: none;
    }
    .tab_flex{
        width: 100%;
    }
    .tab_flex li{
        margin-right: 0;
        width: 50%;
    }
    .tab_flex li .pc{
        display: block;
    }
    section.tab_sec {
        margin: 20px 0 0px 0;
    }

    .tab_flex li:nth-of-type(1) {
        padding-bottom: 60px;
        box-sizing: border-box;
    }

    .tab_flex .aaa_title{
        font-size: 1.2rem;
    }


    .notice {
        height: 380px;
    }
    .notice_2 {
        height: 400px;
    }


    .btn_wrap .btn_box a {
        max-width: 100%;
        width: 100%;
    }
}