/*五箇条本文メディアクエリ*/
@media only screen and (max-width: 4000px) {
     
    .washibg {
background-image: url(img/bgwashi01.jpg);
  background-size: 1200px;
  width: 100%;
  height: 100%;
  padding:70px;
box-sizing: border-box;/*はみ出さないようにするため*/
    }
 
} /*デバイスの横幅が979px以下の場合*/
 
@media only screen and (min-width: 321px) and (max-width: 768px) {
     
    .washibg {
background-image: url(img/bgwashi01.jpg);
  background-size: 1200px;
  width: 100%;
  height: 100%;
  padding:50px;
box-sizing: border-box;/*はみ出さないようにするため*/
    }
 
} /*デバイスの横幅が321以上768以下の場合*/
 
 
 
/*五箇条本文メディアクエリ*/
@media only screen and (max-width: 4000px) {
     
    .bgwhite {
background-color: #fff;
  background-size: 1200px;
  width: 100%;
  height: 100%;
box-sizing: border-box;/*はみ出さないようにするため*/
    }
 
} /*デバイスの横幅が979px以下の場合*/
 
@media only screen and (min-width: 321px) and (max-width: 768px) {
     
    .bgwhite {
background-color: #fff;
  background-size: 1200px;
  width: 100%;
  height: 100%;
box-sizing: border-box;/*はみ出さないようにするため*/
    }
 
} /*デバイスの横幅が321以上768以下の場合*/
 
 
 
 
 
 
    .commentbg {
background-image: url(img/bgwashi01.jpg);
  background-size: 1200px;
  width: 100%;
  height: 100%;
  padding:50px;
box-sizing: border-box;/*はみ出さないようにするため*/
        font-size:20px;
        line-height: 1.8em;
        border-radius:30px;
        text-align:left;
    } 
 
     .commentspwidth {
width:90%;
margin: 0 auto;
    } 
 
     .commentfont {
        font-family: SReimin Bold;
    } 


      .left80  {
        padding:40px;
          text-align:left;
    } 
 
 
    .washibgnopadding {
background-image: url(img/bgwashi01.jpg);
  background-size: 2400px;
  width: 100%;
  height: 100%;
box-sizing: border-box;/*はみ出さないようにするため*/
    } 
 
 
.width1000
{
max-width:1000px;
  text-align:center;
    } 
 
    .tenpobg {
background-image: url(img/wavebg.jpg);
  background-size: 800px;
  width: 100%;
  height: 100%;
  padding:50px;
box-sizing: border-box;/*はみ出さないようにするため*/
    }
  
 
 
 
     .ribg {
         
         background-image: url(img/ribg.png);

background-color: black;
  width: 100%;
  height: 100%;
  padding:30px;
box-sizing: border-box;/*はみ出さないようにするため*/
    }


     .ribgnopadding {
         
         background-image: url(img/ribg.png);
           background-size: 750px;
background-color: black;
  width: 100%;
  height: 100%;
box-sizing: border-box;/*はみ出さないようにするため*/
    }


@media only screen and (max-width: 4000px) {
.bg-white3 {
  background:none;
  position: absolute;
  top: 15vw;
  text-align:center;
  padding: 0px;
  text-align: center;
  width:100%;
  z-index:3;
}
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
.bg-white3 {
  background:none;
  position: absolute;
  top: 20vw;
  text-align:center;
  padding: 0px;
  text-align: center;
  width:100%;
  z-index:3;
}
}