/*! Writen  by SCSS */
.inner_main .main_bg {
  background-image: url("/bunjyo/kobemizukidai/img/access/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_bg {
      background-image: url("/bunjyo/kobemizukidai/img/access/main_sp.jpg"); } }
.inner_main .main_txt {
  width: calc(416%/16);
  left: calc(160%/16); }
  @media screen and (max-width: 480px) {
    .inner_main .main_txt {
      width: calc(167%/3.75);
      left: calc(10%/3.75); } }

.fast_ttl .sec_read .sup_wrap {
  padding-top: 0.7em;
  position: relative;
  display: inline-block; }
  .fast_ttl .sec_read .sup_wrap sup {
    position: absolute;
    font-size: 80%;
    line-height: 1;
    letter-spacing: 0;
    top: -0.5em;
    right: 0;
    left: 0;
    margin: auto; }
    @media screen and (max-width: 480px) {
      .fast_ttl .sec_read .sup_wrap sup {
        font-size: 60%;
        top: 0.4em;
        left: 0;
        right: auto; } }

.sec .sec_ttl {
  margin-bottom: 13px; }

.sec01 {
  margin-bottom: 70px; }
  @media screen and (max-width: 768px) {
    .sec01 {
      margin-bottom: 30px; } }

.sec_bus {
  margin-bottom: 90px; }
  @media screen and (max-width: 768px) {
    .sec_bus {
      margin-bottom: 40px; } }
  .sec_bus .sec_ttl {
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .sec_bus .sec_ttl {
        margin-top: -18px;
        margin-bottom: 5px;
        position: relative;
        z-index: 3;
        filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px white) drop-shadow(3px 3px 1px white) drop-shadow(2px 2px 1px white); }
        .sec_bus .sec_ttl img {
          width: 70px; } }

.sec_train {
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .sec_train {
      margin-bottom: 30px; } }
  .sec_train .sec_ttl {
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      .sec_train .sec_ttl {
        margin-top: -25px;
        margin-bottom: 10px;
        position: relative;
        z-index: 3;
        filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px white) drop-shadow(3px 3px 1px white) drop-shadow(2px 2px 1px white); }
        .sec_train .sec_ttl img {
          width: 86px; } }

.sec_car .sec_ttl_wrap {
  margin-top: 15px; }
  @media screen and (max-width: 768px) {
    .sec_car .sec_ttl_wrap {
      margin-top: -30px;
      position: relative;
      z-index: 3; } }
  @media screen and (max-width: 768px) {
    .sec_car .sec_ttl_wrap .sec_ttl {
      filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px white) drop-shadow(3px 3px 1px white) drop-shadow(2px 2px 1px white); }
      .sec_car .sec_ttl_wrap .sec_ttl img {
        width: 72px; } }

.sec01 .item01 {
  display: flex;
  justify-content: center;
  grid-gap: 0 40px; }
  @media screen and (max-width: 600px) {
    .sec01 .item01 {
      flex-direction: column;
      grid-gap: 15px 0; } }
  .sec01 .item01 figure {
    width: calc(465%/12.8); }
    @media screen and (max-width: 600px) {
      .sec01 .item01 figure {
        max-width: 465px;
        margin: 0 auto;
        width: 100%; } }

.wide_img {
  width: 100%; }

@media screen and (max-width: 1200px) {
  .sec_bus .sec_ttl {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; } }
.sec_bus .item01 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1200px) {
    .sec_bus .item01 {
      flex-direction: column;
      max-width: 960px;
      margin: 0 auto; } }
  .sec_bus .item01 .l_cnt {
    width: calc(620%/12.8); }
    @media screen and (max-width: 1200px) {
      .sec_bus .item01 .l_cnt {
        width: 100%;
        margin-bottom: 30px; } }
    .sec_bus .item01 .l_cnt .en_cap {
      bottom: -2em; }
  .sec_bus .item01 .r_cnt {
    width: calc(630%/12.8); }
    @media screen and (max-width: 1200px) {
      .sec_bus .item01 .r_cnt {
        width: 100%;
        max-width: 630px;
        margin: 0 auto; } }
  .sec_bus .item01 .in_item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .sec_bus .item01 .in_item {
        flex-direction: column;
        grid-gap: 20px 0; } }
    .sec_bus .item01 .in_item .txts {
      width: calc(275%/6.3); }
      @media screen and (max-width: 768px) {
        .sec_bus .item01 .in_item .txts {
          width: 100%;
          border-top: 1px solid #717070;
          border-bottom: 1px solid #717070;
          padding: 15px 0;
          margin-bottom: 10px; } }
      @media screen and (max-width: 480px) {
        .sec_bus .item01 .in_item .txts {
          margin-bottom: 0; } }
    .sec_bus .item01 .in_item figure {
      width: calc(334%/6.3); }
      @media screen and (max-width: 768px) {
        .sec_bus .item01 .in_item figure {
          width: 100%;
          text-align: center; } }
    .sec_bus .item01 .in_item .txt {
      font-weight: 500;
      font-feature-settings: "palt";
      line-height: 1; }
      @media screen and (max-width: 768px) {
        .sec_bus .item01 .in_item .txt {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: center; } }
      .sec_bus .item01 .in_item .txt:nth-child(1) {
        border-bottom: 1px solid #717070;
        padding-bottom: 23px;
        margin-bottom: 23px; }
        @media screen and (max-width: 768px) {
          .sec_bus .item01 .in_item .txt:nth-child(1) {
            padding-bottom: 15px;
            margin-bottom: 15px; } }
      .sec_bus .item01 .in_item .txt .txt1 {
        font-size: clamp(22px, 1.92vw, 25px);
        margin-bottom: 0.5em;
        line-height: 0.7; }
        @media screen and (max-width: 1200px) {
          .sec_bus .item01 .in_item .txt .txt1 {
            font-size: clamp(22px, 3.25vw, 25px); } }
        @media screen and (max-width: 768px) {
          .sec_bus .item01 .in_item .txt .txt1 {
            margin-bottom: 0; } }
        .sec_bus .item01 .in_item .txt .txt1 .small {
          font-size: 70%; }
          @media screen and (max-width: 768px) {
            .sec_bus .item01 .in_item .txt .txt1 .small {
              margin-right: 0.1em; } }
      .sec_bus .item01 .in_item .txt .txt2 {
        font-size: clamp(22px, 1.92vw, 25px);
        margin-bottom: 0.4em;
        letter-spacing: 0.08em; }
        @media screen and (max-width: 1200px) {
          .sec_bus .item01 .in_item .txt .txt2 {
            font-size: clamp(22px, 3.25vw, 25px); } }
        .sec_bus .item01 .in_item .txt .txt2 .ls {
          letter-spacing: 0.62em; }
      .sec_bus .item01 .in_item .txt .txt3 {
        font-size: clamp(16px, 1.38vw, 18px);
        letter-spacing: 0.08em; }
        @media screen and (max-width: 1200px) {
          .sec_bus .item01 .in_item .txt .txt3 {
            font-size: clamp(16px, 2.34vw, 18px); } }
        @media screen and (max-width: 768px) {
          .sec_bus .item01 .in_item .txt .txt3 {
            width: 100%;
            text-align: center; } }
        .sec_bus .item01 .in_item .txt .txt3 .big {
          color: #003894; }
          @media screen and (min-width: 768px) {
            .sec_bus .item01 .in_item .txt .txt3 .big {
              font-size: 180%;
              line-height: 0.6; } }
        .sec_bus .item01 .in_item .txt .txt3 .small {
          font-size: 70%; }
.sec_bus .item02 {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 900px) {
    .sec_bus .item02 {
      flex-wrap: wrap;
      max-width: 600px;
      margin: 50px auto 0;
      gap: 20px 0; } }
  .sec_bus .item02 .txt_ttl {
    line-height: 1;
    padding: 5px 0 10px 5px;
    position: relative;
    border-bottom: 1px solid #333;
    font-size: clamp(15px, 1.56vw, 20px);
    width: 100%;
    margin-bottom: 25px; }
    @media screen and (max-width: 768px) {
      .sec_bus .item02 .txt_ttl {
        border: 0;
        background: #333;
        color: #fff;
        padding: 15px 10px;
        text-align: center;
        margin-bottom: 0;
        font-size: clamp(18px, 4vw, 24px);
        line-height: 1.4;
        letter-spacing: 0.1em; } }
    .sec_bus .item02 .txt_ttl::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 3px;
      background: #333; }
      @media screen and (max-width: 768px) {
        .sec_bus .item02 .txt_ttl::before {
          display: none; } }
  .sec_bus .item02 .cnt_1 {
    width: calc(350%/12.8); }
    @media screen and (max-width: 900px) {
      .sec_bus .item02 .cnt_1 {
        width: 100%; } }
  .sec_bus .item02 .cnt_2 {
    width: calc(320%/12.8); }
    @media screen and (max-width: 900px) {
      .sec_bus .item02 .cnt_2 {
        width: 48%; } }
    @media screen and (max-width: 768px) {
      .sec_bus .item02 .cnt_2 {
        width: 100%; } }
    .sec_bus .item02 .cnt_2 figure {
      overflow-x: scroll; }
      .sec_bus .item02 .cnt_2 figure img {
        max-width: calc(540%/3.2);
        width: calc(540%/3.2); }
        @media screen and (max-width: 768px) {
          .sec_bus .item02 .cnt_2 figure img {
            max-width: calc(650%/4);
            width: calc(650%/4); } }
        @media screen and (max-width: 480px) {
          .sec_bus .item02 .cnt_2 figure img {
            max-width: calc(650%/4);
            width: calc(650%/4); } }
  .sec_bus .item02 .cnt_3 {
    width: calc(250%/12.8); }
    @media screen and (max-width: 900px) {
      .sec_bus .item02 .cnt_3 {
        width: 48%; } }
    @media screen and (max-width: 768px) {
      .sec_bus .item02 .cnt_3 {
        width: 100%; } }
    .sec_bus .item02 .cnt_3 figure {
      overflow-x: scroll; }
      .sec_bus .item02 .cnt_3 figure img {
        max-width: calc(440%/3.2);
        width: calc(440%/3.2); }
        @media screen and (max-width: 768px) {
          .sec_bus .item02 .cnt_3 figure img {
            max-width: calc(650%/4);
            width: calc(650%/4); } }
        @media screen and (max-width: 480px) {
          .sec_bus .item02 .cnt_3 figure img {
            width: 100%;
            max-width: 100%; } }
  .sec_bus .item02 .cnt_4 {
    width: calc(250%/12.8); }
    @media screen and (max-width: 900px) {
      .sec_bus .item02 .cnt_4 {
        width: 48%; } }
    @media screen and (max-width: 768px) {
      .sec_bus .item02 .cnt_4 {
        width: 100%; } }
    .sec_bus .item02 .cnt_4 figure {
      overflow-x: scroll; }
      .sec_bus .item02 .cnt_4 figure img {
        max-width: calc(440%/3.2);
        width: calc(440%/3.2); }
        @media screen and (max-width: 768px) {
          .sec_bus .item02 .cnt_4 figure img {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .sec_bus .item02 .cnt_4 figure img {
            width: 100%;
            max-width: 100%; } }
  .sec_bus .item02 .txt {
    position: relative;
    font-size: clamp(13px, 1.15vw, 15px);
    letter-spacing: 0;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 900px) {
      .sec_bus .item02 .txt {
        padding-top: 1.5em;
        font-size: clamp(16px, 2.34vw, 18px); } }
    @media screen and (max-width: 768px) {
      .sec_bus .item02 .txt {
        padding-top: 0; } }
    .sec_bus .item02 .txt span {
      font-size: 80%;
      letter-spacing: .03em;
      display: block;
      position: absolute;
      top: -1.5em;
      left: 0; }
      @media screen and (max-width: 900px) {
        .sec_bus .item02 .txt span {
          top: 0; } }
      @media screen and (max-width: 768px) {
        .sec_bus .item02 .txt span {
          position: static; } }
.sec_bus .bus_animation {
  width: 100%;
  height: 77px;
  position: relative;
  z-index: 3; }
  @media screen and (max-width: 768px) {
    .sec_bus .bus_animation {
      height: 60px; } }
  .sec_bus .bus_animation .haikei_wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 20px; }
    .sec_bus .bus_animation .haikei_wrap .haikei {
      width: 192px; }
      @media screen and (max-width: 768px) {
        .sec_bus .bus_animation .haikei_wrap .haikei {
          width: 128px; } }
    @media screen and (max-width: 768px) {
      .sec_bus .bus_animation .haikei_wrap .haikei02,
      .sec_bus .bus_animation .haikei_wrap .haikei03 {
        display: none; } }
  .sec_bus .bus_animation .car01 {
    width: 108px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .sec_bus .bus_animation .car01 {
        animation: driving 40s linear infinite; } }
    @media screen and (max-width: 768px) {
      .sec_bus .bus_animation .car01 {
        width: 72px;
        animation: driving_sp 20s linear infinite; } }
@keyframes driving {
  0% {
    transform: translateX(-108px); }
  10% {
    transform: translateX(-2vw); }
  15% {
    transform: translateX(-2vw); }
  46% {
    transform: translateX(40vw); }
  50% {
    transform: translateX(42vw); }
  55% {
    transform: translateX(42vw); }
  76% {
    transform: translateX(83vw); }
  80% {
    transform: translateX(85vw); }
  85% {
    transform: translateX(85vw); }
  100% {
    transform: translateX(110vw); } }
@keyframes driving_sp {
  0% {
    transform: translateX(-5vw); }
  2% {
    transform: translateX(-2vw); }
  8% {
    transform: translateX(-2vw); }
  100% {
    transform: translateX(100vw); } }
.sec_train .item01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px; }
  @media screen and (max-width: 768px) {
    .sec_train .item01 {
      max-width: 960px;
      flex-direction: column;
      margin-bottom: 20px; } }
  .sec_train .item01 .l_cnt {
    width: calc(620%/12.8); }
    @media screen and (max-width: 768px) {
      .sec_train .item01 .l_cnt {
        width: 100%;
        margin-bottom: 30px; } }
    .sec_train .item01 .l_cnt .en_cap {
      bottom: -2em; }
    .sec_train .item01 .l_cnt .cap2 span {
      line-height: 1;
      color: #fff; }
  .sec_train .item01 .r_cnt {
    width: calc(613%/12.8); }
    @media screen and (max-width: 768px) {
      .sec_train .item01 .r_cnt {
        width: 100%; } }
.sec_train .item02 {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  @media screen and (max-width: 1200px) {
    .sec_train .item02 {
      flex-wrap: wrap;
      justify-content: center;
      grid-gap: 40px; } }
  @media screen and (max-width: 600px) {
    .sec_train .item02 {
      padding: 18px 0;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333; } }
  .sec_train .item02 .in_item {
    width: calc(398%/12.8);
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    @media screen and (max-width: 1200px) {
      .sec_train .item02 .in_item {
        width: 398px;
        width: 420px; } }
    .sec_train .item02 .in_item .l_cnt {
      width: calc(94%/3.98);
      color: #fff;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 5px; }
      .sec_train .item02 .in_item .l_cnt._01 {
        background: #00913a; }
      .sec_train .item02 .in_item .l_cnt._02 {
        background: #595757; }
      .sec_train .item02 .in_item .l_cnt._03 {
        background: #a48b78; }
      .sec_train .item02 .in_item .l_cnt .txt1 {
        font-feature-settings: "palt";
        font-size: 9px;
        margin-bottom: 5px;
        line-height: 1.1;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 2.2em; }
        @media screen and (max-width: 600px) {
          .sec_train .item02 .in_item .l_cnt .txt1 {
            font-size: 8px; } }
      .sec_train .item02 .in_item .l_cnt .txt2 {
        font-feature-settings: "palt";
        font-size: 13px;
        line-height: 1.2; }
        @media screen and (max-width: 600px) {
          .sec_train .item02 .in_item .l_cnt .txt2 {
            font-size: 10px; } }
    .sec_train .item02 .in_item .r_cnt {
      width: calc(290%/3.98);
      padding: 5px 0; }
      .sec_train .item02 .in_item .r_cnt .txt1 {
        width: fit-content;
        font-size: clamp(21px, 1.95vw, 25px);
        font-feature-settings: "palt";
        letter-spacing: 0.08em;
        position: relative;
        line-height: 1; }
        .sec_train .item02 .in_item .r_cnt .txt1 .ls {
          letter-spacing: 0.52em; }
        .sec_train .item02 .in_item .r_cnt .txt1 .ls2 {
          letter-spacing: 0.35em; }
        .sec_train .item02 .in_item .r_cnt .txt1 .ls3 {
          letter-spacing: 0.42em; }
        .sec_train .item02 .in_item .r_cnt .txt1 .big {
          color: #003894;
          font-size: 180%;
          line-height: 0.7;
          position: relative;
          top: 0.1em; }
          @media screen and (max-width: 1200px) {
            .sec_train .item02 .in_item .r_cnt .txt1 .big {
              margin-left: 0.3em; } }
          @media screen and (max-width: 480px) {
            .sec_train .item02 .in_item .r_cnt .txt1 .big {
              margin-left: 0.1em; } }
        .sec_train .item02 .in_item .r_cnt .txt1 .small {
          line-height: 1;
          font-size: clamp(11px, 1.01vw, 13px);
          position: absolute;
          top: 1.2em; }
        .sec_train .item02 .in_item .r_cnt .txt1 .txt_cap {
          font-size: 9px;
          letter-spacing: 0.05em;
          font-feature-settings: "palt";
          position: absolute;
          right: 0;
          bottom: -2em;
          display: block;
          text-align: right; }
          @media screen and (max-width: 600px) {
            .sec_train .item02 .in_item .r_cnt .txt1 .txt_cap {
              letter-spacing: 0; } }
        .sec_train .item02 .in_item .r_cnt .txt1:nth-child(2) {
          padding-top: 1.2em;
          margin-top: 1.2em;
          border-top: 1px solid #333; }
    @media screen and (max-width: 600px) {
      .sec_train .item02 .in_item:nth-child(2) {
        position: relative; }
        .sec_train .item02 .in_item:nth-child(2)::before {
          content: "";
          position: absolute;
          top: -20px;
          left: 0;
          right: 0;
          height: 1px;
          background: #333;
          z-index: 1; }
        .sec_train .item02 .in_item:nth-child(2)::after {
          content: "";
          position: absolute;
          bottom: -20px;
          left: 0;
          right: 0;
          height: 1px;
          background: #333;
          z-index: 1; } }
.sec_train .train_animation {
  width: 100%;
  height: 80px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .sec_train .train_animation {
      height: 55px; } }
  .sec_train .train_animation .train01 {
    width: 257px;
    position: absolute;
    left: -257px;
    bottom: 20px; }
    @media screen and (min-width: 768px) {
      .sec_train .train_animation .train01 {
        animation: train 40s linear infinite; } }
    @media screen and (max-width: 768px) {
      .sec_train .train_animation .train01 {
        width: 138px;
        left: -138px;
        animation: train_sp 30s linear infinite; } }
  .sec_train .train_animation .haikei_wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between; }
    .sec_train .train_animation .haikei_wrap .haikei {
      width: 281px; }
      .sec_train .train_animation .haikei_wrap .haikei.haikei01 {
        position: relative;
        left: -20px; }
        @media screen and (max-width: 768px) {
          .sec_train .train_animation .haikei_wrap .haikei.haikei01 {
            display: none; } }
      @media screen and (max-width: 1000px) {
        .sec_train .train_animation .haikei_wrap .haikei.haikei02 {
          display: none; } }
      @media screen and (max-width: 768px) {
        .sec_train .train_animation .haikei_wrap .haikei.haikei03 {
          margin-left: auto;
          width: 188px;
          margin-right: 48px; } }
    .sec_train .train_animation .haikei_wrap .kumo {
      position: absolute;
      z-index: 3; }
      @media screen and (max-width: 768px) {
        .sec_train .train_animation .haikei_wrap .kumo {
          display: none; } }
      .sec_train .train_animation .haikei_wrap .kumo.kumo01 {
        width: calc(33%/16);
        width: 33px;
        top: calc(30%/0.8);
        right: calc(1398%/16);
        animation: kumo 20s linear infinite,kumo2 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo02 {
        width: calc(43%/16);
        width: 43px;
        top: calc(20%/0.8);
        right: calc(1280%/16);
        transition-delay: 2s;
        animation: kumo 20s linear infinite,kumo3 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo03 {
        width: calc(61%/16);
        width: 61px;
        top: calc(24%/0.8);
        right: calc(1058%/16);
        transition-delay: 3s;
        animation: kumo 20s linear infinite,kumo2 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo04 {
        width: calc(33%/16);
        width: 33px;
        top: calc(15%/0.8);
        right: calc(880%/16);
        transition-delay: 4s;
        animation: kumo 20s linear infinite,kumo3 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo05 {
        width: calc(43%/16);
        width: 43px;
        top: calc(32%/0.8);
        right: calc(750%/16);
        transition-delay: 5s;
        animation: kumo 20s linear infinite,kumo2 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo06 {
        width: calc(61%/16);
        width: 61px;
        top: calc(21%/0.8);
        right: calc(568%/16);
        transition-delay: 6s;
        animation: kumo 20s linear infinite,kumo3 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo07 {
        width: calc(33%/16);
        width: 33px;
        top: calc(20%/0.8);
        right: calc(390%/16);
        transition-delay: 7s;
        animation: kumo 20s linear infinite,kumo2 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo08 {
        width: calc(43%/16);
        width: 43px;
        top: calc(14%/0.8);
        right: calc(210%/16);
        transition-delay: 8s;
        animation: kumo 20s linear infinite,kumo3 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo09 {
        width: calc(61%/16);
        width: 61px;
        top: calc(5%/0.8);
        right: calc(48%/16);
        transition-delay: 9s;
        animation: kumo 20s linear infinite,kumo2 20s linear infinite; }
      .sec_train .train_animation .haikei_wrap .kumo.kumo10 {
        width: calc(33%/16);
        width: 33px;
        top: calc(20%/0.8);
        right: calc(1600%/16);
        animation: kumo 20s linear infinite,kumo3 20s linear infinite; }
        @media screen and (max-width: 768px) {
          .sec_train .train_animation .haikei_wrap .kumo.kumo10 {
            width: 20px;
            right: calc(320%/3.75);
            display: block; } }
      .sec_train .train_animation .haikei_wrap .kumo.kumo11 {
        width: calc(43%/16);
        width: 43px;
        top: calc(14%/0.8);
        right: calc(1700%/16);
        transition-delay: 1s;
        animation: kumo 20s linear infinite,kumo2 20s linear infinite; }
        @media screen and (max-width: 768px) {
          .sec_train .train_animation .haikei_wrap .kumo.kumo11 {
            width: 27px;
            right: calc(200%/3.75);
            display: block; } }
      .sec_train .train_animation .haikei_wrap .kumo.kumo12 {
        width: calc(61%/16);
        width: 61px;
        top: calc(5%/0.8);
        right: calc(1800%/16);
        transition-delay: 2s;
        animation: kumo 20s linear infinite,kumo3 20s linear infinite; }
        @media screen and (max-width: 768px) {
          .sec_train .train_animation .haikei_wrap .kumo.kumo12 {
            width: 40px;
            right: calc(88%/3.75);
            display: block; } }
  .sec_train .train_animation .ki {
    width: calc(1384%/16);
    width: 1384px;
    position: absolute;
    left: 20px;
    bottom: 0;
    z-index: 2;
    display: flex;
    grid-gap: 0 60px; }
    @media screen and (max-width: 768px) {
      .sec_train .train_animation .ki {
        display: none; } }
@keyframes train {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100vw); } }
@keyframes train_sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100vw); } }
@keyframes kumo {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(10vw); } }
@keyframes kumo2 {
  0% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes kumo3 {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@media screen and (max-width: 480px) {
  .sec_car .item01_cap {
    text-align: left;
    text-indent: -1em;
    padding-left: 1em; } }
.sec_car .sec_ttl_wrap {
  display: flex;
  align-items: flex-end;
  line-height: 0;
  position: relative; }
  .sec_car .sec_ttl_wrap .ttl_ico {
    margin-bottom: 13px;
    margin-left: 9px; }
    @media screen and (max-width: 768px) {
      .sec_car .sec_ttl_wrap .ttl_ico {
        width: 21px;
        position: absolute;
        left: 0;
        top: -20px;
        margin: 0; } }
.sec_car .item01 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1200px) {
    .sec_car .item01 {
      flex-direction: column;
      max-width: 960px; } }
  @media screen and (max-width: 480px) {
    .sec_car .item01 {
      margin-bottom: 15px; } }
  .sec_car .item01 .l_cnt {
    width: calc(580%/12.8); }
    @media screen and (max-width: 1200px) {
      .sec_car .item01 .l_cnt {
        width: 100%;
        margin-bottom: 30px; } }
    .sec_car .item01 .l_cnt .en_cap {
      bottom: -2em; }
  .sec_car .item01 .r_cnt {
    width: calc(655%/12.8); }
    @media screen and (max-width: 1200px) {
      .sec_car .item01 .r_cnt {
        max-width: 655px;
        margin: 0 auto;
        width: 100%; } }
  .sec_car .item01 .car_txt {
    color: #717070;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    font-size: clamp(16px, 2.03vw, 26px);
    line-height: 1.61;
    margin-bottom: 0.8em; }
  .sec_car .item01 .txts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .sec_car .item01 .txts {
        flex-direction: column;
        align-items: center;
        grid-gap: 30px 0; } }
    .sec_car .item01 .txts .txt {
      font-weight: 500;
      font-feature-settings: "palt";
      letter-spacing: 0.08em;
      line-height: 1; }
      @media screen and (max-width: 768px) {
        .sec_car .item01 .txts .txt {
          max-width: 400px;
          max-width: 500px;
          width: 100%;
          position: relative; }
          .sec_car .item01 .txts .txt::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 0px;
            right: 0px;
            margin: auto;
            background: #333;
            height: 1px;
            z-index: 1; }
          .sec_car .item01 .txts .txt:nth-child(4)::after {
            bottom: -10px; } }
      .sec_car .item01 .txts .txt dl {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        font-size: clamp(22px, 1.95vw, 25px); }
        @media screen and (max-width: 480px) {
          .sec_car .item01 .txts .txt dl {
            max-width: 263px;
            margin: 0 auto; } }
        .sec_car .item01 .txts .txt dl dd {
          text-align: right; }
      .sec_car .item01 .txts .txt .big {
        font-size: 180%;
        line-height: 0.7;
        color: #003894;
        position: relative;
        top: 0.15em; }
      .sec_car .item01 .txts .txt .cap_r {
        font-size: 11px;
        line-height: 1.2;
        letter-spacing: 0.08em;
        margin-top: 1em; }
        @media screen and (max-width: 480px) {
          .sec_car .item01 .txts .txt .cap_r {
            font-size: 9px;
            max-width: 263px;
            margin: 1em auto 0; } }
        @media screen and (max-width: 480px) {
          .sec_car .item01 .txts .txt .cap_r.sp_center {
            text-align: center;
            margin-top: 0; } }
      @media screen and (min-width: 768px) {
        .sec_car .item01 .txts .txt:nth-child(1), .sec_car .item01 .txts .txt:nth-child(3) {
          width: calc(303%/6.55);
          margin-bottom: calc(20%/6.55); }
        .sec_car .item01 .txts .txt:nth-child(2), .sec_car .item01 .txts .txt:nth-child(4) {
          width: calc(305%/6.55); } }
.sec_car .car_animation {
  width: 100%;
  height: 77px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .sec_car .car_animation {
      height: 56px; } }
  .sec_car .car_animation .haikei_wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 20px; }
    .sec_car .car_animation .haikei_wrap .haikei01 {
      width: 131px; }
      @media screen and (max-width: 768px) {
        .sec_car .car_animation .haikei_wrap .haikei01 {
          width: 87px;
          margin-left: 90px; } }
    .sec_car .car_animation .haikei_wrap .haikei02 {
      width: 225px; }
      @media screen and (max-width: 768px) {
        .sec_car .car_animation .haikei_wrap .haikei02 {
          display: none; } }
    .sec_car .car_animation .haikei_wrap .haikei03 {
      width: 233px; }
      @media screen and (max-width: 768px) {
        .sec_car .car_animation .haikei_wrap .haikei03 {
          display: none; } }
  .sec_car .car_animation .car01 {
    width: 108px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .sec_car .car_animation .car01 {
        animation: car_driving 40s linear infinite; } }
    @media screen and (max-width: 768px) {
      .sec_car .car_animation .car01 {
        width: 65px;
        bottom: 14px;
        animation: car_driving_sp 30s linear infinite; } }
@keyframes car_driving {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100vw); } }
@keyframes car_driving_sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100vw); } }

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