@charset "utf-8";
.page_title {
  background: url(../../img/page_title.webp) no-repeat center center;
  background-size: cover;
}
.main section {
  padding: 56px 0 104px;
}

.profile_sec {

}
.profile_sec .cmn_heading {
  margin-bottom: 48px;
}

.main .access_sec {
  background: #F8F8F8;
  padding-bottom: 120px;
  margin-bottom: 72px;
}
.access_sec .cmn_heading {
  margin-bottom: 48px;
}
.access_art {
  width: 100%;
  display: flex;
  margin-bottom: 60px;
  &:last-child {margin-bottom: 0;}
}
.access_art--info {
  width: 100%;
  max-width: calc(100% - 589px);
  height: 402px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 64px;
  padding-right: 20px;
  h3 {
    color: var(--main-color);
    font-size: var(--big-txt);
    font-weight: bold;
    letter-spacing: 2.4px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .main .profile_sec {padding-bottom: 72px;}
  .main .access_sec {
    padding-bottom: 60px;
    margin-bottom: 60px;
  }
  .access_sec .cmn_heading,
  .profile_sec .cmn_heading {margin-bottom: 28px;text-align: center;}

  .access_art {
    flex-direction: column;
    margin-bottom: 40px;
    iframe {
      width: 100%;
      height: auto;
      min-height: 280px;
    }
  }
  .access_art--info {
    max-width: 100%;
    height: auto;
    padding: 48px 5%;
  }
}