@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}}.wrap.ci-manual .sec_welcome_common .sec_header{padding:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent))) 0}@media(max-width:1024px){.wrap.ci-manual .sec_welcome_common .sec_header{padding-bottom:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)));padding-top:calc(max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) + max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))))}}.wrap.ci-manual .banner_wrap{background:url(/resources/images/ci-manual/banner_bg.png) 50% no-repeat;background-size:cover;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));height:max(calc(100px*var(--base-ratio)),calc(100/var(--base-size)*var(--base-percent)));margin-top:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent)));width:100%}.wrap.ci-manual .banner_wrap a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));height:100%;justify-content:center;width:100%}@media(min-width:1025px)and (pointer:fine){.wrap.ci-manual .banner_wrap a:hover .ic_arrow:before{-webkit-animation:shortcutBefore .3s ease-in-out forwards;animation:shortcutBefore .3s ease-in-out forwards}.wrap.ci-manual .banner_wrap a:hover .ic_arrow:after{-webkit-animation:shortcutAfter .3s ease-in-out forwards;animation:shortcutAfter .3s ease-in-out forwards}}.wrap.ci-manual .banner_wrap span{color:#fff;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.3}.wrap.ci-manual .banner_wrap .ic_arrow{height:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));position:relative;width:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.ci-manual .banner_wrap .ic_arrow:after,.wrap.ci-manual .banner_wrap .ic_arrow:before{background:url(/resources/images/common/icon/ic_shortcut_white.svg) 50% no-repeat;background-size:cover;content:"";height:100%;position:absolute;right:0;width:100%}.wrap.ci-manual .banner_wrap .ic_arrow:after{opacity:0}@media(max-width:1024px){.wrap.ci-manual .banner_wrap{background:url(/resources/images/ci-manual/banner_bg_tb.png) 50% no-repeat;background-size:cover;height:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)));margin-top:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)))}.wrap.ci-manual .banner_wrap span{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}}@media(max-width:767px){.wrap.ci-manual .banner_wrap{background:url(/resources/images/ci-manual/banner_bg_m.png) 50% no-repeat;background-size:cover}.wrap.ci-manual .banner_wrap span{font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}}.wrap.color-usage .sec_content_common .sec_header+.sec_body{padding-top:0}.wrap.color-usage .sec_content_common .sec_body{padding-top:max(calc(100px*var(--base-ratio)),calc(100/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));justify-content:start;min-height:max(calc(540px*var(--base-ratio)),calc(540/var(--base-size)*var(--base-percent)));overflow:hidden}.wrap.color-usage .sec1 .color_box_wrap,.wrap.color-usage .sec1 .color_box_wrap .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.wrap.color-usage .sec1 .color_box_wrap .box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#00854a;-ms-flex-direction:column;flex-direction:column;padding:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent))) max(calc(50px*var(--base-ratio)),calc(50/var(--base-size)*var(--base-percent)));width:59%}.wrap.color-usage .sec1 .color_box_wrap .box .tit{color:#fff;font-size:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.3}.wrap.color-usage .sec1 .color_box_wrap .box_list{width:41%}.wrap.color-usage .sec1 .color_box_wrap .box_list>li{height:max(calc(180px*var(--base-ratio)),calc(180/var(--base-size)*var(--base-percent)));padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));position:relative}.wrap.color-usage .sec1 .color_box_wrap .box_list>li:first-child{background:-webkit-gradient(linear,left top,right top,from(#f47920),to(#c9252c));background:linear-gradient(90deg,#f47920 0,#c9252c)}.wrap.color-usage .sec1 .color_box_wrap .box_list>li:nth-child(2){background:-webkit-gradient(linear,left top,right top,from(#8dc63f),to(#009559));background:linear-gradient(90deg,#8dc63f 0,#009559)}.wrap.color-usage .sec1 .color_box_wrap .box_list>li:nth-child(3){background:-webkit-gradient(linear,left top,right top,from(#14b1e7),to(#0061af));background:linear-gradient(90deg,#14b1e7 0,#0061af)}.wrap.color-usage .sec1 .color_box_wrap .box_list .tit{color:#fff;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .detail.lg .tit{font-size:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}.wrap.color-usage .sec1 .color_box_wrap .detail li{margin-top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .detail li:first-child{margin-top:0}.wrap.color-usage .sec1 .color_box_wrap .detail .tit{color:#fff;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .color_box_wrap .detail dl{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}.wrap.color-usage .sec1 .color_box_wrap .detail dt{font-weight:600;width:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .detail dd,.wrap.color-usage .sec1 .color_box_wrap .detail 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}.wrap.color-usage .sec1 .color_box_wrap .detail dd{width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .color_box_wrap .color_bar{bottom:0;height:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));left:0;position:absolute;width:100%}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap{height:100%;position:relative}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap:before{background-color:#fff;bottom:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));content:"";height:1px;left:0;overflow:hidden;position:absolute;width:100%}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt{bottom:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));overflow:hidden;position:absolute}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt1{left:65%}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt1 .num:after{background:-webkit-gradient(linear,left top,right top,from(#f47920),to(#c9252c));background:linear-gradient(90deg,#f47920 0,#c9252c)}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt2{left:65%}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt2 .num:after{background:-webkit-gradient(linear,left top,right top,from(#8dc63f),to(#009559));background:linear-gradient(90deg,#8dc63f 0,#009559)}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt3{left:50%}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt3 .num:after{background:-webkit-gradient(linear,left top,right top,from(#14b1e7),to(#0061af));background:linear-gradient(90deg,#14b1e7 0,#0061af)}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt .num{color:#fff;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;padding-bottom:max(calc(9px*var(--base-ratio)),calc(9/var(--base-size)*var(--base-percent)));position:relative}.wrap.color-usage .sec1 .color_box_wrap .color_bar .bar_wrap .txt .num:after{bottom:max(calc(2px*var(--base-ratio)),calc(2/var(--base-size)*var(--base-percent)));content:"";height:max(calc(7px*var(--base-ratio)),calc(7/var(--base-size)*var(--base-percent)));left:50%;margin-left:max(calc(3/var(--base-size)*var(--base-percent)*-1));position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:max(calc(7px*var(--base-ratio)),calc(7/var(--base-size)*var(--base-percent)));-ms-flex-negative:0;-webkit-box-shadow:inset 0 0 0 max(calc(2px*var(--base-ratio)),calc(2/var(--base-size)*var(--base-percent))) #fff;box-shadow:inset 0 0 0 max(calc(2px*var(--base-ratio)),calc(2/var(--base-size)*var(--base-percent))) #fff;flex-shrink:0}.wrap.color-usage .sec1 .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(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card.solid_color_card li:first-child .color{background-color:#00854a}.wrap.color-usage .sec1 .color_card.solid_color_card li:nth-child(2) .color{background-color:#f15a22}.wrap.color-usage .sec1 .color_card.solid_color_card li:nth-child(3) .color{background-color:#4fb84f}.wrap.color-usage .sec1 .color_card.solid_color_card li:nth-child(4) .color{background-color:#0588cb}.wrap.color-usage .sec1 .color_card.gray_color_card li:first-child .color{background-color:#6d6e71}.wrap.color-usage .sec1 .color_card.gray_color_card li:nth-child(2) .color{background-color:#bcbec0}.wrap.color-usage .sec1 .color_card.gray_color_card li:nth-child(3) .color{background-color:#a7a9ac}.wrap.color-usage .sec1 .color_card.gray_color_card li:nth-child(4) .color{background-color:#939598}.wrap.color-usage .sec1 .color_card li{width:calc(25% - max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .color_card .color{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:center;-ms-flex-align:center;align-items:center;border-radius:max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)));height:max(calc(122px*var(--base-ratio)),calc(122/var(--base-size)*var(--base-percent)));overflow:hidden;padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card .color span{color:#fff;font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .color_card .detail{padding: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))) 0}.wrap.color-usage .sec1 .color_card .detail .tit{color:#231f20;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card .detail dl{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}.wrap.color-usage .sec1 .color_card .detail dt{color:#58595b;font-weight:600;width:max(calc(70px*var(--base-ratio)),calc(70/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card .detail dd,.wrap.color-usage .sec1 .color_card .detail dt{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .color_card .detail dd{color:#808285;width:calc(100% - max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .guide_list{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(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .guide_list li{border:1px solid #ccc;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));overflow:hidden;position:relative;width:calc(50% - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .guide_list li.bg:before{background-color:#727171;content:"";height:100%;left:0;position:absolute;top:0;width:50%;z-index:-1}.wrap.color-usage .sec1 .guide_list dt{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:#f3f3f3;color:#231f20;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:600;letter-spacing:-.02em;line-height:1.5;min-height:max(calc(50px*var(--base-ratio)),calc(50/var(--base-size)*var(--base-percent)));text-align:center}.wrap.color-usage .sec1 .guide_list dd{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}.wrap.color-usage .sec1 .guide_list .concept_img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:max(calc(35px*var(--base-ratio)),calc(35/var(--base-size)*var(--base-percent)));height:max(calc(224px*var(--base-ratio)),calc(224/var(--base-size)*var(--base-percent)));justify-content:center;width:50%}.wrap.color-usage .sec1 .guide_list .concept_img .img{height:max(calc(90px*var(--base-ratio)),calc(90/var(--base-size)*var(--base-percent)));width:max(calc(160px*var(--base-ratio)),calc(160/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .guide_list .concept_img .img img{height:100%;width:100%}.wrap.color-usage .sec1 .guide_list .concept_img .txt{color:#58595b;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5;text-align:center}.wrap.color-usage .sec1 .guide_list .concept_img .txt.white{color:#fff}.wrap.color-usage .sec1 .guide_list .concept_img .txt span{color:#808285;display:block;font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec2 .concept_img .img.mobile{display:none}@media(max-width:1024px){.wrap.color-usage .sec_content_common .sec_body{padding-top:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .box{padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:50%}.wrap.color-usage .sec1 .color_box_wrap .box .tit{font-size:max(calc(36px*var(--base-ratio)),calc(36/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}.wrap.color-usage .sec1 .color_box_wrap .box_list{width:50%}.wrap.color-usage .sec1 .color_box_wrap .box_list>li{padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .box_list .tit{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3;margin-bottom:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .detail.lg .tit{font-size:max(calc(36px*var(--base-ratio)),calc(36/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}.wrap.color-usage .sec1 .color_box_wrap .detail .tit{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}.wrap.color-usage .sec1 .color_box_wrap .detail dt{width:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_box_wrap .detail dd,.wrap.color-usage .sec1 .color_box_wrap .detail dt{font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .color_box_wrap .detail dd{width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .color_card{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent))) max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card li{width:calc(50% - max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .color_card .color{padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card .color span{font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .color_card .detail{padding:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))) 0}.wrap.color-usage .sec1 .color_card .detail .tit{margin-bottom:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card .detail dt{width:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .color_card .detail dd,.wrap.color-usage .sec1 .color_card .detail dt{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .color_card .detail dd{width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .guide_list{gap:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .guide_list li{width:calc(50% - max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))))}.wrap.color-usage .sec1 .guide_list dt{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .guide_list .concept_img{gap:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));height:max(calc(180px*var(--base-ratio)),calc(180/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .guide_list .concept_img .img{height:max(calc(70px*var(--base-ratio)),calc(70/var(--base-size)*var(--base-percent)));width:max(calc(125px*var(--base-ratio)),calc(125/var(--base-size)*var(--base-percent)))}.wrap.color-usage .sec1 .guide_list .concept_img .txt{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.color-usage .sec1 .guide_list .concept_img .txt span{font-size:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}}@media(max-width:767px){.wrap.color-usage .sec1 .color_box_wrap{display:block}.wrap.color-usage .sec1 .color_box_wrap .box{min-height:max(calc(300px*var(--base-ratio)),calc(300/var(--base-size)*var(--base-percent)));width:100%}.wrap.color-usage .sec1 .color_box_wrap .box_list{width:100%}.wrap.color-usage .sec1 .color_card{display:block}.wrap.color-usage .sec1 .color_card li{margin-top:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));width:100%}.wrap.color-usage .sec1 .color_card li:first-child{margin-top:0}.wrap.color-usage .sec1 .guide_list{display:block}.wrap.color-usage .sec1 .guide_list li{margin-top:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:100%}.wrap.color-usage .sec1 .guide_list li:first-child{margin-top:0}.wrap.color-usage .sec2 .concept_img .img.web{display:none}.wrap.color-usage .sec2 .concept_img .img.mobile{display:block}.wrap.color-usage .sec2 .concept_img .img.mobile img{margin-top:max(calc(54px*var(--base-ratio)),calc(54/var(--base-size)*var(--base-percent)));width:100%}.wrap.color-usage .sec2 .concept_img .img.mobile img:first-child{margin-top:0}}