@charset "UTF-8";
/* CSS INFORMATION =====================================================
File name : access.css
Description : アクセス
===================================================================== */
/* ========================================================
    access
======================================================== */
.access {
  position: relative;
  width: 100%;
  padding: 16rem 0;
}
@media screen and (min-width: 768px) {
  .access {
    padding: 7rem 0;
  }
}
.access .inner {
  max-width: 1412px;
}
@media screen and (min-width: 1280px) {
  .access .inner {
    padding: 0;
  }
}
.access_list {
  margin: 0 auto 10rem;
}
.access_list > div {
  width: 100%;
  padding: 3.5rem 0;
}
@media screen and (min-width: 1280px) {
  .access_list > div {
    display: flex;
    flex-wrap: wrap;
  }
}
.access_list dt {
  font-size: 3.4rem;
  color: #306cc7;
}
@media screen and (min-width: 1280px) {
  .access_list dt {
    width: 23rem;
    font-size: 2.4rem;
  }
}
.access_list dd {
  font-size: 2.4rem;
  color: #3E4A6B;
  font-weight: bold;
}
@media screen and (min-width: 1280px) {
  .access_list dd {
    width: calc(100% - 23rem);
    font-size: 2rem;
  }
}
.access iframe {
  width: 100%;
  aspect-ratio: 1200/715;
  border-radius: 2rem;
  margin-bottom: 19rem;
}/*# sourceMappingURL=access.css.map */