@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.ci-manual.signage .table_wrap table thead th{background:transparent}.wrap.basic-system .color_box_wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;border:1px solid #ccc;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));justify-content:start;min-height:max(calc(456px*var(--base-ratio)),calc(456/var(--base-size)*var(--base-percent)));overflow:hidden}.wrap.basic-system .color_box_wrap,.wrap.basic-system .color_box_wrap .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.wrap.basic-system .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(26px*var(--base-ratio)),calc(26/var(--base-size)*var(--base-percent))) 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:50%}.wrap.basic-system .color_box_wrap .box.bg_white{background-color:#fff}.wrap.basic-system .color_box_wrap .box.bg_white .detail .tit,.wrap.basic-system .color_box_wrap .box.bg_white .detail dd,.wrap.basic-system .color_box_wrap .box.bg_white .detail dt,.wrap.basic-system .color_box_wrap .box.bg_white .tit{color:#231f20}.wrap.basic-system .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.basic-system .color_box_wrap .detail li{margin-top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.wrap.basic-system .color_box_wrap .detail li:first-child{margin-top:0}.wrap.basic-system .color_box_wrap .detail .tit{color:#231f20;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.basic-system .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.basic-system .color_box_wrap .detail dt{font-weight:600;width:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)))}.wrap.basic-system .color_box_wrap .detail dd,.wrap.basic-system .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.basic-system .color_box_wrap .detail dd{width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.wrap.basic-system .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(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.wrap.basic-system .color_card.sub_color_card li:first-child .color{background-color:#b5b5b6}.wrap.basic-system .color_card.sub_color_card li:nth-child(2) .color{background-color:#595757}.wrap.basic-system .color_card.sub_color_card li:nth-child(3) .color{background:linear-gradient(132deg,#c9caca -11.07%,#fff 72.11%,#f9f9f9 85.76%,#c9caca 113.07%);border:1px solid #ccc}.wrap.basic-system .color_card.symbol_mark_color_card li:first-child .color{background:-webkit-gradient(linear,left top,right top,from(#f47920),to(#c9252c));background:linear-gradient(90deg,#f47920 0,#c9252c)}.wrap.basic-system .color_card.symbol_mark_color_card li:nth-child(2) .color{background:-webkit-gradient(linear,left top,right top,from(#8dc63f),to(#009559));background:linear-gradient(90deg,#8dc63f 0,#009559)}.wrap.basic-system .color_card.symbol_mark_color_card li:nth-child(3) .color{background:-webkit-gradient(linear,left top,right top,from(#14b1e7),to(#0061af));background:linear-gradient(90deg,#14b1e7 0,#0061af)}.wrap.basic-system .color_card li{width:calc(33.33% - max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent))))}.wrap.basic-system .color_card .color{border-radius:max(calc(4px*var(--base-ratio)),calc(4/var(--base-size)*var(--base-percent)));height:max(calc(160px*var(--base-ratio)),calc(160/var(--base-size)*var(--base-percent)));overflow:hidden;position:relative}.wrap.basic-system .color_card .color .color_bar{bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));height:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));left:0;position:absolute;width:100%}.wrap.basic-system .color_card .color .color_bar .bar_wrap{height:100%;position:relative}.wrap.basic-system .color_card .color .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.basic-system .color_card .color .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.basic-system .color_card .color .color_bar .bar_wrap .txt1{left:65%}.wrap.basic-system .color_card .color .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.basic-system .color_card .color .color_bar .bar_wrap .txt2{left:65%}.wrap.basic-system .color_card .color .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.basic-system .color_card .color .color_bar .bar_wrap .txt3{left:50%}.wrap.basic-system .color_card .color .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.basic-system .color_card .color .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.basic-system .color_card .color .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.basic-system .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.basic-system .color_card .detail .tit{color:#231f20;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;margin-bottom:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.basic-system .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;margin-top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.wrap.basic-system .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.basic-system .color_card .detail dd,.wrap.basic-system .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.basic-system .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.basic-system .guide_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;border:1px solid #ddd;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.wrap.basic-system .guide_list.bg{background-color:#ddd}.wrap.basic-system .guide_list li{border-left:1px solid #ddd;width:50%}.wrap.basic-system .guide_list li:first-child{border-left:none}.wrap.basic-system .guide_list dt{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;padding:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent))) max(calc(30px*var(--base-ratio)),calc(30/var(--base-size)*var(--base-percent)));text-align:center}.wrap.basic-system .guide_list .size{color:#231f20;font-size:max(calc(15px*var(--base-ratio)),calc(15/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.5;margin-top:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));text-align:center}.wrap.basic-system .guide_list .img img{width:100%}.wrap.basic-system .guide_icon_list{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:1px solid #ddd;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));overflow:hidden}.wrap.basic-system .guide_icon_list li{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:calc(33.3333% - max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))))}.wrap.basic-system .guide_icon_list li:nth-of-type(3n){border-right:none}.wrap.basic-system .guide_icon_list li:last-child,.wrap.basic-system .guide_icon_list li:nth-last-child(2){border-bottom:none}.wrap.basic-system .guide_icon_list p{color:#808285;font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));height:max(calc(54px*var(--base-ratio)),calc(54/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;line-height:max(calc(54px*var(--base-ratio)),calc(54/var(--base-size)*var(--base-percent)));vertical-align:middle}.wrap.basic-system .guide_icon_list .ico{padding-left:max(calc(66px*var(--base-ratio)),calc(66/var(--base-size)*var(--base-percent)));position:relative}.wrap.basic-system .guide_icon_list .ico:before{background-position:0 0;background-repeat:no-repeat;background-size:cover;content:"";height:max(calc(54px*var(--base-ratio)),calc(54/var(--base-size)*var(--base-percent)));left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:max(calc(54px*var(--base-ratio)),calc(54/var(--base-size)*var(--base-percent)))}.wrap.basic-system .guide_icon_list .ico.ico1:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico1.svg)}.wrap.basic-system .guide_icon_list .ico.ico2:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico2.svg)}.wrap.basic-system .guide_icon_list .ico.ico3:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico3.svg)}.wrap.basic-system .guide_icon_list .ico.ico4:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico4.svg)}.wrap.basic-system .guide_icon_list .ico.ico5:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico5.svg)}.wrap.basic-system .guide_icon_list .ico.ico6:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico6.svg)}.wrap.basic-system .guide_icon_list .ico.ico7:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico7.svg)}.wrap.basic-system .guide_icon_list .ico.ico8:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico8.svg)}.wrap.basic-system .guide_icon_list .ico.ico9:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico9.svg)}.wrap.basic-system .guide_icon_list .ico.ico10:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico10.svg)}.wrap.basic-system .guide_icon_list .ico.ico11:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico11.svg)}.wrap.basic-system .guide_icon_list .ico.ico12:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico12.svg)}.wrap.basic-system .guide_icon_list .ico.ico13:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico13.svg)}.wrap.basic-system .guide_icon_list .ico.ico14:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico14.svg)}.wrap.basic-system .guide_icon_list .ico.ico15:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico15.svg)}.wrap.basic-system .guide_icon_list .ico.ico16:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico16.svg)}.wrap.basic-system .guide_icon_list .ico.ico17:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico17.svg)}.wrap.basic-system .guide_icon_list .ico.ico18:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico18.svg)}.wrap.basic-system .guide_icon_list .ico.ico19:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico19.svg)}.wrap.basic-system .guide_icon_list .ico.ico20:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico20.svg)}.wrap.basic-system .guide_icon_list .ico.ico21:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico21.svg)}.wrap.basic-system .guide_icon_list .ico.ico22:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico22.svg)}.wrap.basic-system .guide_icon_list .ico.ico23:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico23.svg)}.wrap.basic-system .guide_icon_list .ico.ico24:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico24.svg)}.wrap.basic-system .guide_icon_list .ico.ico25:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico25.svg)}.wrap.basic-system .guide_icon_list .ico.ico26:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico26.svg)}.wrap.basic-system .guide_icon_list .ico.ico27:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico27.svg)}.wrap.basic-system .guide_icon_list .ico.ico28:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico28.svg)}.wrap.basic-system .guide_icon_list .ico.ico29:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico29.svg)}.wrap.basic-system .guide_icon_list .ico.ico30:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico30.svg)}.wrap.basic-system .guide_icon_list .ico.ico31:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico31.svg)}.wrap.basic-system .guide_icon_list .ico.ico32:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico32.svg)}.wrap.basic-system .guide_icon_list .ico.ico33:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico33.svg)}.wrap.basic-system .guide_icon_list .ico.ico34:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico34.svg)}.wrap.basic-system .guide_icon_list .ico.ico35:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico35.svg)}.wrap.basic-system .guide_icon_list .ico.ico36:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico36.svg)}.wrap.basic-system .guide_icon_list .ico.ico37:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico37.svg)}.wrap.basic-system .guide_icon_list .ico.ico38:before{background-image:url(/resources/images/ci-manual/signage/basic-system/use_ico38.svg)}.wrap.basic-system .sec2 .concept_wrap{margin:0 auto}.wrap.basic-system .sec2 .txt_wrap{display:inline-block;font-family:DBGothic,sans-serif;padding:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)));text-align:center}.wrap.basic-system .sec2 .txt_wrap p{color:#231f20;font-size:max(calc(28px*var(--base-ratio)),calc(28/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3;margin-top:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));text-align:left}.wrap.basic-system .sec2 .txt_wrap p:first-child{margin-top:0}.wrap.basic-system .sec2 .txt_wrap p.txt2{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}@media(max-width:1024px){.wrap.basic-system .color_box_wrap{min-height:max(calc(220px*var(--base-ratio)),calc(220/var(--base-size)*var(--base-percent)))}.wrap.basic-system .color_box_wrap .box{padding:max(calc(30px*var(--base-ratio)),calc(30/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.basic-system .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.basic-system .color_box_wrap .detail .tit{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.basic-system .color_box_wrap .detail dd,.wrap.basic-system .color_box_wrap .detail dt{font-size:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.basic-system .color_card li{width:calc(50% - max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent))))}.wrap.basic-system .color_card .color{height:max(calc(140px*var(--base-ratio)),calc(140/var(--base-size)*var(--base-percent)))}.wrap.basic-system .color_card .detail{padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent))) max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent))) 0}.wrap.basic-system .color_card .detail .tit{font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;margin-bottom:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.basic-system .color_card .detail dd,.wrap.basic-system .color_card .detail dt{font-size:max(calc(12px*var(--base-ratio)),calc(12/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5}.wrap.basic-system .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;padding:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)))}.wrap.basic-system .guide_list .size{font-size:max(calc(13px*var(--base-ratio)),calc(13/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;margin-top:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.wrap.basic-system .guide_icon_list li{padding:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:calc(50% - max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))))}.wrap.basic-system .guide_icon_list li:nth-of-type(3n){border-right:1px solid #ddd}.wrap.basic-system .guide_icon_list li:nth-of-type(2n){border-right:none}.wrap.basic-system .guide_icon_list p{font-size:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.5;line-height:max(calc(52px*var(--base-ratio)),calc(52/var(--base-size)*var(--base-percent)))}.wrap.basic-system .guide_icon_list .ico:before,.wrap.basic-system .guide_icon_list p{height:max(calc(52px*var(--base-ratio)),calc(52/var(--base-size)*var(--base-percent)))}.wrap.basic-system .guide_icon_list .ico:before{width:max(calc(52px*var(--base-ratio)),calc(52/var(--base-size)*var(--base-percent)))}.wrap.basic-system .sec2 .txt_wrap{padding:max(calc(55px*var(--base-ratio)),calc(55/var(--base-size)*var(--base-percent))) max(calc(30px*var(--base-ratio)),calc(30/var(--base-size)*var(--base-percent)))}.wrap.basic-system .sec2 .txt_wrap p{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3;margin-top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.wrap.basic-system .sec2 .txt_wrap p.txt2{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.basic-system .color_box_wrap{display:block}.wrap.basic-system .color_box_wrap .box{display:block;width:100%}.wrap.basic-system .color_card{display:block}.wrap.basic-system .color_card li{margin-top:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)));width:100%}.wrap.basic-system .color_card li:first-child{margin-top:0}.wrap.basic-system .guide_list{display:block}.wrap.basic-system .guide_list li{border-left:none;border-top:1px solid #ddd;width:100%}.wrap.basic-system .guide_list li:first-child{border-top:none}.wrap.basic-system .guide_icon_list{display:block}.wrap.basic-system .guide_icon_list li{border-bottom:none;border-right:none;border-top:1px solid #ddd;width:100%}.wrap.basic-system .guide_icon_list li:nth-of-type(3n){border-right:none}.wrap.basic-system .guide_icon_list li:last-child,.wrap.basic-system .guide_icon_list li:nth-last-child(2){border-bottom:none}.wrap.basic-system .guide_icon_list li:first-child{border-top:none}.wrap.basic-system .sec2 .concept_wrap{display:block;text-align:center}.wrap.basic-system .sec2 .txt_wrap{display:inline-block;padding:max(calc(55px*var(--base-ratio)),calc(55/var(--base-size)*var(--base-percent))) 0}}