/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

/* 公共 */
.safe-zone {max-width: 1400px;margin: 0 auto;width: 100%;padding-left:50px;padding-right:50px;position: relative;}
.module{padding-top:80px;padding-bottom: 80px;}

/* contact */
.page-contact .contact{display: -webkit-box;display: -ms-flexbox;display: flex;height: 200px;border: 1px solid #e1e1e1;}
.page-contact .contact li{width: 33.33%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.page-contact .contact li::after{content: '';width: 0;height: 150px;border-right: 1px dashed #ccc;position: absolute;left: 0;top: 50%;-webkit-transform: translate(0,-50%) rotate(30deg);transform: translate(0,-50%) rotate(30deg);}
.page-contact .contact li:first-child::after{display: none;}
.page-contact .contact p{font-size: 20px;line-height: 1.5;}
.page-contact .contact .text{font-style: normal;font-size: 20px; font-style: normal;}
.page-contact .contact address { font-style: normal; }
.page-contact .contact i{font-size: 36px;color: #d3291a;margin-right: 20px;}

/* map */
.page-contact .map{padding: 20px;margin-top: 65px;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.page-contact .map img{width: 100%;vertical-align: middle;}

@media screen and (max-width:1300px){

  /* contact */
  .page-contact .contact i { font-size: 34px; }
  .page-contact .contact .text{font-size: 16px;}
  .page-contact .contact p{font-size: 16px;}

}

@media screen and (max-width:1200px){

  /* contact */
  .page-contact .contact i { font-size: 32px; }
  .page-contact .contact .text{font-size: 15px;}
  .page-contact .contact p{font-size: 15px;}

}

@media screen and (max-width:991px){

  /* contact */
  .page-contact .contact li{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: center;}
  .page-contact .contact p{font-size: 16px;}
  .page-contact .contact .text{font-size: 14px;}
  .page-contact .contact p{font-size: 14px;}
  .page-contact .contact i{margin-right: 0;margin-bottom: 10px; font-size: 30px;}

}

@media screen and (max-width:767px){

  /* 公共 */
  .safe-zone {padding-left:15px;padding-right:15px;}
  .module{padding-top:30px;padding-bottom: 30px;}

  /* contact */
  .page-contact .contact{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;padding: 10px 15px;}
  .page-contact .contact li{width: 100%;text-align: center;padding: 25px 0;}
  .page-contact .contact li:first-child{margin-top: 0;}
  .page-contact .contact li::after{width:90%;height: 0;border-right: none;border-bottom: 1px dashed #ddd;position: absolute;left: 5%;top: 0;-webkit-transform: translate(0,0) rotate(0);transform: translate(0,0) rotate(0);}

  /* map */
  .page-contact .map{padding: 10px;margin-top: 30px;}
  .page-contact .map img{height: 300px;-o-object-fit: cover;object-fit: cover;-o-object-position: 80%;object-position: 80%;}

}