/* location */
.location__in { max-width: 1348px; margin: 0 auto; }
@media (max-width: 899px) { .location__in { max-width: 90%; }
  .location .page__tit { margin-bottom: 6.25vw; }
  .location .proviewtiti { margin-bottom: 2.7777777778vw; }
  .location .pointList { margin-bottom: 6.25vw !important; } }

.locationServic { display: flex; justify-content: space-between; text-align: center; }
.locationServic li { flex: 0 1 210px; }
.locationServic img { margin-bottom: 10px; max-width: 100%; }
@media (max-width: 899px) { .locationServic { flex-wrap: wrap; justify-content: center; }
  .locationServic li { margin: 0 1.5%; flex: 0 0 30%; } }
@media (max-width: 599px) { .locationServic { justify-content: flex-start; }
  .locationServic li { margin: 0 1%; flex: 0 0 48%; } }

.shipCore { padding-bottom: 4.8611111111vw; /*background: url(../images/location/shipCore_bg-80.jpg) center bottom no-repeat; 20180808隱藏*/ }
.shipCore__in { max-width: 1393px; margin: 0 auto; display: flex; align-items: center; }
.shipCore__col1 { flex: 1 0 50%; margin-right: 129px; }
.shipCore__col2 { font-size: 1rem; line-height: 2em; }
.shipCore__col2 span { color: #B32223; }
@media (max-width: 899px) { .shipCore__in { max-width: 90%; flex-direction: column; }
  .shipCore__col1 { margin-right: 0; margin-bottom: 15px; } }

.shipFlow { /*background: url(../images/location/flow_bg-80.jpg) 0 0 no-repeat;*/ background-size: cover; }
.shipFlow__in { max-width: 1393px; padding: 6.9444444444vw 0; min-height: 80vh; margin: 0 auto; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.shipFlow h3 { margin-bottom: 3.4722222222vw; font-weight: bold; font-size: 1.75rem; color: #000; }
@media (max-width: 599px) { .shipFlow__in { padding: 10.4166666667vw 5%; min-height: initial; }
  .shipFlow h3 { margin-bottom: 6.9444444444vw; } }

.pointList { width: 100%; }
.pointList:before, .pointList:after { content: " "; display: table; }
.pointList:after { clear: both; }
.pointList__hd span { color: #000 !important; }
@media (max-width: 899px) { .pointList__hd { display: none; } }

.pointItem { display: flex; border-bottom: 1px solid #000; justify-content: space-between; align-items: center; }
.pointItem > span { padding: 14.92px 17px; font-size: 1rem; line-height: 1.625em; color: #7C7C7C; }
.pointItem__name { flex: 0 1 210px; }
.pointItem__addr { flex: 0 1 356px; }
.pointItem__tel { flex: 0 0 270px; }
.pointItem__time { flex: 0 0 314px; }
.pointItem__email { text-align: center; flex: 0 1 120px; }
.pointItem__map { text-align: center; flex: 0 1 120px; }
.pointItem svg path fill { transition: fill 0.5s; }
.pointItem svg:hover path { fill: #B42322; }
@media (max-width: 899px) { .pointItem { display: block; padding: 1em; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin-bottom: 15px; border-bottom: 1px solid #ccc; }
  .pointItem:before, .pointItem:after { content: " "; display: table; }
  .pointItem:after { clear: both; }
  .pointItem > span { width: 100%; display: block; padding: 0.75em 1em; line-height: 1.25em; float: left; display: flex; }
  .pointItem > span:before { content: attr(data-tit) " :"; display: block; margin-right: 0.5em; float: left; font-weight: bold; color: #555; }
  .pointItem__email { width: 49.5% !important; height: 40px; background-color: #eee; justify-content: center; }
  .pointItem__email:before { display: none !important; }
  .pointItem__map { margin-left: 1%; width: 49.5% !important; height: 40px; background-color: #eee; justify-content: center; }
  .pointItem__map:before { display: none !important; }
  .pointItem__map svg { zoom: 1.3; } }
@media (max-width: 320px) { .pointItem > span { display: block; padding: 0.5em; }
  .pointItem > span:before { display: block; width: 100%; margin-bottom: 0.5em; }
  .pointItem__email { height: 35px; }
  .pointItem__map { height: 35px; } }