@charset "UTF-8";

#content-body-wrapper .hdg-level1 span{
 font-size: 80%;
}
#content-body a{
 color: blue;
 text-decoration: underline;
}
#content-body a:hover{
 text-decoration: none;
}
ul.saiene_box{
 width: 920px;
 margin: 0 auto;
 padding: 30px;
}
ul.saiene_box li{
 font-size: 22px;
 text-align: center;
 margin-bottom: 30px;
 background: rgba(255, 0, 0, 0.07);
 padding: 30px;
 border: 1px solid #ccc;
 color: #222;
}
ul.saiene_box li:last-child{
 margin-bottom: 0;
}
#content-body .section{
 overflow: hidden;
}
.year{
 width: 980px;
 margin: 0 auto;
}
.year .ft-large-x{
 margin-bottom: 20px;
 text-align: center;
}
.year .ft-large-x2{
 margin: 70px 0 0;
}
.year h2{
 font-size: 18px;
 margin: 60px 0 30px;
 color: #000;
 text-align: center;
}
.year p{
 color: #000;
}
.year li p{
 font-size: 15px;
}
#content-body .anchor{
 text-align: center;
 margin: 40px auto;
 width: 780px;
}
.anchor p{
 margin: 20px 0 10px;
}
.anchor li{
 margin-bottom: 10px;
}
.anchor1 li{
 display: inline-block;
 margin-right: 10px;
}
.anchor1 li:nth-child(3),
.anchor1 li:last-child{
 margin-right: 0;
}
.graph{
 margin-bottom: 40px;
}
.graph li:first-child{
 text-align: center;
 color: #000;
 margin-bottom: 10px;
}
.graph li.img{
 text-align: center;
}
.year p.img{
 max-width: 690px;
 margin: 0 auto;
 width: 100%;
 margin-bottom: 20px;
}
.year p.img span{
 display: block;
 text-align: right;
 padding: 0 10px;
}
.year .indent01{
 text-indent: -3em;
 padding-left: 3em;
}
.year .indent02{
 text-indent: -2em;
 padding-left: 2em;
}


@media screen and (max-width: 980px){
 ul.saiene_box{
  width: calc(100% - 20px);
  padding: 10px;
 }
 ul.saiene_box li1{
  font-size: 20px;
 }
  .year{
  width: calc(100% - 10px);
  padding: 0 5px;
 }
}

@media screen and (max-width: 767px){
 #content-body .section{
 padding: 0;
 }
 .graph li:first-child,
 .graph li.img{
  display: block;
  width: 100%;
 }
 #content-body .anchor{
  width: 100%;
 }
 .anchor1 li{
  display: block;
  width: 100%;
  margin-right: 0;
 }
}