body {overflow-x: hidden; }
@keyframes spin {from {transform: rotate(360deg); } to {transform: rotate(0deg); }}
.sec1 {padding-bottom: 60px; }
@media only screen and (max-width: 960px) {.sec1 {padding-bottom: 200px; }}
.sec1 .type_menu {display: flex;justify-content: center;border-bottom: 1px solid #d0d2d6; }
.sec1 .type_menu a:nth-child(1) p {margin-left: -15px; }
.sec1 .type_menu a:nth-child(3) p {margin-left: -35px; }
.sec1 .type_menu a:nth-child(5) p {margin-left: -10px; }
.sec1 .type_menu span {display: block;width: 1px;height: 80px;background: #d0d2d6;margin: 0px 80px;margin-top: 25px; }
@media only screen and (max-width: 915px) {.sec1 .type_menu span {margin: 0px 40px;margin-top: 25px; }}
.sec1 .type_menu a {background-repeat: none;background-size: cover;width: 50px;height: 50px;display: block;margin-top: 20px; }
@media only screen and (max-width: 915px) {.sec1 .type_menu a {margin-top: 25px; }}
.sec1 .sec1_wrap {padding: 0px 10px 0px 10px; }
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap {padding: 50px 0px 30px 0px; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap {padding: 50px 0px 30px 0px; }}
.sec1 .sec1_wrap .sec1_inner {display: flex; }
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner {padding: 0px 10px;flex-flow: column; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner {padding: 0px 10px;flex-flow: column; }}
.sec1 .sec1_wrap .sec1_inner .contents1 {padding-top: 100px;width: 30%;border-right: 1px solid #d0d2d6;margin-right: 50px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents1 {padding-top: 0px;border-right: 0px;width: 100%; }}
.sec1 .sec1_wrap .sec1_inner .contents1 p {margin-bottom: 30px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents1 p {margin-bottom: 10px; }}
.sec1 .sec1_wrap .sec1_inner .contents1 .btn_box .line_btn {border: 1px solid #56b2d8;background: #fff;margin-bottom: 15px;display: block;color: #56b2d8; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents1 .btn_box .line_btn {display: inline; }}
.sec1 .sec1_wrap .sec1_inner .contents1 .btn_box .line_btn_gray {border: 1px solid #7a848f;background: #fff;margin-bottom: 15px;display: block;color: #7a848f; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents1 .btn_box .line_btn_gray {display: inline; }}
.sec1 .sec1_wrap .sec1_inner .contents2 {margin-top: 100px;width: 60%; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 {margin-top: 40px;width: 100%; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .circle {background-color: #2891ca;background-image: -moz-linear-gradient #2891ca, #56b2d8;background-image: -webkit-linear-gradient(#2891ca, #56b2d8);background-image: -o-linear-gradient(#2891ca, #56b2d8);background-image: -ms-linear-gradient(#2891ca, #56b2d8);width: 250px;height: 250px;border-radius: 50%;position: relative;right: -400px;top: 120px;margin-bottom: 150px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .circle {transform: translateX(-50%);right: 0px;left: 50%; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .circle .computer {position: absolute;right: -80px;top: -100px;width: 400px;height: 300px;display: block; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .circle .computer {transform: translateX(-50%);right: 0px;left: 50%; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate {width: 650px;height: 650px;border-radius: 50%;border: 1px dotted #d0d2d6;position: absolute;top: 380px;left: 80%; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .rotate {display:none; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .rotate {top: 600px;left: 80%;  }}
@media only screen and (max-width: 960px) {.sec1 .sec1_wrap .sec1_inner .contents2 .rotate {left: 80%; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate img {margin-top: 170px;margin-left: 180px;display: block; }
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate .rotate2 {width: 450px;height: 450px;border: 1px solid #56b2d8;border-radius: 50%;position: absolute;top: 16%;left: 16%;transform: translate(-50%, -50%);animation: spin 50s infinite linear; }
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate .rotate2 .circle {background-color: #2891ca;background-image: -moz-linear-gradient #2891ca, #56b2d8;background-image: -webkit-linear-gradient(#2891ca, #56b2d8);background-image: -o-linear-gradient(#2891ca, #56b2d8);background-image: -ms-linear-gradient(#2891ca, #56b2d8);width: 10px;height: 10px;border-radius: 50%;position: absolute; }
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate .rotate2 .circle:nth-of-type(1) {top: -5px;left: 220px; }
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate .rotate2 .circle:nth-of-type(2) {top: 300px;left: 10px; }
.sec1 .sec1_wrap .sec1_inner .contents2 .rotate .rotate2 .circle:nth-of-type(3) {top: 405px;left: 346px; }
.sec1 .sec1_wrap .sec1_inner .contents2 .top {display: flex;justify-content: space-between; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .top {flex-flow: column; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .top .title {display: flex;font-weight: 500; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .top .title {justify-content: space-between; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .top .title h4 {color: #56b2d8; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .top .title h4 {width: 200px;line-height: 1.5em; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .top .title .btn {margin: -10px 0px 0px 30px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .top .title .btn {margin: 0px; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .top .export {text-align: right;margin-top: 15px; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .top .export .btn {padding: 0px;height: 50px;background: transparent; }
/*Try it : email*/.contents2 .tryit_wrap{background:#eff3f7; width:100%; position:relative; border-radius:5px; margin-top:20px; border:1px solid #dae3e8; display:none;}
.contents2 .tryit_wrap .tryit_inner{padding:30px;}
@media only screen and (max-width: 480px){.contents2 .tryit_wrap .tryit_inner{padding:10px;}}
.contents2 .tryit_wrap .tryit_inner .title{display:flex; justify-content:space-between}
.contents2 .tryit_wrap .tryit_inner .title h4{line-height:1.5em;}
.contents2 .tryit_wrap .tryit_inner .title .close_btn{margin-top:-5px; cursor:pointer;  display:block; width:30px; height:30px;}
.contents2 .tryit_wrap .tryit_inner .title .close_btn>div{transform:rotate(45deg); margin:20px; margin-top:0px;}
.contents2 .tryit_wrap .tryit_inner .title .close_btn div span:first-child{width:3px; height:30px; background:#4f555c; display:block;}
.contents2 .tryit_wrap .tryit_inner .title .close_btn div span:nth-child(2){width:30px; height:3px; background:#4f555c; display:block; margin:-16px -15px 0 -14px;}
.contents2 .tryit_wrap .tryit_inner .input{padding:10px 0; margin:20px 0; border-bottom:1px solid #dae3e8;}
.contents2 .tryit_wrap .tryit_inner .input label{margin-left:0px; margin-right:15px;}
.contents2 .tryit_wrap .tryit_inner .input ::-webkit-input-placeholder{color:#e6e6e6;}
.contents2 .tryit_wrap .tryit_inner .input ::-moz-placeholder{color:#e6e6e6;}
.contents2 .tryit_wrap .tryit_inner .input :-ms-input-placeholder{color:#e6e6e6;}
.contents2 .tryit_wrap .tryit_inner .input :-moz-placeholder{color:#e6e6e6;}
.contents2 .tryit_wrap .tryit_inner .request{display:flex; margin-bottom:20px;}
.contents2 .tryit_wrap .tryit_inner .request p{padding-top:10px;}
.contents2 .tryit_wrap .tryit_inner .request .btn{margin-left:15px;}
.contents2 .tryit_wrap .tryit_inner .request .btn a{padding-top:15px; display:block;}
.contents2 .tryit_wrap .tryit_inner .result{line-height:1.5em;}
.contents2 .tryit_wrap .tryit_inner .strong{font-weight:bold; color:#6c747e;}
.sec1 .sec1_wrap .sec1_inner .contents2 .txt {margin-top: 30px; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt h4 {margin-bottom: 15px;font-weight: 500;line-height: 2em; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt .strong {font-weight: bold;margin-top: 20px; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt table {margin-top: 10px;margin-bottom: 30px;background: #fff;border-bottom: 1px solid #d0d2d6;line-height: 1.8em; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr {text-align: center; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr td {border-bottom: 1px solid #ebecef; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr .btn {margin-top: 20px;margin-bottom: 20px;padding: 0px 20px !important; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr .btn {padding: 0px 10px !important; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr:first-child {border-top: 1px solid #d0d2d6;border-bottom: 2px solid #d0d2d6; }
.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr:first-child th {font-size: 1.1em;padding: 15px 50px;vertical-align: middle; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr:first-child th {padding: 15px 35px; }}
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents2 .txt table tr:first-child th {padding: 10px; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .flex {display: flex;justify-content: space-between; }
.sec1 .sec1_wrap .sec1_inner .contents2 .flex img {display: block;animation: spin 30s infinite linear; }
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents2 .flex img {display: none; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .flex img {margin-right: -120px; }}
.sec1 .sec1_wrap .sec1_inner .contents2 .last {margin-top: 30px;margin-bottom: 50px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents2 .last {flex-flow: row; }}