@charset "utf-8";
:root {
    --margin-base: 120px;
    --margin-step: 6px;
  }

  
/* CSS Document */
.titleh2{font-size:clamp(1.875rem, 5vw, 2.46rem);text-transform:uppercase;font-family: 'Brandon';font-weight: 700;}
.section_header .splash_img{background: url(../images/process/splash.png) no-repeat;background-size: 100%;height: 0;padding-bottom: 34%;}
.section_workvalue{color: #fff;}
.section_workvalue .titleh2{color: #fff;z-index: 2;position: relative; }
/* .section_workvalue {background: url(../images/process/work_blur2.png) left top / 100% no-repeat, 
    url(../images/process/work.png) center right / contain no-repeat;} */
.section_workvalue {background:  url(../images/process/work.png) center top / cover no-repeat;}
.section_workvalue .area_25.title{border-right: 1px solid #fff;position: relative; }
.area_25 .normalfont {white-space: pre; display: block;}
.section_workvalue .area_50{padding:6% 3% 3%; width: 50%;position: relative;}
.section_workvalue .area_50 ul{position: relative; z-index: 2;}
.section_workvalue .wording:after{content: ""; background: rgba(0, 0, 0, .7);backdrop-filter: blur(4px);position: absolute;left: 0; right: 0; bottom: 0; top: 0;z-index: 0;}
.section_workvalue .area_25.title:after{content: ""; background: rgba(0, 0, 0, .7);backdrop-filter: blur(4px);position: absolute;left: 0; right: 0; bottom: 0; top: 0;z-index: 0;}
.wording ul li {align-items: center;font-size: clamp(1rem, 3vw, 1rem);margin-bottom: 32px;font-weight: 350;margin-bottom: 45px;}
.wording ul li .icon i{ width: 45px; height: 45px;background: center center / 100% no-repeat;display: block;}
.wording ul li:nth-child(1) .icon i{ background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="43" fill="none" viewBox="0 0 46 43"><path fill="%23fff" d="M43.6757 33.581a16.1785 16.1785 0 0 0 1.6558-7.4578 16.1776 16.1776 0 0 0-1.9503-7.386 16.1625 16.1625 0 0 0-5.121-5.6653 16.1464 16.1464 0 0 0-7.1483-2.6794 16.169 16.169 0 0 0-3.6403-5.2717 16.1518 16.1518 0 0 0-5.4006-3.4422 16.1418 16.1418 0 0 0-12.5453.3947 16.1547 16.1547 0 0 0-5.1739 3.775 16.17 16.17 0 0 0-3.3022 5.4901A16.1798 16.1798 0 0 0 1.76 23.8803L.2132 29.3006a2.8314 2.8314 0 0 0 .7198 2.7758 2.8247 2.8247 0 0 0 2.7735.7204l5.4156-1.548a16.1762 16.1762 0 0 0 5.1996 1.542 16.1681 16.1681 0 0 0 3.7147 5.3589 16.151 16.151 0 0 0 5.5281 3.454 16.1428 16.1428 0 0 0 12.749-.6543l5.4156 1.548a2.8247 2.8247 0 0 0 2.7735-.7204 2.8308 2.8308 0 0 0 .7198-2.7758l-1.5467-5.4202Zm-3.2833.2708 1.5245 5.3373-5.3328-1.5258a1.6143 1.6143 0 0 0-1.2116.1374 12.9258 12.9258 0 0 1-9.7324 1.0768 12.9376 12.9376 0 0 1-7.6979-6.0564 16.1309 16.1309 0 0 0 6.2873-2.0138 16.1439 16.1439 0 0 0 4.9558-4.3647 16.1588 16.1588 0 0 0 2.7953-5.9854 16.166 16.166 0 0 0 .1671-6.6049 12.9204 12.9204 0 0 1 5.2725 2.6228 12.9335 12.9335 0 0 1 3.5627 4.6914 12.9438 12.9438 0 0 1-.4532 11.4666 1.6182 1.6182 0 0 0-.1373 1.2187Z"/></svg>')}
.wording ul li:nth-child(2) .icon i{ background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="53" fill="none" viewBox="0 0 48 53"><g fill="%23fff"><path d="m42.5932 16.0244-6.3331-3.9665c-2.489-1.5589-5.7961-.4423-7.3976 2.0443-.1487.2309-.0626.5488.1714.6954l7.4926 4.6927c.6492.4066.8841 1.3138.5182 2.0013-.3658.6874-1.2075.9203-1.8567.5137l-7.4926-4.6927c-.234-.1466-.5289-.0678-.6587.176l-1.761 3.3089c-.1297.2437-.0452.5602.1888.7067l4.0253 2.5211c.6491.4066.8841 1.3138.5182 2.0013-.3659.6874-1.2076.9203-1.8567.5137l-4.0253-2.5211c-.234-.1465-.5289-.0677-.6586.176l-1.7188 3.2296c-.1288.242-.0465.556.1845.704l7.4547 4.7749c.665.4165.8841 1.3138.5093 2.018-.3817.6775-1.1987.9036-1.8478.497l-.0158-.0099-7.4303-4.7595c-.2344-.1501-.5323-.0722-.663.1733l-1.8032 3.3882c-.1298.2438-.0452.5602.1888.7068l5.751 3.602c.665.4164.8841 1.3137.5182 2.0012-.3658.6874-1.1917.9302-1.8567.5138l-5.751-3.602c-.234-.1466-.5309-.0685-.6408.1866-1.1844 2.7479-.4222 6.4131 2.0668 7.972l6.3331 3.9666c2.6124 1.6362 5.9455.7282 7.4268-2.0551L44.666 24.0294c1.4813-2.7833.5396-6.3688-2.0728-8.005ZM24.4176 11.075l-.8969 1.6851c-.1297.2438-.4246.3226-.6586.176l-8.1998-5.1357c-.234-.1465-.3186-.463-.1889-.7067l.8969-1.6852c1.4103-2.65 4.6042-3.5503 7.0995-1.9875 2.4799 1.5533 3.3581 5.004 1.9478 7.654ZM3.6988 27.3392c-.3993.7503-.7208 2.083-.6906 2.9467l.0331 3.0443c.0522 3.5453 2.4097 5.0219 5.2508 3.2887l2.4622-1.4815c.6893-.4131 1.5925-1.3814 1.9918-2.1317l8.7811-16.4994c.1298-.2438.0452-.5602-.1888-.7068l-8.1998-5.1357c-.234-.1465-.5289-.0677-.6587.176l-8.781 16.4994Z"/></g></svg>')}
.wording ul li:nth-child(3) .icon i{ background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" fill="none" viewBox="0 0 61 61"><path fill="%23fff" d="M52.3431 47.0207h-3.0446V23.5238c0-.8903-.3263-1.7441-.9071-2.3736-.5807-.6295-1.3684-.9832-2.1898-.9832h-8.5164c-.2053 0-.4022.0885-.5474.2458-.1452.1574-.2268.3709-.2268.5934v26.0145h-3.0969V10.1829a3.6896 3.6896 0 0 0-.3061-1.5126c-.2066-.4725-.5096-.8879-.8862-1.2147-.5133-.4338-1.1396-.6812-1.7901-.7072-.6504-.026-1.2918.1708-1.8332.5624L13.5141 18.4887c-.4248.3072-.7729.7234-1.0133 1.2117-.2404.4883-.3658 1.0335-.3648 1.5869v25.7334H9.0914c-.4001-.0064-.7877.1517-1.0846.4425-.297.2907-.4814.6926-.516 1.1247-.0142.2296.0155.4598.087.6765.0715.2166.1833.415.3285.5828.1452.1679.3207.3015.5156.3927a1.445 1.445 0 0 0 .6172.1376h43.3563a1.4451 1.4451 0 0 0 .6172-.1376 1.5534 1.5534 0 0 0 .5156-.3927 1.7086 1.7086 0 0 0 .3285-.5828 1.808 1.808 0 0 0 .0871-.6765c-.0347-.4321-.2191-.834-.516-1.1247-.297-.2908-.6846-.4489-1.0847-.4425Zm-31.6907-5.035a1.7981 1.7981 0 0 1-.1269.669 1.6842 1.6842 0 0 1-.3623.5589 1.532 1.532 0 0 1-.5377.3561 1.4373 1.4373 0 0 1-.6241.0943c-.399-.0376-.7701-.2377-1.0384-.5601-.2682-.3223-.4139-.7429-.4075-1.177v-3.2413c-.0054-.4336.1406-.8534.4087-1.1751.2682-.3218.6387-.5218 1.0372-.5599a1.4388 1.4388 0 0 1 .6241.0944 1.532 1.532 0 0 1 .5377.3561c.1549.1574.2782.3476.3623.5588a1.799 1.799 0 0 1 .1269.6691v3.3567Zm0-11.7485a1.7981 1.7981 0 0 1-.1269.669 1.6832 1.6832 0 0 1-.3623.5589 1.532 1.532 0 0 1-.5377.3561 1.4373 1.4373 0 0 1-.6241.0943c-.3989-.0381-.7696-.2384-1.0378-.5606-.2682-.3222-.414-.7425-.4081-1.1765v-3.2413c-.0054-.4336.1406-.8534.4087-1.1751.2682-.3218.6387-.5218 1.0372-.5599a1.4388 1.4388 0 0 1 .6241.0944 1.532 1.532 0 0 1 .5377.3561c.1549.1574.2782.3476.3623.5588a1.799 1.799 0 0 1 .1269.6691v3.3567Zm7.7422 11.7485a1.7981 1.7981 0 0 1-.1269.669 1.6842 1.6842 0 0 1-.3623.5589 1.532 1.532 0 0 1-.5377.3561 1.4373 1.4373 0 0 1-.6241.0943c-.3984-.0375-.7688-.2371-1.037-.5585-.2682-.3215-.4143-.741-.4089-1.1744v-3.2455c-.0049-.4332.1413-.8525.4094-1.1738.2681-.3213.6383-.521 1.0365-.5591a1.4388 1.4388 0 0 1 .6241.0944 1.532 1.532 0 0 1 .5377.3561c.1549.1574.2782.3476.3623.5588a1.799 1.799 0 0 1 .1269.6691v3.3546Zm0-11.7485a1.7981 1.7981 0 0 1-.1269.669 1.6832 1.6832 0 0 1-.3623.5589 1.532 1.532 0 0 1-.5377.3561 1.4373 1.4373 0 0 1-.6241.0943c-.3982-.038-.7684-.2377-1.0365-.559-.2681-.3214-.4143-.7406-.4094-1.1739v-3.2455c-.0049-.4332.1413-.8525.4094-1.1738.2681-.3213.6383-.521 1.0365-.5591a1.4388 1.4388 0 0 1 .6241.0944 1.532 1.532 0 0 1 .5377.3561c.1549.1574.2782.3476.3623.5588a1.799 1.799 0 0 1 .1269.6691v3.3546Z"/></svg>')}
.wording ul li:nth-child(4) .icon i{ background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" fill="none" viewBox="0 0 61 61"><path fill="%23fff" d="M29.1055 47.9181c-.0846.3666-.28.6921-.5549.9246-.275.2326-.6138.359-.9627.359a1.475 1.475 0 0 1-.3911-.0508l-6.258-1.6945a1.508 1.508 0 0 1-.4889-.2351l-4.6935-3.389c-.3451-.2494-.5847-.6371-.6659-1.0778-.0813-.4408.0025-.8984.2328-1.2722.2302-.3739.5882-.6333.9951-.7213.4069-.088.8294.0027 1.1746.2521l4.4666 3.2259 5.996 1.6246a1.513 1.513 0 0 1 .5554.2794c.1663.1319.307.298.4138.489a1.785 1.785 0 0 1 .2088.6235c.031.2208.0215.4459-.0281.6626Zm25.949-20.4312c-.1284.4223-.3327.8129-.6012 1.1491-.2686.3363-.596.6117-.9633.8101l-4.6309 2.5079-2.9491 3.1962-7.8224 8.4724c-.1912.2069-.4286.3566-.689.4345a1.4483 1.4483 0 0 1-.7973.0103l-12.5159-3.389a1.523 1.523 0 0 1-.53-.2647l-10.8576-8.3962-4.7482-2.5714c-.742-.4018-1.3064-1.1063-1.569-1.9587-.2626-.8524-.2019-1.7828.1688-2.5867l4.8597-10.5249c.371-.8038 1.0215-1.415 1.8085-1.6994.787-.2844 1.646-.2187 2.3882.1828l4.3141 2.3299 10.3648-3.2068a1.4495 1.4495 0 0 1 .8605 0l10.3647 3.2068 4.3141-2.3299c.7422-.4015 1.6013-.4672 2.3883-.1828.787.2844 1.4375.8956 1.8084 1.6994l4.8598 10.5249a3.587 3.587 0 0 1 .326 1.2742 3.63 3.63 0 0 1-.152 1.312Zm-12.6039 6.6042-5.419-4.7c-3.8213 3.3889-8.6732 3.8358-12.6939 1.059-.3955-.2725-.7295-.6377-.9772-1.0688-.2476-.431-.4027-.9168-.4538-1.4215a3.6527 3.6527 0 0 1 .1588-1.4942c.1556-.4789.4086-.9138.7402-1.2726a.1208.1208 0 0 1 .0157-.017l8.7729-9.2159-1.8774-.5803-9.8602 3.0522-5.3525 11.5924 9.6216 7.4451 11.3699 3.0776 5.9549-6.456Zm3.567-3.8634L40.7022 18.701h-6.2227l-8.4561 8.896c2.4758 1.7136 6.3577 2.1859 9.8407-1.6161.272-.297.6358-.4745 1.0214-.4983.3856-.0239.7657.1076 1.0672.3691l6.7292 5.8396 1.3357-1.4636Z"/></svg>')}
.wording ul li .detail .title{font-size: clamp(1.2rem, 2vw, 1.2rem);margin-bottom: 16px;font-weight: 500;}
.icon.dest{ flex: 0 0 10%;margin-right: 14px;}
.icon.mobile{display: none;}
.section_process{ background-color: #d1d1d1;}
.section_process .titleh2{color: #fff;}
.section_process .process_list .items-wrapper{display: flex; flex-wrap: wrap;justify-content: space-between;}
.section_process .process_list li{ width: 22%; color: #fff; margin-bottom: 40px;position: relative;}
.section_process .process_list li:after{content: ""; width: 100%; position: absolute;height: 2px;background-color: var(--second_color); width: 50%;right: -30%; top: 49.5%;}
.section_process .process_list li:nth-child(4n+4):after{display: none;}
.section_process .process_list li .process_cover{border-radius: 100%; display: flex; justify-content: center; align-items: center;width: 80%;aspect-ratio: 1 / 1;background-color:var(--second_color);transition: all .3s;position: relative;z-index: 3;}
.section_process .process_list li .process_cover.active .process_content{transform: translateX(-50%) translateY(5px);opacity: 1;transition: all .3s;z-index: 3;}
.section_process .process_list li .process_content{position: absolute;background: #000;border-radius: 3px;top: 100%;left: 50%;margin-top: 5px;padding: 5px;width: 468px;padding: 7%;transform: translateX(-50%) translateY(30%);opacity: 0;z-index: 2;}
.section_process .process_list li .process_content::after{content: "";transform: translateX(-50%) translateY(5px);top: 100%;left: 50%;content: "";width: 0;height: 0;border-style: solid;border-width: 0 7.5px 8px 7.5px;border-color: transparent transparent #000000 transparent;top: -13px;position: absolute;}

.section_process .process_list li .process_cover.active{background-color: var(--primary_color);z-index: 5;}
.section_process .process_list li .process_cover .process_num{font-family: 'Brandon';font-weight: 700;font-size: clamp(1.875rem, 3vw, 2.4rem);}
.section_process .process_list li .process_cover .process_title{display: none;letter-spacing: 1.44px;font-size: clamp(1.125rem, 3vw, 1.2rem);font-weight: 500;}
.section_process .process_list li .process_cover.active .process_title{display: block;}
.section_process .process_list li .process_cover.active .process_num{display: none;}


.section_charges .area_75{padding: 4% 65px;}
.section_charges .area_75 .charges_wrap li{width: 50%;position: relative;margin-left: 1px;}
.section_charges .area_75 .charges_wrap li .img_cover_word{background-color: rgba(0, 0, 0, 0.64);position: absolute;min-height: 34%;color: var(--white_color);padding:3% 6%;left: 0; right: 0;bottom: 0;display: flex;display: flex;justify-content: center;align-items: center;}
.section_charges .area_75 .charges_wrap li .img_cover_word .charge_title{flex:  0 0 2%;   margin-right: 4%;position: relative;font-size: clamp(1rem, 3vw, 1.2rem);font-weight: 500;line-height: 31px;display: flex;justify-content: center;align-items: center;}
.section_charges .area_75 .charges_wrap li .img_cover_word .charge_title span{display: block; border-right: 1px solid var(--white_color); padding-right: 20px;}
/* .section_charges .area_75 .charges_wrap li .img_cover_word .charge_title:after{content: ""; position: absolute; top:0;width: 1px; background-color: #fff;bottom: 0;left: 40px;} */
.section_charges .area_75 .charges_wrap li .img_cover_word .discipt{font-weight: 350;line-height: 1.5; font-size: clamp(.8rem, 3vw, 1rem);}
.section_charges .area_75 .charges_wrap li .img_cover_word .discipt .wording_1{font-weight: 350; font-size: clamp(.9rem, 3vw, 1rem);font-weight: 500;}

@media (max-width:1920px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 1 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 1 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 1 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 1 * var(--margin-step)));}
}
@media (max-width:1850px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 2 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 2 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 2 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 2 * var(--margin-step)));}
}
@media (max-width:1750px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 3 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 3 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 3 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 3 * var(--margin-step)));}
    .icon.dest{margin-right: 20px;}
}
@media (max-width:1650px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 4 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 4 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 4 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 4 * var(--margin-step)));}
}
@media (max-width:1550px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 5 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 5 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 5 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 5 * var(--margin-step)));}
}
@media (max-width:1450px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 6 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 6 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 6 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 6 * var(--margin-step)));}
}
@media (max-width:1350px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 7 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 7 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 7 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 7 * var(--margin-step)));}
}
@media (max-width:1250px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 8 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 8 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 8 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 8 * var(--margin-step)));}
}
@media (max-width:1150px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 9 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 9 * var(--margin-step)));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{ margin-left: calc(var(--margin-base) - 9 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{ margin-left: calc(-1 * (var(--margin-base) - 9 * var(--margin-step)));}
}
/* 
@media screen and (min-width: 1561px) and (max-width: 1661px)  {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{margin-left: calc(var(--margin-base) - 0 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{margin-left: calc(-1 * var(--margin-base) - 0 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{margin-left: calc(var(--margin-base) - 0 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{margin-left: calc(-1 * var(--margin-base) - 0 * var(--margin-step));}
}

@media screen and (min-width: 1501px) and (max-width: 1559px)  {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{margin-left: calc(var(--margin-base) - 0 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{margin-left: - calc(var(--margin-base) - 0 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{margin-left: calc(var(--margin-base) - 0 * var(--margin-step));}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{margin-left: - calc(var(--margin-base) - 0 * var(--margin-step));}
}
@media screen and (min-width: 1421px) and (max-width: 1500px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{margin-left: 81px;}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{margin-left: -81px;}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{margin-left: 81px;}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{margin-left: -81px;}
}
@media screen and (min-width: 1370px) and (max-width: 1420px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{margin-left: 78px;}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{margin-left: -78px;}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{margin-left: 78px;}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{margin-left: -78px;}
}
@media screen and (min-width: 1101px) and (max-width: 1370px) {
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{margin-left: 74px;}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{margin-left: -75px;}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(4) .process_content::after{margin-left: 74px;}
    .section_process .process_list .items-wrapper:nth-child(2) li.process_list_item:nth-child(1) .process_content::after{margin-left: -75px;}
} */
@media screen and (min-width: 1101px) and (max-width: 2560px){
    .section_process .area_wrap .area_75{padding: 120px 1% 90px 4%;}
    .section_process .process_list .items-wrapper:nth-child(1) li .process_content::after{top: inherit; bottom: 100%;bottom: -3px;border-width: 8px 7.5px 0 7.5px;border-color: #000000 transparent transparent transparent;}
    .section_process .process_list .items-wrapper:nth-child(1) li .process_cover.active .process_content{top: inherit; bottom: 100%; margin-bottom: 16px;}
}
@media screen and (min-width: 1101px) and (max-width: 1920px){
    .section_process .process_list .items-wrapper:nth-child(1) li:nth-child(1) .process_content{left: 100%; }
    .section_process .process_list .items-wrapper:nth-child(2) li:nth-child(1) .process_content{left: 100%; }
    .section_process .process_list .items-wrapper:nth-child(1) li:nth-child(4) .process_content{left: 0;}
    .section_process .process_list .items-wrapper:nth-child(2) li:nth-child(4) .process_content{left: 0;}
}

@media screen and (min-width: 1101px) and (max-width: 1520px) {
    .section_charges .area_75 .charges_wrap li .img_cover_word{padding: 3% 5%;min-height:44%}
    .section_workvalue .area_50{padding: 3% 3% 2%;}
    .wording ul li .detail .title{margin-bottom: 8px;}
    .wording ul li{margin-bottom: 23px;}
    
}
@media screen and (min-width: 1101px) and (max-width: 1179px) {
    .section_charges .area_75 .charges_wrap li .img_cover_word{min-height:60%}
   
}


@media (max-width: 1100px) {
    .section_workvalue{background: 0 none;}
    .section_workvalue .area_50{width: 100%;padding: 0 10% 64px;}
    .icon.dest{display: none;}
    .wording ul li{align-items: revert;}
    .section_workvalue .titleh2:after{content: ""; position: absolute;bottom: -50%;left: -34vw;right: -34vw; height: 1px ;background-color: var(--white_color);}
    .section_workvalue .splash{background: url(../images/process/work_m.png) no-repeat;background-size: 100%;padding-bottom: 82%;}
    .section_process .process_list li{width: 85%; margin: 0 auto 30px;}
    .section_process .process_list li:after{ width: revert; height: 50%;background-color: var(--second_color);width: 1px;left: 50%;top: 100%;z-index: 0;right: revert;}
    .section_process .process_list li .process_cover{margin: auto;}
    .section_process .process_list li:nth-child(7):after{display: none;}
    .section_process .process_list li:nth-child(8):after{display: none;}
    .section_charges .area_75 .charges_wrap li{width: 80%;margin: 0 auto 10%;}
    .section_charges .area_75 .charges_wrap li:nth-child(2){margin-bottom: 5%;}
    .section_charges .area_75 .charges_wrap li .img_cover_word{min-height:30%}
    

    .icon.mobile {display: inline-flex;margin-right: 16px;}
    .wording ul li .icon i {width: 28px;height: 28px;display: inline-block;}
    .wording ul li .detail .title {display: flex;align-items: center;}
    .section_process .process_list {display: flex; flex-wrap: wrap;justify-content: space-between;}
    .section_process .process_list .items-wrapper {flex-direction: column;width: 50%;}
    .section_process .process_list .items-wrapper:nth-child(1) li .process_content{transform: translateX(0%) translateY(-50%);top: 50%;width: 200px;}    
    .section_process .process_list .items-wrapper:nth-child(2) li .process_content{transform: translateX(0%) translateY(-50%);left: revert ;right: 100%;width: 200px; top: revert;}    
    
    .section_process .process_list li .process_content::after{width: 0;height: 0;border-style: solid;border-width: 7.5px 8px 7.5px 0;border-color: transparent #000000 transparent transparent;transform: translateX(5px) translateY(-50%);top: 50%;left: -13px;border-left: none;}
    .section_process .process_list .items-wrapper:nth-child(1) li .process_cover.active .process_content{top: 50%;left: 100%;margin-left: 11px;transform: translateX(0%) translateY(-50%);}
    .section_process .process_list .items-wrapper:nth-child(2) li .process_cover.active .process_content{top: 50%;margin-right: 11px;transform: translateX(0%) translateY(-50%);}
    .section_process .process_list .items-wrapper:nth-child(2) li .process_content::after{width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 8px;border-color: transparent transparent transparent #000000;}
    .section_process .process_list .items-wrapper:nth-child(2) li .process_content::after{right: -1%; left: revert;}
    .section_process .process_list .items-wrapper:nth-child(2) li:hover .process_cover .process_content{transform: translateX(0) translateY(-50%);margin-right: 11px;left: revert ;right: 100%}
    .section_charges .area_75{padding: 0 0 6%;}
    .section_header .splash_img{padding-bottom: 51%;}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(1) .process_content::after{margin-left: revert;}
    .section_process .process_list .items-wrapper:nth-child(1) li.process_list_item:nth-child(4) .process_content::after{margin-left: revert;}

    
}
@media (max-width: 786px) {
    .section_workvalue .splash{padding-bottom:87%;}
}

@media (max-width: 600px) {
    .section_header .splash_img{background: url(../images/process/splash_m.png) no-repeat;background-size: 100%;padding-bottom: 103%;}
    .wording ul li {line-height: 36px;}
    .section_workvalue .titleh2:after{left: -24vw;right: -24vw;}
    .section_workvalue .splash{padding-bottom: 90%;}
    .section_charges .area_75 .charges_wrap li .img_cover_word{flex-direction: column;padding:5px 5% 10px 5%}
    .section_charges .area_75 .charges_wrap li .img_cover_word .charge_title {border-bottom: 1px solid var(--white_color);width: 100%;padding-bottom: 10px; margin-bottom: 10px;margin-right: revert;}
    .section_charges .area_75 .charges_wrap li .img_cover_word .charge_title span {border-right:revert;    padding-right: revert;}
    .section_charges .area_75 .charges_wrap li .img_cover_word .discipt{line-height: 1.6;width: 100%;}
    .section_charges .area_75 .charges_wrap li .img_cover_word .discipt .wording_1{line-height: 1.5;margin-bottom: 8px;}
    .section_process{overflow-x: hidden;}
    
}