/* container */
* {line-height:1.4; word-break:keep-all;}
.container {max-width:1488px; margin:0 auto; padding:0 24px; width:100%;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header {position:fixed; left:0; top:0; width:100%; background:#000; transition:all ease 0.5s; z-index:1000;}
header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-logo h1 a {display:block; font-size:0; width:71.13px; height:26.41px; background:url('../images/logo.png') no-repeat center / 71.13px auto;}
header .header-right .inner .right-head {display:none;}
header .header-right .inner .right-body ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-right .inner .right-body ul li a {transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; height:88px; padding:0 15px; font-size:16px; font-weight:500; color:#fff;}
header .header-right .inner .right-body ul li:last-of-type {margin:0 0 0 20px;}
header .header-right .inner .right-body ul li:last-of-type a {height:44px; padding:0 24px; font-size:18px; font-weight:600; background:#00AFDC; border-radius:50px; color:#fff !important;} 
header .header-right .inner .right-foot {display:none;}
header .header-menu {display:none;}
header.scroll {background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);}
header.scroll .header-logo h1 a {background-image:url('../images/logo_on.png');}
header.scroll .header-right .inner .right-body ul li a {color:#535862;}
@media (max-width:991px){
header {padding:16px 0;}
header .header-right {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff;}
header .header-right .inner .right-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:18px 24px;}
header .header-right .inner .right-head h2 {display:block; font-size:0; width:71.13px; height:26.41px; background:url('../images/logo_on.png') no-repeat center / 71.13px auto;}
header .header-right .inner .right-head a {display:block; font-size:0; width:32px; height:32px; background:url('../images/icon_close.png') no-repeat center / cover;}
header .header-right .inner .right-body {margin:45px 0 0;}
header .header-right .inner .right-body ul li {width:100%;}
header .header-right .inner .right-body ul li a {height:58px; padding:0 24px; font-size:20px; font-weight:bold; color:#000 !important;}
header .header-right .inner .right-body ul li:last-of-type {margin:0;}
header .header-right .inner .right-body ul li:last-of-type a {height::58px; font-size:20px; font-weight:bold; background:none; color:#00AFDC !important; text-decoration:underline;}
header .header-right .inner .right-foot {position:absolute; left:0; bottom:0; width:100%; padding:0 24px 40px; display:block;}
header .header-right .inner .right-foot p {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500;}
header .header-right .inner .right-foot p a {font-size:15px; font-weight:500; margin:0 0 0 5px;}
header .header-right .inner .right-foot small {display:block; margin:7px 0 0; font-size:12px;}
header .header-menu {display:block;}
header .header-menu a {display:block; font-size:0; transition:all ease 0.5s; width:40.17px; height:36px; background:url('../images/icon_menu.png') no-repeat center / cover;}
header.scroll .header-menu a {background-image:url('../images/icon_menu_on.png');}
header.fixed .header-right {pointer-events:inherit; opacity:1;}
}

/* footer */
footer {padding:60px 0;}
footer .footer-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
footer .footer-top a {display:block; font-size:0; width:59px; height:59px; background:url('../images/icon_top.png') no-repeat center / cover;}
footer .footer-bottom {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-bottom .bottom-left h2 {display:block; font-size:0; width:71.13px; height:26.41px; background:url('../images/logo_on.png') no-repeat center / 71.13px auto;}
footer .footer-bottom .bottom-left p {margin:5px 0 0; font-size:12px;}
footer .footer-bottom .bottom-right p {font-size:12px; text-align:right;}
footer .footer-bottom .bottom-right p span {display:none;}
footer .footer-bottom .bottom-right p:last-of-type {display:none;}
@media (max-width:991px){
footer {padding:36px 0;}
footer .footer-top a {width:48px; height:48px;}
footer .footer-bottom {margin:0;}
footer .footer-bottom .bottom-left {width:100%;}
footer .footer-bottom .bottom-left p {display:none;}
footer .footer-bottom .bottom-right {width:100%; margin:10px 0 0;}
footer .footer-bottom .bottom-right p {text-align:left;}
footer .footer-bottom .bottom-right p span {display:inline-block; font-size:12px;}
footer .footer-bottom .bottom-right p:last-of-type {display:block; margin:10px 0 0;}
}

/* section */
section {margin:88px 0 0;}
@media (max-width:991px){
section {margin:68px 0 0;}
}

/* animation-box */
.scroll_on {opacity: 0;transition: all ease-in-out 0.5s; display:block;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}
.scroll_on.on {opacity: 1; transform: translate(0, 0);}

.delay01 {transition-delay:0.1s !important;}
.delay02 {transition-delay:0.2s !important;}
.delay03 {transition-delay:0.3s !important;}
.delay04 {transition-delay:0.4s !important;}
.delay05 {transition-delay:0.5s !important;}
.delay06 {transition-delay:0.6s !important;}
.delay07 {transition-delay:0.7s !important;}
.delay08 {transition-delay:0.8s !important;}
.delay09 {transition-delay:0.9s !important;}
.delay10 {transition-delay:1s !important;}
.delay15 {transition-delay:1.5s !important;}
.delay20 {transition-delay:2s !important;}
.delay25 {transition-delay:2.5s !important;}
.delay30 {transition-delay:3s !important;}
.delay35 {transition-delay:3.5s !important;}
.delay40 {transition-delay:4s !important;}

/* main-title */
.main-box .main-title {margin:0 0 50px;}
.main-box .main-title h2 {font-size:36px; font-weight:bold; text-align:center;}
.main-box .main-title p {text-align:center; margin:36px; 0 0; font-size:24px; font-weight:500; line-height:1.4;}
@media (max-width:991px){
.main-box .main-title {margin:0 0 36px;}
.main-box .main-title h2 {font-size:20px;}
.main-box .main-title p {margin:30px 0 0; font-size:16px;}
}

/* main-top */
.main-box .main-top {background:#000;}
.main-box .main-top .container {padding-top:24%; padding-bottom:6.5%; background:url('../images/bg_main_top.png') no-repeat center / cover;}
.main-box .main-top h2 {font-size:45px; font-weight:bold; color:#fff;}
.main-box .main-top p {margin:26px 0 0; font-size:24px; font-weight:500; color:#fff;}
@media (max-width:991px){
.main-box .main-top .container {padding-top:34%; padding-bottom:12%;}
.main-box .main-top h2 {font-size:20px;}
.main-box .main-top p {margin:13px 0 0; font-size:16px;}
}

/* main-who */
.main-box .main-who {padding:120px 0;}
.main-box .main-who ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.main-box .main-who ul li {width:calc(50% - 10px); margin:0 5px 10px; position:relative; overflow:hidden; border-radius:10px;}
.main-box .main-who ul li:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; transition:all ease 0.5s;}
.main-box .main-who ul li img {width:100%;}
.main-box .main-who ul li p {position:absolute; left:0; bottom:0; width:100%; padding:40px; font-size:26px; font-weight:600; color:#fff; line-height:1.4;}
.main-box .main-who ul li:hover:before {background:rgba(0,199,250,0.1);}
@media (max-width:991px){
.main-box .main-who {padding:30px 0;}
.main-box .main-who ul {margin:0;}
.main-box .main-who ul li {width:100%; margin:0 0 8px; border-radius:6px;}
.main-box .main-who ul li:last-of-type {margin:0;}
.main-box .main-who ul li p {padding:24px; font-size:16px;}
}

/* main-what */
.main-box .main-what {margin:0 0 120px;}
.main-box .main-what ul {display:flex; flex-wrap:wrap; margin:0 -20px -80px;}
.main-box .main-what ul li {width:calc(50% - 40px); margin:0 20px 80px;}
.main-box .main-what ul li strong {display:block; border-left:2px solid #bbb; padding:0 0 0 14px; font-size:32px; font-weight:bold; color:#00AFDC;}
.main-box .main-what ul li p {padding:5px 0 0 14px; border-left:2px solid #bbb; font-size:26px;}
.main-box .main-what ul li img {display:block; margin:20px 0 0;}
@media (max-width:991px){
.main-box .main-what {margin:0 0 30px;}
.main-box .main-what ul {margin:0;}
.main-box .main-what ul li {width:100%; margin:0 0 37px;}
.main-box .main-what ul li:last-of-type {margin:0;}
.main-box .main-what ul li strong {padding:0 0 0 10px; font-size:20px;}
.main-box .main-what ul li p {padding:5px 0 0 10px; font-size:16px;}
.main-box .main-what ul li:nth-of-type(1) img {width:70.5px;}
.main-box .main-what ul li:nth-of-type(2) img {width:61.75px;}
.main-box .main-what ul li:nth-of-type(3) img {width:66.45px;}
.main-box .main-what ul li:nth-of-type(4) img {width:66.92px;}
.main-box .main-what ul li:nth-of-type(5) img {width:66.62px;}
}

/* main-client */
.main-box .main-client {max-width:1000px; margin:0 auto 120px;}
.main-box .main-client ul {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; margin:0 -10px -75px;}
.main-box .main-client ul li {width:calc(33.33% - 20px); margin:0 10px 75px;}
.main-box .main-client ul li img {display:block; margin:0 auto; max-width:100%;}
.main-box .main-client ul li p {text-align:center; margin:14px 0 0; font-size:20px;}
.main-box .main-client ul li:nth-of-type(3) p {margin:26px 0 0;}
.main-box .main-client ul li:nth-of-type(4) {width:calc(50% - 20px); padding-left:50px;}
.main-box .main-client ul li:nth-of-type(5) {width:calc(50% - 20px); padding-right:20px;}
@media (max-width:991px){
.main-box .main-client {margin:0 0 30px;}
.main-box .main-client ul {margin:0 -17px -40px; align-items:flex-start;}
.main-box .main-client ul li {width:calc(50% - 34px); margin:0 17px 40px;}
.main-box .main-client ul li p {font-size:13px; margin:10px 0 0 !important;}
.main-box .main-client ul li:nth-of-type(1) img {width:58px;}
.main-box .main-client ul li:nth-of-type(2) img {width:58px;}
.main-box .main-client ul li:nth-of-type(3) img {width:106px;}
.main-box .main-client ul li:nth-of-type(4) img {width:145px;}
.main-box .main-client ul li:nth-of-type(5) img {width:165px;}
.main-box .main-client ul li:nth-of-type(4) {width:calc(50% - 34px); padding-left:0;}
.main-box .main-client ul li:nth-of-type(5) {width:100%; padding-right:0;}
}

/* main-project */
.main-box .main-project {margin:0 0 120px;}
.main-box .main-project ul {display:flex; flex-wrap:wrap; margin:0 -5px -30px;}
.main-box .main-project ul li {width:calc(50% - 10px); background:#F9F9F9; padding:38px 22px; margin:0 5px 30px;}
.main-box .main-project ul li .inner {display:block;}
.main-box .main-project ul li .inner .list-head {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-project ul li .inner .list-head strong {font-size:20px; font-weight:bold; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 10px 0 0;}
.main-box .main-project ul li .inner .list-head p {font-size:17px; font-weight:500;}
.main-box .main-project ul li .inner .list-body {margin:10px 0 0;}
.main-box .main-project ul li .inner .list-body p {font-size:17px; line-height:1.6;}
.main-box .main-project ul li .inner .list-body dl dd {font-size:17px; line-height:1.6; position:relative; padding:0 0 0 15px;}
.main-box .main-project ul li .inner .list-body dl dd:before {position:absolute; left:5px; top:12px; width:3px; height:3px; border-radius:50%; background:#000; content:"";}
@media (max-width:991px){
.main-box .main-project {margin:0 0 30px;}
.main-box .main-project ul {margin:0;}
.main-box .main-project ul li {width:100%; margin:0 0 16px; padding:15px;}
.main-box .main-project ul li:last-of-type {margin:0;}
.main-box .main-project ul li .inner .list-head strong {font-size:16px;}
.main-box .main-project ul li .inner .list-head p {font-size:12px;}
.main-box .main-project ul li .inner .list-body {margin:8px 0 0;}
.main-box .main-project ul li .inner .list-body p {font-size:14px;}
.main-box .main-project ul li .inner .list-body dl dd {font-size:14px;}
.main-box .main-project ul li .inner .list-body dl dd:before {top:9.5px;}
}

/* main-team */
.main-box .main-team {max-width:745px; margin:0 auto 120px;}
.main-box .main-team ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-box .main-team ul li img {display:block; margin:0 auto; width:160px;}
.main-box .main-team ul li strong {display:block; text-align:center; margin:20px 0 0; font-size:20px; font-weight:bold;}
.main-box .main-team ul li b {display:block; text-align:center; margin:6px 0 0; font-size:16px; font-weight:bold;}
.main-box .main-team ul li p {text-align:center; margin:6px 0 0; font-size:16px;}
.main-box .main-team ul li a {width:75px; display:block; margin:20px auto 0; font-size:0;}
.main-box .main-team ul li a img {width:100%;}
@media (max-width:991px){
.main-box .main-team {margin:0 0 30px; padding:24px 0; background:#F9F9F9; max-width:100%;}
.main-box .main-team ul {margin:0 -20px -30px;}
.main-box .main-team ul li {width:calc(50% - 40px); margin:0 20px 30px;}
.main-box .main-team ul li img {width:100%; max-width:120px;}
.main-box .main-team ul li strong {font-size:16px;}
.main-box .main-team ul li b {margin:4px 0 0; font-size:14px;}
.main-box .main-team ul li p {margin:4px 0 0; font-size:13px;}
.main-box .main-team ul li a {margin:14px auto 0; width:55px;}
}

/* main-qna */
.main-box .main-qna {padding:100px 0;}
.main-box .main-qna a {width:180px; height:44px; font-size:18px; font-weight:600; color:#fff; background:#00AFDC; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; margin:0 auto;}
@media (max-width:991px){
.main-box .main-qna {padding:36px 0;}
}