@charset "utf-8";
/* CSS Document */
body,
body *{box-sizing: border-box;}


#top-contents h1{
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  border: none;
  background: none;
}
#top-contents p{
  line-height: 1.6em;
  margin-bottom: 35px;
  font-size: 1.6em;
}



#body-inner h2{
  font-size: 3.2em;
  line-height: normal;
  margin-bottom: 16px;
  padding-left: 0;
  text-align: center;
  color: #000000;
  background: none;
}
#body-inner h2:before{content: none;}
#body-inner h2 img{width: 54px;}


.hsk_infoarea{
  display: flex;
  justify-content: space-between;
}
#main_left,
#main_center,
#main_right{
  display: block;
  width: 320px;
  margin: 0 auto 70px;
}
.hsk_infoarea h3{
  height: 53px;
  margin: auto;
  padding: 12px 0 0 65px;
  font-size: 1.6em;
  color: #780c3d;
  border: none;
}
.hsk_infoarea h3:before{content: none;}
#main_left h3{background: url("../img/side_news_head.png") left bottom no-repeat;}
#main_center h3{background: url("../img/side_news_head2.png") left bottom no-repeat;}
#main_right h3{background: url("../img/side_news_head3.png") left bottom no-repeat;}

.top_contents_list{
  height: 250px;
  overflow-y: scroll;
  margin: 10px 0;
}

#main_center p,
#main_right p{
  width: 100%;
  text-align: right;
  padding-right: 18px;
  font-size: 1.1em;
}
#main_center p{
  padding-right: 0px;
}

.top_contents_list ul li{
  display: block;
  font-size: 1.4em;
  border-bottom: 1px dotted #DDDDDD;
}
.top_contents_list ul li a{
  display: block;
  padding: 10px 10px 10px 0;
  color: #000000;
  text-decoration: none;
}
.top_contents_list ul li a:hover{
  opacity: 0.7;
  background-color: #EEEEEE;
}






@media screen and (max-width:768px){
  .hsk_infoarea{display: block;}
  #main_left,
  #main_center,
  #main_right{width: 80%;}
}
@media screen and (max-width:420px){
  #main_left,
  #main_center,
  #main_right{width: 320px;}
}