@media screen and (max-width: 650px){
article{
  padding: 0;
}
p.tate {
  writing-mode: horizontal-tb;
  height: auto;
  line-height: 2rem;
  margin-top: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-left: 0.5px solid black;
  border-right: 0.5px solid black;
}
  a.btn_01{
  width: 80%;
  margin: 5px !important;
}
.logo-top{
  width: 60%;
}

h2.hero_h2{
  font-size: 2rem;
  letter-spacing: -0.2rem;
}
.fa_img{
  height: 400px;
}



.col-5,.col-4{
  width: 88.8% !important;
  margin: 0 auto;
}
.col-1{
  width: 0% !important;
}
.mb-200{
  margin-bottom: 50px !important;
}

.col-3{
  width: 88.8% !important;
  margin: 0 auto;
}
.yoyakubtn{
  padding: 0 !important;
  font-size: 1.8rem !important;
  width: 95%;
  margin: 0 auto;
}
.l-inner_50{
  width: 88.8% !important;
  margin: 0 auto;

}


h1.header-logo{
  display: inline;
}

h1.head_h1 {
  color: #fff;
  font-size: 3rem;
}
.textcenter{

}
}
@media screen and (min-width: 650px){
  .br-sp {display: none; }
    
}