@charset "utf-8";

/* ==============================================================================================================
access
============================================================================================================== */
#access-content{
  background-color: #fff;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 100px;
}
@media screen and (max-width: 767px){
  #access-content{
    padding: 9.3vw 5.3vw 16vw;
    margin: 0 -5.3vw;
  }
}
/* ========================================================
.map-wrap
======================================================== */
.map-wrap iframe{
  width: 100%;
  height: 400px;
}
.map-wrap address{
  text-align: center;
  font-style: normal;
  margin-top: 2em;
}
.map-wrap .arrow_link{
  text-align: center;
  margin-top: 1em;
}
@media screen and (max-width: 767px){
  .map-wrap iframe{
    height: 80vw;
  }
}
/* ========================================================
.access-type
======================================================== */
.access-type dt{
  float: left;
  font-size: 0;
  line-height: 0;
  width: 40px;
  height: 40px;
}
.access-type dt img{
  width: 100%;
  height: auto;
}
.access-type dd{
  margin-bottom: 1em;
  padding: 0.5em 0 0.5em 50px;
}
.access-type::after{
  content:".";
  clear:both;
  display:block;
  line-height:0;
  height:0;
  visibility:hidden;
}
@media screen and (max-width: 767px){
  .access-type dt{
    width: 10vw;
    height: 10vw;
  }
  .access-type dd{
    padding-left: 12vw;
  }
}
/* ========================================================
#access-parking
======================================================== */
#access-parking{
  list-style: none;
  counter-reset: chapter;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    flex-wrap: wrap;
  border-left:solid 1px #e4e4e4;
  border-top:solid 1px #e4e4e4;
}
#access-parking li{
  width: 50%;
  padding: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right:solid 1px #e4e4e4;
  border-bottom:solid 1px #e4e4e4;
}
#access-parking li::before{
  counter-increment: chapter;
  content:counter(chapter);
  color: #fff;
  background-color: #F96775;
  font-size: 120%;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
#access-parking li p{
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  font-weight: bold;
}
#access-parking li span{
  font-size: 92%;
  display: block;
  margin-top: 1em;
}
@media screen and (max-width: 767px){
  #access-parking li{
    width: 100%;
    padding: 1em;
  }
}
.arrow_link a::before{
  border-color: #5B4638;
}