@charset "utf-8";

/*===========================================================
下層カバー
===========================================================*/
.in-cover {
	max-width: 192rem;
	width: 100%;
	height: 47rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: auto;
}

.in-cover:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(77 47 21 / 55%);
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	z-index: 99;
}

.in-cover-frame {
	max-width: 125rem;
	width: 100%;
	padding: 0 1.5rem;
	/* margin: auto; */
	position: relative;
	z-index: 999;
}

.in-cover-title {
	font-size: 5.5rem;
	font-weight: normal;
	font-family: var(--font-family02);
	line-height: 1.1702em;
	letter-spacing: 0.03em;
	text-align: center;
	color: var(--white);
	text-shadow: 0 0 0.6rem var(--primary);
}

.in-cover-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.in-cover-image>img {
	object-fit: cover;
	height: 100% !important;
	width: 100%;
	object-position: center;
}


/*===========================================================
共通
===========================================================*/

.in-wrapper01 {
	max-width: 192rem;
	width: 100%;
	margin: 0 auto;
	padding: 15rem 0;
	position: relative;
}

.padding01 {
	padding: 0 1.5rem;
}

.inner01 {
	max-width: 14.8rem;
	width: 100%;
	margin: auto;
	position: relative;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <=1920px) {
/*===========================================================

===========================================================*/
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <=1024px) {

/*===========================================================
共通
===========================================================*/
	.in-wrapper01 {
		padding: 10rem 0;
	}
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <=768px) {

/*===========================================================
共通
===========================================================*/
	.in-wrapper01 {
		padding: 8rem 0;
	}
	
	.in-cover {
		height: 30rem;
	}

	.in-cover-title {
		font-size: 3.6rem;
	}
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <=576px) {

/*===========================================================

===========================================================*/
	.in-wrapper01 {
		padding: 6rem 0;
	}

	.in-cover-title {
		font-size: 3rem;
	}

}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <=414px) {
/*===========================================================

===========================================================*/
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */