@charset "utf-8";

#wrapper{
 width: auto;
 margin: 40px 0 0 -15px;
 padding:0;
}

#wrapper h1,#wrapper h2,#wrapper h3,.btn,.btn_sec,.rank{
    text-align:center;
    line-height: 1.1;
    }

#wrapper .btn{
  margin: 40px 0 90px;
  display:  block;
}

#wrapper .btn_sec{
  margin: 40px 0;
  display:  block;
}

#wrapper .btn img,#wrapper .btn_sec img{
  width: 60%;
}

#wrapper .btn a:hover,#wrapper .btn_sec a:hover{
  opacity:0.7;
  }

#wrapper h2{
    font-size:38px;
    margin: 0 auto 50px;
    color: #c11828;
    font-weight: bold;
    letter-spacing: 7px;
    }

#wrapper h3{
    font-size:22px;
    font-weight: bold;
    margin: 70px auto 30px;
    }

#wrapper .box {
  display: flex;
  width:100%;
  align-items: flex-start;
  margin-bottom:  10px;
}

#wrapper .box img{
    width: 8%;
    margin: 0 15px 0 0;
    }

#wrapper .box span{
  font-weight:bold;
  font-size: 14px;
}

#wrapper .box-text p{
    color:#333;
    line-height: 160%;
    margin: 0;
    padding:  0;
    }

#wrapper .attention ul{
  padding: 20px 20px 0;
}

#wrapper .attention li{
  margin-bottom:5px;
}

#wrapper .attention table{
  margin:20px 0 20px 0;
  width: 100%;
}

#wrapper .attention tr:first-child {
  background:#eee;
  text-align:  center;
}

#wrapper .attention td:first-child{
  width:25%;
}

#wrapper .attention td{
  padding: 5px;
}

#wrapper .attention .border{
  border: 1px solid #fff;
}
/*----------------
smp調整用
----------------*/
#smp_wrapper{
  max-width: 100%;
  margin: 0px auto;
  padding: 0 20px 40px;
  background:  #fff;
  font-size:3vw;
}

#smp_wrapper h2{
  font-size:10vw;
  font-weight:bolder;
  text-align:  center;
  margin: 0 0 40px;
  color: #c11828;
}

#smp_wrapper h3{
  font-size:4vw;
  text-align:center;
  margin: 40px 0 20px;
}

#smp_wrapper .box{
  display:flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

#smp_wrapper .box img{
  width: 15%;
  margin-right: 10px;
}

#smp_wrapper .box-text span{
  font-weight:bold;
  font-size: 3.2vw;
}

#smp_wrapper .box-text p{
  margin: 0 !important;
  line-height: 130%;
}

#smp_wrapper .attention{
  margin-top: 25px;
  background:#fff;
  padding: 0 0 0 5%;
}

#smp_wrapper .attention li{
  list-style-type: square;
  margin-bottom: 10px;
  line-height: 130%;
}

#smp_wrapper .attention li:last-child{
  margin-bottom:0;
}

#smp_wrapper .rank img{
  width:80%;
}

#smp_wrapper .rank table{
  margin-top:5px;
}

#smp_wrapper .rank tr{
  text-align:left;
}

#smp_wrapper .rank tr:first-child {
  background:#eee;
  text-align:  center;
}

#smp_wrapper .rank td:first-child{
  width: 27%;
}

#smp_wrapper .rank td{
  padding: 7px;
}

#smp_wrapper .btn{
  margin: 40px auto 60px;
}

#smp_wrapper .btn_sec{
  margin: 40px auto;
}

#smp_wrapper .btn img,#smp_wrapper .btn_sec img{
  width:80%;
}

#smp_wrapper .supplement{
  padding:0;
}