@charset "utf-8";
@import url("../../assets/css/secondary.css");
/*@import url("../../assets/plugin/lightbox/css/lightbox.css");*/
@import url("../../assets/css/ttl.css");
@import url("../../assets/css/sub_ttl.css");
@import url("../../assets/css/third.css");
@import url("../../assets/css/news.css");
@import url("../../assets/css/move.css");

/*上書き*/
@media screen and (max-width: 380px) {
.side-nav-list li{
	width: 100%;
}
}
article {
	overflow-x: hidden;
	overflow-y: clip;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}
#first_sec{
	background-image:url("../images/page_ttl.jpg");
	background-position: center
}
#news .ttl {
	margin-bottom: 0.5em;
	padding-left: 80px;
	color: var(--main-color)
}
#news h2{
	margin-right: 40px;
}
#news .ttl h2::before {
	background-color: var(--main-color)
}
#news .ttl i {
	-webkit-text-stroke: 1px var(--main-color);
	text-stroke: 1px var(--main-color);
}
#news .ttl::before {
	width: 65px;
	height: 70px;
	left: 0;
	top: 0;
	display: block;
	background: url("../images/news_ttl01.svg") center / 100% no-repeat
}
.bg_color {
	padding: 2.5em 0 3.5em 1.5em;
	position: relative;
}
.profile_box .bg_color {
	padding-bottom: 2em
}
@media screen and (min-width: 600px) {
.bg_color {
	padding: 2.5em 0 3.5em 2em;
}
.bg_color::before{
	border-top-left-radius: 2em;
}
}
@media screen and (min-width: 768px) {
.bg_color {
	padding: 3.5em 0 3.5em 4em;
}
}
@media screen and (min-width: 1200px) {
.bg_color {
	padding: 5em 0 3.5em 6em;
}
}
#news .bg_color::after{
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 100vw;
	height: 100%;
	border-top-left-radius: 1em;
	background: linear-gradient(#DDF1FB, #ffffff00);
	top: 0;
	left: 0
}
@media screen and (min-width: 600px){
#news .bg_color::after{
	border-top-left-radius: 2em;
}
}

#news .bg_color::after{
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 100vw;
	height: 100%;
	border-top-left-radius: 1em;
	background: linear-gradient(#DDF1FB, #ffffff00);
	top: 0;
	left: 0
}
@media screen and (min-width: 600px){
#news .bg_color::after{
	border-top-left-radius: 2em;
}
}


.year_box{
	margin-bottom: 6em
}
.year_box h3{
	margin-bottom: 1em;
	display: flex;
	font-family: 'Arial';
	align-items: center;
	font-size: 1.6em;
	font-weight: 500;
}
.year_box h3::before {
	content: "";
	width: 0.1em;
	height: 1em;
	margin-right: 0.5em;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, #0F85DA, #0457AA);
}
.news_btn-more{
	display: none
}
@media screen and (min-width:480px) {
.year_box h3{
	font-size: 1.8em;
}
}
@media screen and (min-width:768px) {
#news .ttl {
	margin-top: inherit;
	padding-left: 93px;
}
#news .ttl::before {
	width: 77px;
  height: 81px;
}
}
@media screen and (min-width:1024px) {
#news{
	margin: 5em 0 0 0;
}
#news .ttl {
	padding-left: 90px;
}
#news .ttl::before {
	width: 75px;
    height: 53px;
    top: 0.5em;
}
}
@media screen and (min-width:1200px) {
#news .ttl {
	padding-left: 110px;
}
#news .ttl::before {
	width: 93px;
    height: 65px;
	top: 0.6em
}
.year_box h3{
	font-size: 2.2em;
}
.year_box h3::before {
	top: 0.1em;
	height: 1.5em;
}
}


.year_box {
	margin-top: -4em;
	padding-top: 4em
}
@media screen and (min-width:1600px) {
	.year_box {
		margin-top: -5em;
		padding-top: 5em
	}
}

@media print{
	.side-nav-list li{
		width: 30%
	}
}