@charset "UTF-8";
.contact{position:relative;padding:60px 0 100px 0;width:100%;height:auto;min-height:800px;left:0;top:0;z-index:1}#contact-box1{margin-top:100px;margin-bottom:80px}#contact-content{position:relative;display:inline-block;width:410px;height:335px;max-width:100%}#contact-1{position:absolute;display:block;width:calc(53 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(0 / 335 * 100%);z-index:2}#contact-svg1{width:100%;height:auto}#contact-svg1 path{fill:url(#contact-svgcolor)}#contact-2{position:absolute;display:block;width:calc(408 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(31 / 335 * 100%);z-index:2}#contact-3{position:absolute;display:block;width:calc(203 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(147 / 335 * 100%);z-index:2}#contact-svg2{width:100%;height:auto}#contact-svg2 path{fill:url(#contact-svgcolor2)}#contact-4{position:absolute;display:block;width:calc(403 / 410 * 100%);left:calc(2 / 410 * 100%);top:calc(189 / 335 * 100%);z-index:2}.scrolltop{display:block;width:38px;height:49px;margin:70px auto 0 auto;background:url(/images/main/scrolltop.png) 0 0 no-repeat;background-repeat:no-repeat;background-size:contain}@media (max-width:767px){.scrolltop{position:absolute;width:32px;height:43px;left:50%;bottom:15px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media (max-width:479px){.contact{max-width:100%;height:auto;min-height:1px;padding:60px 0 100px 0}#contact-box1{margin-top:50px;margin-bottom:0}#contact-content{margin-left:0;height:auto}#contact-1{position:relative;width:15%;left:0;top:0;margin-bottom:15px}#contact-2{position:relative;width:90%;left:0;top:0}#contact-3{position:relative;width:60%;left:0;top:0;margin-top:-15px;margin-bottom:15px}#contact-4{position:relative;width:85%;left:0;top:0;margin-bottom:40px;margin-top:-10px}}
.bread-crumbs{position:fixed;width:100%;left:5px;top:60px;font-size:12px;letter-spacing:1.5px;z-index:10;opacity:0.4;transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9)}.bread-crumbs a{position:relative;color:#ffffff}.link,.link:hover,.link:active,.link:focus{color:#ffffff;font-size:13px;letter-spacing:1px}#step1{height:100vh;min-height:800px}#step1-box{position:relative;width:802px;max-width:100%;height:100%;margin:0 auto}#step1-content{position:absolute;width:100%;padding-top:calc(624 / 802 * 100%);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step1-content div{position:absolute;-webkit-transition:All 0.3s linear;-moz-transition:All 0.3s linear;-o-transition:All 0.3s linear;transition:All 0.3s linear}.step1-1{width:calc(495 / 802 * 100%);left:calc(174 / 802 * 100%);top:calc(50 / 624 * 100%);z-index:2}.step1-2{width:calc(587 / 802 * 100%);left:calc(92 / 802 * 100%);top:calc(48 / 624 * 100%);z-index:3}.step1-3{width:calc(395 / 802 * 100%);left:calc(92 / 802 * 100%);top:calc(198 / 624 * 100%);z-index:4}.step1-4{width:calc(262 / 802 * 100%);left:calc(457 / 802 * 100%);top:calc(239 / 624 * 100%);z-index:5}.step1-4-xs{display:none}.step1-5{width:calc(652 / 802 * 100%);left:calc(92 / 802 * 100%);top:calc(341 / 624 * 100%);z-index:6}.step1-6{width:calc(94 / 802 * 100%);left:calc(523 / 802 * 100%);top:calc(343 / 624 * 100%);z-index:6}.step1-hexagonal-1{width:calc(76 / 802 * 100%);left:calc(45 / 802 * 100%);top:calc(0 / 624 * 100%);opacity:0.5;z-index:1}.step1-hexagonal-2{width:calc(35 / 802 * 100%);left:calc(32 / 802 * 100%);top:calc(71 / 624 * 100%);opacity:1;z-index:1}.step1-hexagonal-3{width:calc(76 / 802 * 100%);left:calc(43 / 802 * 100%);top:calc(101 / 624 * 100%);opacity:0.2;z-index:1}.step1-hexagonal-4{width:calc(76 / 802 * 100%);left:calc(0 / 802 * 100%);top:calc(170 / 624 * 100%);opacity:0.1;z-index:1}.step1-hexagonal-5{width:calc(76 / 802 * 100%);left:calc(744 / 802 * 100%);top:calc(377 / 624 * 100%);opacity:0.5;z-index:1}.step1-hexagonal-6{width:calc(76 / 802 * 100%);left:calc(705 / 802 * 100%);top:calc(446 / 624 * 100%);opacity:0.2;z-index:1}.step1-hexagonal-7{width:calc(35 / 802 * 100%);left:calc(786 / 802 * 100%);top:calc(474 / 624 * 100%);opacity:0.5;z-index:1}.step1-hexagonal-8{width:calc(76 / 802 * 100%);left:calc(747 / 802 * 100%);top:calc(512 / 624 * 100%);opacity:0.1;z-index:1}.step1-link{position:absolute;padding-left:20px;width:calc(610 / 802 * 100%);left:calc(110 / 802 * 100%);top:calc(493 / 624 * 100%);z-index:7}.step1-link i{position:absolute;left:0;top:3px}#step1 .scrolldown{position:absolute;left:calc(385 / 802 * 100%);top:calc(567 / 624 * 100%);z-index:8}.select-down{position:relative;z-index:3}.select-group{position:relative}.select-link{display:block;color:#ffffff;font-size:13px;letter-spacing:1px;border-bottom:1px solid #b200008f;padding:10px}.select-link i{float:right;padding-top:5px}.select-link:hover,.select-link:active,.select-link:focus,.select-link.active{color:#ffffff;background-color:#b200008f}.select-option{position:absolute;top:100%;left:0;width:100%;height:0;list-style:none;padding:0;margin:0;overflow-y:scroll;background-color:#dddddd;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.select-option::-webkit-scrollbar{width:5px}.select-option::-webkit-scrollbar-track{background-color:none;border-left:0px}.select-option::-webkit-scrollbar-thumb{background-color:#A8A8A8}.select-option::-webkit-scrollbar-thumb:hover{background-color:#A8A8A8}.select-option.active{height:345px}.select-option a{display:block;width:100%;padding:10px;color:#434343;font-size:13px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option a:hover,.select-option a:active,.select-option a:focus{color:#000000;background-color:#ffffff}.list-content{position:relative;width:100%;margin-top:15px;padding-bottom:60px}.list-line{position:absolute;width:1px;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);background-color:#cccccc;background-color:rgba(255,255,255,0.3);z-index:2;overflow:hidden}.list-lineW{position:absolute;content:' ';width:1px;height:0;left:0;top:0;z-index:1;background-color:#ffffff}.grid-textGroup .grid-more{position:absolute;font-size:13px;color:#eeeeef;letter-spacing:1px;margin-top:15px;right:0}.grid-textGroup .grid-more i{font-size:16px;padding-right:5px}#step2-box{position:relative;width:802px;max-width:100%;margin:0}#step2-content{position:relative;width:100%;padding-top:calc(624 / 802 * 100%)}#step2-content div{position:absolute;-webkit-transition:All 0.3s linear;-moz-transition:All 0.3s linear;-o-transition:All 0.3s linear;transition:All 0.3s linear}.list-loading{display:block;width:53px;margin:40px auto}.list-loading img{width:100%}
@media (min-width:480px){#step11-content{position:absolute;width:100%;left:0;top:calc(50% - 70px);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;text-align:center}#step2-content .step1-hexagonal-1{width:calc(95 / 802 * 100%);left:calc(20 / 802 * 100%);top:calc(-100 / 624 * 100%);opacity:0.5;z-index:1}#step2-content .step1-hexagonal-2{width:calc(45 / 802 * 100%);left:calc(7 / 802 * 100%);top:calc(-10 / 624 * 100%);opacity:1;z-index:1}#step2-content .step1-hexagonal-3{width:calc(95 / 802 * 100%);left:calc(18 / 802 * 100%);top:calc(30 / 624 * 100%);opacity:0.2;z-index:1}#step2-content .step1-hexagonal-4{width:calc(95 / 802 * 100%);left:calc(-25 / 802 * 100%);top:calc(120 / 624 * 100%);z-index:1;opacity:0.1}#step2-content .step1-hexagonal-5{width:calc(95 / 802 * 100%);left:calc(673 / 802 * 100%);top:calc(420 / 624 * 100%);opacity:0.5;z-index:1}#step2-content .step1-hexagonal-6{width:calc(95 / 802 * 100%);left:calc(625 / 802 * 100%);top:calc(504 / 624 * 100%);opacity:0.2;z-index:1}#step2-content .step1-hexagonal-7{width:calc(35 / 802 * 100%);left:calc(726 / 802 * 100%);top:calc(553 / 624 * 100%);opacity:0.5;z-index:1}#step2-content .step1-hexagonal-8{width:calc(95 / 802 * 100%);left:calc(675 / 802 * 100%);top:calc(587 / 624 * 100%);opacity:0.1;z-index:1}}@media screen and (min-width:768px){.grid{position:relative;z-index:1}.grid-item{position:relative;margin-bottom:120px}.grid-img{position:relative;z-index:1}.grid-img:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;background:#4d4d4d;z-index:1;opacity:0.45}.grid-img:after{position:absolute;content:"";width:100%;height:50%;left:0;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.27) 31%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.27) 31%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.27) 31%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 );-webkit-filter:blur(3px);-moz-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);z-index:-1;opacity:0.3}.grid-img img{width:100%}.grid-textGroup{position:absolute;z-index:2}.grid-text{font-size:26px;font-weight:bold;letter-spacing:2px;line-height:110%;color:#ffffff;margin:0 0 10px 0}.grid-line{width:16px;height:2px;background-color:#ffffff;margin:0 0 10px 3px}.grid-content{font-size:13px;letter-spacing:1px;line-height:150%;color:#ffffff;opacity:0.6;max-height:95px;overflow:hidden}.fadeGroup:nth-child(4n+1) .grid-img{transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-webkit-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-moz-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-o-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-ms-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0)}.fadeGroup:nth-child(4n+1) .grid-img:after{transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);-moz-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);-o-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px)}.fadeGroup:nth-child(4n+1) .grid-textGroup{width:45%;right:0;top:85%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}@-webkit-keyframes TranslateAfterLeft{0%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);transform:rotate(0deg) scale(1) skew(0deg) translateX(0px)}100%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px)}}@keyframes TranslateAfterLeft{0%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);transform:rotate(0deg) scale(1) skew(0deg) translateX(0px)}100%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px);transform:rotate(0deg) scale(1) skew(0deg) translateX(-35px)}}.fadeGroup.animated:nth-child(4n+1) .grid-img:after{-webkit-animation-name:TranslateAfterLeft;animation-name:TranslateAfterLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0.5s}@-webkit-keyframes TranslateTextLeft{0%{opacity:0;-webkit-transform:translate(20px,-50%);transform:translate(20px,-50%)}100%{opacity:1;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}}@keyframes TranslateTextLeft{0%{opacity:0;-webkit-transform:translate(20px,-50%);-ms-transform:translate(20px,-50%);transform:translate(20px,-50%)}100%{opacity:1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}}.fadeGroup.animated:nth-child(4n+1) .grid-textGroup{-webkit-animation-name:TranslateTextLeft;animation-name:TranslateTextLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1s}.fadeGroup:nth-child(4n+2) .grid-img{float:right;transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-webkit-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-moz-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-o-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-ms-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0)}.fadeGroup:nth-child(4n+2) .grid-img:after{transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);-moz-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);-o-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px)}.fadeGroup:nth-child(4n+2) .grid-textGroup{width:45%;left:0;top:85%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}@-webkit-keyframes TranslateAfterRight{0%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);transform:rotate(0deg) scale(1) skew(0deg) translateX(0px)}100%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);transform:rotate(0deg) scale(1) skew(0deg) translateX(35px)}}@keyframes TranslateAfterRight{0%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);transform:rotate(0deg) scale(1) skew(0deg) translateX(0px)}100%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(35px);transform:rotate(0deg) scale(1) skew(0deg) translateX(35px)}}.fadeGroup.animated:nth-child(4n+2) .grid-img:after{-webkit-animation-name:TranslateAfterRight;animation-name:TranslateAfterRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0.5s}@-webkit-keyframes TranslateTextRight{0%{opacity:0;-webkit-transform:translate(-20px,-50%);transform:translate(-20px,-50%)}100%{opacity:1;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}}@keyframes TranslateTextRight{0%{opacity:0;-webkit-transform:translate(-20px,-50%);-ms-transform:translate(-20px,-50%);transform:translate(-20px,-50%)}100%{opacity:1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}}.fadeGroup.animated:nth-child(4n+2) .grid-textGroup{-webkit-animation-name:TranslateTextRight;animation-name:TranslateTextRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1s}.fadeGroup:nth-child(4n+3) .grid-img{transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-webkit-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-moz-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-o-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0);-ms-transform:rotateX(0deg) scale(1) skew(0deg) translate3d(0,0,0)}.fadeGroup:nth-child(4n+3) .grid-img:after{transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);-moz-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);-o-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px)}.fadeGroup:nth-child(4n+3) .grid-textGroup{width:70%;right:0;top:110%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}@-webkit-keyframes TranslateAfterLeft3{0%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);transform:rotate(0deg) scale(1) skew(0deg) translateX(0px)}100%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px)}}@keyframes TranslateAfterLeft3{0%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(0px);transform:rotate(0deg) scale(1) skew(0deg) translateX(0px)}100%{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);-ms-transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px);transform:rotate(0deg) scale(1) skew(0deg) translateX(-50px)}}.fadeGroup.animated:nth-child(4n+3) .grid-img:after{-webkit-animation-name:TranslateAfterLeft3;animation-name:TranslateAfterLeft3;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0.5s}.fadeGroup.animated:nth-child(4n+3) .grid-textGroup{-webkit-animation-name:TranslateTextLeft;animation-name:TranslateTextLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1s}#step2-box{margin:60px auto 0 -80px}}@media screen and (min-width:992px){.bread-crumbs{left:20px;width:15px}.bread-crumbs{}.bread-crumbs a{display:block}.bread-crumbs a+a{padding-top:30px}.bread-crumbs a+a:before{position:absolute;content:"";width:7px;height:7px;left:3px;top:12px;background:url(/images/common_icon/bread-icon.png) center no-repeat;-webkit-background-size:contain;background-size:contain}.grid-item{margin-bottom:80px}.grid-text{font-size:28px;margin:0 0 20px 0}.grid-line{margin:0 0 20px 3px}.fadeGroup:nth-child(4n+1) .grid-textGroup{width:43%;top:50%}.fadeGroup:nth-child(4n+2) .grid-textGroup{width:43%;top:50%}.fadeGroup:nth-child(4n+3) .grid-textGroup{width:43%;top:97%}}@media screen and (max-width:991px){.bread-crumbs a+a{padding-left:30px}.bread-crumbs a+a:before{position:absolute;content:"";width:7px;height:7px;left:12px;top:5px;background:url(/images/common_icon/bread-icon.png) center no-repeat;-webkit-background-size:contain;background-size:contain}}@media screen and (max-width:767px){.grid-img{position:relative}.grid-img:after{position:absolute;content:"";width:90%;height:50%;left:50%;bottom:-15px;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 51%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 51%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 51%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#00000000',GradientType=1 );-webkit-filter:blur(3px);-moz-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:-1}.grid-img img{width:100%}.grid-textGroup{display:block;clear:both}.grid-text{font-size:21px;font-weight:bold;color:#ffffff;letter-spacing:1.5px;line-height:120%;text-align:center;margin:0;padding:15px 0 10px 0}.grid-textGroup .grid-more{margin:0}.fadeGroup.animated{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;padding-bottom:40px}}@media (max-width:767px){#step1{padding:0}.step1-1{width:calc(600 / 802 * 100%);left:calc(146 / 802 * 100%);top:calc(-55 / 624 * 100%);z-index:2}}@media (max-width:479px){#step1{max-width:100%;min-height:500px}#step1-content{padding-top:calc(435 / 320 * 100%)}.step1-1{width:calc(267 / 320 * 100%);left:calc(44 / 320 * 100%);top:calc(51 / 435 * 100%)}.step1-2{width:calc(258 / 320 * 100%);left:calc(20 / 320 * 100%);top:calc(89 / 435 * 100%)}.step1-3{width:calc(173 / 320 * 100%);left:calc(21 / 320 * 100%);top:calc(156 / 435 * 100%)}.step1-4{display:none}.step1-4-xs{display:block;width:calc(153 / 320 * 100%);left:calc(154 / 320 * 100%);top:calc(159 / 435 * 100%);z-index:5}.step1-5{width:calc(291 / 320 * 100%);left:calc(17 / 320 * 100%);top:calc(224 / 435 * 100%)}.step1-6{width:calc(49 / 320 * 100%);left:calc(207 / 320 * 100%);top:calc(221 / 435 * 100%)}.step1-hexagonal-1{width:calc(58 / 320 * 100%);left:calc(12 / 320 * 100%);top:calc(1 / 435 * 100%)}.step1-hexagonal-2{width:calc(26.5 / 320 * 100%);left:calc(2 / 320 * 100%);top:calc(55 / 435 * 100%)}.step1-hexagonal-3{width:calc(58 / 320 * 100%);left:calc(11 / 320 * 100%);top:calc(78 / 435 * 100%)}.step1-hexagonal-4{width:calc(58 / 320 * 100%);left:calc(-22 / 320 * 100%);top:calc(130 / 435 * 100%)}.step1-hexagonal-5{width:calc(58 / 320 * 100%);left:calc(261 / 320 * 100%);top:calc(267 / 435 * 100%)}.step1-hexagonal-6{width:calc(58 / 320 * 100%);left:calc(232 / 320 * 100%);top:calc(320 / 435 * 100%)}.step1-hexagonal-7{width:calc(26.5 / 320 * 100%);left:calc(293 / 320 * 100%);top:calc(341 / 435 * 100%)}.step1-hexagonal-8{width:calc(57 / 320 * 100%);left:calc(263 / 320 * 100%);top:calc(370 / 435 * 100%)}.step1-link{width:calc(290 / 320 * 100%);left:calc(18 / 320 * 100%);top:calc(305 / 435 * 100%)}.step1-link span{display:block}#step1 .scrolldown{left:calc(134 / 320 * 100%);top:calc(372 / 435 * 100%)}#step2-content{padding-top:calc(435 / 320 * 100%)}}