@charset "utf-8";
.access__catch {
  margin-top: -9vw;
}
.access__catch .img {
  margin-top: 7vw;
}
.access__information {
  margin-top: 14.3vw;
  margin-bottom: 15.6vw;
}
.access__main {
  margin-top: 8.5vw;
}
.access__mainList {
  padding: 6vw 4vw;
}
.access__mainList > li + li {
  margin-top: 3.9vw;
  padding-top: 3.9vw;
  border-top: dotted 1px #000;
}
/*▼ 錦糸町で追加*/

/*▲ 錦糸町で追加*/
.access__mainCts .icon svg {
  width: 6.5vw;
  height: 6.5vw;
}
.access__mainCts .text {
  padding-left: 2vw;
  width: 100%;
}
.access__mainCts .textCts + .textCts {
  margin-left: -1.4rem;
  margin-top: 8px;
  line-height: 1.2;
}
.access__mainCts .minutes {
  display: inline-block;
  padding: 0 5px;
  margin-top: -2px;
}
.access__mainSub {
  margin-top: 9.1vw;
}
.access__other {
  margin-top: 13vw;
}
.access__mainSubCts {
  margin-top: 3.9vw;
  padding: 3.9vw;
}
@media screen and (max-width: 767px) {
  .access__catch .sup__text {
    padding: 5px 0 0 5px;
  }
  .access__mainCts__sup {
    padding-left: 8vw;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .access__catch {
    margin-top: -45px;
  }
  .access__catch .img {
    margin-top: 70px;
  }
  .access__catch .img img {
    width: 100%;
  }
  .access__catch .sup__text {
    padding-left: 8px;
    position: absolute;
    left: 0;
  }
  .access__information {
    margin-top: 105px;
    margin-bottom: 130px;
  }
  .access__main {
    margin-top: 60px;
  }
  .access__mainList {
    padding: 50px 60px;
  }
  .access__mainList > li + li {
    margin-top: 20px;
    padding-top: 20px;
  }
  /*▼ 錦糸町で追加*/
  .access__mainCts__sup {
    padding: 0 0 20px 0;
  }
  .access__mainList li:nth-child(1) .access__mainCts__sup,
  .access__mainList li:nth-child(2) .access__mainCts__sup {
    padding: 0 55px 0 0;
  }
  /*▲ 錦糸町で追加*/
  .access__mainCts .icon svg {
    width: 50px;
    height: 50px;
  }
  .access__mainCts .text {
    padding-left: 15px;
  }
  .access__mainCts .minutes {
    padding: 0 15px 0 10px;
  }
  .access__mainCts .textCts + .textCts {
    width: 550px;
    margin-left: 0;
  }
  .access__main {
    margin-top: 60px;
  }
  .access__mainSub {
    margin-top: 80px;
  }
  .access__other {
    margin-top: 80px;
  }
  /*.access__neighbor{
    margin: 80px auto 130px;
  }*/
  .access__neighbor .img {
    width: 518px;
  }
  .access__neighbor .img + .img {
    width: 482px;
  }
  .access__mainSubCts {
    margin: 30px auto;
    padding: 20px;
  }
}

@charset "utf-8";
.access__catch .img {
  margin-top: 7vw;
}
.access__information {
  margin-top: 14.3vw;
}
.access__mainTrain {
  margin-top: 8.5vw;
}
.access__mainTrainList {
  padding-top: 6vw;
  padding-bottom: 1vw;
  padding-left: 4vw;
  padding-right: 4vw;
}
.access__mainTrainList > li + li {
  margin-top: 3.9vw;
  padding-top: 3.9vw;
  border-top: dotted 1px #000;
}
.access__mainTrainList > li > .icon svg {
  width: 6.5vw;
  height: 6.5vw;
}
.access__mainTrainList > li > .text {
  padding-left: 2vw;
  width: 100%;
}
.access__mainTrainList .textCts + .textCts {
  margin-left: -1.4rem;
  margin-top: 8px;
}
.access__mainTrainList > li .minutes {
  display: inline-block;
  padding: 0 5px;
  margin-top: -2px;
}
.access__train {
  margin-top: 9.1vw;
}
.access__taxi {
  margin-top: 13vw;
}
.access__neighbor {
  margin: 13vw auto 15.6vw;
}
.pL__35 {
  padding-left: 35px;
}
.test01 {
  white-space: initial;
}
@media screen and (min-width: 768px) {
  .test01 {
    white-space: nowrap;
  }
  .access__catch .img {
    margin-top: 70px;
    position: relative;
  }
  .access__catch .img img {
    width: 100%;
  }
  .access__information {
    margin-top: 105px;
  }
  .access__mainTrain {
    margin-top: 60px;
  }
  .access__mainTrainList {
    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .access__mainTrainList > li + li {
    margin-top: 20px;
    padding-top: 20px;
  }
  .access__mainTrainList > li > .icon svg {
    width: 50px;
    height: 50px;
  }
  .access__mainTrainList > li > .text {
    padding-left: 15px;
  }
  .access__mainTrainList > li .minutes {
    padding: 0 15px 0 10px;
  }
  .access__mainTrainList .textCts + .textCts {
    width: 550px;
    margin-left: 0;
  }
  .access__train {
    margin-top: 60px;
  }
  .access__taxi {
    margin-top: 80px;
  }
  .access__neighbor {
    margin: 80px auto 130px;
  }
  .access__neighbor .img {
    width: 518px;
  }
  .access__neighbor .img + .img {
    width: 482px;
  }
}

/* 小関 追加*/
.t__r {
  text-align: right;
}
.mb_12 {
  margin-bottom: 12px;
}
.mb_40 {
  margin-bottom: 40px;
}
.dotte__line {
  border-top: dotted 1px #000;
  padding-top: 3.9vw;
}
.text_yokohama {
  margin-bottom: 20px;
}

.bgc-w {
  background-color: white;
}
.choc {
  background-color: #5a4533;
  display: inline-block;
  color: white;
  padding: 3px;
  font-size: 10px;
}
.mL__50--sp {
  margin-left: 10px;
}
.border {
  border: 1px solid #000;
  font-size: 10px;
  padding: 2px;
}

.fx {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

.minutes .flexShrink {
  text-align: right;
}
.t__c {
  text-align: center !important;
}

.fW_normal {
  font-weight: normal;
}

.mb {
  display: block;
  margin-bottom: -6px;
}
.brown {
  color: #5a4533;
}
.accessImg {
  max-width: 75%;
  margin: 0 auto;
}
.mB__10 {
  margin-bottom: 10px;
}
.mL__30--pc {
  margin-left: 30px;
}
.flexBetween {
  flex-wrap: wrap;
}
.a__End {
  align-items: flex-end;
}

.accessH {
  height: 70px;
}
.accessH60 {
  height: 56px;
}
@media screen and (max-width: 767px) {
  .accessH {
    height: auto;
  }
  .accessH60 {
    height: auto;
  }
  .flextest--sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .bgc {
    width: 170px;
  }
  .textAccess {
    width: 214px;
  }
  .mL__10--sp {
    margin-left: 10px;
  }
  .mT__24--sp {
    margin-top: 24px;
  }
  .accessTest {
    width: 130px;
  }
  .mLTest--pc {
    margin-left: 36px;
  }
  .mTest {
    margin-left: 50px;
    margin-top: 5px;
    display: inline-block;
  }
  .accessImg {
    max-width: 100%;
    margin: 0 auto;
  }
  .mT10--sp {
    margin-top: 10px;
  }
  .travelList + .travelList {
    margin-top: 35px;
  }
}

@media screen and (min-width: 768px) {
  .travelList .station {
    display: inline-block;
    width: 140px;
  }
  .mL50 {
    margin-left: 103px;
  }
  .mL63 {
    margin-left: 114px;
  }
  .bgc {
    width: 144px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
  }
  .mL__50--sp {
    margin-left: 15px;
  }
  .travelList .minutes {
    text-align: left;
    padding: 0;
  }
  .flexShrink {
    text-align: initial;
  }
  .dotte__line {
    padding-top: 20px;
  }
  .textAccess {
    width: 339px;
  }
  .mR__20--pc {
    margin-right: 15px;
  }
  .mLTest--pc {
    margin-left: 40px;
  }
  .mTest {
    margin-left: 31px;
    margin-top: 5px;
  }
}
.mT2vw {
  margin-top: 2vw;
}
.textStation {
  white-space: nowrap;
  margin-bottom: 10px;
}
.stationFlexWrap {
  flex-wrap: wrap;
}

/*  */