/*! Writen  by SCSS */
.sec01 .image_wrap {
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec01 .image_wrap .image01 img {
      width: 600px; } }
.sec01 .image_wrap02 {
  margin-top: clamp(40px, 3.75vw, 60px); }
  .sec01 .image_wrap02 .image_ttl {
    background: #526e9d;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    font-size: clamp(20px, 2vw, 32px);
    color: #FFF;
    column-gap: 15px;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .sec01 .image_wrap02 .image_ttl {
        flex-direction: column;
        font-size: 5vw;
        padding: 15px 10px 10px; } }
    .sec01 .image_wrap02 .image_ttl .garamond {
      font-size: 87%; }
  @media screen and (max-width: 480px) {
    .sec01 .image_wrap02 .image02 img {
      width: 800px; } }

.sec02 {
  padding: clamp(100px, 11.25vw, 180px) 0 0; }
  .sec02 .image_wrap03 .route_ttl {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    text-align: center;
    font-size: clamp(20px, 2.25vw, 36px);
    padding: clamp(20px, 1.875vw, 30px) 10px;
    margin-bottom: clamp(25px, 2.5vw, 40px); }
    @media screen and (max-width: 480px) {
      .sec02 .image_wrap03 .route_ttl {
        font-size: 4.6vw;
        padding: 10px 0px; } }
  .sec02 .image_wrap03 .image03 {
    width: fit-content;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .sec02 .image_wrap03 .image03 {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec02 .image_wrap03 .image03 img {
        width: 560px; } }

sup {
  font-size: 10px;
  vertical-align: text-top; }

/*# sourceMappingURL=access.css.map */