@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1em / 16)}.p-system-flow__desc{position:relative;box-shadow:0 0 min(30px,30vw/var(--device)*100) var(--color-2-light) !important;margin-inline:auto;width:-moz-fit-content;width:fit-content}.p-system-flow__desc::before{content:"";position:absolute;z-index:2;display:block;background:url("../images/common/img_ball.webp") no-repeat center center/contain;width:min(145px,145vw/var(--device)*100);aspect-ratio:165/119;top:0;left:0;width:min(190px,190vw/var(--device)*100);translate:-40% -40%}@media screen and (max-width: 750px){.p-system-flow__desc::before{width:calc(160vw/var(--deviceWide)*100);translate:-20% -35%}}.p-system-flow{display:flex;justify-content:center;width:100%}@media screen and (max-width: 750px){.p-system-flow{display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width: 751px){.p-system-flow__image-col{width:45%}}@media screen and (max-width: 750px){.p-system-flow__image-col{grid-column:1;grid-row:1}}@media screen and (min-width: 751px){.p-system-flow__text-col{width:50%}}@media screen and (max-width: 750px){.p-system-flow__text-col{display:contents;width:70%}}.p-system-flow__movie{margin-inline:auto;max-width:500px}@media screen and (max-width: 750px){.p-system-flow__movie{grid-column:1/-1;grid-row:2}}.p-system-flow__list{display:flex;flex-direction:column;gap:min(5px,5vw/var(--device)*100)}@media screen and (max-width: 750px){.p-system-flow__list{grid-column:2;grid-row:1}}.p-system-flow__list>li{position:relative}.p-system-flow__list>li:not(:last-child)::after{content:"";display:block;background:url("../images/system/img_flow-arrow.webp") no-repeat center bottom/contain;margin-inline:auto;width:min(140px,140vw/var(--device)*100);aspect-ratio:140/66}.p-system-flow__list .p-system-flow__list-inner{position:relative;margin-inline:auto;padding:min(20px,20vw/var(--device)*100) min(40px,40vw/var(--device)*100) min(25px,25vw/var(--device)*100);width:-moz-fit-content;width:fit-content;min-width:75%;font-size:min(26*var(--ratio-em),var(--vw-to-px)*1rem/16*26/var(--device)*100);line-height:1;text-wrap:nowrap;text-align:center}@media screen and (max-width: 750px){.p-system-flow__list .p-system-flow__list-inner{font-size:clamp(9*var(--ratio-em),var(--vw-to-px)*1rem/16*16/var(--device)*100,16*var(--ratio-em))}}.p-system-flow__list .p-system-flow__list-inner::before{content:"";display:block;position:absolute;inset:0;background:#fff;border:2px solid var(--color-1-dark);transform:skewX(-10deg)}.p-system-flow__list .p-system-flow__list-inner.--color-2::before{border-color:var(--color-6)}.p-system-flow__list .p-system-flow__list-inner.--color-3::before{border-color:var(--color-red)}.p-system-flow__list .p-system-flow__list-inner>*{position:relative}.p-system-flow__list .p-system-flow__list-inner>p:not([class]){line-height:1.4;font-weight:700}.p-system-shoot-move{margin-inline:auto}@media screen and (min-width: 751px){.p-system-shoot-move{width:min(900px,900vw/var(--device)*100)}}
/*# sourceMappingURL=maps/system.css.map */