@charset "UTF-8";

@import url("pc.css") screen and (min-width: 769px);
@import url("sp.css") screen and (max-width: 768px);

/* ------------------------------------
  transiton
------------------------------------ */
.tra03 {
  -webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra05 {
  -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra08 {
  -webkit-transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra10 {
  -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra12 {
  -webkit-transition: all 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra15 {
  -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra20 {
  -webkit-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra25 {
  -webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra30 {
  -webkit-transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.delay01 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.delay02 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.delay03 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.delay04 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.delay05 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.delay06 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.delay07 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.delay08 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.delay09 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.delay10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.delay11 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.delay12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.delay13 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.delay14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.delay15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.delay16 {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.delay17 {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.delay18 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.delay19 {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

.delay20 {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

/* ------------------------------------
  font
------------------------------------ */
.f_trump {
  font-family: "trumpgothicpro", sans-serif;
  font-weight: 500;
}

.appearin{
  display: none;
}

/* ------------------------------------
  animation
------------------------------------ */
/* .js-text */
.js-text p {
  display: inline-block;
  overflow: hidden;
}

.js-text p span {
  display: inline-block;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.js-text.on p span,
.on .js-text p span {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.js-text_word p {
  display: inline-block;
  overflow: hidden;
  margin-right: 5px;
}

.js-text_word p span {
  display: inline-block;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.js-text_word.on p span {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.js-text_btn p,
.js-text_btn p span {
  display: inline-block;
}

/* .js-sc */
.js-sc,
.js-sc_h {
  -webkit-transform: translate3d(0,100px,0) scale(0.95);
  transform: translate3d(0,100px,0) scale(0.95);
  opacity: 0!important;
}
.js-sc.on,
.js-sc.on .js-sc_h,
#popup.on .js-sc_h,
#block_menu.on .js-sc_h,
.js-contact_hide_h.on .js-sc_h {
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
  opacity: 1!important;
}

#block_menu.off .js-sc_h {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* .js-blur */
.js-blur {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  opacity: 0;
}
.js-blur.on {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
}


.js-sc_pic,
.js-sc_pic_h {
  -webkit-transform: rotateX(180deg) rotateY(360deg) scale(0.1) perspective(500px);
  transform: rotateX(180deg) rotateY(360deg) scale(0.1) perspective(500px);
  -webkit-transition-property: transform opacity;
  transition-property: transform opacity;
}
.js-sc_pic.on,
.on .js-sc_pic_h {
  opacity: 1;
  -webkit-transform: rotateX(0deg) rotateY(0deg) scale(1) perspective(500px);
  transform: rotateX(0deg) rotateY(0deg) scale(1) perspective(500px);
}

/* ------------------------------------
  .bxslider
------------------------------------ */
#recent_work .bx-wrapper,
#recent_work .bx-viewport {
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.common_docs .bx-wrapper {
  position: relative;
}

.common_docs .bx-wrapper .bx-pager,
.common_docs .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.common_docs .bx-wrapper .bx-pager {
  width: 12.7%;
  min-width: 76px;
  max-width: 130px;
  height: 5px;
  line-height: 5px;
  text-align: center;
  position: absolute;
  bottom: 57px;
  right: 0;
  z-index: 10;
}
.common_docs .bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 5px 10px 5px;
  outline: 0;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px 4px;
  opacity: 0.2;
  background-color: #000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.common_docs .black_block .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #fff;
}
.common_docs .bx-wrapper .bx-pager.bx-default-pager a:hover,
.common_docs .bx-wrapper .bx-pager.bx-default-pager a.active,
.common_docs .bx-wrapper .bx-pager.bx-default-pager a:focus {
  opacity: 1;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

.common_docs .bx-wrapper .bx-controls-direction {
  width: 22.5%;
  max-width: 230px;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 620px;
  z-index: 20;
}

.common_docs .bx-wrapper .bx-prev {
  width: 50%;
  height: 100%;
  left: 0;
  cursor: pointer;
  border-right: 1px rgba(0,0,0,0.1) solid;
}

.common_docs .bx-wrapper .bx-prev:after,
.common_docs .bx-wrapper .bx-next:after {
  content: "";
  width: 8px;
  height: 16px;
  background-image: url("../img/icn_slide_common_prev_black.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -4px;
  -webkit-transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.common_docs .bx-wrapper .bx-next {
  width: 50%;
  height: 100%;
  right: 0;
  cursor: pointer;
}
.common_docs .bx-wrapper .bx-next:after {
  background-image: url("../img/icn_slide_common_next_black.png");
}

.common_docs .black_block .bx-wrapper .bx-prev {
  border-right: 1px rgba(255,255,255,0.1) solid;
}
.common_docs .black_block .bx-wrapper .bx-prev:after {
  background-image: url("../img/icn_slide_common_prev.png");
}
.common_docs .black_block .bx-wrapper .bx-next:after {
  background-image: url("../img/icn_slide_common_next.png");
}

.common_docs .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 0;
  outline: 0;
  text-indent: -9999px;
  z-index: 999;
}

.common_docs .slide_common li {
  opacity: 1!important;
}

.common_docs .slide_common li .main:before,
.common_docs .slide_common li .sub:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #1c1c1c;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.common_docs .black_block .slide_common li .main:before,
.common_docs .black_block .slide_common li .sub:before {
  background-color: #fff;
}
.common_docs .slide_common li .sub:before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.common_docs .slide_common li.over .main:before,
.common_docs .slide_common li.over .sub:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.common_docs .slide_common li img {
  width: 100%;
  height: auto;
}
.common_docs .slide_common li img {
  -webkit-transform: translate3d(30%,0,0);
  transform: translate3d(30%,0,0);
  -webkit-transition-property: transform;
  transition-property: transform;
}
.common_docs .slide_common li.over img {
  -webkit-transform: translate3d(-70%,0,0);
  transform: translate3d(-70%,0,0);
  opacity: 0!important;
}
.common_docs .slide_common li.opac img {
  opacity: 0!important;
}
.common_docs .slide_common li.on img {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}/*
.common_docs .slide_common li img {
  -webkit-transform: translate3d(0,50%,0) scale(0.95);
  transform: translate3d(0,50%,0) scale(0.95);
}
.common_docs .slide_common li.on img {
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
}
*/

#services.common_docs .bx-wrapper li .title,
#services.common_docs .bx-wrapper li .txt {
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
  opacity: 0;
}

#services.common_docs .bx-wrapper li.on .title,
#services.common_docs .bx-wrapper li.on .txt {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}

/* ------------------------------------
  #privacy-policy
------------------------------------ */
#privacy-policy {
  padding: 198px 0 80px 0;
  background-image: url(../img/bg_service_list_circle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 500px 500px;
  background-attachment: fixed;
}