@charset "utf-8";

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



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
#header h1 a{color: #333;}
@media screen and (max-width: 767px) {

}



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



/*--------------------------------------------------*/
/*			$article_list
/*--------------------------------------------------*/
#article-list ul{padding-bottom: 1rem;}
#article-list li{padding-bottom: 2rem;}
#article-list dl{-webkit-justify-content: space-between; justify-content: space-between;}
#article-list dt{width: 140px; font-size: 1.6rem;}
#article-list dd{width: 760px; border-bottom: 1px #000 solid;}
#article-list dd a{display: block;}
#article-list dd a:hover{text-decoration: underline;}
#article-list dd h3{font-size: 2rem;}
#article-list dd p{padding-bottom: 2rem; font-size: 1.6rem;}
@media screen and (max-width: 767px) {
#article-list dl{display: block;}
#article-list dt{width: 100%; font-size: 1rem;}
#article-list dd{width: 100%; padding-bottom: 2rem;}
#article-list dd h3{font-size: 1.1rem;}
#article-list dd p{display: none;}
}



/*--------------------------------------------------*/
/*			$article_detail
/*--------------------------------------------------*/
#article-detail .title-box{-webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 40px;}
#article-detail .title-box dt{width: 140px; font-size: 1.6rem;}
#article-detail .title-box dd{width: 790px;}
#article-detail .title-box dd h3,#article-detail .title-box dd h1{font-size: 2rem;}
#article-detail article{margin-bottom: 40px; padding: 0 0 40px 170px; border-bottom: 1px #000 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{display: block; padding-bottom: 4.6875%;}
#article-detail .title-box dt{width: 100%; font-size: 1rem;}
#article-detail .title-box dd{width: 100%;}
#article-detail .title-box dd h3,#article-detail .title-box dd h1{font-size: 1.1rem;}
#article-detail article{margin-bottom: 7.8125%; padding: 0 0 7.8125% 0;}
#article-detail article p{font-size: 1rem;}
#article-detail article ul,#article-detail article ol{font-size: 1rem;}
}