@charset "UTF-8";

#access main{
background-color: #F4F1E9;
}

.access_box{
     background-color: #fff;
     width: 100%;
     padding: 38px 56px 56px;
     margin-bottom: 32px;
     position: relative;
}
.access_box::before{
     position: absolute;
  content: "";
  top: 0%;
  left: 56px;
  width:52px;
  height: 6px;
  background-color: #005BAB;
}
.access_box:last-child{
     margin-bottom: 0;
}
.access_box h3{
     color: #005BAB;
     font-size: 24px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0.96px;
margin-bottom: 32px;
}
.map_wrap{
     margin-bottom: 56px;
}
.map_wrap:last-child{
     margin-bottom: 0;
}
.map_wrap,.txt_wrap dl{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     color: #000;
}
.map_wrap .map_left,.map_wrap .map_right,.txt_wrap dl > div{
     width: 48.5%;
}
.map_right {
     position: relative;
     padding-bottom: 35%;
     height: 0;
     overflow: hidden;
 }
.map_right iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
.map_wrap .map_left h4{
     font-size: 18px;
font-weight: 700;
letter-spacing: 0.72px;
margin-bottom: 32px;
}
.map_wrap .map_left dl{
     margin-bottom: 32px;
}
.map_wrap .map_left dl > div{
border-bottom: solid 1px #E7E7E7;
display: flex;
     justify-content: space-between;
     padding: 16px 0;
}
.map_wrap .map_left dl > div:first-child{
     padding-top: 0;
}
.map_wrap .map_left dl dd{
     width: 75%;
}
.map_wrap .map_left dl dt{
     width: 25%;
     font-weight: 700;
     letter-spacing: 0.64px;
}
.map_btn {
     margin: 16px 0 32px;
}
.map_btn a{
     font-size: 14px;
     width: 182px;
height: 42px;
padding-right: 4%;
}
.map_btn a::after{
     width: 26px;
    height: 26px;
    right: 8px;
}
.map_btn a:hover::after{
     right: 8px;
   }
.map_wrap .aed_mark{
     color: #ED875B;;
     font-weight: 700;
letter-spacing: 0.64px;
padding-left: 28px;
position: relative;
}
.map_wrap .aed_mark::after{
     position: absolute;
  content: "";
  top: 0%;
  left: 0;
  width:24px;
  height: 24px;
  background-image: url(/access/img/aed_icon.svg);
  background-repeat: no-repeat;
}
.txt_wrap dl > div {
     margin-bottom: 32px;
}
.txt_wrap dl > div dt{
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 0.72px;
     margin-bottom: 8px;
}
.txt_wrap dl > div dd{
     line-height: 28.8px;
}


/* responsive */
@media screen and (min-width:1440px){
     .map_right{
          height: 380px;
      }
     }
    
    @media (min-width: 768px) and (max-width: 1100px){

    }

    @media screen and (min-width:768px){
     .txt_wrap dl > div:nth-last-child(-n+2),
     .txt_wrap dl > div:nth-last-child(-n+2) .map_btn{
          margin-bottom: 0;
          }
    }
    
    @media screen and (max-width:767px){
     .access_box{
          padding: 38px 24px 56px;
     }
     .map_wrap .map_left, .map_wrap .map_right, .txt_wrap dl > div,
     .map_wrap .map_left dl dd,.map_wrap .map_left dl dt {
          width: 100%;
      }
      .map_right{
          padding-bottom: 70%;
      }
      .map_wrap .map_left dl > div {
          flex-wrap: wrap;
      }
      .map_wrap .map_left dl dt{
          margin-bottom: 8px;
      }
      .map_btn a{
          margin: 0;
      }
      .map_wrap .aed_mark{
          margin-bottom: 32px;
      }
      .txt_wrap dl > div:last-child {
          margin-bottom: 0;
      }
     .txt_wrap dl > div .map_btn{
     margin-bottom: 0;
     }

    }