/* *********************************
2019.3～ bootstrap4　
*********************************** */




/* *********************************
共通のスタイル
*********************************** */
img{
	max-width:100%;
}

.img_wrap img{
	width:100%;
	cursor:pointer;
	transition-duration:0.3s;
}
.img_wrap:hover img{
	opacity:0.6;
	transition-duration:0.3s;
}



/* 	ナビゲーション */
.kuma_navi{
	background-color:rgba(0,56,86,0.9)!important;
	color:#FFFFFF!important;
	font-weight:bold!important;
	font-size:15px;
}

.kuma_navi .nav-link{
	text-decoration:underline!important;
	color:#FFFFFF!important;

}

.nav-link:hover{
		background-color:#699;
}

.1_page{
	margin-left:50px;
	background-color:#996633;
}


/* 	オンマウスでドロップダウンさせる  
.dropdown:hover > .dropdown-menu{
	display:block;
}
 	モバイルではオンマウスでドロップダウンさせる 
@media only screen and (max-width:700px){
.kuma_navi .dropdown:hover > .dropdown-menu{
	display:block;
}
} 
*/


/* 	フッター */
.footer{
	background-color:rgba(0,56,86,0.3)!important;
	text-align:center;
}

/* 	ページ上部へ戻るボタン（新規） */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 120%;
}

#page-top a {
	background:rgba(0,56,86,0.8);
	text-decoration: none;
    color: #fff;
    width: 100px;
	height:90px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}

#page-top a:hover {
	background:rgba(0,56,86,0.5);
	text-decoration: none;
}

/* 	ページ上部へ戻るボタン（新規）ここまで */




.newbox dd{
	border-bottom:1px dashed #999;
}


/* *********************************

フッター

*********************************** */
.footer{
	font-size:80%;
}








/* 見出し
=================================== */
h1{
	position:relative!important;
	padding:0.5em!important;
	background:#f39;/*e85298*/
	color:#FFFFFF!important;
	font-size:120%!important;
	font-weight:bold!important;
	}
	
h1::before{
	position:absolute!important;
	content:''!important;
	top:100%!important;
	left:0!important;
	border:none!important;
	border-bottom:solid 15px transparent!important;
	border-right:solid 20px rgb(149,158,155)!important;
}






h2{
	clear:both!important;
	padding-top:6px!important;
	padding-left:5px!important;
	padding-bottom:5px!important;
	margin-top:20px!important;
	margin-bottom:10px!important;
	font-size:100%!important;
	font-weight:bold!important;
	background-color:#e5e5e5!important;
	border-left:solid 12px #e4007f!important;
	color:#e4007f!important;
}



h3{
	clear:both!important;
	padding-top:6px!important;
	padding-left:5px!important;
	margin-top:20px!important;
	margin-bottom:5px!important;
	font-weight:bold!important;
	border-left:solid 5px #e4007f!important;
	border-bottom:dotted 1px #e4007f!important;
	font-size:100%!important;
	color:#e4007f!important;
}



/* 
自衛官募集一覧「トップ」と「なりたい」に
iframe表示
=================================== */
.bosyu_t{
	border-collapse:collapse;
}

.bosyu_t th{
	background-color:#009999;
	color:#FFFFFF;
	height:20px;
	border:solid 1px #CCCCCC;
/*	text-align:center;
*/

}

.bosyu_t td{
	border:solid 1px #CCCCCC;
	height:50px;
}

.syumoku{
	font-weight:bold;
	text-align:left;
	width:250px;
	padding-left:5px;
}

.day{
	width:100px;
}

.shousai{
	width:100px;
}


#inquiry{
	max-width:320px;
	height:auto;
	border:solid 1px #009933;
	padding:10px;
	margin:20px 5px 20px 0px;
	width:100%;
}

#inquiry dt{
	margin-left:10px;
	font-weight:bold;
}


#inquiry dd{
	text-align:right;
	margin-right:2em;
	margin-top:5px;
}