@charset "UTF-8";

/*-------お知らせ一覧-------*/
.page-news{max-width:1366px; padding:40px 50px 0; box-sizing:border-box;}
.page-news #main{max-width:970px; width:calc(100% - 300px);}
.page-news #side{width:220px; margin-left:auto;}

.page-news #main h2{text-align:center; font-size:26px; line-height:1; margin:0 0 34px;}
.page-news #main .page-news-list{border-top:#bfbfbf solid 1px; padding:0; margin:0; list-style:none;}
.page-news #main .page-news-list li{border-bottom:#bfbfbf solid 1px;}
.page-news #main .page-news-list li a{width:100%; padding:25px 0; box-sizing:border-box; text-decoration:none;}
.page-news #main .page-news-list li .date{font-size:14px; font-weight:bold; color:#000; line-height:30px; margin-right:15px;}
.page-news #main .page-news-list li .news-cat{width:90px; height:30px; color:#fff; font-size:14px;}
.page-news #main .page-news-list li .news-cat.cat-news{background-color:#edc709;}
.page-news #main .page-news-list li .news-cat.cat-media{background-color:#ff6404;}
.page-news #main .page-news-list li .news-cat.cat-recruit{background-color:#009c40;}
.page-news #main .page-news-list li .news-cat.cat-covid{ background-color:#FF0000;}
.page-news #main .page-news-list li .news-cat.cat-researchpaper{background-color:#00a0e9;}
.page-news #main .page-news-list li .news-cat.cat-conference{background-color:#1504FF;}
.page-news #main .page-news-list li div{font-size:16px; line-height:1.5; margin-top:10px; color:#000; width:100%;}
.page-news #main .page-news-list li a:hover .date{opacity:.7;}
.page-news #main .page-news-list li a:hover div{opacity:.7;}

#main .pager span,
#main .pager a{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; padding:0 5px; min-width:40px; height:46px; font-size:18px; font-weight:bold; color:#000; border:#bfbfbf solid 1px; box-sizing:border-box; margin:0 7px;}
#main .pager span.current,
#main .pager a:hover,
#main .pager a.prev,
#main .pager a.next{background-color:#29abe2; border-color:#29abe2; color:#fff; text-decoration:none;}
#main .pager a.prev:hover,
#main .pager a.next:hover{opacity:.7;}
#main .pager span.prev,
#main .pager span.next{background-color:#d2d2d2; border-color:#d2d2d2; color:#fff;}
#main .pager .prev,
#main .pager .next{width:105px; position:relative; padding-top:5px;}
#main .pager .prev:before{content:""; display:block; width:10px; height:10px; box-sizing:border-box; border-left:#fff solid 3px; border-bottom:#fff solid 3px; position:absolute; left:10px; top:50%; margin-top:-5px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#main .pager .next:after{content:""; display:block; width:10px; height:10px; box-sizing:border-box; border-right:#fff solid 3px; border-top:#fff solid 3px; position:absolute; right:10px; top:50%; margin-top:-5px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.page-news #side .side-nav{padding-top:25px; margin-bottom:45px;}
.page-news #side .side-nav .side-ttl{font-size:18px; line-height:1; margin:0 0 16px; padding:0 5px; box-sizing:border-box;}
.page-news #side .side-nav .side-list{padding:5px; box-sizing:border-box; list-style:none; border-top:#bfbfbf solid 1px; margin:0;}
.page-news #side .side-nav .side-list li{margin-top:15px;}
.page-news #side .side-nav .side-list li a{color:#000;}



/*-------お知らせ詳細-------*/
.page-single{max-width:960px; margin:0 auto; padding-top:45px; padding-bottom:100px;}
.page-single .single-article .single-head{padding:15px 0; border-top:#cccccc solid 1px; border-bottom:#cccccc solid 1px; margin-bottom:30px; width:100%}
.page-single .single-article .single-head .date{font-size:18px; font-weight:bold; line-height:30px; margin-right:13px;}
.page-single .single-article .single-head .news-cat{width:90px; height:30px; color:#fff; font-size:14px;}
.page-single .single-article .single-head .news-cat.cat-news{background-color:#edc709;}
.page-single .single-article .single-head .news-cat.cat-media{background-color:#ff6404;}
.page-single .single-article .single-head .news-cat.cat-recruit{background-color:#009c40;}
.page-single .single-article .single-head .news-cat.cat-covid{ background-color:#FF0000;}
.page-single .single-article .single-head .news-cat.cat-researchpaper{background-color:#00a0e9;}
.page-single .single-article .single-head .news-cat.cat-conference{background-color:#1504FF;}
.page-single .single-article .single-head .single-ttl{font-size:24px; font-weight:bold; line-height:34px; margin:10px 0 0; width:100%;}
.page-single .single-article .single-body{font-size:16px; line-height:30px;}
.page-single .single-article .single-body p{font-size:16px; line-height:30px; margin-bottom:15px;}
.page-single .single-article .single-body h2{font-size:24px; font-weight:bold; padding:5px 0 5px 20px; border-left:#29abe2 solid 8px; box-sizing:border-box; margin-bottom:25px;}
.page-single .single-article .single-body h3{font-size:20px; font-weight:bold; margin-bottom:25px;}
.page-single .single-article .single-body img{max-width:100%; height:auto;}

.page-single .single-nav{position:relative;}
.page-single .single-nav a,
.page-single .single-nav span{width:31.875%; height:46px; font-size:16px; font-weight:bold; color:#fff; margin-top:100px; background-repeat:no-repeat;}
.page-single .single-nav a{background-color:#29abe2;}
.page-single .single-nav span{background-color:#d2d2d2;}
.page-single .single-nav .previous{background-image:url(../images/arrow-wl-icon.png); background-position:15px center;}
.page-single .single-nav .tolist{position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.page-single .single-nav .next{background-image:url(../images/arrow-wr-icon.png); background-position:right 15px center;}
.page-single .single-nav a:hover{text-decoration:none; opacity:.7;}

@media screen and (max-width:960px){
.page-news #main{width:calc(100% - 200px);}
.page-news #side{width:150px;}
}


@media screen and (max-width:767px){

.page-news{padding:25px 15px 0;}
.page-news #main{width:100%;}
.page-news #side{width:100%; margin:45px 0 0;}

.page-news #main h2{font-size:16px; margin:0 0 22px;}
.page-news #main .page-news-list li a{padding:10px 0;}
.page-news #main .page-news-list li .date{font-size:13px; line-height:22px; margin-right:10px;}
.page-news #main .page-news-list li .news-cat{width:80px; height:22px; font-size:13px;}
.page-news #main .page-news-list li div{font-size:16px; line-height:20px;}

.page-news{display:block;}
#main .pager span,
#main .pager a{min-width:35px; height:40px; font-size:14px; margin:0 5px;}
#main .pager .prev,
#main .pager .next{width:70px; padding-top:2px;}
#main .pager .prev{padding-left:15px;}
#main .pager .next{padding-right:15px;}


.page-news #side .side-nav{padding-top:0; margin-bottom:15px; border:#bfbfbf solid 1px;}
.page-news #side .side-nav .side-ttl{font-size:14px; margin:0; padding:13px 15px; background:url(../images/arrow-gb-icon.png) no-repeat; background-position:right 15px center; background-size:12px auto;}
.page-news #side .side-nav .side-ttl.open{background-image:url(../images/arrow-gt-icon.png);}
.page-news #side .side-nav .side-list{padding:0; list-style:none; margin:0; display:none;}
.page-news #side .side-nav .side-list li{margin-top:0;}
.page-news #side .side-nav .side-list li a{padding:13px 15px; display:block; line-height:1; position:relative; font-size:14px;}
.page-news #side .side-nav .side-list li a:hover{text-decoration:none; background-color:#c9eaf8;}



/*-------お知らせ詳細-------*/
.page-single{padding-top:0; padding-bottom:50px;}
.page-single .single-article{padding:0 15px; box-sizing:border-box;}
.page-single .single-article .single-head{margin-bottom:20px; border-top:none; padding:10px 0;}
.page-single .single-article .single-head .date{font-size:13px; line-height:20px; margin-right:10px;}
.page-single .single-article .single-head .news-cat{width:80px; height:20px; font-size:13px;}
.page-single .single-article .single-head .single-ttl{font-size:17px; line-height:25px;}
.page-single .single-article .single-body{font-size:14px; line-height:24px;}
.page-single .single-article .single-body p{font-size:14px; line-height:24px; margin-bottom:20px;}
.page-single .single-article .single-body h2{font-size:16px; line-height:23px; padding:3px 0 3px 10px; border-left:#29abe2 solid 5px;}
.page-single .single-article .single-body h3{font-size:16px;}

.page-single .single-nav{padding:0 15px; box-sizing:border-box;}
.page-single .single-nav a,
.page-single .single-nav span{width:32%; height:42px; font-size:12px; margin-top:30px; background-size:7px auto;}
.page-single .single-nav .previous{background-image:url(../images/arrow-wl-icon_sp.png); background-position:10px center; padding:2px 0 0 15px;}
.page-single .single-nav .tolist{background:#29abe2; padding-top:2px;}
.page-single .single-nav .next{background-image:url(../images/arrow-wr-icon_sp.png); background-position:right 10px center; padding:2px 15px 0 0;}

}