@charset "UTF-8";
:root {
    --noto: "Noto Sans JP", sans-serif;
    --murecho: "Murecho", sans-serif;
    --roboto: "Roboto", sans-serif;
    --c_green: #1E843B;
	--c_beige: #F3F3EC;
	--c_brown: #69543E;
	--num35: clamp(16px, 2.56vw, 35px);
	--num50: clamp(23px, 3.66vw, 50px);
	--num60: clamp(27px, 4.39vw, 60px);
	--num75: clamp(34px, 5.49vw, 75px);
	--num80: clamp(36px, 5.86vw, 80px);
	--num95: clamp(43px, 6.95vw, 95px);
	--num100: clamp(45px, 7.32vw, 100px);
	--num135: clamp(61px, 9.88vw, 135px);
	--num150: clamp(68px, 10.98vw, 150px);
	--num170: clamp(77px, 12.45vw, 170px);
	--num190: clamp(86px, 13.91vw, 190px);
	--fz13: clamp(1.3rem, 0.95vw, 1.3rem);
    --fz14: clamp(1.1rem, 1.02vw, 1.4rem);
    --fz15: clamp(1.2rem, 1.1vw, 1.5rem);
    --fz16: clamp(1.3rem, 1.17vw, 1.6rem);
	--fz18: clamp(1.3rem, 1.32vw, 1.8rem);
	--fz19: clamp(1.3rem, 1.39vw, 1.9rem);
	--fz20: clamp(1.3rem, 1.46vw, 2rem);
	--fz25: clamp(1.3rem, 1.83vw, 2.5rem);
	--fz27: clamp(1.3rem, 1.98vw, 2.7rem);
	--fz30: clamp(1.3rem, 2.2vw, 3rem);
	--fz35: clamp(1.3rem, 2.56vw, 3.5rem);
}
@media only screen and (max-width: 768px) {
	:root {
		--fz13: clamp(.9rem, 3.47vw, 1.3rem);
		--fz14: clamp(.9rem, 3.73vw, 1.4rem);
		--fz15: clamp(.9rem, 4vw, 1.5rem);
		--fz16: clamp(.9rem, 4.27vw, 1.6rem);
		--fz18: clamp(.9rem, 4.8vw, 1.8rem);
		--fz19: clamp(.9rem, 5.07vw, 1.9rem);
		--fz20: clamp(.9rem, 5.33vw, 2rem);
		--fz25: clamp(.9rem, 6.67vw, 2.5rem);
		--fz27: clamp(.9rem, 7.2vw, 2.7rem);
		--fz30: clamp(.9rem, 8vw, 3rem);
		--fz35: clamp(.9rem, 9.33vw, 3.5rem);
	}
}
#container {
	padding-top: 0!important;
}
#kannabe_resort {
	width: 100%;
	color: #000;
    font-family: var(--noto);
	overflow: hidden;
}
#kannabe_resort section.map-upper .access-map {
	top: 0;
	display: flex;
    justify-content: center;
    align-items: flex-start;
	margin-left: 0;
}
#kannabe_resort section.map-upper dl {
	top: 30%;
}
section.map-upper object {
    width: 75%;
}
.global-sp, .hamburger {
	display: none;
}
@media only screen and (max-width: 768px) {
	section.map-upper object {
		width: 100%;
	}
}
/*header*/
#kannabe_resort_header {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: var(--c_green);
    z-index: 999;
}
#kannabe_resort_header .logo {
	position: relative;
    max-width: 110px;
    width: 4.1vw;
    margin: 15px 15px 15px 2%;
	z-index: 2;
}
#kannabe_resort_header .logo > a {
    opacity: 1;
    display: block;
    width: 100%;
    transition: all .3s ease;
}
#kannabe_resort_header .logo > a:hover {
    opacity: .6;
}
#kannabe_resort_header .logo > a > img {
    display: block;
    width: 100%;
}
#kannabe_resort_header .h_inner {
    display: flex;
    justify-content: flex-end;
}
#knb_r_gnav {
    align-self: center;
}
.knb_r_gnav_li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.knb_r_gnav_li > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-right: 1.5em;
    font-size: var(--fz16);
    line-height: 1;
}
.knb_r_gnav_li > li.icon::before {
    content: '';
    display: block;
    margin-right: .5em;
}
.knb_r_gnav_li > li.watch::before, .sp_nav_li li.watch a::before {
    width: 1.37em;
    height: 1.18em;
    background: url("./kannabe_resort_img/icon_watch.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li.experience::before, .sp_nav_li li.experience a::before {
    width: 1.31em;
    height: 1.37em;
    background: url("./kannabe_resort_img/icon_experience.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li.spring::before, .sp_nav_li li.spring a::before {
    width: 1.25em;
    height: 1.18em;
    background: url("./kannabe_resort_img/icon_spring.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li.cuisine::before, .sp_nav_li li.cuisine a::before {
    width: 1.37em;
    height: .94em;
    background: url("./kannabe_resort_img/icon_cuisine.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li.stay::before, .sp_nav_li li.stay a::before {
    width: 1.31em;
    height: 1em;
    background: url("./kannabe_resort_img/icon_stay.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li.souvenirs::before, .sp_nav_li li.souvenirs a::before {
    width: 1.18em;
    height: 1.06em;
    background: url("./kannabe_resort_img/icon_souvenirs.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li.access::before, .sp_nav_li li.access a::before {
    width: 1.06em;
    height: 1.06em;
    background: url("./kannabe_resort_img/icon_access.webp") center center/contain no-repeat;
}
.knb_r_gnav_li > li > a {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: var(--fz16);
}
.knb_r_gnav_li > li > a::after {
    content: '';
    position: absolute;
    bottom: -.4em;
    left: 0;
    display: block;
    width: 0%;
    height: 1px;
    background: #fff;
    transition: all .3s ease;
}
.knb_r_gnav_li > li > a:hover::after {
    width: 100%;
}
.knb_r_gnav_li > li.en > a {
    font-family: var(--roboto);
}
#kannabe_resort_header .g_site {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .5em 2em;
    color: #fff;
    font-size: var(--fz15);
    font-weight: 600;
    background: #000;
    transition: all .3s ease;
}
#kannabe_resort_header .g_site::before {
    content: '\f0ac';
    margin-right: .5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#kannabe_resort_header .g_site:hover {
    color: #000;
    background: #fff;
}
/*hamburger*/
.hmbg_btn {
    position: relative;
    display: none;
	justify-content: center;
	align-items: center;
	max-width: 55px;
	max-height: 55px;
	width: 13.75vw;
	height: 13.75vw;
	background: #000;
    cursor: pointer;
    z-index: 2;
    --ham_num: clamp(1px, 2.5vw, 11px);
    --ham_mnum: clamp(-11px, -2.5vw, -1px);
}
.hmbg_inner {
    position: relative;
	max-width: 27px;
    width: 6.75vw;
    height: 3px;
    margin-top: var(--ham_num);
    margin-bottom: var(--ham_num);
    background: #fff;
    transition: all .5s ease;
}
.hmbg_wrap.open .hmbg_inner {
    background: transparent;
}
.hmbg_inner::before, .hmbg_inner::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
}
.hmbg_inner::before {
    top: var(--ham_mnum);
    transition: all .5s ease;
}
.hmbg_inner::after {
    bottom: var(--ham_mnum);
    transition: all .5s ease;
}
.hmbg_wrap.open .hmbg_inner::before {
    background: #fff;
    transform: translateY(var(--ham_num)) rotate(45deg);
}
.hmbg_wrap.open .hmbg_inner::after {
    background: #fff;
    transform: translateY(var(--ham_mnum)) rotate(-45deg);
}
html.hmbg_open {
    overflow: hidden;
}
#sp_nav {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 20px 0 5px;
    background: var(--c_green);
    overflow: auto;
    pointer-events: none;
    transition: all .5s ease;
    z-index: 1;
}
.sp_nav_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	width: 100%;
}
.sp_nav_inner::after {
	content: '';
	display: block;
	width: 66%;
	padding-top: 11%;
	margin: 18.75vw auto 0;
	background: url("./kannabe_resort_img/about_figure3.webp") center bottom/contain no-repeat;
}
.hmbg_wrap.open #sp_nav {
    opacity: 1;
    pointer-events: auto;
}
.sp_nav_li {
    width: 60%;
    margin: 0 auto;
    list-style: none;
}
.sp_nav_li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 1.5em;
    color: #fff;
    font-size: var(--fz20);
    font-weight: 700;
	text-align: center;
    transition: all .3s ease;
}
.sp_nav_li > li.en a {
	justify-content: center;
	font-family: var(--roboto);
}
.sp_nav_li li.icon a::before {
	content: '';
	display: block;
	margin-right: .3em;
}
.sp_nav_li li.icon a::after {
	content: '\f054';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	color: #fff;
	font-size: .7em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	line-height: 1;
	background: #000;
	border-radius: 50%;
}
.sp_nav_li a:hover {
    opacity: .6;
}
.sp_nav_li li:last-of-type, .sp_nav_sub li:last-of-type {
    border-bottom: none;
}
.sp_nav_li li {
    opacity: 0;
	border-bottom: 1px solid #fff;
    transition: all .5s ease;
    transform: translateY(20px);
}
.hmbg_wrap.open .sp_nav_li li {
    opacity: 1;
    transform: translateY(0);
}
.g_site_sp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    padding: .5em 1em;
    color: #fff;
    font-size: var(--fz15);
    font-weight: 600;
    margin: auto;
    background: #000;
	transition: all .3s ease;
}
.g_site_sp::before {
	content: '\f0ac';
	margin-right: .5em;
	font-size: 1.3em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.g_site_sp:hover {
	color: #000;
	background: #fff;
}
/*//hamburger*/
@media only screen and (max-width: 1024px) {
    #kannabe_resort_header .logo {
        width: 6vw;
    }
    .knb_r_gnav_li > li {
        margin-right: 1em;
        font-size: var(--fz15);
    }
    .knb_r_gnav_li > li > a {
        font-size: var(--fz15);
    }
    .knb_r_gnav_li > li.icon::before {
        margin-right: .3em;
    }
    #kannabe_resort_header .g_site {
        padding: .5em 1em;
        font-size: var(--fz14);
    }
    #kannabe_resort_header .g_site::before {
        margin-right: .3em;
    }
}
@media only screen and (max-width: 800px) {
    #kannabe_resort_header {
        background: transparent;
    }
    #kannabe_resort_header .h_inner {
        display: none;
    }
	#kannabe_resort_header .logo {
		width: 17.25vw;
		margin-left: 4%;
	}
	.hmbg_btn {
		display: flex;
	}
}
/*//header*/

#kannabe_resort_hero {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}
#kannabe_resort_hero::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    padding-top: 12%;
    background: url("./kannabe_resort_img/hero_figure.webp") center top/100% auto no-repeat;
    z-index: 1;
}
.kannabe_resort_hero_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.kannabe_resort_hero_slide .slick-list, .kannabe_resort_hero_slide .slick-track {
    width: 100%;
    height: 100%;
}
.kannabe_resort_hero_slide .slick-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.kannabe_resort_hero_slide .slick-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#kannabe_resort_hero .inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#kannabe_resort_hero .tit {
    position: relative;
    max-width: 1000px;
    width: 41vw;
	height: 90%;
}
#kannabe_resort_hero .tit > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#kannabe_resort_hero .sub_tit {
    position: absolute;
    top: 50%;
    left: 100%;
    color: var(--c_green);
    font-size: 1.39vw;
    font-family: var(--murecho);
    letter-spacing: .3em;
    writing-mode: tb-rl;
    white-space: nowrap;
    transform: translate(40%, -55%);
}
#kannabe_resort_hero .sub_tit > span {
    display: inline-block;
    padding: 1em .3em;
    margin-left: 1em;
    background: #fff;
}
#kannabe_resort_hero .sub_tit > span:nth-of-type(2) {
    margin-top: 7em;
}
#kannabe_resort_hero .sub_tit > span > span {
    display: contents;
}
#kannabe_resort_hero .sub_tit > span > span + span::before {
    content: '・';
}
.clippath_svg {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}
#kannabe_resort_lead {
    position: relative;
    width: 100%;
    padding: var(--num80) 4% var(--num135);
}
#kannabe_resort_lead .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .8em;
    color: var(--c_green);
    font-size: var(--fz30);
    font-family: var(--murecho);
    font-weight: 600;
    line-height: 1;
}
#kannabe_resort_lead .tit::before, #kannabe_resort_lead .tit::after {
    content: '';
    display: block;
    width: .7em;
    height: 2px;
    margin: 0 .3em;
    background: var(--c_green);
}
#kannabe_resort_lead .txt {
    position: relative;
    width: 84%;
    margin: 0 auto var(--num100);
    font-size: var(--fz20);
    font-weight: 600;
    text-align: center;
}
#kannabe_resort_lead .txt::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 9.59vw;
    padding-top: 8%;
    background: url("./kannabe_resort_img/lead_figure.webp") center center/contain no-repeat;
    transform: translate(-50%, -60%);
}
#kannabe_resort_lead .img {
    position: relative;
    width: 84%;
    margin: 0 auto var(--num35);
}
#kannabe_resort_lead .lead_map {
    display: block;
    width: 60%;
    margin: auto;
}
#kannabe_resort_lead .lead_map img {
    display: block;
    width: 100%;
}
#kannabe_resort_lead .spot_li {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    list-style: none;
}
#kannabe_resort_lead .spot_li > li {
    position: absolute;
}
#kannabe_resort_lead .spot_li > li:nth-of-type(1) {
    top: 0;
    left: 0;
    width: 22%;
    transform: translate(10%, -10%);
}
#kannabe_resort_lead .spot_li > li:nth-of-type(2) {
    bottom: 0;
    left: 0;
    width: 27%;
    transform: translate(0, 30%);
}
#kannabe_resort_lead .spot_li > li:nth-of-type(3) {
    top: 0;
    right: 0;
    width: 27%;
    transform: translate(8%, 5%);
}
#kannabe_resort_lead .spot_li > li:nth-of-type(4) {
    bottom: 0;
    right: 0;
    width: 21%;
    transform: translate(-10%, 0%);
}
#kannabe_resort_lead .spot_li > li > img, #kannabe_resort_lead .spot_li > li > picture img {
    display: block;
    width: 100%;
}
#kannabe_resort_lead .spot_li > li > .t {
    position: absolute;
    width: auto;
    padding: 1.5em 2.5em;
    color: #fff;
    font-size: 1.1vw;
    font-family: var(--murecho);
    font-weight: 500;
    text-align: center;
    background: var(--c_green);
}
#kannabe_resort_lead .spot_li > li > .t br.sp {
    display: none;
}
#kannabe_resort_lead .spot_li > li:nth-of-type(1) > .t {
    top: 0;
    left: 0;
    transform: translate(-10%, -50%);
}
#kannabe_resort_lead .spot_li > li:nth-of-type(2) > .t {
    top: 0;
    left: 0;
    transform: translate(-20%, -30%);
}
#kannabe_resort_lead .spot_li > li:nth-of-type(3) > .t {
    top: 0;
    right: 0;
    transform: translate(0%, -50%);
}
#kannabe_resort_lead .spot_li > li:nth-of-type(4) > .t {
    bottom: 0;
    right: 0;
    padding: 1.5em 3em;
    transform: translate(0%, 50%);
}
#kannabe_resort_lead .s_txt {
    width: 32%;
    margin: auto;
    font-size: var(--fz15);
    text-align: center;
}
#kannabe_resort_about {
    width: 100%;
}
#kannabe_resort_about .tit {
    text-align: center;
}
#kannabe_resort_about .tit .en {
    display: block;
    color: var(--c_green);
    font-size: var(--fz35);
    font-family: var(--roboto);
    line-height: 1;
}
#kannabe_resort_about .tit .jp {
    display: block;
    margin-bottom: 1em;
    font-size: var(--fz27);
    line-height: 1;
}
#kannabe_resort_about .tit .jp::before {
    content: '';
    display: block;
    width: 6.88vw;
    padding-top: 3%;
    margin: 0 auto 1em;
    background: url("./kannabe_resort_img/about_figure1.webp") center center/contain no-repeat;
}
#kannabe_resort_about .txt {
    width: 55%;
    margin: 0 auto 4em;
    font-size: var(--fz15);
	text-align: center;
}
#kannabe_resort_about .slide_wrap {
    width: 100%;
}
.kannabe_resort_about_slide {
    width: 100%;
}
.kannabe_resort_about_slide .slide.slick-slide {
    margin: 0 5px;
}
.kannabe_resort_about_slide .slide.slick-slide .img {
    position: relative;
    width: 100%;
    padding-top: 66%;
    overflow: hidden;
}
.kannabe_resort_about_slide .slide.slick-slide .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#kannabe_resort_hike {
	position: relative;
    width: 100%;
	padding-bottom: var(--num170);
    background: var(--c_beige);
}
#kannabe_resort_hike::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 27.81vw;
	padding-top: 6%;
	background: url("./kannabe_resort_img/about_figure2.webp") left bottom/contain no-repeat;
}
#kannabe_resort_hike::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 5%;
	width: 29.57vw;
	padding-top: 5%;
	background: url("./kannabe_resort_img/about_figure3.webp") center bottom/contain no-repeat;
}
#kannabe_resort_hike .lead_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 830px;
    width: 92%;
    padding: var(--num100) 0 var(--num80);
    margin: auto;
}
#kannabe_resort_hike .lead_wrap .img {
    position: relative;
    width: 48%;
    z-index: 1;
}
#kannabe_resort_hike .lead_wrap .img > img {
    display: block;
    width: 100%;
}
#kannabe_resort_hike .lead_wrap .cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 52%;
    z-index: 0;
}
#kannabe_resort_hike .lead_wrap .tit_wrap {
    position: relative;
    width: 100%;
    font-size: var(--fz30);
    margin-left: -4em;
    margin-bottom: 1em;
}
#kannabe_resort_hike .lead_wrap .tit {
    position: relative;
    width: 100%;
    padding: 1.5em 4em;
    color: #fff;
    font-size: var(--fz30);
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background: var(--c_green);
}
#kannabe_resort_hike .lead_wrap .tit_wrap::before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 0;
    display: block;
    width: 4.9vw;
    padding-top: 17%;
    background: url("./kannabe_resort_img/about_hike_figure.webp") center center/contain no-repeat;
    transform: translate(-30%, 45%);
    z-index: 1;
}
#kannabe_resort_hike .lead_wrap .tit > span {
    display: block;
    font-size: .5em;
}
#kannabe_resort_hike .lead_wrap .sub {
    margin-bottom: .3em;
    font-size: var(--fz20);
}
#kannabe_resort_hike .lead_wrap .txt {
    font-size: var(--fz15);
}
.acc-cont {
    display: none;
}
#kannabe_resort_hike .hiking_route {
    max-width: 1100px;
    width: 92%;
    margin: 0 auto var(--num100);
}
#kannabe_resort_hike .hiking_route .acc-btn {
    position: relative;
    width: 100%;
    padding: .7em;
    color: #fff;
    font-size: var(--fz30);
    font-family: var(--roboto);
    font-weight: 600;
    background: var(--c_green);
    border-radius: 10px;
    cursor: pointer;
    z-index: 1;
}
#kannabe_resort_hike .hiking_route .acc-btn > p {
    display: flex;
    justify-content: center;
    align-items: center;
}
#kannabe_resort_hike .hiking_route .acc-btn > p::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    margin-right: 1em;
    background: url("./kannabe_resort_img/icon_flag.webp") center center/contain no-repeat;
}
#kannabe_resort_hike .hiking_route .acc-btn > p::after {
    content: '\f0fe';
    margin-left: 2em;
    font-size: .75em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    transition: all .3s ease;
}
#kannabe_resort_hike .hiking_route .acc-btn.acc-open > p::after {
    content: '\f146';
}
#kannabe_resort_hike .hiking_route .acc-btn > p > span {
    font-size: .83em;
    font-family: var(--noto);
    line-height: 1;
}
#kannabe_resort_hike .hiking_route .acc-cont {
    position: relative;
    margin-top: -10px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    z-index: 0;
}
#kannabe_resort_hike .hiking_route .acc-cont .inner {
    max-width: 1030px;
    width: 92%;
    padding-top: var(--num35);
    padding-bottom: var(--num75);
    margin: auto;
}
#kannabe_resort_hike .hiking_route_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
}
#kannabe_resort_hike .hiking_route_li .li {
	position: relative;
    width: 30%;
    padding: 10px;
    margin: 0 7px var(--num50);
    background: var(--c_beige);
    border: 2px solid var(--c_green);
    border-radius: 20px;
    box-shadow: 5px 5px 0 var(--c_green)
}
#kannabe_resort_hike .hiking_route_li .li .img {
    position: relative;
    width: 100%;
    padding-top: 72%;
    border-radius: 20px;
    overflow: hidden;
}
#kannabe_resort_hike .hiking_route_li .li .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#kannabe_resort_hike .hiking_route_li .sub {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 43%;
    transform: translate(50%, -30%);
}
#kannabe_resort_hike .hiking_route_li .tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: .5em 1em;
    font-size: var(--fz18);
    font-weight: 600;
    line-height: 1.2;
}
#kannabe_resort_hike .hiking_route_li .tit::before {
    content: '\f0da\f0da';
    margin-right: .5em;
    color: var(--c_green);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#kannabe_resort_hike .hiking_route_li .tit.s {
    font-size: var(--fz16);
    letter-spacing: -.04em;
}
#kannabe_resort_hike .hiking_route_li .start, #kannabe_resort_hike .hiking_route_li .finish {
    position: relative;
    width: 35%;
    margin: 0 7px var(--num35);
}
#kannabe_resort_hike .hiking_route_li .start > img, #kannabe_resort_hike .hiking_route_li .finish > img {
    position: relative;
    max-width: 320px;
    width: 100%;
}
#kannabe_resort_hike .hiking_route_li .start > img {
    margin-left: auto;
}
#kannabe_resort_hike .hiking_route_li .start_t {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    transform: translate(-25%, 10%);
}
#kannabe_resort_hike .hiking_route_li .start_t picture img {
    display: block;
    width: 100%;
}
#kannabe_resort_hike .hiking_route_li .finish_t {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 68%;
    transform: translate(15%, calc(22% + var(--num75)));
}
#kannabe_resort_hike .hiking_route_li .finish_t picture img {
    display: block;
    width: 100%;
}
.btn_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#kannabe_resort_hike .close {
	display: flex;
	justify-content: center;
	align-items: center;
    width: auto;
    padding: .3em 1em;
    font-size: var(--fz15);
    text-align: center;
    border: 1px solid #000;
	transition: all .3s ease;
	cursor: pointer;
}
#kannabe_resort_hike .close::after {
	content: '\f056';
	margin-left: .3em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#kannabe_resort_hike .close:hover {
	color: #fff;
	background: #000;
}
#kannabe_resort_hike .hiking_link {
    max-width: 1100px;
    width: 92%;
    margin: auto;
}
#kannabe_resort_hike .hiking_link_btn {
    display: block;
    width: 100%;
    padding: 1em;
    margin-bottom: var(--num50);
    color: #fff;
    font-size: var(--fz25);
    font-weight: 600;
    background: var(--c_green);
    border: 2px solid var(--c_green);
    border-radius: 10px;
    transition: all .3s ease;
}
#kannabe_resort_hike .hiking_link_btn:hover {
    color: var(--c_green);
    background: #fff;
}
#kannabe_resort_hike .hiking_link_btn > span {
    display: flex;
    justify-content: center;
    align-items: center;
}
#kannabe_resort_hike .hiking_link_btn > span::before {
    content: '\f3c5';
    margin-right: 1.5em;
    font-size: 1.2em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
}
#kannabe_resort_hike .hiking_link_btn > span::after {
    content: '\f138';
    margin-left: 1.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
}
#kannabe_resort_hike .hiking_link .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
    font-size: var(--fz30);
    font-weight: 600;
    font-family: var(--roboto);
    line-height: 1;
}
#kannabe_resort_hike .hiking_link .video_wrap {
    position: relative;
    width: 100%;
}
#kannabe_resort_hike .hiking_link .video_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 11.71vw;
    padding-top: 13%;
    background: url("./kannabe_resort_img/lead_figure.webp") center center/contain no-repeat;
    transform: translateY(-20%);
}
#kannabe_resort_hike .hiking_link .tit::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    margin-right: 1.5em;
    background: url("./kannabe_resort_img/icon_video.webp") center center/contain no-repeat;
}
#kannabe_resort_hike .hiking_link .video {
    max-width: 530px;
    width: 92%;
    margin: auto;
}
#kannabe_resort_hike .hiking_link .video_inner {
    position: relative;
    width: 100%;
    padding-top: 66%;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
}
#kannabe_resort_hike .hiking_link .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#kannabe_resort_sec {
    width: 100%;
    padding: var(--num135) 0;
}
#kannabe_resort_sec .tit {
    width: 100%;
    margin-bottom: 6.6em;
    font-size: var(--fz25);
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}
#kannabe_resort_sec .tit > br.sp {
    display: none;
}
#kannabe_resort_sec .tit > b {
    color: var(--c_green);
    font-size: 1.4em;
    font-weight: 600;
}
#kannabe_resort_sec .wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    width: 92%;
    margin: auto;
}
#kannabe_resort_sec .block {
    width: 31%;
    background: var(--c_beige);
    border-radius: 20px;
}
#kannabe_resort_sec .inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}
#kannabe_resort_sec .block_tit_wrap {
    position: relative;
    width: 80%;
    font-size: var(--fz35);
    transform: translateY(-50%);
}
#kannabe_resort_sec .block.watch .block_tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.51em;
    height: 1.77em;
    background: url("./kannabe_resort_img/icon_watch.webp") center center/contain no-repeat;
    transform: translateY(-25%);
    z-index: 1;
}
#kannabe_resort_sec .block.experience .block_tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.05em;
    height: 2.05em;
    background: url("./kannabe_resort_img/icon_experience.webp") center center/contain no-repeat;
    transform: translate(-15%, -30%);
    z-index: 1;
}
#kannabe_resort_sec .block.spring .block_tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.05em;
    height: 1.77em;
    background: url("./kannabe_resort_img/icon_spring.webp") center center/contain no-repeat;
    transform: translateY(-30%);
    z-index: 1;
}
#kannabe_resort_sec .block_tit {
    position: relative;
    width: 100%;
    padding: 1em;
    color: #fff;
    font-size: var(--fz35);
    font-weight: 600;
    text-align: center;
    z-index: 0;
}
#kannabe_resort_sec .block_tit > span {
    display: block;
    font-size: .42em;
}
#kannabe_resort_sec .watch .block_tit {
    background: #1E843B;
}
#kannabe_resort_sec .experience .block_tit {
    background: #1B776F;
}
#kannabe_resort_sec .spring .block_tit {
    background: #39B54A;
}
#kannabe_resort_sec .contents {
    position: relative;
    width: 80%;
    height: 100%;
    margin: -13% auto 0;
}
.kannabe_resort_slide {
    width: 100%;
    height: 100%;
}
.kannabe_resort_slide .slick-list, .kannabe_resort_slide .slick-track {
    height: 100%;
}
.kannabe_resort_slide .slide.slick-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    background: transparent;
}
.kannabe_resort_slide .img {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    padding-top: 72%;
    overflow: hidden;
}
.kannabe_resort_slide .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.kannabe_resort_slide .cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}
.kannabe_resort_slide .h {
    margin: .7em 0 .5em;
    font-size: var(--fz20);
    line-height: 1.4;
}
.kannabe_resort_slide .txt {
    margin-bottom: 1em;
    font-size: var(--fz14);
}
.kannabe_resort_slide .btn_wrap {
    margin-top: auto;
    margin-bottom: 2em;
    font-size: var(--fz15);
}
#kannabe_resort .btn_wrap .line_btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12em;
    min-height: inherit;
    padding: 1em 2.8em 1em .5em;
    font-size: var(--fz15);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    border: 1px solid #000;
    transition: all .3s ease;
}
#kannabe_resort .btn_wrap .line_btn:hover {
    color: #fff;
    background: #000;
}
#kannabe_resort .btn_wrap .line_btn::after {
    content: '\f138';
    position: absolute;
    top: 50%;
    right: .8em;
    margin-left: .3em;
    font-size: 1.3em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%);
}
#kannabe_resort #kannabe_resort_sec .btn_wrap .line_btn {
	width: 17em;
}
.kannabe_resort_slide .dl_wrap {
    width: 100%;
    padding-top: 1em;
    margin-bottom: 1em;
    font-size: var(--fz13);
    border-top: 1px solid #000;
}
.kannabe_resort_slide .info_dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.kannabe_resort_slide .info_dl > dt {
    width: 7em;
    margin-right: .3em;
}
#kannabe_resort_sec button.slick-prev.slick-arrow, #kannabe_resort_sec button.slick-next.slick-arrow, #kannabe_resort_modelcorse button.slick-prev.slick-arrow, #kannabe_resort_modelcorse button.slick-next.slick-arrow {
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1em !important;
    height: 1em !important;
    font-size: var(--fz30);
    line-height: 1;
    background: #000;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
}
#kannabe_resort_sec button.slick-prev.slick-arrow {
    left: 0 !important;
    transform: translate(-50%, -50%) !important;
}
#kannabe_resort_sec button.slick-next.slick-arrow {
    right: 0 !important;
    transform: translate(50%, -50%) !important;
}
#kannabe_resort_sec button.slick-prev.slick-arrow::before, #kannabe_resort_sec button.slick-next.slick-arrow::before,
#kannabe_resort_modelcorse button.slick-prev.slick-arrow::before, #kannabe_resort_modelcorse button.slick-next.slick-arrow::before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: .9em !important;
    line-height: 1;
    transform: translate(-40%, -53%);
}
#kannabe_resort_sec button.slick-prev.slick-arrow::before, #kannabe_resort_modelcorse button.slick-prev.slick-arrow::before {
    content: "\f105" !important;
    transform: translate(-67%, -47%) rotate(-180deg);
}
#kannabe_resort_sec .contents .arw {
    position: absolute;
    width: 100%;
    padding-top: 72%;
    z-index: 1;
}
#kannabe_resort_cuisine {
    width: 100%;
    margin-bottom: var(--num150);
    background: url("./kannabe_resort_img/cuisine_figure2.webp") right top/23vw auto no-repeat;
}
#kannabe_resort_cuisine .tit_block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 990px;
    width: 92%;
    margin: var(--num60) auto var(--num135);
}
#kannabe_resort_cuisine .tit_wrap {
    flex-shrink: 0;
    position: relative;
    font-size: var(--fz35);
}
#kannabe_resort_cuisine .tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.51em;
    height: 1.85em;
    background: url("./kannabe_resort_img/icon_cuisine.webp") center center/contain no-repeat;
    transform: translate(-30%, -45%);
    z-index: 1;
}
#kannabe_resort_cuisine .tit_wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 3.94em;
    height: 3.14em;
    background: url("./kannabe_resort_img/cuisine_figure1.webp") center center/contain no-repeat;
    transform: translate(-60%, 80%);
    z-index: 1;
}
#kannabe_resort_cuisine .tit_wrap .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 7em;
    padding: 1em;
    color: #fff;
    font-size: var(--fz35);
	font-weight: 600;
	line-height: 1.4;
    text-align: center;
    background: #39B54A;
}
#kannabe_resort_cuisine .tit_wrap .tit > span {
    display: block;
    font-size: .43em;
    font-family: var(--roboto);
}
#kannabe_resort_cuisine .tit_block .sub_tit {
    width: 100%;
    font-size: var(--fz25);
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}
#kannabe_resort_cuisine .tit_block .sub_tit > b {
    color: var(--c_green);
    font-size: 1.4em;
    font-weight: 600;
}
#kannabe_resort_cuisine .tit_block .sub_tit > br.sp {
    display: none;
}
#kannabe_resort_cuisine .slide_block {
    width: 100%;
}
.kannabe_resort_cuisine_slide .slide {
    margin: 0 10px;
}
.kannabe_resort_cuisine_slide .slide > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.kannabe_resort_cuisine_slide .img {
    position: relative;
    width: 100%;
    padding-top: 86%;
    font-size: var(--fz18);
    border-radius: 1.5em;
    overflow: hidden;
}
.kannabe_resort_cuisine_slide .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.kannabe_resort_cuisine_slide .name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .3em 1.5em;
    margin-top: 1em;
    font-size: var(--fz18);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    background: var(--c_beige);
    border: 1px solid #000;
    border-radius: 9999px;
}
.kannabe_resort_cuisine_slide .name::after {
    content: '\f138';
    margin-left: .3em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#kannabe_resort_stay {
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-bottom: var(--num150);
}
#kannabe_resort_stay::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -6.29vw;
    display: block;
    width: auto;
    height: 100%;
    background: var(--c_beige);
    border-radius: 50%;
    transform: translateY(-50%);
	aspect-ratio: 1;
    z-index: 0;
}
#kannabe_resort_stay .tit_block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: var(--num35);
    z-index: 1;
}
#kannabe_resort_stay .tit_block::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 26.86vw;
    height: 5.41vw;
    background: url("./kannabe_resort_img/stay_figure1.webp") center center/contain no-repeat;
    z-index: 0;
}
#kannabe_resort_stay .tit_block::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20.2vw;
    height: 8.93vw;
    background: url("./kannabe_resort_img/stay_figure2.webp") center center/contain no-repeat;
    transform: translate(90%, -50%);
}
#kannabe_resort_stay .tit_wrap {
    position: relative;
    font-size: var(--fz35);
    z-index: 1;
}
#kannabe_resort_stay .tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.34em;
    height: 1.62em;
    background: url("./kannabe_resort_img/icon_stay.webp") center center/contain no-repeat;
    transform: translate(-40%, -10%);
    z-index: 1;
}
#kannabe_resort_stay .tit_wrap .tit {
    position: relative;
    width: 7em;
    padding: 1em;
    color: #fff;
    font-size: var(--fz35);
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    background: #1B776F;
    z-index: 0;
}
#kannabe_resort_stay .tit_wrap .tit > span {
    display: block;
    font-size: .42em;
    font-family: var(--roboto);
}
#kannabe_resort_stay .contents {
    position: relative;
    width: 100%;
    z-index: 1;
}
#kannabe_resort_stay .block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin-bottom: var(--num50);
}
#kannabe_resort_stay .block + .block {
    flex-direction: row;
    margin-left: auto;
}
#kannabe_resort_stay .slide_block {
    position: relative;
    width: 100%;
    z-index: 0;
}
#kannabe_resort_stay .cont {
    position: relative;
    flex-shrink: 0;
    max-width: 360px;
    width: 100%;
    padding: 3% 2%;
    background: #fff;
    border: 1px solid var(--c_green);
    border-radius: 20px;
    box-shadow: 5px 5px 0 var(--c_green);
    z-index: 1;
}
#kannabe_resort_stay .cont .h {
    margin-bottom: .5em;
    color: var(--c_green);
    font-size: var(--fz25);
    font-weight: 700;
    text-align: center;
}
#kannabe_resort_stay .slick-slider .slide {
    margin: 0 5px;
}
#kannabe_resort_stay .slick-slider .slide > .img {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
}
#kannabe_resort_stay .slick-slider .slide > .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#kannabe_resort_stay .cont .txt {
    width: 92%;
    margin: 0 auto 2em;
    font-size: var(--fz14);
}
#kannabe_resort_souvenirs {
    position: relative;
    width: 100%;
    margin-bottom: var(--num190);
}
#kannabe_resort_souvenirs::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 17.2vw;
    height: 55vw;
    background: url("./kannabe_resort_img/souvenirs_figure3.webp") center center/contain no-repeat;
}
#kannabe_resort_souvenirs::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32.57vw;
    height: 16.32vw;
    background: url("./kannabe_resort_img/souvenirs_figure5.webp") center center/contain no-repeat;
    transform: translateY(20%);
}
#kannabe_resort_souvenirs .h_wrap {
    position: relative;
    width: 100%;
}
#kannabe_resort_souvenirs .h_wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 19.32vw;
    height: 22.98vw;
    background: url("./kannabe_resort_img/souvenirs_figure2.webp") center center/contain no-repeat;
}
#kannabe_resort_souvenirs .h_wrap .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 980px;
    width: 92%;
    margin: 0 auto var(--num50);
}
#kannabe_resort_souvenirs .tit_block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 54%;
}
#kannabe_resort_souvenirs .tit_wrap {
    position: relative;
    margin-right: 2em;
    font-size: var(--fz35);
    z-index: 1;
}
#kannabe_resort_souvenirs .tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.22em;
    height: 2.17em;
    background: url("./kannabe_resort_img/icon_souvenirs.webp") center center/contain no-repeat;
    transform: translate(-10%, -55%);
    z-index: 1;
}
#kannabe_resort_souvenirs .tit_wrap + .img {
    width: 100%;
    margin-top: -2em;
    font-size: var(--fz35);
}
#kannabe_resort_souvenirs .tit_wrap .img > img {
    display: block;
    width: 100%;
}
#kannabe_resort_souvenirs .h_wrap .tit {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 7em;
    padding: 1em;
    color: #fff;
    font-size: var(--fz35);
    font-weight: 600;
    background: #1E843B;
    z-index: 0;
}
#kannabe_resort_souvenirs .h_wrap .tit > span {
    display: block;
    font-size: .37em;
    font-family: var(--roboto);
}
#kannabe_resort_souvenirs .h_wrap .cont {
    position: relative;
    width: 39%;
    padding: 4%;
    margin-bottom: var(--num50);
    background: var(--c_beige);
    border: 1px solid var(--c_green);
    border-radius: 20px;
    box-shadow: 5px 5px 0 var(--c_green);
}
#kannabe_resort_souvenirs .h_wrap .cont::before {
    content: '';
    position: absolute;
    bottom: 95%;
    left: 50%;
    display: block;
    width: 77%;
    padding-top: 26%;
    background: url("./kannabe_resort_img/souvenirs_figure1.webp") center center/contain no-repeat;
    transform: translateX(-50%);
}
#kannabe_resort_souvenirs .h_wrap .cont .h {
    width: 100%;
    margin-bottom: .3em;
    color: var(--c_green);
    font-size: var(--fz25);
    font-weight: 700;
    text-align: center;
}
#kannabe_resort_souvenirs .h_wrap .cont .txt {
    font-size: var(--fz14);
}
#kannabe_resort_souvenirs .block_wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 830px;
    width: 90%;
    margin: auto;
}
#kannabe_resort_souvenirs .block {
    position: relative;
}
#kannabe_resort_souvenirs .block.b1 {
    width: 46%;
    transform: translateY(-30%);
}
#kannabe_resort_souvenirs .block.b2 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 74%;
    margin-right: -20%;
}
#kannabe_resort_souvenirs .block .txt {
    width: 61%;
    font-size: var(--fz14);
}
#kannabe_resort_souvenirs .block.b1 .txt {
    position: absolute;
    bottom: 0;
    left: 100%;
}
#kannabe_resort_souvenirs .block.b2 .txt {
    margin-top: 2em;
    margin-bottom: 7em;
}
#kannabe_resort_souvenirs .img {
    position: relative;
    width: 100%;
}
#kannabe_resort_souvenirs .img > img {
    display: block;
    width: 100%;
}
#kannabe_resort_souvenirs .block .cap {
    position: absolute;
    top: 2em;
    left: -2em;
    width: auto;
    padding: .3em 1em;
    color: #fff;
    font-size: var(--fz18);
    background: var(--c_green);
    border-radius: 9999px;
    z-index: 1;
}
#kannabe_resort_souvenirs .b2 .cont {
    width: 57%;
}
#kannabe_resort_souvenirs .b2 .i2 {
	width: 49%;
    transform: translateX(-20%);
}
#kannabe_resort_modelcorse {
    position: relative;
    width: 100%;
    margin-bottom: var(--num150);
}
#kannabe_resort_modelcorse .sub_tit {
    width: 100%;
    margin-bottom: var(--num100);
    font-size: var(--fz25);
    font-weight: 700;
    text-align: center;
}
#kannabe_resort_modelcorse .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 1100px;
    width: 92%;
    padding-bottom: var(--num75);
    margin: auto;
    background: var(--c_beige);
    border-radius: 50px;
}
#kannabe_resort_modelcorse .inner::before {
    content: '';
    position: absolute;
    top: 2vw;
    left: -3vw;
    display: block;
    width: 16.25vw;
    height: 4.31vw;
    background: url("./kannabe_resort_img/modelcorse_figure1.webp") center center/contain no-repeat;
}
#kannabe_resort_modelcorse .inner::after {
    content: '';
    position: absolute;
    bottom: 3vw;
    right: -3vw;
    display: block;
    width: 15.08vw;
    height: 3.51vw;
    background: url("./kannabe_resort_img/modelcorse_figure3.webp") center center/contain no-repeat;
}
#kannabe_resort_modelcorse .tit_wrap {
    position: relative;
    width: auto;
}
#kannabe_resort_modelcorse .tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 5.85vw;
    height: 8.05vw;
    background: url("./kannabe_resort_img/modelcorse_figure2.webp") center center/contain no-repeat;
    transform: translate(90%, -60%);
}
#kannabe_resort_modelcorse .tit {
    width: 9em;
    padding: .7em 1em;
    margin: auto;
    color: #fff;
    font-size: var(--fz35);
    font-family: var(--roboto);
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    background: var(--c_green);
    transform: translateY(-40%);
}
#kannabe_resort_modelcorse .tit > span {
    display: block;
    font-size: .37em;
    font-family: var(--noto);
}
#kannabe_resort_modelcorse .txt {
    width: 92%;
    margin: 0 auto 3em;
    font-size: var(--fz14);
    text-align: center;
}
#kannabe_resort_modelcorse .slide_wrap {
    width: 92%;
    margin: 0 auto var(--num35);
}
#kannabe_resort_modelcorse button.slick-prev.slick-arrow {
    left: 0 !important;
    transform: translateX(-50%);
}
#kannabe_resort_modelcorse button.slick-next.slick-arrow {
    right: 0 !important;
    transform: translateX(50%);
}
.kannabe_resort_modelcorse_slide .slide {
    margin: 0 5px;
}
.kannabe_resort_modelcorse_slide .slide > .img {
    position: relative;
    width: 100%;
    padding-top: 62%;
    overflow: hidden;
}
.kannabe_resort_modelcorse_slide .slide > .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#kannabe_resort #kannabe_resort_modelcorse .btn_wrap .line_btn {
    width: 17em;
    min-height: inherit;
}
#kannabe_resort_access .tit_wrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 7em;
    font-size: var(--fz35);
    transform: translateX(-50%);
}
#kannabe_resort_access .tit_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.37em;
    height: 1.25em;
    background: url("./kannabe_resort_img/icon_access.webp") center center/contain no-repeat;
    transform: translate(20%, -45%);
    z-index: 1;
}
#kannabe_resort_access .tit {
    width: 100%;
    padding: 1em;
    color: #fff;
    font-size: var(--fz35);
    text-align: center;
    background: var(--c_green);
}
#kannabe_resort_access .tit > span {
    display: block;
    font-size: .37em;
}
#kannabe_resort_access section.map-upper::after {
    margin-top: 0;
}
#kannabe_resort_access .acc-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 450px;
    width: 92%;
    padding: 1em 5%;
    margin: auto;
    color: var(--c_brown);
    font-size: var(--fz15);
    font-weight: 500;
    background: #EFEFEF;
    border: 1px solid var(--c_brown);
    border-radius: 10px;
    transition: all .3s ease;
    cursor: pointer;
}
#kannabe_resort_access .acc-btn:hover {
    color: #EFEFEF;
    background: var(--c_brown);
}
#kannabe_resort_access .map_block .acc-btn {
    padding: .43em 3.7% .43em 3.5%;
}
#kannabe_resort_access .other-map .acc-btn {
    padding: 1em 3.7% 1em 4.5%;
}
#kannabe_resort_access .acc-btn::after {
    content: '\f067';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    padding-top: .1em;
    color: #fff;
    font-size: .85em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    background: var(--c_brown);
    border-radius: 5px;
    transition: all .3s ease;
}
#kannabe_resort_access .acc-btn:hover::after {
    color: var(--c_brown);
    background: #EFEFEF;
}
#kannabe_resort_access .acc-btn.acc-open::after {
    content: '\f068';
}
#kannabe_resort_access .access-car .acc-btn::before {
    content: '';
    display: block;
    width: 2em;
    height: 1.46em;
    background: url("./kannabe_resort_img/icon_car.svg") center center/contain no-repeat;
    filter: brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(806%) hue-rotate(350deg) brightness(97%) contrast(82%);
}
#kannabe_resort_access .access-train .acc-btn::before {
    content: '';
    display: block;
    width: 1.6em;
    height: 1.93em;
    background: url("./kannabe_resort_img/icon_train.svg") center center/contain no-repeat;
    filter: brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(806%) hue-rotate(350deg) brightness(97%) contrast(82%);
}
#kannabe_resort_access .access-plain .acc-btn::before {
    content: '';
    display: block;
    width: 2.6em;
    height: 1.2em;
    background: url("./kannabe_resort_img/icon_plane.svg") center center/contain no-repeat;
    filter: brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(806%) hue-rotate(350deg) brightness(97%) contrast(82%);
}
#kannabe_resort_access .map_block .acc-btn::before {
    content: '';
    display: block;
    width: 3.6em;
    height: 2.86em;
    background: url("./kannabe_resort_img/icon_map.svg") center center/contain no-repeat;
}
#kannabe_resort_access .other-map .acc-btn::before {
    content: '';
    display: block;
    width: 1.33em;
    height: 2.2em;
    background: url("./kannabe_resort_img/icon_pin.svg") center center/contain no-repeat;
    filter: brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(806%) hue-rotate(350deg) brightness(97%) contrast(82%);
}
#kannabe_resort_access .access-car .acc-btn:hover::before, #kannabe_resort_access .access-train .acc-btn:hover::before, #kannabe_resort_access .access-plain .acc-btn:hover::before, #kannabe_resort_access .other-map .acc-btn:hover::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(4193%) hue-rotate(176deg) brightness(115%) contrast(87%);
}
#kannabe_resort_access .access-wrap {
    padding-bottom: 0;
    margin-bottom: 40px;
    border-bottom: none !important;
}
#kannabe_resort_access .access-wrap.access-car, #kannabe_resort_access .access-wrap.access-train {
	max-width: 600px;
}
#kannabe_resort_access .access-wrap.access-plain {
	max-width: 980px;
}
#kannabe_resort_access .acc-cont {
    padding-top: var(--num35);
}
#kannabe_resort_access .acc-cont .txt {
	margin-top: 2em;
	color: var(--c_brown);
	font-size: var(--fz15);
	text-align: center;
}
#kannabe_resort_access .gray_btn {
    display: block;
    width: auto;
    padding: .7em 2em;
    color: var(--c_brown);
    font-size: var(--fz15);
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    background: #efefef;
    border: 1px solid var(--c_brown);
    border-radius: 10px;
    transition: all .3s ease;
}
#kannabe_resort_access .gray_btn:hover {
    color: #efefef;
    background: var(--c_brown);
}
/*rwd*/
@media only screen and (max-width: 1200px) {
    #kannabe_resort_souvenirs .block.b2 .txt {
        margin-left: auto;
        margin-right: 20%;
    }
}
@media only screen and (max-width: 768px) {
    #kannabe_resort_hero {
        align-items: flex-start;
    }
    #kannabe_resort_hero .inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    #kannabe_resort_hero .tit {
        width: 89vw;
        margin-top: -13vw;
        margin-left: 4vw;
    }
    #kannabe_resort_hero .sub_tit {
        position: relative;
        top: auto;
        left: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        width: 89vw;
        margin-top: -4em;
        font-size: var(--fz15);
        transform: translate(0, 0);
    }
    #kannabe_resort_hero .sub_tit > span {
        padding: .5em .3em;
    }
    #kannabe_resort_hero .sub_tit > span > span {
        display: block;
        padding: .5em .3em;
        background: #fff;
    }
    #kannabe_resort_hero .sub_tit > span > span:nth-of-type(2) {
        margin-top: 3em;
        margin-right: .6em;
    }
    #kannabe_resort_hero .sub_tit > span > span:nth-of-type(2)::before {
        display: none;
    }
    #kannabe_resort_hero .sub_tit > span:nth-of-type(1) {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
        background: transparent;
    }
    #kannabe_resort_hero .sub_tit > span:nth-of-type(2) {
        margin-top: 3em;
    }
    #kannabe_resort_hero::after {
        padding-top: 27%;
        background: url("./kannabe_resort_img/hero_figure_sp.webp") center top/100% auto no-repeat;
    }
	 #kannabe_resort_lead {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-right: 0;
        padding-left: 0;
		padding-bottom: 0;
    }
    #kannabe_resort_lead .tit {
        order: 1;
        font-size: var(--fz20);
    }
    #kannabe_resort_lead .txt {
        order: 2;
        width: 100%;
        font-size: var(--fz14);
    }
    #kannabe_resort_lead .txt::after {
        top: 100%;
        right: auto;
        left: 10%;
        width: 20vw;
        padding-top: 16%;
        transform: translate(0, 25%);
    }
    #kannabe_resort_lead .img {
        display: contents;
    }
    #kannabe_resort_lead .lead_map {
        order: 3;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    #kannabe_resort_lead .lead_map img {
        max-width: inherit;
        width: 110%;
    }
    #kannabe_resort_lead .s_txt {
        order: 4;
        width: 92%;
        margin-top: 1em;
        margin-bottom: 3em;
        text-align: left;
    }
    #kannabe_resort_lead .spot_li {
        order: 5;
        position: relative;
        top: auto;
        left: auto;
        width: 92%;
        margin: auto;
        padding-bottom: 8vw;
    }
    #kannabe_resort_lead .spot_li::before {
        content: '';
        top: 0;
        right: -4%;
        position: absolute;
        display: block;
        width: 15.5vw;
        padding-top: 20%;
        background: url("./kannabe_resort_img/lead_figure2.webp") right center/contain no-repeat;
        transform: translateY(-100%);
    }
    #kannabe_resort_lead .spot_li::after {
        content: '';
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        padding-top: 26%;
        background: url("./kannabe_resort_img/lead_figure3.webp") center center/contain no-repeat;
        transform: translateY(30%);
    }
    #kannabe_resort_lead .spot_li > li > .t {
        padding: 1.5em 1.8em;
        font-size: 3.25vw;
        line-height: 1.3;
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(1), #kannabe_resort_lead .spot_li > li:nth-of-type(2), #kannabe_resort_lead .spot_li > li:nth-of-type(3), #kannabe_resort_lead .spot_li > li:nth-of-type(4) {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 52%;
        margin-bottom: 8%;
        transform: translate(0, 0);
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(even) {
        margin-left: -4%;
        transform: translateY(53%);
    }
    #kannabe_resort_lead .spot_li > li > .t br.sp {
        display: block;
    }
    #kannabe_resort_lead .spot_li > li > .t br.pc {
        display: none;
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(3) > .t {
        padding: 1.5em 2.5em;
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(1) > .t {
        padding: 1.3em 1.8em;
        transform: translate(75%, -35%);
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(2) > .t {
        transform: translate(50%, -70%);
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(3) > .t {
        right: auto;
        left: 0;
        transform: translate(10%, -30%);
    }
    #kannabe_resort_lead .spot_li > li:nth-of-type(4) > .t {
        bottom: auto;
        padding: 2em;
        transform: translate(0%, -30%);
    }
	#kannabe_resort_about {
        margin-top: -5vw;
    }
    #kannabe_resort_about .txt {
        width: 92%;
        margin-bottom: 1.5em;
		text-align: left;
    }
    .kannabe_resort_about_slide .slide.slick-slide {
        margin: 0 3px;
    }
    #kannabe_resort_about .tit .en {
        font-size: var(--fz30);
    }
    #kannabe_resort_about .tit .jp {
        font-size: var(--fz20);
    }
    #kannabe_resort_about .tit .jp::before {
        width: 23.5vw;
        padding-top: 9%;
        margin-top: .2em;
        margin-bottom: .8em;
    }
	#kannabe_resort_hike .lead_wrap {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 86%;
	}
	#kannabe_resort_hike .lead_wrap .img {
		width: 82%;
		margin-right: auto;
	}
	#kannabe_resort_hike .lead_wrap .cont {
		width: 100%;
	}
	#kannabe_resort_hike .lead_wrap .tit_wrap {
		margin-left: 0;
		margin-top: -1em;
	}
	#kannabe_resort_hike .lead_wrap .tit {
		padding: 1.5em 1em;
	}
	#kannabe_resort_hike .lead_wrap .tit_wrap::before {
		width: 16.75vw;
	}
	#kannabe_resort_hike .lead_wrap .sub {
		width: 100%;
		margin-bottom: .5em;
		font-size: var(--fz20);
		text-align: center;
	}
	#kannabe_resort_hike .hiking_route {
        width: 100%;
    }
    #kannabe_resort_hike .hiking_route .acc-btn {
        width: 92%;
        padding: 1em 1.5em;
        margin: auto;
        font-size: var(--fz15);
    }
    #kannabe_resort_hike .hiking_route_li .li {
        width: 92%;
        margin-right: auto;
        margin-left: auto;
    }
    #kannabe_resort_hike .hiking_route .acc-btn > p::before {
        width: 1.6em;
        height: 1.6em;
        margin-right: auto;
    }
    #kannabe_resort_hike .hiking_route .acc-btn > p::after {
        margin-left: auto;
        font-size: 1.4em;
    }
    #kannabe_resort_hike .hiking_route .acc-cont {
        padding-top: 35px;
        margin-top: -20px;
    }
    #kannabe_resort_hike .hiking_route_li .start, #kannabe_resort_hike .hiking_route_li .finish {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    #kannabe_resort_hike .hiking_route_li .finish {
        flex-direction: row;
        margin-bottom: 22%;
    }
    #kannabe_resort_hike .hiking_route_li .start > img {
        width: 72%;
    }
    #kannabe_resort_hike .hiking_route_li .finish > img {
        width: 77%;
    }
    #kannabe_resort_hike .hiking_route_li .start_t {
        position: relative;
        bottom: auto;
        left: auto;
        width: 28%;
        margin-right: -4%;
        transform: translate(0, 0);
    }
    #kannabe_resort_hike .hiking_route_li .finish_t {
        position: relative;
        bottom: auto;
        left: auto;
        width: 32%;
        margin-left: -7%;
        transform: translate(0, 35%);
    }
    #kannabe_resort_hike .hiking_route_li .li .img {
        padding-top: 50%;
    }
	#kannabe_resort_hike .hiking_route_li .sub {
		width: 32%;
		transform: translate(25%, -15%);
	}
    #kannabe_resort_hike .hiking_route_li .tit {
        margin: .7em 1em .5em;
    }
    #kannabe_resort_hike .hiking_route_li .start > img {
        margin-left: 0;
    }
    #kannabe_resort_hike .hiking_route .acc-cont .inner {
        padding-bottom: 20%;
        background: url("./kannabe_resort_img/hikeroute_img_figure.webp") center bottom/29% auto no-repeat;
    }
	#kannabe_resort_hike .hiking_link .video_wrap::before {
        display: none;
    }
    #kannabe_resort_hike .hiking_link_btn {
        padding: .85em 1.5em;
        font-size: var(--fz15);
    }
    #kannabe_resort_hike .hiking_link_btn > span {
        justify-content: space-between;
    }
    #kannabe_resort_hike .hiking_link .tit {
        margin-bottom: 1em;
        font-size: var(--fz20);
    }
    #kannabe_resort_hike .hiking_link .tit::before {
        margin-right: 1em;
    }
    #kannabe_resort_hike::before {
        display: none;
    }
    #kannabe_resort_hike::after {
        right: auto;
        left: 50%;
        width: 65.75vw;
        padding-top: 20%;
        transform: translateX(-50%);
    }
	#kannabe_resort_sec {
		padding-bottom: 0;
	}
	#kannabe_resort_sec .tit {
        margin-bottom: 5.5em;
        font-size: var(--fz20);
    }
    #kannabe_resort_sec .tit > br.sp {
        display: block;
    }
    #kannabe_resort_sec .wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #kannabe_resort_sec .block {
        width: 100%;
        margin-bottom: clamp(50px, 50vw, 85px);
    }
    #kannabe_resort_sec .contents {
        width: 87%;
        margin-top: -10%;
    }
    #kannabe_resort_sec .block_tit_wrap {
        position: relative;
        width: 55%;
        font-size: var(--fz25);
        z-index: 1;
    }
    #kannabe_resort_sec .block_tit {
        font-size: var(--fz25);
    }
    .kannabe_resort_slide .h {
        margin-bottom: .3em;
    }
    #kannabe_resort .btn_wrap .line_btn {
        min-height: 3.4em;
        padding: .3em 2.4em .3em .5em;
        font-size: var(--fz14);
    }
    #kannabe_resort .btn_wrap .line_btn br {
        display: none;
    }
    #kannabe_resort .btn_wrap .line_btn::after {
        right: .5em;
    }
	#kannabe_resort_cuisine {
        background: none;
    }
    #kannabe_resort_cuisine .tit_block {
        flex-direction: column-reverse;
        justify-content: center;
        margin: 0 auto 30px;
    }
    #kannabe_resort_cuisine .tit_block .sub_tit {
        margin-bottom: 3em;
        font-size: var(--fz20);
    }
    #kannabe_resort_cuisine .tit_block .sub_tit > br.sp {
        display: block;
    }
    #kannabe_resort_cuisine .tit_wrap {
        font-size: var(--fz25);
    }
    #kannabe_resort_cuisine .tit_wrap .tit {
        font-size: var(--fz25);
    }
    #kannabe_resort_cuisine .tit_wrap::after {
        bottom: auto;
        left: auto;
        top: 0;
        right: 0;
        transform: translate(50%, -38%);
    }
    .kannabe_resort_cuisine_slide .name {
        padding: .5em 1em;
    }
	#kannabe_resort_stay::before {
        right: auto;
        left: -18vw;
        width: 250vw;
        height: 250vw;
		aspect-ratio: unset;
    }
    #kannabe_resort_stay .block, #kannabe_resort_stay .block + .block {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    #kannabe_resort_stay .block + .block {
        margin-top: var(--num100);
    }
    #kannabe_resort_stay .tit_block {
        padding-top: 145px;
    }
    #kannabe_resort_stay .tit_block::before {
        top: 0;
        width: 54.5vw;
        height: 11.25vw;
    }
    #kannabe_resort_stay .tit_block::after {
        top: 0;
        left: auto;
        right: 5vw;
        width: 52.5vw;
        height: 26.25vw;
        background: url("./kannabe_resort_img/stay_figure2_sp.webp") center center/contain no-repeat;
        transform: translate(0, 0);
    }
    #kannabe_resort_stay .cont {
        display: contents;
        padding: 0;
    }
    #kannabe_resort_stay .cont .txt {
        margin-bottom: 0;
    }
    #kannabe_resort_stay .cont .inner {
        order: 1;
        width: 90%;
        padding: 4% 2%;
        margin: 0 auto var(--num60);
        background: #fff;
        border: 1px solid var(--c_green);
        border-radius: 20px;
        box-shadow: 8px 4px 0 var(--c_green);
    }
    #kannabe_resort_stay .slide_block {
        order: 2;
    }
    #kannabe_resort_stay .btn_wrap {
        order: 3;
    }
    #kannabe_resort_stay .tit_wrap, #kannabe_resort_stay .tit_wrap .tit {
        font-size: var(--fz25);
    }
    #kannabe_resort_stay .tit_wrap::before {
        width: 2.08em;
        height: 1.48em;
    }
    #kannabe_resort_stay .tit_block {
        margin-bottom: 2em;
    }
    #kannabe_resort_stay .cont .h {
        font-size: var(--fz18);
    }
    #kannabe_resort_stay .slide_block {
        margin-bottom: 20px;
    }
    #kannabe_resort_stay .slick-slider .slide > .img {
        padding-top: 63%;
    }
	#kannabe_resort_souvenirs {
		padding-bottom: 46.25vw;
		margin-bottom: 0;
	}
	#kannabe_resort_souvenirs .h_wrap .inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: 450px;
		margin-bottom: 30vw;
    }
    #kannabe_resort_souvenirs .tit_wrap {
        margin: auto;
		font-size: var(--fz25);
    }
	#kannabe_resort_souvenirs .h_wrap .tit {
		font-size: var(--fz25);
	}
    #kannabe_resort_souvenirs .tit_block {
        width: 100%;
        margin-bottom: var(--num75);
    }
    #kannabe_resort_souvenirs .h_wrap .cont {
        width: 100%;
		margin-bottom: 0;
    }
    #kannabe_resort_souvenirs .block_wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }
    #kannabe_resort_souvenirs .h_wrap::after {
        width: 38.25vw;
        height: 40.75vw;
        transform: translateY(80%);
    }
    #kannabe_resort_souvenirs .block.b1 {
        width: 100%;
        margin: 0 auto 15px;
        transform: translateY(0);
    }
    #kannabe_resort_souvenirs .block .cap {
        top: -.5em;
        left: 0;
    }
    #kannabe_resort_souvenirs .block.b1 .txt {
        position: relative;
        bottom: auto;
        left: auto;
        margin-left: auto;
        margin-top: -1.5em;
    }
    #kannabe_resort_souvenirs .block.b1::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 29vw;
        height: 54vw;
        background: url("./kannabe_resort_img/souvenirs_figure3_sp2.webp") center center/100% auto no-repeat;
        z-index: 1;
    }
    #kannabe_resort_souvenirs .img.img1 {
		max-width: 450px;
        width: 90%;
        margin: auto;
    }
    #kannabe_resort_souvenirs .block.b2 {
        flex-direction: column;
        width: 100%;
    }
    #kannabe_resort_souvenirs .block.b2 .cont {
        width: 90%;
    }
    #kannabe_resort_souvenirs .img.i1::before {
        content: '';
        position: absolute;
        bottom: 6vw;
        left: 0;
        display: block;
        width: 17.5vw;
        height: 24.5vw;
        background: url("./kannabe_resort_img/souvenirs_figure3_sp1.webp") center center/contain no-repeat;
    }
    #kannabe_resort_souvenirs .img.i1 > img {
        position: relative;
        width: 90%;
        transform: translateX(20%);
        z-index: 0;
    }
    #kannabe_resort_souvenirs .block.b2 .txt {
        width: 92%;
        margin: 1em auto;
    }
    #kannabe_resort_souvenirs .block.b2 .i2 .cap {
        top: 1.5em;
        left: auto;
        right: -2em;
    }
	#kannabe_resort_souvenirs .b2 .i1 img {
		max-width: 450px;
	}
    #kannabe_resort_souvenirs .b2 .i2 {
		max-width: 450px;
        width: 75%;
        margin: auto;
        transform: translateX(0%);
    }
    #kannabe_resort_souvenirs::after {
        width: 76vw;
        height: 61.25vw;
        background: url("./kannabe_resort_img/souvenirs_figure5_sp.webp") center center/contain no-repeat;
		transform: translateY(-5%);
    }
    #kannabe_resort_souvenirs::before {
        display: none;
    }
	#kannabe_resort_modelcorse .inner {
        width: 100%;
        padding: 45px 0 50px;
        border-radius: 40px;
    }
    #kannabe_resort_modelcorse .tit {
        font-size: var(--fz30);
        transform: translateY(0);
    }
    #kannabe_resort_modelcorse .txt {
        margin: 1em 0 1.5em;
        text-align: left;
    }
    #kannabe_resort_modelcorse .slide_wrap {
        width: 100%;
        margin-bottom: 15vw;
    }
    #kannabe_resort_modelcorse .inner::before {
        top: -6vw;
        left: -16vw;
        width: 55.5vw;
        height: 14.5vw;
    }
    #kannabe_resort_modelcorse .inner::after {
        display: none;
    }
    #kannabe_resort_modelcorse .slide_wrap {
        position: relative;
    }
    #kannabe_resort_modelcorse .slide_wrap::after {
        content: '';
        position: absolute;
        bottom: -8vw;
        right: -12vw;
        display: block;
        width: 51.25vw;
        height: 11.75vw;
        background: url("./kannabe_resort_img/modelcorse_figure3.webp") center center/contain no-repeat;
    }
    #kannabe_resort_modelcorse .tit_wrap::before {
        top: auto;
        bottom: 90%;
        left: auto;
        right: 0;
        width: 17vw;
        height: 23.25vw;
        transform: translate(0, 0);
    }
    #kannabe_resort_modelcorse .sub_tit {
        font-size: var(--fz20);
    }
	#kannabe_resort_access .tit_wrap {
        position: relative;
        left: 0;
        margin: auto;
        transform: translateX(0);
    }
    #kannabe_resort_access .tit_wrap, #kannabe_resort_access .tit {
        font-size: var(--fz25);
    }
    #kannabe_resort section.map-upper dl {
        top: 0;
    }
    #kannabe_resort section.map-upper dl dt {
        display: none;
    }
    #kannabe_resort .access-map-sp {
        margin-bottom: var(--num100);
    }
    #kannabe_resort_access .access-wrap {
        width: 95%;
        margin-bottom: 15px;
    }
    #kannabe_resort_access .acc-btn::after {
        display: none;
    }
    #kannabe_resort_access .acc-btn {
        padding: .5em 8%;
    }
    #kannabe_resort_access .acc-btn > span {
        display: block;
        width: 100%;
        font-size: var(--fz13);
        text-align: center;
    }
    #kannabe_resort_access .acc-btn {
        padding: .5em 8%;
    }
    #kannabe_resort_access .other-map .acc-btn {
        padding: .3em 8%;
    }
    #kannabe_resort_access .map_block .acc-btn {
        padding: 0 11%;
    }
    #kannabe_resort_access .btn_wrap {
        margin-top: 40px;
    }
	#kannabe_resort_access .acc-cont .txt {
		text-align: left;
	}
}