/* CSS Document */

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

.sp{display:block}
.pc{display:none}

body {
  min-width: 0px;
}

header .inner {
width: 96%;
margin: 0 auto; }

body p{font-size:14px}

h1,h2,h3{font-size:24px}

.content01 {
  width: 96%;
  margin: 60px auto 100px auto;
   }
   
   .onayami {
   flex-flow: column-reverse nowrap;
     justify-content: center;
  align-items: center;
   }
   
   .onayami img{margin-bottom:10px}
   
  .onayami .coments {
  margin: 0 0 0 0;
    padding: 10px 10px;
   }

.onayami .coments:before,
.onayami .coments:after{display:none}

    .onayami .coments p {
      font-size: 14px;
      margin-top: 0px;
      margin-bottom: 0px; }

.onlinesoudanimage img{width:100%;height:auto}

.merit {
  display: none;
 }
.merit .item{width:100%;margin-bottom:6px}

.content02
    {
  width: 96%;
position:relative
    
    }

.content02 p{text-align:left}
.content02 p.img{text-align:center; width:100%;}
.content02 p.img img{width:100%;max-width:467px}


.kyoutyou {text-align:left}

.form {
  width: 96%;
  margin: 0 auto 100px auto; }

.main_image_online{
background:none;
height:150px

}

.main_image_online h1{padding-top:60px;color:#333}


.main_image_online .asidetxt{color:#333}



}