@charset "UTF-8";

/* -----------------------------------印刷対応 */

@media print {
  section { display: block; page-break-before: always; }
  pre code {page-break-after: always;}
  @page {
margin-top:0.4cm;
margin: 0.5cm;
}
p a, code, pre {
word-wrap: break-word;
}
img {display:none;}
 
pre a[href]:after {
    content: ""; }
 
 
pre abbr[title]:after {
    content: ""; }
 
pre   .ir a:after,
  pre a[href^="javascript:"]:after,
  pre a[href^="#"]:after {
    content: ""; }
 
.no-print {display:none;}
 
}

/* -----------------------------------共通 */
html,body{
	height: 100%;
	min-height:100%;
	}
p,li{
	font-size:0.9em;
	line-height:1.7em;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#585858;
	
	}
p a{
	color:#009944;
	}
p a:hover{
	color:#F00;
	}

/* -----------------------------------Clearfix */
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* -----------------------------------header */
header{
	margin:0;
	padding:0;
	width:auto;
	border-top:7px solid #009944;
	}
nav {
	max-width:1204px;
	width:auto;
	margin:30px auto 0;
	display:flex;
	justify-content:space-between;
	}
nav h1 > img {
	max-width:204px;
	width:100%;
	}
nav ul {
	margin:10px 0 0; 
	padding: 0;
	max-width:700px;
	width:auto;
	list-style: none;
	display:flex;
	}
nav ul li{ 
	margin: 0; 
	padding: 0; 
	}
@media screen and (max-width:955px) { 
	header {
		padding:0 20px;
	}
	nav {
		flex-direction: column;
		justify-content: center;
	}
	nav h1, nav ul {
		margin:0 auto;
	}
}
@media screen and (max-width:620px) { 
	nav {
		justify-content: space-between;
	}
	nav ul {
		flex-wrap: wrap;
	}
	nav ul li {
		width:33%;
		text-align:center;
	}
}

#content{
	width:auto;
	margin:10px auto 0;
	padding:0;
	}
@media screen and (max-width:1205px) { 
	#content { padding:0 10px; }
}

/* -----------------------------------footer */ 
#wrap{
	height:100%;
	min-height:100%;
	position:relative;
	}
footer{
	width:auto;
	background-color:#009944;
	}
#footer_info{
	margin:0 auto;
	padding:25px 0 15px;
	max-width:1204px;
	width:auto;
	display:flex;
	}
#footer_logo{
	display:block;
	width:155px;
	height:60px;
	}
#footer_logo p{
	margin-top:-4px;
	font-size:0.8em;
	color:#ffffff;
	}
.footer_menu{
	font-size:0.7em;
	line-height:1.5em;
	color:#ffffff;
	}
.footer_menu a{
	text-decoration: none;
	color:#ffffff;
	margin-right:15px;
	}
#footer a:hover{
	color:#ccc;
	}
.copyright{
	font-size:0.7em;
	text-align:right;
	color:#ffffff;
	}
.copyright span {
	font-family: "メイリオ", Meiryo, Osaka, 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
@media screen and (min-width:955px) { 
	footer {
		padding:0 20px;
	}
	#footer_logo{
		flex-grow:1;
	}
	.footer_menu{
		flex-grow:50;
		border-left:solid #F00 4px;
		margin:2px 10px 0;
		padding:16px 0 0 10px;
		width:440px;
		height:33px;
	}
	.copyright{
		flex-grow:1;
		margin:16px 0 0;
	}
}
@media screen and (max-width:955px) { 
	#footer_info{
		flex-direction: column;
		justify-content: center;
	}
	#footer_logo{
		margin:0 auto 15px;
	}
	.footer_menu{
		margin:0 auto;
	}
	.copyright{
		margin:20px auto 0;
	}
}
@media screen and (max-width:620px) { 
	footer {
		padding:00;
	}
	.footer_menu{
		display:flex;
		flex-wrap: wrap;
		margin:0;
		border-bottom:1px solid white;
	}
	.footer_menu a{
		width:calc((100% / 3) - 16px);
		margin-right:0;
		padding:15px 0 15px 15px;
		border:solid white;
		border-width:1px 1px 0 0;
	}
	.footer_menu a:nth-of-type(3n) {
		border-width:1px 0 0 0;
	}
}