:root{--vw100:100vw;--window-width:tan(atan2(var(--vw100),1px));--container-width:min(90vw,1000px);--main-width:min(90vw,1200px);--itv-width:min(90vw,800px);--page-width:min(90vw,800px);--font-size:clamp(1.4rem,1.2vw,1.6rem);--font-size-s:clamp(1.2rem,1vw,1.4rem);--font-size-ss:clamp(1rem,.8vw,1.2rem);--font-size-l:clamp(1.8rem,1.8vw,2rem)}*{box-sizing:border-box}img{width:100%;max-width:fit-content;height:auto}a{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0;text-decoration:none;transition:all .3s ease-out}a:hover{opacity:.7}html{height:100%;font-size:62.5%}body{color:#333;background:#fff;font-family:Avenir,Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,游ゴシック,Yu Gothic,ＭＳ Ｐゴシック,sans-serif;font-size:1.6rem;line-height:1.8}h1{color:#333;text-align:center;margin:4rem 0 0;font-size:3rem;font-weight:700;line-height:1.6}h2{font-size:2rem;font-weight:700;line-height:1.6}h3{font-size:1.8rem;font-weight:700;line-height:1.6}.black-marker{border-bottom:.1rem dashed;padding-bottom:.2rem;font-weight:600}.txt-red{color:red}.fs14{font-size:14px}.fs20{font-size:2rem}.fs24{font-size:2.4rem}.dis-pc{display:none}section{position:relative}section#integration,section#price{background:#f5f0ef}header{z-index:10;background:#606060;width:100%;position:fixed;left:0}#head-bar-logo{width:100px;position:absolute;top:15px;left:20px}#head-banner{width:150px;position:absolute;top:10px;left:140px}#header-wrap{color:#fff;align-items:center;height:60px;margin:auto}#header-menu{background-color:#606060;flex-direction:column;width:100%;height:100vh;margin-left:auto;transition:all .3s;display:flex;position:fixed;top:52px;right:-100%}#header-menu li{text-align:center;border-bottom:1px solid #e3e0df;width:100%;padding:25px 10px}#header-menu #header-tel{font-size:2rem}#header-menu #header-tel span{font-size:1.2rem;display:block}#header-menu a{color:#fff}.header-btn{z-index:10;border:0;width:40px;height:40px;position:fixed;top:12px;right:20px}.btn-line{background-color:#fff;width:100%;height:4px;transition:all .2s;display:block;position:relative}.btn-line:before,.btn-line:after{content:"";background-color:#fff;width:100%;height:100%;transition:all .5s;position:absolute}.btn-line:before{transform:translateY(-12px)}.btn-line:after{transform:translateY(12px)}#header-menu.open{right:0}.btn-line.open{background-color:transparent}.btn-line.open:before,.btn-line.open:after{content:"";background-color:#fff;transition:all .2s}.btn-line.open:before{transform:rotate(45deg)}.btn-line.open:after{transform:rotate(-45deg)}#header nav{display:none}.hero-upper{background:#fff;padding:15px 0}.hero-upper img{max-width:300px}#hero{text-align:center;background:#fff1f1 bottom/contain no-repeat;position:relative}#hero p{text-align:center}.hero-box{margin:0 auto;padding:30px 6vw;position:relative}.hero-title{background:#fff;width:fit-content;margin:0 auto;padding:10px;font-weight:700}.cont-box{margin:0 auto;padding:40px 6vw}.cont-box>h2{text-align:center;padding-bottom:30px}.cont-box>h3{text-align:center;padding-bottom:20px}.cont-box a{text-decoration:underline}.cont-box a[class*=btn],.cont-box a:hover{text-decoration:none}.cont-box picture{text-align:center;margin:3rem auto;display:block}.cont-box .img-bottom0{margin:3rem auto}.cta li{margin:2rem 0}.cta a{color:#fff;text-align:center;border-radius:50px;max-width:400px;margin:0 auto;padding:15px 0;font-size:2rem;display:block;position:relative}.btn-inq{background:#ff3b3b}.btn_kunilogi_inq{color:#fff;background:#00a273}#recommendation ul{width:fit-content;margin:0 auto;list-style:outside}#recommendation li{color:#0d99b3;margin:0 0 1rem;font-weight:700}.feature-icon{flex-shrink:0;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.integration_item{flex-direction:column;align-items:center;gap:40px;margin-top:40px;display:flex}.feature-item{width:100%;max-width:880px;margin-bottom:0}.feature-content{flex-grow:1}.feature-content ul{padding:0;list-style:none}.feature-content li{margin-bottom:15px;padding-left:30px;line-height:1.6;position:relative}.feature-content li:last-child{margin-bottom:0}.feature-content li:before{content:"";background-image:url(https://www.hunglead.com/products/campaign-d/brainaegis/images/icon_check.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}#about h4{color:#00a273;font-size:2rem;font-weight:700}.about-box{margin:0 0 40px}.about-box img{max-width:358px;margin:0 auto 16px}#about #kodawari{border:4px solid #00a273;border-radius:8px;padding:24px}#about #kodawari h3{text-align:center;margin:0 auto 16px}#about #kodawari h3+p{color:#fff;background:#00a273;width:fit-content;margin:0 0 1rem;padding:4px 16px;font-weight:700}#price li{background:#fff;border:1px solid #999292;padding:0 0 15px}#price li:first-of-type{margin-bottom:2rem}#price h3{color:#fff;text-align:center;margin:0 0 15px;padding:10px}#price li:first-of-type h3{background:#ff3b3b}#price li:nth-of-type(2) h3{background:#00a273}#price p{padding:0 10px}.cta-area{padding:20px}.cta-area .cta .btn-mat{color:#fff;background:#606060}#cta-area .wrap{text-align:center}#cta-area p{font-weight:700}.coordination img{width:200px}footer{color:#fff;background:#222}footer .tel span{font-size:1.6rem;display:block}footer li:first-of-type{margin-bottom:2rem}@media screen and (min-width:768px){body{font-size:1.8rem}h1{margin:4rem 0;font-size:7rem}h2{font-size:4rem}h3{font-size:2.6rem}.txt-c{text-align:center;font-size:2rem}.dis-pc{display:inline}header{box-shadow:0 6px 16px rgba(0,0,0,.15)}#header nav{background:#fff;height:50px;display:block}#header nav ul{max-width:1300px;margin:0 auto;display:flex}#header nav li{text-align:center;flex:1}#header nav li a{color:#333;padding:13px 0;font-size:1.2rem;display:block}#hero{height:700px}#hero p{font-size:2rem}.hero-box{max-width:1200px;padding:50px 0 0}.cont-box{max-width:1100px;padding:100px 4vw}.cont-box>h2{margin-bottom:40px}.cont-box p{line-height:2}.cta{justify-content:space-around;max-width:1000px;margin:20px auto 0;display:flex}.cta a{padding:20px 0}.cta li{width:45%;margin:5rem 0}.cta .first{width:45%;margin:0 0}#integration h2+p{text-align:center}.feature-item{align-items:center;margin-bottom:40px;display:flex}.feature-icon{margin-bottom:0}.feature-content ul{margin-left:30px}#about h2+p{text-align:center}.about-box{margin:0 auto 80px;display:flex}.about-box>div{margin:0 0 0 32px}.about-box img{margin:0}#about #kodawari h3+p{text-align:center;border-radius:60px;margin:0 auto 1rem}#price h3{font-size:2.6rem}#price ul{justify-content:space-between;margin-top:8rem;display:flex}#price li{width:48%}#price li:first-of-type{margin:0}#price p,#cta-area h2+p{text-align:center}#cta-area .small{font-size:2.4rem}#cta-area .big{font-size:3rem}footer h3{font-size:2rem}footer ul{justify-content:space-around;margin-top:8rem;display:flex}footer li{width:fit-content}footer li:first-of-type{margin:0}footer .mail{background:url(../images/icon_mail.svg) 0/40px no-repeat;padding:0 0 0 50px;font-size:3rem}footer .tel{background:url(../images/icon_tel.svg) 0 9px/40px no-repeat;padding:0 0 0 50px;font-size:3rem}}@media screen and (min-width:1000px){#header{transition:all .3s}#header.index{height:150px}#head-bar-logo{top:33px}.header-btn{display:none}#header-wrap{justify-content:space-between;width:100%;max-width:1920px;height:100px;display:block;overflow:hidden}ul#header-menu{flex-direction:unset;justify-content:flex-end;width:84%;max-width:900px;height:100px;margin:0 auto;transition:none;display:flex;position:absolute;top:0;right:0}#header-menu li{border:0;justify-content:center;align-items:center;width:fit-content;height:100px;padding:0;display:flex}#header-menu .dis-sp{display:none}#header-menu a{color:#fff;padding:35px 10px;display:block}#header-menu li#header-mat a{background:#ff3b3b;border-radius:30px;margin:0 20px;padding:15px 20px}#header-menu li#header-tel{background:#444;padding:15px 20px;font-size:24px;display:block}#header-menu li#header-tel a{padding:0}#header.thin{height:auto}#header.thin ul#header-menu,#header.thin ul#header-menu li{height:60px}#header.thin #head-bar-logo{top:15px}#header.thin #header-wrap{height:60px}#header.thin #header-menu li#header-tel{padding:10px 20px;font-size:1.6rem;line-height:1.4}#header.thin #header-menu li#header-mat a{border-radius:0;margin:0}#header nav li a{font-size:1.4rem}#head-banner{top:30px;left:160px}#header.thin #head-banner{top:10px}#hero{background-size:1200px;padding:0}#api_coordination ul.four li p,.outsourcing-merit li strong{font-size:2.6rem}}@media screen and (min-width:1110px){.cont-box{padding:100px 0}}@media screen and (min-width:1400px){.hero-cta-box:before{content:"";background:url(../images/img_hero_man.svg) no-repeat;width:201px;height:280px;display:block;position:absolute;bottom:-55px;right:-50px}.hero-cta-box:after{content:"";background:url(../images/img_hero_woman.svg) no-repeat;width:190px;height:280px;display:block;position:absolute;bottom:-55px;left:-40px}.footer-cta-box,.hero-cta-box{position:relative}.footer-cta-box:after{content:"";background:url(https://www.hunglead.com/products-test/campaign-d/brainaegis/images/img_footer_man.svg) no-repeat;width:160px;height:290px;display:block;position:absolute;bottom:-155px;left:1100px}}