@charset "UTF-8";

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

@media screen and (max-width:600px){
/**
トップページ
**/
    /*メインビジュアル*/
    .mv_img{
        display:none;
    }
    .mv_img_sp{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position: top;
        position:relative;
    }
    .mv_txt::before{
        bottom:0;
    }

    .mv{
        height:600px;
    }
    .mv_txt01{
        font-size:16vw;
    }
    .mv_txt02{
        font-size:10vw;
    }
    /*メインビジュアル　フェードイン*/
    @keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
    }
    .mv_img_sp {
        opacity: 0;
        visibility: hidden;
        animation: fadeIn 2s ease-in-out 0.01s 1 forwards;
    }

    /*お知らせ*/
    .news_wrapper{
        padding:30px 15px;
        font-size:3vw;
        justify-content: center;
        column-gap: 15px;
    }

    /*メッセージ*/
    .message{
        padding:70px 20px 30px 20px;
        margin-top:70px;
    }
    .message_wrapper p,
    .message_wrapper span{
        font-size:4vw;
    }

    /*臨時追加*/
    .rinji_right{
        width:100%;
    }

    /*政策・主張*/
    .policy{
        padding:70px 20px;
    }
    .policy_ttl{
        font-size:8vw;
        margin:0 0 40px 0;
    }
    .policy_concept{
        margin:0 0 40px 0;
        font-size:7vw;
    }
    .policy_btn{
        width:12em;
        height:65px;
    }
    .policy_btn_link{
        font-size:.9em;
    }
    .policy_item{
        font-size:4.5vw;
    }

    /*活動報告*/
    .activity{
        padding:70px 20px;
    }
    .activity_ttl{
        font-size:8vw;
        margin:0 0 40px 0;
    }
    .activity_txt{
        font-size:.9em;
    }
    .activity_date{
        margin:0 0 5px 0;
    }
    .activity_btn{
        margin:80px auto 0 auto;
        width:12em;
        height:65px;
    }
    .activity_btn_link{
        font-size:.9em;
    }
    .sns_account_list{
        gap:0;
    }
    .activity_sns_ttl{
        font-size:6vw;
    }
    .activity_sns_link{
        margin-top:70px;
    }

    /*事務所案内*/
    .map{
        padding:70px 20px;
    }
    .map_ttl{
        font-size:8vw;
        margin:0 0 40px 0;
    }
    .map_txt01{
        font-size:1.5em;
    }

    /*フッター*/
    .footer{
        padding:50px 0;
    }
    .footer_inner{
        padding:0 20px;
    }

/**
プロフィール
**/
    .profile_basic,
    .career{
        padding:70px 20px;
    }
    .profile_basic_inner{
        gap:30px;
    }
    .profile_basic_img{
        max-width:100%;
    }
    .profile_basic_ex{
        width:100%;
        gap:20px;
    }
    .profile_name{
        font-size:2.5em;
    }
    .profile_dob, .profile_senkyoku_txt{
        font-size:1.1em;
    }
    .profile_senkyoku_list_wrapper{
        flex-direction: column;
        width:100%;
        align-items: flex-start;
    }
    .career_list{
        padding:40px 10px;
    }

/**
政策
**/
    .parallax_content,
    .result{
        padding:70px 20px;
    }
    .parallax_content{
        gap:50px;
    }
    .policy_list2{
        padding:30px;
    }
    .policy_item2{
        gap:30px;
    }
    .policy_item_txt1{
        font-size:1.2em;
    }
    .policy_item_txt2{
        margin:0;
        font-size:.9em;
    }
    .backnumber_list{
        grid-template-columns: repeat(2,1fr);
    }

/*
活動報告
*/
    .activity2{
        padding:70px 20px;
    }
    .select{
        margin-left:unset;
    }

/**
活動報告シングルページ
**/
    .activity-single,
    .news-single{
        padding:70px 20px;
    }
    .pre_btn{
        width:12em;
        height:65px;
    }
    .pre_btn_link{
        font-size:.9em;
    }

/**
ご意見
**/
    .contact{
        padding:70px 20px;
    }
    .contact_sns{
        padding:70px 20px;
    }

/**
プライバシーポリシー
**/
    .privacy{
        padding:70px 20px;
    }
    .privacy_inner{
        gap:30px;
    }

/**
お知らせ
**/
    .news2{
        padding:70px 20px;
    }
}

@media screen and (max-width:400px){
    /*ヘッダー*/
    .header{
        height:60px;
    }
    .header_item02_flex{
        padding:0 0 0 15px;
        height:60px;
    }
    .header_item02_ttl{
        line-height: 1;
    }
    .ttl01{
        display:none;
    }
    .ttl_flex{
        gap:.1em;
    }
    .ttl02{
        font-size:5vw;
    }
    .ttl03{
        font-size:2.5vw;
    }
    #hamburger-window{
        top:60px;
    }
    #header-hamburger{
        width:50px;
    }

    .header_sns{
        gap:15px;
        align-items: center;
    }
    .header_sns_insta img,
    .header_sns_fb img,
    .header_sns_line img{
        width:26px;
    }

    .mv_txt{
        padding:20px;
    }

    /*お知らせ*/
    .news_wrapper{
        flex-direction: column;
        row-gap:10px;
        align-items: flex-start;
        font-size:3.5vw;
        padding:10px;
    }

    /*政策・主張*/
    .policy_btn{
        width:11em;
        height:55px;
    }
    .policy_btn2{
        width:12em;
        height:55px;
    }

    /*活動報告*/
    .activity_date{
        font-size:.9em;
    }
    .activity_btn{
        width:11em;
        height:55px;
    }
    .sns_account_item{
        max-width:100px;
    }
    .sns_account_item img{
        width:40px;
    }
    .sns_account{
        margin-top:0;
    }
    .post-navigation{
        gap:20px;
    }
    .arrow-icon{
        right:24px;
    }

    /*事務所案内*/
    .map_txt01{
        font-size:1.3em;
    }

    /*フッター*/
    #map{
    scroll-margin-top:60px;
    }
    .footer_contents_01_left a span{
        font-size:.8em;
    }
    .footer_contents_01_left a h2{
        font-size:2.2em;
    }
    .map_link_btn{
        width:8em;
        height:40px;
    }
    .map_link{
        font-size:.8em;
    }
    .footer_contents_02_left{
        gap:.5em;
    }
    .footer_contents_02_left a{
        font-size:.8em;
    }
    .footer_smtxt{
        font-size:.5em;
    }

/**
プロフィール
**/
    .page-ttl{
        font-size:2em;
    }
    .profile_name{
        font-size:2em;
    }
    .profile_dob, .profile_senkyoku_txt{
        font-size:1em;
        white-space: normal;
    }
    .profile_senkyoku_item{
        font-size:.9em;
    }
    .career{
        padding:70px 0;
    }
    .career_list{
        padding:40px 20px;
    }
    .career_ttl{
        font-size:1.8em;
        margin:0 0 30px 0;
    }
    .career_list_item::before,
    .career_list_item::after{
        display:none;
    }
    .career_list_item{
        margin-left:0;
    }
    .career_list_item dt{
        margin-left:0;
        font-size:1em;
    }
    .career_list_item dd{
        font-size:.9em;
    }
    .month{
        max-width:60px;
    }

/**
政策
**/
    .policy_icon{
        max-width:250px;
    }
    .policy_icon img{
        max-width:120px;
    }

/**
活動報告
**/
    .select select{
        height:2.5em;
    }

/**
活動報告シングルページ
**/
    .pre_btn{
        width:11em;
        height:55px;
    }

/**
ご意見
**/
    .form_ttl{
        font-size:1.5em;
        margin:0 0 50px 0;
    }
    .mail_form_item{
        margin-bottom:25px;
    }
    .contact_sns_inner h3{
        font-size:1.3em;
        margin:0 0 30px 0;
    }
}