@charset "UTF-8";


header{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 15px 30px;
	align-items: center;
}
header h1{
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	
}
header h1 a{color: #0F5FBD;}
header h1 span{
	display: block;
	font-size: 16px;
}

header .solution_btn {
	height: auto;	
	font-weight: 600;
	font-size: 16px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 0 3px 0 #DE4600;
	padding: 10px 20px;
}

header .solution_btn span{
	padding-left: 30px;
}

header .solution_btn:hover span{
	padding-left: 30px;
}

@media screen and (max-width: 767px) {
	header{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 10px;
	}
	header h1{
		font-size: 16px;
	}
	header h1 span{font-size: 14px;}
	header .solution_btn{
		font-size: 12px;
		padding: 10px 10px;
	}
	
	header .solution_btn span {
    background-size: 20px;
		padding-left: 25px;
	}
}

.page_title {
  height: 400px;
  background: url(../images/bg_mv.png) top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}
.page_title .inner {
  display: flex;
  align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 400px;
}

.page_title h2 {
  font-size: 46px;
  font-weight: 700;
	color: #fff;
	text-align: center;
}

.page_title h2 span{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
	display: block;
	
}

@media screen and (max-width: 767px) {
	.page_title,
	.page_title .inner{
		height: 300px;
	}
	
	.page_title h2{
		font-size: 38px;
	}
}
#breadcrumbs{
	box-sizing: content-box;
	max-width: 1200px;
	padding: 0 2%;
	position: relative;
	margin: 5px auto 0;
}

#breadcrumbs ol{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

#breadcrumbs ol li{
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-right: 10px;
}

#breadcrumbs ol li:not(:last-child):after {
	width: 6px;
	height: 6px;
	margin-left: 10px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	content: '';
}


/*----------------------------------------------------- */
/*  news          */
/*----------------------------------------------------- */
#news{
  padding: 120px 0;
}



.news_list li{
  display: flex;
  padding: 15px;
}
.news_list li:not(:last-child){
  margin-bottom:  20px;
  padding-bottom:  20px;
  border-bottom: 1px dotted #ccc;
}
.news_list li time{
  width: 100px;
  margin-right: 30px;
}
.news_list li a{
  pointer-events: auto;
  color: #0F5FBD;
  cursor: pointer;
}

.news_list li a.placeholder{
	pointer-events: none;
	color: inherit;
}
.news_list li a:hover{
  text-decoration: underline;
}
.news_list li a[target="_blank"]::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  background: url("../images/ico_blank.svg") no-repeat center center / contain;
  transition: background .3s;
  content: "";
}
@media screen and (max-width: 767px) {
  .news_list .inner{
    flex-direction: column;
  }
  .news_list li{
    flex-direction: column;
  }
  .news_list li:not(:last-child){
    margin-bottom: 10px;
  }
  .news_list li time{
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px
  }
}