@charset "UTF-8";

.main.ex {
	width: 883px;
	margin-right: 2px;
}
.news__list {
	margin: 0 0 60px;
  }
  
  .news__item {
	padding: 20px 0;
	border-bottom: 2px dashed #CCCCCC;
  }
  
  .news__header {
	margin: 0 0 0px;
  }
  
  .news__date {
	display: inline-block;
	width: 142px;
	font-size: 16px;
  }
  
  .news__category {
	display: inline-block;
	color: #fff;
	background: #0D2EA1;
	width: 136px;
	text-align: center;
	padding: 4px 0;
	border-radius: 3px 3px 3px 3px;
  }
  .news__title{
	  display: inline-block;
	  width: calc(100% - 316px);
	  margin-left: 20px;
	  color: #0D2EA1;
	  font-size: 16px;
  }
  .news__title a{
	  color: #0D2EA1;
  }
  .link-btn{
	  max-width: 300px;
	  margin-left: auto;
	  margin-right: auto;
	  width: 80%;
  }
  .link-btn button{
	  display: block;
	  padding: 14px 20px 13px;
	  text-align: center;
	  width: 100%;
	  line-height: 1;
	  border: 1px solid #0D2EA1;
	  display: inline-block;
	  background: #fff;
	  color: #0D2EA1;
	  border-radius: 3px;
	  position: relative;
	  font-weight: 700;
	  font-size: 16px;;
	  cursor: pointer;
	  text-align: left;
  }
  .link-btn button:hover{
	  opacity: 0.6;
  }
  .link-btn button .sankaku{
	  position: absolute;
	  top: 50%;
	  right:12px;
	  transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-left: 0.5em;
	  border-radius: 50%;
	  width: 20px;
	  height: 20px;
	  cursor: pointer;
	  color: #fff;
	  background: #0D2EA1;
	  font-size: 14px;
	  line-height: 1;
  }
.is-hidden{
	display: none!important;
}

.newsListInnerBlock1{
	padding-bottom: 114px;
}
.search-box{
	margin-bottom: 56px;
	display: flex;
	align-items: center;
	background: #E6E6E6;
	padding: 24px 32px;
	margin-top: 60px;
}
.search-text{
	font-size: 20px;
	font-weight: 600;
	color: #333;
	display: inline-block;
	margin-right: 32px;
	line-height: 1;
}
.newsListInnerBlock1 .close{
	display: none;
}
@media screen and (min-width: 901px) {

	.news__item {
	  padding: 25px 0;
	}
}

.btn-box{
	position: relative;
}
.btn-box .more.none{
	opacity: 0;
	pointer-events: none;
}
.btn-box .close{
	position: absolute;
	z-index: 2;
	top:0;
	left: 0;
	right:0;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 900px) {
	.news__list {
		margin: 0 0 16vw;
	  }
	.newsListInnerBlock1{
		padding-bottom: 30vw;
	}
	.search-box{
		margin-bottom: 15vw;
		padding: 6.4vw 5.3vw;
		margin-top: 0px;
		width: 111%;
		margin-left: -5.5%;
		margin-right: -5.5%;
	}
	.search-text{
		font-size:4.2vw;
		margin-right: 8.5vw;
		line-height: 1;
	}
	.news__title{
		width: 100%;
		margin-top: 2.3vw;
		margin-left: 0;
		line-height: 1.6em;
	}
	.link-btn{
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.link-btn button{
		display: block;
		padding: 4.2vw 5.7vw;
		width: 100%;
		line-height: 1;
		position: relative;
		font-weight: 700;
		font-size: 4.2vw;
		border-radius: 1vw;
	}
	.link-btn button .sankaku{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		position: absolute;
		right:3.2vw;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 0.5em;
		border-radius: 50%;
		width: 5.3vw;
		height: 5.3vw;
		cursor: pointer;
		font-size: 3.9vw;
		line-height: 1;
	}
}

/* Year select - consistent cross-browser styling */
#year {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #0D2EA1;
	color: #fff;
	border: 1px solid #0D2EA1;
	font-weight: 600;
	height: 46px;
	line-height: 1.2;
	min-width:182px;;
	padding: 13px 20px;
    border-radius: 3px 3px;
	box-sizing: border-box;
	font-size: 16px;
	/* custom arrow */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px 8px;
}
#year option {
	color: #000;
	background-color: #fff;
}
/* Hide default arrow on old Edge/IE */
select::-ms-expand {
	display: none;
}

#year:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(13, 46, 161, 0.25);
}
.head-img-in .contents{
	/*padding-top:87px;
	padding-bottom: 87px;*/
}
@media screen and (max-width: 900px) {
	.head-img-in .contents{
		/*padding-top:8.5vw;
		padding-bottom: 8.5vw;*/
	}
	#year {
		height: 12vw;
		font-size: 4.2vw;
		padding: 3.2vw 5.3vw;
        border-radius: 1vw 1vw;
		min-width: 48.5vw;
	}
	.kento-box{
		margin-top: 0;
	}/*.news__item {
		padding: 5.3vw 0;
		border-bottom: 2px dashed #CCCCCC;
	  }*/
	/*.news__date{
		font-size:4.2vw;
		width: 38vw;
	}
	.news__category{
		font-size: 3.7vw;;
		width:25.6vw ;
		border-radius: 0.1vw;
	}
	.news__title{
		font-size: 4.2vw;
	}*/
}