@charset "utf-8";


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {


#news { position: relative; padding: 150px 0 100px; }
#news::before {
content: '';
position: absolute;
width: 1200px;
height: 1200px;
top: 40%;
right: -30%;
background: linear-gradient(218.29deg, rgba(255, 255, 255, 0.4) 4.64%, rgba(194, 247, 255, 0.4) 36.92%, rgba(118, 200, 255, 0.8) 62.21%);
border-radius: 50%;
filter: blur(40px);
transform: matrix(-1, 0, 0, 1, 0, 0);
z-index: -1;
}

#news .logo {
position: absolute;
top: -20px; left: 0;
width: 320px;
z-index: -1;
}



/*sys_newsList
----------------------------------------*/
.sys_newsList { max-width: 960px; margin: auto; }

.sys_newsList .cate { display: flex; border-bottom: solid 1px #D5D5D5; margin: 0 0 20px; }
.sys_newsList .cate li { width: 20%; text-align: center; }
.sys_newsList .cate li a { display: block; }
.sys_newsList .cate li .search_item { position: relative; display: block; color: #909090; font-weight: 700; padding: 10px 5px; }
.sys_newsList .cate li .is-active { position: relative; color: #000; }
.sys_newsList .cate li .is-active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #086DB0; }

.sys_newsList .box ul { margin: 0 0 40px; }
.sys_newsList .box ul li { padding: 10px 0; }
.sys_newsList .box ul li dl { display: flex; }
.sys_newsList .box ul li dl dt { display: flex; justify-content: space-between; width: 180px; }
.sys_newsList .box ul li dl dt .day { font-size: 1.5rem; font-weight: 700; }
.sys_newsList .box ul li dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
width: 80px;
text-align: center;
padding: 2px 0;
border-radius: 3px;
}
.sys_newsList .box ul li dl dd { margin: 0 0 0 40px; font-size: 1.5rem; }
.sys_newsList .box ul li dl dd a:hover { border-bottom: 1px solid #909090; padding-bottom: 2px; }
.sys_newsList .cate01 { color: #fff; background: #0AADF3;}
.sys_newsList .cate02 { color: #fff; background: #0D84EC;}
.sys_newsList .cate03 { color: #fff; background: #3963EC;}
.sys_newsList .cate04 { color: #000; background: #D5D5D5;}
.sys_newsList .is-hide { display: none;}


.fot { text-align: center; }
.fot .paging {}
.fot .paging span { margin: 0 5px; }
/*.fot .paging .disabled { display: none;}*/
.fot .paging span.current { font-weight: 700; color: #086DB0; border-bottom: 2px solid #086DB0; padding: 0 5px; }
.fot .paging span a { padding: 0 5px; }
.fot .paging span a.prev { color: #086DB0; font-size: 2rem; font-weight: 700; }
.fot .paging span a.next { color: #086DB0; font-size: 2rem; font-weight: 700; }

#news .fot .paging { display: block; }
#news .fot .paging span {
min-width: 0;
height: auto;
display: inline;
border: none;
border-radius: 0;
background: transparent;
font-size: inherit;
line-height: inherit;
}
#news .fot .paging span a {
width: auto;
height: auto;
display: inline;
padding: 0 5px;
box-sizing: content-box;
}
#news .fot .paging span.current {
color: #086DB0;
background: transparent;
border-bottom: 2px solid #086DB0;
border-color: currentColor;
}
#news .fot .paging span.disabled {
color: inherit;
background: transparent;
border: none;
}
#news .fot .paging span.disabled a {
color: inherit;
}



/*sys_newsDetail
----------------------------------------*/
.sys_newsDetail { max-width: 960px; margin: auto; }

.sys_newsDetail .hed { margin-bottom: 40px; }
.sys_newsDetail .hed .sub { display: flex; align-items: center; margin-bottom: 20px; }
.sys_newsDetail .hed .sub .day { font-size: 1.5rem; font-weight: 700; margin-right: 10px; }
.sys_newsDetail .hed .sub .mark {
font-size: 1.2rem;
font-weight: 700;
width: 80px;
text-align: center;
padding: 2px 0;
border-radius: 3px;
}
.sys_newsDetail .hed .sub .cate01 { color: #fff; background: #0AADF3;}
.sys_newsDetail .hed .sub .cate02 { color: #fff; background: #0D84EC;}
.sys_newsDetail .hed .sub .cate03 { color: #fff; background: #3963EC;}
.sys_newsDetail .hed .sub .cate04 { color: #000; background: #D5D5D5;}

.sys_newsDetail .hed h3 { font-size: 2.6rem; line-height: 1.5; }

.sys_newsDetail .comment {
margin-bottom: 50px;
padding: 40px 0;
border-top: 1px solid #086DB0;
border-bottom: 1px solid #086DB0;
}

.sys_newsDetail .comment p a { color: #086DB0; transition: all 0.3s; }
.sys_newsDetail .comment p a:hover { opacity: 0.75; transition: all 0.3s; }
.sys_newsDetail .comment p a img { width: 16px; margin-left: 5px; }

.sys_newsDetail .btn { text-align: center; }
.sys_newsDetail .btn a {
position: relative;
display: inline-block;
background: #086DB0;
font-weight: 700;
color: #FFF;
text-align: center;
padding: 5px 70px;
border-radius: 25rem;
transition: all 0.3s;
}
.sys_newsDetail .btn a:hover { opacity: 0.8; transition: all 0.3s; }
.sys_newsDetail .btn a::before {
content: '';
position: absolute;
top: 40%; left: 25px;
width: 0.6em; height: 0.6em;
border: 0.2em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(-135deg);
}






}

/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {


#news { position: relative; padding: 70px 0 50px; }
#news::before {
content: '';
position: absolute;
width: 600px;
height: 600px;
bottom: -250px;
right: -250px;
background: linear-gradient(218.29deg, rgba(255, 255, 255, 0.4) 4.64%, rgba(194, 247, 255, 0.4) 36.92%, rgba(118, 200, 255, 0.8) 62.21%);
border-radius: 50%;
filter: blur(40px);
transform: matrix(-1, 0, 0, 1, 0, 0);
z-index: -1;
}

#news .logo {
position: absolute;
top: 60px; left: 5%;
width: 110px;
z-index: -1;
}



/*sys_newsList
----------------------------------------*/
.sys_newsList { margin: auto; }

.sys_newsList .cate { display: flex; border-bottom: solid 3px #D5D5D5; margin: 0 0 20px; }
.sys_newsList .cate li { width: 20%; text-align: center; }
.sys_newsList .cate li a { display: block; }
.sys_newsList .cate li .search_item { position: relative; display: block; color: #909090; font-size: 1.4rem; font-weight: 700; padding: 6px 3px; }
.sys_newsList .cate li .is-active { position: relative; color: #000; }
.sys_newsList .cate li .is-active::after { content: ""; position: absolute; bottom: -3px; left: 0; right: 0; height: 3px; background: #086DB0; }

.sys_newsList .box ul { margin: 0 0 10px; }
.sys_newsList .box ul li { padding: 12px 0; border-bottom: 1px solid #909090; }
.sys_newsList .box ul li dl {  }
.sys_newsList .box ul li dl dt { display: flex; align-items: center; }
.sys_newsList .box ul li dl dt .day { font-size: 1.4rem; font-weight: 700; margin-right: 5px; }
.sys_newsList .box ul li dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
padding: 2px 10px;
border-radius: 3px;
}
.sys_newsList .box ul li dl dd { font-size: 1.4rem; }
.sys_newsList .box ul li dl dd a:hover { border-bottom: 1px solid #909090; padding-bottom: 2px; }
.sys_newsList .cate01 { color: #fff; background: #0AADF3;}
.sys_newsList .cate02 { color: #fff; background: #0D84EC;}
.sys_newsList .cate03 { color: #fff; background: #3963EC;}
.sys_newsList .cate04 { color: #000; background: #D5D5D5;}
.sys_newsList .is-hide { display: none;}


.fot { text-align: center; }
.fot .paging {}
.fot .paging span { margin: 0 5px; }
/*.fot .paging .disabled { display: none;}*/
.fot .paging span.current { font-weight: 700; color: #086DB0; border-bottom: 2px solid #086DB0; padding: 0 5px; }
.fot .paging span a { padding: 0 5px; }
.fot .paging span a.prev { color: #086DB0; font-size: 2rem; font-weight: 700; }
.fot .paging span a.next { color: #086DB0; font-size: 2rem; font-weight: 700; }

#news .fot .paging { display: block; padding: 0; }
#news .fot .paging span {
min-width: 0;
height: auto;
display: inline;
border: none;
border-radius: 0;
background: transparent;
font-size: inherit;
line-height: inherit;
}
#news .fot .paging span a {
width: auto;
height: auto;
display: inline;
padding: 0 5px;
box-sizing: content-box;
}
#news .fot .paging span.current {
color: #086DB0;
background: transparent;
border-bottom: 2px solid #086DB0;
border-color: currentColor;
}
#news .fot .paging span.disabled {
color: inherit;
background: transparent;
border: none;
}
#news .fot .paging span.disabled a {
color: inherit;
}



/*sys_newsDetail
----------------------------------------*/
.sys_newsDetail { margin: auto; }

.sys_newsDetail .hed { margin-bottom: 30px; }
.sys_newsDetail .hed .sub { display: flex; align-items: center; margin-bottom: 20px; }
.sys_newsDetail .hed .sub .day { font-size: 1.6rem; font-weight: 700; margin-right: 5px; }
.sys_newsDetail .hed .sub .mark {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
padding: 2px 10px;
border-radius: 3px;
}
.sys_newsDetail .hed .sub .cate01 { color: #fff; background: #0AADF3;}
.sys_newsDetail .hed .sub .cate02 { color: #fff; background: #0D84EC;}
.sys_newsDetail .hed .sub .cate03 { color: #fff; background: #3963EC;}
.sys_newsDetail .hed .sub .cate04 { color: #000; background: #D5D5D5;}

.sys_newsDetail .hed h3 { font-size: 2.4rem; line-height: 1.5; }

.sys_newsDetail .comment {
margin-bottom: 40px;
padding: 30px 0;
border-top: 1px solid #086DB0;
border-bottom: 1px solid #086DB0;
}

.sys_newsDetail .comment p a { color: #086DB0; transition: all 0.3s; }
.sys_newsDetail .comment p a:hover { opacity: 0.75; transition: all 0.3s; }
.sys_newsDetail .comment p a img { width: 14px; margin-left: 5px; }

.sys_newsDetail .btn { text-align: center; }
.sys_newsDetail .btn a {
position: relative;
display: inline-block;
background: #086DB0;
font-weight: 700;
color: #FFF;
text-align: center;
padding: 5px 50px;
border-radius: 25rem;
transition: all 0.3s;
}
.sys_newsDetail .btn a:hover { opacity: 0.8; transition: all 0.3s; }
.sys_newsDetail .btn a::before {
content: '';
position: absolute;
top: 40%; left: 20px;
width: 0.5em; height: 0.5em;
border: 2px solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(-135deg);
}





}