/*! Writen  by SCSS */
.sec01 {
  padding-top: clamp(40px, 5%, 60px); }

.sec02 {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(50px, 6.67%, 80px); }

.sec03 {
  background: rgba(12, 73, 164, 0.05);
  padding-top: clamp(50px, 7.5%, 90px); }

.bg_wrap::before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 100lvh;
  background: url("../images/access/bg.webp") top center/cover no-repeat; }

.access_lead_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  .access_lead_wrap .access_head {
    max-width: 438px;
    width: 36.5%;
    line-height: 0;
    margin-inline: auto;
    margin-bottom: clamp(40px, 5.84%, 70px); }
    @media screen and (max-width: 480px) {
      .access_lead_wrap .access_head {
        width: 80%;
        margin-bottom: 25px; } }
  .access_lead_wrap .lead_lg {
    margin-bottom: 1em; }
  .access_lead_wrap .read {
    line-height: 3; }
    @media screen and (max-width: 768px) {
      .access_lead_wrap .read {
        line-height: 2.4; } }
    @media screen and (max-width: 480px) {
      .access_lead_wrap .read {
        line-height: 2; } }

.sec01_wrap {
  position: relative;
  margin-bottom: clamp(80px, 10%, 120px);
  padding-bottom: clamp(80px, 10%, 120px); }
  .sec01_wrap .sec01_line_image {
    position: absolute;
    max-width: 851px;
    width: 70.92%;
    right: 0;
    top: 0;
    margin-top: 5%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_line_image {
        position: static;
        margin-top: 30px;
        width: 100%; } }
  .sec01_wrap .sec01_left .time_text {
    width: fit-content;
    font-size: clamp(14px, 1.77vw, 22px);
    line-height: 1;
    display: flex;
    flex-direction: column; }
    .sec01_wrap .sec01_left .time_text .line {
      font-size: 0.7em;
      margin-bottom: -1.1em; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .sec01_left .time_text .line {
          margin-bottom: -0.6em; } }
    .sec01_wrap .sec01_left .time_text .text_inner {
      display: flex;
      align-items: baseline; }
      .sec01_wrap .sec01_left .time_text .text_inner .station {
        font-size: 1.2em; }
      .sec01_wrap .sec01_left .time_text .text_inner .text_lg {
        font-size: 2.5em; }
        @media screen and (max-width: 480px) {
          .sec01_wrap .sec01_left .time_text .text_inner .text_lg {
            font-size: 2em; } }
    .sec01_wrap .sec01_left .time_text .range {
      font-size: 0.55em;
      align-self: flex-end; }
    .sec01_wrap .sec01_left .time_text .text_sub {
      margin-top: 0.5em;
      font-size: clamp(11px, 1.12vw, 14px);
      line-height: 1.4; }
  .sec01_wrap .sec01_left .sec01_l_head {
    font-size: clamp(14px, 1.61vw, 20px);
    line-height: 1;
    letter-spacing: 0.05em;
    border-left: 6px solid;
    padding-left: 0.5em;
    margin-bottom: 0.8em; }
  .sec01_wrap .sec01_left .sec01_l_top {
    width: 48.34%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_left .sec01_l_top {
        width: 100%; } }
    .sec01_wrap .sec01_left .sec01_l_top .sec01_l_t_box {
      max-width: 270px;
      width: 46.56%; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .sec01_left .sec01_l_top .sec01_l_t_box {
          width: 48%; } }
      .sec01_wrap .sec01_left .sec01_l_top .sec01_l_t_box .time_text {
        margin-top: 0.7em; }
      .sec01_wrap .sec01_left .sec01_l_top .sec01_l_t_box.sec01_l_t_box_01 .text_lg {
        color: #5caed3; }
      .sec01_wrap .sec01_left .sec01_l_top .sec01_l_t_box.sec01_l_t_box_02 .text_lg {
        color: #cf3314; }
  .sec01_wrap .sec01_left .sec01_l_center {
    width: 48.34%;
    margin-top: 5.84%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_left .sec01_l_center {
        width: 100%;
        margin-top: 25px; } }
    .sec01_wrap .sec01_left .sec01_l_center .sec01_l_head {
      color: #0d8ec8; }
    .sec01_wrap .sec01_left .sec01_l_center .time_wrap {
      display: flex;
      flex-wrap: wrap;
      gap: clamp(15px, 2.5vw, 30px) 6.89%; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .sec01_left .sec01_l_center .time_wrap {
          gap: 15px;
          justify-content: center; } }
  .sec01_wrap .sec01_left .sec01_l_bottom {
    width: 26.67%;
    margin-top: 2.92%;
    padding-top: 2.92%;
    border-top: 1px solid #cccccc; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_left .sec01_l_bottom {
        width: 100%;
        margin-top: 15px;
        padding-top: 15px; } }
    .sec01_wrap .sec01_left .sec01_l_bottom .sec01_l_head {
      color: #cf3314; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_left .sec01_l_bottom .time_text {
        margin-inline: auto; } }

.sec01_image_wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px; }
  @media screen and (max-width: 480px) {
    .sec01_image_wrap {
      grid-template-columns: 1fr; } }
  .sec01_image_wrap .image_box {
    position: relative; }
    .sec01_image_wrap .image_box img {
      width: 100%;
      display: block;
      line-height: 0; }
      @media screen and (max-width: 480px) {
        .sec01_image_wrap .image_box img {
          height: 100%;
          object-fit: cover;
          object-position: center;
          aspect-ratio: 6 / 4; } }
    .sec01_image_wrap .image_box .image_text {
      position: absolute;
      inset: 0;
      z-index: 1;
      font-size: clamp(30px, 3.54vw, 44px);
      letter-spacing: 0.1em;
      color: #fff;
      line-height: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 0.1em; }
      @media screen and (max-width: 480px) {
        .sec01_image_wrap .image_box .image_text {
          font-size: 36px; } }
      .sec01_image_wrap .image_box .image_text .text_min {
        font-size: 0.7em; }

.sec02_wrap {
  position: relative;
  margin-top: clamp(25px, 3.34%, 40px); }
  .sec02_wrap .line_box {
    max-width: 1088px;
    width: 90.67%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .line_box {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec02_wrap .line_box .line_image .image_in {
        overflow-x: scroll; }
        .sec02_wrap .line_box .line_image .image_in img {
          max-width: none;
          display: block;
          line-height: 0;
          width: 640px; } }
  .sec02_wrap .image_wrap {
    position: absolute;
    right: 0;
    bottom: -15px;
    width: 22.5%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .image_wrap {
        margin-top: 20px;
        position: static;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; } }
    .sec02_wrap .image_wrap .image_box {
      max-width: 200px;
      width: 74.08%; }
      @media screen and (max-width: 480px) {
        .sec02_wrap .image_wrap .image_box {
          width: 48%; } }
    .sec02_wrap .image_wrap .image_box_01 {
      margin-left: auto; }
      @media screen and (max-width: 480px) {
        .sec02_wrap .image_wrap .image_box_01 {
          margin-left: 0; } }
    .sec02_wrap .image_wrap .image_box_02 {
      margin-top: 9.26%; }
      @media screen and (max-width: 480px) {
        .sec02_wrap .image_wrap .image_box_02 {
          margin-top: 0; } }

.sec03_wrap {
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec03_wrap {
      flex-direction: column;
      gap: 25px 0; } }
  .sec03_wrap .text_box {
    width: 46.67%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap .text_box {
        width: 100%; } }
    .sec03_wrap .text_box .access_en_head {
      display: flex;
      align-items: baseline;
      font-size: clamp(20px, 2.41vw, 30px);
      line-height: 1;
      margin-bottom: 2.66em;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 480px) {
        .sec03_wrap .text_box .access_en_head {
          margin-bottom: 1.5em; } }
      .sec03_wrap .text_box .access_en_head .text_min {
        font-size: 0.8em;
        letter-spacing: 0.1em; }
        .sec03_wrap .text_box .access_en_head .text_min:first-of-type {
          margin-right: 0.25em; }
    .sec03_wrap .text_box .lead_lg {
      margin-bottom: 1.5em; }
      @media screen and (max-width: 480px) {
        .sec03_wrap .text_box .lead_lg {
          margin-bottom: 1em; } }
    .sec03_wrap .text_box .read {
      line-height: 3; }
      @media screen and (max-width: 768px) {
        .sec03_wrap .text_box .read {
          line-height: 2.4; } }
      @media screen and (max-width: 480px) {
        .sec03_wrap .text_box .read {
          line-height: 2; } }

.sec03_wrap_top {
  margin-bottom: clamp(60px, 14.17%, 170px); }
  @media screen and (max-width: 480px) {
    .sec03_wrap_top {
      margin-bottom: 50px; } }
  .sec03_wrap_top .image_box {
    max-width: 630px;
    width: 52.5%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_top .image_box {
        width: 100%; } }

.sec03_wrap_bottom {
  margin-bottom: clamp(25px, 3.34%, 40px); }
  @media screen and (max-width: 480px) {
    .sec03_wrap_bottom {
      flex-direction: column; } }
  .sec03_wrap_bottom .image_box {
    max-width: 610px;
    width: 50.84%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_bottom .image_box {
        width: 100%; } }

.caption_area {
  margin-top: clamp(60px, 8.34%, 100px);
  padding-top: 0; }
  .caption_area .cap_inner {
    padding-top: 40px;
    border-top: 1px solid #cccccc; }

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