@charset "utf-8";

/* .section-cmn-01.lineup3
---------------------------------------------------------- */
.section-cmn-01.lineup3 { padding-top: 97px;}
	.section-cmn-01.lineup3 .box-cmn-border-01 { margin-bottom: 60px;}
@media screen and (max-width: 600px) {
	.section-cmn-01.lineup3 { padding-top: 70px;}
		.section-cmn-01.lineup3 .box-cmn-border-01 { margin-bottom: 40px;}
}
/* box-lineup3-01
---------------------------------------------------------- */
.box-lineup3-01 { padding: 55px 140px 78px;}
@media screen and (max-width: 600px) {
	.box-lineup3-01 { padding: 30px 0 35px;}
}
/* box-ttl-lineup3-01
---------------------------------------------------------- */
.box-ttl-lineup3-01 {
	overflow: hidden;
	margin-bottom: 63px;
}
	.box-ttl-lineup3-01 figure {
		float: left;
		width: 200px;
		margin-left: 54px;
	}
		.box-ttl-lineup3-01 figure img { width: 100%;}
		.box-ttl-lineup3-01 .box-info {
			padding-left: 320px;
			text-align: left;
		}
			.box-ttl-lineup3-01 .box-info .ttl {
				margin-bottom: 20px;
				padding: 30px 0 17px;
				border-bottom: 1px solid #c2dbd6;
				color: #188773;
				font-size: 20px;
				font-size: 2.0rem;
				font-weight: bold;
				text-align: left;
			}
			.box-ttl-lineup3-01 .box-info .txt {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 1.75;
			}
	.box-ttl-lineup3-01.type-01 figure { 
		width: 280px;
		margin-left: 0;
		padding-top: 25px;
	}
		.box-ttl-lineup3-01.type-01 .box-info .ttl { padding-top: 0;}
@media screen and (max-width: 600px) {
	.box-ttl-lineup3-01 { margin-bottom: 25px;}
		.box-ttl-lineup3-01 figure {
			float: none;
			width: 117px;
			margin: 0 auto 10px;
		}
			.box-ttl-lineup3-01 figure img { width: 100%;}
			.box-ttl-lineup3-01 .box-info { padding-left: 0;}
				.box-ttl-lineup3-01 .box-info .ttl {
					margin-bottom: 20px;
					padding: 15px 0 13px;
					font-size: 18px;
					font-size: 1.8rem;
				}
				.box-ttl-lineup3-01 .box-info .txt {}
		.box-ttl-lineup3-01.type-01 figure { 
			width: 172px;
			margin: 0 auto 35px;
			padding-top: 15px;
		}
		.box-ttl-lineup3-01.type-01 .box-info .ttl { padding-top: 15px;}
}
/* box-lineup3-02
---------------------------------------------------------- */
.box-lineup3-02 { padding: 0 0 150px;}
	.box-lineup3-02 .video-lineup {
		position: relative;
		max-width: 720px;
		margin: 0 auto 0;
		cursor: pointer;
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
		.box-lineup3-02 .video-lineup .start-video {
			position: absolute;
			top: 0;
			left: 0;
		} 
@media screen and (max-width: 600px) {
	#player-lineup3 {
		width: 235px;
		height: 132px;
		margin: 0 auto;
	}
	.box-lineup3-02 { padding: 0 0 97px;}
		.box-lineup3-02 .video-lineup {
			width: 235px;
			height: 132px;
			margin: 0 auto;
			aspect-ratio: auto;
			text-align: center;
		}
			.box-lineup3-02 .video-lineup .start-video {}
				.box-lineup3-02 .video-lineup .start-video img { width: 100%;} 
		.box-lineup3-02 .txt-video { text-align: center; margin-top: 4px;}
}
/* ttl-lineup3-01
---------------------------------------------------------- */
.ttl-lineup3-01 {
	margin-bottom: 22px;
	color: #0f9179;
	font-size: 38px;
	font-size: 3.8rem;
	text-align: center;
}
	.ttl-lineup3-01 span {
		display: block;
		padding-top: 5px;
		color: #4c4c4c;
		font-size: 16px;
		font-size: 1.6rem;
	}
@media screen and (max-width: 600px) {
	.ttl-lineup3-01 {
		margin-bottom: 8px;
		font-size: 26px;
		font-size: 2.6rem;
	}
}
/* lis-lineup3-01
---------------------------------------------------------- */
.lis-lineup3-01 {}
	.lis-lineup3-01 li {
		position: relative;
		display: table;
		width: 100%;
		overflow: hidden;
		min-height: 116px;
		margin-bottom: 20px;
		padding: 18px 30px 12px;
		background-color: #f5fffd;
	}
		.lis-lineup3-01 li .inner {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
		}
		.lis-lineup3-01 li .box-header {}
			.lis-lineup3-01 li .box-header .point { 
				position: absolute;
				top: 50%;
				left: 30px;
				margin-top: -40px;
			}
			.lis-lineup3-01 li .box-header .ttl {
				margin-bottom: 3px;
				padding-left: 100px;
				color: #188773;
				font-size: 18px;
				font-size: 1.8rem;
				font-weight: bold;
				text-align: left;
			}
			.lis-lineup3-01 li .txt {
				padding-left: 100px;
				text-align: left;
				min-height: 50px;
				line-height: 1.85;
			}
			.lis-lineup3-01 li figure {
				padding-top: 25px;
				text-align: center;
			}
	.lis-lineup3-01.type-01 li {
		min-height: inherit; 
		padding: 25px 30px 45px;
	}
		.lis-lineup3-01.type-01 li .box-header .point { top: 64px;}
			.lis-lineup3-01.type-01 li .box-header .ttl { padding-left: 105px;}
			.lis-lineup3-01.type-01 li .txt { padding-left: 105px;}
@media screen and (max-width: 600px) {
	.lis-lineup3-01 {}
		.lis-lineup3-01 li { padding: 10px 11px;}
			.lis-lineup3-01 li .box-header {
				display: table;
				margin-bottom: 7px; 
			}
				.lis-lineup3-01 li .box-header .point {
					position: static;
					display: table-cell; 
					width: 64px;
				}
					.lis-lineup3-01 li .box-header .point img { width: 100%;}
				.lis-lineup3-01 li .box-header .ttl {
					display: table-cell;
					margin-bottom: 8px;
					vertical-align: middle;
					padding-left: 13px;
					color: #188773;
					font-size: 18px;
					font-size: 1.8rem;
					font-weight: bold;
				}
				.lis-lineup3-01 li .txt {
					padding-left: 13px;
					min-height: auto;
					font-size: 16px;
					font-size: 1.6rem;
				}
				.lis-lineup3-01 li figure { padding-top: 18px;}
					.lis-lineup3-01 li figure img { width: 100%;}
					.lis-lineup3-01 li figure .img-txt { padding: 18px 40px 26px;}
					
		.lis-lineup3-01.type-01 li { padding: 10px 11px 10px;}
			.lis-lineup3-01.type-01 li .box-header .point { top: 64px;}
			.lis-lineup3-01.type-01 li .box-header .ttl { padding-left: 11px;}
			.lis-lineup3-01.type-01 li .txt { padding-left: 0;}

}
/* box-lineup-01.lineup3
---------------------------------------------------------- */
.box-lineup-01.lineup3 {
	padding-bottom: 86px; 
	text-align: left;
}
	.box-lineup-01.lineup3 .title { 
		width: 315px;
		margin-bottom: 30px;
	}
	.box-lineup-01.lineup3 .img {
		top: 46px;
		left: 576px;
	}
@media screen and (max-width: 600px) {
	.box-lineup-01.lineup3 {
		margin-bottom: 62px; 
		padding-bottom: 11px;
	}
		.box-lineup-01.lineup3::before {
			bottom: -46px;
			height: 47px;
		}
		.box-lineup-01.lineup3 .title {
			width: 100%;
			margin-bottom: 18px;
		}
			.box-lineup-01.lineup3 .img {
				position: static;
				padding: 0 9px;
				margin-bottom: 12px;
			}
}
/* .box-lineup-02.lineup3
---------------------------------------------------------- */
.box-lineup-02.lineup3 .image { padding: 22px 0 22px;}
@media screen and (max-width: 600px) {
	.box-lineup-02.lineup3 .image { padding: 12px 0 12px;}
}

/* section-lineup-01
---------------------------------------------------------- */
@media screen and (max-width: 600px) {
	.section-lineup-01 { padding-top: 14px;}
}

/* .box-lineup-01 .txt-01
---------------------------------------------------------- */
@media screen and (max-width: 600px) {
	.box-lineup-01 .txt-01 { margin-bottom: 8px;}
}