@charset "utf-8";

/*--------------------------------------------------*/
/*		http://
/*		/css/index.css
/*--------------------------------------------------*/
/*		$index
/*--------------------------------------------------*/
/*			$index.......目次
/*			$layout......全体・部分的なレイアウト
/*			$visual......visual部分
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
.cat-navi{padding-bottom: 50px;}
.cat-navi ul{font-size: 0; line-height: 0; text-align: center;}
.cat-navi li{position: relative; display: inline-block; margin: 0 .5em .5em 0; padding-right: .5em; font-size: 1.6rem; line-height: 1;}
.cat-navi li:after{position: absolute; right: 0; top: 25%; content: ""; width: 1px; height: 50%; background-color: #333;}
.cat-navi li:last-child{margin-right: 0; padding-right: 0;}
.cat-navi li:last-child:after{width: 0; height: 0;}
.cat-navi a{display: inline-block; padding: .5em 1em; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.cat-navi a:hover,.cat-navi .current a{background-color: rgba(1,36,86,.6); color: #fff;}
@media screen and (max-width: 767px) {
.cat-navi{padding-bottom: 7.8125%;}
.cat-navi li{margin: 0 .5em 1em 0; font-size: 1rem;}
}



/*--------------------------------------------------*/
/*			$visual
/*--------------------------------------------------*/
#lower-visual{margin-bottom: 30px; background: url(/images/column/visual_pc.jpg) no-repeat center top; background-size: cover;}
#lower-visual h2{margin-left: -8.5em;}
@media screen and (max-width: 767px) {
#lower-visual{margin-bottom: 7.8125%; background: url(/images/column/visual_sp.jpg) no-repeat center top; background-size: cover;}
}



/*--------------------------------------------------*/
/*			$article_list
/*--------------------------------------------------*/
#article-list ul{padding-bottom: 1rem;}
#article-list li{margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px #014099 solid;}
#article-list dt{font-size: 1.6rem;}
#article-list dd h3{font-size: 2rem;}
#article-list dd h3 a{display: block;}
#article-list dd h3 a i{margin-left: 2em; font-size: 1.2rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#article-list dd h3 a:hover i{margin-left: 3em;}
#article-list dd aside{font-size: 1.6rem;}
#article-list dd aside a{text-decoration: underline;}
#article-list dd aside a:hover{text-decoration: none;}
@media screen and (max-width: 767px) {
#article-list dt{font-size: 1rem;}
#article-list dd h3{font-size: 1.2rem;}
#article-list dd h3 a i{margin-left: 1em; font-size: .5rem;}
#article-list dd h3 a:hover i{margin-left: 2em;}
#article-list dd aside{font-size: .9rem;}
}



/*--------------------------------------------------*/
/*			$article_detail
/*--------------------------------------------------*/
#article-detail .title-box{padding-bottom: 30px;}
#article-detail .title-box dt{font-size: 1.6rem;}
#article-detail .title-box dd h3,#article-detail .title-box dd h1{font-size: 2rem;}
#article-detail .title-box dd aside{font-size: 1.6rem;}
#article-detail .title-box dd aside a{text-decoration: underline;}
#article-detail .title-box dd aside a:hover{text-decoration: none;}
#article-detail article{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px #014099 solid;}
#article-detail article p{padding-bottom: 2em; font-size: 1.6rem; line-height: 1.6;}
#article-detail article ul,#article-detail article ol{padding: 0 0 2em 2em; font-size: 1.6rem; line-height: 1.6;}
#article-detail article ul{list-style: disc;}
#article-detail article ol{list-style: decimal;}
#article-detail article a{text-decoration: underline;}
#article-detail article a:hover{text-decoration: none;}
@media screen and (max-width: 767px) {
#article-detail .title-box dt{font-size: 1rem;}
#article-detail .title-box dd h3,#article-detail .title-box dd h1{font-size: 1.2rem;}
#article-detail .title-box dd h3 a i,#article-detail .title-box dd h1 a i{margin-left: 1em; font-size: .5rem;}
#article-detail .title-box dd h3 a:hover i,#article-detail .title-box dd h1 a:hover i{margin-left: 2em;}
#article-detail .title-box dd aside{font-size: .9rem;}
#article-detail article{margin-bottom: 7.8125%; padding-bottom: 7.8125%;}
#article-detail article p{font-size: 1rem;}
#article-detail article ul,#article-detail article ol{font-size: 1rem;}
}