@charset "utf-8";

/*===========================================================
scene01
===========================================================*/

.scene01-title-box {
    margin: 0 auto;
    display: block;
    padding: 9px 15px 11px;
	background: color-mix(in srgb, var(--bg-seventh) 70%, transparent);
	border-radius: 8px;
}

.scene-title01 {
	display: inline;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

.scene-title01 span {
	font-size: 20px;
}

.scene02-title-box02 {
	padding: 0 0 10px;
	border-bottom: 1px solid var(--primary);
	gap: 10px;
}

.scene01-illust-box01 {
	z-index: -1;
}

.scene01-illust-box02 {
	z-index: -1;
}

.scene01-block {
	display: grid;
	gap: 10px 0;
}

/*===========================================================
scene02
===========================================================*/

.scene02-title-box01 .scene-title01 {
	display: flex;
	align-items: flex-end;
	text-shadow: unset;
	position: relative;
}

.scene02-title-box01 .scene-title01::before {
	content: "";
	display: block;
	margin: 0 2% 0 0;
	width: 1px;
	height: 30px;
	background: var(--tertiary);
	transform: rotate(-30deg);
}

.scene02-title-box01 .scene-title01::after {
	content: "";
	display: block;
	margin: 0 0 0 2%;
	width: 1px;
	height: 30px;
	background: var(--tertiary);
	transform: rotate(30deg);
}

.scene02-text-box .text01 {
	line-height: 2.22222;
}

.scene02-text-box .text01 span {
	line-height: 1.4285714;
}

.scene02-illust-box01 {
	z-index: -1;
}

.scene02-illust-box02 {
	z-index: -1;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


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

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



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


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

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



} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


/*===========================================================
scene01
===========================================================*/

.scene01-block {
	gap: 20px 0;
}

.scene-title01 span {
	font-size: 26px;
}

} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


/*===========================================================
scene01
===========================================================*/

.scene-title01 span {
	font-size: 35px;
}

} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


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

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



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


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

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



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

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