*,
*:before,
*:after {
	box-sizing: border-box;
}


/* 2つ並びトップバナー */
@media screen and (max-width: 486px) {
	.col_top {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top>div {
		width: 50%;
		height: auto;
		padding: 0 0.8% 0 0.8%;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_top {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top>div {
		width: 33.33333%;
		height: auto;
		padding: 0.1% 0.3% 0 0.3%;
	}
}

@media screen and (min-width: 769px) {
	.col_top {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top>div {
		width: 33.33333%;
		height: auto;
		padding: 0.1% 0.5% 0 0.5%;
	}
}

/* 3つ並びトップバナー */
@media screen and (max-width: 486px) {
	.col_top-3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top-3>div {
		width: 50%;
		height: auto;
		padding: 0 0.8% 0 0.8%;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_top-3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top-3>div {
		width: 33.33333%;
		height: auto;
		padding: 0.1% 0.3% 0 0.3%;
	}
}

@media screen and (min-width: 769px) {
	.col_top-3 {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top-3>div {
		width: 33.33333%;
		height: auto;
		padding: 0.1% 0.5% 0 0.5%;
	}
}


/* 6-4並びトップバナー */
@media screen and (max-width: 486px) {
	.col_top_6-4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top_6-4>div {
		width: 25%;
		height: auto;
		padding: 2%;
	}

	.col_top_6-4 dd {
		font-size: 10px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_top_6-4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top_6-4>div {
		width: 16.66666%;
		height: auto;
		padding: 0.1% 0.3% 0 0.3%;
	}
}

@media screen and (min-width: 769px) {
	.col_top_6-4 {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top_6-4>div {
		width: 16.66666%;
		height: auto;
		padding: 0.1% 0.5% 0 0.5%;
	}
}


/* 6-3並びトップバナー */
@media screen and (max-width: 486px) {
	.col_top_6-3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top_6-3>div {
		width: 33.33333%;
		height: auto;
		padding: 2%;
	}

	.col_top_6-3 dd {
		font-size: 10px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_top_6-3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top_6-3>div {
		width: 16.66666%;
		height: auto;
		padding: 0.1% 0.3% 0 0.3%;
	}
}

@media screen and (min-width: 769px) {
	.col_top_6-3 {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_top_6-4>div {
		width: 16.66666%;
		height: auto;
		padding: 0.1% 0.5% 0 0.5%;
	}
}


/* 2つ並び */
@media screen and (max-width: 486px) {
	.col_2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_2>div {
		width: 50%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_2>div {
		width: 50%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 769px) {
	.col_2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_2>div {
		width: 50%;
		height: auto;
		padding: 10px;
	}
}


/* 3つ並び */
@media screen and (max-width: 486px) {
	.col_3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3>div {
		width: 33.33333%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3>div {
		width: 33.33333%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_3 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3>div {
		width: 33.33333%;
		height: auto;
		padding: 10px;
	}
}


/* 4つ並び */
@media screen and (max-width: 486px) {
	.col_4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4>div {
		width: 25%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}


/* 5つ並び */
@media screen and (max-width: 486px) {
	.col_5 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_5>div {
		width: 20%;
		height: auto;
		padding: 1px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_5 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_5>div {
		width: 20%;
		height: auto;
		padding: 2px;
	}
}

@media screen and (min-width: 769px) {
	.col_5 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_5>div {
		width: 20%;
		height: auto;
		padding: 3px;
	}
}


/* 6つ並び */
@media screen and (max-width: 486px) {
	.col_6 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_6>div {
		width: 16.66666%;
		height: auto;
		padding: 1px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_6 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_6>div {
		width: 16.66666%;
		height: auto;
		padding: 2px;
	}
}

@media screen and (min-width: 769px) {
	.col_6 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_6>div {
		width: 16.66666%;
		height: auto;
		padding: 3px;
	}
}

/* 7つ並び */
@media screen and (max-width: 486px) {
	.col_7 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_7>div {
		width: 14.2858%;
		height: auto;
		padding: 1px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_7 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_7>div {
		width: 14.2858%;
		height: auto;
		padding: 2px;
	}
}

@media screen and (min-width: 769px) {
	.col_7 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_7>div {
		width: 14.2858%;
		height: auto;
		padding: 3px;
	}
}

/* 8つ並び */
@media screen and (max-width: 486px) {
	.col_8 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_8>div {
		width: 12.5%;
		height: auto;
		padding: 1px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_8 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_8>div {
		width: 12.5%;
		height: auto;
		padding: 2px;
	}
}

@media screen and (min-width: 769px) {
	.col_8 {
		width: 1200px;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_8>div {
		width: 12.5%;
		height: auto;
		padding: 3px;
	}
}


/* 3-6つ並び */
@media screen and (max-width: 486px) {
	.col_3-6 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-6>div {
		width: 33.33333%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_3-6 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-6>div {
		width: 16.66666%;
		height: auto;
		padding: 2px;
	}
}

@media screen and (min-width: 769px) {
	.col_3-6 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-6>div {
		width: 16.66666%;
		height: auto;
		padding: 3px;
	}
}

/* 3-5つ並び */
@media screen and (max-width: 486px) {
	.col_3-5 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-5>div {
		width: 33.33333%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_3-5 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-5>div {
		width: 20%;
		height: auto;
		padding: 2px;
	}
}

@media screen and (min-width: 769px) {
	.col_3-5 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-5>div {
		width: 20%;
		height: auto;
		padding: 3px;
	}
}

/* 3-4つ並び */
@media screen and (max-width: 486px) {
	.col_3-4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-4>div {
		width: 33.33333%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_3-4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-4>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_3-4 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-4>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}


/* 2-1つ並び */
@media screen and (max-width: 486px) {
	.col_2-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_2-1>div {
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_2-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_2-1>div {
		width: 50%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 769px) {
	.col_2-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_2-1>div {
		width: 50%;
		height: auto;
		padding: 5px;
	}
}

/* 2-3つ並び */
@media screen and (max-width: 486px) {
	.col_3-2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-2>div {
		width: 50%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_3-2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-2>div {
		width: 33.33333%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_3-2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-2>div {
		width: 33.33333%;
		height: auto;
		padding: 10px;
	}
}


/* 3-1つ並び */
@media screen and (max-width: 486px) {
	.col_3-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-1>div {
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_3-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-1>div {
		width: 33.33333%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_3-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_3-1>div {
		width: 33.33333%;
		height: auto;
		padding: 10px;
	}
}

/* 2-3つ並び */
@media screen and (max-width: 486px) {
	.col_4-2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4-2>div {
		width: 50%;
		height: auto;
		padding: 5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_4-2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4-2>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_4-2 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4-2>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (max-width: 480px) {
	.col_4-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4-1>div {
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 10px;
	}
}


@media screen and (min-width: 481px) and (max-width: 768px) {
	.col_4-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4-1>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}

@media screen and (min-width: 769px) {
	.col_4-1 {
		width: 100%;
		height: auto;
		display: flex;
		display: -ms-flexbox;
		/* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		/* IE10 */
	}

	.col_4-1>div {
		width: 25%;
		height: auto;
		padding: 10px;
	}
}


.movie {
	text-align: center;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 5%;
	margin-top: 5%;
}

.movie iframe {
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	max-width: 90%;
	margin: 0 5% 0 5%;
}