@charset "utf-8";
/* CSS Document */



/* 新着情報
----------------------------------------------*/
section#news-top-box {
	width:70%;
	margin:50px auto 50px;
}
.news-top-box {
	width: 100%;
	font-weight:500;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.news-top-box-inner-left { width:30%;}
.news-top-box-inner-right {	width:70%;}

@media only screen and (max-width:1500px){
.news-top-box-inner-left { width:35%;}
.news-top-box-inner-right {	width:65%;}	
}

@media only screen and (max-width:1300px){
.news-top-box-inner-left { width:40%;}
.news-top-box-inner-right {	width:60%;}	
}

@media only screen and (max-width:1100px){
#news-top-box {
	margin:60px auto 100px;
}
.news-top-box-inner-left { 
width:94%;margin:0 0 0 6%;
}
.news-top-box-inner-right {	
width:94%;margin:0 0 0 6%;}	
}

@media only screen and (max-width:1060px){
#news-top-box {
	width:90%;
}
.news-top-box-inner-right {
width: 100%;margin: 0 0 0 0;}	
}

@media only screen and (max-width:839px){
#news-top-box {
	width:90%;
	margin:60px auto 100px;
}
.news-top-box-inner-left { 
width:100%;
margin:0;
}
.news-top-box-inner-right {	
width:100%;
margin:0;}	
}

@media only screen and (max-width:840px){
section#news-top-box {
	width:80%;
	margin:30px auto 30px;
}
}


h3.news-title {
  position:relative;
  padding:0 0 0 0;
  text-align:left;
  font-size:22px;
  color:#0055b4;
  letter-spacing:7px;
  clear:both;
  margin:15px 0 0 20%;
}

h3.news-title:after {
  display:none;
}

h3.news-title:before {
	position:relative;
	display:inline-block;
	background:url("../images/h2-logo.svg");
	content:"";
	background-size: contain;
	background-repeat: no-repeat;
	width:33px;
	height:33px;
	left:-10px;
	top:8px;
}

@media only screen and (max-width:1100px){
h3.news-title {
  position:relative;
  padding:0 0 0 50px;
  margin:15px 0 50px 0;
}
h3.news-title:before {
	left:0px;}
}
@media only screen and (max-width:820px){
h3.news-title {
  position:relative;
  padding:0 0 0 8px;
  margin:15px 0 50px 0;
}
h3.news-title:before {
	left:-10px;}
}

h3.news-list-title {
  position:relative;
  padding: 0 0 0 0;
  text-align:left;
  font-size:20px;
  color:#0055b4;
  letter-spacing:3px;
  clear:both;
  margin: 15px 0 50px 0;
}

h3.news-list-title:after {
  display:none;
}

h3.news-list-title:before {
	position:relative;
	display:inline-block;
	background:url("../images/h2-logo.svg");
	content:"";
	background-size: contain;
	background-repeat: no-repeat;
	width:33px;
	height:33px;
	left:-10px;
	top:8px;
}

@media only screen and (max-width:1100px){
h3.news-list-title {
  position:relative;
  padding:0 0 0 50px;
  margin:15px 0 50px 0;
}
h3.news-list-title:before {
	left:0px;
}
}

#newsWrap {
	width:100%;
	margin:0 auto;}

ul#newsList{
	margin:0 auto 15px;
	padding:0;
	border-top:1px solid #ccc;
}
ul#newsList li {
	color:#555;
	font-size:14px;
	font-weight: 500;
	margin:0;
	padding:15px 0 16px;
	margin-bottom:3px;
	border-bottom:1px solid #ccc;
	line-height: 2.2;
	list-style-type:none;
}


a {color:#444;text-decoration:none;}
a:hover {color:#888;text-decoration:none;}

.up_ymd { 
color:#0055b4;
font-weight:600;
font-family: 'Roboto Condensed', sans-serif;
font-size:17px;
}

.catName {
	display:inline-block;
	font-size:11px;
	color:#1e50a2;

	font-weight:500;
	padding:7px 17px;
	border-radius:30px;
	line-height:100%;
	margin:0 10px 0;
	letter-spacing:1px;
}
.cat-0 .catName{
	background:rgba(228,238,245,1.0);
}
.cat-1 .catName{
	background:rgba(0,64,150,0.8);
	color:#fff;
}
.cat-2 .catName{
	letter-spacing:-1px!important;
	background:rgba(0,64,150,0.15);
}

.newMark{
	/* display: block; */
	vertical-align:middle;
	background:#dc143c;
	color:#fff;
	font-size: 12px;
	padding: 0px 5px 2px!important;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;
}


@media only screen and (max-width: 768px){
ul#newsList{
	margin:0 auto 30px;
}

ul#newsList li{
	padding: 15px 0;
	line-height:2;
}
.up_ymd { display:block;}
.catName { margin:0 10px 0 0;}
}



@media only screen and (max-width: 767px){
ul#newsList li {
	padding:13px 0 13px;
}
.up_ymd { display:inline-block;}
.catName{ margin:0 0 0 5px;}

.catName {
	padding:5px 16px 5px 17px;
}
.cat-2 .catName{
	padding:5px 17px 5px 15px;
}
}

.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

/* Pager style（外部化可） */
.pager {
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 2px solid rgba(0,64,150,1.0);
    color: rgba(0,64,150,1.0);
    font-size: 12px;
    padding: 2px 7px 4px;
    text-decoration: none;
	margin:0 1px;
	transition: .5s ease-in-out;
}

/*現在のページのボタン*/
.pager a.current{
    background: rgba(0,64,150,1.0);
    color: #fff;
    text-decoration: none;
}

.pager a:hover{
	border: 2px solid #666;
    background:#666;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}


/*新着情報一覧へのボタン
---------------------------------------*/
.btn-list {
    margin:20px auto 0;
	float:right;
    font-weight: 600;
    color: #fff;
	letter-spacing:2.5px;
    text-align: center;
    background:#0055b4;
    /*border-radius: 60px;*/
    padding:13px 5px 15px 0;
	width:190px;
    position: relative;
    transition: .3s ease-in-out;
}
.btn-list a {
text-decoration:none;
}

.btn-list:hover {
 background:#13337a;
 text-decoration:none;
 color:#fff;
}
.btn-list::before,
.btn-list::after {
  position: absolute;
  content: '';
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn-list::before {
width:20px;
height:20px;
border-radius:50%;
background:#fff;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right:17px;
top: 50%;
}

.btn-list::after {
  width:5px;
  height:5px;
  border: 0.13em solid #0055b4;
  border-left: 0;
  border-bottom: 0;
  right:23px;
  top:44%;
  transform: translateX(-25%) rotate(45deg);
}

.btn-list:hover::before {
right:15px;	
}
.btn-list:hover::after {
right:20px;	
}

.news-detail-page {
 min-height:800px;
 padding-top:50px; }

@media only screen and (max-width: 768px){
.news-detail-page {
 min-height:800px;
 padding-top:100px; }
}


h2.news-detail-title {
	font-size:24px;
	color:rgba(0,64,150,1.0);
	margin:10px 0px 10px 0;
	border-bottom:2px solid #1e50a2;
	padding:5px 10px 5px 0;
	text-shadow:1px 1px 0px #fff;
}
#up_ymd{
	text-align:right;
	font-size:15px;
	margin:5px 10px;
	margin-right:3em;
	font-family: 'Roboto Condensed', sans-serif;
}
.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:50px;
	margin-bottom: 50px;
}
.backORcloseBtn a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid #aaa;
	color:#999;
	text-decoration:none;
	font-size:12px;
}
.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	font-size:13px;
	padding:10px;
	margin-bottom:30px;
	background:#fafafa;
}
.pNav a { position:relative;
margin-right:2em;}

.pNav a::after {
position: absolute;
content: "";
border-top: 2px solid #999;
border-right: 2px solid #999;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -1.5em;
top:7px;
}

#detail {
 width:80%;
 margin:15px auto;
}

@media only screen and (max-width: 767px){
#detail {
 width:90%;
 margin:15px auto;
}
}

/*　お知らせ一覧ページ
-----------------------------------------------------*/
section.news-list {
	width:90%;
	margin: 50px auto 100px;
}