@charset "utf-8";

/*=====================================
en_top.css
=====================================*/

#content {
	float: none;
	width: auto;
}

/*-------------------------------------
 slide
-------------------------------------*/
.topSlide {
	margin-bottom: 80px;
}
.topSlide li {
	text-align: center;
}
.topSlide li a,
.topSlide li .topSlideNoLink {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 500px;
	background-color: #132a53;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .topSlide li a { justify-content: flex-start; }  
  *::-ms-backdrop, .topSlide li .topSlideNoLink { justify-content: flex-start; }
}
.topSlide li a:focus {
	opacity: 0.7;
}


/*-------------------------------------
 main
-------------------------------------*/
.topTtl01 {
	position: relative;
	display: flex;
	margin: 0 0 40px 0;
	padding: 0 0 3px 0;
	border-bottom: 5px solid #ececec;
}
.topTtl01:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100px;
	height: 5px;
	background: #0066dd;
}
.topTtl01 h2 {
	font-size: 150.0%;
	font-weight: 600;
}
.topTtl01 .rss {
	margin-left: auto;
}
.topTtl01 .rss a {
	display: inline-block;
	padding: 4px 14px 4px 32px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 5px;
	background: url(/content/900000002.png) no-repeat 13px center #f85f03;
}




.topNav ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -20px 0;
}
.topNav ul li {
	width: 25%;
	padding: 0 20px 20px 0;
}
.topNav ul li a {
	display: block;
	height: 100%;
	padding: 20px 40px 20px 20px;
	color:  #333;
	line-height: 1.6;
	text-decoration: none;
	border-radius: 10px;
	background: url(/content/900000003.png) no-repeat right 20px center / 17px auto #ececec;
}


.topInfo ul {
	padding: 0 0 10px 0;
}
.topInfo ul li {
	display: flex;
	margin: 0 0 30px 0;
}
.topInfo ul li:last-child {
	margin: 0;
}
.topInfo + .cntBtn01 {
        margin-top: 30px;
}
.topInfo ul li figure {
	width: 300px;
	flex-shrink: 0;
	margin: 0 30px 0 0;
}
.topInfo ul li figure a {
	display: block;
	width: 100%;
	height: 100%;
}
.topInfo ul li figure.noimg,
.topInfo ul li figure.noimg a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.topInfo ul li figure.noimg {
	width: 300px;
	height: 200px;
	border: 1px solid #c7c7c7;
}
.topInfo ul li .date {
	margin: 0 0 3px 0;
	font-size: 112.5%;
	font-weight: 600;
}
.topInfo ul li .ttl {
	padding: 0 0 0 1.1em;
	background: url(/content/900000004.png) no-repeat 0 0.5em / 8px auto;
}



.topBanner ul {
	margin: 0 -10px 0 0;
	padding: 0 0 10px 0;
	letter-spacing: -0.5em;
}
.topBanner ul li {
	display: inline-block;
	padding: 0 10px 10px 0;
	letter-spacing: normal;
	vertical-align: top;
}



















/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/


/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*-------------------------------------
 slide
-------------------------------------*/
.topSlide {
	margin: 0 -10px 20px;
}
.topSlide li a,
.topSlide li .topSlideNoLink {
	height: 312px;
}


/*-------------------------------------
 main
-------------------------------------*/
.topTtl01 {
	margin: 0 0 25px 0;
	padding: 0 0 6px 0;
	border-bottom: 4px solid #ececec;
}
.topTtl01:before {
	bottom: -4px;
	width: 50px;
	height: 4px;
}
.topTtl01 h2 {
	font-size: 146.7%;
	line-height: 1.4;
}
.topTtl01 .rss {
	display: none;
}


.topNav ul {
	display: block;
	margin: 0;
}
.topNav ul li {
	width: auto;
	padding: 0 0 15px 0;
}
.topNav ul li a {
	padding: 10px 35px 10px 15px;
	line-height: 1.5;
	border-radius: 5px;
	background-position: right 15px center;
	background-size: 15px auto;
}


.topInfo ul li figure {
	width: 115px;
	margin: 0 10px 0 0;
}
.topInfo ul li figure.noimg {
	width: 115px;
	height: 77px;
}
.topInfo ul li figure.noimg img {
	width: 32px;
}
.topInfo ul li .date {
	margin: 0 0 3px 0;
	font-size: 106.7%;
	line-height: 1.6;
}
.topInfo ul li .ttl {
	padding: 0 0 0 1.1em;
	line-height: 1.6;
	background-position: 0 0.4em;
	background-size: 7px auto;
}


.topBanner ul {
	margin: 0 -15px 0 0;
	padding: 0;
}
.topBanner ul li {
	padding: 0 15px 15px 0;
}
.topBanner ul li img {
	width: 100%;
}
.topBanner .topBannerList01 li {
	display: block;
}
.topBanner .topBannerList02 li {
	width: 50%;
}




}






/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 769px) {


.topTtl01 .rss a,
.topNav ul li a {
	text-decoration: none;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	backface-visibility: hidden;
}
.topTtl01 .rss a:hover {
	opacity: 0.7;
}
.topNav ul li a:hover {
	background-color: #f1f7ff;
}

.topInfo li a[target=_blank]:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 16px;
	margin: 0.5em 0 0 10px;
	vertical-align: top;
	background: url(/content/900000020.png) no-repeat 0 0 / 18px 16px;
}
.topInfo li.fileList a[target=_blank]:after {
	content: none;
}


}