@charset "UTF-8";

@media screen and (max-width:600px){
    #loadingLogo svg{
    width:250px;
    }
    .insta_btn,
    .line_btn{
        display:none;
    }
    .header_list{
        column-gap: 0;
    }

    #hamburger-window{
        padding:40px 20px;
    }
    .hamburger-logo a img{
        max-width:100px;
    }
    .hamburger-window_nav_item{
        padding:10px 0 10px 1em;
    }
    .hamburger-window_nav_item h3{
        font-size:1.7em;
    }
    .hamburger-window_other{
        flex-direction: column;
        align-items: flex-start;
        gap:15px;
        margin-top:20px;
    }
    .hamburger-window_btn{
        width:100%;
    }
    .hamburger-window_btn_list{
        justify-content: space-between;
    }
    .mv_logo img{
        width:120px;
    }
    .mv_txt01{
        font-size:1.8em;
    }

    .about,
    .rickshawinn,
    .experience,
    .business,
    .news{
        padding:80px 20px;
    }
    .about_ttl h3,
    .rickshawinn_ttl h3,
    .experience_ttl h3,
    .business_ttl h3,
    .news_ttl h3{
        font-size:3.5em;
    }
    .about_btn a,
    .rickshawinn_btn2 a,
    .experience_btn a,
    .news_btn a{
        padding:20px 70px;
    }
    .about_btn a::after,
    .experience_btn a::after,
    .news_btn a::after{
        width:30px;
    }

    .business_ttl{
        margin-bottom:40px;
    }

    .news_ttl{
        margin-bottom:40px;
    }
    .news_list{
        margin-bottom:50px;
    }
    .news_item{
        width:100%;
    }

    .moriagetai,
    .yattorusa{
        padding:50px 20px 80px 20px;
    }
    .banner_txt::after{
        bottom:-20px;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        border-top:20px solid #2c4b3a;
    }

    .footer{
        padding:50px 20px 30px 20px;
    }
    .footer_block2{
        justify-content: flex-end;
    }
    .footer_contact{
        display:none;
    }

    /*力車イン動画*/
    .movie{
        padding:0 20px 70px;
    }
    .movie_ttl{
        font-size:.8em;
    }
    .movie_list{
        gap:40px;
    }
    /**
    追加項目
    **/
    .page-link{
        padding:80px 20px;
    }
    .link_btn_item a span{
        font-size:1.2em;
    }
    .gaiyou_btn_list{
        flex-direction: column;
        align-items: flex-end;
    }
    .experience_content{
        padding:50px 0 50px 0;
    }
    .company_btnArea{
        padding-top:50px;
        justify-content: center;
    }

    .history{
        padding-bottom:70px;
    }


    /**
    下層ページタイトル
    共通部分
    **/
    .header_logo{
        margin-bottom:60px;
    }
    .titleArea{
        padding:0 20px 60px 20px;
    }
    .titleArea_inner{
        height:150px;
        height:150px;
        padding:30px 30px 30px 50px;
    }
    .titleArea_inner span{
        font-size:.6em;
    }
    .titleArea_inner h2{
        font-size:3em;
    }

    .pagetop_link{
        right:20px;
        bottom:20px;
    }
    .pagetop{
        height:50px;
        font-size:.9em;
    }
    .pagetop::after{
        height:48px;
    }

    /**
    私たちについて
    **/
    .about_point{
        padding:0 20px 80px 20px;
    }
    .about_point_inner{
        gap:30px;
    }
    .point_ttl,
    .point_ttl2{
        margin-bottom:15px;
    }

    .about_message_inner{
        padding:80px 20px;
    }
    .block2{
        display:block;
    }

    .philosophy{
        padding:0 20px;
    }
    .philosophy_inner{
        padding:80px 0;
        background-size:150px;
        background-position:right 140px;
    }
    .philosophy_txt{
        font-size:1em;
    }

    /**
    体験・魅力
    **/
    .exp_highlights_inner,
    .spend_time_inner,
    .food_inner{
        padding:80px 20px;
    }
    .exp_highlights_imgArea2{
        margin:120px 0 80px 0;
    }
    .exp_highlights_img3{
        max-width:150px;
    }

    .food_slide{
        margin:50px auto 0 auto;
    }

    .swiper-button-prev{
        left:30px !important;
    }
    .swiper-button-next{
        right:30px !important;
    }
    .swiper-button-prev::after,
    .swiper-button-next::after{
        font-size:1em !important;
    }
    .swiper-button-prev,
    .swiper-button-next{
        border-radius:50px;
        background:#1a1a1a;
        width:30px !important;
        height:30px !important;
    }
    .spot_txt01{
        flex-direction: column;
        align-items: flex-start;
    }
    .spot_txt02{
        font-size:.9em;
    }
    .spot_en2{
        margin:0;
    }
    .food_jp{
        font-size:.9em;
        top:12px;
        left:12px;
    }
    .food_en{
        font-size:.9em;
        bottom:12px;
        right:12px;
    }

    .scroll_img{
        aspect-ratio: 1 / 1;
    }
    .scroll_ttlArea{
        top:12px;
        left:15px;
    }
    .scroll_num{
        font-size:2em;
    }
    .scroll_ttl1{
        font-size:1.2em;
    }
    .scroll_ttl2{
        font-size:.9em;
    }
    .scroll_item{
        margin-top:unset;
        margin-bottom:unset;
        display:flex;
        flex-direction: column;
        top:20%;
    }
    .scroll_comment{
        padding:0;
        position:static;
        color:#1a1a1a;
    }
    

    /**
    ビジネス
    **/
    .it_inner,
    .local_inner,
    .hotel_inner{
        padding:80px 20px;
    }
    .it_work_list{
        grid-template-columns: repeat(1,auto);
        row-gap:50px;
    }
    .it_work_txt{
        max-width:100%;
    }

    .local_sns_ttl{
        margin-top:0;
    }
    .local_sns{
        padding-top:50px;
    }
    .local_sns_list{
        gap:20px;
    }
    .rickshawinn_btn3 a{
        padding:20px 70px;
    }

    /**
    会社概要
    **/
    .company_profile_inner{
        padding:0 20px 80px 20px;
    }
    .history_ttl,
    .access_ttl{
        padding:0 20px;
    }
    .history_list{
        padding:90px 20px 0 20px;
    }
    .access_inner{
        padding:80px 0 0 0;
    }

    /**
    採用情報
    **/
    .rec_imgArea{
        gap:10px;
    }
    .rec_img2 img{
        margin-top:-140px;
    }
    .rec_en_message{
        font-size:1.8em;
    }
    .rec_message, .guidelines_inner{
        padding:80px 20px;
    }
    .rec_txt{
        margin:30px 0;
    }

    .guidelines_tablist li a{
        padding:15px 30px;
        font-size:.9em;
    }
    .entry_btn a{
        padding:30px 120px;
        font-size:1.6em;
    }

    /**
    お知らせ
    **/
    .sub_news{
        padding:0 20px 80px;
    }
    .news_tablist{
        white-space: nowrap;
        overflow-x: scroll;
    }
    .tab-link{
        font-size:.9em;
    }
    .panel_list{
        width:100%;
    }
    .wp-pagenavi span.current{
        width:30px;
        height:30px;
        font-size:1em;
    }

    /**
    お知らせ詳細
    **/
    .news-single{
        padding:0 20px 80px;
    }
    .news-single_txt01{
        margin:30px 0;
    }
    .news-single_ttl{
        margin-bottom:50px;
    }
    .news_view{
        padding-top:70px;
    }
    

    /**
    お問い合わせ
    **/
    .contact{
        padding:0 20px 80px;
    }
    .contact_tel_box > h2{
        font-size:1.2em;
    }
    .tel_num{
        font-size:2em;
    }
    .form_box > h2{
        margin-bottom:80px;
        font-size:1.2em;
    }
    .mail_form_item{
        padding:15px 0;
    }
    .btn_wrapper{
        flex-direction: column;
        gap:1em;
    }
    .mail_form_item > dt{
        font-size:.9em;
    }
    .mail_form_item2 > dt{
        font-size:.9em;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        font-size: 16px !important;
    }
    .form_text::placeholder,
    .form_text2::placeholder,
    .form_textarea::placeholder {
        font-size: .85em;
    }

    /*
    プライバシーポリシー
    */
    .privacy2{
        padding:0 20px 80px;
    }
    .privacy_ttl01,
    .privacy_ttl02{
        font-size:1.2em;
    }
    .privacy_item > p{
        font-size:.9em;
    }

    /**
    やっとるさ飛騨高山
    **/
    .titleArea2{
        margin-bottom:50px;
    }
    .titleArea_inner2 > span{
        font-size:1.5em;
    }
    .titleArea_inner2 > h2{
        font-size:1em;
    }
    .yattorusa_wrapper{
        padding:0 20px 70px;
    }
    .yattorusa_btn a{
        padding:15px 50px;
    }
    .yattorusa_btn a span{
        font-size:.9em;
    }
    .yattorusa_btn a small{
        font-size:.8em;
    }
    .yattorusa_01_inner > h2,
    .yattorusa_02_inner > h2,
    .yattoru_bn_inner > h2{
        font-size:1.3em;
    }
    .yattoruyo_01_item > h3{
        font-size:1.1em;
    }
    .yattoru_bn_list{
        flex-direction: column;
        align-items: center;
        gap:4vw;
    }
}

@media screen and (max-width:400px){
    #header-hamburger{
        width:40px;
        right:20px;
    }
    .hamburger-window_btn_list{
        flex-direction: column;
    }
    .rickshawinn_btn{
        height:40px;
        line-height: 40px;
        padding:0 20px;
        position:absolute;
        right:-20px;
        white-space: nowrap;
    }
    .mv_logo{
        margin-bottom:30px;
    }
    .mv_logo img{
        width:100px;
    }
    .mv_txt01{
        font-size:8vw;
    }
    .mv_txt02{
        font-size:4.5vw;
    }
    .about_ttl h3,
    .rickshawinn_ttl h3,
    .experience_ttl h3,
    .business_ttl h3,
    .news_ttl h3{
        font-size:14vw;
    }

    .rickshawinn_btn,
    .about_btn a,
    .rickshawinn_btn2 a,
    .experience_txt,
    .experience_btn a,
    .news_btn a{
        font-size:.9em;
    }

    .about_txt,
    .rickshawinn_txt{
        margin:20px 0 50px 0;
        font-size:.9em;
    }

    .experience_img_wrapper{
        margin:20px 0 130px 0;
    }
    .experience_img_area1{
        left:5px;
        bottom:-80px;
    }
    .experience_img_area2{
        right:5px;
    }
    .experience_img_area1 p{
        left:12px;
    }
    .experience_img_area2 p{
        right:12px;
    }

    .business_content_sp_ttl p span{
        font-size:7vw;
    }
    .business_content_sp_arrow img{
        width:60px;
    }

    .news_cate{
        font-size:.7em;
    }
    .news_txt{
        font-size:.9em;
    }

    .moriagetai,
    .yattorusa{
        padding:0 20px 80px 20px;
    }
    .banner_txt{
        font-size:1em;
    }

    .footer{
        padding:30px 20px 20px 20px;
    }
    .footer_inner{
        gap:15px;
    }
    .footer_logo img{
        width:160px;
    }
    .footer_addarea{
        font-size:.8em;
    }
    .footer_add{
        margin-top:0;
    }
    .footer_other_link{
        gap:10px;
    }
    .privacy{
        font-size:.8em;
    }
    .footer small{
        font-size:.6em;
    }

    /**
    私たちについて
    **/
    .point_txt,
    .point_txt2{
        padding:15px 0;
        font-size:.9em;
    }
    .about_message_inner{
        font-size:.9em;
    }
    .message_ttl{
        margin-bottom:0;
    }
    .philosophy_inner{
        background-position:right 180px;
    }

    /**
    体験・魅力
    **/
    .exp_highlights_img3{
        max-width:100px;
    }
    .en{
        margin-bottom:30px;
        font-size:.9em;
    }
    .jp{
        font-size:.9em;
    }

    .swiper-button-prev,
    .swiper-button-next{
        width:30px !important;
        height:30px !important;
    }
    .swiper-button-prev::after,
    .swiper-button-next::after{
        font-size:.5em !important;
    }

    .spot_txt01, .spot_txt02{
        padding:0 0 15px 0;
    }
    .spot_jp, .spot_en{
        font-size:.9em;
    }
    .scroll_ttlArea{
        flex-direction: column;
        align-items: flex-start;
        gap:0;
        line-height: 1;
    }
    .scroll_en{
        margin:5px 0;
    }

    /**
    ビジネス
    **/
    .b_subttl{
        font-size:1.3em;
    }
    .it_ttl2,
    .local_ttl2,
    .hotel_ttl2{
        margin:0 0 40px 0;
    }
    .it_work_txt01{
        font-size:1em;
    }
    .it_work_txt02{
        font-size:.9em;
    }
    .local_txt01,
    .local_item_txt{
        font-size:.9em;
    }
    .local_list{
        margin-top:80px;
    }
    .local_sns_ttl{
        margin-top:0;
    }
    .local_sns_list{
        gap:10px;
    }
    .hotel_overview_ttl{
        margin-bottom:40px;
    }
    .overview_table_box{
        padding:10px;
        row-gap:10px;
        font-size:.9em;
    }

    /**
    会社概要
    **/
    .profile_table_box{
        font-size:.9em;
    }
    .history_list{
        padding:50px 20px 0 20px;
    }
    .history_item{
        padding-bottom:3em;
        font-size:.9em;
    }

    /**
    採用情報
    **/
    .rec_en_message{
        font-size:1.6em;
    }
    .rec_txt{
        font-size:.9em;
    }
    .rec_person_list{
        gap:25px;
    }
    .rec_person_item p{
        font-size:1em;
    }
    .rec_staff_list{
        gap:30px;
    }
    .rec_staff_txt01{
        font-size:1em;
    }
    .rec_staff_txt02{
        font-size:.9em;
    }

    .guidelines_tabcontent > div{
        padding:20px;
    }
    .guidelines_tablist li a{
        padding:10px 25px;
        font-size:.8em;
    }
    .content dt,
    .content dd{
        padding:15px;
        font-size:.9em;
    }
    .entry_btn{
        margin-top:60px;
    }
    .entry_btn a{
        padding:20px 90px;
        font-size:1.4em;
    }
    .entry_btn a::after{
        width:40px;
    }

    /**
    お知らせ
    **/
    .category{
        font-size:.7em;
    }
    .sub_news_txtArea > p{
        font-size:.9em;
    }

    /**
    お知らせ詳細
    **/
    .news-single_ttl{
        margin-bottom:30px;
    }
    .news-single_txt02{
        font-size:.9em;
    }
    .date2{
        font-size:.9em;
    }

    /**
    やっとるさ飛騨高山
    **/
    .yattorusa_gaiyou > p{
        font-size:.9em;
    }
    .yattoruyo_01_list{
        gap:5vw;
    }
    .yattoruyo_01_item{
        padding:15px;
    }
    .yattorusa_02_inner > p{
        font-size:.9em;
    }
    .yattorusa_02_inner > ul{
        padding:18px;
    }
}