@charset "utf-8";
article a{
	color:#2971B0;
	text-decoration: underline;
}
#headerBlock{
	position:fixed;
	width:100%;
	background:#FFFFFF;
	transition: .3s;
	z-index: 2;
}
#headerBlock + article{
	padding-top:200px;
}

img{
	max-width:100%;
}
h1{
	padding:0.6em 0;
	background:#6FBA2C;
	color:#FFFFFF;
}
h2, .ttlA{
	clear:both;
	padding-left:0;
	padding-bottom:0.5em;
	border-bottom:2px #6FBA2C solid;
	margin-bottom:1em;
}
.ttlA:before{
	display:none;
}
h3, .ttlB{
	clear:both;
	margin-top:1.5em;
	margin-bottom:0.5em;
	position: relative;
	padding-left:1.2em;
	font-family:'ヒラギノUD角ゴ W6 JIS2004',Hiragino UD Sans W6 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h3:before, .ttlB:before{
	position:absolute;
	left:0; top:0.3em;
	content:"";
	width:0.8em; height:0.8em;
	background:#6FBA2C;
}
.ttlB{
	padding-bottom:0;
	border-bottom:none;
}
.ttlC{
	margin-top:1.5em;
	margin-bottom:0.5em;
	padding-left:0;
	font-family:'ヒラギノUD角ゴ W6 JIS2004',Hiragino UD Sans W6 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding-bottom:0;
	border-bottom:none;
}
.ttlC:before{
	display:none;
}
div .ttlA:first-child,
div .ttlB:first-child,
div .ttlC:first-child{
	margin-top:0;
}

h1 + h2,
div > h3:first-child{
	margin-top:0;
}
table{
	border-collapse:collapse;
}
table th,
table td{
/*	padding:1em;
	border:1px #CCCCCC solid;*/
}
dl.news{
}
dl.news dt{
	padding-bottom:0.5em;
	color:#6FBA2C;
}
dl.news dd{
	padding-bottom:1em;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:1em;
}

/*PC
=========================================================*/
@media print , screen and (min-width: 650px){
article{
}
h1{
	font-size:2.8rem;
}
h1.small{
	font-size:2.0rem;
}
h1 > div{
	clear:both;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
h2, .ttlA{
	margin-top:40px;
	font-size:2.0rem;
}
h3, .ttlB, .ttlC{
	font-size:1.6rem;
}

.boxHalf{
	float:left;
	width:380px;
	margin-bottom:40px;
}
.boxHalf + .boxHalf{
	margin-left:40px;
}
.boxThird{
	float:left;
	width:240px;
	margin-bottom:40px;
}
.boxThird + .boxThird{
	margin-left:40px;
}
.boxThird:nth-of-type(3n+1){
	clear:both;
	margin-left:0;
}

.wrapQuarter{
}
.wrapQuarter li,
.boxQuarter{
	float:left;
	width:170px;
	margin-bottom:40px;
}
.wrapQuarter li +li,
.boxQuarter + .boxQuarter{
	margin-left:40px;
}
.wrapQuarter li:nth-of-type(4n+1),
.boxQuarter:nth-of-type(4n+1){
	clear:both;
	margin-left:0;
}

.wrapFifth{
}
.wrapFifth li,
.boxFifth{
	float:left;
	width:136px;
	margin-bottom:40px;
}
.wrapFifth li + li,
.boxFifth + .boxFifth{
	margin-left:30px;
}
.wrapFifth li:nth-of-type(5n+1),
.boxFifth:nth-of-type(5n+1){
	clear:both;
	margin-left:0;
}
.thum{
	border:2px #CCCCCC solid;
	margin-bottom:10px;
}

}
@media screen and (min-width: 650px) and (max-width: 900px) {
h1 > div{
	padding-left:50px;
	padding-right:50px;
}
}

/*smartphone
=========================================================*/
@media only screen and (max-width: 649px){
h1{
}
h1 > div{
	padding-left:15px;
	padding-right:15px;
}
article{
}
#headerBlock + article{
	padding-top:140px;
}
.wrapFifth{
}
.wrapFifth li,
.boxFifth{
	float:left;
	width:45%;
}
.wrapFifth li + li,
.boxFifth + .boxFifth{
	margin-left:10%;
}
.wrapFifth li:nth-of-type(2n+1),
.boxFifth:nth-of-type(2n+1){
	clear:both;
	margin-left:0;
}
.thum{
	border:2px #CCCCCC solid;
	margin-bottom:10px;
}

}
/* landscape
=========================================================*/
@media only screen and (min-width: 480px){
}
/* iPhone 4inch
=========================================================*/
@media only screen and (max-width: 321px){
}