.back-to-position {
  opacity: 0;
  transition: 1s;
}
.back-to-position.to-right {
  transform: translateX(-150px);
}
.back-to-position.to-left {
  transform: translateX(150px);
}
.back-to-position.to-bottom {
  transform: translateY(150px);
}

.show .back-to-position {
  opacity: 1;
  transform: translate(0);
}
.show .back-to-position.delay-0 {
  transition-delay: 0s;
}
.show .back-to-position.delay-1 {
  transition-delay: 0.3s;
}
.show .back-to-position.delay-2 {
  transition-delay: 0.6s;
}
.show .back-to-position.delay-3 {
  transition-delay: 0.9s;
}

/* max-width 1366px */
@media (max-width: 1366px) {
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 {
    font-size: 4rem;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 p:nth-child(3) {
    font-size: 1.4rem;
  }
  #wrap .G_boxes {
    margin-top: -4px;
    max-width: 100%;
  }
  #wrap .G_boxes .fixbox {
    width: 33.333%;
    height: 13rem;
    padding: 2.5rem 0 0 2.5rem;
  }
  #wrap .G_boxes .fixbox .fixbox_titBox {
    height: 5rem;
  }
  #wrap .G_boxes .fixbox .fixbox_titBox .fixbox_bigTit h2 {
    font-size: 1.2rem;
  }
  #wrap .G_boxes .fixbox .fixbox_cnt p {
    font-size: 1rem;
  }
  #wrap section .section1 .intro_main .mockup_dt_txt span {
    display: inline-block;
    font-size: 1rem;
    white-space: inherit;
    margin-bottom: 10px;
  }
  #wrap section .section2 .business_area h2 p {
    font-size: 2.2rem;
  }
  #wrap section .section2 .business_area .business_main .business_tab_list ul li {
    width: 20%;
  }
  #wrap section .section2 .business_area .business_main .business_tab_cnt {
    margin: auto;
  }
  #wrap section .section2 .business_area .business_main .business_tab_cnt .tab_cnt {
    width: 612px;
  }
  #wrap section .section2 .business_area .business_main .business_tab_cnt .tab_cnt .tab_box {
    margin: 0 28px 25px 0;
  }
  #wrap section .section2 .business_area .business_main .business_tab_cnt .tab_cnt .tab_box:nth-child(2n) {
    margin-right: 0px;
  }
  #wrap section .section3 {
    display: block;
  }
  #wrap section .section3 .dragBox_left {
    width: calc(100% - 100px);
    margin-left: auto;
  }
  #wrap section .section3 .dragBox_left .example_tab {
    padding-bottom: 4%;
  }
  #wrap section .section3 .dragBox_left .example_tab ul {
    display: flex;
  }
  #wrap section .section3 .dragBox_left .example_tab ul li:nth-child(1) {
    margin-right: 16px;
  }
  #wrap section .section3 .dragBox_right {
    width: calc(100% - 100px);
  }
  #wrap section .section4 .partner_tit h2 p {
    font-size: 2.5rem;
  }
  #wrap section .section5 .inquiryBox,
  #wrap section .section5 .helpBox {
    width: 50%;
    padding: 8% 2% 10% 4%;
  }
}
/* max-width 1024px */
@media (max-width: 1024px) {
  #wrap main header nav .main-menu {
    visibility: hidden;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 {
    font-size: 3.5rem;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 p:nth-child(3) {
    font-size: 1.4rem;
  }
  #wrap .section3 {
    display: block;
  }
  #wrap .section3 .dragBox_left {
    width: 100%;
    padding: 0 0 4% 10%;
  }
  #wrap .section3 .dragBox_left .example_tab .tab_list {
    display: flex;
    align-items: center;
  }
  #wrap .section3 .dragBox_left .example_tab .tab_list li:first-child {
    margin-right: 19px;
  }
  #wrap .section3 .dragBox_right {
    width: 91%;
  }
}
/* max-width 910px */
@media (max-width: 910px) {
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 {
    font-size: 2rem;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 p:nth-child(3) {
    font-size: 1.4rem;
  }
  #wrap main .swiper-container .scrollDown .scrollDown_bar {
    height: 6em;
  }
  #wrap section .section1 .intro_main {
    display: block;
    padding: 10% 0 5%;
    height: 70vh;
  }
  #wrap section .section1 .intro_main .intro_mockup {
    width: 50%;
    height: 55%;
    margin: auto;
  }
  #wrap section .section1 .intro_main .mockup_dt_txt {
    width: 80%;
    padding: 0 10%;
  }
  #wrap section .section1 .intro_main .mockup_dt_txt h3 {
    font-size: 2rem;
  }
  #wrap section .section2 .business_area h2 p {
    font-size: 1.8rem;
  }
  #wrap section .section2 .business_area .business_area_subTit p {
    font-size: 1rem;
  }
}
/* max-width 414px */
@media (max-width: 320px) and (max-width: 770px) {
  #wrap main header .logo {
    padding: 15px 0 0 8%;
  }
  #wrap main .swiper-container {
    max-height: 600px;
    min-height: 600px;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox {
    left: 12%;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 {
    font-size: 7.5vw;
  }
  #wrap main .swiper-container .swiper-wrapper .swiper-slide .txtbox h3 p:nth-child(3) {
    font-size: 3.5vw;
  }
  #wrap main .swiper-container .controller {
    top: 59%;
    left: 14%;
  }
  #wrap main .swiper-container .scrollDown {
    left: -16%;
  }
  #wrap .G_boxes {
    display: block;
  }
  #wrap .G_boxes .fixbox {
    width: 100%;
    padding: 55px 0 0 56px;
  }
  #wrap section .section1 .intro_GT {
    padding: 100px 0 250px 0;
  }
  #wrap section .section1 .intro_GT h2 {
    display: block;
    font-size: 2.8rem;
    margin-right: 0;
  }
  #wrap section .section1 .intro_GT h2 p {
    font-size: 2rem;
  }
  #wrap section .section1 .intro_GT p {
    font-size: 0.8rem;
  }
  #wrap section .section1 .intro_main {
    display: block;
    height: 500px;
  }
  #wrap section .section1 .intro_main .intro_mockup {
    position: absolute;
    width: 100%;
    margin: -27% 0 0 0;
  }
  #wrap section .section1 .intro_main .intro_mockup .mockup_img {
    width: 50vw;
  }
  #wrap section .section1 .intro_main .intro_mockup .mockup_img .mockup_txt .passion {
    font-size: 11.4583vw;
  }
  #wrap section .section1 .intro_main .intro_mockup .mockup_img .mockup_txt .change {
    font-size: 10.1563vw;
  }
  #wrap section .section1 .intro_main .intro_mockup .mockup_img .mockup_txt .challenge {
    font-size: 9.0938vw;
    transform: translate(99%, 522%);
  }
  #wrap section .section1 .intro_main .intro_mockup .mockup_img .mockup_txt .smart {
    font-size: 6.125vw;
  }
  #wrap section .section1 .intro_main .mockup_dt_txt {
    position: absolute;
    width: 100%;
    margin: 40% 0 0 0;
  }
  #wrap section .section1 .intro_main .mockup_dt_txt h3 {
    font-size: 2rem;
  }
}/*# sourceMappingURL=reaction.css.map */