<@charset "UTF-8";>

.contents {
     width: 767%;
     max-width: 740px;
     margin: auto;
 }

 }
 .box3 img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 

 .flexbox2{
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
 }
 
 .box3{
     margin: 0;
     padding: 10px 5px 10px 5px;
     width: 22%;
 }
 
 .box4{
     margin: 5;
     padding: 10px;
     width: 16%;
 }
  .box5{
     margin: 5;
     padding: 10px 5px 10px 5px;
     width: 13%;
 }
  .box6{
     margin: 5;
     padding: 5px;
     width: 13%;
 }
 
 .p1{
     height:10px;
     text-align: center;
 }
 .p2{
     height:10px;
     text-align: center;
 }
  .p3{
     height:30px;
     text-align: center;
 }
.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: 5px;
         width: 30%;
     }
     
      .flexbox2 .box4 {
         padding: 5px;
         width: 22%;
     }
     
      .flexbox2 .box5 {
         padding: 5px;
         width: 17%;
     }
     
      .flexbox2 .box6 {
         padding: 2px;
         width: 20%;
     }
      
     .flexbox2 .p2 {
         height: 9px;
         font-size: 8px;
         text-align: center;
     }
     .flexbox2 .p3 {
         height: 20px;
         font-size: 8px;
         text-align: center;
     }
     
     .p4 {
         font-size: 8px;
         text-align: cetner;
         text-align: center;
     }
     
      .img-mid {
     width: 70%;
     }

     .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%;
}


 }