@charset "utf-8";

#wrap *[class*="layoutColumn"] > *.marginLvH3 {
	margin-top: 56px !important;
}
.labelTxt01 {
	display: inline-block;
	padding: 0 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.operationType01 {
	display: flex;
	align-items: center;
}
.operationType01 .operationTxt {
	width: calc(100% - 141px);
}
.operationType01 .operationImg {
	width: 126px;
	margin-left: 15px;
}
.operationDetail01 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #21ad77;
}
.movieBlk01 {
	display: flex;
	width: 770px;
	margin: 120px auto 0;
}
.movieBlk01 .movieItem {
	margin-left: 70px;
}
.movieBlk01 .movieItem:first-child {
	margin-left: 0;
}

@media screen and (max-width: 768px) {
	#wrap *[class*="layoutColumn"] > *.marginLvH3 {
		margin-top: 36px !important;
	}
	#wrap .layoutColumnA2_1 > *.marginLvH3:first-child {
		margin-top: 36px !important;
	}
	.operationType01 .operationTxt {
		width: calc(100% - 99px);
	}
	.operationType01 .operationImg {
		width: 84px;
	}
	.operationDetail01 {
		margin-top: 15px;
		padding-top: 15px;
	}
	.movieBlk01 {
		display: block;
		width: 100%;
		margin: 30px auto 0;
	}
	.movieBlk01 .movieItem {
		margin-top: 30px;
		margin-left: 0;
	}
	.movieBlk01 .movieItem:first-child {
		margin-top: 0;
	}

	/* glyphScroll */
	.spScrollA01 {
		overflow: auto;
	}
	.spScrollA01::-webkit-scrollbar{
		width: auto;
		height: 8px;
	}
	.spScrollA01::-webkit-scrollbar-track{
		background: #d8d8d8;
		border-radius: 10px;
	}
	.spScrollA01::-webkit-scrollbar-thumb{
		background: #00a788;
		border-radius: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.spScrollA01 .spScrollItem {
		margin-bottom: 10px;
		min-width: 560px;
	}
	.glyphScroll01 {
		display: block;
		margin-top: 10px;
		padding: 10px 0;
	}
	.glyphScroll01 > span {
		position: relative;
		display: inline-block;
		padding-left: 3.7em;
	}
	.glyphScroll01 > span:before {
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 0;
		margin-top: -1.5em;
		content: "";
		width: 3.1em;
		height: 3em;
		background: url(/common/column/images/common_scroll_01.svg) no-repeat 0 0;
		background-size: 3.1em 3em;
	}
}
