* { box-sizing: border-box !important; }
body { background: #fff !important; }

.mt-3 { margin: 0 !important; }
	
/* ヘッダ */
body > nav {
	height: 80px;
	margin: 0 auto 50px;
	position: relative;
	background: #052a83 !important;
}
body > nav > div > a {
	width: 220px; height: 55px;
	overflow: hidden;
	line-height: 80000px;
	background: url("/static/img/headerLogo.svg");
	position: absolute !important; top: 12px; left: calc( 50% - 110px ); 
}
body > nav > div > div ul a {
	color: #fff !important;
}
body > nav > div > div div a {
	padding: 3px 20px !important;
	background: none !important;
	border: 4px solid #fff !important;
	border-radius: 800px !important;
}
body > nav > div > div div a:hover {
	background: #fff !important;
	color: #052a83 !important;
}

body > nav > div > div > div > button {
	padding: 3px 20px !important;
	background: none !important;
	border: 4px solid #fff !important;
	color: #fff;
	border-radius: 800px !important;
}

/* dropdown */
body > nav > div > div > div > div > ul > li > a{
	background: #fff !important;
	color: #052a83 !important;
}

/* 	メイン */
body > div.container {
	width: 980px;
	max-width: 980px !important;
	margin: 0 auto 40px !important; padding: 40px !important;
	background: #fff !important;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.3));
}
body > div.container h3 {
	margin: 0 auto 40px; padding: 0 0 30px;
	color: #052a83 !important;
	border-bottom: 1px solid #052a83;
	font-size: 30px; font-weight: bold;
}
body > div.container a {
	width: 50%;
	border: 4px solid #052a83;
	border-radius: 800px;
	background: none;
	color: #052a83; font-weight: bold;
}
body > div.container a:hover {
	border: 4px solid #052a83;
	background: #052a83;
	color: #fff;
}
body > div.container *.card {
	display: block;
}
body > div.container *.card a {
	width: auto;
	display: inline-block;
	border: none;
	border-radius: 0;
}
	
/* フッタ */
footer.border-top {
	width: 980px !important;
	margin: 60px auto 0 !important;
	position: relative !important;
	background: transparent !important;
	border-top: 1px solid #000 !important;
}
footer > p.text-light,
footer a.text-light {
	color: #000 !important;
}

/* ------ */
/* mobile */
/* ------ */

@media screen and (max-width:1000px) { 

/* ヘッダ */
body > nav {
	height: 20vw !important;
	margin: 0 auto 5vw;
}
body > nav > div > a {
	width: 40vw; height: 10vw;
	overflow: hidden;
	line-height: 80000px;
	background: url("/static/img/headerLogo.svg");
	position: absolute !important; top: 5vw; left: calc( 50% - 20vw ); 
}
body > nav > div > div ul a {
	color: #fff !important;
}
body > nav > div > div div a {
	padding: 3px 20px !important;
	background: none !important;
	border: 4px solid #fff !important;
	border-radius: 800px !important;
}
body > nav > div > div div a:hover {
	background: #fff !important;
	color: #052a83 !important;
}

/* メニュー */
.navbar-toggler-icon {
	background: url("/static/img/menu.svg");
}
.navbar-collapse {
	background: rgba(0, 0, 0, 0.7);
	z-index: 80000;
}
.navbar-collapse > div {
	padding: 5vw;
}
.nav-link {
	padding: 5vw 6vw;
}

/* 	メイン */
body > div.container {
	width: 90vw;
	max-width: 90vw !important;
	margin: 0 auto 5vw !important; padding: 3vw !important;
}
body > div.container h3 {
	margin: 3vw auto 5vw; padding: 0 0 3vw;
	font-size: 7vw;
}
body > div.container a {
	width: 100%;
	padding: 2vw 8vw;
	border-radius: 4vw;
}
body > div.container *.card a {
	padding: 0;
}
	
/* フッタ */
footer.border-top {
	width: 90vw !important;
	margin: 10vw auto 0 !important;
	position: relative !important;
	background: transparent !important;
	border-top: 1px solid #000 !important;
	flex-direction: column;
}
footer > p.text-light,
footer a.text-light {
	color: #000 !important;
}

}