@charset "UTF-8";
html, body { font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; *font-size: 13px; *font: 13px; color: #333; line-height: 1.4;}
.clear { clear: both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
div, table { margin: 0; }
img { vertical-align: bottom; }
strong { font-weight: bold; }

body{
	background: #ffffff !important;
}

.container{
	padding: 0px 8px !important;
}

.content-box .container{
	padding: 0px 5px !important;
}

[class^=col] {
	padding: 0px 5px !important;
}

header{
	width: 100%;
	padding: 0px;
	margin-bottom: 30px;
}

footer{
	width: 100%;
	padding: 0px 5px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.4);
	background: #0000ff !important;
	color: #fff;
	font-size: 80%;
	line-height: 25px;
}

header .navbar-toggler{
	color: #0000ff;
	padding: .25rem 0px !important;
	margin-top: 6px;
}

header #grobalMenu{
	position: absolute;
	top: 40px;
	right: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	z-index: 10;
}

.content-box{
	margin-bottom: 20px;
	padding-bottom: 0.5em;
	background: #ffffff !important;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}

.content-box h2{
	font-size: 160%;
	line-height: 1.6;
	font-weight: bold;
	color: #fff;
	margin: 1em 0 0.5em 0;
	padding: 0.2em 0.5em;
}

.content-box.note h2{
	text-shadow: -1px -1px 0 #b41d2b;
	background: #dc3545; !important;
}

.content-box.info h2{
	text-shadow: -1px -1px 0 #4194D8;
	background: #5FACEC !important;
}

.content-box.primary h2{
	background: #7DBEF5 !important;
}

.content-box h3{
	font-size: 140%;
	line-height: 1.6;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}

.content-box p{
	width: 100%;
	padding: 5px;
	text-align: justify;
}

.content-box p.center{
	text-align: center;
}

.content-box table{
	margin: 0;
	border-radius: 2px;
}
.content-box table td,
.content-box table th{
	padding: 5px;
}

.content-box a.hideButton{
	float: right;
	margin-right: 10px;
	color: #fff;
}

.hrlist li{
	float: left;
	list-style-type: none;
	margin-right: 0.5em;
}
.hrlist li:after {
	margin-left: 0.5em;
	content: "／";
}
.hrlist li:last-child:after {
	margin-left: 0;
	content: "";
}

.w5 {
	width: 5%;
}
.w10 {
	width: 10%;
}
.w15 {
	width: 15%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w30 {
	width: 30%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w65 {
	width: 65%;
}
.w70 {
	width: 70%;
}
.w75 {
	width: 75%;
}
.w80 {
	width: 80%;
}
.w85 {
	width: 85%;
}
.w90 {
	width: 90%;
}
.w95 {
	width: 95%;
}

.form-control::placeholder {
	color: rgba(28, 67, 167, 0.5) !important;
	font-size: 90%;
	font-weight: bold;
}

.form-control:-ms-input-placeholder {
	color: rgba(28, 67, 167, 0.5) !important;
	font-size: 90%;
	font-weight: bold;
}

.form-control::-ms-input-placeholder {
	color: rgba(28, 67, 167, 0.5) !important;
	font-size: 90%;
	font-weight: bold;
}
.lg{
	font-size: 120%;
	line-height: 1.6;
}

@media screen and (max-width: 959px) {
	.pc-only {display: none !important;}
}
@media screen and (min-width: 960px) {
	.sp-only {display: none !important;}
}