@charset 'utf-8';

/*---------------------------------------------------------------------- */
/* Feature Styles
------------------------------------------------------------------------ */

/* Layout
---------------------------------------------------------- */

#main-header > .title > .txt01 {
	text-transform: none;
}

.feature03 .section-content .img-overflow {
	position: relative;
	margin: 4rem -2rem 0 -2rem;
	padding: 3rem 0;
	overflow: auto;
}

.feature03 .section-content .img-overflow::before {
	display: block;
	position: absolute;
	top: 0;
	right: 2rem;
	z-index: 2;
	width: 8.5rem;
	height: 1.1rem;
	background: url(../images/feature/icon-scroll.svg) no-repeat left top;
	background-size: 100%;
	content: '';
}

.feature03 .section-content .img-overflow img {
	max-width: 76rem;
	width: 76rem;
}

/*---------------------------------------------------------------------- */
/* 768px Tablet & PC Styles
------------------------------------------------------------------------ */

@media screen and (min-width: 768px), print {

/* Utilities
---------------------------------------------------------- */

/* Layout
---------------------------------------------------------- */

.feature03 .section-content {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.feature03 .section-content > .img {
	width: 100%;
}

.feature03 .section-content .img-overflow {
	margin: 6rem 0 0 0;
	padding: 0;
	width: 100%;
}

.feature03 .section-content .img-overflow::before {
	display: none;
}

.feature03 .section-content .img-overflow img {
	max-width: 100%;
	width: 100%;
}

}