@charset "utf=8";


/*===========================================================
下層カバー
===========================================================*/

.in-cover {
	max-width: 192rem;
	width: 100%;
	height: 38rem;
	margin: 0 auto;
	position: relative;
}

.in-cover-bg::before {
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background: linear-gradient(to bottom, rgba(88, 87, 61, 0%), rgba(18, 17, 12, 63%));
}

.in-cover-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

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

.in-cover-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    position: absolute;
	top: 0;
	bottom: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.in-cover-title {
    font-size: 4.5rem;
    font-weight: 700;
	font-family: var(--font-family02);
    letter-spacing: 0.05em;
    color: var(--white);
    position: relative;
}

/*===========================================================
共通パーツ
===========================================================*/

/*------ タイトル ------*/

/* .common-title-area  {
	display: flex;
	justify-content: center;
} */

.common-title-box01 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.common-title-box01::before {
    content: "";
    display: block;
    max-width: 4.4rem;
    width: 100%;
    height: 6.2rem;
    background: url(../../../../uploads/title_illust01.png)center center / contain no-repeat;
}

.common-title-box01::after {
    content: "";
    display: block;
    max-width: 4.4rem;
    width: 100%;
    height: 6.2rem;
    background: url(../../../../uploads/title_illust02.png)center center / contain no-repeat;
}

.common-title01 {
	margin: 0 3%;
    max-width: max-content;
    width: 100%;
    font-size: 4.5rem;
    font-weight: 700;
    font-family: var(--font-family02);
    letter-spacing: 0.05em;
}


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

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

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (width <= 1550px) {


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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


	/*===========================================================
	共通パーツ
	===========================================================*/

	/*------ タイトル ------*/

	.common-title01 {
		font-size: 3.5rem;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

	/*===========================================================
	下層カバー
	===========================================================*/

	.in-cover {
		height: 30rem;
	}

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

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

	.common-title-box01::before {
		max-width: 3.4rem;
		height: 5.2rem;
	}

	
	.common-title-box01::after {
		max-width: 3.4rem;
		height: 5.2rem;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

	/*===========================================================
	共通パーツ
	===========================================================*/

	/*------ タイトル ------*/

	.common-title01 {
		font-size: 2rem;
	}

	.common-title-box01::before {
		max-width: 2.4rem;
		height: 4.2rem;
	}

	.common-title-box01::after {
		max-width: 2.4rem;
		height: 4.2rem;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */