@charset "utf-8";

#topTopic{
	margin-top:20px;
}
#topTopic .boxG{
	margin-bottom:10px;
}
#topTopic .txtR{
	margin-top:0.5em;
}
#topTopic .txtBnr{
	border:2px #6FBA2C solid;
	margin-bottom:10px;
	border-radius:10px;
	font-size:26px;
	text-align:center;
	color:#6FBA2C;
	font-family:'ヒラギノUD角ゴF W6 JIS2004',Hiragino UD Sans F W6 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#topTopic .txtBnr a{
	display:block;
	padding:6px;
	color:#6FBA2C;
}
#topTopic .txtBnr:hover{
	background:#F1F8EA;
}
#topTopic .txtBnr2{border:2px #F08300 solid;}
#topTopic .txtBnr2 a{color:#F08300;}
#topTopic .txtBnr2:hover{background:#FDECD9;}

h1{
	margin-bottom:0;
	text-align:center;
}
.topMainvisual{
	width:100%;
	padding:0;
	text-align:center;
}
.topLead{
	text-align:center;
	padding-bottom:60px;
	background-image:url(../images/top_lead_arrow.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:50px 50px;
	margin-bottom:10px;
	/*font-feature-settings : "palt";*/

}
.topLead strong{
	display:block;
	margin-top:0.25em;
	color:#6FBA2C;
/*	font-family:'ヒラギノUD角ゴF W6 JIS2004',Hiragino UD Sans F W6 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
}
.topActivity{
	background-color:#F08300;
	color:#FFFFFF;
	text-align:center;
}
.topActivity h2{
	margin-bottom:0.5em;
}
.topActivity li{
	background-repeat:no-repeat;
}
.topActivity li:nth-child(1){
	background-image:url(../images/top_act01.gif);
}
.topActivity li:nth-child(2){
	background-image:url(../images/top_act02.gif);
}
.topActivity li:nth-child(3){
	background-image:url(../images/top_act03.gif);
}
.topActivity li:nth-child(4){
	background-image:url(../images/top_act04.gif);
}
.topActivity li:nth-child(5){
	background-image:url(../images/top_act05.gif);
}

h3{
	margin-bottom:1em;
	background-color:#6FBA2C;
}
.topNews h3 img,
.topDownload h3 img,
.topGroup h3 img{
	width:200px;
	height:auto;
}
.topNews{
}
.topNews dl{
	margin-bottom:1em;
}
.topNews dt{
	font-size:1.4rem;
	color:#6FBA2C;
}
.topNews dd{
	font-size:1.4rem;
	font-feature-settings : "palt";
	padding-bottom:0.5em;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:0.5em;
}
.topNews .openModal {
	color:#000;
	text-decoration:none;
}
.topNews .openModal:hover{
	color:#F08300!important;
}

.topSide{
}
.topBanner{
	text-align:center;
	margin-bottom:30px;
}
.topDownload{
}
.topDownload .img{
	margin-top:0.5em;
	overflow:hidden;
	text-align:center;
}
.topDownload .txt{
	font-size:1.2rem;
	padding:5px 0 0 15px;
}
.topDownload li{
	padding-bottom:1em;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:1em;
}

.topGroup{
}
.topGroup h3 + p{
	margin-bottom:1em;
}
.topGroup li span a{
	display:block;
	width:100%;
	text-align:center;
}

/*PC
=========================================================*/
@media print , screen and (min-width: 650px){
article{
	padding-top:0;
}
nav {
	margin-bottom:0;
}
h1{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.topLead{
	font-size:2.0rem;
}
.topLead strong{
	font-size:3.4rem;
}

.topActivity{
	width:100%!important;
	padding:20px 0;
	margin-bottom:35px;
}
.topActivity h2{
	font-size:2.8rem;
}
.topActivity h2 span{
	font-size:1.8rem;
}
.topActivity ol{
	display:table;
	border-right:1px #FFFFFF dashed;
}
.topActivity li{
	display:table-cell;
	padding:54px 10px 0;
	width:138px;
	height:3em;
	font-size:1.8rem;
	line-height:1.2;
	vertical-align:middle;
	border-left:1px #FFFFFF dashed;
	
	background-position:center top;
	background-size:42px 42px;

}

.topActivity + .container{
	margin-bottom:35px;
	display:flex;
	justify-content:space-between;
	overflow:hidden;
}

.topNews{
	float:left;
	width:520px;
	padding-right:40px;
	border-right:1px #6FBA2C solid;
}

.topSide{
	float:right;
	width:200px;
}
.topBanner img{
	width:100%;
}
.topDownload{
}
.topDownload h3{
	margin-top:50px;
}
.topDownload h3:first-child{
	margin-top:0;
}

.topGroup{
	clear:both;
}
.topGroup ul{
	overflow:hidden;
}
.topGroup li{
	float:left;
	display:table;
	padding-right:8px;
	border-right:1px #6FBA2C solid;
	margin-right:8px;
	margin-bottom:8px;
	width:180px;
	height:54px;
	font-size:1.4rem;
}
.topGroup li:nth-child(1),
.topGroup li:nth-child(5){
	padding-left:8px;
	border-left:1px #6FBA2C solid;
}
.topGroup li:nth-child(4),
.topGroup li:nth-child(8){
	margin-right:0;
}
.topGroup li div{
	display:table-cell;
	vertical-align:middle;
	border-bottom:1px #6FBA2C solid;
	text-align:center;
}
.topGroup li:nth-child(5) div,
.topGroup li:nth-child(6) div,
.topGroup li:nth-child(7) div,
.topGroup li:nth-child(8) div{
	border-bottom:none;
}
.topGroup .small{
	font-size:1.2rem;
}

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

/*smartphone
=========================================================*/
@media only screen and (max-width: 649px){
h1{
}
article{
	padding-top:10px;
}
#topTopic .txtBnr{
	font-size:20px;
}

.topActivity,
.topNews,
.topDownload,
.topGroup{
	margin-bottom:35px;
}

.topActivity{
	padding:20px 0;
}
.topActivity h2{
	font-size:1.8rem;
}
.topActivity h2 span{
	font-size:1.6rem;
}
.topActivity ol{
	display:flex;
	flex-direction:wrap;
	flex-wrap:wrap;
}
.topActivity li{
	display:table;
	box-sizing:border-box;
	width:48%;
	height:5em;
	margin:0 1%;
	padding-left:40px;
	border-bottom:1px #FFFFFF dashed;
	background-position:left 50%;
	background-size:34px 34px;
	text-align:left;
	line-height:1.2;
}
.topActivity li span{
	display:table-cell;
	vertical-align:middle;
}
.topActivity li:first-child,
.topActivity li:nth-child(2){
	border-top:1px #FFFFFF dashed;
}
.topActivity li br{
	/*display:none;*/
}

.topBanner{
	width:50%;
	margin:0 auto 30px;
}
.topDownload h3{
	margin-top:35px;
}
.topDownload h3:first-child{
	margin-top:0;
}

.topGroup li br{
	display:none;
}
.topGroup li{
	border-bottom:1px #CCCCCC solid;
}
.topGroup li:nth-child(1){
	border-top:1px #CCCCCC solid;
}
.topGroup li:nth-child(8){
	display:none;
}
.topGroup li span a{
	padding:0.5em 0;
	text-align:left;
}

#topTopic{
	margin-top:10px;
}
#topTopic .txtBnr{
	font-size:15px;
}

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


/* Print
=========================================================*/
@media print{
#headerBlock + article{
	padding-top:160px;
}
}