body{background:#050608}
header.header{z-index:11}
#main{width:100%;height:100vh}
.main_wrap img{position:fixed;margin-top:20px;transition:opacity .5s ease}
.map_img1{position:fixed;margin-top:20px;opacity:0}
.map_img2{position:fixed;margin-top:20px;opacity:0}
.map_img3{position:fixed;margin-top:20px;opacity:0}
.contact_txt{position:relative;height:100vh}
.contact_txt h2{position:absolute;right:3.5%;top:56.5%;font-size:5em;z-index:4;font-family:one800}
/*.contact_txt ul{position:absolute}*/
.contact_txt li{position:absolute;top:71%;font-size:1.2em;color:#aaa;padding-top:75px;transition:all .8s ease}
.icon_address{right:500px;background:url(../images/address.png) no-repeat center top;background-size:65px}
.icon_address a{color:#aaa;padding-top:75px}
.icon_tel{right:273px;background:url(../images/tel.png) no-repeat center top;background-size:65px}
.icon_tel a, .icon_mail a{color:#aaa}
.icon_mail{right:34px;background:url(../images/e_mail.png) no-repeat center top;background-size:65px}
 /* attention icon */
.blinker-container{position:fixed;top:555px;left:625px}
.blinker {
  flex: none;
  width: 48px;
  height: 48px;
  position: relative;
  pointer-events: none;
  margin-bottom:10px;
}

.blinker-two .circle {
  border: 4px solid #ccc;
  position: absolute;
  border-radius: 100%;
}
.blinker-two .circle:nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: opacity-pulse 1000ms infinite;
  animation-delay: 500ms;
}
.blinker-two .circle:nth-child(2) {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  animation: opacity-pulse 1000ms infinite;
  animation-delay: 250ms;
}
.blinker-two .circle:nth-child(3) {
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  animation: opacity-pulse 1000ms infinite;
  background: #f00;
}



@keyframes bounce-contract {
  20% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
@keyframes opacity-pulse {
  50% {
    box-shadow: 0 0 8px #f58020;
    opacity: .25;
  }
}


        /* 1700*896 */
@media screen and (max-width:1700px){
    .map_img{opacity:0}
    .map_img1{opacity:1}
}
        /* 1535*896 */
@media screen and (max-width:1535px){
    .map_img1{opacity:0}
    .map_img2{opacity:1}
    .contact_txt h2{top:16.5%;right:2%;font-size:4.5em}
    .contact_txt li.icon_address{top:35%;right:7%}
    .contact_txt li.icon_tel{top:55%;right:8%}
    .contact_txt li.icon_mail{top:75%;right:8%}
}
        /* 1366*768 */
@media screen and (max-width:1366px){
    .map_img2{opacity:0}
    .map_img3{opacity:1;top:-115px;left:-70px}
    .contact_txt{width:40%;left:60%;background:#050608}
    .contact_txt h2{left:0;text-align:center}
    .contact_txt li.icon_address, .icon_tel, .icon_mail{left:0;text-align:center}
    .blinker-container{top:435px;left:385px}
}
@media screen and (max-width:1024px){
    .main_wrap{opacity:0}
    .m_map{background:url(../images/map_t.jpg) no-repeat center;width:60%;height:100%;position:relative;top:70px;background-size:165%}
    .contact_txt{float:left}
    .contact_txt h2{font-size:3.5em;top:20%}
}
@media screen and (max-width:767px){
    .m_map{width:100%;height:700px;top:0}
    .contact_txt h2{font-size:3.5em;top:15%;right:0}
    .contact_txt{width:100%;left:0;height:800px;float:none}
    .contact_txt li.icon_address{right:0}
    .contact_txt li.icon_tel{right:0}
    .contact_txt li.icon_mail{right:0}
}
@media screen and (max-width:479px){
    .contact_txt li.icon_address{top:30%}
    .contact_txt li.icon_tel{top:52.5%}
}
                   