@charset "UTF-8";
.img-bottom{
  margin-top: 15px;
}


.yoteihyo{
  gap: 2%;
}

.yoteihyo li{
  width: 23%;
  text-align: justify;
}

.yoteihyo li.table{
  width: 75%;
}

.logo{
  gap: 2%;
  margin-top: 15px;
}

.logo .right{
  width: 30%;
}




.logo .left{
  width: 68%;
}

.flat35{
  gap: 2%;
  margin-top: 15px;
}

.flat35 .left{
  width: 60%;
}


.flat35 .right{
  width: 38%;
}


/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1024px) {

  .yoteihyo{
  gap: 2%;
}

.yoteihyo li{
  width:100%;
  text-align: justify;
}

.yoteihyo li.table{
  margin-top: 15px;
  width: 100%;
}

}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {
.tab{
  display: block;
}

 
.yoteihyo{
  gap: 2%;
}

.yoteihyo li{
  width:100%;
  text-align: justify;
}

.yoteihyo li.table{
  margin-top: 15px;
  width: 100%;
}


.logo{
  gap: 2%;
  margin-top: 15px;
}

.logo .right{
  margin: 10px auto 0;
  width: 60%;
}

.logo .left{
  width: 100%;
}

.flat35{
  gap: 2%;
  margin-top: 15px;
}

.flat35 .left{
  width: 100%;
}


.flat35 .right{
  width: 100%;
  margin-top: 15px;
}

 .scroll-hint {
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .scroll-hint img {
    width: 800px;
    max-width: none;
  }

  .scroll-hint.tyoki-keikaku img {
    width: 600px;
    max-width: none;
  }



}