@charset "utf-8";
#kuzu_wrap {
display: none !important;
}

div#container {
	max-width: none;
	padding: 0;
	background: url("../img/location/bg.webp") top center / 100% auto repeat-y;
}

@media screen and (max-width:480px){
	.swipe_main img {
		width: 800px;
		max-width: 800px;
	}
}



.sec_ttl_wrap {
	display: flex;
}
.sec_ttl_wrap.rv {
	flex-direction: row-reverse;
}

.sec_ttl_wrap .img {
	width: calc(1100% / 16);
}
.sec_ttl_wrap .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec_ttl_wrap .txt {
	width: calc(500% / 16);
	border-top: solid 1px #817f7f;
	border-bottom: solid 1px #817f7f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: clamp(11px, calc(18vw / 16), 18px);
	font-feature-settings: "palt";
	gap: 4em;
	padding: 5px 10px;
	text-align: center;
	box-sizing: border-box;
}
.sec_ttl_wrap .txt.bk {
	background: #000;
	color: #fff;
}
.sec_ttl_wrap .txt .t3 {
	line-height: 2.2;
	
}
@media screen and (max-width:767px){
	.sec_ttl_wrap {
		display: block;
	}
	.sec_ttl_wrap .img {
		width: 100%;
	}
	.sec_ttl_wrap .txt {
		width: 100%;
		border-bottom: none;
		gap: 1.4em;
		padding: 40px 20px 35px;

	}
}
@media screen and (max-width:480px){
	.sec_ttl_wrap .txt {
		font-size: calc(14vw / 3.9);
	}
}

.sec {
	position: relative;
	overflow: hidden;
}
.sec .anq {
	position: absolute;
	top:0;
}
@media screen and (max-width:767px){
	.sec .anq {
		top:5px;
	}
}
.sec .inner {
	padding-top: 60px;
	padding-bottom: 60px;
}
@media screen and (max-width:767px){
	.sec .inner {
		padding-top: 30px;
		padding-bottom: 40px;
	}
}


.sec .l_cap {
	font-size: clamp(12px, calc(16vw / 9.6), 16px);
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	margin-top: 0.3em;
	font-weight: 500;
}
.sec .l_cap.fle {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.sec .l_cap .s {
	font-size: 75%;
}

@media screen and (max-width:480px){
	.sec .l_cap {
		font-size: calc(12vw / 3.9);
	}
	.sec .l_cap.fle {
		display: block;
	}
}


.sec1 .img2 {
	max-width: 920px;
	margin-inline: auto;
	display: flex;
	justify-content: space-between;
}
.sec1 .img2 li {
	width: calc(440% / 9.2);
}
.sec1 .fig131 {
    mix-blend-mode:multiply;
}
.sec1 .fig131 .i01 {
/*	mix-blend-mode:multiply;*/
}
.sec1 .fig131 .i02 {
	position: absolute;
	inset:0;
}
/*
.sec1 .fig131 .i01,
.sec1 .fig131 .i02{
    opacity: 0;
}
.sec1 .fig131.p-view .i01,
.sec1 .fig131.p-view .i02{
    opacity: 1;
    transition-delay: 0.4s;
}
*/
.fig131  {
/*    transition: none !important;*/
}
@media screen and (max-width:480px){
    .sec1 .fig131 .i01 {
        will-change: transform;
    }
/*	.sec1 .fig131 {
		margin-inline: -30px;
        vertical-align: middle;
	}*/
	.sec1 .fig131 img {
		margin-inline: -30px;
        vertical-align: middle;
	}
	.sec1 .fig131 .t_cap_b {
		right: -5px;
	}
}



.sec2 .kako1 {
	max-width: 920px;
	margin-inline: auto;
	background: #e5ebee;
	padding: 30px 15px;
	
}

.sec2 .kako1 .k1 {
	font-size: clamp(14px, calc(23vw / 9.6), 23px);
	font-size: clamp(14px, calc(25vw / 9.6), 25px);
	font-feature-settings: "palt";
	line-height: 1;
	letter-spacing: 0.2em;
	position: relative;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
	margin-bottom: 0.8em;
	color: #7e6f45;
	
}
.sec2 .kako1 .k1::after {
	content: "";
	position: absolute;
	bottom:0;
	left:calc(50% - 3em);
	width: 6em;
	height: 1px;
	background: #7e6f45;
}
.sec2 .kako1 .k2 {
	font-size: clamp(12px, calc(18vw / 9.6), 18px);
	font-size: clamp(13px, calc(19vw / 9.6), 19px);
    font-weight: bold;
	font-feature-settings: "palt";
	line-height: 1.5;
	margin-bottom: 1.2em;
	
}
.sec2 .kako1 .k3 {
	font-size: clamp(12px, calc(16vw / 9.6), 16px);
	font-feature-settings: "palt";
	line-height: 1.8;
	
}


@media screen and (max-width:480px){
	.sec2 .kako1 .k1 {
		font-size: calc(16vw / 3.9);
	}
	.sec2 .kako1 .k2 {
		font-size: calc(15vw / 3.9);
		font-size: calc(16vw / 3.9);
	}
	.sec2 .kako1 .k3 {
		font-size: calc(12vw / 3.9);
	}
}


.sec2 .kako1 .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	max-width: 750px;
	margin-inline: auto;
}
.sec2 .kako1 .box .fig {
	width: calc(331% / 7.5);
}
.sec2 .kako1 .box .txt {
	width: calc(390% / 7.5);
}

@media screen and (max-width:767px){
	.sec2 .kako1 {
		padding: 20px 15px;
	}
	.sec2 .kako1 .box {
		display: block;
	}
	.sec2 .kako1 .box .fig {
		width: 100%;
		max-width: 331px;
		margin-inline: auto;
	}
	.sec2 .kako1 .box .txt {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
    .img200 .t_cap {
        right: auto;
        left: 5px;
    }
}

@media screen and (max-width:480px){
    .sec2 .kako1 .box .fig {
        width: 85%;
    }
    .img210 img {
        width: calc(150%/3.1);
    }
	.swipe2 img {
		width: 600px;
		max-width: 600px;
	}
}



.sec3 .inner {
	max-width: 1500px;
}

.sec3 .box {
	display: flex;
	justify-content: space-between;
}

.sec3 .box .map {
	order: 2;
	width: calc(687% / 15);
}
.sec3 .box .l {
	order: 1;
	width: calc(360% / 15);
}
.sec3 .box .r {
	order: 3;
	width: calc(360% / 15);
}

.sec3 .box .ttl {
	color: #7e6f45;
	display: flex;
	align-items: center;
	font-size: clamp(18px, calc(23vw / 15), 23px);
	font-feature-settings: "palt";
	line-height: 1;
	margin-bottom: 0.6em;
}
.sec3 .box .ttl::after {
	content: "";
	flex:1;
	margin-left: 1em;
	height: 1px;
	background: #7e6f45;
}
.sec3 .box .ttl1 {
	font-size: clamp(15px, calc(18vw / 15), 18px);
	font-feature-settings: "palt";
	line-height: 1.4;
	margin-bottom: 0.6em;
}

.sec3 .box .img {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 10px;
}
.sec3 .box .img li {
	width: calc(175% / 3.6);
}
.sec3 .box .img li.w {
	width: 100%;
}
.sec3 .box .img li p {
	font-size: clamp(11px, calc(14vw / 15), 14px);
	font-feature-settings: "palt";
	line-height: 1.3;
	margin-top: 0.4em;
	text-align: center;
}
.sec3 .box .shop{
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 5px;
}
.sec3 .box .shop li p{
	font-size: clamp(11px, calc(14vw / 15), 14px);
	font-feature-settings: "palt";
	line-height: 1.3;
	display: flex;
	align-items: baseline;
}
.sec3 .box .shop li p .no{
	font-size: 85%;
	margin-right: 0.3em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.3em;
	height: 1.3em;
	color: #fff;
	background: #7e6f45;
}

@media screen and (max-width:767px){
	.sec3 .box {
		display: block;
	}

	.sec3 .box .map {
/*		width: 100%;*/
		max-width: 740px;
/*		margin: 0 auto 30px;*/
        
        width: calc(100% + 40px);
        margin: 0 -20px 30px;
	}
	.sec3 .box .l {
		width: 100%;
		max-width: 360px;
		margin: 0 auto 20px;
	}
	.sec3 .box .r {
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}
	.sec3 .box .img {
		max-width: 360px;
		margin-inline: auto;
	}
	.sec3 .box .img li.w {
		text-align: center;
	}
}

@media screen and (max-width:480px){
	.sec3 .box .ttl {
		font-size: calc(18vw / 3.9);
	}
	.sec3 .box .ttl1 {
		font-size: calc(15vw / 3.9);
	}
	.sec3 .box .img li p {
		font-size: calc(12vw / 3.9);
	}
	.sec3 .box .shop li p{
		font-size: calc(12vw / 3.9);
	}
}






.box04 {
	overflow: hidden;
	position: relative;
}


.box04 li {
	position: relative;
	width: 350px;
}
.box04 li .t_cap {
	bottom:13px;
	right: 13px;
}
.box05 li .img {
	position: relative;
}
.box04 li .img::before {
	content: "";
	position: absolute;
	inset: 10px;
	border: solid 1px #fff;
}

@media screen and (max-width: 480px) {
    .box04 li .img::before {
        inset: 3px;
    }
    .box04 li .t_cap {
        bottom: 6px;
        right: 6px;
    }
} 







.box05 {
	overflow: hidden;
	position: relative;
}


.box05 li {
	position: relative;
	width: 350px;
	cursor: pointer;
}
.box05 li .img::before {
	content: "";
	position: absolute;
	inset: 10px;
	border: solid 1px #fff;
}
.box05 li .img {
	position: relative;
}
.box05 li .img::after {
	content: "";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}
.box05 li .txt {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px;
}
.box05 li .txt p {
}
.box05 .t01 {
	font-size:16px;
	font-feature-settings: "palt";
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 3.4em;
}
.box05 .t01 span {
	display: inline-block;
	color: #846a24;
	padding: 0.3em 0.8em;
	background: #f5f3f2;
}
.box05 .t02 {
	font-size:23px;
	font-feature-settings: "palt";
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-align: center;
	color: #fff;
}
.box05 .t03 {
	font-size:12px;
	font-feature-settings: "palt";
	line-height: 1;
	text-align: center;
	color: #fff;
	margin-top: 0.3em;
}
.box05 .t05 {
	font-size: 13px;
	font-weight: 700;
	font-feature-settings: "palt";
}
@media screen and (max-width:480px){
    .box05 li .img::before {
        inset: 3px;
    }
	.box05 .t01 {
		font-size: calc(14vw / 3.9);
	}
	.box05 .t02 {
		font-size: calc(18vw / 3.9);
	}
	.box05 .t03 {
		font-size: calc(10vw / 3.9);
	}
	.box05 .t05 {
		font-size: calc(12vw / 3.9);
	}
}




@media screen and (max-width:1410px){
	.box05 .t05 {
		font-size: calc(12vw / 14.1);
	}
}
@media screen and (max-width:767px){
	.box05 .t05 {
		font-size: calc(12vw / 7.67);
	}
}
@media screen and (max-width:480px){
	.box05 .t05 {
		font-size: calc(12vw / 4.8);
	}
}
@media screen and (min-width:769px){
	.box05 .t05 {
		font-size: calc(14vw / 14.1);
	}
}

@media screen and (min-width:1411px){
	.box05 .t05 {
		font-size: 14px;
	}
}



.mdl {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: -10;
	opacity: 0;
	transition: opacity 0.5s;
}
.mdl.on {
	z-index: 9999999;
	opacity: 1;
}

.mdl_close {
	position: absolute;
	top:-19px;
	right: 0;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
}

.mdl .slide_thum {
	display: none;
}


.mdl .slide_main_wrap {
	display: inline-block;
}
.mdl .slide_main {
	position: relative;
}
.mdl .slide_main li {
	box-sizing: border-box;
	position:absolute;
	max-width: 900px;
	top:0;
	left:0;
	width: 100%;
	background: #fff;
	opacity: 0;
	transition: all 0.3s linear;
	display: flex;
	flex-wrap: wrap;
}
.mdl .slide_main li:nth-child(1) {
}

.mdl .slide_main li.active {
	opacity: 1;
	position:relative;
}
.mdl .slide_prev {
	position: absolute;
	top:50%;
	left: 10px;
	cursor: pointer;
}
.mdl .slide_next {
	position: absolute;
	top:50%;
	right: 10px;
	cursor: pointer;
}


.mdl .slide_main li .img {
	width: calc(640% / 9);
}
.mdl .slide_main li .txt {
	width: calc(260% / 9);
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.mdl .slide_main li .txt .t1 {
	font-size: clamp(13px, calc(18vw / 9), 18px);
	font-feature-settings: "palt";
	line-height: 1.3;
	margin-bottom: 2.2em;
	color: #846a24;
}
.mdl .slide_main li .txt .t2 {
	font-size: clamp(15px, calc(23vw / 9), 23px);
	font-feature-settings: "palt";
	line-height: 1.3;
}
.mdl .slide_main li .txt .t2 .s {
	font-size: clamp(12px, calc(16vw / 9), 16px);
}
.mdl .slide_main li .txt .t3 {
	font-size: clamp(13px, calc(18vw / 9), 18px);
	font-feature-settings: "palt";
	line-height: 1.6;
}
.mdl .slide_main li .dtl {
	width: 100%;
	background: #f5f3f2;
	box-sizing: border-box;
	padding: 15px;
	font-size: clamp(13px, calc(16vw / 9), 16px);
	font-feature-settings: "palt";
	line-height: 1.3;
}

@media screen and (max-width:767px){
	.mdl .slide_prev {
		display: none;
	}
	.mdl .slide_next {
		display: none;
	}
}
@media screen and (max-height:520px){
	.mdl .slide_main li {
		max-width: 700px;
		margin: 0 auto;
	}
	.mdl .slide_main li .txt {
		padding: 10px 10px;
	}
	.mdl .slide_main li .txt .t1 {
		font-size: clamp(13px, calc(16vw / 9), 16px);
	}
	.mdl .slide_main li .txt .t2 {
		font-size: clamp(15px, calc(20vw / 9), 20px);
	}
	.mdl .slide_main li .txt .t2 .s {
		font-size: clamp(12px, calc(14vw / 9), 14px);
	}
	.mdl .slide_main li .txt .t3 {
		font-size: clamp(13px, calc(16vw / 9), 16px);
	}
	.mdl .slide_main li .dtl {
		font-size: clamp(13px, calc(15vw / 9), 15px);
		padding: 10px;
	}
}
@media screen and (max-height:400px){
	.mdl .slide_main li {
		max-width: 500px;
		margin: 0 auto;
	}
	.mdl .slide_main li .txt .t1 {
		font-size: clamp(13px, calc(15vw / 9), 15px);
	}
	.mdl .slide_main li .txt .t2 {
		font-size: clamp(15px, calc(18vw / 9), 18px);
	}
	.mdl .slide_main li .txt .t2 .s {
		font-size: clamp(10px, calc(12vw / 9), 12px);
	}
	.mdl .slide_main li .txt .t3 {
		font-size: clamp(10px, calc(12vw / 9), 12px);
	}
	.mdl .slide_main li .dtl {
		font-size: clamp(10px, calc(12vw / 9), 12px);
	}
}
@media screen and (max-width:767px){
	.mdl .slide_main {
		width: 95%;
		margin: 0 auto;
	}
}

@media screen and (max-width:640px){
.mdl .slide_main li {
	display: block;
}
.mdl .slide_main li .img {
	width: 100%;
}
.mdl .slide_main li .txt {
	width: 100%;
	padding: 18px;
	display: block;
}
.mdl .slide_main li .txt .t1 {
	margin-bottom: 0.6em;
}
.mdl .slide_main li .txt .t2 {
	margin-bottom: 0.6em;
}
.mdl .slide_main li .dtl {
	padding: 10px 18px;
}
}
@media screen and (max-width:480px){

.mdl .slide_main li .txt .t1 {
	font-size: calc(16vw / 3.9);
	margin-bottom: 0.6em;
}
.mdl .slide_main li .txt .t2 {
	font-size: calc(19vw / 3.9);
	margin-bottom: 0.6em;
}
.mdl .slide_main li .txt .t2 .s {
	font-size: calc(12vw / 3.9);
}
.mdl .slide_main li .txt .t3 {
	font-size: calc(13vw / 3.9);
}
.mdl .slide_main li .dtl {
	font-size: calc(12vw / 3.9);
}
}

.slick_button_prev,
.slick_button_next {
	display: none;
}
@media screen and (max-width:480px){
	.slick_button_prev,
	.slick_button_next {
		color:#000;text-shadow: 0 0 4px #fff;
		display: block;
		position: absolute;
	}

	.slick_button_prev,
	.slick_button_next{
/*		width: 50px;*/
/*		height: 50px;*/
		width: 35px;
		height: 35px;
		margin-top: calc(0px - (50px/ 2));
		background: #fff;
		border-radius: 50%;
		box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slick_button_prev .arrow,
	.slick_button_next .arrow {
		width: 8px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	

	.slick_button_prev  {
		left: 5px;
		top: 50%;
		right: auto;
		z-index: 100;
	}
	.slick_button_next {
		right: 5px;
		top: 50%;
		left: auto;
		z-index: 100;
	}
}





.lifeinfo {
	display: flex;
	justify-content: space-between;
}
.lifeinfo > li {
	width: calc(360% / 15);
}

@media screen and (max-width:767px){
	.lifeinfo {
		display: flex;
		flex-direction: column;
		gap: 10px;
		
	}
	.lifeinfo > li {
		width: 100%;
	}
}

.li_ttl {
	font-size: clamp(13px, calc(18vw / 15), 18px);
	font-feature-settings: "palt";
	line-height: 1;
	padding: 0.5em 0 0.3em;
	border-bottom: solid 1px #000008;
	border-top: solid 1px #000008;
	margin-bottom: 0.6em;
}
.li_cont {
	
}
.li_cont table {
	width: 100%;
	border-collapse: collapse;
}
.li_cont table td {
	font-size: clamp(10px, calc(14.5vw / 15.4), 15px);
	font-feature-settings: "palt";
	padding: 0.2em 0;
}
.li_cont table td:nth-child(1) {
	width: calc(100% - 10em);
	letter-spacing: -0.06em;
}
.li_cont table td:nth-child(2) {
	width: 2em;
	text-align: right;
}
.li_cont table td:nth-child(3) {
	width: 2.3em;
	text-align: right;
}
.li_cont table td:nth-child(4) {
	width: 1.7em;
	text-align: right;
}
.li_cont table td:nth-child(5) {
	width: 4em;
	text-align: right;
}



@media screen and (max-width: 480px) {
	.li_ttl {
		font-size: calc(14vw / 3.9);
		font-size: calc(13vw / 3.9);
	}
	.li_cont table td {
		font-size: calc(12vw / 3.9);
		font-size: calc(11vw / 3.9);
	}
}





@media screen and (max-width: 767px) {
	.li li .li_cont {
		display: none;
	}
	.li li .li_ttl {
		position: relative;
	}
    .toc_toggle {
        display: block;
        position: absolute;
        top: 6px;
        right: 12px;
        font-size: 0 !important;
        width: 15px;
        height: 15px;
    }
    .toc_toggle::before {
        content: "";
        position: absolute;
        top: 6px;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #888;
        transition: 0.3s all ease-in-out 0s;
        z-index: 1;
    }
    .li li .li_ttl.on  .toc_toggle::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(50% - 1px);
        right: 0;
        width: 3px;
        background: #000;
        opacity: 0;
        transition: 0.3s all ease-in-out 0s;
        z-index: 1;
    }

    .li li .li_ttl .toc_toggle::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 0;
        width: 3px;
        background: #888;
        transition: 0.3s all ease-in-out 0s;
        z-index: 1;
        opacity: 1;
    }
}


@media screen and (max-width: 480px) {
    .txt02.sp_ls01 {
        letter-spacing: 0;
    }
} 
.zoom {
    padding-right: 5px;
}
.zoom img {
    max-width: 200px;
}