.background-set,.header li:nth-child(1)::before,.header li:nth-child(2)::before,.header li:nth-child(3)::before,.header li:nth-child(4)::before{background-position:center;background-repeat:no-repeat;background-size:cover}.content-width,.tag-link__inner,.breadcrumb__inner{margin:0 auto;max-width:1150px}.content-width-1000{margin:0 auto;max-width:1000px}.header{background-image:linear-gradient(150deg, rgb(4, 89, 163), rgb(7, 215, 226));position:fixed;top:0;left:0;width:100%;z-index:100}.header.triggered{background-image:linear-gradient(150deg, rgba(4, 89, 163, 0.9), rgba(7, 215, 226, 0.9));box-shadow:10px 0 25px -10px rgba(0,0,0,.5)}.header .fa-search:before{color:#fff}.header .input-search{color:#fff;border:none;background:none;outline:none}.header .input-search::-moz-placeholder{color:rgba(255,255,255,.5450980392)}.header .input-search::placeholder{color:rgba(255,255,255,.5450980392)}.header h1{font-weight:normal;line-height:1.2}.header h1 span{color:#fff}.header li{color:#fff;width:-moz-fit-content;width:fit-content;margin-right:40px}.header li a{color:#fff}.header li:nth-child(1){position:relative}.header li:nth-child(1)::before{content:"";background-image:url(../images/icon/html.6732e1e2283ce048bf30.svg);width:20px;height:20px;position:absolute;left:-22px;top:50%;transform:translateY(-50%)}.header li:nth-child(2){position:relative}.header li:nth-child(2)::before{content:"";background-image:url(../images/icon/css.9b12b20c22088bd1067a.svg);width:20px;height:20px;position:absolute;left:-22px;top:50%;transform:translateY(-50%)}.header li:nth-child(3){position:relative}.header li:nth-child(3)::before{content:"";background-image:url(../images/icon/js.b59f287e1aff00d3fda6.svg);width:20px;height:20px;position:absolute;left:-24px;top:50%;transform:translateY(-50%)}.header li:nth-child(4){position:relative}.header li:nth-child(4)::before{content:"";background-image:url(../images/icon/wp.54799a34c387c75c62b3.svg);width:20px;height:20px;position:absolute;left:-24px;top:50%;transform:translateY(-50%)}.header form{padding:0 10px;height:40px}@media screen and (min-width: 768px){.header__inner{max-width:1150px}}.header__flex{height:70px;justify-content:space-between}.header__logo{color:#fff}.header__logo-box{width:90%;max-width:350px;justify-content:space-between}.header__logo-img{width:35%}.header__logo-txt{font-size:13px;width:60%}@media screen and (min-width: 960px){.header__logo-txt{font-size:16px}}.header__box{width:70%;max-width:600px}.header__search{border-radius:30px;border:1px solid #fff}.header__search-img button{color:#fff;overflow:hidden;text-indent:-9999px}.tag-link{margin-top:70px;background:#f4f7fb}.tag-link h2{font-size:13px;color:#004ea2;margin-right:20px}.tag-link__wrapper{height:60px}.tag-link__body{background:#fff;border:#3898e0 solid 1px;border-radius:20px;margin-right:20px}.tag-link__txt{color:#414141;padding:15px 20px;font-size:13px;display:flex;height:25px;align-items:center}.tag-link__txt span{letter-spacing:.5em;color:#004ea2;font-weight:bold;font-size:16px}.breadcrumb span{font-size:14px;margin-right:10px}.breadcrumb__inner{padding:25px 0}@media screen and (min-width: 360px){.hero__inner{margin:0;width:100%}}.hero .swiper-wrapper{padding:50px 0}.hero .swiper-button-next::after{font-family:"Font Awesome 6 Free";font-weight:900;content:"";color:#fff;font-size:30px}.hero .swiper-button-prev::after{font-family:"Font Awesome 6 Free";font-weight:900;content:"";color:#fff;font-size:30px}.hero .swiper-slide p{line-height:1.5;color:#3898e0}.hero .swiper-slide__img{overflow:hidden;border-radius:10px 10px 0 0}.hero .swiper-slide__txt{border:1px solid #3898e0;border-top:none;border-radius:0 0 10px 10px}.hero .swiper-slide__txt-inner{padding:20px 0}.hero .swiper-pagination-bullet{margin-right:15px !important}.hero .tag-link__box span{color:#fff}.hero .tag-link__body{background:#3898e0}.menu__inner{padding:50px 0 25px}@media screen and (min-width: 768px){.menu__inner{max-width:1178px}}@media screen and (min-width: 960px){.menu__inner{padding:100px 0}}.menu__wrap{row-gap:20px}@media screen and (min-width: 768px){.menu__wrap{justify-content:space-between;flex-direction:row}}.menu__case{border:1px solid #3898e0;display:block;padding:30px 0}@media screen and (min-width: 768px){.menu__case{width:23%;-moz-column-gap:20px;column-gap:20px}}.menu__icon{width:30px;margin:0 auto;margin-bottom:5px}.menu__tlt{text-align:center;color:#3898e0}