@charset "UTF-8";
/* 原稿の矢印・工程・写真を保持した編集可能なフロー。 */
.nakano-collection-flow,.nakano-sorting-flow{box-sizing:border-box;font-family:Arial,"Noto Sans JP",sans-serif;color:#333;line-height:1.5;font-size:14px}
.nakano-collection-flow *,.nakano-sorting-flow *{box-sizing:border-box}
#business .nakano-collection-flow{max-width:960px;margin:0 auto 30px}
#business .collection-case{margin:0 0 34px}
#business .collection-steps{display:grid;grid-template-columns:18% 24% 6% 1fr;gap:8px;align-items:stretch}
#business .collection-steps h4{margin:0;padding:12px 24px 12px 10px;background:#2d3e58;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);display:flex;flex-direction:column;justify-content:center;text-align:center;color:white;font-size:14px;line-height:1.5}
#business .collection-steps h4 span{display:block;font-size:12px}
#business .collection-steps p{margin:0;padding:10px;background:#989fac;color:white;font-size:14px;font-weight:700;line-height:1.5;text-align:center;display:flex;flex-direction:column;justify-content:center}
.flow-arrow{display:block;align-self:center;background:#9ba2ad;clip-path:polygon(0 28%,70% 28%,70% 0,100% 50%,70% 100%,70% 72%,0 72%);height:32px;margin:0 6px}
#business .collection-steps .flow-arrow{background:#2d3e58}
#business .collection-contact{position:relative;margin:20px 0 0;padding:0;font-size:13px;line-height:1.55;font-weight:700;text-align:center;color:#333}
#business .collection-contact:before{content:"";position:absolute;top:-14px;left:30%;border-left:12px solid transparent;border-right:12px solid transparent;border-top:9px solid #333}
#business .collection-contact a{color:inherit;text-decoration:none;white-space:nowrap}
#facility .nakano-sorting-flow{margin:0;padding:0;width:100%;font-size:14px;line-height:1.4}
.sorting-diagram{display:grid;grid-template-columns:6% 9% 19% 10% 6% 9% 19% 22%;grid-template-rows:repeat(8,minmax(48px,auto)) 101px;row-gap:8px;align-items:stretch}
.sorting-source,.sorting-stage{background:#2d3e58;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;letter-spacing:.08em}
.sorting-source{grid-column:1;grid-row:1 / 9}.sorting-stage{grid-column:5;grid-row:1 / 9}.sorting-source-arrow{grid-column:2;grid-row:1 / 9;height:68px}
.sorting-input,.sorting-output{grid-row:var(--row);background:#989fac;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 4px;line-height:1.4;font-size:14px}
.sorting-input{grid-column:3}.sorting-output{grid-column:7}.sorting-before{grid-column:4;grid-row:var(--row)}.sorting-after{grid-column:6;grid-row:var(--row)}
#facility .sorting-destinations{grid-column:8;grid-row:var(--row);list-style:none;margin:0;padding:0 0 0 12px;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:12px;font-weight:700;line-height:1.45}
#facility .sorting-destinations li{position:relative;padding-left:23px;list-style:none}
.sorting-destinations li:before{content:"";position:absolute;left:0;top:2px;width:19px;height:17px;background:#9ba2ad;clip-path:polygon(0 28%,60% 28%,60% 0,100% 50%,60% 100%,60% 72%,0 72%)}
.sorting-photo{grid-row:9;width:124px;height:101px;background-image:url('../images/facility/img005.png');background-repeat:no-repeat;background-size:960px 491px;max-width:none}
.sorting-photo--source{grid-column:1 / 4;justify-self:center;background-position:-49px -390px}.sorting-photo--sorting{grid-column:4 / 7;justify-self:center;background-position:-318px -390px}
@media(max-width:767px){
#business .collection-steps{grid-template-columns:1fr;gap:9px}#business .collection-steps h4{min-height:54px;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%)}#business .collection-steps p{min-height:64px}#business .collection-steps .flow-arrow{width:27px;height:27px;justify-self:center;transform:rotate(90deg);margin:0}#business .collection-contact{font-size:12px;margin-top:12px}#business .collection-contact:before{display:none}
.sorting-diagram{grid-template-columns:1fr 28px 1fr;grid-template-rows:44px repeat(8,auto) 90px;gap:8px 4px}.sorting-source,.sorting-stage{writing-mode:horizontal-tb;grid-row:1;font-size:13px}.sorting-source{grid-column:1}.sorting-stage{grid-column:3}.sorting-source-arrow{grid-column:2;grid-row:1;height:26px;margin:0}.sorting-input{grid-column:1;grid-row:calc(var(--row) + 1);font-size:12px}.sorting-before{grid-column:2;grid-row:calc(var(--row) + 1);height:24px;margin:0}.sorting-output,.sorting-after{display:none}#facility .sorting-destinations{grid-column:3;grid-row:calc(var(--row) + 1);font-size:11px;padding:5px 0;gap:5px}#facility .sorting-destinations li{padding-left:0}.sorting-destinations li:before{display:none}.sorting-photo{grid-row:10;transform:scale(.85);transform-origin:top center}.sorting-photo--source{grid-column:1}.sorting-photo--sorting{grid-column:3;justify-self:center}
}

#facility .facility-diagram-open{display:block;transition:opacity .25s ease,transform .25s ease}
#facility .facility-diagram-open:hover{opacity:.88;transform:translateY(-2px)}
#facility .facility-diagram-open:active{transform:scale(.99)}
#facility .facility-diagram-open:focus-visible{outline:3px solid #2cab6e;outline-offset:3px}
#facility .facility-diagram-hint{display:none}
@media(max-width:767px){#facility .facility-diagram-hint{display:block;margin:5px 0 0;color:#2f5288;font-size:12px;text-align:right}}