@charset "utf-8";

/*────────────────────────────────────────────────────
    business
─────────────────────────────────────────────────────*/
    /* freight */
        .sec_gap{position: relative; display: flex; flex-direction: column; gap: 100px;}
            .sec_gap.md{gap: 76px;}
        .sec_gap section{position: relative; width: 100%; box-sizing: border-box;}
        .sub_title{position: relative; font-size: var(--title-20);}
            .sub_title.hd{margin-bottom: 30px;}
            .sub_title.hd_m{margin-bottom: 21px;}
        .sub_title h3{font-size: 200%;font-weight: 600;color: var(--black-color01);letter-spacing: -0.03em;line-height: 1.5;}
        .sub_title h4{font-size: 150%;font-weight: 500;color: var(--black-color01);letter-spacing: -0.03em;line-height: 1.45;display: flex;align-items: baseline;gap: 14px;}
            .sub_title h4.icon:before{display: inline-flex;content:'';width: 6px;height: 6px;background: var(--point-color01);border-radius: 100%;flex-shrink: 0;translate: 0 -10px;}
			
		.box_title{position:relative;font-size: var(--title-20);background:var(--point-color06);color: var(--point-white);width:fit-content;padding: 8px 20px;margin-bottom: 21px;}
			.sub_hd .box_title{margin-top: 40px;}
		.box_title p{font-size:90%;color: inherit;}
		.sub_hd .bullet_list > li{font-family:var(--font-type01);font-size: 17px;line-height: 1.41;}
		.sub_hd .bullet_list > li::before{top:10px;}
        
		.sub_cons .cons_flex.start{align-items:flex-start;}

        .organic_wrap{display: flex; flex-direction: column; gap: 40px;}
        .organic_wrap .item{display: flex; flex-wrap: wrap; gap: 50px;}
        .organic_wrap .title{position: relative;width: 260px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: var(--point-color01);font-size: var(--title-20);color: var(--point-white);box-sizing: border-box;padding: 20px;}
            .organic_wrap .title:before{position: absolute;content:'';width: 50px;height: 1px;background: var(--point-color01);top:50%;left:100%;}
        .organic_wrap .title h4{font-size: 140%;font-weight: 400;letter-spacing: -0.03em;line-height: 1.5;}
        .organic_wrap .cont{position: relative; width: calc(100% - 310px);padding:30px;background: var(--point-color07);display: flex;flex-direction: column;align-items: center;box-sizing: border-box;}
            .organic_wrap .cont:before{position: absolute;content:'';width: 10px;height: 10px;background: var(--point-white);border:2px solid var(--point-color01);border-radius: 100%;box-sizing: border-box;top: 50%;left: -5px;margin-top: -4px;}
        .organic_wrap .word_list{display: flex; gap: 20px; flex-wrap: wrap; width: 100%; box-sizing: border-box; font-size: var(--title-20);}
        .organic_wrap .word_list > li{position: relative;width: calc(100% / 3 - 13.34px);min-height: 74px;padding: 9px;box-sizing: border-box;border-radius: var(--radius-04);box-shadow: var(--shadow-06);border: 2px solid rgba(0, 121, 208, 0.20);font-size: inherit;font-weight: 500;color: var(--point-color01);line-height: 1.3;letter-spacing: -0.03em;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background: var(--point-white);text-align: center;}
        .organic_wrap .word_list small{display: contents;font-size: 90%;}

            .organic_wrap .word_list.line04{gap: 18px;}
            .organic_wrap .word_list.line04 > li{width: calc(100% / 4 - 13.5px);}

        
            .organic_wrap .green .title{background: var(--point-color08);}
            .organic_wrap .green .title:before{background: var(--point-color08);}
            .organic_wrap .green .cont{background: var(--point-color09);}
            .organic_wrap .green .cont:before{border-color: var(--point-color08);}
            .organic_wrap .green .word_list > li{color: var(--point-color08); border-color: rgba(23, 177, 187, 0.20);}

            .organic_wrap .lightpur .title{background: var(--point-color10);}
            .organic_wrap .lightpur .title:before{background: var(--point-color10);}
            .organic_wrap .lightpur .cont{background: var(--point-color11);}
            .organic_wrap .lightpur .cont:before{border-color: var(--point-color10);}
            .organic_wrap .lightpur .word_list > li{color: var(--point-color10); border-color: rgba(64, 91, 187, 0.20);}

            .organic_wrap .depblue .title{background: var(--point-color06);}
            .organic_wrap .depblue .title:before{background: var(--point-color06);}
            .organic_wrap .depblue .cont{background: var(--point-color12);}
            .organic_wrap .depblue .cont:before{border-color: var(--point-color06);}
            .organic_wrap .depblue .word_list > li{color: var(--point-color06);border-color: rgba(0, 68, 118, 0.20);}

            
            .organic_wrap .purple .title{background: var(--point-color13);}
            .organic_wrap .purple .title:before{background: var(--point-color13);}
            .organic_wrap .purple .cont{background: var(--point-color14);}
            .organic_wrap .purple .cont:before{border-color: var(--point-color13);}
            .organic_wrap .purple .word_list > li{color: var(--point-color13);border-color: rgba(135, 100, 209, 0.20);}

    /* customer */
        .customer_list{display: flex; flex-wrap: wrap; gap: 40px;}
        .customer_list > li{position: relative;width: calc(100% / 3 - 26.67px);border-radius: var(--radius-04);box-sizing: border-box;background: var(--point-color03);overflow: clip;}
        .customer_list > li:before{position: absolute;content:'';inset: 0;border:1px solid var(--border-color01);border-radius: inherit;box-sizing: border-box;z-index: 3;pointer-events: none;}
        .customer_list .desc{position: relative; font-size: var(--title-20);}
        .customer_list .desc dt{display: flex;align-items: center;justify-content: center;padding-block:15px;background: var(--point-white);height: 160px;box-sizing: border-box;}
        .customer_list .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.5;border-top: 1px solid var(--border-color01);text-align: center;display: flex;align-items: center;justify-content: center;height: 70px;padding-inline: 15px;box-sizing: border-box;}

/*────────────────────────────────────────────────────
    fleet
─────────────────────────────────────────────────────*/
    /* fleet_list */		
        .fleet_thumb{position: relative;}
            .fleet_thumb + .info_table{margin-top: 60px;}
        .fleet_thumb .circle{position: absolute;top: 50%;left: 50%;translate: -50% -50%;display: flex;align-items: center;justify-content: center;text-align: center;width: 240px;aspect-ratio: auto 1;padding: 20px;z-index: 3;background: var(--point-white);border-radius: 100%;font-size: var(--title-20);box-sizing: border-box;}
        .fleet_thumb .circle h3{font-size: 160%;font-weight: 600;color: var(--point-white);line-height: 1.18;letter-spacing: -0.03em;display: flex;align-items: center;justify-content: center;background: var(--point-color01);box-shadow: var(--shadow-07);width: 100%;height: 100%;border-radius: inherit;box-sizing: border-box;padding: 20px;}
        .fleet_thumb .info_list{display: flex; flex-wrap: wrap; gap: 30px;}
        .fleet_thumb .info_list > li{position: relative;width: calc(100% / 2 - 15px);box-sizing: border-box;}
        .fleet_thumb .info_list .desc{position: relative; font-size: var(--title-20);}
        .fleet_thumb .info_list .desc dt{width: 100%;aspect-ratio: auto 1.645;overflow: clip;font-size: 0;}
        .fleet_thumb .info_list .desc dt img{width: 100%; height: 100%; object-fit: cover;}
        .fleet_thumb .info_list .desc dd{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding: 27px 30px;box-sizing: border-box;font-size: 150%;font-weight: 500;color: var(--point-white);line-height: 1.3;letter-spacing: -0.025em;}

            .fleet_thumb .info_list > li:nth-child(2n) .desc dd{align-items: flex-end;text-align: right;}

        .info_table{position: relative;box-sizing: border-box;}
        .info_table table{width: 100%;box-sizing: border-box;border-top: 2px solid var(--black-color01);}
        .info_table thead{background: var(--point-color03); }
        .info_table thead th{font-size: 90%;font-weight: 500;color: var(--black-color01);padding-block: 9px;}
        .info_table tr{font-size: var(--title-20); border-bottom: 1px solid var(--border-color01);}
        .info_table :is(th, td){vertical-align: middle;text-align: center;line-height: 1.44;padding-inline: 5px;box-sizing: border-box;}
        .info_table :is(th, td):not(:last-child){border-right: 1px solid var(--border-color01);}
        .info_table tbody :is(th, td){font-size: 90%;font-weight: 400;padding-block: 16px;}
        .info_table tbody small{font-size: 94.4%;}
        .info_table tbody th{color: var(--black-color01);}
        .info_table tbody td{color: var(--black-color06);}