@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);

.fontawesome:before{
    font-family: "Font Awesome 5 Free";
    content: '\f007';
    font-weight: 900;
}


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

  .box_01,.box_02,.box_03,.header nav,.header,
  .header_in,.head_title,.gazou-top img, .wall_light,.box_top,
  .box_l{
  width:100%;
  }
  .box_ex1,.box_ex3,.box_jiko,.box_ex1 h2,.box_ex3 h2,.box_jiko h2 {
  width:80%;
  }
  .box_ex2,.box_ex2 h2{
  width:55%;
  }
  header img{
  width:35%;
  margin-top:15px;
  }
  .wall_light{
  padding-top: 30px;
  padding-bottom: 30px;
  }
  .bottom_space{
  margin-bottom: 30px;
  }
  .itami_img img{
  width:16%;
  }
  .bun{
  margin:10px 30px;
  }
  .box_m{
  width:230px;
  background-repeat: no-repeat;
  height: 230px;

  }
  .box_m p{
  margin-top:0;
  }

  .box_l{
  padding-right:50px;
  padding-left: 50px;
  }

  .tiryou{
  width:380px;
  height:200px;
  background-size: contain;
  }
  .tiryouhou{
  width:340px;
  height: 170px;
  }
  .tiryouhou h3{
  margin-top:14px;
  }
  .tiyou_img img{
  width:130px;
  }
  .tiyou_img p{
  font-size:100%;
  }
  .pulas,.iko-ru{
  width: 30px;
  }
  #jiko_f{
  widht:685px;
  font-size: 100%;
  margin: 0 auto;
  }
  .box_jiko_bun p{
  margin-left: 10px;
  margin-right: 10px;
  }
  .tiryou img{
  width:300px;
  }
}

/* タブレット */
@media screen and (max-width: 896px) {

  h1{
  font-size: 120%;
  }
  h2{
  font-size: 110%;
  }
  h3,table,th,td,.fontbig{
  font-size:100%;
  }
  p,.ryoukin_font p {

  font-size: 90%;
  }
  .box_m{
  font-size: 80%;
  margin-right: 5px;
  margin-left: 5px;
  }
  header nav li {
  padding:10px 10px;
  margin:10px auto;
  }
  h3,p,.bun{
  font-size: 100%;
  }

  header i{
  font-size:90%;
  }
  header ul{
  padding:0;
  }
  .header_in{
  height: 60px;
  }
  header img{
  margin-top:7px;
  }
  .adress,.hyou{
  width:45%;
  text-align: center;
  }
  .hyou table{
  text-align: center;
  margin: 0 auto;
  }
  .adress p{
  font-size: 90%;
  line-height: 1rem;
  }
  .yasumi{
  width:250px;
  }
  .header_in li{
  margin-bottom: 0;
  }
  .box_m{
  width:200px;
  height: 200px;
  }
  .tiryouhou p{
  font-size: 85%;
  }
  .tiryou{
  width:304px;
  height:160px;

  }
  .tiryouhou{
  width:290px;
  height: 140px;
  margin-top: 10px;
  }
  .tiryouhou h3{
  margin-top: 0;
  }
  .box_l{
  padding-left:10px;
  padding-right: 10px;
  }
  .box_ex1,.box_ex3,.box_jiko,#jiko_f{
  width:90%;
  }
  .tiyou_img p{
  font-size: 70%;
  }
  .tiyou_img img{
  width:100px;
  }
  .pulas img,.iko-ru img{
  width:30px;
  }
  .itami_img img{
  width:15%;
  margin-left: 2px;
  }
  .content_img img{
  width:130px;
  margin-top: 30px;
  }
  .box_jiko_bun{
  width:70%;
  }
  .money_table th,.money_table td{
  font-size: 90%;
  }
  .money_table01{
  margin-bottom:20px;
  margin-top: 10px;
  }
  .box_adress{
  width:80%;
  }
}

/* スマホ横 */
@media screen and (max-width: 667px) {
  h1{
  font-size: 110%;
  }
  h2{font-size: 100%;}
  .bun{
  font-size: 90%;
  }
  .header_in{
  height: 110px;
  margin: 0 auto;
  }
  .wall_light{
  padding-bottom:20px;
  padding-top: 20px;
  }
  .header_in img{
  width:50%;
  display: block;
  float:none;
  margin: 0 auto;
  }
  .header_in  nav ul{
  text-align: center;
  margin-top: 0;}

  .adress,.hyou{
  width:90%;
  }
  .adress{
  margin-bottom: 40px;
  }

  header i{
  font-size:110%;
  }
  .tiryou{
  width:80%;
  background-color: #fff;
  }
  .tiryouhou{
  width:90%;
  margin-top: 10px
  }
  .content_img img{
  width:130px;
  margin-top: 10px;
  }
  .box_ex2{
  width:90%;
  }
  .box_jiko_bun{
  width:95%;
  margin: 0 auto;
  }
  #jiko_f,.box_jiko_bun{
  font-size: 90%;
  }
  .header_in nav ul li {
    padding: 3px 15px;
  }
  footer{
    height:130px;
  }



}

/* スマホ縦 */
@media screen and (max-width: 480px){
  h1{
    font-size: 100%;
  }
  h2,.fontbig{
    font-size: 90%;
  }
  .box_m h3{
    font-size: 130%;
  }
  .header_in img{
    width:70%;
  }

  .bun,p{
    font-size: 80%;
  }
  .box_m{
    font-size: 70%;
  }
  nav ul,.header_in li{
    margin: 0;
  }
  .header_in{
    height:110px;
  }
  .itami_img img{
    width:30%;
  }
  footer{
    height:100px;
  }
  footer a{
    font-size: 80%;
  }
  .box_m{
    width:180px;
    height: 180px;
  }
  .box_l{
    padding: 0;
  }
  .box_m p{
    padding:0 3px;
  }
  header i {
    font-size:85%;
  }
  .header_in nav ul li {
    padding: 3px 10px;
  }
  .tiryouhou h3{
    font-size: 85%;
  }
  .tiryouhou p{
  font-size:80%;
  }

  .money_table th,.money_table td{
  font-size: 80%;
  }
  .money_table01{
  margin-bottom:20px;
  margin-top: 10px;
  }
  #jiko_f,.box_jiko_bun{
  font-size:90%;
  }
  .content_img img{
  width:80px;
  }
  .tiyou_img p{
  font-size: 40%;
  }
  .tiyou_img img{
  width:60px;
  }
  .pulas img,.iko-ru img{
  width:20px;
  }
  .ryoukin_font p{
  margin:10px auto;
  font-size: 65%;
  }
  .box_ex1{
  width:98%;
  margin-top: 20px;
  }
  .box_adress{
  width:90%;
  }
  .box_02{
  margin-bottom: 0;
  }
  .wall_dark{
  padding-top:20px;
  padding-bottom: 20px;
  }


}



@media screen and (max-width: 380px){
table, th, td{
font-size:90%;
}

h1{
font-size: 90%;
}
.wall_light{
padding: 20px auto;
}
.bun{
margin: 0 10px
}
.box_m{
width:160px;
height: 160px;
}
.tiryou h3{
margin-bottom: 0 ;
}
.tiryou p{

margin-top: 0px;

}
.header_in nav ul li {
  padding: 3px 7px;
}
.header_in{
    height:70px;
}
#jiko_f{
width:90%;
margin:0 auto;
}
}