@charset "UTF-8";
main{overflow: hidden;}
#bannerScroll{text-align: center; transform: translateY(-26px); position: relative; z-index: 2;}
#bannerScroll a{background-position: center;background-repeat: no-repeat;background-size: contain;text-decoration: none;color: #004095;font-size: 26px;font-weight: bold;display: inline-block;width: 185px;height: 55px;line-height: 55px;
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20327.86%2097%22%3E%3Cpath%20d%3D%22m320.2%2C97H7.67c-2.96%2C0-5.25-1.2-6.53-3.14-1.27-1.94-1.53-4.63-.51-7.59l13-37.76L26.63%2C10.74c1.02-2.96%2C2.92-5.65%2C5.15-7.59%2C2.22-1.94%2C4.76-3.14%2C7.14-3.14h250.02c2.37%2C0%2C4.92%2C1.2%2C7.14%2C3.14%2C2.23%2C1.94%2C4.13%2C4.63%2C5.15%2C7.59l13%2C37.76%2C13%2C37.76c1.02%2C2.96.76%2C5.65-.51%2C7.59-1.28%2C1.94-3.56%2C3.14-6.53%2C3.14Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");}
.btn_search{background-color: #4F66FF;color: #FFFFFF;width: 100%;border: none;border-radius: 25px;width: 180px;position: relative;text-indent: 35px;}
.search_job::before,.search_location::before,.search_keyword::before,.btn_search::before{content: "";display: block;width: 31px;height: 38px;position: absolute;left: 30px;top: 5px;background-position: center;background-repeat: no-repeat;background-size: contain;pointer-events: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2015.7%2019.2%22%20style%3D%22enable-background%3Anew%200%200%2015.7%2019.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%230071A0%3Bstroke-width%3A0.622%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cg%3E%0A%09%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M9.7%2C9.4l0.6%2C2l2.9%2C0.8c1.2%2C0.4%2C2.1%2C1.5%2C2.1%2C2.8v3.4c0%2C0.2-0.2%2C0.4-0.4%2C0.4L0.7%2C18.9%0A%09%09%09%09%09c-0.2%2C0-0.4-0.2-0.4-0.4V15c0-1.3%2C0.8-2.4%2C2.1-2.8l2.9-0.8c0%2C0%2C0%2C0%2C0%2C0l0.6-2%22%2F%3E%0A%09%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.8%2C4.6c0%2C2.7-1.8%2C5.5-4%2C5.5c-2.2%2C0-4-2.8-4-5.5c0-2.7%2C1.8-4.3%2C4-4.3C10%2C0.3%2C11.8%2C1.9%2C11.8%2C4.6z%22%2F%3E%0A%09%09%09%09%3Cline%20class%3D%22st0%22%20x1%3D%223.6%22%20y1%3D%2218.7%22%20x2%3D%223.6%22%20y2%3D%2215.6%22%2F%3E%0A%09%09%09%09%3Cline%20class%3D%22st0%22%20x1%3D%2212.1%22%20y1%3D%2218.7%22%20x2%3D%2212.1%22%20y2%3D%2215.6%22%2F%3E%0A%09%09%09%3C%2Fg%3E%0A%09%09%3C%2Fg%3E%0A%09%09%3Cpolyline%20class%3D%22st0%22%20points%3D%225.3%2C11.4%207.8%2C15.6%2010.4%2C11.4%20%09%09%22%2F%3E%0A%09%09%3Cline%20class%3D%22st0%22%20x1%3D%227.8%22%20y1%3D%2215.6%22%20x2%3D%227.8%22%20y2%3D%2218.7%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}
.search_location::before{background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.5%2019.2%22%20style%3D%22enable-background%3Anew%200%200%2013.5%2019.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%230071A0%3Bstroke-width%3A0.7522%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M13.2%2C6.8c0%2C3.5-6.4%2C11.8-6.4%2C11.8S0.4%2C10.3%2C0.4%2C6.8s2.9-6.4%2C6.4-6.4S13.2%2C3.2%2C13.2%2C6.8z%22%2F%3E%0A%09%3Ccircle%20class%3D%22st0%22%20cx%3D%226.8%22%20cy%3D%226.6%22%20r%3D%223.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.search_keyword::before{background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2017.5%2017.2%22%20style%3D%22enable-background%3Anew%200%200%2017.5%2017.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%230071A0%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%3Cg%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17.5%2C8.5h-1.5c-0.1-3.9-3.2-7-7.1-7.1V0H8.5v1.4c-3.9%2C0.1-7%2C3.2-7.1%2C7.1H0v0.4h1.4c0.1%2C3.9%2C3.2%2C7%2C7.1%2C7.1%0Av1.2h0.4V16c3.9-0.1%2C7-3.2%2C7.1-7.1h1.5V8.5z%20M15.6%2C8.5h-1.8c-0.1-2.7-2.2-4.8-4.9-4.9V1.8C12.5%2C1.9%2C15.5%2C4.9%2C15.6%2C8.5z%20M13.4%2C8.9%0Ac-0.1%2C2.5-2.1%2C4.4-4.5%2C4.5V12H8.5v1.4C6%2C13.3%2C4.1%2C11.3%2C4%2C8.9h2.4V8.5H4C4.1%2C6.1%2C6%2C4.1%2C8.5%2C4v1.2h0.4V4c2.5%2C0.1%2C4.4%2C2.1%2C4.5%2C4.5%0Ah-2.3v0.4H13.4z%20M8.5%2C1.8v1.8C5.8%2C3.7%2C3.7%2C5.8%2C3.6%2C8.5H1.8C1.9%2C4.9%2C4.9%2C1.9%2C8.5%2C1.8z%20M1.8%2C8.9h1.8c0.1%2C2.7%2C2.2%2C4.8%2C4.9%2C4.9v1.8%0AC4.9%2C15.5%2C1.9%2C12.5%2C1.8%2C8.9z%20M8.9%2C15.6v-1.8c2.7-0.1%2C4.8-2.2%2C4.9-4.9h1.8C15.5%2C12.5%2C12.5%2C15.5%2C8.9%2C15.6z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.btn_search::before{background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2015.7%2015.7%22%20style%3D%22enable-background%3Anew%200%200%2015.7%2015.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M6.8%2C2.3c-2.4%2C0-4.4%2C1.9-4.5%2C4.3s1.9%2C4.4%2C4.3%2C4.5c2.4%2C0%2C4.4-1.9%2C4.5-4.3C11.2%2C4.4%2C9.3%2C2.4%2C6.8%2C2.3z%0A%20M6.7%2C10.7c-2.2%2C0-4-1.9-3.9-4.1c0-2.2%2C1.9-4%2C4.1-3.9s4%2C1.9%2C3.9%2C4.1C10.7%2C9%2C8.9%2C10.8%2C6.7%2C10.7z%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M15.1%2C12.4l-2.5-2.3c0.5-1%2C0.9-2.1%2C0.9-3.2c0.1-3.7-2.9-6.8-6.6-6.9S0.1%2C2.9%2C0%2C6.6s2.9%2C6.8%2C6.6%2C6.9%0Ac1.3%2C0%2C2.6-0.3%2C3.6-1l2.2%2C2.5c0.3%2C0.4%2C0.8%2C0.6%2C1.3%2C0.6c0%2C0%2C0.1%2C0%2C0.1%2C0c0.5%2C0%2C0.9-0.2%2C1.3-0.5c0.4-0.3%2C0.6-0.8%2C0.6-1.4%0AC15.7%2C13.3%2C15.5%2C12.8%2C15.1%2C12.4z%20M0.4%2C6.6c0.1-3.5%2C3-6.3%2C6.5-6.3s6.3%2C3%2C6.3%2C6.5s-3%2C6.3-6.5%2C6.3S0.3%2C10.2%2C0.4%2C6.6z%20M14.8%2C14.9%0Ac-0.3%2C0.3-0.7%2C0.4-1.1%2C0.4c-0.4%2C0-0.8-0.2-1-0.5l-2.2-2.5c0.7-0.5%2C1.4-1.1%2C1.8-1.9l2.5%2C2.3c0.3%2C0.3%2C0.5%2C0.7%2C0.5%2C1.1%0AC15.3%2C14.2%2C15.2%2C14.6%2C14.8%2C14.9z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#job::before{content: "";display: block;width: 502px;height: 423px;background-size: contain;background-repeat: no-repeat;  position: absolute;bottom: -18%;right: -5%;animation: animate03 5s linear infinite;
 background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2027.3.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20502.5%20423.2%22%20style%3D%22enable-background%3Anew%200%200%20502.5%20423.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.5%3Bfill%3Aurl(%23SVGID_1_)%3B%7D%0A%3C%2Fstyle%3E%0A%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22367.9218%22%20y1%3D%22-93.7998%22%20x2%3D%22774.9521%22%20y2%3D%22-117.7428%22%20gradientTransform%3D%22matrix(0.9451%20-0.3269%200.3269%200.9451%20-171.4734%20540.0616)%22%3E%0A%09%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%2300D4A2%22%2F%3E%0A%09%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%231558FF%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M502.5%2C9.4c-46.7-22-108.4-4.1-136%2C39.5c-23.4%2C36.9-23%2C86.1-50.1%2C120.4c-22.1%2C28.1-58.8%2C40.8-94.3%2C44.9%0A%09c-35.5%2C4.1-71.5%2C1-107.1%2C4.3c-35.6%2C3.4-72.5%2C14.4-96.3%2C41.1c-9.4%2C10.6-16.6%2C23.6-18.3%2C37.6c-1.8%2C14.1%2C2.3%2C29.2%2C12.3%2C39.2%0A%09C23.8%2C347.4%2C40%2C351%2C55.3%2C354c108.2%2C21.5%2C216.4%2C42.9%2C324.6%2C64.4c22.6%2C4.5%2C47.1%2C8.8%2C67.8-1.2c20.4-9.8%2C32.6-31.8%2C36.8-54%0A%09c4.1-22.2%2C1.4-45.1-0.9-67.6c-9.7-96.5%2C7.9-174.2%2C16-270.8L502.5%2C9.4z%22%2F%3E%0A%3C%2Fsvg%3E");}
#job::after{content: "";display: block; width: 190px;height: 251px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 5%;top: 0;
 background-image: url("../images/home/icon_job_bg_01.jpg");z-index: -1;animation: animate01 5s linear infinite;}
#job .container,#about,.about_bgwrap{position: relative;}
#job .container::before{content: "";display: block;width: 370px;height: 384px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;right: -8%;top: 0;
 background-image: url("../images/home/icon_job_bg_02.jpg");z-index: -1;animation: animate02 5s linear infinite;}
 #job .htitle_01{color: #004095;letter-spacing: 0.5rem;}
#job .htitle_01 span{display: inline-block;padding-left: 1rem;color: #2E318A;}
#job .htitle_01 hr{border-top-color: #1b1464 !important;opacity: 1;}
#job h5{font-size: 1.5rem;text-align: center;color: #4D4D4D;font-weight: bolder;}
#job figcaption{font-weight: bold;font-size: 1.25rem;padding-top: 0.75rem;}
#benefit{background-color: #004095;position: relative;}
#benefit::before{content: "";display: block;width: 300px;height: 251px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: -150px;top: -120px;
 background-image: url("../images/home/icon_benefit_bg_01.png");animation: animate03 5s linear infinite;z-index: -1;}
#benefit h1{font-size: 3.5rem; font-weight: bolder;text-align: center; color: #FFFFFF;}
#benefit h1 span{display: inline-block;position: relative; letter-spacing: 5px;}
/* #benefit h1 span::before{content: "";width: 100%;height: 2px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;} */
#benefit h1 hr{border-top-color: #FFFFFF !important;opacity: 1;}
#benefit h6{text-align: center; font-size: 2rem; color: #FFFFFF;padding: 2rem 0;font-weight: bolder; letter-spacing: 5px;}
#benefit figure{background-color: #FFFFFF;margin: 0 0.5rem 0.5rem;}
#benefit figure figcaption{background-color: #00FFFF;text-align: center;padding: 12px 0;font-size: 26px;font-weight: bolder; color: #1B1464;}
.slider_infinite{overflow: hidden; white-space: nowrap;}
.slider_infinite img{display: inline-block; }
.slider_infinite img:nth-child(1){ -webkit-animation: slide1 80s -40s linear infinite; animation: slide1 80s -40s linear infinite;}
.slider_infinite img:nth-child(2){ -webkit-animation: slide2 80s linear infinite; animation: slide2 80s linear infinite;}
#slider_right.slider_infinite img:nth-child(1),#slider_right.slider_infinite img:nth-child(2){animation-direction: reverse;}
#about .container{padding: 3rem 0;}
#about::before{content: "";display: block;width: 1400px;height: 412px;background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute;left: -20%;top: -20px;z-index: -1;
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E5%9C%96%E5%B1%A4_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20607.5%20178.6%22%20style%3D%22enable-background%3Anew%200%200%20607.5%20178.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Aurl(%23SVGID_1_)%3B%7D%3C%2Fstyle%3E%0A%3Cg%3E%0A%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%222.0487%22%20y1%3D%2289.3175%22%20x2%3D%22605.5823%22%20y2%3D%2289.3175%22%3E%0A%3Cstop%20%20offset%3D%220.3733%22%20style%3D%22stop-color%3A%234A39BD%22%2F%3E%0A%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%2300B6FF%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M4.7%2C177.8c27.5-29.2%2C68.9-38.2%2C107.5-40.6c23.5-1.5%2C47.3-1.3%2C70.7%2C1.2c24.2%2C2.7%2C47.3%2C9.5%2C70.5%2C16.4%0Ac22.4%2C6.7%2C45.3%2C12.9%2C68.8%2C12.8c24-0.1%2C47.6-5.9%2C70.3-13.3c39.5-12.9%2C77-31.5%2C111.4-54.8c34.4-23.3%2C65.7-51.2%2C92.9-82.7%0Ac3.4-3.9%2C6.7-7.9%2C10-12c2.2-2.7-1.7-6.7-3.9-3.9c-26.3%2C32.5-56.7%2C61.6-90.6%2C86c-33.8%2C24.4-70.9%2C44.3-110.2%2C58.3%0Ac-22.1%2C7.9-45%2C14.6-68.5%2C16.4c-24%2C1.8-47.3-3-70.2-9.6c-23-6.6-45.6-14.2-69.4-17.7c-24-3.5-48.4-4.1-72.6-3.2%0Ac-38.3%2C1.5-79.4%2C8.1-110.1%2C32.9c-3.8%2C3-7.3%2C6.3-10.6%2C9.9C-1.7%2C176.5%2C2.2%2C180.4%2C4.7%2C177.8L4.7%2C177.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.about_bgwrap::before{content: "";display: block; width: 150px;height: 150px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 10%;top: 0;
 background-image: url("../images/home/icon_about_bg_01.png");animation: animate03 5s linear infinite;z-index: -1;}
.about_bgwrap::after{content: "";display: block; width: 300px;height: 277px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 10%;bottom: 0;
 background-image: url("../images/home/icon_about_bg_02.png");animation: animate04 5s linear infinite;z-index: -1;}
#about::after{content: "";display: block;width: 450px;height: 463px;background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute;right: -260px;bottom: 5%;z-index: -1;
 background-image: url("../images/home/icon_about_bg_04.svg");}
#icon_fan{display: block;width: 250px;height: 237px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;top: 15%;right: 5%;
 background-image: url("../images/home/icon_about_bg_03.png");animation: animate05 5s linear infinite;}
#about_box{width: 750px;height: 655px;margin: 0 auto;background-image: url("../images/home/icon_bg_about.svg");background-repeat: no-repeat;background-size: contain;background-position: center;position: relative;}
#about_box .about_box_context{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 500px;}
#about_box h1{text-align: center; color: #2E3192;font-weight: bolder; font-size: 4.5rem;letter-spacing: 5px; font-family: 'Source Sans 3';}
#about_box p{color: #808080;line-height: 150%;font-size: 1.25rem;text-align: justify;font-weight: bolder;}
#sec_box h2{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);font-size: 5vw;font-weight: bolder; color: #FFFFFF; text-shadow: 0px 0px 8.64px #000;
  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1B1464; paint-order: stroke fill;  letter-spacing: 1vw;}
#sec_box a{overflow: hidden;}
#sec_box a img{transition: all .5s ease-in-out;}
#sec_box a:hover img{transform: scale(1.1) ;}
@-webkit-keyframes slide1 {
    0% {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
  }
  @keyframes slide1 {
    0% {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
  }
  @-webkit-keyframes slide2 {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
              transform: translateX(-200%);
    }
  }
  @keyframes slide2 {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
              transform: translateX(-200%);
    }
  }

@media (max-width:1200px) {
  #about .container{padding-bottom: 10rem;}
  #about::before{width: 100%;height: 0;padding-top: 41.2%;left: 0;top: -6vw;}
  .about_bgwrap::before{width: 10vw;height: 10vw;}
}
@media (max-width:991px) {
  .btn_search{width: 100%;}
  #benefit h1{font-size: 2.5rem;}
  #about::after {width: 46vw;height: 47vw;right: -28vw;}
  #about .container {padding-bottom: 25vw;}
  .about_bgwrap::after {width: 36vw;height: 34vw;}
  #icon_fan {top: 6%;right: 2%;}
}
@media (max-width:767px) {
  #gosearch{bottom: 50px;display: block;}
  #search,#bg_search_mobile{position: absolute;width: 100%; height: 100%;left: 0;top: 0;overflow: hidden;z-index: 101;}
  #search{display: none;}
  #search.active{display: block;}
  #bg_search_mobile{background-color: rgba(0, 0, 0, 0.59);}
  #search_mobile_container{position: fixed;width: 100%;bottom: -100%;transition: bottom .3s ease-in-out; background-image: linear-gradient(90deg, #4A39BD 37%, #00B6FF 100%); z-index: 102;border-top-left-radius: 18px;border-top-right-radius: 18px;}
  #search_mobile_container.active{bottom: 0;}
  #slider_left,#slider_right{width: 800px;}
  #about_box{width: 90%;height: 500px;}
  #about_box .about_box_context{width: 78%;}
  #about_box h1 {font-size: 3.5rem;transform: translateX(-25px);}
  #icon_fan {
    display: block;
    width: 20vw;
    height: 26vw;
}
}
@media (max-width:575px) {
  .htitle_01,#benefit h1 { font-size: 7vw;}
  #job h5,#benefit h6{font-size: 5vw;}
  #benefit h6{padding-top: 0;}
  #sec_box h2{font-size: 8vw;letter-spacing: 5px;}
}
@media (max-width:500px) {
  #about_box h1 {font-size: 2.8rem;line-height: 1;}
  #about_box p {font-size: 1rem;}
}
@media (max-width:450px) {
  #about_box {height: 370px;}
  #about_box h1 {font-size: 2.5rem; letter-spacing: 2px;}
  #benefit figure figcaption {font-size: 18px;}
}
@media (max-width:375px) {
  #about_box {height: 290px;}
  #about_box h1 {font-size: 2rem; }
  #about_box p {font-size: 0.75rem;}
  #benefit figure figcaption {font-size: 16px;}
  #sec_box h2{font-size: 2rem;letter-spacing: 5px;}
}