/*! Writen  by SCSS */
.inner_main .inner_main_bg {
  background-image: url("../images/main.jpg"); }

.sec_heading {
  font-size: clamp(18px, 2.308vw, 30px);
  line-height: 1.8; }
  @media screen and (max-width: 480px) {
    .sec_heading {
      font-size: 4.8vw; } }

.pos_en_ttl {
  font-size: clamp(50px, 5vw, 80px);
  color: #dbe0e3;
  line-height: 0.7;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 480px) {
    .pos_en_ttl {
      font-size: 10vw; } }

.color {
  color: #9e0018;
  position: relative; }

.sec01 .midashi_group {
  margin-bottom: clamp(100px, 10.77vw, 140px); }
  @media screen and (max-width: 480px) {
    .sec01 .midashi_group {
      margin-bottom: 60px; } }
.sec01 .sec01_cont01 {
  background: #f0f4f6;
  padding: clamp(30px, 3.847vw, 50px) 0 clamp(40px, 4.616vw, 60px);
  position: relative; }
  .sec01 .sec01_cont01.p-view .pos_en_ttl {
    transform: translateY(0);
    opacity: 1; }
  .sec01 .sec01_cont01.p-view .photo_group_wrap .woman_photo {
    opacity: 1;
    transform: translateX(0); }
  .sec01 .sec01_cont01 .pos_en_ttl {
    position: absolute;
    left: 20px;
    bottom: 100%;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.6s opacity ease-in-out 0.6s,0.6s transform ease-in-out 0.6s; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_cont01 .pos_en_ttl {
        left: 0;
        right: 0;
        text-align: center; } }
  .sec01 .sec01_cont01 .acc_ttl_group {
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    text-align: center;
    row-gap: 20px;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_cont01 .acc_ttl_group {
        margin-bottom: 30px; } }
    .sec01 .sec01_cont01 .acc_ttl_group .acc_ttl {
      font-size: clamp(34px, 3.847vw, 50px); }
      .sec01 .sec01_cont01 .acc_ttl_group .acc_ttl span {
        display: inline-block;
        line-height: 1; }
        .sec01 .sec01_cont01 .acc_ttl_group .acc_ttl span.big {
          font-size: 200%;
          line-height: 0.85; }
        .sec01 .sec01_cont01 .acc_ttl_group .acc_ttl span.small {
          font-size: 70%; }
        .sec01 .sec01_cont01 .acc_ttl_group .acc_ttl span.small {
          font-size: 80%; }
    .sec01 .sec01_cont01 .acc_ttl_group .sec_heading span {
      display: inline-block;
      line-height: 1; }
      .sec01 .sec01_cont01 .acc_ttl_group .sec_heading span.big {
        font-size: 160%; }
    .sec01 .sec01_cont01 .acc_ttl_group .sec_heading sup {
      position: absolute;
      right: 0;
      bottom: 75%;
      color: #000; }
  .sec01 .sec01_cont01 .photo_group_wrap {
    position: relative; }
    .sec01 .sec01_cont01 .photo_group_wrap:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 18%;
      width: 87.5%;
      background: #FFF;
      aspect-ratio: 1400/330;
      z-index: 1; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .photo_group_wrap:before {
          bottom: 13%;
          aspect-ratio: 1; } }
    .sec01 .sec01_cont01 .photo_group_wrap .woman_photo {
      position: absolute;
      right: 3.75%;
      bottom: 20%;
      width: 25%;
      z-index: 0;
      opacity: 0;
      transform: translateX(40px);
      transition: 1s opacity ease-in-out 0.3s,1s transform ease-in-out 0.3s; }
      @media screen and (max-width: 820px) {
        .sec01 .sec01_cont01 .photo_group_wrap .woman_photo {
          bottom: 30%; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .photo_group_wrap .woman_photo {
          bottom: 2.5%;
          right: 10%;
          z-index: 2;
          width: 31%; } }
    .sec01 .sec01_cont01 .photo_group_wrap .photo_group {
      align-items: flex-end;
      column-gap: 4.17%;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .photo_group_wrap .photo_group {
          flex-direction: column;
          row-gap: 10px; } }
      .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l {
        width: 62.5%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l {
            width: 100%;
            display: flex;
            flex-direction: column-reverse; } }
        .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt {
          margin-top: clamp(40px, 6.154vw, 80px);
          font-size: clamp(20px, 2.77vw, 36px);
          text-align: right; }
          @media screen and (max-width: 820px) {
            .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt {
              margin-top: 30px; } }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt {
              font-size: 5.6vw;
              margin-top: 0;
              margin-bottom: 15px;
              text-align: center; } }
          .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt span {
            display: inline-block;
            line-height: 1; }
            .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt span.big {
              font-size: 200%; }
            .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt span.small {
              font-size: 70%; }
            .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_l .minutes_txt span.small02 {
              font-size: 80%; }
      .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_r {
        align-self: end;
        width: 30%;
        flex-direction: column;
        row-gap: 30px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .photo_group_wrap .photo_group .photo_group_r {
            width: 50%;
            row-gap: 10px;
            align-self: flex-start; } }

.sec02 {
  padding: clamp(50px, 6.154vw, 80px) 0; }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding: 50px 0; } }
  .sec02 .sec02_in.p-view .pos_en_ttl {
    opacity: 1;
    transform: translateY(0); }
  .sec02 .pos_en_ttl {
    text-align: right;
    margin-right: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.6s opacity ease-in-out 0.6s,0.6s transform ease-in-out 0.6s; }
    @media screen and (max-width: 480px) {
      .sec02 .pos_en_ttl {
        text-align: center;
        margin-right: 0; } }
  .sec02 .traffic_ttl {
    text-align: center;
    font-size: clamp(24px, 2.77vw, 36px);
    margin: clamp(40px, 4.616vw, 60px) 0 clamp(40px, 5.385vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec02 .traffic_ttl {
        font-size: 5.6vw;
        margin: 30px 0; } }
    .sec02 .traffic_ttl sup {
      position: absolute;
      right: 0;
      bottom: 100%;
      line-height: 1; }
  .sec02 .sec02_cont01 {
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: clamp(40px, 5vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_cont01 {
        flex-direction: column;
        row-gap: 30px; } }
    .sec02 .sec02_cont01 .traffic_img {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .traffic_img {
          width: 100%; } }
    .sec02 .sec02_cont01 .photo_group {
      width: 47.5%;
      flex-wrap: wrap;
      gap: clamp(30px, 3.077vw, 40px) 0; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .photo_group {
          width: 100%;
          gap: 20px 0; } }
      .sec02 .sec02_cont01 .photo_group .photo {
        width: 47.37%; }
        .sec02 .sec02_cont01 .photo_group .photo .minutes {
          margin-top: 5px;
          text-align: center;
          font-size: clamp(16px, 2vw, 26px); }
          .sec02 .sec02_cont01 .photo_group .photo .minutes span {
            display: inline-block;
            line-height: 1; }
            .sec02 .sec02_cont01 .photo_group .photo .minutes span.big {
              font-size: 160%; }
            .sec02 .sec02_cont01 .photo_group .photo .minutes span.small {
              font-size: 70%; }
            .sec02 .sec02_cont01 .photo_group .photo .minutes span.small02 {
              font-size: 80%; }
  .sec02 .sec02_cont02 {
    background: #f0f4f6;
    padding: clamp(40px, 4.616vw, 60px) clamp(30px, 3.847vw, 50px) clamp(40px, 3.847vw, 50px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_cont02 {
        padding: 40px 10px 10px; } }
    .sec02 .sec02_cont02 .sec02_txt_group {
      flex-direction: column;
      row-gap: clamp(15px, 1.924vw, 25px);
      margin-bottom: clamp(20px, 2.308vw, 30px); }
      .sec02 .sec02_cont02 .sec02_txt_group.first {
        text-align: center; }
      .sec02 .sec02_cont02 .sec02_txt_group .sec_heading {
        line-height: 1.45; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont02 .sec02_txt_group .sec_heading {
            font-size: 4.55vw;
            line-height: 1.8; } }
        .sec02 .sec02_cont02 .sec02_txt_group .sec_heading sup {
          position: absolute;
          right: 0;
          bottom: 100%;
          line-height: 1; }
      .sec02 .sec02_cont02 .sec02_txt_group .read .cap_l {
        text-align: center;
        display: block;
        margin-top: 10px; }
    .sec02 .sec02_cont02 .timetable_group {
      margin-bottom: clamp(30px, 3.847vw, 50px);
      padding-bottom: clamp(30px, 3.847vw, 50px);
      border-bottom: 1px solid #CCC; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont02 .timetable_group {
          flex-direction: column;
          row-gap: 20px; } }
      .sec02 .sec02_cont02 .timetable_group .image {
        width: 47.28%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont02 .timetable_group .image {
            width: 100%; } }
        .sec02 .sec02_cont02 .timetable_group .image .cap_r {
          color: #c00019; }
    .sec02 .sec02_cont02 .last_train_group {
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont02 .last_train_group {
          flex-direction: column;
          row-gap: 20px; } }
      .sec02 .sec02_cont02 .last_train_group .last_train_r {
        width: 61.82%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont02 .last_train_group .last_train_r {
            width: 100%; } }
      .sec02 .sec02_cont02 .last_train_group .photo {
        width: 34.55%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont02 .last_train_group .photo {
            width: 100%; } }

.sec03 {
  padding: clamp(50px, 4.616vw, 60px) 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bg_map.png"); }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding: 50px 0; } }
  .sec03 .sec03_cont01 {
    align-items: flex-start;
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_cont01 {
        flex-direction: column;
        row-gap: 20px; } }
    .sec03 .sec03_cont01 .text_group {
      width: 60.84%; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_cont01 .text_group {
          width: 100%; } }
      .sec03 .sec03_cont01 .text_group .sec_heading {
        color: #ffff00;
        margin-bottom: clamp(20px, 2.308vw, 30px); }
        @media screen and (max-width: 480px) {
          .sec03 .sec03_cont01 .text_group .sec_heading {
            font-size: 5.2vw; } }
        .sec03 .sec03_cont01 .text_group .sec_heading .en {
          display: block;
          color: #c4efff;
          line-height: 1;
          margin-bottom: 15px; }
    .sec03 .sec03_cont01 .photo {
      width: 33.34%;
      box-shadow: 10px 10px 0 0 #238ab0; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_cont01 .photo {
          width: 100%; } }
  .sec03 .sec03_cont02 {
    max-width: 1080px;
    margin: clamp(40px, 5.385vw, 70px) auto;
    flex-wrap: wrap;
    gap: clamp(30px, 3.077vw, 40px) 0; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_cont02 {
        gap: 25px 0; } }
    .sec03 .sec03_cont02 .item {
      width: 27.78%; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_cont02 .item {
          width: 100%; } }
      .sec03 .sec03_cont02 .item:nth-of-type(1), .sec03 .sec03_cont02 .item:nth-of-type(4) {
        width: 34.26%; }
        @media screen and (max-width: 480px) {
          .sec03 .sec03_cont02 .item:nth-of-type(1), .sec03 .sec03_cont02 .item:nth-of-type(4) {
            width: 100%; } }
      .sec03 .sec03_cont02 .item .bullet_train {
        align-items: center;
        justify-content: flex-start;
        column-gap: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #FFF; }
        .sec03 .sec03_cont02 .item .bullet_train .icon {
          line-height: 0; }
          @media screen and (max-width: 480px) {
            .sec03 .sec03_cont02 .item .bullet_train .icon {
              width: 30px; } }
        .sec03 .sec03_cont02 .item .bullet_train .txt {
          font-size: clamp(16px, 1.693vw, 22px);
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .sec03 .sec03_cont02 .item .bullet_train .txt {
              font-size: 18px; } }
      .sec03 .sec03_cont02 .item .bullet_txt {
        font-size: clamp(13px, 1.154vw, 15px);
        letter-spacing: normal;
        color: #FFF; }
        @media screen and (max-width: 480px) {
          .sec03 .sec03_cont02 .item .bullet_txt {
            font-size: 12px;
            margin-left: 40px; } }
  .sec03 .sec03_cont03 {
    flex-wrap: wrap;
    gap: 10px 0; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_cont03 {
        justify-content: center;
        gap: 12px 4%; } }
    .sec03 .sec03_cont03 .photo {
      width: 30.84%;
      position: relative;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_cont03 .photo {
          width: 48%; } }
      .sec03 .sec03_cont03 .photo .photo_cap {
        position: absolute;
        font-size: clamp(24px, 3.077vw, 40px);
        line-height: 1; }
        .sec03 .sec03_cont03 .photo .photo_cap.en {
          left: 20px;
          top: 13px;
          font-size: clamp(16px, 2.308vw, 30px); }
          @media screen and (max-width: 480px) {
            .sec03 .sec03_cont03 .photo .photo_cap.en {
              left: 10px;
              top: 10px; } }
        .sec03 .sec03_cont03 .photo .photo_cap.jp {
          right: 10px;
          bottom: 10px;
          text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.6), 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 2px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(255, 255, 255, 0.6), 0px 0px 4px rgba(255, 255, 255, 0.6), 0px 0px 5px rgba(255, 255, 255, 0.6), 0px 0px 6px rgba(255, 255, 255, 0.6), 0px 0px 7px rgba(255, 255, 255, 0.6), 0px 0px 8px rgba(255, 255, 255, 0.6), 0px 0px 9px rgba(255, 255, 255, 0.6), 0px 0px 10px rgba(255, 255, 255, 0.6); }
    .sec03 .sec03_cont03 .cap_r {
      width: 100%; }

.sec04 {
  padding: clamp(50px, 5.385vw, 70px) 0 clamp(60px, 6.924vw, 90px); }
  .sec04 .sec_heading {
    text-align: center;
    margin-bottom: clamp(30px, 3.847vw, 50px); }
    @media screen and (max-width: 480px) {
      .sec04 .sec_heading {
        font-size: 5.4vw; } }
    .sec04 .sec_heading .en {
      display: block;
      color: #69b3d0;
      line-height: 1;
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .sec04 .sec_heading .en {
          margin-bottom: 10px; } }
  @media screen and (max-width: 480px) {
    .sec04 .sec04_cont01 {
      flex-direction: column;
      row-gap: 20px; } }
  .sec04 .sec04_cont01 .sec04_cont01_l {
    width: 41.67%; }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_cont01 .sec04_cont01_l {
        width: 100%; } }
    .sec04 .sec04_cont01 .sec04_cont01_l .airplane_txt {
      justify-content: flex-start;
      align-items: center;
      column-gap: 10px;
      margin-bottom: 15px; }
      .sec04 .sec04_cont01 .sec04_cont01_l .airplane_txt .icon {
        width: 16.4%;
        line-height: 0; }
      .sec04 .sec04_cont01 .sec04_cont01_l .airplane_txt .txt {
        font-size: clamp(14px, 2.308vw, 30px);
        letter-spacing: normal;
        color: #69b3d0; }
        @media screen and (max-width: 480px) {
          .sec04 .sec04_cont01 .sec04_cont01_l .airplane_txt .txt {
            font-size: 5.4vw; } }
        .sec04 .sec04_cont01 .sec04_cont01_l .airplane_txt .txt .small {
          font-size: 60%; }
  .sec04 .sec04_cont01 .sec04_cont01_r {
    width: 54.17%; }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_cont01 .sec04_cont01_r {
        width: 100%; } }

.caption_area {
  border-top: 1px solid #CCC; }

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