@charset "UTF-8";
/*
Theme Name: nakamurasyaji
Description: 中村社寺コーポレートサイト
Version: xxx
Author: xxx
*/

@media screen and (max-width:600px){
    /*メインビジュアル*/
    .mv_txt{
        font-size:2em;
    }

    /*ハンバーガー*/
    .hamburger-window-nav-item > a > p{
        font-size:1.2em;
    }
    .about_option_item a{
        font-size:1em;
    }
    #hamburger-window{
        width:80%;
    }

    /*お知らせ*/
    .top_news{
        padding:70px 20px 0;
    }
    .top_news_item a{
        flex-direction: column;
        align-items: flex-start;
        gap:10px;
    }
    .top_news_item01{
        display:flex;
        align-items: flex-end;
        gap:10px;
    }
    .top_news_cate{
        margin-bottom:0;
    }

    /*中村社寺について*/
    .top_about{
        padding:70px 0 100px;
    }
    .top_about_txt_wrapper{
        padding:0 20px;
    }
    .top_about_txt{
        margin-bottom:50px;
    }
    .top_about_txt span{
        font-size:1.4em;
    }
    .top_about_img01{
        width:100%;
    }
    .top_about_img02{
        position: static;
        width:100%;
        margin-top:20px;
    }

    /*施工事例*/
    .work_pickup,
    .top_work{
        padding:70px 0;
    }

    /*施工実績*/
    .work_ttl{
        padding:0 5vw;
    }
    .top_work_item_txt01{
        gap:0;
        font-size:.9em;
    }

    /*技と匠*/
    .top_takumi_block02{
        padding-left:20px;
        padding-right:20px;
    }
    .top_takumi_txt01,
    .top_takumi_txt03{
        font-size:4em;
    }
    .top_takumi_txt02{
        font-size:3em;
    }

    /*建築工程*/
    .top_work-flow_inner{
        height:400px;
    }

    /*企業概要・採用情報*/
    .outline{
        margin-bottom:70px;
    }
    .top_company_txt, .recruit_txt{
        left:8%;
    }
    .top_company_txt h2, .recruit_txt h2{
        font-size:1.5em;
    }

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

    /*
    下層ページ
    */

    /*中村社寺について*/
    .main_ttl{
        font-size:2em;
    }
    .bg_fixed{
        padding:0 20px;
    }
    .about_txt_block01 > h2{
        font-size:1.8em;
    }
    .about_txt_block02{
        padding-bottom:70px;
    }
    .about_content{
        padding:70px 20px;
    }
    .about_content_inner > h3{
        font-size:1.4em;
    }
    .about_content_list{
        gap:60px;
    }
    .about_content_item, .about_content_item2{
        gap:20px;
    }
    .about_content_item_ttl{
        font-size:1.2em;
    }
    .about_content_item_detail{
        margin-top:20px;
    }
    .about_saisei_wrapper{
        padding:40px 20px;
    }

    /*伝統の技と匠*/
    .dentou_inner{
        padding:70px 0;
    }
    .dentou_txtArea h1{
        font-size:1.8em;
        margin-bottom:30px;
    }
    .dentou_txtArea{
        max-width:100%;
        margin:0;
        padding:0 20px;
        height:auto;
    }
    .dentou_leftbox{
        position:relative;
        width:100%;
        margin-top:100px;
    }

    .sekou_inner{
        padding:100px 20px 0 20px;
    }
    .sekou_inner > h3{
        font-size:1.4em;
    }
    .sekou_txt_detail{
        margin-top:20px;
    }
    .total_inner{
        padding:100px 20px;
    }
    .quality_bg{
        height:600px;
    }
    .quality_txt{
        padding:0 20px;
    }

    /*企業概要*/
    .page_link_inner{
        padding:50px 20px;
    }
    .company01,
    .company02,
    .company03{
        padding:70px 20px;
    }
    .company01_inner > h3,
    .company02_inner > h3,
    .company03_inner > h3{
        font-size:1.4em;
    }

    /*歴史/沿革*/
    .history_message{
        padding:70px 20px;
    }
    .history_list{
        padding:70px 20px;
    }
    .history_item{
        border-left:none;
        padding-left:0;
        border-top:1px solid #a2a2a2;
        padding-top:2em;
        padding-bottom:2em;
    }
    .history_item::after,
    .history_item::before{
        display:none;
    }
    .history_item > div{
        gap:25px;
    }
    .history_year{
        font-size:2em;
    }

    /*施工実績*/
    .search_wrapper{
        padding:70px 20px;
    }
    .search_header{
        padding:15px 1em;
    }
    .js-accordion-content{
        padding:0 1em;
    }
    .work_list{
        grid-template-columns: repeat(1,1fr);
        row-gap: 25px;
    }
    .pagenation{
        padding:70px 0;
        flex-direction: column-reverse;
    }
    .wp-pagenavi a, .wp-pagenavi span{
        width:35px;
        height:35px;
    }

    /*絞り込み検索*/
    .searchandfilter select{
        height:46px;
    }
    .searchandfilter li::after{
        top:calc(100% - 46px);
        width:46px;
    }

    /*施工実績　詳細*/
    .work_single{
        padding:70px 20px;
    }
    .work_single_inner > h1{
        font-size:1.6em;
        margin-bottom:30px;
    }
    .work_single_img{
        aspect-ratio: auto;
    }
    .work_single_detail{
        margin:50px auto;
    }
    .work_single_detail_item{
        gap:5px;
        padding:10px;
    }
    .work_single_detail_ttl,
    .work_single_detail_txt{
        font-size:1em;
    }
    .slider_thumbnail{
        margin:20px auto 0;
    }
    .work_view{
        padding:70px 20px;
    }

    /*建築工程*/
    .wf_message,
    .step_container{
        padding:70px 20px;
    }
    .wf_message h2{
        font-size:1.4em;
    }
    .work-flow_inner{
        padding:70px 0;
    }
    .work-flow_inner h2{
        font-size:1.4em;
        padding-left:20px;
        margin-bottom:0;
    }
    
    .after-care{
        margin-bottom:70px;
    }
    .after-care h2{
        font-size:1.4em;
    }

    .step_item h2::before{
        border-top:35px solid #123452;
        border-right:50px solid transparent;
        border-left:50px solid transparent;
    }
    .step_content_wrapper{
        align-items: center;
    }
    .step_content h3{
        margin-bottom:16px;
        font-size:1.3em;
    }

    /*お問い合わせ*/
    .contact{
        padding:70px 20px;
    }
    .contact_info02{
        margin-bottom:40px;
    }
    #contactForm{
        margin-top:40px;
    }
    .contact_telbox{
        padding:10px 30px;
    }
    .contact_telbox > dl dd{
        font-size:1.6em;
    }
    .contact_telbox > p{
        font-size:.9em;
    }
    .grid{
        gap:15px;
        flex-direction: column;
    }

    /*プライバシーポリシー*/
    .privacy{
        padding:70px 20px;
    }
    .br{
        display:block;
    }

    /*お知らせ*/
    .news{
        padding:70px 20px 0;
    }
    .news_tablist{
        overflow-x: scroll;
        margin-bottom:40px;
    }
    .tab-link{
        font-size:.9em;
    }

    /*お知らせ詳細*/
    .news-s_date,
    .news-s_cate{
        font-size:.9em;
    }
    .news_inner > h3{
        font-size:1.5em;
    }
    .news-s_txt{
        font-size:.9em;
    }
    .news_view{
        padding:70px 0;
    }

    /*サイトマップ*/
    .sitemap{
        padding:70px 20px;
    }
    .sitemap_inner{
        gap:30px;
    }
    .sitemap_item ul{
        grid-template-columns: repeat(1,1fr);
    }
    .sitemap_item > a{
        padding:15px 15px 15px 2em;
    }

    /*準備中*/
    .reserve_inner{
        padding:150px 20px;
    }
    .reserve_inner > h2{
        padding:30px .5em;
    }
    /*404*/
    .pagenone_inner{
        padding:150px 20px;
    }
    .pagenone_inner > h2{
        padding:30px .5em;
    }
}

@media screen and (max-width:420px){
    .f_btnArea{
        flex-direction: column;
        gap:10px;
    }

    /*建築工程*/
    .flow_list{
        min-height:600px;
    }
    .flow_list::before{
        left:-720px;
        width:800px;
        height:700px;
    }
    .flow_step{
        gap:10px;
        left:10px;
    }
    .flow02{
        top:190px;
        left:50px;
    }
    .flow03{
        top:277px;
        left:60px;
    }
    .flow04{
        top:365px;
        left:50px;
    }
    .flow05{
        top:450px;
    }

    .flow_num{
        width:40px;
        height:40px;
    }
    .flow_content{
        padding:10px 15px;
    }
}

@media screen and (max-width:400px){
    .header_inner{
        height:60px;
    }
    /*ハンバーガー*/
    .hamburger{
        width:60px;
        height:60px;
    }
    .ham-small-list{
        align-items: flex-start;
        gap:5px;
        flex-direction: column;
    }
    .ham-contact a,
    .ham-recruit a{
        font-size:1em;
    }

    /*中村社寺について*/
    .top_about_txt{
        font-size:.9em;
    }

    /*施工実績*/
    .work_ttl > p{
        font-size:.9em;
    }

    /*技と匠*/
    .top_takumi_block02 h2{
        font-size:7vw;
    }
    .top_takumi_block02 > p{
        font-size:.9em;
    }

    /*フッター*/
    .footer_add03{
        font-size:.9em;
    }

    /*
    下層ページ
    */

    /*中村社寺について*/
    .main_ttl{
        font-size:1.8em;
    }
    .about_txt_block01 > h2{
        font-size:1.6em;
    }
    .about_feeling h3{
        font-size:1.4em;
    }
    .about_feeling h4{
        font-size:1.2em;
    }
    .about_feeling p,
    .about_greeting p{
        font-size:.9em;
    }
    .about_txt_block02 h3{
        font-size:1.4em;
        margin-bottom:50px;
    }
    .about_greeting h4{
        font-size:1.2em;
    }
    .pre_name .br{
        display:block;
    }

    .about_content_item_detail{
        font-size:.9em;
    }

    /*再生事例*/
    .about_saisei_wrapper > h3{
        font-size:1.2em;
    }
    .content_wrapper{
        max-height:800px;
    }
    .about_saisei_txt > p{
        font-size:.9em;
    }
    .about_saisei_item > h4{
        font-size:1.2em;
    }
    .about_saisei_list{
        gap:25px;
    }
    .before,
    .after{
        font-size:.9em;
        padding:3px 10px;
    }

    /*伝統の技と匠*/
    .dentou_txtArea h1{
        font-size:1.6em;
    }
    .dentou_txtArea p{
        font-size:.9em;
    }
    .sekou_txt_ttl{
        font-size:1.2em;
    }
    .sekou_txt_ttl span{
        padding:6px 17px;
    }
    .sekou_txt_detail{
        font-size:.9em;
    }
    .total_inner h3,
    .quality_txt h3{
        font-size:1.4em;
    }
    .total_inner h4,
    .quality_txt h4{
        font-size:1.2em;
    }
    .total_txt,
    .quality_txt p{
        font-size:.9em;
    }

    /*企業概要*/
    .main_ttl2_inner h2{
        font-size:1.8em;
    }
    .page_link_inner{
        padding:50px 20px 0 20px;
    }
    .company_profile_item{
        padding:12px 0.5em;
        gap:2px;
    }
    .company_profile_item dd{
        font-size:.9em;
    }
    .access_add{
        font-size:.9em;
    }
    .company03_imgArea{
        width:auto;
    }
    .group_item02{
        height:auto;
    }
    .group_item02 a{
        gap:10px;
        padding:10px;
        flex-direction: column;
        justify-content: center;
    }
    .group_list_wrapper > h4{
        font-size:1.2em;
    }
    .group_nameArea{
        gap:5px;
        width:100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .group_name{
        font-size:1em;
    }
    .no_link{
        padding:10px;
        gap:10px;
        flex-direction: column;
    }
    .company03_ttl h4{
        font-size:1.2em;
    }
    .company03_txt{
        font-size:.9em;
    }
    .company03_block > h4{
        font-size:1.2em;
        width:auto;
    }
    .company03_item{
        font-size:.9em;
    }
    .company03_item::before{
        top:7px;
        transform:none;
    }

    /*歴史/沿革*/
    .main_ttl3_inner h2{
        font-size:1.8em;
    }
    .history_txt{
        font-size:.9em;
    }

    /*施工実績*/
    .main_ttl4_inner h2{
        font-size:1.8em;
    }
    .search_header{
        font-size:1em;
        padding:10px 1em;
    }
    .toggle_icon::before{
        height:20px;
    }
    .toggle_icon::after{
        width:20px;
    }
    .js-accordion-content{
        margin:30px 0;
    }
    .select_wrapper::after{
        width:45px;
    }
    .search_list{
        gap:20px;
        margin-bottom:30px;
    }
    .select01,
    .select02,
    .select03,
    .select04{
        font-size:.9em;
        padding:12px 1em;
    }
    .search_btn_wrapper{
        gap:20px;
    }
    .search_btn{
        padding:12px 30px;
    }
    .build_name{
        font-size:1em;
    }
    .work_item_area{
        font-size:.9em;
    }

    /*絞り込み検索*/
    .searchandfilter select{
        font-size:.9em;
    }

    /*施工実績　詳細*/
    .work_single_detail_ttl,
    .work_single_detail_txt{
        font-size:.9em;
    }
    .work_single_concept h3{
        font-size:1.2em;
    }
    .work_single_concept p{
        font-size:.9em;
    }

    /*建築工程*/
    .wf_message h2{
        font-size:1.2em;
    }
    .after-care p{
        font-size:.9em;
    }
    .step_item h2{
        padding:10px 0;
        font-size:1.2em;
    }
    .step_content_wrapper{
        padding:10px;
    }
    .step_content h3{
        font-size:1.2em;
    }
    .step_content p{
        font-size:.9em;
    }

    /*お問い合わせ*/
    .main_ttl5_inner h2{
        font-size:1.8em;
    }
    .contact_info01,
    .contact_info02{
        font-size:.9em;
    }

    /*プライバシーポリシー*/
    .privacy_inner{
        gap:20px;
    }
    .privacy_item > h4{
        font-size:1.2em;
    }
    .privacy_item > p{
        font-size:.9em;
    }
    .privacy_item > ul li{
        font-size:.9em;
    }

    /*お知らせ詳細*/
    
}