/*ウィンドウ幅が479px~765pxの場合に適用*/
@media screen and (min-width: 479px) { 
  h2{
    font-size:20px;
  }
  h2 .big{
    font-size:26px;
  }
  .midasi::before{
    transform:rotate(-25deg);
    left:22%;
  }
  .midasi::after{
    transform:rotate(25deg);
    right:22%;
  }
  .web-mou,.web-mou2{
    width:60%;
    min-width:350px;
    max-width:500px;
  }
  .E-wrapper h3{
    margin-top:20px;
  }
  .E-wrapper h3 .big{
    font-size:30px;
  }
  .E-wrapper p{
    font-size:18px;
  }
  .E-wrapper iframe{
    width:95%;
    max-width:500px;
  }
  .G-wrapper iframe{
    height:370px;
    margin:0px auto 10px;
  }
  .kyan-wrapper .box-ue{
   width:95%;
   max-width:500px;
   margin:15px auto 0 auto;
  }
  .kyan-wrapper .box-sita{
    width:95%;
    max-width:500px;
    margin:0 auto 0 auto;
   }
   .kyan-wrapper .box-sita p{
    font-size:18px;
    padding-left:9%;
   }
  .kyan-wrapper p.mega{
    font-size:40px!important;
    padding:0 10px!important;
   }
   .kyan-wrapper p.title2::before{
    left:15%;
  }
  .kyan-wrapper p.title2::after{
    right:15%;
  }  
  .kyan-wrapper .-sita img{
    width:70%;
  }  
  .kyan-wrapper .fea .kome,.dakiawase-wrapper .fea .kome{
    font-size:16px;
  }
  .kyan-wrapper .fea .kome3,.dakiawase-wrapper .fea .kome3{
    font-size:16px;
  }  
  .twitter{
    width:42%;
    margin:0 15px;
    max-width:250px;
  }
  .G-wrapper h3{
    margin-top:20px;
  }
  .G-wrapper h3 .big{
    font-size:30px;
  }
  .G-wrapper p{
    font-size:18px;
  }
  .G-wrapper p.koekoe{
    font-size:18px;
  }
  .nagare-wrapper{
    padding:20px 0 60px;;
  }
  .H-wrapper h3{
    margin-top:20px;
  }
  .H-wrapper h3 .big{
    font-size:30px;
  }
  .H-wrapper p{
    font-size:18px;
  }
  .H-wrapper h4{
    font-size:18px;
  }
  .popup,.popup2,.popup3{
    width:400px;
    height:460px;
  }
  .osirase-wrapper .white-box{
    width:95%;
    max-width:700px;
    margin:20px auto 0 auto;
    line-height:150%;
}
  .osirase-wrapper .white-box br{
    display:block;
  }
  .meisyou{
    font-size:18px;
  }
.dakiawase-wrapper p,.nagare-wrapper p{
  font-size:18px;
}
      }



/*ウィンドウ幅が767px以上の場合に適用*/
@media screen and (min-width: 767px) { 
  header{
    width:100%;
    margin:0 auto;
  }
  header br{
    display:none;
  }
  header p{
    color:rgb(49, 49, 49);
    font-size:15px;
    font-weight:300;
    line-height:65px;
    margin:0 0 0 30px;
    padding:5px;
    float:right;
  }
  header img{
    margin-top:10px;
    margin-left:30px;
  }  
  header p.menu-last{
    margin:0 50px 0 30px;
  }
  header a:hover{
    color:#777777;
    text-decoration:underline;
  }
  header .menu-pc{
    display:inline;
  }  
  header .hamburger-menu{
    display:none;
  }
  .A-wrapper img.haikei-sumaho{
    display:none;
  }
  .A-wrapper img.haikei-pc{
    display:block;
    width:100%;
    height:auto;
    max-width:1170px;
  }
  .A-wrapper .top-koukoku{
    background-color:red;
    display:block;
    width:100%;
    margin:0 auto;
    padding:7px;
    text-align:center;
  }
  .A-wrapper .top-koukoku p{
    color:yellow;
    font-weight:bold;
    font-size:22px;
  }
  .A-wrapper .top-midasi{
    background-color:#D5E5F5;
    display:block;
    width:100%;
    margin:0 auto;
    margin-bottom:10px;
    padding-top:20px;
    padding-bottom:20px;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    text-align:center;
  }
  img.haikei2{
    margin-bottom:35px;
  }  
  .midasi::before{
    transform:rotate(-25deg);
    left:30%;
  }
  .midasi::after{
    transform:rotate(25deg);
    right:30%;
  }
  .E-wrapper p{
    width:700px;
    margin:0 auto;
    text-align:center;
    font-size:18px;
  }
  .E-wrapper p.bun{
    width:700px;
    margin:0 auto;
    text-align:left;
    font-size:18px;
  }
  .E-wrapper h4{
    width:700px;
    margin:0 auto;
    text-align:left;
    font-size:20px;
  }
  .G-wrapper iframe{
    height:390px;
  }
  .G-wrapper p{
    width:700px;
    text-align:center;
    font-size:18px;
    margin:0 auto;
  }
  .nagare-wrapper .kadomaru{
    width:600px;
    margin:0 auto;
  }  
  .H-wrapper p{
    width:700px;
    text-align:center;
    margin:0 auto;
    font-size:18px;
  }
  .H-wrapper p.bun{
    width:700px;
    margin:0 auto;
    text-align:left;
    font-size:18px;
  }
  .H-wrapper h4{
    width:700px;
    margin:0 auto;
    text-align:left;
    margin-top:30px;
    margin-bottom:20px;
  }
  .question-wrapper .faq{
    width:700px;
    margin:0 auto;
  }
  .question-wrapper h4,.question-wrapper .answer{
    font-size:18px;
  }
  footer{
    width:100%;
    max-width:1170px;
    margin:0 auto;
    padding:20px 0;
  }
  .meisyou{
    font-size:18px;
  }
  .dakiawase-wrapper .fea{
    max-width:700px;
    margin:0 auto;
  }

  }
  /*ウィンドウ幅が1100px以上の場合に適用*/
@media screen and (min-width: 1100px) { 
  .midasi::before{
    transform:rotate(-25deg);
    left:38%;
  }
  .midasi::after{
    transform:rotate(25deg);
    right:38%;
  }

}