/* -----------------------------------------------------------
CSS Information

File name:      access.css
Created:        2021-1
Style Info:     アクセスCSS
----------------------------------------------------------- */
/* ------------------------------------ */
/* intro */
/* ------------------------------------ */
#intro .inner {
  position : relative;
  background : url(../img/access/access.jpg)no-repeat top center/cover;
  padding-top : 9.1%;
}
.heading_wrapper {
  top : 48.57%;
  left : 8.3%;
}
#intro .heading {
  font-size : 2.1rem;
  font-family : 'hiramaru_r', sans-serif;
  font-weight : normal;
}
/* ------------------------------------ */
/* article */
/* ------------------------------------ */
main {
  width : 62%;
  margin-left : 5.8%;
  color : #4d4d4d;
  font-size : 1.4rem;
}
.content_wrapper {
  display : flex;
  justify-content : space-between;
  align-items : flex-start;
}
.heading {
  font-weight : bold;
  margin-bottom : 1.5%;
}
.sub_heading {
  font-size : 2.4rem;
  font-weight : bold;
}
.contact {
  padding-bottom : 4.7%;
}
.map {
  position : relative;
  width : calc(100% - 6.2%) ;
  padding-top : 71.55%;
  margin : auto;
}
.map:not(:last-of-type) {
  margin-bottom : 16%;
}
.map iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}
@media screen and (max-width: 1024px) {
  .content_wrapper:not(:nth-last-of-type(1)) {
    margin-bottom : 5%;
  }
  .map {
    position : relative;
    width : 100%;
  }
}
@media screen and (max-width: 599px) {
  main {
    width : 100%;
    margin : 0;
  }
  .content_wrapper {
    flex-wrap : wrap;
  }
  .heading_wrapper {
    top : 18%;
    left : 4%;
  }
}