@charset "UTF-8";

@media screen and (max-width:1120px){
    /**
    ビジネス
    **/
    .it_work_list{
        justify-content: center;
    }
    .it_work_item{
        flex-direction: column;
        width:100%;
    }
    .it_work_img{
        max-width:100%;
    }
}

@media screen and (max-width:1000px){
    #hamburger-window{
        padding:40px;
    }
    .hamburger-window-wrapper{
        flex-direction: column;
        align-items: flex-start;
        position:static;
        transform:none;
        width:100%;
        gap:40px;
        padding-bottom:0;
    }
    .hamburger-window_nav_list_wrapper{
        width:100%;
    }
    .hamburger-logo a img{
        width:100%;
        max-width:120px;
    }
    .hamburger-window_btn_list{
        flex-direction: row;
        gap:20px;
    }
    .hamburger-window_contact{
        padding:15px 50px;
    }

/**
体験・魅力
**/
    .exp_highlights_imgArea1,
    .exp_highlights_imgArea2{
        gap:10px;
    }
    .exp_highlights_img2{
        max-width:250px;
    }
    .exp_highlights_img3{
        margin-left:0;
        max-width:250px;
    }
}

@media screen and (max-width:900px){
    .sidebar a::after{
        width:50px;
    }

    .footer_nav{
        display:none;
    }

/**
体験・魅力
**/
    /*おすすめスポット*/
    .spot_slide_img{
        aspect-ratio: 6 / 4;
    }
    .spot_slide_img img{
        filter:none;
    }
    .spot_txt{
        color:#1a1a1a;
    }
    .spot_txt01,
    .spot_txt02{
        position:static;
        padding:10px 20px;
    }

/**
採用情報
**/
    .guidelines_tabcontent > div{
        padding:30px;
    }
    .content dt{
        width:25%;
    }
    .content dd{
        width:75%;
    }

/**
お知らせ
**/
    .panel_list{
        row-gap:20px;
        column-gap: 15px;
    }
}

@media screen and (max-width:768px){
    .mv_txt01{
        line-height: 1.5;
    }
    .block{
        display:block;
    }

    .about,
    .rickshawinn,
    .experience,
    .business,
    .news{
        padding:120px 40px;
    }

    /**
    追加項目
    **/
    .link_btn_item a span{
        font-size:1.5em;
    }
    .link_btn_item a small{
        font-size:.8em;
    }
    .experience_content{
        align-items: center;
        flex-direction: column;
    }
    .experience_img2{
        max-width:100%;
    }


    /*私たちについて*/
    .about_inner{
        flex-direction: column;
        align-items: center;
        gap:40px;
    }
    .about_left{
        width:100%;
    }
    .about_ttl,
    .rickshawinn_ttl{
        margin-bottom:0;
    }
    .about_img1{
        display:none;
    }
    .about_right{
        width:100%;
    }
    .about_txt,
    .rickshawinn_txt{
        margin:40px 0 80px 0;
    }
    .about_btn{
        text-align: center;
    }

    /*力車イン*/
    .rickshawinn_inner{
        flex-direction: column-reverse;
        align-items: center;
        gap:40px;
    }
    .rickshawinn_left,
    .rickshawinn_right{
        width:100%;
    }
    .rickshawinn_img2{
        display:none;
    }
    .rickshawinn_btn2{
        text-align: center;
    }

    /*体験・魅力*/
    .experience_img_wrapper{
        margin:20px 0 200px 0;
    }
    .experience_img_area1{
        left:10px;
        bottom:-130px;
    }
    .experience_img_area2{
        right:10px;
    }
    .experience_img_area1 p,
    .experience_img_area2 p{
        padding:6vw 1vw;
        font-size:4vw;
    }
    .experience_img_area1 p{
        left:25px;
    }
    .experience_img_area2 p{
        right:25px;
    }
    .experience_btn{
        text-align: center;
    }

    /*ビジネス*/
    .business_content{
        display:none;
    }
    .business_content_sp{
        display:block;
    }
    .business_content_sp a{
        display:block;
        border-top:1px solid #8f8f8f;
        border-bottom:1px solid #8f8f8f;
        margin-bottom:-1px;
        padding:30px 0;
    }
    .business_content_sp_ttl{
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:10px;
    }
    .business_content_sp_ttl p{
        display:flex;
        flex-direction: column;
        margin:0;
    }
    .business_content_sp_ttl p span{
        font-size:2em;
    }
    .business_content_sp_arrow{
        display:flex;
    }
    .business_content_sp_img{
        width:100%;
        aspect-ratio: 4 / 3;
    }
    .business_content_sp_img img{
        width:100%;
        height:100%;
        object-fit: cover;
    }

    /*お知らせ*/
    .news_ttl{
        text-align: left;
    }
    .news_list{
        flex-direction: column;
        align-items: center;
    }
    .news_item{
        width:80%;
    }
    .news_btn{
        text-align: center;
        padding-top:2em;
    }

    /*もりあげ隊*/
    .banner_txt{
        font-size:1.1em;
        padding:2vw 3vw;
    }

    /*力車イン動画*/
    .movie{
        padding:0 40px 70px;
    }
    .movie_list{
        grid-template-columns: repeat(1, 1fr);
    }

    /*フッター*/
    .footer{
        padding:50px 40px 30px 40px;
    }

    /**
    下層ページ共通部分
    **/
    .pc_logo{
        display:none;
    }
    .sp_logo{
        display:block;
    }
    .sp_logo img{
        width:40px;
    }

    /**
    私たちについて
    **/
    .point_content{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .point_txt{
        position:static;
        width:100%;
        padding:30px 0;
        background:unset;
    }
    .point_ttl2{
        text-align:left;
    }
    .point_content2{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .point_txt2{
        position:static;
        width:100%;
        padding:30px 0;
        background:unset;
    }

    .about_point{
        padding:0 40px 120px 40px;
    }
    .about_message_inner{
        padding:120px 40px;
    }

    .catchcopy{
        flex-direction: column;
        gap:40px;
    }
    .catchcopy h2{
        margin:0;
    }

    .philosophy{
        padding:20px 40px;
    }

    /**
    体験・魅力
    **/
    .exp_highlights_inner{
        padding:120px 40px;
    }
    .exp_highlights_imgArea2{
        margin:180px 0 80px 0;
    }
    .spend_time_inner{
        padding:120px 40px;
    }
    .spots_slide{
        margin:80px 0 0 0;
    }
    .spot_txt01, .spot_txt02{
        padding:10px;
    }
    .food_inner{
        padding:80px 40px;
    }

    .scroll_comment{
        bottom:0;
        right:10px;
        padding:0 0 20px 20px;
        font-size:.9em;
    }

    /**
    ビジネス
    **/
    .b_subttl{
        padding-right:0;
        font-size:1.5em;
        text-align:center;
    }
    .it_inner,
    .local_inner,
    .hotel_inner{
        padding:120px 40px;
    }
    .local_list{
        flex-direction: column;
        align-items: center;
    }
    .local_item{
        max-width:100%;
        border-bottom:3px solid #ccc;
    }
    .local_item:last-child{
        border-bottom:none;
    }

    .rickshawinn_inner2{
        display:block;
    }
    .hotel_btn_wrapper{
        gap:60px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .overview_table_box{
        flex-direction: column;
        align-items: flex-start;
        padding:20px;
        row-gap:15px;
    }
    .overview_table_ttl{
        width:100%;
    }

    /**
    会社概要
    **/
    .profile_table_box{
        flex-direction: column;
        padding:15px;
        align-items: flex-start;
        gap:10px;
    }
    .profile_table_txt{
        width:100%;
    }
    .profile_table_ttl{
        width:100%;
    }

    .history_list{
        padding:90px 40px 0 40px;
    }
    .history_item{
        flex-direction: column;
        gap:10px;
    }

    /**
    採用情報
    **/
    .rec_imgArea{
        gap:50px;
    }
    .rec_message,
    .guidelines_inner{
        padding:120px 40px;
    }
    .rec_ttl{
        margin-top:0;
    }
    .rec_en_message{
        font-size:2em;
    }
    .rec_person_list{
        flex-direction: column;
        align-items: center;
        margin-bottom:50px;
    }
    .rec_staff_list{
        flex-direction: column;
    }

    .content dl{
        flex-direction: column;
    }
    .content dt{
        width:100%;
    }
    .content dd{
        width:100%;
        border-bottom:none;
    }

/**
お知らせ
**/
    .sub_news{
        padding:50px 40px 120px;
    }
    .panel_list{
        grid-template-columns:repeat(1,1fr);
        row-gap:50px;
        column-gap:20px;
        width:80%;
        margin:0 auto;
    }
    .category{
        font-size:.8em;
        width:7em;
    }
    .sub_news_txt01{
        margin-top:10px;
    }
    .sub_news_txtArea > p{
        font-size:1em;
    }
    .news_pagenation{
        margin-top:70px;
    }

/**
お知らせ詳細
**/
    .news-single{
        padding:0 40px 120px;
    }

/**
お問い合わせ
**/
    .contact_tel_box{
        margin-bottom:100px;
    }
    .tel_num{
        font-size:2.5em;
    }
    .tel_txt{
        margin-bottom:50px;
    }

    .mail_form_item{
        flex-direction: column;
        align-items: flex-start;
    }
    .mail_form_item > dt,
    .mail_form_item > dd{
        width:100%;
    }
    .add_box{
        width:100%;
    }
    
    /**
    やっとるさ飛騨高山
    **/
    .yattorusa_gaiyou{
        flex-direction: column;
        align-items: center;
    }
    .yattoruyo_01_list{
        flex-direction: column;
    }
}