@charset "utf-8";

/* ==============================================
▼動画ギャラリー
=============================================== */
/* 共通設定
----------------------------------------------- */

/**
 * 共通要素
 */

/* タグ */
.mv-tags {
	letter-spacing: -.4em;
}
.mv-tags > .tag {
	letter-spacing: normal;
	display: inline-block;
	color: #fff;
	font-size: .75rem;
	text-align: center;
	min-width: 104px;
	padding: 5px 10px;
}
.mv-tags > .tag.tag-1 {
	background-color: #0BBAB4;
}
.mv-tags > .tag.tag-2 {
	background-color: #A1C700;
}

/* 枠線 */
.mv-border-1 {
	border: 1px solid #DEE2E6;
}

/**
 * インデックス要素
 */

/* 動画リスト（3カラム） */
@media only screen and (max-width: 767.98px) {
	.mv-set-1 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media only screen and (max-width: 575.98px) {
	.mv-set-1 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
.mv-set-1 > a {
	position: relative;
}
.mv-set-1 .tags {
	position: absolute;
	top: -14px;
	left: 15px;
}
.mv-set-1 .img-fluid {
	width: 100%;
	transition:opacity 0.15s linear;
}
.mv-set-1 > a:hover .img-fluid {
	opacity: .75;
}
.mv-set-1 > a:hover .h5 {
	text-decoration: underline;
}
.mv-set-1 > a:hover .btn {
	color: #fff;
	background-color: #00659e;
	border-color: #005d91
}
.mv-conbox-1 {
	margin-top: 70px !important;
}
.mv-conbox-1-wrap .mv-set-1 {
	margin-bottom: 0 !important;
}
.mv-conbox-1-wrap .mv-set-1:nth-child(n+4) {
	margin-top: 80px;
}
.mv-conbox-1-wrap:not(.open) .mv-set-1:nth-child(n+4) {
	display: none;
}
@media screen and (max-width: 991.98px) {
	.mv-conbox-1-wrap .mv-set-1:nth-child(n+3) {
		margin-top: 80px;
	}
	.mv-conbox-1-wrap:not(.open) .mv-set-1:nth-child(n+3) {
		display: none;
	}
}
@media only screen and (max-width: 767.98px) {
	.mv-conbox-1-wrap .mv-set-1:nth-child(n+2) {
		margin-top: 80px;
	}
	.mv-conbox-1-wrap:not(.open) .mv-set-1:nth-child(n+2) {
		display: none;
	}
}

/* 順序なしリスト */
.mv-list-1 {
	list-style: none;
	margin-left: 1.5em;
	padding: 0;
}
.mv-list-1 > li {
	position: relative;
}
.mv-list-1 > li:before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: -1.25em;
	width: 0.5em;
	height: 0.5em;
	background-color: #007ec4;
	border-radius: 100%;
}

/* 画像（センター） */
.mv-img-c > img {
	display: block;
	margin: 0 auto;
}

/* iframe（センター） */
.mv-iframe-c {
	max-width: 690px;
	margin: 0 auto;
}
.mv-iframe-c iframe {
	border: 0;
}

.case-btn-1 {
    color: #007EC4;
    background-color: #FFFFFF;
    border-color: #DEE2E6;
    border-width: 2px;
    margin: 0;
    border-style: solid;
}