@charset "UTF-8";
/* 1rem = 10px */

/* page_main */
#page_main .section-header{margin-bottom:47px;}
#page_main .section{padding-top:52px;}

/* news-wrap */
.news-wrap{position:relative;margin:0 auto;}
.news-wrap:after{content:'';display:block;clear:both;}

/* section-news */
.section-news{position:relative;margin:0 auto;}

/* section-category */
.section-category{width:770px;margin:0 auto;margin-left:0;padding-bottom:20px;}
.section-category ul{margin:0 auto;}
.section-category ul:after{content:'';display:block;clear:both;}
.section-category ul li{position:relative;float:left;margin-right:1.2rem;font-size:1.6rem;font-weight:normal;line-height:1.75em;text-align:center;background-color:#F2F2F2;}
.section-category ul li:before,
.section-category ul li:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;}
.section-category ul li:before{bottom:0;border:1px solid #000;z-index:1;}
.section-category ul li:after{height:0;z-index:3;}
.section-category ul li a{display:block;position:relative;color:#202020;text-decoration:none;cursor:pointer;z-index:2;}
.section .section-category ul li a:hover{opacity:1;}
.section-category ul li.selected:after{height:100%;}

.section-category ul li.category0{width:7.8rem;}
.section-category ul li.category0:before{border-color:#5593CA;}
.section-category ul li.category0 a:hover{color:#FFF;background-color:#005EB0;}
.section-category ul li.category0.selected a{color:#FFF;background-color:#005EB0;}

.section-category ul li.category1{width:9.6rem;}
.section-category ul li.category1:before{border-color:#F9DCAE;}
.section-category ul li.category1 a:hover{background-color:#F9DCAE;}
.section-category ul li.category1.selected a{background-color:#F9DCAE;}

.section-category ul li.category2{width:14.4rem;}
.section-category ul li.category2:before{border-color:#C9E5FF;}
.section-category ul li.category2 a:hover{background-color:#C9E5FF;}
.section-category ul li.category2.selected a{background-color:#C9E5FF;}

.section-category ul li.category3{width:24.0rem;}
.section-category ul li.category3:before{border-color:#D1EBC8;}
.section-category ul li.category3 a:hover{background-color:#D1EBC8;}
.section-category ul li.category3.selected a{background-color:#D1EBC8;}

/* section-article */
.article-list{min-height:450px;padding-bottom:50px;}
.section-article{position:relative;width:770px;margin:0 auto;margin-left:0;padding:2rem 0 1.3rem;}
.section-article:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-top:1px;background-color:#CCC;z-index:10;}
.section-article:hover{background-color:#EEE;}

.article-date,
.article-category,
.article-text p{color:#202020;font-size:1.6rem;font-weight:normal;line-height:1.75em;}
.section .news-wrap .article-text p{font-size:1.6rem;line-height:1.8667em;text-align:left;}

.section .news-wrap .article-date{text-align:left;}
.section .news-wrap .article-category{text-align:center;}

.article-date,
.article-category{display:block;position:absolute;top:0;margin-top:2rem;z-index:2;}

.article-date{left:0;width:13.6rem;}
.article-category{left:13.6rem;}

.article-text{padding-top:3.8rem;}
.article-text p{text-decoration:underline;}
.article-text p.type-pdf:after,.article-text p.type-word:after,.article-text p.type-excel:after{content:'';display:inline-block!important;margin-left:5px!important;}
.article-text p.type-pdf:after{content:'\e902';color:#ee3f24;font-family:icomoon,sans-serif;line-height:1em;text-decoration:none;text-indent:0;vertical-align:-2px;}
.article-text p.type-word:after{width:1.6rem;padding-top:1.6rem;background:url("../assets/images/ico-word.png");background-size:100% auto;}
.article-text p.type-excel:after{width:1.6rem;padding-top:1.6rem;background:url("../assets/images/ico-excel.png");background-size:100% auto;}

.section-article.category1 .article-category{width:9.6rem;background-color:#F9DCAE;}
.section-article.category1 .article-text p{}

.section-article.category2 .article-category{width:14.4rem;background-color:#C9E5FF;}
.section-article.category2 .article-text p{}

.section-article.category3 .article-category{width:24.0rem;background-color:#D1EBC8;}
.section-article.category3 .article-text p{}

.article-link{position:absolute;top:0;left:0;bottom:0;width:100%;z-index:9;}
.article-link a{display:block;position:absolute;top:0;left:0;bottom:0;width:100%;}
.article-link a span{display:none;}
.article-link a:after{display:none!important;margin-left:0!important;}

.section-article.unlink:hover{background-color:#FFF;}
.section-article.unlink .article-text p{text-decoration:none;}

/* section-pager */
.section-pager{margin:0 auto;padding:30px 0 30px;text-align:center;}

.pager-box{display:inline-block;position:relative;margin:0 auto;}
.pager-box p,
.pager-box ul li{width:4rem;float:left;margin-left:1rem;text-align:center;}
.pager-box p{position:absolute;top:0;}
.pager-box p a,
.pager-box p a img{display:block;}
.pager-box p.pager-next{left:100%;margin-left:1rem;}
.pager-box p.pager-prev{right:100%;margin-right:1rem;}
.section .news-wrap .pager-box p{line-height:4rem;text-align:center;}
.pager-box ul{width:26rem;margin:0 auto;}
.pager-box ul li{position:relative;color:#202020;font-size:1.8rem;font-weight:bold;line-height:4rem;background-color:#E6E6E6;border-radius:100%;}
.pager-box ul li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;z-index:2;}
.section .section-body .pager-box ul li a.is-hover{opacity:1;}
.pager-box ul li a{display:block;position:relative;color:#202020;text-decoration:none;z-index:1;}
.pager-box ul li a:hover{text-decoration:underline;}
.pager-box ul li.selected{background-color:#005EB0;}
.pager-box ul li.selected:before{height:100%;}
.pager-box ul li.selected a{color:#FFF;}

/* section-back */
.section-back{margin:65px auto 0;padding:0 0 30px;text-align:center;}
.section-back p{width:480px;margin:0 auto;}
.section-back p a{display:block;position:relative;padding:0;padding-left:3rem;color:#FFF;line-height:2.9em;text-decoration:none;background-color:#005EB0;}
.section-back p a:after{content:'';display:block;position:absolute;top:0;right:2rem;width:3rem;margin-top:1.4rem;padding-top:3rem;background:url("./images/archive-list.png") no-repeat center;background-size:100% auto;}
.section .section-body .section-back p{font-size:2rem;line-height:2.9em;text-align:left;}

/* section-archive */
.section-archive{position:absolute;top:0;right:0;width:200px;}
.section-archive p{position:relative;padding:26px 0 0;font-weight:bold;}
.section-archive p:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-top:1px;background-color:#202020;}
.section .section-archive p{color:#202020;font-size:1.8rem;line-height:2.4445em;text-align:left;}
.section-archive .archive-list ul{padding-top:0.8rem;;}
.section-archive .archive-list ul li{position:relative;margin-top:1.6rem;text-align:left;}
.section-archive .archive-list ul li:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:0;z-index:2;}
.section-archive .archive-list ul li a{display:block;position:relative;color:#FFF;line-height:1.4em;text-decoration:none;background-color:#005EB0;z-index:1;}
.section-archive .archive-list ul li a:after{content:'';display:block;position:absolute;top:0;right:2rem;width:3rem;margin-top:1.4rem;padding-top:3rem;background:url("./images/archive-list.png") no-repeat center;background-size:100% auto;}
.section .section-archive .archive-list ul li a{padding:1.5rem 0;padding-left:2rem;font-size:2rem;line-height:1.4em;text-align:left;}
.section-archive .archive-list ul li.selected:before{width:100%;}
.section-archive .archive-list ul li.selected a{text-decoration:underline;}

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

/* page_main */
#page_main .section{padding-top:50px;}
#page_main .section-header{margin-bottom:40px;}

/* section-news */
.section-news{width:auto;float:none;}

/* section-category */
.section-category{width:100%;padding-bottom:17px;}
.section-category ul li{margin-bottom:1.2rem;font-size:1.4rem;line-height:1.7143em;}

.section-category ul li.category0{width:7.2rem;}
.section-category ul li.category1{width:8.8rem;}
.section-category ul li.category2{width:13.0rem;}
.section-category ul li.category3{width:21.4rem;}

/* section-article */
.article-list{min-height:0;}
.section-article{width:100%;padding-bottom:2.1rem;}
.article-date,
.article-category,
.article-text p{font-size:1.2rem;line-height:2em;}
.section .news-wrap .article-text p{font-size:1.4rem;line-height:1.8572em;}

.section .news-wrap .article-date{font-size:1.6rem;line-height:1.5em;}
.section .news-wrap .article-category{font-size:1.2rem;line-height:2em;}

.article-text{padding-top:3.8rem;}

.section-article.category1 .article-category{width:8.8rem;}
.section-article.category1 .article-text p{text-indent:0;}

.section-article.category2 .article-category{width:13.0rem;}
.section-article.category2 .article-text p{text-indent:0;}

.section-article.category3 .article-category{width:21.4rem;}
.section-article.category3 .article-text p{text-indent:0;}

/* section-pager */
.section-pager{padding-top:40px;}

/* section-back */
.section-back{margin-top:30px;padding-bottom:0;}
.section-back p{width:100%;}

/* section-archive */
.section-archive{position:relative;top:auto;right:auto;width:100%;padding-top:40px;}

}

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

/* section-article */
.section-article{padding-bottom:2.1rem;}
.article-date,
.article-category,
.article-text p{font-size:1.2rem;line-height:2em;}
.section .news-wrap .article-text p{font-size:1.4rem;line-height:1.8572em;}

.section .news-wrap .article-date{font-size:4.1026vw;}
.section .news-wrap .article-category{left:11.3334em;font-size:3.077vw;}

.article-text{padding-top:3.8rem;}

.section-article.category1 .article-category{width:24.4445%;}

.section-article.category2 .article-category{width:36.1112%;}

.section-article.category3 .article-category{width:59.4445%;}

/* section-pager */
.pager-box p,
.pager-box ul li{width:2.2223em;margin-left:0.5556em;}
.pager-box ul{font-size:5.1283vw;}
.pager-box p a,
.pager-box p a img{display:block;}
.pager-box p.pager-next{left:100%;margin-left:1rem;}
.pager-box p.pager-prev{right:100%;margin-right:1rem;}
.section .news-wrap .pager-box p{font-size:4.6154vw;line-height:2.2223em;}
.pager-box ul{width:13em;}
.pager-box ul li{font-size:4.6154vw;line-height:2.2223em;}

/* section-back */
.section-back p{font-size:5.1283vw;}

}

/* CSSここまで */