.pc { display: none !important; }
.sp { display: inherit !important; }
body.workation_renewal {
/*    background-color:rgba(0,0,0,0.2);
    background-blend-mode: color;*/
 height: 100vh;
 padding-bottom: 60px;
}
/*ヘッダーメニュー*/
.navi_menu {
    left: 0;
    width:100%;
    height: 60px;
}
.open_btn {
    top: 10px;
    left: 10px;
    width: 30px;
}
.open_btn span {
    top: 0;
    left: 0;
}
.navi_menu ul {
    top: -500px;
    left: 0;
    
}
.navi_menu.panelactive ul {
    top: 50%;
}
.navi_menu.panelactive {
    height: 70vh;
}
/*フッター*/
/*.workation_footter {
    padding: 5px 10px;
    background-position: top left,top right;
    background-image: url(img/footer_back.png);
    display: block;
}
.workation_footter > div {
    margin-bottom: 5px;
}*/
/*メインコンテンツ*/
.workation_base_contents {
    display: block;
    padding: 0 10px 10px 10px;
/*    padding: 130px 10px 10px 10px;*/
    
}
.reserve_access_contents {
    flex-direction: row;
    position: fixed;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    top: 60px;
    left: 0;
    height: 70px;
    z-index: 99;
    transition: .5s;
}
.reserve_access_contents.hide {
        transform:translateY(-150%);

}
.reserve_block {
    margin-right: 10px;
}
.circle_link {
    width: 50px;
    height: 50px;
}
.circle_link > div {
    font-size: 2vw;
    bottom: 4px;
}
/*ワーケーションTOPメインタイトル*/
.workation_main_title {
    box-sizing: border-box;
    height: 100vh;
    margin: 0;
    padding: 0;
    width: 100%;
}
.workation_main_title img.workation_title,
.workation_main_title img.workation_title_map,
.workation_main_title img.workation_title_button {
    left: 50%;
/*    top: 20px;*/
    top: 30%;
    transform: translateX(-50%) translateY(0);
    width: 90%;
}
.workation_main_title img.workation_title_map {
    left: auto;
    right: 5%;
    transform: translateX(0) translateY(-5px);
    width: 40%;
}
.workation_main_title img.workation_title_button {
    transform: translateX(-50%) translateY(200px);
}


.workation_main_title .cp_banner {
    bottom: 10px;
    display: block;
    position: absolute;
    right: auto;
    transform: none;
    width: 100%;
}
.workation_main_title .cp_banner a:first-child {
    margin-bottom: 10px;
    margin-right: 0;
}
.workation_main_title .cp_banner img {
    height: auto;
    min-height: auto;
    width: 100%;
}
.workation_main_title .cp_banner img.pc {
    display: none;
}
.workation_main_title .cp_banner img.sp {
    display: initial;
}




.about_modal .modal__content {
    width: 90%;
    padding: 50px 30px 70px 30px;
}






/*ワーケーションプランの予約*/
.plan_contents > h3
{
    font-size: 2em;
    margin-bottom: 20px;
}
.plan_contents .block-result > *
{
    margin: 0 0 10px 0;
    width: 100%;
}
.plan_contents .block-result > *:nth-of-type(3n)
{
    margin: 0 0 10px 0;
}

.plan_contents .with-coupon .list li
{
    margin: 0 0 20px 0;
    width: 100%;
}



/*助成制度*/
.support-content h3
{
    font-size: 2em;
    margin-bottom: 20px;
}
.support-content .buttons > a
{
    height: 200px;
    margin-bottom: 10px;
    width: 100%;
}



/*検索・リンク一覧*/
.workation_link_contents {
    width: 100%;
    min-width:auto;
    max-width: none;
}
/*検索*/
.search_list,.link_flex {
    display: block;
    margin-bottom: 20px;
}
.area_img,.link_flex a {
    width: 100%;
    margin: 0;
}
.link_flex.link_flex_three a {
    width: 100%;
}
.search_block {
    width: 100%;
}
.search_button a {
    padding: 10px;
}
.link_flex a {
    margin-bottom: 10px;
}
/*相談窓口*/
.inquiry-content > h3
{
    font-size: 2em;
    margin-bottom: 20px;
}
.inquiry-tag {
    text-align: left;
}
.inquiry-content .tag0 {
    margin: 0;
}
.inquiry-content form {
    text-align: left;
}
/*ニュース一覧*/
.info_list ul {
    height: auto;
}