@charset "UTF-8";

h2{
  padding-bottom: 1em;
}

#access{
  background-color: rgba(255,255,255,0.95);
  padding: 2em;
  margin: 2em 0;
  box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.5) inset;
  border-radius: 10px;

}

#biz_info{
  padding: 0 2em;
}

.biz_info_inner{
  display: flex;
  justify-content: center;
  padding: 1em 2em 0;
}

.biz_info_inner p{
  font-size: 1.2em;
}

#biz_info iframe{
  padding: 2em;
  width: 100%;
  min-height: 500px;
}

.biz_info_left{
  flex-basis: 20%;
  line-height: 1.5em;
}

 .biz_info_right{
  flex-basis: 80%;
  line-height: 1.5em;
 }

 h3{
   padding: 1em 0;
 }

 #floors{
   padding: 2em;
 }

 #floors p{
   padding-bottom: 1em;
 }

#floor_plan{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

 .floor_img{
   padding: 0 2em 2em;
   flex-basis: 40%;
 }

 .floor_img img{
   width: 100%;
 }

 #floor_notice{
   flex-basis: 75%;
   text-align: right;
   font-size: 0.8em;
 }

@media screen and (max-width:640px){
  #access{
    padding: 2em 0;
    margin-top: 4em;
    box-shadow: none;
    border-radius: 0;
  }

  h2,
  h3{
    text-align: center;
  }

  #biz_info{
    padding: 0;
  }

  .biz_info_inner{
    display: block;
    padding: 0.5em 1em 1em;
  }

  .biz_info_inner p{
    font-size: 1em;
  }

  .biz_info_left{
    flex-basis: 35%;
  }

  .biz_info_right{
    flex-basis: 65%;
    padding-left: 1em;
  }

  #biz_info iframe{
   padding: 0;
   min-height: 500px;
  }

  #floor_plan{
   padding: 0;
   display: block;
  }

  .floor_img{
    padding: 1em 0;
    width: 100%;
  }

  .floor_img p{
    text-align: center;
  }

  #floor_img img{
   width: 100%;
   padding: 0 0 2em;
  }

  #floor_notice{
    text-align: left;
    padding: 1em 0;
  }
}