@charset "utf-8";
/* CSS Document */
.page-title{
  background-image: url("../img/access/access_titlebg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  margin-bottom: 50px;
}
.page-title h2{
  font-size: 2.4rem;
  color: #fff;
  line-height: 100px;
  vertical-align: middle;
}
@media (min-width: 960px){
  .page-title{
    height: 230px;
    margin-bottom: 100px;
  }
  .page-title h2{
    font-size: 3.2rem;
    line-height: 230px;
  }
}
.access-wrapper{
  width: 92%;
  margin: 0 auto 115px;
}
@media (min-width: 960px){
  .access-wrapper{
    margin-bottom: 190px;
  }
}
.text01{
  margin-bottom: 20px;
}
.googlemap{
  max-width: 1000px;
  height: 375px;
  margin: 0 auto 50px;
}
.googlemap iframe{
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
}
@media (min-width: 960px){
  .googlemap{
    margin-bottom: 100px;
  }
}
.text02{
  margin-bottom: 44px;
}
.table-wrapper{
  max-width: 753px;
  margin: 0 auto 70px;
}
@media (min-width: 960px){
  .table-wrapper{
    margin-bottom: 100px;
  }
}
table{
  width: 100%;
  margin: 0 auto 5px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
table thead{
  background-color: #4EAFF1;
  /*background-color: #50ADEC;*/
  color: #fff;
}
table thead th{
  padding: 9px 0;
}
table thead th:first-child{
  border-top-left-radius: 10px;
  border-right: 3px solid #fff;
  letter-spacing: 0.1em;
  width: 23.188406vw;
}
table thead th:last-child{
  border-top-right-radius: 10px;
}
table tbody tr{
  background-color: #fff;
}
table tbody th{
  border-right: 3px solid #60B5EE;
  font-weight: 300;
  line-height: 1.0;
  padding: 9px 0;
}
table tbody th .time-wrapper{
  margin: 0 auto;
  text-align: left;
}
table tbody td{
  /*width: 37px;*/
  width: 10.724638vw;
  vertical-align: middle;
  text-align: center;
}
table tbody td .ok{
  width: 15px;
  height: 15px;
  background-color: #000;
  border-radius: 100px;
  display: inline-block;
}
table tbody td .no{
  width: 15px;
  height: 15px;
  display: inline-block;
  /*background-color: #000;
  transform:rotate(-45deg);
  display: inline-block;*/
}
table tbody td .no img{
  width: 100%;
  height: 100%;
  display: block;
}
table tbody .tr02{
  border-top: 3px solid #60B5EE;
}
table tbody .tr02 th{
  border-bottom-left-radius: 10px;
}
table tbody .tr02 td:last-child{
  border-bottom-right-radius: 10px;
}
.table-wrapper .attention{
  font-size: 1.4rem;
  text-align: left;
}
.img-area{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.img-area img{
  width: 100%;
  object-fit: cover;
  border-radius: 50px;
}
@media (min-width: 600px){
  .img-area{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .img-area img{
    width: 48%;
  }
}
@media (min-width: 960px){
  .img-area{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
  }
  .img-area img{
    width: 31.25%;
  }
}
@media (min-width: 1100px){
  .img-area{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
  }
  .img-area img{
    width: 320px;
  }
}