@charset "UTF-8";
/* drama-box-body
========================================== */
body.second .drama-main .drama-box-body {}


/* intro
========================================== */
.intro-area {}
.intro-area a { display: block; }
.intro-inner {}


/* intro-overview
------------------------------------------ */
.intro-overview {
	font-weight: bold;
	letter-spacing: -0.5px;
}
.intro-overview-box {}
.intro-overview-box:not(:first-of-type) {
	margin-top: 35px;
}

.intro-overview-title {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #ff69a8;
	line-height: 1.6;
	border-bottom: double 6px #ff69a8;
}

.intro-overview-text {
	font-size: 1.8rem;
	line-height: 2;
}
.intro-overview-text b {
	font-size: 2.4rem;
	font-weight: bold;
}





/* ------------------------------------------------------------------
	small-screen
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
	/* drama-box-body
	========================================== */
	body.second .drama-main .drama-box-body { padding: 20px 5% 30px; }


	/* intro
	========================================== */
	.intro-area {}


	/* intro-overview
	------------------------------------------ */
	.intro-overview {}
	.intro-overview-box {}
	.intro-overview-box:not(:first-of-type) {
		margin-top: 20px;
	}

	.intro-overview-title {
		margin-bottom: 5px;
		font-size: 1.25rem;
		border-bottom: double 4px #ff69a8;
	}

	.intro-overview-text {
		font-size: 1.2rem;
		line-height: 1.8;
	}
	.intro-overview-text b {
		font-size: 1.4rem;
	}
}



/* ------------------------------------------------------------------
	small-screen-up to medium-screen
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) and (max-width: 992px) {
}



/* ------------------------------------------------------------------
	medium-screen
------------------------------------------------------------------ */
@media only screen and (max-width: 992px) {
}



/* ------------------------------------------------------------------
	medium-screen-up
------------------------------------------------------------------ */
@media only screen and (min-width: 993px) {

}



/* ------------------------------------------------------------------
	small-screen-up
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) {
}