@charset "UTF-8";

#contents {margin: 0 auto;padding-top: 3px;padding-bottom: 21px;width: 1200px; }
@media print, screen and (max-width: 767px) {
  #contents { padding-bottom: 25px;  overflow: hidden;  width: 100%; }
}

#links{}
#links img { border: solid 1px #E0E0E0;}
#links .noborder{ border:0px; }
#links .box h4{ font-weight:600; }
#links .list{ display:flex; align-items:flex-start; flex-wrap:wrap; }
#links .list a{ display:flex; align-items:flex-start; flex-flow:column; color:inherit; text-decoration:none; }
#links .list a img{ width:100%; }
#links .list a p::before{ display:inline-block; content:""; transform: rotate(45deg); margin-right: 0.5em; }
#links .list a p span{ display:inline-block; text-indent:0; }
#links .list a:hover img{ opacity:0.6; }
#links .list a:hover p{ text-decoration:underline; }

@media print, screen and (min-width:768px){
	#links{padding-bottom: 22px;margin:0 auto;}
	#links .inner{ margin:0 auto; box-sizing:border-box; padding-top:10px;width:1200px; }
	#links .title{font-size:3.4rem; line-height:1.2;padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #878686;}
	#links .box:not(:last-child){ margin-bottom:30px; }
	#links .box h4{ font-size:1.8rem; line-height:1.2; margin-bottom:5px; }
	#links .list a{ font-size:1.4rem; line-height:1.2; width:calc((100%  - 30px) / 4); margin-bottom:10px; }
	#links .list a:not(:nth-child(4n)){ margin-right:10px; }
	#links .list a img{ margin-bottom:10px;width: 255px; }
	#links .list a p{ padding-left:calc(8px + 0.5em); text-indent:calc(-8px - 0.5em);  width:250px;}
	#links .list a p::before{ width: 8px; height: 8px; border-top: 1px solid #C7000D; border-right: 1px solid #C7000D; }
}

@media screen and (max-width:767px){
	#links{ padding:0 5px 0; }
	#links .title{ font-size:1.8rem; line-height:1.2; margin-bottom:10px;padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #878686;}
	#links .box:not(:last-child){ margin-bottom:15px; }
	#links .box h4{ font-size:1.4rem; line-height:1.2; margin-bottom:5px; }
	#links .list a{ font-size:1.2rem; line-height:1.2; width:calc((100%  - 10px) / 2); margin-bottom:10px; }
	#links .list a:not(:nth-child(2n)){ margin-right:10px; }
	#links .list a img{ margin-bottom:5px; }
	#links .list a p{ padding-left:calc(6px + 0.5em); text-indent:calc(-9px - 0.5em); font-size:0.9rem;}
	#links .list a p::before{ width: 8px; height: 8px; border-top: 1px solid #C7000D; border-right: 1px solid #C7000D; }
}