/*
    Theme Name: sen
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend+Tera:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600&display=swap');

html {
    font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    color: #000;
    height: 100%;
    overscroll-behavior: none;
}
body{
    --colorbk: #B6D1C8;
    --colorgreen: #0D795C;
    height: 100%;
    background: #FFF;
}

:root {
  --fontjp: "Zen Old Mincho", serif;
  --fonten: "Lexend Tera", sans-serif;
  --color: #000;
  --headerHeight: 100px;
}
@media only screen and (max-width: 750px) {
    :root {
      --headerHeight: 100px;
    }
}

.pc { display: block; }
.sp { display: none; }
@media only screen and (max-width: 750px) {
    .pc { display: none; }
    .sp { display: block; }
}

.link_range {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    z-index: 1;
}

img {
    width: 100%;
    height: auto;
}


/*------------------------------------*\
    共通
\*------------------------------------*/
.inview, .inview2 {
    transition: all 800ms ease-in-out;
    opacity: 0;
}
.inview_up, .inview_up2 {
    transition: all 500ms ease-in-out;
    opacity: 0;
    transform: translate(0,10px);
}
.inview_left {
    transition: all 500ms ease-in-out;
    opacity: 0;
    transform: translate(-20px,0);
}
.inview_right {
    transition: all 500ms ease-in-out;
    opacity: 0;
    transform: translate(10px,0);
}
.inview_action {
    opacity: 1.0;
}
.inview_up_action, .inview_left_action, .inview_right_action {
    opacity: 1.0;
    transform: translate(0,0);
}

.com_title_wrap {
    width: 66%;
    margin: 0 auto;
    padding-top: 270px;
    padding-bottom: 40px;
}
@media only screen and (max-width:750px) {
    .com_title_wrap {
        width: 85%;
        padding-top: calc(var(--headerHeight) + 60px);
        padding-bottom: 30px;
    }
}
.com_title {
    font-family: var(--fonten);
    font-size: 35px;
    letter-spacing: 0.13em;
    font-weight: 300;
    color: var(--color);
}
@media only screen and (max-width:750px) {
    .com_title {
        font-size: 26px;
    }
    .com_title.title_small {
        font-size: 18px;
    }
}


/*------------------------------------*\
    header language
\*------------------------------------*/
.header_lang_wrap {
    display: none;
    position: fixed;
    top: 50px;
    right: 4%;
    z-index: 940;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .header_lang_wrap {
        opacity: 0;
        visibility: hidden;
    }
    body.nav_open .header_lang_wrap {
        opacity: 1;
        visibility: visible;
    }
}
.header_lang_radio_wrap {
}
.header_lang_radio {
    display: flex;
    align-items: flex-start;
}

.header_lang_radio input[type="radio"] {
    display:none; 
}
.header_lang_radio label {
    font-family: var(--fonten);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.01em;
    color: var(--color);
    position: relative;
    cursor: pointer;
    padding-bottom: 1px;
    display: block;
    transition: all 150ms ease-in-out;
}
@media only screen and (max-width:750px) {
  .header_lang_radio label {
    font-size: 10px;
  }
}
.header_lang_radio .header_lang_radio_label_jp {
}
.header_lang_radio .header_lang_radio_label_en {
}

.header_lang_radio_text {
    font-family: var(--fonten);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.01em;
    color: var(--color);
    transition: all 150ms ease-in-out;
    display: inline-block;
    margin: 0 6px;
}
@media only screen and (max-width:750px) {
  .header_lang_radio_text {
    font-size: 10px;
    margin: 0 4px;
  }
}

.header_lang_radio label .header_lang_select {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color);
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    transition: all 150ms ease-in-out;
}
.header_lang_radio input[type="radio"]:checked + label { 
}
.header_lang_radio input[type="radio"]:checked + label .header_lang_select { 
    display: block;
}


/* 言語切り替え用 */
.com_lang_wrap {
    position: relative;
}
.lang_jp, .lang_en, .lang_zh {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /* transition: all 500ms ease-in-out; */
}
.lang_jp {
    font-family: var(--fontjp);
    color: var(--color);
    letter-spacing: 0.06em;
    font-weight: 400;
    top: -1px;
}
.lang_en {
    font-family: var(--fonten);
    color: var(--color);
    letter-spacing: -0.05em;
    font-weight: 300;
    word-break: break-all;
}
.lang_zh {
    font-family: var(--fontzh);
    color: var(--color);
    letter-spacing: 0.05em;
    font-weight: 400;
}


body.jp .lang_jp, body.en .lang_en, body.zh .lang_zh {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: auto;
}

.font_jp {
    font-family: var(--fontjp);
}
.font_en {
    font-family: var(--fonten);
}
.font_zh {
    font-family: var(--fontzh);
}


/*------------------------------------*\
    header (logo)
\*------------------------------------*/
.header_logo_wrap {
    position: fixed;
    top: 12px;
    left: 3%;
    z-index: 940;
    /* filter: invert(100%); */
    /* mix-blend-mode: exclusion; */
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
}
.header_logo_wrap.js_action {
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width:750px) {
    .header_logo_wrap {
        top: 4px;
        left: 4%;
    }
}
.header_logo {
    width: 190px;
}
@media only screen and (max-width:750px) {
    .header_logo {
        width: 130px;
    }
}




/*------------------------------------*\
    header (now)
\*------------------------------------*/
.header_now_wrap {
    position: fixed;
    top: 20px;
    right: 4%;
    z-index: 931;
    /* filter: invert(100%); */
    /* mix-blend-mode: exclusion; */
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .header_now_wrap {
        width: 96%;
        top: 100px;
    }
    .header_now_wrap {
        display: none;
    }
    body.page_top .header_now_wrap {
        display: block;
    }
}
.header_now_wrap.js_action {
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width:750px) {
    body.scroll_top .header_now_wrap {
        /* opacity: 1; */
        /* visibility: visible; */
    }
    body.scroll_down .header_now_wrap {
        opacity: 0;
        visibility: hidden;
    }
    body.scroll_up .header_now_wrap {
        opacity: 0;
        visibility: hidden;
    }
    body.nav_open .header_now_wrap.js_action {
        opacity: 1;
        visibility: visible;
    }
}

.now_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media only screen and (max-width:750px) {
}

.now_place_wrap {
    margin-right: 5px;
}
@media only screen and (max-width:750px) {
    .now_place_wrap {
        width: 100%;
        text-align: right;
        margin-bottom: 12px;
    }
}
.now_place {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 300;
    white-space: nowrap;
}
@media only screen and (max-width:750px) {
    .now_place span {
        display: none;
    }
}

.now_date_wrap {
}
@media only screen and (max-width:750px) {
    .now_date_wrap {
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
    }
}
.now_date {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 300;
    white-space: nowrap;
}
.now_clook_wrap {
    margin-left: 10px;
}
@media only screen and (max-width:750px) {
    .now_clook_wrap {
        margin-left: auto;
    }
}
.now_clook {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 300;
    white-space: nowrap;
}
.now_weather {
    width: 22px;
    position: relative;
    top: 0px;
    margin-left: 10px;
    margin-right: 2px;
    filter: grayscale(100%) brightness(50%);
}
@media only screen and (max-width:750px) {
}
.now_temp_wrap {
}
.now_temp {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 300;
    white-space: nowrap;
}


/*------------------------------------*\
    header (nav)
\*------------------------------------*/
.header_nav_wrap {
    position: fixed;
    top: 28px;
    left: calc(3% + 190px + 30px);
    z-index: 939;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .header_nav_wrap {
        display: none;
    }
}
.header_nav_wrap.js_action {
    opacity: 1;
    visibility: visible;
}

.header_nav {
}
.header_nav ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.header_nav li {
}

.header_nav_text_wrap {
    position: relative;
    transition: all 300ms ease-in-out;
}
.header_nav_text_wrap:hover {
    opacity: 0.7;
}
@media only screen and (max-width:750px) {
    .header_nav_text_wrap:hover {
        opacity: 1;
    }
}
.header_nav_text_en {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 300;
}



/*------------------------------------*\
    header (button)
\*------------------------------------*/
.header_nav_button_wrap {
    display: none;



    position: fixed;
    top: 12px;
    right: 4%;
    z-index: 931;
    cursor: pointer;
    /* filter: invert(100%); */
    /* mix-blend-mode: exclusion; */
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .header_nav_button_wrap {
        display: block;
        top: 4px;
    }
}
.header_nav_button_wrap.js_action {
    opacity: 1;
    visibility: visible;
}

/*
body.scroll_top .header_nav_button_wrap {
    opacity: 1;
    visibility: visible;
}
body.scroll_down .header_nav_button_wrap {
    opacity: 0;
    visibility: hidden;
}
body.scroll_up .header_nav_button_wrap {
    opacity: 1;
    visibility: visible;
}
body.nav_open .header_nav_button_wrap {
}
*/

.header_nav_button_inner {
    width: 50px;
    height: 50px;
    position: relative;
}
.header_nav_button_line {
    width: 44px;
    height: 2px;
    background-color: #000;
    border: none;
    font-size: 0;
    position: absolute;
    left: 3px;
    transition: all 300ms ease-in-out;
}
.header_nav_button_line.line_1 {
    top: 16px;
}
.header_nav_button_line.line_2 {
    top: 23px;
}
.header_nav_button_line.line_3 {
    top: 30px;
}
@media only screen and (max-width:750px) {
    .header_nav_button_line {
        width: 36px;
        left: 6px;
    }
}
body.nav_open .header_nav_button_line.line_1 {
    width: 38px;
    top: 23px;
    left: 6px;
    transform: rotate(45deg);
}
body.nav_open .header_nav_button_line.line_2 {
    opacity: 0;
}
body.nav_open .header_nav_button_line.line_3 {
    width: 38px;
    top: 23px;
    left: 6px;
    transform: rotate(-45deg);
}
@media only screen and (max-width:750px) {
    body.nav_open .header_nav_button_line.line_1 {
        width: 28px;
        top: 23px;
        left: 10px;
    }
    body.nav_open .header_nav_button_line.line_3 {
        width: 28px;
        top: 23px;
        left: 10px;
    }
}



/*------------------------------------*\
    header (navigation)
\*------------------------------------*/
.header_background_wrap {
    display: block;
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
    z-index: 928;
}
body.nav_open .header_background_wrap {
    opacity: 0;
    visibility: visible;
}

.header_open_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #FFF;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease-in-out;
    z-index: 930;
}
body.nav_open .header_open_wrap {
    visibility: visible;
    opacity: 1;
}
.header_open_inner {
    width: 100vw;
    height: 100%;
    overflow: hidden;
}
.header_open_scroll_wrap {
    width: 100%;
    height: calc(100% - 50px);
    margin-top: 50px;
    overflow-y: scroll;
}



/*------------------------------------*\
    header (sns)
\*------------------------------------*/
.header_link_wrap {
    position: fixed;
    bottom: 29px;
    right: 2.8%;
    z-index: 940;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .header_link_wrap {
        right: 5%;
    }
}
.header_link_wrap.js_action {
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width:750px) {
    .header_link_wrap.js_action {
        opacity: 0;
        visibility: hidden;
    }
    body.nav_open .header_link_wrap.js_action {
        opacity: 1;
        visibility: visible;
    }
}

.header_link_sns_wrap {
}
.header_link_instagram {
    width: 18px;
}


/*------------------------------------*\
    header (reservation)
\*------------------------------------*/
.header_res_wrap {
    position: fixed;
    bottom: 32px;
    right: calc(2.5% + 60px);
    z-index: 940;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .header_res_wrap {
        bottom: 31px;
        right: calc(5vw + 60px);
    }
}
.header_res_wrap.js_action {
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width:750px) {
    .header_res_wrap.js_action {
        opacity: 0;
        visibility: hidden;
    }
    body.nav_open .header_res_wrap.js_action {
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:750px) {
}
.header_res_inner {
    position: relative;
}
.header_res_button {
    width: 27px;
    height: 11px;
    position: absolute;
    top: 2px;
    left: -37px;
    background-color: var(--colorgreen);
    transition: all 300ms ease-in-out;
    z-index: 1;
}
body.scroll_bottom .header_res_button {
    width: 270px;
    height: 90px;
    top: -72px;
    left: -106px;
}
@media only screen and (max-width:750px) {
}

.header_res_button_inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.header_res_button_text_wrap {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 300ms ease-in-out;
}
body.scroll_bottom .header_res_button_text_wrap {
    top: -56px;
}
.header_res_button_text_inner {
    position: relative;
}
.header_res_button_text_en_wrap {
}
.header_res_button_text_en {
    font-family: var(--fonten);
    font-size: 16px;
    letter-spacing: -0.03em;
    font-weight: 300;
    color: var(--colorgreen);
    transition: all 300ms ease-in-out;
}
body.scroll_bottom .header_res_button_text_en {
    color: #FFF;
}
@media only screen and (max-width:750px) {
}
.header_res_button_text_jp_wrap {
    position: absolute;
    top: 28px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
}
body.scroll_bottom .header_res_button_text_jp_wrap {
    visibility: visible;
    opacity: 1;
}
@media only screen and (max-width:750px) {
}
.header_res_button_text_jp {
    font-family: var(--fontjp);
    font-size: 10px;
    letter-spacing: 0.17em;
    font-weight: 400;
    color: var(--colorgreen);
    transition: all 300ms ease-in-out;
}
body.scroll_bottom .header_res_button_text_jp {
    color: #FFF;
    visibility: visible;
    opacity: 1;
}
@media only screen and (max-width:750px) {
}
.header_res_button_icon {
    position: absolute;
    top: 54px;
    right: -3px;
    opacity: 0;
    visibility: hidden;
    width: 8px;
    transition: all 300ms ease-in-out;
}
body.scroll_bottom .header_res_button_icon {
    visibility: visible;
    opacity: 1;
}
.header_res_button_icon .cls-1 {
    fill: none;
    stroke:#0D795C;
    stroke-width: 0.6px;
    transition: all 300ms ease-in-out;
}
body.scroll_bottom .header_res_button_icon .cls-1 {
    stroke:#FFF;
}
@media only screen and (max-width:750px) {
}

/* .top_stay_place_detail_button.coloer_green .button_link_icon .cls-1 {
    stroke:#FFF;
}
.top_stay_place_detail_button:hover .button_link_icon .cls-1 {
    stroke:#FFF;
}
.top_stay_place_detail_button:hover.coloer_green .button_link_icon .cls-1 {
    stroke:#0D795C;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button:hover .button_link_icon .cls-1 {
        stroke:#0D795C;
    }
    .top_stay_place_detail_button:hover.coloer_green .button_link_icon .cls-1 {
        stroke:#FFF;
    }
} */



/*------------------------------------*\
    header (nav)
\*------------------------------------*/
.header_open_nav_wrap {
    height: 100%;
}
@media only screen and (max-width:750px) {
}

.header_open_nav {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_open_nav ul {
    margin-top: -60px;
}
.header_open_nav li {
    position: relative;
    padding: 20px 0;
}
.header_open_nav_name_wrap {
    text-align: center;
}
.header_open_nav_name {
    font-family: var(--fonten);
    font-size: 18px;
    letter-spacing: 0.13em;
    font-weight: 300;
    color: #000;
}
.header_open_nav_name.name_small {
    font-size: 14px;
}
@media only screen and (max-width:750px) {
    .header_open_nav_name {
        font-size: 16px;
    }
}


/*------------------------------------*\
    top (共通)
\*------------------------------------*/
.top_com_title_wrap {
}
.top_com_title {
    font-family: var(--fonten);
    /* color: #FFF; */
    letter-spacing: 0.13em;
    font-weight: 300;
    font-size: 35px;
}
@media only screen and (max-width:750px) {
    .top_com_title {
        font-size: 26px;
    }
}


/*------------------------------------*\
    top 
\*------------------------------------*/
.top_main {
}
@media only screen and (max-width:750px) {
}
.top_fv_wrap {
}
.top_fv_inner {
}
.top_fv_content_wrap {
    position: relative;
    height: 100svh;
    min-height: 550px;
}
.top_fv_bk_wrap {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--colorbk);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.top_fv_bk {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/com_bk.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
    mix-blend-mode: color-burn;
}
.top_fv_content_inner {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 92%;
    height: 100%;
    margin: 0 auto;
    z-index: 3;
}
@media only screen and (max-width:750px) {
    .top_fv_content_inner {
        width: 100%;
    }
}

.top_fv_content_img_wrap {
    position: relative;
    margin-top: auto;
    height: 50%;
    min-height: 475px;
}
@media only screen and (max-width:750px) {
    .top_fv_content_img_wrap {
        height: 54%;
        min-height: 320px;
    }
}


.top_fv_content_maeie_wrap {
    position: relative;
    width: 57%;
    height: 30%;
    min-height: 146px;
}
@media only screen and (max-width:750px) {
    .top_fv_content_maeie_wrap {
        width: 80%;
        height: 27%;
        min-height: 60px;
    }
}
.top_fv_content_maeie_img_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 0) translate3d(-20px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: all 800ms ease-in-out;
}
.top_fv_content_maeie_img_wrap.js_action {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.top_fv_content_maeie_img {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/maeie_top.jpg);
    background-position: 50% 36%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:750px) {
}

.top_fv_content_kudari_wrap {
    position: relative;
    margin-left: auto;
    width: 90%;
    height: 30%;
    min-height: 146px;
    margin-top: 3.5%;
}
@media only screen and (max-width:750px) {
    .top_fv_content_kudari_wrap {
        height: 30%;
        margin-top: 6.5%;
        min-height: 60px;
    }
}
.top_fv_content_kudari_img_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 0) translate3d(20px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: all 800ms ease-in-out;
}
.top_fv_content_kudari_img_wrap.js_action {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.top_fv_content_kudari_img {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/kudari_top.jpg);
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:750px) {
}


.top_fv_footer_wrap {
    width: 94%;
    position: absolute;
    bottom: 3%;
    left: 3%;
    z-index: 5;
}
@media only screen and (max-width:750px) {
    .top_fv_footer_wrap {
        bottom: 2%;
    }
}
.top_fv_title_and_news_wrap {
}
.top_fv_title_wrap {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
}
.top_fv_title_wrap.js_action {
    visibility: visible;
    opacity: 1;
}
.top_fv_title {
    font-size: 17px;
    line-height: 28px;
}
@media only screen and (max-width:750px) {
    .top_fv_title {
        font-size: 14px;
        line-height: 22px;
    }
}


/*------------------------------------*\
    top news (important)
\*------------------------------------*/
.top_news_important_wrap {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
    margin-top: 8px;
}
@media only screen and (max-width:750px) {
    .top_news_important_wrap {
        margin-top: 12px;
    }
}
.top_news_important_wrap.js_action {
    visibility: visible;
    opacity: 1;
}
.top_news_important_inner {
}
@media only screen and (max-width:750px) {
}

.top_news_important_list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.top_news_important_list li {
}
.top_news_important_article {
}
.top_news_important_article_wrap {
    display: flex;
}
@media only screen and (max-width:750px) {
    .top_news_important_article_wrap {
        flex-wrap: wrap;
    }
}


.top_news_important_article_cate_wrap {
}
@media only screen and (max-width:750px) {
    .top_news_important_article_cate_wrap {
        width: 100%;
    }
}
.top_news_important_article_cate {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-top: 3px;
}
.top_news_important_article_date_wrap {
    display: flex;
    gap: 10px;
    margin-top: 3px;
    margin-left: 20px;
}
@media only screen and (max-width:750px) {
    .top_news_important_article_date_wrap {
        gap: 8px;
        margin-top: 8px;
        margin-left: 0;
        margin-right: 10px;
    }
}
.top_news_important_article_date {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 400;
}
@media only screen and (max-width:750px) {
    .top_news_important_article_date {
        font-size: 11px;
    }
}
.top_news_important_article_week {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    font-weight: 500;
}
@media only screen and (max-width:750px) {
    .top_news_important_article_week {
        font-size: 11px;
    }
}


.top_news_important_title_wrap {
    margin-left: 14px;
}
@media only screen and (max-width:750px) {
    .top_news_important_title_wrap {
        margin-left: 0;
        margin-top: 3px;
    }
}
.top_news_important_title {
    font-size: 12px;
    line-height: 20px;
}
@media only screen and (max-width:750px) {
    .top_news_important_title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 75px;
        word-break: break-all;
    }
}


/*------------------------------------*\
    top stay
\*------------------------------------*/
.top_stay_wrap {
    padding-top: 260px;
    padding-bottom: 130px;
}
@media only screen and (max-width:750px) {
    .top_stay_wrap {
        padding-top: 100px;
        padding-bottom: 60px;
    }
}

.top_stay_inner {
    width: 94%;
    margin: 0 auto;
}
@media only screen and (max-width:750px) {
    .top_stay_inner {
    }
}

.top_stay_title_and_detail {
}
@media only screen and (max-width:750px) {
}


.top_stay_title_and_map_wrap {
    position: relative;
}
.top_stay_title_and_map_inner {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 30px;
}
@media only screen and (max-width:750px) {
    .top_stay_title_and_map_inner {
        padding-bottom: 50px;
    }
}

.top_stay_map_wrap {
}
.top_stay_map {
}
.top_stay_title_wrap {
    position: absolute;
    top: 22%;
    left: 0;
}
@media only screen and (max-width:750px) {
    .top_stay_title_wrap {
        top: 13%;
    }
}

.top_stay_map_text_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
.top_stay_map_text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.13em;
}
@media only screen and (max-width:750px) {
    .top_stay_map_text {
        font-size: 12px;
        line-height: 24px;
    }
}


.top_stay_detail_wrap {
    margin-top: 140px;
}
@media only screen and (max-width:750px) {
    .top_stay_detail_wrap {
        margin-top: 80px;
    }
}
.top_stay_detail_list {
    display: flex;
    gap: 4%;
}
@media only screen and (max-width:750px) {
    .top_stay_detail_list {
        gap: 70px;
        flex-direction: column;
    }
}
.top_stay_place_detail_wrap {
    width: calc(50% - 2%);
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_wrap {
        width: 100%;
    }
}
#kudari.top_stay_place_detail_wrap {
    margin-top: 70px;
}
@media only screen and (max-width:750px) {
    #kudari.top_stay_place_detail_wrap {
        margin-top: 0;
    }
}

.top_stay_place_detail_title_wrap {
}
.top_stay_place_detail_title {
}
@media only screen and (max-width:750px) {
}
.top_stay_place_detail_title .title_jp {
    display: inline-block;
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.7em;
    font-weight: 500;
    writing-mode: vertical-rl;
    margin-right: 14px;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_title .title_jp {
        display: inline-block;
        font-size: 15px;
        letter-spacing: 0.6em;
    }
}
.top_stay_place_detail_title .title_en {
    display: inline-block;
    font-family: var(--fonten);
    color: var(--color);
    font-size: 33px;
    font-weight: 300;
    position: relative;
    top: -13px;
    left: 0;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_title .title_en {
        font-size: 28px;
        top: -11px;
    }
}

.top_stay_place_detail_img_and_text_wrap {
    position: relative;
}
.top_stay_place_detail_img_wrap {
    position: relative;
    aspect-ratio: 678 / 792;
    overflow: hidden;
}
.top_stay_place_detail_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.top_stay_place_detail_img.img_kudari {
    background-image: url(img/kudari_stay.jpg);
    background-position: 45% 50%;
    height: 116%;
}
.top_stay_place_detail_img.img_maeie {
    background-image: url(img/maeie_top.jpg);
    background-position: 60% 50%;
    height: 150%;
    width: 104%;
}
@media only screen and (max-width:750px) {
}
.top_stay_place_detail_text_and_link_wrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.top_stay_place_detail_text_wrap {
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_text_wrap {
        max-width: 75%;
    }
}
.top_stay_place_detail_text {
    font-size: 13px;
    line-height: 23px;
    background-color: #FFF;
    padding: 5px 30px 20px 7px;
    display: inline-block;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_text {
        font-size: 12px;
        line-height: 22px;
        padding: 3px 20px 10px 5px;
    }
}

.top_stay_place_detail_button {
    position: relative;
    left: -14px;
    width: 170px;
    height: 70px;
    margin-top: 40px;
    background-color: #FFF;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button {
        left: -3vw;
        margin-top: 20px;
    }
}
.top_stay_place_detail_button_inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top_stay_place_detail_button.coloer_green {
    background-color: #0D795C;
}
.top_stay_place_detail_button:hover {
    background-color: #0D795C;
}
.top_stay_place_detail_button:hover.coloer_green {
    background-color: #FFF;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button:hover {
        background-color: #FFF;
    }
    .top_stay_place_detail_button:hover.coloer_green {
        background-color: #0D795C;
    }
}


.top_stay_place_detail_button_text_wrap {
}
.top_stay_place_detail_button_text {
    font-family: var(--fonten);
    color: #0D795C;
    font-size: 14px;
    font-weight: 300;
    transition: all 300ms ease-in-out;
}
.top_stay_place_detail_button.coloer_green .top_stay_place_detail_button_text {
    color: #FFF;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button_text {
        font-size: 13px;
    }
}
.top_stay_place_detail_button:hover .top_stay_place_detail_button_text {
    color: #FFF;
}
.top_stay_place_detail_button:hover.coloer_green .top_stay_place_detail_button_text {
    color: #0D795C;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button:hover .top_stay_place_detail_button_text {
        color: #0D795C;
    }
    .top_stay_place_detail_button:hover.coloer_green .top_stay_place_detail_button_text {
        color: #FFF;
    }
}

.top_stay_place_detail_button_text .title_jp {
    font-family: var(--fontjp);
    font-size: 10px;
    letter-spacing: 0.17em;
    font-weight: 400;
    display: block;
    margin-top: 8px;
}

.button_link_icon {
    width: 8px;
    height: auto;
    position: absolute;
    right: 13px;
    bottom: 12px;
}
.button_link_icon .cls-1 {
    fill: none;
    stroke:#0D795C;
    stroke-width: 0.6px;
    transition: all 300ms ease-in-out;
}
.top_stay_place_detail_button.coloer_green .button_link_icon .cls-1 {
    stroke:#FFF;
}
.top_stay_place_detail_button:hover .button_link_icon .cls-1 {
    stroke:#FFF;
}
.top_stay_place_detail_button:hover.coloer_green .button_link_icon .cls-1 {
    stroke:#0D795C;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button:hover .button_link_icon .cls-1 {
        stroke:#0D795C;
    }
    .top_stay_place_detail_button:hover.coloer_green .button_link_icon .cls-1 {
        stroke:#FFF;
    }
}


.top_stay_place_button {
    position: relative;
    width: 600px;
    max-width: 80%;
    height: 85px;
    margin: 0 auto;
    margin-top: 50px;
    background-color: #0D795C;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .top_stay_place_button {
        height: 60px;
        margin-top: 40px;
    }
}
.top_stay_place_button_inner {
    position: relative;
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.top_stay_place_button:hover {
    opacity: 0.8;
    /* background-color: #FFF; */
}
@media only screen and (max-width:750px) {
    .top_stay_place_button:hover {
        opacity: 1;
        /* background-color: #0D795C; */
    }
}


.top_stay_place_button_text_wrap {
}
.top_stay_place_button_text {
    font-family: var(--fonten);
    color: #FFF;
    font-size: 17px;
    font-weight: 300;
    transition: all 300ms ease-in-out;
    display: flex;
    align-items: center;
}
@media only screen and (max-width:750px) {
    .top_stay_place_button_text {
        font-size: 13px;
    }
}
/* .top_stay_place_button:hover .top_stay_place_button_text {
    color: #0D795C;
}
@media only screen and (max-width:750px) {
    .top_stay_place_button:hover .top_stay_place_button_text {
        color: #FFF;
    }
} */
.top_stay_place_button_text .title_jp {
    font-family: var(--fontjp);
    font-size: 12px;
    letter-spacing: 0.17em;
    font-weight: 400;
    display: block;
    margin-left: 20px;
}
@media only screen and (max-width:750px) {
    .top_stay_place_button_text .title_jp {
        font-size: 10px;
        margin-left: 12px;
    }
}

.button_link_icon {
    width: 10px;
    height: auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
@media only screen and (max-width:750px) {
    .button_link_icon {
        width: 8px;
    }
}
.button_link_icon .cls-1 {
    fill: none;
    stroke:#FFF;
    stroke-width: 0.6px;
    transition: all 300ms ease-in-out;
}
/* .top_stay_place_detail_button:hover .button_link_icon .cls-1 {
    stroke:#0D795C;
} */




/*------------------------------------*\
    top news
\*------------------------------------*/
.top_news_wrap {
    padding-top: 130px;
    padding-bottom: 130px;
}
@media only screen and (max-width:750px) {
    .top_news_wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.top_news_inner {
}
@media only screen and (max-width:750px) {
    .top_news_inner {
    }
}


.top_news_title_and_detail {
}
@media only screen and (max-width:750px) {
}
.top_news_title_wrap {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
}
@media only screen and (max-width:750px) {
    .top_news_title_wrap {
    }
}


.top_news_link_wrap {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 70px;
}
@media only screen and (max-width:750px) {
    .top_news_link_wrap {
        margin-top: 40px;
    }
}

.top_news_pagination_wrap {
    display: flex;
    margin-right: 25px;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_wrap {
        margin-right: 20px;
    }
}
.top_news_pagination_prev_wrap {
    width: 45px;
    height: 45px;
    border: 1px solid var(--color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_prev_wrap {
        width: 32px;
        height: 32px;
    }
}
.top_news_pagination_prev_wrap:hover {
    background-color: var(--color);
}
@media only screen and (max-width:750px) {
    .top_news_pagination_prev_wrap:hover {
        background-color: #FFF;
    }
}
.top_news_pagination_prev {
    width: 12px;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_prev {
        width: 10px;
    }
}
.top_news_pagination_prev .cls-1 {
    fill: none;
    stroke: var(--color);
    stroke-width: 0.6px;
    transition: all 300ms ease-in-out;
}
.top_news_pagination_prev_wrap:hover .top_news_pagination_prev .cls-1 {
    stroke: #FFF;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_prev_wrap:hover .top_news_pagination_prev .cls-1 {
        stroke: var(--color);
    }
}

.top_news_pagination_next_wrap {
    width: 45px;
    height: 45px;
    border: 1px solid var(--color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    left: -1px;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_next_wrap {
        width: 32px;
        height: 32px;
    }
}
.top_news_pagination_next_wrap:hover {
    background-color: var(--color);
}
@media only screen and (max-width:750px) {
    .top_news_pagination_next_wrap:hover {
        background-color: #FFF;
    }
}
.top_news_pagination_next {
    width: 12px;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_next {
        width: 10px;
    }
}
.top_news_pagination_next .cls-1 {
    fill: none;
    stroke: var(--color);
    stroke-width: 0.6px;
    transition: all 300ms ease-in-out;
}
.top_news_pagination_next_wrap:hover .top_news_pagination_next .cls-1 {
    stroke: #FFF;
}
@media only screen and (max-width:750px) {
    .top_news_pagination_next_wrap:hover .top_news_pagination_next .cls-1 {
        stroke: var(--color);
    }
}



.top_news_link_text_wrap {
    position: relative;
}
.top_news_link_text {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    font-weight: 300;
    border: 1px solid #000;
    padding: 15px 38px;
    display: inline-block;
    border-radius: 30px;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
    .top_news_link_text {
        font-size: 11px;
        padding: 12px 30px;
    }
}
.top_news_link_text_wrap:hover .top_news_link_text {
    color: #FFF;
    border: 1px solid #FFF;
    background-color: #000;
}
@media only screen and (max-width:750px) {
    .top_news_link_text_wrap:hover .top_news_link_text {
        color: var(--color);
        border: 1px solid var(--color);
        background-color: #FFF;
    }
}



.top_news_detail_wrap{
}
@media only screen and (max-width:750px) {
    .top_news_detail_wrap{
        margin-top: 20px;
    }
}


.top_news_list_wrap {
    margin-top: 70px;
    width: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@media only screen and (max-width:750px) {
    .top_news_list_wrap {
        margin-top: 0;
    }
}
.top_news_list {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-left: 5vw;
}
@media only screen and (max-width:750px) {
    .top_news_list {
        gap: 5vw;
    }
}
.top_news_list li {
    min-width: 38vw;
    max-width: 38vw;
}
@media only screen and (max-width:750px) {
    .top_news_list li {
        min-width: 60vw;
        max-width: 60vw;
    }
}
.top_news_list li:last-child {
    padding-right: 5vw;
}
.top_news_article {
}
.top_news_article_wrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.top_news_article_date_and_category_wrap {
    display: flex;
    gap: 30px;
    margin-top: 12px;
}
.top_news_article_date_wrap {
    display: flex;
    gap: 10px;
}
@media only screen and (max-width:750px) {
    .top_news_article_date_wrap {
        gap: 8px;
    }
}
.top_news_article_date {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    font-weight: 400;
}
@media only screen and (max-width:750px) {
    .top_news_article_date {
        font-size: 11px;
    }
}
.top_news_article_week {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    font-weight: 400;
}
@media only screen and (max-width:750px) {
    .top_news_article_week {
        font-size: 11px;
    }
}

.top_news_article_category_wrap {
}
@media only screen and (max-width:750px) {
}
.top_news_article_category {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    font-weight: 400;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .top_news_article_category {
        font-size: 11px;
    }
}
.top_news_article_category_span {
    margin-right: 5px;
}


.top_news_article_title_wrap {
    margin-top: 9px;
}
@media only screen and (max-width:750px) {
}
.top_news_article_title {
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .top_news_article_title {
        font-size: 13px;
        line-height: 18px;
    }
}


.top_news_img_wrap {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background-color: #FFF;
    position: relative;
    transition: all 500ms ease-in-out;
}
.top_news_img_wrap:hover {
    opacity: 0.8;
}
@media only screen and (max-width:750px) {
    .top_news_img_wrap:hover {
        opacity: 1;
    }
}
.top_news_img_wrap a {
    display: flex;
    justify-content: center;
}
.top_news_img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}


/*------------------------------------*\
    top access
\*------------------------------------*/
.top_access_wrap {
    margin-top: 80px;
}
@media only screen and (max-width:750px) {
    .top_access_wrap {
        margin-top: 60px;
    }
}
.top_access_inner {
}
@media only screen and (max-width:750px) {
}

.top_access_detail_wrap {
}

.top_access_detail_inner {
    position: relative;
    display: flex;
    min-height: 100vh;
    max-height: 100vw;
}
@media only screen and (max-width:750px) {
    .top_access_detail_inner {
        max-height: none;
        flex-direction: column;
    }
}


.top_access_img_wrap {
    position: relative;
    aspect-ratio: 1070 / 1128;
    overflow: hidden;
    z-index: 1;
    width: calc(100% - 400px);
}
@media only screen and (max-width:750px) {
    .top_access_img_wrap {
        width: 100%;
    }
}
.top_access_img {
    background-image: url(img/top_access.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50% 3%;
    background-repeat: no-repeat;
    background-size: cover;
}
.top_com_bk {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/com_bk.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    mix-blend-mode: color-burn;
}

.top_access_stay_wrap {
    width: 400px;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:750px) {
    .top_access_stay_wrap {
        width: 100%;
    }
}


.top_access_bk_wrap {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--colorbk);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.top_access_bk {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/com_bk.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    mix-blend-mode: color-burn;
}

.top_access_stay_inner {
    position: relative;
    width: 70%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    z-index: 2;
}
@media only screen and (max-width:750px) {
    .top_access_stay_inner {
        width: 80%;
        height: auto;
        margin-top: 50px;
        padding-bottom: 60px;
    }
}
.top_access_stay_logo_wrap {
    margin-top: auto;
    padding-bottom: 70px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_logo_wrap {
        padding-bottom: 40px;
    }
}
.top_access_stay_logo {
    width: 260px;
    max-width: 100%;
}
@media only screen and (max-width:750px) {
    .top_access_stay_logo {
        width: 240px;
    }
}

.top_access_stay_place_list {
    display: flex;
    flex-direction: column;
    padding-bottom: 124px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_list {
        padding-bottom: 0px;
    }
}
.top_access_stay_place_wrap {
    padding-bottom: 50px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_wrap {
        padding-bottom: 50px;
    }
}
.top_access_stay_place_title_wrap {
}
.top_access_stay_place_title {
}
@media only screen and (max-width:750px) {
}
.top_access_stay_place_title .title_en {
    display: inline-block;
    font-family: var(--fonten);
    color: var(--color);
    font-size: 30px;
    font-weight: 300;
    margin-right: 20px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_title .title_en {
        font-size: 28px;
        margin-right: 15px;
    }
}
.top_access_stay_place_title .title_jp {
    display: inline-block;
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 16px;
    letter-spacing: 0.17em;
    font-weight: 400;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_title .title_jp {
        font-size: 14px;
    }
}

.top_access_stay_place_text_wrap {
    margin-top: 15px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_text_wrap {
        margin-top: 12px;
    }
}
.top_access_stay_place_text {
    font-size: 13px;
    line-height: 23px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_text {
        font-size: 12px;
        line-height: 22px;
    }
}

.top_access_stay_place_map_wrap {
    margin-top: 6px;
}
.top_access_stay_place_map {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 15px;
    font-weight: 300;
    text-decoration:underline;
}
@media only screen and (max-width:750px) {
    .top_access_stay_place_map {
        font-size: 13px;
    }
}




.top_access_stay_text_wrap {
    padding-bottom: 80px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_text_wrap {
        padding-bottom: 50px;
    }
}
.top_access_stay_text {
    font-size: 13px;
    line-height: 23px;
}
@media only screen and (max-width:750px) {
    .top_access_stay_text {
        font-size: 12px;
        line-height: 22px;
    }
}





.top_access_stay_res_wrap {
    display: none;
}
@media only screen and (max-width:750px) {
    .top_access_stay_res_wrap {
        display: block;
    }
}
.top_access_stay_res_inner {
    position: relative;
    width: 270px;
    max-width: 100%;
    height: 90px;
}
.top_access_stay_res_button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--colorgreen);
    transition: all 300ms ease-in-out;
    z-index: 1;
}
@media only screen and (max-width:750px) {
}

.top_access_stay_res_button_inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.top_access_stay_res_button_text_wrap {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    margin-right: 20px;
    position: relative;
    z-index: 2;
}
.top_access_stay_res_button_text_inner {
    position: relative;
    margin-top: 15px;
}
.top_access_stay_res_button_text_en_wrap {
}
.top_access_stay_res_button_text_en {
    font-family: var(--fonten);
    font-size: 16px;
    letter-spacing: -0.03em;
    font-weight: 300;
    color: #FFF;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
}
.top_access_stay_res_button_text_jp_wrap {
    margin-top: 8px;
}
@media only screen and (max-width:750px) {
}
.top_access_stay_res_button_text_jp {
    font-family: var(--fontjp);
    font-size: 10px;
    letter-spacing: 0.17em;
    font-weight: 400;
    color: #FFF;
}
@media only screen and (max-width:750px) {
}
.top_access_stay_res_button_icon {
    position: absolute;
    bottom: 13px;
    right: -2px;
    width: 8px;
}
.top_access_stay_res_button_icon .cls-1 {
    fill: none;
    stroke:#FFF;
    stroke-width: 0.6px;
    transition: all 300ms ease-in-out;
}
@media only screen and (max-width:750px) {
}

.top_stay_place_detail_button.coloer_green .button_link_icon .cls-1 {
    stroke:#FFF;
}
.top_stay_place_detail_button:hover .button_link_icon .cls-1 {
    stroke:#FFF;
}
.top_stay_place_detail_button:hover.coloer_green .button_link_icon .cls-1 {
    stroke:#0D795C;
}
@media only screen and (max-width:750px) {
    .top_stay_place_detail_button:hover .button_link_icon .cls-1 {
        stroke:#0D795C;
    }
    .top_stay_place_detail_button:hover.coloer_green .button_link_icon .cls-1 {
        stroke:#FFF;
    }
}


/*------------------------------------*\
    NEWS ARCHIVE
\*------------------------------------*/
.archive_news {
}
.archive_news_main {
}

.news_archive_wrap {
}
.news_archive_inner {
    padding-bottom: 160px;
}
.news_cat_nav_wrap {
    width: 66%;
    min-width: 700px;
    margin: 0 auto;
}
@media only screen and (max-width:750px) {
    .news_cat_nav_wrap {
        width: 88%;
        min-width: auto;
    }
}
.news_cat_nav ul {
    display: flex;
    flex-wrap: wrap;
}
.news_cat_nav li {
    position: relative;
    padding: 8px 20px;
}
@media only screen and (max-width:750px) {
    .news_cat_nav li {
        padding: 7px 7px;
    }
}
.news_cat_nav li.select::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: calc(50% - 2px);
    transform: translate(-50%, 0);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
}
@media only screen and (max-width:750px) {
}
.news_cat_nav_text_wrap {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}
.news_cat_nav_text_wrap:hover {
    opacity: 0.5;
}
.news_cat_nav_text {
    font-family: var(--fonten);
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #000;
}
@media only screen and (max-width:750px) {
    .news_cat_nav_text {
        font-size: 11px;
        line-height: 20px;
    }
}

.news_archive_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 80px 60px;
    width: 85%;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 80px;
}
@media only screen and (max-width:750px) {
    .news_archive_list {
        gap: 40px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
.news_article {
    width: calc(100% / 2 - 30px);
}
@media only screen and (max-width:750px) {
    .news_article {
        width: 100%;
    }
}
.news_archive_title_wrap {
    margin-top: 8px;
}
@media only screen and (max-width:750px) {
    .news_archive_title_wrap {
        margin-top: 6px;
    }
}
.news_archive_title {
    font-size: 14px;
    line-height: 21px;
}
@media only screen and (max-width:750px) {
    .news_archive_title {
        font-size: 13px;
        line-height: 20px;
    }
}
.news_archive_date_wrap {
    display: flex;
    margin-top: 16px;
}
@media only screen and (max-width:750px) {
    .news_archive_date_wrap {
        margin-top: 6px;
    }
}
.news_archive_date {
    font-family: var(--fonten);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color);
    margin-right: 30px;
}
@media only screen and (max-width:750px) {
    .news_archive_date {
        font-size: 11px;
        margin-right: 24px;
    }
}
.news_archive_category {
    font-family: var(--fonten);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color);
}
@media only screen and (max-width:750px) {
    .news_archive_category {
        font-size: 11px;
    }
}
.news_archive_category span {
    margin-right: 10px;
}


.news_archive_img_wrap {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    width: 100%;
    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: stretch;
    background-color: #FFF;
    position: relative;
    transition: all 500ms ease-in-out;
}
.news_archive_img_wrap:hover {
    opacity: 0.8;
}
@media only screen and (max-width:750px) {
    .news_archive_img_wrap:hover {
        opacity: 1;
    }
}
.news_archive_img_wrap a {
    display: flex;
    justify-content: center;
}
.news_archive_img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}


/* 
.news_archive_img_wrap {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}
@media only screen and (max-width:750px) {
}
.news_archive_img_wrap:before {
  content: "";
  display: block;
  padding-top: calc(100% * (380 / 620));
}
.news_archive_img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transition: all 500ms ease-in-out;
}
.news_archive_img:hover {
  transform: translate3d(0px, 0px, 0px) scale3d(1.07, 1.07, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  opacity: 0.8;
}
@media screen and (max-width: 750px) {
  .news_archive_img:hover {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    opacity: 1;
  }
} */

/* .news_archive_catch_wrap {
    margin-top: 8px;
}
.news_archive_catch {
    font-family: var(--fontjp);
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    color: var(--color);
}
@media only screen and (max-width:750px) {
} */




/*------------------------------------*\
    pagenation
\*------------------------------------*/
.pagination {
    text-align: center;
}
.page-numbers {
    font-family: var(--fontjp);
    font-size: 18px;
    font-weight: 400;
    padding: 11px 14px;
    color: #000;
    background-color: #FFF;
    display: inline-block;
    margin-bottom: 8px;
}
.page-numbers.prev, .page-numbers.next {
    /* color: #FFF; */
    /* background-color: #000; */
}
.page-numbers.current {
    color: #FFF;
    background-color: #000;
}
.page-numbers:hover {
    color: #FFF;
    background-color: #000;
    transition: all 300ms ease-in-out;
}
.page-numbers.dots {
    padding: 11px 0px;
}
.page-numbers.dots:hover {
    color: #000;
    background-color: #FFF;
}


/*------------------------------------*\
    NEWS SINGLE
\*------------------------------------*/
.single_news {
}
.single_news_main {
    position: relative;
}

.com_bk_wrap {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--colorbk);
    width: 100vw;
    height: 100svh;
    z-index: -1;
}
.com_bk {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/com_bk.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
    mix-blend-mode: color-burn;
}

.single_news_wrap {
    padding-top: 220px;
    padding-bottom: 220px;
}
@media only screen and (max-width:750px) {
    .single_news_wrap {
        padding-top: calc(var(--headerHeight) + 60px);
        padding-bottom: 120px;
    }
}
.single_news_inner {
    width: 90%;
    max-width: 2400px;
    margin: 0 auto;
}
@media only screen and (max-width:750px) {
    .single_news_inner {
        width: 86%;
    }
}
.single_news_article {
    display: flex;
    gap: 2%;
}
@media only screen and (max-width:750px) {
    .single_news_article {
        display: block;
    }
}
.single_news_header_wrap {
    width: 39%;
}
@media only screen and (max-width:750px) {
    .single_news_header_wrap {
        width: 100%;
    }
}
.single_news_title_wrap {
}
.single_news_title {
    font-size: 16px;
    line-height: 34px;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .single_news_title {
        font-size: 14px;
        line-height: 28px;
    }
}
.single_news_date_and_category_wrap {
}
@media only screen and (max-width:750px) {
    .single_news_date_and_category_wrap {
        display: flex;
        gap: 20px;
        margin-top: 16px;
        margin-bottom: 8px;
    }
}
.single_news_date_wrap {
    margin-top: 22px;
}
.single_news_date {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}
@media only screen and (max-width:750px) {
    .single_news_date_wrap {
        margin-top: 0;
    }
    .single_news_date {
        font-size: 11px;
    }
}
.single_news_category_wrap {
    margin-top: 18px;
}
.single_news_category {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 12px;
    font-weight: 400;
}
@media only screen and (max-width:750px) {
    .single_news_category_wrap {
        margin-top: 0;
    }
    .single_news_category {
        font-size: 11px;
    }
}
.single_news_category span {
    margin-right: 5px;
}

.single_news_body_wrap {
    width: 59%;
}
@media only screen and (max-width:750px) {
    .single_news_body_wrap {
        width: 100%;
    }
}
.single_news_img {
}
.single_news_catch_wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
.single_news_catch {
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .single_news_catch {
        font-size: 13px;
        line-height: 26px;
    }
}

.single_news_detail_wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
.single_news_detail {
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .single_news_detail {
        font-size: 12px;
        line-height: 22px;
    }
}

.single_news_editor_wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
.single_news_editor {
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .single_news_editor {
        font-size: 12px;
        line-height: 22px;
    }
}
.single_news_editor p {
    margin-bottom: 10px;
}
.single_news_editor .aligncenter {
  display: block;
  margin: 0 auto;
}
.single_news_editor img {
  width: auto;
  max-width: 100%;
}
.single_news_editor a {
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
  transition: all 500ms ease-in-out;
}
.single_news_editor a:hover {
  opacity: 0.5;
}
.single_news_editor .wp-caption {
    max-width: 100%;
}
.single_news_editor .wp-caption-text {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: -7px;
}
@media only screen and (max-width:750px) {
    .single_news_editor .wp-caption-text {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 22px;
        margin-top: -2px;
    }
}





.news_list_wrap {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 80px;
    margin-bottom: 40px;
}
@media only screen and (max-width:750px) {
    .news_list_wrap {
        margin-top: 50px;
    }
}
.news_list_table {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 50px;
    padding-bottom: 50px;
}
@media only screen and (max-width:750px) {
    .news_list_table {
        width: 94%;
        gap: 16px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.news_list {
    display: flex;
    gap: 15px;
}
@media only screen and (max-width:750px) {
    .news_list {
        flex-direction: column;
        gap: 2px 20px;
    }
}
.news_list dt {
    width: 100px;
}
@media only screen and (max-width:750px) {
    .news_list dt {
        width: auto;
    }
}
.news_list_label {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
}
@media only screen and (max-width:750px) {
    .news_list_label {
        font-size: 12px;
        line-height: 22px;
    }
}
.news_list dd {
    width: calc(100% - 100px);
}
@media only screen and (max-width:750px) {
    .news_list dd {
        width: auto;
    }
}
.news_list_text {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    word-break: break-all;
}
@media only screen and (max-width:750px) {
    .news_list_text {
        font-size: 12px;
        line-height: 22px;
    }
}






.single_news_back_wrap {
    position: relative;
    display: inline-flex;
    gap: 20px;
    margin-top: 50px;
}
@media only screen and (max-width:750px) {
    .single_news_back_wrap {
        gap: 10px;
        margin-top: 30px;
    }
}
.single_news_back_icon {
    width: 16px;
}
@media only screen and (max-width:750px) {
    .single_news_back_icon {
        width: 10px;
    }
}
.single_news_back_icon .cls-1 {
    fill: none;
    stroke: var(--color);
    stroke-width: 0.6px;
}
.single_news_back_text {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.23em;
}
@media only screen and (max-width:750px) {
    .single_news_back_text {
        font-size: 12px;
    }
}


/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.contact_main {
    min-height: 100svh;
}
.contact_form_wrap {
    width: 65%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 160px;
}
@media only screen and (max-width:750px) {
    .contact_form_wrap {
        width: 85%;
        padding-bottom: 120px;
    }
}


.contact_form {
    display: none;
}
@media only screen and (max-width:750px) {
}
body.jp .contact_form.form_jp, body.en .contact_form.form_en {
    display: block;
}

.contact_form dl {
}
.contact_imput_wrap {
    margin-bottom: 30px;
}
.contact_imput_wrap dt {
    font-family: var(--fontjp);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: var(--color);
    white-space: nowrap;
}
.contact_imput_wrap dd {
    margin-top: 7px;
    margin-bottom: 7px;
}
.page_contact_confirm .contact_imput_wrap dd p {
    min-height: 16px;
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    width: calc(100% - 16px);
    padding: 13px 8px;
    border: 1px solid #B9B9B9;
}



.contact_imput_wrap input[type="text"], .contact_imput_wrap input[type="tel"], .contact_imput_wrap input[type="email"] {
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    width: calc(100% - 16px);
    padding: 13px 8px;
    box-shadow: 0 0 0px 999px #FFF inset;
    border: 1px solid #B9B9B9;
}
.contact_imput_wrap textarea {
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    width: calc(100% - 10px);
    height: 178px;
    padding: 5px;
    border: 1px solid #B9B9B9;
}


.contact_form_policy_wrap {
    font-family: var(--fontjp);
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: var(--color);
    text-align: center;
    margin-top: 30px;
}
.contact_form_policy_wrap a {
    border-bottom: 1px solid #B9B9B9;
}
.contact_send_button_wrap {
    text-align: center;
    margin-top: 20px;
}
input[type="submit"].contact_send_button {
    font-family: var(--fontjp);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: var(--color);
    background-color: #FFF;
    padding: 0;
    min-width: 160px;
    height: 40px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
input[type="submit"].contact_send_button:disabled {
    color: #656565;
    border-bottom: none;
    background-color: #f8f8f8;
}
.contact_send_button_wrap .wpcf7-spinner {
    display: none;
}



/* 確認画面 */
.contact_form_message_text_wrap {
    padding-bottom: 40px;
}
.contact_form_message_text {
    /* font-family: var(--fontjp); */
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: var(--color);
}
@media only screen and (max-width:750px) {
    .contact_form_message_text {
        font-size: 14px;
        line-height: 22px;
    }
}
.contact_back_button_wrap {
    text-align: center;
    margin-top: 20px;
}
/* 戻るボタン */
.contact_back_button_wrap input[type="button"] {
    font-family: var(--fontjp);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: var(--color);
    padding: 0;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--color);
    background-color: transparent;
}


/* 完了画面 */
.contact_top_button_wrap {
    margin-top: 40px;
}
.contact_top_button {
    /* font-family: var(--fontjp); */
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: var(--color);
    padding: 0;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--color);
    display: inline-block;
}



/* radioカスタマイズ */
.contact_imput_wrap dd.form_radio {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-left: 50px;
    margin-top: 5px;
  }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
  }
  .contact_form_wrap input[type="radio"] {
    display: none;
  }
  .contact_form_wrap input[type="radio"] + span {
    cursor: pointer;
    position: relative;
    margin-left: 0px;
    padding-left: 28px;
    padding-top: 5px;
  }
  .contact_form_wrap input[type="radio"] + span::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    color: transparent;
    border: 1px solid #707070;
    background: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 0;
  }
  /* 枠からはみ出すチェック用 */
  .contact_form_wrap input[type="radio"] + span::after {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    top: -1px;
    left: -3px;
  }
  .contact_form_wrap input[type="radio"]:checked + span::after{
    background-image: url(img/contact_check.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 6px -1px;
  }
  .contact_form_wrap .mwform-radio-field-text {
    font-family: var(--fontjp);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }

  

  
/* checkboxカスタマイズ */
.contact_form_policy_wrap input[type="checkbox"] {
    display: none;
}
.contact_form_policy_wrap input[type="checkbox"] + span {
    cursor: pointer;
    position: relative;
    margin-left: 0px;
    padding-left: 20px;
}
.contact_form_policy_wrap input[type="checkbox"] + span::before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    color: transparent;
    border: 1px solid #B9B9B9;
    background: #FFF;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    left: 0;
}
/*
.contact_form_policy_wrap input[type="checkbox"]:checked + span::before{
    background: #000;
}
*/
/* 枠からはみ出すチェック用 */
.contact_form_wrap input[type="checkbox"] + span::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: -1px;
    left: 1px;
}
.contact_form_wrap input[type="checkbox"]:checked + span::after{
    background-image: url(img/contact_check.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 0px;
}

/* エラーメッセージのカスタマイズ */
.wpcf7-not-valid-tip {
    font-family: var(--fontjp);
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #dc3232;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 1px solid darksalmon;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: darksalmon;
}
.wpcf7-response-output {
    font-family: var(--fontjp);
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #707070;
}

/* reCAPTCHA */
.grecaptcha-badge {
    z-index: 9999;
    bottom: 60px !important;
}
@media only screen and (max-width:750px) {
    .grecaptcha-badge {
        z-index: 9999;
        bottom: 14px !important;
    } 
}



/*------------------------------------*\
    POLICY
\*------------------------------------*/
.page_policy {
}
.policy_main {
}
@media only screen and (max-width:750px) {
}

.policy_section {
    padding-top: 60px;
    padding-bottom: 160px;
}
@media only screen and (max-width:750px) {
    .policy_section {
        padding-top: 30px;
        padding-bottom: 100px;
    }
}
.policy_wrap {
}
.policy_inner {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}
@media only screen and (max-width:750px) {
}

.policy_detail_wrap {
}
.policy_detail_text_wrap {
    margin-bottom: 45px;
}
.policy_detail_title {
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.02em;
    font-weight: 400;
}
@media only screen and (max-width:750px) {
    .policy_detail_title {
        font-size: 14px;
        line-height: 20px;
    }
}
.policy_detail_text {
    font-family: var(--fontjp);
    color: var(--color);
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0.02em;
    font-weight: 400;
    margin-top: 6px;
}
@media only screen and (max-width:750px) {
    .policy_detail_text {
        font-size: 12px;
        line-height: 20px;
        margin-top: 8px;
    }
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer_wrap {
    position: relative;
}
@media only screen and (max-width:750px) {
}
.footer_inner {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}




.footer_nav_wrap {
    padding-left: 4%;
    padding-bottom: 30px;
}
.footer_nav {
}
.footer_nav ul {
    display: flex;
    gap: 20px;
}
.footer_nav li {
}

.footer_nav_text_wrap {
    position: relative;
    transition: all 300ms ease-in-out;
}
.footer_nav_text_wrap:hover {
    opacity: 0.7;
}
@media only screen and (max-width:750px) {
    .footer_nav_text_wrap:hover {
        opacity: 1;
    }
}
.footer_nav_text_en {
    font-family: var(--fonten);
    color: var(--color);
    font-size: 11px;
    letter-spacing: -0.05em;
    font-weight: 400;
}
body.footer_w .footer_nav_text_en {
    color: #FFF;
}


.footer_copy_wrap {
    text-align: center;
}
.footer_copy {
    font-family: var(--fonten);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #000;
}
@media only screen and (max-width:750px) {
    .footer_copy {
        font-size: 10px;
    }
}