
	*, *::before, *::after {
	  box-sizing: border-box;
	  word-break: break-all;
	}
	body{
		margin: 0;
		padding: 0;
		line-height: 1.75;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-feature-settings: "palt";
		letter-spacing: 2px;
		color: #333;
	}
	img{
		vertical-align: middle;
	}
	header,
	footer,
	main{
		margin-right: auto;
		margin-left: auto;
		width: min(100%,750px);
	}
	header,
	main .wrap{
		background-color: #F5F6F1;
	}
	footer{
		background-image: url(../img/bg_footer.webp);
		background-size: 100% 100%;
		background-position: top;
		background-repeat: no-repeat;		
	}
	footer .inner p{
		color: #fff;
		text-align: center;
	}
	.colm1{
		display: flex;
		justify-content: center;
	}
	.inner{
		position: relative;
	}
	.inner.w90{
		width: min(90%,750px);
	}
	.inner img{
		max-width: 100%;
	}
	.inner p{
		font-size: min(4.5vw,25px);
		margin: 0;
	}
	.inner p small{
		font-size: min(4vw,22px);
	}
	.inner p.note{
		font-size: min(3.7vw,20px);
	}
	.inner p.summary{
		padding: 25px 5%;
		color: #666666;
	}
	.inner h1{
		margin: 0;
		font-size: 25px;
		text-align: center;
	}
	.inner h2{
		margin: 0;
		font-size: min(4.5vw,25px);
		text-align: center;
		padding: 50px 0;
	}
	.inner h3{
		margin: 0;
		font-size: min(4.2vw,23px);
		text-align: center;
		padding: 50px 0;
	}
	.inner .wrap{
		padding: 25px 22px;
	}

	.inner .spc{
		height: 6vw;
	}
	.inner .spc_65{
		height: 11vw;
	}
	.inner .spc_85{
		height: 13vw;
	}
	.inner .spc_95{
		height: 15vw;
	}
	.inner .spc_135{
		height: 13vw;
	}
	@media screen and (min-width:750px) {
		.inner .spc{
			height: 45px;
		}
		.inner .spc_65{
			height: 65px;
		}
		.inner .spc_85{
			height: 85px;
		}
		.inner .spc_95{
			height: 95px;
		}
		.inner .spc_135{
			height: 135px;
		}
	}
	.inner .center{
		text-align: center;
	}

	.movie{
		margin-right: auto;
		margin-left: auto;
		width: min(100%,663px);

	}
	.movie iframe{
		border: none;
		width: 100%;
		aspect-ratio: 16 / 9;
		background-color: #f8f8ef;
	}
	dl.type1{
		margin: 0;

	}
	dl.type1 dt{
		background-color: #380505;
		color: #fff;
		font-size: 28px;
		font-size: min(5vw,28px);

		padding: 5px 16px;
	}
	dl.type1 dd{
		color: #666666;
		font-size: min(4.6vw,26px);
		padding: 5%;
		margin: 0;
	}
	dl.type2{
		margin: 0;

	}
	dl.type2 dt{
		color: #666666;
		font-size: min(4.6vw,26px);
		padding: 20px 5% 0;
	}
	dl.type2 dd{
		color: #666666;
		font-size: min(4.6vw,26px);
		padding: 0 5% 25px;
		margin: 0;
	}
	hr{
		background-color: #380505;
		height: 4px;
		border: none;
		margin: 18px 0;
	}

	.fixed_wrap{
		position: fixed;
		bottom: -250px;
		left: 0;
		right: 0;
		z-index: 99;
		margin-right: auto;
		margin-left: auto;
		width: min(100%,750px);
		transition: 0.5s;
/*
		background-color: #F5F6F1;
*/
		aspect-ratio: 750/223;

	}
	.bottom_wrap{
		margin-right: auto;
		margin-left: auto;
		width: min(100%,750px);
		transition: 0.5s;
		background-color: #F5F6F1;
		aspect-ratio: 750/223;
	}

	#fixed_wrap.active{
		bottom: 0;
	}



#sec03{
	position: relative;
	z-index: 1;
}
#sec04{
	position: relative;
	z-index: 0;
	margin-top: max(-75px,-11vw);
}
#sec05{
}
#sec06{
	margin-top: -6vw;
}
@media screen and (min-width:750px) {
#sec06{
	margin-top: -80px;
}
}




.btn{
	filter:drop-shadow(0 7px 5px #DD9D2C);
			transition: all 0.2s;

}
.btn:hover{
	filter:drop-shadow(0 3px 3px #DD9D2C);
}

.bg_05{
	background-image: url(../img/bg_05.webp);
	background-size: 100% 100%;
	background-position: top;
	background-repeat: no-repeat;
}
.bg_07{
	background-image: url(../img/bg_07.webp);
	background-size: 100% 100%;
	background-position: top;
	background-repeat: no-repeat;
}
.btn_fixed img{
	width: 100%;
	filter:drop-shadow(0 0 2px #ffffff);

}