br {
  display: block;
  content: "";
  margin: 10px 0;
  }

img{display: block;
    margin-left: auto;
    margin-right: auto;
}


@media screen and ( min-width:800px ){

  .main {
    width: 600px;
    margin: 0px auto;
    padding: 3px;
    background-color: #fff;
}
  .text{letter-spacing: 0.03em;
    font-size: 18px;
    line-height: 30px;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    font-weight: bold;
  }

    .text2{letter-spacing: 0.03em;
      font-size: 18px;
      line-height: 30px;
      font-family: Hiragino Sans, Arial, sans-serif !important;
    text-align: center;
    font-weight: 560;
    }

    .img1{
      width: 50%;
      margin: 0px auto;
    }
      .img2{
    width: 600px;
    margin: 0px auto;
        }   
        .img3{
          width: 100%;
          margin: 0px auto;
        content: ” “;
        display: block;
        height: 100%;
        min-height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid #00214e;
      }
      
          .line {
            background: linear-gradient(transparent 60%, yellow 30%);
            display: inline-block;
          }

          .lines {
            background: linear-gradient(transparent 60%, yellow 30%);
            display: inline-block;
            font-weight: bold;
        color: rgb(0, 0, 0);
        font-size: 20px;
        text-align: center;
          }

      .line1 {
        font-weight: bold;
        text-align: center;
        font-size: 28px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: rgb(251, 255, 12);
        background-color: #0017e7;
        padding: 4px 0.1em;
         }

   .line2 {
        font-weight: bold;
        text-align: center;
        font-size: 21px;
        margin: 15px auto 15px ;
        width: fit-content;
       color: #ffffff;
        background-color: #0017e7;
        padding: 4px 0.1em;
         }

           .line3 {
        font-weight: bold;
        text-align: center;
        font-size: 30px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: rgb(251, 255, 12);
        background-color: #ff0000;
        padding: 4px 0.1em;
         }

   .line4 {
        font-weight: bold;
        font-size: 21px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: rgb(255, 255, 255);
        background-color: rgb(255, 0, 140);
        padding: 4px 0.1em;
         }

            .line5 {
        font-weight: bold;
        font-size: 21px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: #ff004c;
        background-color: #eeff00;
        padding: 4px 0.1em;
         }
.line6 {
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: #ffffff;
        background-color: #00b99a;
        padding: 4px 0.1em;
         }

        .line7 {
        font-weight: bold;
        text-align: center;
        font-size: 24px;
        margin: 10px auto 10px ;
        width: fit-content;
        color: rgb(251, 255, 12);
        background-color: #00b99a;
        padding: 4px 0.1em;
         }

      .sp1 {
        font-weight: bold;
        color: rgb(0, 0, 0);
        font-size: 20px;
        text-align: center;
       
    }

    .sp2 {
      font-weight: bold;
      color: rgb(255, 0, 140);
      font-size: 20px;
      text-align: center;
     
  }

  .sp3 {
    font-weight: bold;
    color: #002fff;
    font-size: 20px;
   
}

}
@media screen and ( max-width:799px ){

  .main {
    width: 100%;
    margin: 0px auto;
    padding: 3px;
    background-color: #fff;
}
  .text{letter-spacing: 0.03em;
    font-size: 18px;
    line-height: 30px;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    font-weight: bold;
  }

    .text2{letter-spacing: 0.03em;
      font-size: 18px;
      line-height: 30px;
      font-family: Hiragino Sans, Arial, sans-serif !important;
    text-align: center;
    font-weight: 560;
    }

    .img1{
      width: 50%;
      margin: 0px auto;
    }
      .img2{
    width: 100%;
    margin: 0px auto;
        }   
        .img3{
          width: 100%;
          margin: 0px auto;
        content: ” “;
        display: block;
        height: 100%;
        min-height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid #00214e;
      }
      
          .line {
            background: linear-gradient(transparent 60%, yellow 30%);
            display: inline-block;
          }

          .lines {
            background: linear-gradient(transparent 60%, yellow 30%);
            display: inline-block;
            font-weight: bold;
        color: rgb(0, 0, 0);
        font-size: 20px;
        text-align: center;
          }

      .line1 {
        font-weight: bold;
        text-align: center;
        font-size: 28px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: rgb(251, 255, 12);
        background-color: #0017e7;
        padding: 4px 0.1em;
         }

   .line2 {
        font-weight: bold;
        text-align: center;
        font-size: 21px;
        margin: 15px auto 15px ;
        width: fit-content;
       color: #ffffff;
        background-color: #0017e7;
        padding: 4px 0.1em;
         }

           .line3 {
        font-weight: bold;
        text-align: center;
        font-size: 30px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: rgb(251, 255, 12);
        background-color: #ff0000;
        padding: 4px 0.1em;
         }

   .line4 {
        font-weight: bold;
        font-size: 21px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: rgb(255, 255, 255);
        background-color: rgb(255, 0, 140);
        padding: 4px 0.1em;
         }

            .line5 {
        font-weight: bold;
        font-size: 21px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: #ff004c;
        background-color: #eeff00;
        padding: 4px 0.1em;
         }
.line6 {
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        margin: 15px auto 15px ;
        width: fit-content;
        color: #ffffff;
        background-color: #00b99a;
        padding: 4px 0.1em;
         }

        .line7 {
        font-weight: bold;
        text-align: center;
        font-size: 24px;
        margin: 10px auto 10px ;
        width: fit-content;
        color: rgb(251, 255, 12);
        background-color: #00b99a;
        padding: 4px 0.1em;
         }

      .sp1 {
        font-weight: bold;
        color: rgb(0, 0, 0);
        font-size: 20px;
        text-align: center;
       
    }

    .sp2 {
      font-weight: bold;
      color: rgb(255, 0, 140);
      font-size: 20px;
      text-align: center;
     
  }

  .sp3 {
    font-weight: bold;
    color: #002fff;
    font-size: 20px;
   
}

  }