/* Animation */
.fp-section.active [data-am]{
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  -webkit-transition-delay: .3s; transition-delay: .3s;
  -webkit-transition-duration: .3s; transition-duration: .3s;
  opacity: 1;
}
[data-am]{
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: all; transition-property: all;
  -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;
  -webkit-transition-delay: .1s; transition-delay: .1s;
  -webkit-transition-duration: .1s; transition-duration: .1s;
  opacity: 0;
}

.fp-section.active [data-amo] {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0);
  -webkit-transition-delay: .2s; transition-delay: .2s;
  -webkit-transition-duration: .3s; transition-duration: .3s;
  opacity: 1;
}

[data-amo] {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: all; transition-property: all;
  -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;
  -webkit-transition-delay: .1s; transition-delay: .1s;
  -webkit-transition-duration: .1s; transition-duration: .1s;
  /* opacity: 0; */
  backface-visibility: hidden;
  transition-property: transform;
}

[data-am="fade-up"]{ -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
[data-am="fade-right"]{ -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }
[data-am="fade-down"]{ -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
[data-am="fade-left"]{ -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }

/* [data-amo^=flip][data-amo^=flip] {
    backface-visibility: hidden;
    transition-property: transform
} */

[data-amo=flip-left] {-webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg);}
/* [data-am=flip-left] {transform: perspective(2500px) rotateY(0);} */

.fp-section.active [data-am-delay="100"] { -webkit-transition-delay: .1s; transition-delay: .1s; }
.fp-section.active [data-am-delay="150"] { -webkit-transition-delay: .15s; transition-delay: .15s; }
.fp-section.active [data-am-delay="200"] { -webkit-transition-delay: .2s; transition-delay: .2s; }
.fp-section.active [data-am-delay="250"] { -webkit-transition-delay: .25s; transition-delay: .25s; }
.fp-section.active [data-am-delay="300"] { -webkit-transition-delay: .3s; transition-delay: .3s; }
.fp-section.active [data-am-delay="350"] { -webkit-transition-delay: .35s; transition-delay: .35s; }
.fp-section.active [data-am-delay="400"] { -webkit-transition-delay: .4s; transition-delay: .4s; }
.fp-section.active [data-am-delay="450"] { -webkit-transition-delay: .45s; transition-delay: .45s; }
.fp-section.active [data-am-delay="500"] { -webkit-transition-delay: .5s; transition-delay: .5s; }
.fp-section.active [data-am-delay="550"] { -webkit-transition-delay: .55s; transition-delay: .55s; }
.fp-section.active [data-am-delay="600"] { -webkit-transition-delay: .6s; transition-delay: .6s; }
.fp-section.active [data-am-delay="650"] { -webkit-transition-delay: .65s; transition-delay: .65s; }
.fp-section.active [data-am-delay="700"] { -webkit-transition-delay: .7s; transition-delay: .7s; }
.fp-section.active [data-am-delay="750"] { -webkit-transition-delay: .75s; transition-delay: .75s; }
.fp-section.active [data-am-delay="800"] { -webkit-transition-delay: .8s; transition-delay: .8s; }
.fp-section.active [data-am-delay="850"] { -webkit-transition-delay: .85s; transition-delay: .85s; }
.fp-section.active [data-am-delay="900"] { -webkit-transition-delay: .9s; transition-delay: .9s; }
.fp-section.active [data-am-delay="950"] { -webkit-transition-delay: .95s; transition-delay: .95s; }
.fp-section.active [data-am-delay="1000"] { -webkit-transition-delay: 1s; transition-delay: 1s; }
.fp-section.active [data-am-duration="100"] { -webkit-transition-duration: .1s; transition-duration: .1s; }
.fp-section.active [data-am-duration="150"] { -webkit-transition-duration: .15s; transition-duration: .15s; }
.fp-section.active [data-am-duration="200"] { -webkit-transition-duration: .2s; transition-duration: .2s; }
.fp-section.active [data-am-duration="250"] { -webkit-transition-duration: .25s; transition-duration: .25s; }
.fp-section.active [data-am-duration="300"] { -webkit-transition-duration: .3s; transition-duration: .3s; }
.fp-section.active [data-am-duration="350"] { -webkit-transition-duration: .35s; transition-duration: .35s; }
.fp-section.active [data-am-duration="400"] { -webkit-transition-duration: .4s; transition-duration: .4s; }
.fp-section.active [data-am-duration="450"] { -webkit-transition-duration: .45s; transition-duration: .45s; }
.fp-section.active [data-am-duration="500"] { -webkit-transition-duration: .5s; transition-duration: .5s; }
.fp-section.active [data-am-duration="550"] { -webkit-transition-duration: .55s; transition-duration: .55s; }
.fp-section.active [data-am-duration="600"] { -webkit-transition-duration: .6s; transition-duration: .6s; }
.fp-section.active [data-am-duration="650"] { -webkit-transition-duration: .65s; transition-duration: .65s; }
.fp-section.active [data-am-duration="700"] { -webkit-transition-duration: .7s; transition-duration: .7s; }
.fp-section.active [data-am-duration="750"] { -webkit-transition-duration: .75s; transition-duration: .75s; }
.fp-section.active [data-am-duration="800"] { -webkit-transition-duration: .8s; transition-duration: .8s; }
.fp-section.active [data-am-duration="850"] { -webkit-transition-duration: .85s; transition-duration: .85s; }
.fp-section.active [data-am-duration="900"] { -webkit-transition-duration: .9s; transition-duration: .9s; }
.fp-section.active [data-am-duration="950"] { -webkit-transition-duration: .95s; transition-duration: .95s; }
.fp-section.active [data-am-duration="1000"] { -webkit-transition-duration: 1s; transition-duration: 1s; }

.fp-responsive .fullpage-wrapper,
.fp-responsive .fp-section:not(.section--visual),
.fp-responsive .fp-tableCell,
.fp-responsive .fp-scrollable {
    height: auto !important;
    min-height: auto !important;
    overflow: hidden;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
}


/* Common */
.section-block {
  height: 100%;
  display:flex;
  align-items: center;
  justify-content:center;
  overflow: hidden;
}

.section-title {
  font-size:4rem;
  font-weight:900;
  position: relative;
  z-index:2;
  display: inline-block;
  margin-bottom:40px;
}

.section-title::after {
  content:"";
  display:inline-block;
  width:30px;
  height:30px;
  border-radius:50%;
  background-color: rgba(148,120,210,.7);
  position: absolute;
  top:-5px;
  right:-10px;
  z-index:-1;
}

.section-text {
  font-size:1.8rem;
  line-height:2;
}

.section .direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section .direction--column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section .direction--justify__between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width:1200px) {

  .section-title {
    font-size:3rem;
    margin-bottom:30px;
  }

  .section-text {
    font-size:1.6rem;
  }


}
@media (max-width:1024px) {

  .section .direction {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

}
@media (max-width:768px) {

  .section-title {
    font-size:2.4rem;
    margin-bottom:20px;
  }

  .section-title::after {
    width:20px;
    height:20px;
  }

  .section-text {
    font-size:1.4rem;
  }

}
@media (max-width:500px) {

}



/* Intro */
/* .intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  visibility:hidden;
  opacity: 0;
  transition: visibility 0s .6s, opacity .3s linear;
}

.intro .intro-container {
  max-width:1430px;
  width:100%;
  height:100%;
  margin:0 auto;
  padding:0px 15px;
}

.intro .intro-inner {
  width:100%;
  height:100%;
  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;
}

.intro.intro-animation {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity .6s linear;
}

.intro .logo_img {
  position: absolute;
  top:50%;
  left:50%;
  -webkit-ransform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width:100%;
  text-align: center;
}

.intro .intro-logo--ani1 .logo_img {
  z-index:2;
}

.intro .intro-logo--ani2 .logo_img {
  z-index:1;
}

.intro .intro-logo--ani1 .logo_img {
  animation:ani_hide 1s .4s;
  animation-fill-mode:both;
}

.intro .intro-logo--ani2 .logo_img {
  animation:ani_mov cubic-bezier(0.165, 0.84, 0.44, 1) 1s 1.2s;
  animation-fill-mode:both;
}

@keyframes ani_hide {
	0%{ opacity:1; }
	100%{opacity:0; }
}

@keyframes ani_mov {
	0%{ margin-left:0;}
	100%{margin-left:-40%;}
}

@media (max-width:1024px) {

  @keyframes ani_mov {
  	0%{ margin-left:0;}
  	100%{margin-left:-30%;}
  }

  .intro .logo_img img {
    max-width:80%;
  }

}

@media (max-width:768px) {

  @keyframes ani_mov {
  	0%{ margin-left:0;}
  	100%{margin-left:-33%;}
  }

} */


/* Fullpage Section */
/* #fullpage {
  height: 100%auto !important;
} */

#fullpage .section {
  position: relative;
  overflow: hidden;
}


/* Visual */
.section--visual .visual {
  width:100%;
  height:100vh;
  overflow: hidden;
  position: relative;
  background-color: #000;
}

.section--visual .visual-inner {
  width:100%;
  height:100%;
  position: relative;
}

.section--visual .swiper-container {
  width:100%;
  height:100%;
  transform:none;
}

.section--visual .swiper-wrapper {
  height:100%;
}

.section--visual .swiper-slide {
  width:100%;
  height:100%;
  overflow: hidden;
}

.section--visual .visual-text {
  max-width: 1230px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 15px;
  height:100%;
  z-index: 50;
  position: absolute;
  left:50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.section--visual .text-container {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height:100%;
}

.section--visual .text-title {
  display: block;
  margin-bottom:60px;
}

.section--visual p {
  font-size:2.4rem;
  font-weight:400;
  color:#fff;
  display:block;
}

.section--visual p.text-subtit {
  font-size:3.4rem;
  font-weight:700;
  line-height:1.4;
  color:#fff;
  margin-bottom:20px;
}


.section--visual .background {
  height:100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition:5s all ease;
  transition:5s all ease;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.section--visual .background--01 {
  background-image: url('/child/img/main/main_slide01.png');
}

.section--visual .background--02 {
  background-image: url('/child/img/main/main_slide02.png');
}

.section--visual .background--03 {
  background-image: url('/child/img/main/main_slide03.png');
}

.section--visual .swiper-slide-active .background {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:5s all ease;
  transition:5s all ease;
}

.section--visual .scroll-arrow {
  position: absolute;
  left:50%;
  bottom:50px;
  -webkit-ransform: translateX(-50%);
  transform: translateX(-50%);
  z-index:10;
  text-align: center;
}

.section--visual .scroll-arrow p {
  font-size:1.6rem;
  font-weight:700;
  color:#fff;
  margin-bottom:14px;
}

.section--visual .scroll-img {
  animation:scrollbarAni 1s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);;
}

@keyframes scrollbarAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

@media (max-width:1200px) {

  .section--visual .visual {
    padding-top:50px;
  }

  .section--visual .text-title {
    margin-bottom:40px;
  }

  .section--visual .text-title img {
    width:384px;
  }

  .section--visual p {
    font-size:2rem;
  }

  .section--visual p.text-subtit {
    font-size:2.6rem;
    margin-bottom:12px;
  }

  .section--visual .scroll-arrow {
    bottom:38px;
  }

  .section--visual .scroll-arrow p {
    font-size:1.4rem;
    margin-bottom:8px;
  }

  .section--visual .scroll-img img {
    width:27px;
  }

}
@media (max-width:1024px) {

}
@media (max-width:768px) {

  .section--visual .text-title {
    margin-bottom:30px;
  }

  .section--visual .text-title img {
    width:264px;
  }

  .section--visual p {
    font-size:1.6rem;
  }

  .section--visual p.text-subtit {
    font-size:2.2rem;
    margin-bottom:8px;
  }

  .section--visual .scroll-arrow p {
    font-size:1.2rem;
  }

}
@media (max-width:500px) {

  .section--visual .text-title img {
    width:224px;
  }

  .section--visual .scroll-arrow {
    display: none;
  }

}


/* About */
.section--about {
  width:100%;
  height:100%;
  max-height:100%;
  background:url('/child/img/main/about_bg.png') no-repeat center;
  background-size: cover;
}

.section--about .section-inner  {
  height:100%;
}

.section--about .section-block {
  padding-top:150px;
  overflow:hidden;
}

/* .section--about .section-inner {
  height:100%;
  padding-top:150px;
  overflow: hidden;
} */

.section--about .container {
  height:100%;
}

.section--about .direction {
  height:100%;
}

.section--about .top {
  text-align: center;
}

.section--about .section-title,
.section--about .section-text {
  color:#fff;
}

.section--about .about-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height:100%;
}

.section--about .about-menu li {
  flex:1 1 33.33%;
}

.section--about .about-menu .box {
  height:100%;
  padding:100px 50px;
  background-color: rgba(0,0,0,.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section--about .about-menu .box_tit {
  font-size:2.2rem;
  font-weight:700;
  line-height:1;
  color:#9478d2;
  margin:40px 0px;
}

.section--about .about-menu .box_txt {
  font-size:1.6rem;
  line-height:1.7;
  color:#fff;
}

@media (min-width:1201px) {
  .section--about .fp-overflow {
    height:100%;
  }

  .section--about .section-line {
    position: absolute;
    top:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width:1200px;
    width:100%;
    height:100%;
    z-index:0;
    pointer-events: none;
  }

  .section--about .section-line ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width:100%;
    height:100%;
  }

  .section--about .section-line li {
    flex:1 1 33.33%;
    position: relative;
  }

  .section--about .section-line li::before {
    content:"";
    display:block;
    width:1px;
    height:0;
    background-color: rgba(255,255,255,.2);
    -webkit-transition:height .6s ease-out;
    transition:height .6s ease-out;
    position: absolute;
    left:0;
    top:0;
  }

  .section--about .section-line li:last-child::after {
    content:"";
    display:block;
    width:1px;
    height:0;
    position: absolute;
    right:0;
    top:0;
    background-color: rgba(255,255,255,.2);
    -webkit-transition:height 1s ease;
    transition:height 1s ease;
  }

  .section--about.fp-completely .section-line li::before {
    height:100%;
  }

  .section--about.fp-completely .section-line li:last-child::after {
    height:100%;
  }
}
@media (max-width:1200px) {

  .section--about .section-block {
    padding:70px 0px;
  }

  /* .section--about .section-inner {
    padding:120px 0px;
  } */

  .section--about .top {
    margin-bottom:50px;
  }

  .section--about .about-menu .box {
    padding:80px 40px;
  }

  .section--about .about-menu .box_tit {
    font-size:2rem;
    margin:30px 0px;
  }

  .section--about .about-menu .box_txt {
    font-size:1.5rem;
  }

  .section-line {
    display: none;
  }

}
@media (max-width:1024px) {

  .section--about .about-menu .box {
    padding:60px 30px;
  }

  .section--about .about-menu .box  img {
    width:39px;
  }

}
@media (max-height: 770px) {

  .section--about .section-block {
    padding:70px 0px;
  }
  /* About */
  /* .section--about .section-inner {
    padding:120px 0px;
  } */

  .section--about .top {
    margin-bottom:50px;
  }
}
@media (max-width:768px) {

  .section--about .section-block {
    padding:70px 0px;
  }

  /* .section--about .section-inner {
    padding:80px 0px;
  } */

  .section--about .top {
    margin-bottom:40px;
  }

  .section--about .about-menu li {
    border-bottom:1px solid rgba(255,255,255,.2);
  }

  .section--about .about-menu li:last-child {
    border-bottom:0px;
  }

  .section--about .about-menu .box {
    padding:40px 24px;
  }

  .section--about .about-menu .box_tit {
    font-size:1.8rem;
    margin:20px 0px;
  }

  .section--about .about-menu .box_txt {
    font-size:1.4rem;
  }

  .section--about .about-menu {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section--about .about-menu li {
    flex:1 1 100%;
  }

}
@media (max-width:500px) {

  .section--about .about-menu .box {
    padding:30px 20px;
  }

  .section--about .about-menu .box img {
    width:32px;
  }

  .section--about .about-menu .box_tit {
    font-size:1.6rem;
    margin:14px 0px;
  }

  .section--about .about-menu .box_txt {
    font-size:1.3rem;
  }

}

/* Work */
.section--work .section-inner {
  height:100%;
}

.section--work .section-block {
  height:100%;
  /* padding:150px 0px; */
  padding:70px 0px 0px;
  overflow: hidden;
}

.section--work .section-text {
  margin-bottom:6%;
}

.section--work .work-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin:0px -12px;
}

.section--work .work-menu li {
  flex:1 1 25%;
  padding:0px 12px;
  cursor: pointer;
}

.section--work .work-menu .box {
  position: relative;
  overflow: hidden;
  border-radius:20px;
  transition: all .4s ease;
}

.section--work .work-menu .box_img {
  position: relative;
  width:100%;
  height:0;
  padding-top: calc(437/280*100%);
  overflow:hidden;
}

.section--work .work-menu .box_img::before {
  content:"";
  display:block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image: linear-gradient(transparent, #9478d2);
  z-index:2;
  opacity:0;
  transition:opacity .3s ease;
}

.section--work .work-menu .img_thumb {
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section--work .work-menu .box_tit {
  position: absolute;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
  padding:30px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index:3;
}

.section--work .work-menu .box_tit span {
  font-size:1.8rem;
  font-weight:700;
  color:#fff;
  transition:all .4s ease;
}

@media (min-width:1201px) {
  .section--work .work-menu li:hover .box_img::before {
    opacity:1;
  }

  .section--work .work-menu li:hover .box_tit span {
    transform: translateY(-10px);
  }
}
@media (max-width:1200px) {

  .section--work .section-block {
    padding:70px 0px;
  }

  .section--work .section-text {
    margin-bottom:50px;
  }

  .section--work .work-menu .box_tit span {
    font-size:1.6rem;
  }

}
@media (max-width:1024px) {

  .section--work .work-menu {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:-6px;
  }

  .section--work .work-menu li {
    flex:1 1 50%;
    padding:6px;
  }

  .section--work .work-menu .box_img {
    height:240px;
    padding-top:0;
  }

}
@media (max-height: 770px) {
  /* Work */
  .section--work .section-block {
    padding:70px 0px;
  }

  .section--work .section-text {
    margin-bottom:50px;
  }
}
@media (max-width:768px) {

  .section--work .section-block {
    padding:70px 0px;
  }

  .section--work .section-text {
    margin-bottom:40px;
  }

  .section--work .work-menu .box_tit {
    padding:20px 5px;
  }

  .section--work .work-menu .box_tit span {
    font-size:1.4rem;
  }

}
@media (max-width:500px) {

  .section--work .work-menu li {
    flex:1 1 100%;
  }

  .section--work .work-menu .box_img {
    height:120px;
  }

}


/* Client */
.section--client {
  background-color: #f0f0f0;
}

.section--client .section-inner {
  height:100%;
  /* padding-top:8%; */
  /* padding-top:150px; */
}

.section--client .section-block {
  height:100%;
  /* padding:150px 0px; */
  padding:70px 0px 0px;
  overflow: hidden;
}

.section--client .section-title {
  margin-bottom:8%;
}

.section--client .client-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin:-18px -12px;
}

.section--client .client-menu li {
  flex:1 1 25%;
  padding:18px 12px;
}

.section--client .client-menu .box {
  overflow: hidden;
  background-color: #fff;
  border:1px solid rgba(204,204,204,.4);
  border-top-left-radius: 20px;
  border-bottom-right-radius:20px;
}

.section--client .client-menu .box_img {
  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;
}

@media (max-width:1200px) {

  .section--client .section-block {
    padding:70px 0px;
  }

  .section--client .section-title {
    margin-bottom:80px;
  }

}
@media (max-width:1024px) {

  .section--client .client-menu {
    margin:-8px -6px;
  }

  .section--client .client-menu li {
    flex:1 1 33.33%;
    padding:8px 6px;
  }

  .section--client .client-menu .box_img img {
    width:80%;
  }

}
@media (max-height: 770px) {
  /* Client */
  .section--client .section-block {
    padding:70px 0px;
  }

  .section--client .section-title {
    margin-bottom:80px;
  }
}
@media (max-width:768px) {

  .section--client .section-block {
    padding:70px 0px;
  }

  .section--client .section-title {
    margin-bottom:60px;
  }

  .section--client .client-menu {
    margin:-4px;
  }

  .section--client .client-menu li {
    flex:1 1 50%;
    padding:4px;
  }

}
@media (max-width:500px) {

}


/* Recrult */
.section--recrult {
  background-color: #3c3739;
}

.section--recrult .section-inner {
  height:100%;
}

.section--recrult .section-block {
  height:100%;
  /* padding:150px 0px; */
  padding:70px 0px 0px;
  overflow: hidden;
}

.section--recrult .section-title,
.section--recrult .section-text {
  color:#fff;
}

.section--recrult .section-text {
  margin-bottom:6%;
}

.section--recrult .recrult-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin:-60px -30px;
}

.section--recrult .recrult-menu > li {
  flex:1 1 50%;
  padding:60px 30px;
}

.section--recrult .recrult-menu .box {
  position: relative;
}

.section--recrult .recrult-menu .box_tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section--recrult .recrult-menu .box_tit::after {
  content:"";
  display:block;
  width:calc(100% - 100px);
  height:2px;
  background-color: rgba(255,255,255,.5);
}

.section--recrult .recrult-menu .box_tit span {
  display:block;
  width:100px;
  font-size:1.8rem;
  font-weight:700;
  color:#fff;
}

.section--recrult .recrult-menu .box_menu li {
  font-size:1.8rem;
  line-height:1.7;
  color:#fff;
  text-align: right;
  padding-top:30px;
}
@media (max-width:1200px) {

  .section--recrult .section-block {
    padding:70px 0px;
  }

  /* .section--recrult .section-inner {
    padding:120px 0px;
  } */

  .section--recrult .section-text {
    margin-bottom:50px;
  }

  .section--recrult .recrult-menu .box_tit span {
    font-size:1.6rem;
  }

  .section--recrult .recrult-menu .box_menu li {
    font-size:1.6rem;
    padding-top:24px;
  }

}
@media (max-width:1024px) {

  .section--recrult .recrult-menu {
    margin:-40px -20px;
  }

  .section--recrult .recrult-menu > li {
    padding:40px 20px;
  }

}
@media (max-height: 770px) {
  /* Recrult */
  .section--recrult .section-block {
    padding:70px 0px;
  }

  /* .section--recrult .section-inner {
    padding:120px 0px;
  } */

  .section--recrult .section-text {
    margin-bottom:50px;
  }
}
@media (max-width:768px) {

  .section--recrult .section-block {
    padding:70px 0px;
  }

  /* .section--recrult .section-inner {
    padding:80px 0px;
  } */

  .section--recrult .section-text {
    margin-bottom:40px;
  }

  .section--recrult .recrult-menu {
    margin:-20px;
  }

  .section--recrult .recrult-menu > li {
    flex:1 1 100%;
    padding:20px;
  }

  .section--recrult .recrult-menu .box_tit::after {
    width:calc(100% - 80px);
  }

  .section--recrult .recrult-menu .box_tit span {
    font-size:1.4rem;
    width:80px;
  }

  .section--recrult .recrult-menu .box_menu li {
    font-size:1.4rem;
    padding-top:20px;
  }

}
@media (max-width:500px) {

}


/* Contact */
.section--contact {
  position:relative;
}

.section--contact::after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:0;
  max-width:360px;
  width:100%;
  height:0;
  background-color: #9478d2;
  transition:all .6s ease-out;
  z-index:-2;
}

.section--contact .section-inner {
  height:100%;
}

.section--contact .section-block {
  height:100%;
  /* padding:150px 0px; */
  padding:70px 0px 0px;
  overflow: hidden;
}

.section--contact .section-text {
  margin-bottom:50px;
}

.section--contact .left,
.section--contact .right {
  flex:1 0 50%;
}

.section--contact .right {
  padding:100px 0px 100px 60px;
  margin-left:160px;
  position: relative;
}

.section--contact .right::after {
  content:"";
  display:block;
  position: absolute;
  left:0;
  top:0;
  width:100vw;
  height:100%;
  background-color: #3c3739;
  border-top-left-radius:100px;
  z-index:-1;
}

.section--contact .right .section-title {
  color:#fff;
  margin-bottom:100px;
}

.section--contact .table-box {
  padding-bottom:20px;
}

.section--contact .table-box:last-child {
  padding-bottom:30px;
}

.section--contact .table-box p {
  font-size:1.4rem;
  margin-bottom:10px;
}

.section--contact .table-box p span {
  font-size: inherit;
  color:#ea7323;
}

.section--contact .table-box input,
.section--contact .table-box textarea {
  font-size:1.4rem;
}

.section--contact .table-box input {
  width:100%;
  height:45px;
}

.section--contact .table-box textarea {
  display:block;
  width:100%;
  height:100px;
}

.section--contact .button {
  font-size:1.6rem;
  font-weight:700;
  width:100%;
  height:50px;
}

.section--contact .info-menu {
  margin:-20px 0px;
}

.section--contact .info-menu li {
  padding:20px 0px;
}

.section--contact .info-menu span {
  font-size:1.6rem;
  color:#fff;
  display:inline-block;
  vertical-align: middle;
}

.section--contact .info-menu span.info_icon {
  font-size:0px;
  width:25px;
  height:25px;
  background-size:auto 25px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right:20px;
}

.section--contact .info-menu span.info_icon--address {
  background-image: url('/child/img/icon/contact_icon01.png');
}

.section--contact .info-menu span.info_icon--email {
  background-image: url('/child/img/icon/contact_icon02.png');
}

.section--contact .info-menu span.info_icon--phone {
  background-image: url('/child/img/icon/contact_icon03.png');
}

.section--contact .info-menu span.info_icon--tel {
  background-image: url('/child/img/icon/contact_icon04.png');
}

@media (min-width:1201px) {

  .section--contact.on::after {
    height:100%;
  }


}
@media (max-width:1200px) {

  .section--contact .section-block {
    padding:70px 0px;
  }

  /* .section--contact .section-inner {
    padding:120px 0px;
  } */

  .section--contact .section-text {
    margin-bottom:40px;
  }

  .section--contact .right {
    margin-left:120px;
  }

  .section--contact .button {
    font-size:1.4rem;
    height:40px;
  }

  .section--contact .right .section-title {
    margin-bottom:60px;
  }

  .section--contact .info-menu span {
    font-size:1.4rem;
  }

  .section--contact .info-menu span.info_icon {
    margin-right:12px;
  }


}
@media (max-width:1024px) {

  .section--contact .left,
  .section--contact .right {
    flex:1 1 100%;
  }

  .section--contact .right {
    margin-left:0px;
    margin-top: 60px;
    padding:80px 40px;
  }

  .section--contact .right::after {
    width:100%;
    border-radius:0px;
  }

  .section--contact .table-box {
    padding-bottom:12px;
  }

  .section--contact .table-box:last-child {
    padding-bottom:24px;
  }

  .section--contact .table-box p {
    margin-bottom:6px;
  }

  .section--contact .info-menu {
    margin:-12px 0px;
  }

  .section--contact .info-menu li {
    padding:12px 0px;
  }

}
@media (max-height: 770px) {
  /* Contact */
  .section--contact .section-block {
    padding:70px 0px;
  }
  /* .section--contact .section-inner {
    padding:120px 0px;
  } */

  .section--contact .section-text {
    margin-bottom:40px;
  }

  .section--contact .right .section-title {
    margin-bottom:60px;
  }
}
@media (max-width:768px) {

  .section--contact .section-block {
    padding:70px 0px;
  }

  /* .section--contact .section-inner {
    padding:80px 0px;
  } */

  .section--contact .section-text {
    margin-bottom:30px;
  }

  .section--contact .table-box p {
    font-size:1.3rem;
  }

  .section--contact .table-box input,
  .section--contact .table-box textarea {
    font-size:1.3rem;
  }

  .section--contact .right {
    padding:60px 30px;
    margin-top:40px;
  }

  .section--contact .right .section-title {
    margin-bottom:40px;
  }

  .section--contact .info-menu {
    margin:-6px 0px;
  }

  .section--contact .info-menu li {
    padding:6px 0px;
  }

  .section--contact .info-menu span {
    font-size:1.3rem;
  }

  .section--contact .info-menu span.info_icon {
    margin-right:6px;
    width:20px;
    height:20px;
    background-size:auto 20px;
  }

}
@media (max-width:500px) {

}


/* Location */
.section--location {
  background-color: #f0f0f0;
}

.section--location .section-inner {
  height:100%;
}

.section--location .section-block {
  height:100%;
  /* padding:150px 0px; */
  padding:70px 0px 0px;
  overflow: hidden;
}

.section--location .location-map {
  position:relative;
  width:100%;
  height:560px;
  overflow: hidden;
}
@media (max-width:1200px) {

  .section--location .section-block {
    padding:70px 0px;
  }

  .section--location .location-map {
    height:420px;
  }

}
@media (max-width:1024px) {

}
@media (max-height: 770px) {
  .section--location .section-block {
    padding:70px 0px;
  }
}
@media (max-width:768px) {

  .section--location .section-block {
    padding:70px 0px;
  }

  .section--location .location-map {
    height:320px;
  }

}
@media (max-width:500px) {

}



@media (max-width:1200px) {

}
@media (max-width:1024px) {

}
@media (max-width:768px) {

}
@media (max-width:500px) {

}

.fp-watermark {
  display: none !important;
}

/* Popup */
#popup {
  position: absolute;
  min-width: 100%;

}

.popup-layer {
  z-index: 10000;
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
  animation: popup-fade .65s ease-in-out .35s forwards;
  opacity: 0;
  max-width:800px;
}

@keyframes popup-fade {
  0% { opacity: 0;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
}
.popup-layer__body {
  background: #fff;
}

.popup-layer__body img {
  display: block;
  margin: 0 auto;
  border: none;
  max-width: 100%;
}

.popup-layer__foot {
  background: #424242;
}

.popup-layer__foot ul {
  display:flex;
  flex-wrap: wrap;
}

.popup-layer__foot li {
  width:50%;
  padding:10px;
}

.popup-layer__foot li:first-child {
  padding-right:0;
}

.popup-layer__foot li:last-child {
  text-align: right;
}

.popup-layer__foot span {
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
  transition:all 0.3s ease;
}

.popup-layer__foot label:hover span { opacity: .7; }

/* .popup-layer-foot { background: #424242; }
.popup-layer-foot span { font-size: 15px; color: #fff; }
.popup-layer-foot label:hover span { opacity: .7; }
.popup-layer-foot li:first-child { padding-right: 0; }
.popup-layer-foot li:last-child { text-align: right; } */


@media (max-width: 1024px){
  /* .popup-layer { z-index: 999; } */
  .popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}
@media (max-width: 768px){

  .popup-layer {
    width:calc(100% - 10px);
  }

  .popup-layer img {
    max-width: none;
    width:100%;
    height: auto !important;
  }
  .popup-layer-foot span { font-size: 14px; }

}
@media (max-width: 375px){
  .popup-layer-foot li { width: 100%; }
  .popup-layer-foot li:last-child { text-align: left; }
}