@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*	▼	250716 GM追加	*/
.pre-inc .main-ttl {
  font-weight: 400; }

.pre-inc .main-contents {
  position: relative;
  background: rgba(206, 246, 255, 0.1); }

/*train-sec
------------------------------------------*/
.pre-inc .train-sec .train-img {
  margin-top: 80px;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 991px) {
    .pre-inc .train-sec .train-img {
      margin-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .pre-inc .train-sec .train-img {
      margin-top: 20px;
      flex-direction: column; } }
  .pre-inc .train-sec .train-img .left {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .pre-inc .train-sec .train-img .left {
        width: 100%; } }
  .pre-inc .train-sec .train-img .right {
    width: 42%; }
    @media only screen and (max-width: 767px) {
      .pre-inc .train-sec .train-img .right {
        width: 100%; } }
    .pre-inc .train-sec .train-img .right > ul {
      margin-bottom: 5px; }
.pre-inc .train-sec .station-img-box {
  position: relative;
  margin-top: 120px; }
  @media only screen and (max-width: 991px) {
    .pre-inc .train-sec .station-img-box {
      margin-top: 50px; } }
  @media only screen and (max-width: 767px) {
    .pre-inc .train-sec .station-img-box {
      margin-top: 15px;
      height: 150px;
      overflow: hidden; } }
  .pre-inc .train-sec .station-img-box .station-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .pre-inc .train-sec .station-img-box .station-txt {
        width: 73%; } }
  .pre-inc .train-sec .station-img-box .station-img img {
    filter: brightness(0.4); }
  .pre-inc .train-sec .station-img-box + .station-img-box {
    margin-top: 10px; }

/*car-sec
------------------------------------------*/
.pre-inc .car-sec .car-txt-02 {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  margin-top: 25px;
  width: 100%; }
  @media only screen and (max-width: 991px) {
    .pre-inc .car-sec .car-txt-02 {
      font-size: 1.6rem;
      margin-top: 18px; } }
  .pre-inc .car-sec .car-txt-02::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 90%;
    height: 1px;
    background: #333; }
    @media only screen and (max-width: 991px) {
      .pre-inc .car-sec .car-txt-02::before {
        width: 98%; } }
  .pre-inc .car-sec .car-txt-02::after {
    content: '';
    position: absolute;
    bottom: 7px;
    right: calc(10% - 4px);
    width: 20px;
    height: 1px;
    background: #333;
    transform: rotate(45deg); }
    @media only screen and (max-width: 991px) {
      .pre-inc .car-sec .car-txt-02::after {
        right: calc(2% - 4px); } }
  .pre-inc .car-sec .car-txt-02 .st {
    font-size: 1.3em;
    line-height: 1.1; }
.pre-inc .car-sec .car-img {
  padding: 20px 0; }

/*# sourceMappingURL=access.css.map */
