@charset "UTF-8";

/*
Theme Name: wp_tanahashi
Description: xxxxxxx（テーマの説明）
Version: xxx
Author: xxx
*/

@media screen and (max-width:1200px) {
    /*キャッチコピー*/
    .mv_txt01{
        font-size:9vmax;
    }
    .mv_txt02{
        font-size:6vmax;
    }
}

@media screen and (max-width:1024px){
    .header{
        height:100px;
    }
    .header_item02_flex{
        padding:14px;
        height:100px;
    }
    .header_item01{
        display:none;
    }
    .gnav_list{
        display:none;
    }
    .header_right{
        gap:15px;
    }

    /*ハンバーガーメニュー*/
    #header-hamburger{
        display:block;
        background:#fff;
        cursor:pointer;
        width:60px;
        aspect-ratio: 1/1;
        margin-left:auto;
        position:relative;
        z-index: 10;
    }
    #header-hamburger span{
        display:inline-block;
        background:#1B428C;
        width:50%;
        height:3px;
        transition:all .2s ease;
        position:absolute;
        left:50%;
        transform:translateX(-50%);
    }
    #header-hamburger span:nth-of-type(1){
        top:35%;
    }
    #header-hamburger span:nth-of-type(2){
        top:50%;
    }
    #header-hamburger span:nth-of-type(3){
        top:65%;
    }
    #header-hamburger.active span:nth-of-type(1){
        top:50%;
        left:25%;
        transform:rotate(-45deg);
        width:50%;
    }
    #header-hamburger.active span:nth-of-type(2){
        opacity: 0;
    }
    #header-hamburger.active span:nth-of-type(3){
        top:50%;
        left:25%;
        transform:rotate(45deg);
        width:50%;
    }
    #hamburger-window{
        transition:all .2s ease;
        text-align: center;
        position:fixed;
        top:100px;
        right:0;
        z-index:11;
        width:100%;
        height:100vh;
        overflow-y: scroll;
        -ms-overflow-style:none;
        scrollbar-width: none;
        background:#fff;
        padding:80px 40px;
        transform:translateX(100vw);
        opacity:0;
        display:block;
        border-top:1px solid #9c9c9c;
    }
    #hamburger-window.open{
        visibility: visible;
        transform:translateX(0);
        opacity: 1;
    }
    .hamburger-window_nav_item{
        display:block;
        margin:0 auto;
        width:100%;
        background:#fff;
    }

    .hamburger-sns-insta img,
    .hamburger-sns-fb img,
    .hamburger-sns-line img{
        width:40px;
        aspect-ratio: 1/1;
    }
    .hamburger-window_nav_list{
        display:flex;
        flex-direction: column;
        gap:60px;
    }
    .hamburger-window_nav_item a{
        font-size:1.4em;
        font-weight:bold;
        color:#1B428C;
    }
    .hamburger-sns{
        margin:70px 0 20px 0;
        display:flex;
        align-items: center;
        justify-content:center;
        gap:50px;
    }
    .hamburger-konin{
        margin:0;
        padding-top:10px;
        padding-bottom:40px;
        border-top:1px solid #9c9c9c;
    }

    /*お知らせ*/
    .news_wrapper{
        position:static;
    }

    /*メッセージ*/
    .message{
        margin-top:100px;
    }

    /*政策・主張*/
    .policy_wrapper{
        row-gap: 100px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /*
    プロフィール
    */
    .profile_basic_inner{
        flex-direction: column;
        align-items: center;
    }

    /*
    政策
    */
    .policy_item2{
        flex-direction: column;
        gap:50px;
    }
    .backnumber_list{
        gap:20px;
    }
}

@media screen and (max-width:768px){
    /*追加事項*/
    .policy_wrapper2{
        flex-direction: column;
        gap:80px;
    }
    .calendar{
        width:100%;
    }

    .header{
        height:80px;
    }
    .header_item02_flex{
        padding:8px 10px;
        height:80px;
    }
    .header_item02_ttl{
        line-height: 1.1;
    }
    .ttl01{
        font-size:.8em;
    }
    .ttl_flex{
        flex-direction: column;
        align-items: end;
        gap:.2em;
    }
    .ttl02{
        font-size:1.6em;
    }
    .ttl03{
        font-size:.6em;
    }

    #hamburger-window{
        top:80px;
    }

    /*メインビジュアル*/
    .mv_txt{
        top:auto;
        bottom:0%;
        transform:none;
    }
    .slide-item img{
        right:0;
        width:100%;
    }


    /*お知らせ*/
    .news_wrapper{
        column-gap: 0;
    }

    /*メッセージ*/
    .message_wrapper{
        flex-direction: column;
        row-gap:15px;
    }
    .message_wrapper p{
        font-size:2.5vw;
        line-height: 2;
    }
    .message_wrapper span{
        font-size:2.3vw;
    }
    .news_btn{
        display:none;
    }

    /*臨時追加*/
    .rinji_inner{
        align-items: center;
    }
    .rinji_right{
        flex-direction: column;
    }

    .result_new{
        max-width:300px;
    }
    .result_pdf a{
        flex-direction: column;
    }

    /*活動報告*/
    .activity_img img{
        filter: none;
    }
    .activity_list{
        grid-template-columns: repeat(2, 1fr);
        column-gap:15px;
        row-gap: 25px;
    }

    /*事務所案内*/
    .map_01_wrapper, .map_02_wrapper{
        flex-direction: column-reverse;
        gap:2em;
    }
    .map_01, .map_02{
        width:100%;
        max-width:none;
        height:230px;
    }
    .map_txt{
        width:100%;
        padding:20px 20px 0 20px;
    }
    .map_txt02{
        line-height: 1;
    }

    /*フッター*/
    .footer_contents_01_right{
        display:none;
    }
    .footer_contents_01{
        justify-content: center;
    }
    .footer_contents_01_left{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:30px;
    }
    .footer_contents_01 a{
        text-align: center;
    }
    .footer_contents_02{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap:50px;
    }
    .footer_contents_02_left{
        align-items: center;
        gap:1em;
    }
    #map{
    scroll-margin-top:80px;
    }

/**
活動報告
**/
    .activity_list2{
        grid-template-columns: repeat(2, 1fr);
        column-gap: 15px;
        row-gap:25px;
    }

/**
ご意見
**/
    .mail_form_item .input2{
        width:50%;
    }
}