@charset "utf-8";

/*
/*    CSS MENU
/*
/*    -> header
/*    -> footer + pagetop
/*    -> モジュール
/*    -> ページ固有
*/

.mtl {
	margin-top: 10vw !important;
}

.mbl {
	margin-bottom: 10vw !important;
}

.mtm {
	margin-top: 5vw !important;
}

.mbm {
	margin-bottom: 5vw !important;
}

.mts {
	margin-top: 2vw !important;
}

.mbs {
	margin-bottom: 2vw !important;
}

main {
	background: url(../images/f_bg.jpg) center bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 20vw;
}

.logo {
	width: 50%;
	margin: 5vw auto;
}

.mv_wrap {
	margin-bottom: 5vw;
}

h2 {
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: 0 0.3em 5px;
	border-bottom: 2px solid #0019a7;
	font-size: 5vw;
	letter-spacing: 3px;
	margin-bottom: 8vw;
}

.tl_box {
	text-align: center;
}

h2:before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	border-top: 2px solid #0019a7;
	border-right: 2px solid #0019a7;
	bottom: -8px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%) rotate(135deg);
	transform: translate(-50%, 0%) rotate(135deg);
	background: #fff;
}

h2:after {
	position: absolute;
	bottom: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width: 100%;
	height: 6px;
	background: #fff;
	content: "";
}

th,
td {
	vertical-align: middle;
	padding: 3vw 2vw;
}

th {
	color: #0019a7;
	border-bottom: 1px solid #0019a7;
	width: 39%;
}

td {
	border-bottom: 1px solid #ccc;
}

td span.txts.txtf {
	display: block;
}

footer {
	background: #0019a7
}

small {
	font-size: 3vw;
	letter-spacing: 1px;
	color: #fff;
	padding: 2vw 0;
	display: block;
}