@charset "UTF-8";

.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }

 div.background-img {
     background-image: url("/wp-content/themes/meijiza/images/info/2020_09/top.jpg");
     background-size:contain;
 }

 div.background-color {
     background-color: #e0adb0;
 }

 }
 .flexbox2 img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox1 {
     display: flex;
 }
 .box1 {
     width: 45%;
     margin: auto;
 }
 .box2 {
     width: 45%;
     margin: auto .5rem;
 }


 .flexbox2{
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
     align-items:center;
 }

 .box3{
     margin: 5;
     padding: 10px;
     width: 20%;
 }

 .box4{
     margin: 5;
     padding: 10px;
     width: 12%;
 }
  .box5{
     margin: 5;
     padding: 5px;
     width: 10%;
 }
   .box6{
     margin: 5;
     padding: 5px;
     width: 10%;
 }

 .box7{
     margin: 5;
     padding: 10px;
     width: 30%;
 }
 
  .box8{
     margin: 5;
     padding: 5px;
     width: 46%;
 }
 .p1{
     height:10px;
 }
 .p2{
     height:10px;
 }
  .p3{
     height:10px;
 }
.br-pc { display:block; }
.br-sp { display:none; }

a.popup:hover {
position: relative;
text-decoration: none;
}
a.popup span {
display: none;
position: absolute;
top: 1em;
left: 0;
}
a.popup:hover span {
border: none;
display: block;
width: 0%;
}

 @media screen and (max-width: 767px) {
     .flexbox1 {
         display: block;
         align-items: center;
     }
     .flexbox1 .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox1 .box2 {
         width: 100%;
         margin: 0 auto;
     }

      .flexbox2 .box3 {
         padding: 10px;
         width: 26%;
     }

      .flexbox2 .box4 {
         padding: 10px;
         width: 22%;
     }

      .flexbox2 .box5 {
         padding: 12px;
         width: 19%;
     }
      .flexbox2 .box6 {
         padding: 5px;
         width: 19%;
     }
      .flexbox2 .box7 {
         padding: 5px;
         width: 46%;
     }
      .flexbox2 .box8 {
         padding: 5px;
         width: 46%;
     }
     .flexbox2 .p2 {
         height: 18px;
     }
     .flexbox2 .p3 {
         height: 20px;
         font-size: 12px;
     }

     .br-pc {
         display:none;
     }
     .br-sp {
         display:block;
         }
a.popup:hover {
position: relative;
text-decoration: none;
}
a.popup span {
display: none;
position: absolute;
top: 1em;
left: 0;
}
a.popup:hover span {
border: none;
display: block;
width: 0%;
}


 }