@charset "utf-8";
/*lp*/
/*header footer*/
#lp .hWrap01 .hOlBtn{
		display:none;
}
@media (min-width:1010px) {
	#lp .hWrap01 .hReqBtn{
		right: 300px;
	}
	#lp .hWrap01 .hRsvBtn{
		right: 156px;
	}
	#lp .hWrap01 .hOlBtn{
		display: block;
		position: fixed;
		right: 30px;
		top: 30px;
		font-size: 1.6rem;
		text-decoration: none;
		padding:0 30px 0 20px;
		background-color:#777777;
		color:#fff;
		border-radius:15px;
		height:30px;
		line-height:30px;
	}
	#lp .hWrap01 .hOlBtn::before{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		right: 10px;
		top: calc(50% - 4px);
		transform: rotate(45deg);
	}
}

#lp footer{
	padding: 0 0 60px;
	background-color:#000;
}
#lp .lpFooter{
	padding:50px 0;
	color:#fff;
	max-width:1000px;
	width:90%;
	margin:0 auto;
	font-size: normal;
}
#lp .lpFooter .wrap01{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:30px 0;
	margin:30px 0;
}
#lp .lpFooter .tel{
	font-size:clamp(3.5rem,6vw,6rem);
}
#lp .lpFooter .tel small{
	font-size:60%;
}
#lp .lpFooter .tel a{
	color:#fff;
	text-decoration: none;
}
#lp .lpFooter .copy01{
	font-size:clamp(1.6rem, 2.4vw, 2.4rem);
}
#lp .lpFooter h2{
	letter-spacing: 0.1em;
}
#lp .lpFooter .logo{
	width:60%;
	margin:0 auto;
	max-width:390px;
}
@media(min-width:1010px){
	#lp footer{
		padding: 0 0 100px;
	}
	#lp .lpFooter{
		padding:80px 0;
	}
	#lp .lpFooter .wrap01{
		padding:40px 0;
		margin:40px 0;
	}
}
#lp #spNav{
	width:100%;
	margin:0;
	background-color:#555;
}
@media(min-width:1010px){
	#lp #spNav{
		display:flex;
		justify-content: center;
		height:100px;
	}
	#lp #spNav a{
		display:block;
		height:100px;
		width:25%;
		max-width:120px;
		color:#fff;
		text-decoration: none;
	}
	#lp #spNav a:nth-of-type(4),
	#lp #spNav a:nth-of-type(5){
		display:none;
	}
	#lp #spNav a figure{
		height:45px;
		margin:20px auto 0;
	}
	#lp #spNav a figure.icon01{
		width:45px;
	}
	#lp #spNav a figure.icon02{
		width:33px;
	}
	#lp #spNav a figure.icon03{
		width:33px;
	}
	#lp #spNav a figure.icon04{
		width:28px;
	}
	#lp #spNav a figure.icon05{
		width:33px;
	}
	#lp #spNav a figure.icon06{
		width:33px;
	}
	#lp #spNav a p{
		font-size:14px;
	}
}
/**/
/*common*/
.w1050{
	max-width:1050px;
	margin-left:auto;
	margin-right:auto;
}
.w1600{
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}
.btnReserve{
	display:flex;
	justify-content: center;
	align-items: center;
	padding:0.5em;
	font-size:clamp(2.4rem,3.6vw,3.6rem);
	width:90%;
	max-width:500px;
	margin:0 auto;
	background-color:#91464d;
	background-image: linear-gradient( 180deg, #91464d 50%, #853139 100%);
	color:#fff;
	text-decoration: none;
	letter-spacing: 0.1em;
	position: relative;
}
.btnReserve img{
	width:1em;
	margin-right:0.5em;
}
.btnReserve::before{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	right:20px;
	top:calc(50% - 7px);
}
.btnBack{
	display:block;
	padding:0.3em;
	font-size:clamp(1.8rem,2.8vw,2.8rem);
	width:90%;
	max-width:300px;
	margin:0 auto;
	background-color:#555555;
	color:#fff;
	text-decoration: none;
	position: relative;
}
.btnBack::before{
	content:"";
	display:block;
	width:20px;
	height:1px;
	border-top:1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	left:20px;
	top:50%;
}
.btnBack::after{
	content:"";
	display:block;
	width:20px;
	height:1px;
	border-top:1px solid #fff;
	transform: rotate(135deg);
	position: absolute;
	left:20px;
	top:50%;
}

.lpBg01{
	background-color:#efefef;
}


.pageTtl{
	padding:100px 0 50px;
	font-weight: normal;
}
.pageTtl .en{
	font-size:clamp(3rem,4.5vw,4.5rem);
}
.pageTtl .jp{
	font-size:clamp(1.8rem,2.8vw,2.8rem);
}
@media(min-width:768px){
	.pageTtl{
		padding:200px 0 100px;
		font-weight: normal;
	}
}



/**/
.indMv{
	width:100%;
	position:relative;
}
.indMv img{
	width:100%;
	z-index:1;
}
.indMv .caption{
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:10;
	width:90%;
	text-align:right;
	color:#fff;
	font-size:12px;
  text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.indMv .mvSlide{
	margin-bottom:0 !important;
}
.indMv .slick-dots{
	bottom:20px;
}
.slick-dots li button:before{
	font-size:16px;
	color:#fff !important;
	opacity:0.5;
}
.slick-dots li.slick-active button:before{
	opacity:1;
}
.slide-animation img{
	animation: fadezoom 5s 0s forwards linear;
}
@keyframes fadezoom {
  0% {
	transform: scale(1.05);
  }
  100% {
	transform: scale(1);
  }
}
/**/


.lpInfo{
	padding:80px 0;
}
.lpInfo .ttl01{
	color:#887456;
	font-size:clamp(1.6rem,2.5vw,2.5rem);
	font-weight: normal;
	margin-bottom:1em;
}
.lpInfo .copy01{
	font-size:clamp(2rem,4vw,4.5rem);
	margin-bottom:1em;
}

.lpInfoReq{
	display:block;
	width:100%;
	background-color:#f0f0f0;
	padding:0;
}
.lpInfoReq img{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
@media(min-width:768px){
	.lpInfoReq{
		padding:40px 0;
	}
}



.fittingWrap{
	background-color:#e1dcd6;
	padding:80px 0 5px;
}
.fitting01 .copy01{
	font-size:clamp(2rem,3vw,3rem);
}
.fitting01 .ttl01{
	width:100%;
	max-width:1043px;
	margin:0 auto 40px;
}
.fitting01 .img01{
	width:70%;
	max-width:510px;
	margin:0 auto 20px;
}
.fitting01 .img02{
	width:80%;
	max-width:646px;
	margin:0 auto 40px;
}
.fitting01 .copy02{
	font-size:clamp(1.6rem,2.5vw,2.5rem);
	text-align:left;
	margin-bottom:1.5em;
}
.fitting01 .copy03{
	font-size:clamp(2.4rem,3.6vw,3.6rem);
	font-weight: bold;
}

.fitting02{
	background-color:#fff;
	max-width:1050px;
	width:100%;
	padding:10px;
	margin:80px auto;
}
.fitting02 .wrap01{
	border:1px solid #cec6bd;
	width:100%;
	padding:60px 6%;
	text-align:center;
}
@media(min-width:768px){
	.fitting02{
		padding:25px;
	}
}
.fitting02 .copy01{
	font-size:clamp(1.6rem,2.5vw,2.5rem);
}
.fitting02 .copy02{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size:clamp(2.3rem,3.5vw,3.5rem);
	margin:30px auto;
}
.fitting02 .copy02 img{
	width:50%;
	max-width:280px;
	margin:0 10px;
}


.hobbyWrap{
	background-color:#cec6bd;
	background: linear-gradient(180deg, #e1dcd6 15vw, #cec6bd 15vw);
	padding:0 0 80px;
}
@media(min-width:768px){
	.hobbyWrap{
		background: linear-gradient(180deg, #e1dcd6 110px, #cec6bd 110px);
	}
}
/*タブ*/
.hobbyCap{
	font-size:clamp(1.2rem,1.4vw,1.4rem);
	margin-bottom:10px;
}
.hobbyTab{
	display:flex;
	justify-content:center;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.hobbyTab input[name="tab_item"] {
	display: none;
}
.hobbyTab .tab{
	width:20%;
	max-width:148px;
	font-size:clamp(1rem,1.8vw,1.8rem);
	padding:0;
	text-align:center;
	cursor:pointer;
	margin:0 1%;
	font-family:sans-serif;
}
.hobbyTab .tab img{
	filter: drop-shadow(0px 10px 0px rgba(0,0,0,0.7));
	margin-bottom:15px;
	width:148px;
}
.hobbyTab .tab.active{
	color:#fff;
	background-color: #A7CFEA;
}
.hobbyTab input:checked + .tab img{
	transform:translateY(10px);
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.7)) brightness(0.7);;
}
/*本体*/
.hobbyBody{
	display:none;
	width:90%;
	max-width:1600px;
	margin:30px auto 30px;
}
#tabOut:checked ~ #contentsOut,
#tabPet:checked ~ #contentsPet,
#tabWor:checked ~ #contentsWor,
#tabRes:checked ~ #contentsRes{
	display:block;
}
.hobbyBody .ttl01{
	width:auto;
	height:80px;
	margin:0 auto 30px;
}
.hobbyBody .ttl01 img{
	width:auto;
	height:80px;
}
.hobbyBody02{}
.hobbyBody02 .wrap01{
	margin-bottom:40px;
}
.hobbyBody02 .wrap02{}
.hobbyBody02 .copy01{
	font-size:clamp(1.6rem,2.5vw,2.5rem);
	text-align:left;
}
@media(min-width:768px){
	.hobbyBody .ttl01{
		height:auto;
		width:80%;
		margin:30px auto 60px;
	}
	.hobbyBody .ttl01 img{
		width:100%;
		height:auto;
	}
	.hobbyBody02{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.hobbyBody02.rvs{
		flex-direction: row-reverse;
	}
	.hobbyBody02 .wrap01{
		margin-bottom:0;
		width:calc(900% / 16);
	}
	.hobbyBody02 .wrap02{
		width:calc(576% / 16);
	}
	.hobbyBody02 .copy01{
		font-size:clamp(1.6rem,1.6vw,2.5rem)
	}
}



.equip{
	padding:80px 0;
}
@media(min-width:768px){
	.equip{
		padding:120px 0;
	}
}
.equip > .copy01{
	font-size:clamp(3.4rem,5.2vw,5.2rem);
	margin-bottom:1em;
}
.equip > .copy02{
	font-size:clamp(2.2rem,3.3vw,3.3rem);
	margin-bottom:3em;
}
.equWrap{}
.equWrap .equUnit01{
	width:100%;
	background-color:#f0f0f0;
	padding:20px;
	margin-bottom:60px;
}
.equWrap .equUnit01 .img01{
	width:100%;
}
.equWrap .equUnit01 .img02{
	width:100%;
	padding:20px;
	background-color:#fff;
}
.equWrap .equUnit01 .ttl01{
	font-size:clamp(2.3rem,3vw,3rem);
	font-feature-settings: "palt";
	margin:1em 0 0.5em;
	font-weight: normal;
}
.equWrap .equUnit01 .copy01{
	font-size:clamp(1.6rem,2.4vw,2.4rem);
	text-align:left;
}
@media(min-width:768px){
	.equWrap{
		display:flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.equWrap .equUnit01{
		width:47%;
		padding:40px;
	}
	.equWrap .equUnit01 .ttl01{
		font-size:clamp(2.3rem,2.3vw,3rem);
	}
	.equWrap .equUnit01 .copy01{
		font-size:clamp(1.6rem,1.6vw,2.2rem);
	}
	.equWrap .equUnit01 .img02{
		padding:30px;
	}
}
/**/


/*MAP*/
.mapWrap01{
	width:90%;
	max-width:1514px;
	margin:0 auto 100px;
}
.mapWrap02{
	margin-bottom:100px;
}
.map01{
	width: 100%;
	height:calc(130vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto 30px;
}
.map01 img{
	height:130vw;
	width:132.9vw;
	max-width:none;
}
@media(min-width: 768px){
	.map01{
		width:100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto 50px;
	}
	.map01 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}
.map02{
	width: 100%;
	margin: 0 auto 30px;
}
@media(min-width: 768px){
	.mapWrap02{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.mapWrap02 .map02{
		width:59%;
		max-width:862px;
		margin:0;
	}
	.mapWrap02 .map03{
		width:39%;
		max-width:600px;
	}
}
.mapbtn01{
	font-size: clamp(2rem,2vw,2.7rem);
	letter-spacing: 0.1em;
	position: relative;
	padding-right: 20px;
}
.mapbtn01::before{
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
	content: "";
	display: flex;
	width: 10px;
	height: 10px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}




.landplan{
	max-width:1509px;
	width:90%;
	margin:0 auto 100px;
}
.landplan .ttl01{
	border-bottom:1px solid #666;
	font-size: clamp(2rem,3vw,3rem);
	font-weight: normal;
	margin-bottom:40px;
	padding-bottom:10px;
}
.land01{
	width: 100%;
	height:calc(130vw + 15px);
	overflow-y:hidden;
	overflow-x:scroll;
	margin: 0 auto 30px;
}
.land01 img{
	height:130vw;
	width:208vw;
	max-width:none;
}
@media(min-width: 768px){
	.land01{
		width:100%;
		height:auto;
		overflow:hidden;
		margin: 0 auto 50px;
	}
	.land01 img{
		width:100%;
		height:auto;
		max-width:100%;
	}
}




.olList01{
	display:flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:80px;
}
@media(min-width: 768px){
	.olList01{
		margin-bottom:120px;
	}
}
.olList01 dt{
	background-color:#fff;
	font-size: clamp(1.2rem,2.5vw,2.5rem);
	margin-bottom:5px;
	margin-right:5px;
	padding:0.5em 0.75em;
	width:10em;
	text-align: left;
}
.olList01 dd{
	background-color:#fff;
	font-size: clamp(1.2rem,2.5vw,2.5rem);
	margin-bottom:5px;
	padding:0.5em 0.75em;
	width: calc(100% - 10em - 5px);
	text-align: left;
}
@media(min-width: 768px){
	.olList01 dt{
		margin-bottom:10px;
		margin-right:10px;
	}
	.olList01 dd{
		margin-bottom:10px;
		width: calc(100% - 10em - 10px);
	}
}
.olTtl01{
	font-size: clamp(1.8rem,2.8vw,2.8rem);
}