@charset "UTF-8";

main {
  /* メニューバー分余白 */
  margin-top: 140px;
}
.score {
  width: 80%;
  padding: 20px;
  /* height: 500px; */
  margin: 0 auto;
  background-color:rgba(255, 255, 255, 0.7);
  border-radius: 5%;
}

.box {
  margin: auto;
  padding: 50px 0 100px 0;
  /* ドット（水玉）模様のCSS */
  background-color: #e9fffc;
  background-image: radial-gradient(#b9fffe 19%, transparent 10%),
    radial-gradient(#b9fffe 19%, transparent 10%);
  background-position: 0 0, 8vw 8vw;
  background-size: 16vw 16vw;
}
.score h2{
font-size: 1.5rem;
font-weight: bold;
line-height: 2;
}

.score p{
    width: 80%;
    margin: 5% auto 5% 0;
}
.score a{
    display: block;
    line-height: 3;
}
.score a::before{
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 30px;
    vertical-align:  text-bottom;
    background: url(../img/pdf_icon.png) no-repeat 50% 100%/20px ;
}

@media screen and (max-width: 850px){
    .score h2{
        font-size: 1.2rem;
    }

}
@media screen and (max-width: 700px){
    .br_700{
        display: block;
        line-height: 1.2;
    }
    .score h2{
        line-height: 1.2;
    }
    .score p{
        width: unset;
        margin: 5% auto;
    }
    main{
        font-size: 12px;
    }
}
@media screen and (max-width: 500px){
    .br_700{
        display: unset;
    }
    .score a{
        line-height: 2;
    }
   .br_500{
       display: block;
       line-height: 1.5;
       margin-left: 25px;
   }
}