@charset "UTF-8";

@media(max-width: 480px){

html{
  font-size: 30%;
}

body{
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  line-height: 2.0;
  /* text-align: center;
  margin: 0 auto; */
  min-height: 100vh;
  width: 100%;
}

.logo{
  width: 40%;
  float: left;
}

.top-title{
  font-size: 30px;
}

.top-img{
  width: 80%;
}

.img{
  width: 80%;
}

.text{
  font-size: 20px;
  margin-left: 0;
}

.nav-menu{
  display: none;
}

.read-top{
  flex-direction: column;
}

.top-text{
  margin-top: 50px;
}

.oil-1{
  margin-top: 20px;
}

.sp-text{
  flex-direction: column;
}

.r-top-img{

}

.r-img-1{
  display: none;
}

.text{
  margin-left: 0;
}

.img-2,
.img-3{
  margin-left: 0;
}

.rimg{
  width: 100%;
  margin-top: 50px;
  margin-left: 10%;
  border-radius: 20%;
}

.contact-img{
  width: 80%;
  margin-left: 5%;
}

.contact-text{
  font-size: 20px;
}

.text-3{
  margin-bottom: 30px;
}

.read-text-1{
  margin-top: 50px;
}

.ft-main{
  flex-direction: column;
}

.ft-logo{
  width: 30%;
}

.ft-text{
  width: 100%;
}

.ft-list{
  justify-content: space-between;
  margin-top: 0;
  width: 100%;
  font-size: 3rem;
  flex-direction: column;
}

.ft-list li{
  font-size: 3rem;
  margin-left: 10px;
  margin-right: 10px;
}

/* br */
.b-b-1{
  flex-direction: column;
}

.b-img{
  margin-top: 30px;
  width: 150%;
  margin-left: 10%;
}

.br-img-2{
  display: none;
}

.b-b-text{
  background-image: url(../img/storn-around.jpg);
  background-repeat: no-repeat;
}

.brt{
  width: 90%;
}

.br-qa{
  font-size: 20px;
}

.qa-title{
  font-size: 25px;
  text-align: center;
}

.question{
  font-size: 22px;
}

/* oil */
.ob1,.ob2{
  flex-direction: column;
}

.oil-img-2{
  display: none;
}

.oim{
  width: 150%;
}

.oi3{
  width: 100%;
}

.ob2{
  margin-top: 0px;
}

.menu{
  display: block;
}

.mail{

}

}