/* [MIXIN] FONTSIZE */
/* [MIXIN] NAV */
/* [MIXIN] ANIMATION */
/* [MIXIN] KEYFRAMES */
/* [MIXIN] TRANSITION */
/* [MIXIN] WIDTH */
/* MAINVISUAL */
.mv {
  background: url("../images/icm_bg_01.png") no-repeat center top;
  background-size: cover;
  min-height: 250px;
  padding-top: 112%;
  position: relative;
  text-align: center;
}
@media screen and (orientation: landscape) {
  .mv {
    min-height: 345px;
  }
}
.mv .mv_head {
  width: 75.15625%;
  position: absolute;
  top: 8%;
  left: 50%;
  margin-left: -38.5%;
  opacity: 0;
}
.mv .mv_copy {
  width: 83.59375%;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -42%;
  opacity: 0;
}
@media screen and (orientation: landscape) {
  .mv .mv_copy {
    top: 33%;
  }
}

/* VIEW MORE */
.more {
  width: 93.75%;
  margin: 0px auto 5%;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
  font-family: 'Quattrocento Sans', sans-serif;
}
.more a {
  font-size: 15px;
  font-size: 9.375vw;
  letter-spacing: 2px;
  display: inline-block;
  width: 100%;
  line-height: 1.7;
}

.more-b {
  background: #004c82;
  border: 3px solid #fff;
}
.more-b a {
  color: #fff;
}

.more-w {
  background: #fff;
  border: 3px solid #004c82;
}
.more-w a {
  color: #004c82;
}

.bounce {
  -webkit-animation: bounce 400ms alternate infinite ease;
  animation: bounce 400ms alternate infinite ease;
  width: 15%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6%;
}
@-webkit-keyframes bounce {
  0% {
    padding-top: 8px;
  }
  100% {
    padding-top: -3px;
  }
}
@-moz-keyframes bounce {
  0% {
    padding-top: 8px;
  }
  100% {
    padding-top: -3px;
  }
}
@keyframes bounce {
  0% {
    padding-top: 8px;
  }
  100% {
    padding-top: -3px;
  }
}
/* SECTION */
.sec.sec-about {
  background: url("../images/icm_bg_02.png") no-repeat center top/cover;
}
.sec.sec-about .sec_cnt_ico {
  width: 30.625%;
}
.sec.sec-about .sec_cnt_txt .head {
  width: 45%;
}
.sec.sec-system {
  background: url("../images/icm_bg_03.png") no-repeat center top/cover;
}
.sec.sec-system .sec_cnt_ico {
  width: 20.46875%;
}
.sec.sec-system .sec_cnt_txt .head {
  width: 76.09375%;
}
.sec.sec-service {
  background: url("../images/icm_bg_04.png") no-repeat center top/cover;
}
.sec.sec-service .sec_cnt_ico {
  width: 24.6875%;
}
.sec.sec-service .sec_cnt_txt .head {
  width: 75.625%;
}
.sec.sec-quality {
  background: url("../images/icm_bg_05.png") no-repeat center top/cover;
}
.sec.sec-quality .sec_cnt_ico {
  width: 20.78125%;
}
.sec.sec-quality .sec_cnt_txt .head {
  width: 89.53125%;
}
.sec.sec-faq {
  background: url("../images/icm_bg_06.png") no-repeat center top/cover;
}
.sec.sec-faq .sec_cnt_ico {
  width: 17.03125%;
}
.sec.sec-faq .sec_cnt_txt .head {
  width: 66.71875%;
}
.sec.sec-recruit {
  background: url("../images/icm_bg_07.png") no-repeat center top/cover;
}
.sec.sec-recruit .sec_cnt_ico {
  width: 20%;
}
.sec.sec-recruit .sec_cnt_txt .head {
  width: 37.65625%;
}
.sec .sec_cnt_ico {
  margin: 0px auto 20%;
  padding-top: 25%;
}
.sec .sec_cnt_txt {
  font-size: 11px;
  font-size: 5.625vw;
  background: rgba(255, 255, 255, 0.8);
  padding: 9% 4% 1%;
  line-height: 1.5;
}
.sec .sec_cnt_txt .head {
  margin: 6% auto 4%;
}

/* SEPARATER */
.sep {
  height: 17px;
  background: url("../images/icm_bg_08.png") repeat-x center top;
}

/* LOADING */
.loaderBg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 100;
}

.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
  z-index: 101;
}

/*# sourceMappingURL=top.css.map */