.slider-demo-blog{width:100%;position:relative}.slick-slide{height:auto}.eyecatch-inner{width:100%}.topslide-slider{width:100%;margin:0;padding:0}.topslide-slider li{margin:0;border:solid 2px var(--main-color)}.topslide-slider li figure{width:100%;padding-top:75%;margin:0;position:relative;overflow:hidden}.topslide-slider li figure img{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;left:0}.indicators-inner{display:block;width:100%;position:absolute;bottom:10px;left:0}.indicators-slider{width:100%;margin:0;padding:0}.indicators-slider li{margin:0 5px;border:solid 2px var(--main-color)}.indicators-slider li figure{width:100%;padding-top:75%;margin:0;position:relative;overflow:hidden}.indicators-slider li figure img{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;left:0}@media(min-width:768px){.indicators-slider li figure{width:100%;padding-top:60%}.indicators-slider li{margin:0 10px}}.push-btn{width:100%;margin-bottom:20px}.push-btn>a{margin:0 auto;width:250px;height:50px;background:#6495ed;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:3px 3px 3px #c0c7d9;transition:all .3s}.push-btn>a:after{content:"\f138";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.push-btn>a:hover{transform:translate3d(3px,3px,3px);box-shadow:none}.push-btn2{width:100%;margin-bottom:20px}.push-btn2>a{margin:0 auto;box-sizing:border-box;width:250px;height:50px;background:#6495ed;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;border-bottom:solid 5px #c0c7d9;transition:all .3s}.push-btn2>a:after{content:"\f138";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.push-btn2>a:hover{transform:translate3d(0,3px,0);border:none;box-shadow:none}.gradient-btn{width:100%;margin-bottom:20px}.gradient-btn>a{margin:0 auto;width:250px;height:50px;background:linear-gradient(-225deg,#8fe0ff 20%,#d87093 90%);color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;box-shadow:3px 3px 3px #c0c7d9;border-radius:50px}.gradient-btn>a:after{content:"\f054";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:8%;top:50%;transform:translateY(-50%)}.gradient-btn>a:hover{transform:translate3d(3px,3px,3px);border:none;box-shadow:none}.opacity-btn{width:100%;margin-bottom:20px}.opacity-btn>a{margin:0 auto;width:250px;height:50px;background:#6495ed;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s}.opacity-btn>a:after{content:"\f138";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.opacity-btn>a:hover{opacity:.6}.brightness-btn{width:100%;margin-bottom:20px}.brightness-btn>a{margin:0 auto;width:250px;height:50px;background:#6495ed;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s}.brightness-btn>a:after{content:"\f138";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.brightness-btn>a:hover{filter:brightness(1.2)}.invert-btn{width:100%;margin-bottom:20px}.invert-btn>a{margin:0 auto;width:250px;height:50px;border:solid 3px #6495ed;color:#6495ed;background:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;overflow:hidden}.invert-btn>a:after{content:"\f054";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:8%;top:50%;transform:translateY(-50%)}.invert-btn>a:hover{background:#6495ed;color:#fff}.rightflow-btn{width:100%;margin-bottom:20px}.rightflow-btn>a{margin:0 auto;width:250px;height:50px;border:solid 3px #6495ed;color:#6495ed;background:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;overflow:hidden}.rightflow-btn>a>span{position:relative;z-index:1}.rightflow-btn>a:before{content:"";position:absolute;top:0;left:0;bottom:0;width:0;height:100%;transition:all .3s ease;background:#6495ed;color:#fff}.rightflow-btn>a:after{content:"\f138";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1}.rightflow-btn>a:hover{color:#fff}.rightflow-btn>a:hover:before{width:100%;opacity:1}.flowright-btn{width:100%;margin-bottom:20px}.flowright-btn>a{margin:0 auto;width:250px;height:50px;border:solid 3px #6495ed;color:#fff;background:#6495ed;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;overflow:hidden}.flowright-btn>a>span{position:relative;z-index:1}.flowright-btn>a:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;transition:all .3s ease;opacity:0;background:#fff;color:#6495ed}.flowright-btn>a:after{content:"\f138";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1}.flowright-btn>a:hover{color:#6495ed}.flowright-btn>a:hover:before{width:100%;opacity:1}.arrowmove-btn1{width:100%;margin-bottom:20px}.arrowmove-btn1>a{margin:0 auto;width:250px;height:50px;color:#fff;background:#6495ed;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;overflow:hidden;box-shadow:3px 3px 3px #c0c7d9}.arrowmove-btn1>a:after{content:"\f054";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:10%;top:50%;transform:translateY(-50%);transition:all .3s}.arrowmove-btn1>a:hover:after{right:5%}.arrowmove-btn2{width:100%;margin-bottom:20px}.arrowmove-btn2>a{margin:0 auto;width:250px;height:50px;color:#6495ed;background:#fff;border:solid 1px #6495ed;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;box-shadow:3px 3px 3px #c0c7d9}.arrowmove-btn2>a:before{content:"";position:absolute;top:50%;margin-top:2px;left:-34px;width:56px;border-top:1px solid #6495ed;transition:all .3s}.arrowmove-btn2>a:after{content:"";position:absolute;top:50%;margin-top:2px;left:18px;height:9px;margin-top:-5px;border-right:1px solid #6495ed;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s}.arrowmove-btn2>a:hover:before{transform:translateX(10px)}.arrowmove-btn2>a:hover:after{transform:translateX(10px) rotate(-45deg)}.arrowmove-btn3{width:100%;margin-bottom:20px}.arrowmove-btn3>a{margin:0 auto;width:250px;height:50px;color:#333;background:#d1e0fc;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;box-shadow:3px 3px 3px #c0c7d9}.arrowmove-btn3>a>span{padding-left:20px}.arrowmove-btn3>a:before{content:"";position:absolute;top:0;bottom:0;height:1px;margin:auto 0;background:#333;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;left:-30px;width:60px}.arrowmove-btn3>a:after{content:"";position:absolute;top:0;bottom:0;height:1px;margin:auto 0;background:#333;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;left:18px;width:0;transform:rotate(-140deg) translateX(-1.8em) translateY(1.55em);transform-origin:left bottom}.arrowmove-btn3>a:hover{transition:all ease .3s;filter:brightness(.9)}.arrowmove-btn3>a:hover:before{width:85px}.arrowmove-btn3>a:hover:after{width:10px}.gradient-btn2{width:100%;margin-bottom:20px}.gradient-btn2>a{margin:0 auto;width:250px;height:50px;color:#fff;background:0 0;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s;overflow:hidden;border-radius:50px;box-shadow:3px 3px 3px #c0c7d9;z-index:3}.gradient-btn2>a>span{position:relative;z-index:3}.gradient-btn2>a:before{content:'';width:100%;height:100%;background:linear-gradient(45deg,#a8c4fa 20%,#6495ed 80%);position:absolute;top:0;left:0;z-index:2;transition:all .5s}.gradient-btn2>a:after{content:'';width:100%;height:100%;background:linear-gradient(135deg,#a8c4fa 40%,#6495ed 90%);position:absolute;top:0;left:0;z-index:1}.gradient-btn2>a:hover:before{opacity:0}.indicators-slider2{width:80%;margin:0 auto;padding:0}.indicators-slider2 li{margin:0 5px;border:solid 2px var(--main-color)}.indicators-slider2 li figure{width:100%;padding-top:75%;margin:0;position:relative;overflow:hidden}.indicators-slider2 li figure img{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;left:0}.indicators-slider2 .slick-prev:before,.indicators-slider2 .slick-next:before{color:var(--main-color)}.arrow-slider-wrap .slick-prev:before{content:"\f053";font-family:"Font Awesome 5 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-weight:700}.arrow-slider-wrap .slick-next:before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-weight:700}@media(min-width:768px){.indicators-slider2 li{margin:0 10px}}.input-demo-blog{margin-bottom:40px}.input-demo-blog input[type=submit]{width:250px;height:50px;color:#fff;background:#6495ed;outline:none;border:none;box-shadow:3px 3px 3px #c0c7d9;font-size:16px;margin:0 auto}.input-demo-blog input[type=submit]:hover{transform:none}.input-demo-blog .arrowmove-btn1{margin-bottom:30px}.input-demo-blog .submit-wrap{width:100%;display:flex;justify-content:center;margin-bottom:30px}.input-demo-blog .submit-btn-wrap{display:inline-block;position:relative;transition:all .3s}.input-demo-blog .submit-btn-wrap:after{content:"\f054";font-weight:900;font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:10%;top:50%;transform:translateY(-50%);transition:all .3s;color:#fff}.input-demo-blog .submit-btn-wrap:hover:after{right:5%}.input-demo-blog .h2ttlpoint{margin-top:40px}.tbl-blog-server{width:100%;border-collapse:collapse}.tbl-blog-server thead{display:none}.tbl-blog-server tbody{width:100%;display:block}.tbl-blog-server tbody>tr{width:100%;display:block;margin-bottom:10px}.tbl-blog-server tbody>tr>th{width:100%;display:block;background:#c2ebf7;border-top:solid 1px #84a9f0;border-left:solid 1px #84a9f0;border-right:solid 1px #84a9f0;font-size:16px;font-weight:700}.tbl-blog-server tbody>tr>td{width:100%;display:block;border-top:solid 1px #84a9f0;border-left:solid 1px #84a9f0;border-right:solid 1px #84a9f0;font-size:16px}.tbl-blog-server tbody>tr>td:last-of-type{border-bottom:solid 1px #84a9f0}.tbl-blog-server dl{display:flex;flex-flow:row nowrap;width:100%;margin:0;padding:0;border:0}.tbl-blog-server dl>dt{border:0;margin:0;padding:0;width:50%;display:flex;align-items:center;font-weight:400}.tbl-blog-server dl>dd{border:0;margin:0;padding:0;width:50%;display:flex;align-items:center;font-weight:500}@media(min-width:768px){.tbl-blog-server thead{display:table-header-group}.tbl-blog-server thead>tr>th{background:#226bf3;color:#fff;border-right:solid 1px rgba(255,255,255,.5);border-left:solid 1px #84a9f0}.tbl-blog-server thead>tr>td{background:#226bf3;color:#fff;border-right:solid 1px rgba(255,255,255,.5)}.tbl-blog-server thead>tr>td:last-of-type{border-right:solid 1px #84a9f0}.tbl-blog-server tbody{width:100%;display:table-row-group}.tbl-blog-server tbody>tr{width:100%;display:table-row;margin-bottom:0}.tbl-blog-server tbody>tr>th{width:auto;display:table-cell;background:#c2ebf7;border-bottom:solid 1px #84a9f0;border-left:solid 1px #84a9f0;border-right:solid 1px #84a9f0;font-size:16px;font-weight:700}.tbl-blog-server tbody>tr>td{width:auto;display:table-cell;border-bottom:solid 1px #84a9f0;border-left:solid 1px #84a9f0;border-right:solid 1px #84a9f0;font-size:16px}.tbl-blog-server dl>dt{display:none}.tbl-blog-server dl>dd{width:100%}}@media(min-width:768px){.post-name-nth-child_nth-of-type .tbl-blog-server tbody>tr>th{width:40%}.post-name-nth-child_nth-of-type .tbl-blog-server tbody>tr>td{width:60%}}.blog-submit-test{display:flex;justify-content:center;align-items:center;width:250px;height:50px;background:#6495ed;color:#fff;border:none;font-size:20px;border-radius:5px;box-shadow:3px 3px 3px #aaa;transition:all .3s;margin:0 0 30px}.blog-submit-test:disabled{filter:brightness(.8);cursor:not-allowed}.blog-submit-test:active{transform:translate(3px,3px);box-shadow:none}.blog-submit-test:hover{filter:brightness(1.2)}.blog-submit-test2{display:flex;justify-content:center;align-items:center;width:250px;height:50px;background:#6495ed;color:#fff;border:none;font-size:20px;border-radius:5px;box-shadow:3px 3px 3px #aaa;transition:all .3s;margin:0 0 30px}.blog-submit-test2:active{transform:translate(3px,3px);box-shadow:none}.blog-submit-test2:hover{filter:brightness(1.2)}.blog-submit-test2:disabled{filter:brightness(.8);cursor:not-allowed;transform:translate(-3px,-3px);box-shadow:3px 3px 3px #aaa}.blog0513-demo1{position:relative;width:100%;height:300px;max-width:400px;margin:0 auto;border:solid 1px #999;overflow-y:hidden}.blog0513-sec{position:relative;z-index:10}.blog0513-sec>a{width:50%;float:left}.blog0513-sec>a>figure{width:100%;padding-top:75%;overflow:none;margin:0;position:relative}.blog0513-sec>a>figure>img{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;left:0}.blog0513-sec>a>figure>figcaption{width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.2);position:absolute;top:50%;left:0;transform:translateY(-50%)}.blog0513-sec>div>p{margin:0;line-height:2}.blog0513-demo1-modal{display:none;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:30}.blog0513-modal-wrap{display:block;width:50%;height:50%;position:relative;margin:0 auto;top:40%;transform:translateY(-50%)}.blog0513-demo1-close{width:45px;height:45px;background:rgba(0,0,0,.1);position:absolute;top:0;right:0;text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:30px}.blog0513-demo1-close:hover{text-decoration:none}.blog0513-modal-wrap>img{width:100%;height:auto}.blog0513-side{display:flex;justify-content:center;align-items:center;width:40px;height:150px;padding:20px 0;background:#6495ed;color:#fff;writing-mode:vertical-rl;border:solid #333 1px;border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;top:80px;right:8px;transition:all .3s;z-index:20}.blog0513-side:hover{filter:brightness(1.2);text-decoration:none;color:#fff}.blog0513-demo2{position:relative;width:100%;height:300px;max-width:400px;margin:0 auto;overflow-y:hidden}.blog0513-demo2 .blog0513-sec{z-index:10}.blog0513-demo2-modal{display:none;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:30}.blog0513-demo2-close{width:45px;height:45px;background:rgba(0,0,0,.1);position:absolute;top:0;right:0;text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:30px}.blog0513-demo2-close:hover{text-decoration:none}.blog0513-demo2 .blog0513-sec>.blog0513-side{display:flex;justify-content:center;align-items:center;width:40px;height:150px;padding:20px 0;background:#6495ed;color:#fff;writing-mode:vertical-rl;border:solid #333 1px;border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;top:80px;right:8px;z-index:20}.string-count-sec{width:100%}.string_words{margin-bottom:15px}.count_start{margin-bottom:15px}.count_start button{width:120px;height:35px;border:none;background:#6495ed;background:linear-gradient(-45deg,#6495ed 20%,#085bf6 90%);color:#fff;border-radius:5px;transition:all .3s}.count_start button:hover{filter:brightness(1.2)}.string_count_result{margin-bottom:40px}.tbl_string_count{width:100%}.tbl_string_count th{width:70%}.tbl_string_count td{width:30%}#output_count1:focus{outline:none;border:none;box-shadow:none}#output_count2:focus{outline:none;border:none;box-shadow:none}#output_count3:focus{outline:none;border:none;box-shadow:none}.googlemap{width:100%;padding-top:100%;overflow:hidden;position:relative}.googlemap iframe{width:100%;height:100%;position:absolute;top:0;left:0}@media(min-width:768px){.googlemap{width:100%;padding-top:75%}}.video-sample-inner{width:100%;height:0;max-width:600px;position:relative;margin:0 auto;padding-top:56.25%;overflow:hidden}.video-sample-inner video{width:100%;height:100%;position:absolute;top:0;left:0;display:none;cursor:pointer}.tbl-20240319blog{width:100%;max-width:calc(60px*8)}.tbl-20240319blog th{padding:0}.tbl-20240319blog td{padding:0}.tbl-20240319blog thead th{background:#cff;width:calc((100% - 60px)/7);border-right:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #999;text-align:center;max-width:60px}.tbl-20240319blog thead th:first-of-type{width:60px;height:60px;border-left:1px solid #999}.tbl-20240319blog tbody th{width:60px;height:60px;background:#ffc;text-align:center;border-bottom:1px solid #999;border-left:1px solid #999;border-right:1px solid #999}.tbl-20240319blog tbody td{border-bottom:1px solid #999;border-right:1px solid #999}.tbl-20240319blog2 thead th:first-of-type{background-image:linear-gradient(45deg,transparent 49%,#000 49%,#000 51%,transparent 51%,transparent)}