@charset "utf-8";

*{box-sizing:border-box;
margin:0;
}

p,h1,h2,h3,h4,h5,h6,dl,dt,dd,li,th,td,caption {
font-family: 'Lato','Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ' ,Meiryo,'MS PGothic', sans-serif;
margin-top: 0;
margin-bottom: 0;
}


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

body {
			background-color:#FFF;
}

/*--------------------ヘッダーの設定--------------------*/
header {
	background-color:#FFF;
  width: 100%;
  height: 100px;
  margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	position: fixed;
}
/*--------------------メインの設定--------------------*/
main {
	width: 100%;
	height: auto;
	display:block;
	padding-top: 100px;
	padding-left: 20px;
	padding-right: 20px;
}

.contents_inner {
	padding-top: 170px;
	margin-top: -170px;
}
main img {
	width: 100%;
	height: auto;
}

/*----------フッター----------*/
footer {
	background-color:#FFF;
	width: 100%;
	height: 50px;
	padding: 15px;
	margin:0 auto;
	text-align:center;
	clear:both;
}



footer small {
	font-size: 12px;
}


/*--------------------沿革の設定--------------------*/

#history {
	display:block;
	margin-top: -170px;
	padding-top:170px;
	padding-left: 10px;
	padding-right:10px;
	margin-bottom: 30px;
	width:100%;
	height: auto;
}

#history h3 {
	font-size:20px;
	font-weight: bold;
}
/*--------------------連隊長紹介の設定--------------------*/

#RCO {
}

#RCO h3 {
	font-size:20px;
	font-weight: bold;
}
/*--------------------幕僚紹介の設定--------------------*/

#staff {
}

/*--------------------令和２年度の歩みの設定--------------------*/
#progress {
}

/*--------------------主要装備品等の設定--------------------*/
#equipment {
}

/*--------------------連隊新聞の設定--------------------*/
#newspaper {
}

#newspaper h3 {
	font-size:24px;
	font-weight: bold;
}

#newspaper img {
	width: 70%;
	height: auto;
}

/*--------------------その他の紹介の設定--------------------*/
#other {
}

#other h3{
	font-size:24px;
	font-weight: bold;
}

#other img {
	width: 100%;
	height: auto;
}

.yu {
	text-align:center;
}

h2 {
	border-left: thick solid #30C;
	padding-left: 10px;
	margin: 20px auto;
	font-size: 24px;
	font-weight: bold;
}
}

@media screen and (min-width:601px) {
/*--------------------ヘッダーの設定--------------------*/
body {
			background-color:#FFF;
						margin: 0 auto;
												
}

/*--------------------ヘッダーの設定--------------------*/
header {
	background-color:#FFF;
  width: 960px;
  height: 170px;
	text-align: center;
	padding-top: 15px;
	position: fixed;
	left: calc((100% - 960px) / 2);
}
	
li {
	background-color:#F00;
	list-style-type:none;
	display:inline-block;
	border-right:2px solid #DBFBDE;
	border-bottom:2px solid #DBFBDE;
	width: 33%;
	text-align:center;
	line-height:2.5;
	font-size:16px;
	font-weight: bold;
	color:#FFF;
	margin: 0 ;
  padding: 0;
}

nav a:link {
	text-decoration:none;
	color:#FFF;
	background-color:#F00;
	display:block;
}

nav li:last-child {
	border-right: none;
}

nav a:visited {
	color: #666;
}

nav a:hover {
	background-color:#F6F;
}
/*--------------------メインの設定--------------------*/
main {
	width: 960px;
	height: auto;
	display:block;
	padding-top: 170px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}

.contents_inner {
	padding-top: 170px;
	margin-top: -170px;
}
main img {
	width: 100%;
	height: auto;
}

/*----------フッター----------*/
footer {
	width: 960px;
	height: 50px;
	padding: 15px;
	margin:0 auto;
	text-align:center;
	clear:both;
}



footer small {
	font-size: 12px;
}


/*--------------------沿革の設定--------------------*/

#history {
	display:block;
	margin-top: -170px;
	padding-top:170px;
	padding-left: 10px;
	padding-right:10px;
	margin-bottom: 30px;
	width:100%;
	height: auto;
}

#history h3 {
	font-size:20px;
	font-weight: bold;
}
/*--------------------連隊長紹介の設定--------------------*/

#RCO {
}

#RCO h3 {
	font-size:20px;
	font-weight: bold;
}
/*--------------------幕僚紹介の設定--------------------*/

#staff {
}

/*--------------------令和２年度の歩みの設定--------------------*/
#progress {
}

/*--------------------主要装備品等の設定--------------------*/
#equipment {
}

/*--------------------連隊新聞の設定--------------------*/
#newspaper {
}

#newspaper h3 {
	font-size:24px;
	font-weight: bold;
}

#newspaper img {
	width: 70%;
	height: auto;
}

/*--------------------その他の紹介の設定--------------------*/
#other {
}

#other h3{
	font-size:24px;
	font-weight: bold;
}

#other img {
	width: 100%;
	height: auto;
}

.yu {
	text-align:center;
}

h2 {
	border-left: thick solid #30C;
	padding-left: 10px;
	margin: 20px auto;
	font-size: 24px;
	font-weight: bold;
}
}