@media(min-width:1025px){.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:8.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:8.3333333333%}.col-1,.offset-1{position:relative}.offset-1{margin-left:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:16.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:16.6666666667%}.col-2,.offset-2{position:relative}.offset-2{margin-left:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:25%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:25%}.col-3,.offset-3{position:relative}.offset-3{margin-left:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:33.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:33.3333333333%}.col-4,.offset-4{position:relative}.offset-4{margin-left:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:41.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:41.6666666667%}.col-5,.offset-5{position:relative}.offset-5{margin-left:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:50%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:50%}.col-6,.offset-6{position:relative}.offset-6{margin-left:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:58.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:58.3333333333%}.col-7,.offset-7{position:relative}.offset-7{margin-left:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:66.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:66.6666666667%}.col-8,.offset-8{position:relative}.offset-8{margin-left:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:75%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:75%}.col-9,.offset-9{position:relative}.offset-9{margin-left:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:83.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:83.3333333333%}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:91.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:91.6666666667%}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:100%}.offset-12{margin-left:100%;position:relative}}.bg_gray{background-color:#f8f8f8}.sec{padding:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent))) 0}.sec .sec_inner{padding-top:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent)))}.sec .sec_inner:first-child{padding-top:0}.sec .inner{padding-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.sec .inner:first-child{padding-top:0}.sec h3{color:#1c1c1c;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1.5;word-break:keep-all;word-wrap:break-word}.info_wrap .inner{padding-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.info_wrap .tit{color:#1c1c1c;font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));font-weight:600;margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.info_wrap .tit,.info_wrap .txt{letter-spacing:-.02em;line-height:1.5;word-break:keep-all;word-wrap:break-word}.info_wrap .txt{color:#666;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:500;margin-top:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.btn_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;border-top:1px solid #ddd;gap:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));padding-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)))}.btn_wrap .btn.download{background-color:#1c1c1c;color:#fff;margin-left:0;padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))) max(calc(25px*var(--base-ratio)),calc(25/var(--base-size)*var(--base-percent)));width:50%}.btn_wrap .btn.download i{display:block;text-align:left}.btn_wrap .btn.download i:after,.btn_wrap .btn.download i:before{background-image:url(/resources/en/images/button/ico_download_w.svg)}@media(min-width:1025px)and (pointer:fine){.btn_wrap .btn.download:hover:before{content:none}}.sec1 .txt .color1{color:#f15a22}.sec1 .txt .color2{color:#0088cb}.sec1 .txt .color3{color:#00844a}.sec1 .txt .color{font-weight:700}.sec1 .img_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));position:relative;width:100%}.sec1 .img_wrap.img_wrap1 .box .img{width:max(calc(170px*var(--base-ratio)),calc(170/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap2 .box .img{width:max(calc(200px*var(--base-ratio)),calc(200/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap3 .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:max(calc(400px*var(--base-ratio)),calc(400/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap3 .box .img:first-child{width:max(calc(271px*var(--base-ratio)),calc(271/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap3 .box .img:nth-child(2){margin-top:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent)));width:max(calc(393px*var(--base-ratio)),calc(393/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border-radius:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));height:max(calc(280px*var(--base-ratio)),calc(280/var(--base-size)*var(--base-percent)));width:max(calc(470px*var(--base-ratio)),calc(470/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap .box.bg{overflow:hidden;position:relative}.sec1 .img_wrap .box.bg:before{background:url(/resources/en/images/company/ci/bg.svg) 50% no-repeat;background-size:cover;content:"";height:101%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:101%;z-index:-1}.sec1 .img_wrap .box .img{height:auto}.sec1 .img_wrap .box .img img{max-width:inherit;width:100%}.sec2 .img_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));gap:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent)));height:max(calc(280px*var(--base-ratio)),calc(280/var(--base-size)*var(--base-percent)));margin-top:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));overflow:hidden;width:100%}.sec2 .img_wrap.img_wrap1 .img:first-child{width:max(calc(417px*var(--base-ratio)),calc(417/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap1 .img:nth-child(2){width:max(calc(403px*var(--base-ratio)),calc(403/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap2 .img:first-child{width:max(calc(397px*var(--base-ratio)),calc(397/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap2 .img:nth-child(2){width:max(calc(403px*var(--base-ratio)),calc(403/var(--base-size)*var(--base-percent)))}.sec3{padding:max(calc(120px*var(--base-ratio)),calc(120/var(--base-size)*var(--base-percent))) 0 0}.sec3 .tit{color:#1c1c1c;font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));word-break:keep-all;word-wrap:break-word}.sec3 .tit.mbNone{margin-bottom:0}.sec3 .color_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;margin-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.sec3 .color_box.colorBox1,.sec3 .color_box.mainColor{margin-top:0}.sec3 .color_box.mainColor .color{background-color:#00844a}.sec3 .color_box.colorBox1 .color{background:-webkit-gradient(linear,left top,right top,from(#f47920),to(#c9252c));background:linear-gradient(90deg,#f47920,#c9252c)}.sec3 .color_box.colorBox1 .color_bar .bar_wrap:before{background-color:#f47920}.sec3 .color_box.colorBox1 .color_bar .bar_wrap:after{background-color:#c9252c}.sec3 .color_box.colorBox1 .color_bar .bar{background:-webkit-gradient(linear,left top,right top,from(#f47920),to(#c9252c));background:linear-gradient(90deg,#f47920,#c9252c)}.sec3 .color_box.colorBox2 .color{background:-webkit-gradient(linear,left top,right top,from(#8dc63f),to(#009559));background:linear-gradient(90deg,#8dc63f,#009559)}.sec3 .color_box.colorBox2 .color_bar .bar_wrap:before{background-color:#8dc63f}.sec3 .color_box.colorBox2 .color_bar .bar_wrap:after{background-color:#009559}.sec3 .color_box.colorBox2 .color_bar .bar{background:-webkit-gradient(linear,left top,right top,from(#8dc63f),to(#009559));background:linear-gradient(90deg,#8dc63f,#009559)}.sec3 .color_box.colorBox3 .color{background:-webkit-gradient(linear,left top,right top,from(#14b1e7),to(#0061af));background:linear-gradient(90deg,#14b1e7,#0061af)}.sec3 .color_box.colorBox3 .color_bar .bar_wrap:before{background-color:#14b1e7}.sec3 .color_box.colorBox3 .color_bar .bar_wrap:after{background-color:#0061af}.sec3 .color_box.colorBox3 .color_bar .bar{background:-webkit-gradient(linear,left top,right top,from(#14b1e7),to(#0061af));background:linear-gradient(90deg,#14b1e7,#0061af)}.sec3 .color_box .color{border-radius:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));height:max(calc(195px*var(--base-ratio)),calc(195/var(--base-size)*var(--base-percent)));overflow:hidden;width:max(calc(472px*var(--base-ratio)),calc(472/var(--base-size)*var(--base-percent)))}.sec3 .color_box .color>span{color:#fff;display:block;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1;padding:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.sec3 .color_box .detail{padding-left:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:calc(100% - max(calc(472px * var(--base-ratio)), calc(calc(472 / var(--base-size)) * var(--base-percent))))}.sec3 .color_box .detail dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;border-bottom:1px solid #ddd;padding:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) 0;position:relative}.sec3 .color_box .detail dl:first-child{padding:0 0 max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.sec3 .color_box .detail dl dt{color:#1c1c1c;font-weight:700;width:max(calc(90px*var(--base-ratio)),calc(90/var(--base-size)*var(--base-percent)))}.sec3 .color_box .detail dl dd,.sec3 .color_box .detail dl dt{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.sec3 .color_box .detail dl dd{color:#888;font-weight:500;width:calc(100% - max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent))));word-break:keep-all;word-wrap:break-word}.sec3 .color_bar{margin-top:max(calc(15px*var(--base-ratio)),calc(15/var(--base-size)*var(--base-percent)))}.sec3 .color_bar .bar_wrap{height:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));position:relative}.sec3 .color_bar .bar_wrap:after,.sec3 .color_bar .bar_wrap:before{border-radius:max(calc(999px*var(--base-ratio)),calc(999/var(--base-size)*var(--base-percent)));content:"";height:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));overflow:hidden;position:absolute;top:0;width:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));z-index:1}.sec3 .color_bar .bar_wrap:before{left:0}.sec3 .color_bar .bar_wrap:after{right:0}.sec3 .color_bar .bar_wrap .bar{height:max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)));left:0;position:absolute;top:max(calc(3px*var(--base-ratio)),calc(3/var(--base-size)*var(--base-percent)));width:calc(100% - 2px);z-index:0}.sec3 .color_bar .txt_wrap{margin-top:max(calc(15px*var(--base-ratio)),calc(15/var(--base-size)*var(--base-percent)));position:relative}.sec3 .color_bar .txt_wrap .num{color:#888;font-size:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5;position:absolute;top:0}.sec3 .color_bar .txt_wrap .num.persent{left:65%;margin-left:max(calc(14px*var(--base-ratio)*-1),calc(14/var(--base-size)*var(--base-percent)*-1))}.sec3 .color_bar .txt_wrap .num.persent.persent3{left:50%}.sec3 .color_bar .txt_wrap .num.persent .ico{display:block;position:relative;top:max(calc(19px*var(--base-ratio)*-1),calc(19/var(--base-size)*var(--base-percent)*-1));width:100%}.sec3 .color_bar .txt_wrap .num.persent .ico:before{background:url(/resources/en/images/company/ci/ico_persent.svg) 50% no-repeat;background-size:cover;content:"";height:13px;left:50%;margin-left:max(calc(4px*var(--base-ratio)*-1),calc(4/var(--base-size)*var(--base-percent)*-1));overflow:hidden;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:13px}.sec3 .color_bar .txt_wrap .num.left{left:0}.sec3 .color_bar .txt_wrap .num.right{right:0;text-align:right}.sec3 .color_card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.sec3 .color_card li{border-radius:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));min-height:max(calc(240px*var(--base-ratio)),calc(240/var(--base-size)*var(--base-percent)));overflow:hidden;padding:max(calc(50px*var(--base-ratio)),calc(50/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:max(calc(226px*var(--base-ratio)),calc(226/var(--base-size)*var(--base-percent)))}.sec3 .color_card li:first-child{background-color:#00854a}.sec3 .color_card li:nth-child(2){background-color:#f15a22}.sec3 .color_card li:nth-child(3){background-color:#4fb84f}.sec3 .color_card li:nth-child(4){background-color:#0088cb}.sec3 .color_card .color>span{color:#fff;display:block;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:700;letter-spacing:-.02em;line-height:1}.sec3 .color_card .detail{border-top:1px solid hsla(0,0%,100%,.3);margin-top:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));padding-top:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.sec3 .color_card .detail dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;padding:max(calc(5px*var(--base-ratio)),calc(5/var(--base-size)*var(--base-percent))) 0;position:relative}.sec3 .color_card .detail dl:first-child{padding:0 0 max(calc(5px*var(--base-ratio)),calc(5/var(--base-size)*var(--base-percent)))}.sec3 .color_card .detail dl dt{font-weight:700;width:max(calc(68px*var(--base-ratio)),calc(68/var(--base-size)*var(--base-percent)))}.sec3 .color_card .detail dl dd,.sec3 .color_card .detail dl dt{color:#fff;font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.sec3 .color_card .detail dl dd{font-weight:500;width:calc(100% - max(calc(68px * var(--base-ratio)), calc(calc(68 / var(--base-size)) * var(--base-percent))));word-break:keep-all;word-wrap:break-word}@media(max-width:1024px){.sec{padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0}.sec .sec_inner{padding-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.sec .inner{padding-top:max(calc(64px*var(--base-ratio)),calc(64/var(--base-size)*var(--base-percent)))}.sec h3{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.info_wrap .inner{padding-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.info_wrap .tit{font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)))}.info_wrap .tit,.info_wrap .txt{letter-spacing:-.02em;line-height:1.5}.info_wrap .txt{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.btn_wrap{padding-top:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.btn_wrap,.sec1 .img_wrap{margin-top:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap{gap:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap1 .box .img{width:max(calc(121px*var(--base-ratio)),calc(121/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap2 .box .img{width:max(calc(141px*var(--base-ratio)),calc(141/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap3 .box{height:max(calc(285px*var(--base-ratio)),calc(285/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap3 .box .img:first-child{width:max(calc(180px*var(--base-ratio)),calc(180/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap.img_wrap3 .box .img:nth-child(2){margin-top:max(calc(42px*var(--base-ratio)),calc(42/var(--base-size)*var(--base-percent)));width:max(calc(266px*var(--base-ratio)),calc(266/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap .box{width:calc(50% - max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))))}.sec1 .img_wrap .box,.sec2 .img_wrap{height:max(calc(200px*var(--base-ratio)),calc(200/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));gap:max(calc(45px*var(--base-ratio)),calc(45/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap1 .img:first-child{width:max(calc(297px*var(--base-ratio)),calc(297/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap1 .img:nth-child(2){width:max(calc(287px*var(--base-ratio)),calc(287/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap2 .img:first-child{width:max(calc(283px*var(--base-ratio)),calc(283/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap2 .img:nth-child(2){width:max(calc(287px*var(--base-ratio)),calc(287/var(--base-size)*var(--base-percent)))}.sec3{padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent))) 0 0}.sec3 .color_box{margin-top:max(calc(64px*var(--base-ratio)),calc(64/var(--base-size)*var(--base-percent)))}.sec3 .color_box.colorBox1,.sec3 .color_box.mainColor{margin-top:0}.sec3 .color_box .color{border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));width:max(calc(334px*var(--base-ratio)),calc(334/var(--base-size)*var(--base-percent)))}.sec3 .color_box .color>span{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1;padding:max(calc(23px*var(--base-ratio)),calc(23/var(--base-size)*var(--base-percent))) max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec3 .color_box .detail{width:calc(100% - max(calc(334px * var(--base-ratio)), calc(calc(334 / var(--base-size)) * var(--base-percent))))}.sec3 .color_box .detail dl dd,.sec3 .color_box .detail dl dt{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.sec3 .color_bar{margin-top:max(calc(15px*var(--base-ratio)),calc(15/var(--base-size)*var(--base-percent)))}.sec3 .color_bar .bar_wrap,.sec3 .color_bar .bar_wrap:after,.sec3 .color_bar .bar_wrap:before{height:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.sec3 .color_bar .bar_wrap:after,.sec3 .color_bar .bar_wrap:before{width:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.sec3 .color_bar .bar_wrap .bar{top:2px}.sec3 .color_bar .txt_wrap .num{font-size:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.sec3 .color_bar .txt_wrap .num.persent .ico{top:max(calc(10px*var(--base-ratio)*-1),calc(10/var(--base-size)*var(--base-percent)*-1))}.sec3 .color_bar .txt_wrap .num.persent .ico:before{height:9px;margin-left:max(calc(2px*var(--base-ratio)*-1),calc(2/var(--base-size)*var(--base-percent)*-1));width:9px}.sec3 .color_card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec3 .color_card li{border-radius:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));min-height:max(calc(200px*var(--base-ratio)),calc(200/var(--base-size)*var(--base-percent)));padding:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent))) max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));width:calc(50% - max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))))}.sec3 .color_card .color>span{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1}.sec3 .color_card .detail dl{padding:2px 0}.sec3 .color_card .detail dl:first-child{padding:0 0 2px}.sec3 .color_card .detail dl dd,.sec3 .color_card .detail dl dt{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}}@media(max-width:767px){.btn_wrap{display:block}.btn_wrap .btn.download{width:100%}.btn_wrap .btn.download:nth-child(2){margin-top:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap{display:block;height:auto}.sec1 .img_wrap.img_wrap1 .box:nth-child(2),.sec1 .img_wrap.img_wrap2 .box:nth-child(2),.sec1 .img_wrap.img_wrap3 .box:nth-child(2){margin-top:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec1 .img_wrap .box{width:100%}.sec2 .img_wrap{gap:0;height:auto;padding:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent))) max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec2 .img_wrap.img_wrap2 .img:nth-child(2){margin-top:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.sec3 .inner.gradation .color_box{padding-bottom:max(calc(50px*var(--base-ratio)),calc(50/var(--base-size)*var(--base-percent)))}.sec3 .color_box{display:block}.sec3 .color_box .color{width:100%}.sec3 .color_box .detail{margin-top:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));padding-left:0;width:100%}.sec3 .color_card{display:block;gap:0}.sec3 .color_card li{margin-top:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));width:100%}.sec3 .color_card .detail dl{padding:2px 0}.sec3 .color_card .detail dl:first-child{padding:0 0 2px}.sec3 .color_card .detail dl dd,.sec3 .color_card .detail dl dt{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}}