.function{position:relative;z-index:0;padding-top:80px;color:#fff}@media(max-width: 959px){.function{padding-top:56px}}.function::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(1, 41, 58, 0.4), rgba(1, 41, 58, 0.4)),url("../img/common/bg.webp") center/cover no-repeat #061e2e}.function .page-header{padding-bottom:64px}@media(max-width: 959px){.function .page-header{padding-bottom:48px}}.function .page-header::before,.function .page-header::after{content:none}.function-heading{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.function-heading::after{content:"";width:2px;height:30px;background-color:#ff4800}@media(max-width: 959px){.function-heading::after{height:20px}}.function-heading__en{font-family:"Roboto Condensed",sans-serif;font-style:italic;font-weight:700;font-size:16px;line-height:1.3;letter-spacing:.02em;color:#ff4800}@media(max-width: 959px){.function-heading__en{font-size:14px}}.function-heading__title{font-size:32px;font-weight:700;line-height:1.55;color:#fff}@media(max-width: 959px){.function-heading__title{font-size:24px;line-height:1.45;letter-spacing:.02em}}.function-lead{margin-top:min(44px,3.0555555556vw);font-size:18px;font-weight:500;line-height:1.7;letter-spacing:.02em;text-align:center;color:#fff}@media(max-width: 959px){.function-lead{margin-top:40px;font-size:16px;line-height:1.6;text-align:left}}.function-lead--scan{color:#f5f5f5}.function-block+.function-block{margin-top:24px}@media(max-width: 959px){.function-block+.function-block{margin-top:12px}}.function-block__title{padding-bottom:8px;border-bottom:1px solid #fff;font-size:28px;font-weight:700;line-height:1.55;letter-spacing:.02em;color:#fff}@media(max-width: 959px){.function-block__title{font-size:22px}}.function-block__br-sp{display:none}@media(max-width: 959px){.function-block__br-sp{display:inline}}.function-block__text{margin-top:8px;font-size:15px;font-weight:500;line-height:1.7;letter-spacing:.02em;color:#fff}@media(max-width: 959px){.function-block__text{font-size:14px;line-height:1.65}}.function-block__text strong{font-weight:700}.function-block__note{margin-top:8px;font-size:11px;line-height:1.7;letter-spacing:.02em;color:#ccc}@media(max-width: 959px){.function-block__note{font-size:12px;line-height:1.6}}@media(max-width: 959px){.function-block__br{display:none}}.function-scan{padding:min(80px,5.5555555556vw) 0}@media(max-width: 959px){.function-scan{padding:56px 0}}@media(min-width: 960px){.function-scan__inner{max-width:1120px}}@media(max-width: 959px){.function-scan__inner{padding-inline:24px}}.function-scan__box{display:flex;align-items:flex-start;gap:32px;max-width:1120px;margin:min(56px,3.8888888889vw) auto 0}@media(max-width: 959px){.function-scan__box{display:grid;gap:19px;margin-top:32px}}.function-scan__media{flex-shrink:0;width:48.5714285714%}@media(min-width: 960px){.function-scan__media{position:sticky;top:150px}}@media(max-width: 959px){.function-scan__media{display:contents}}.function-scan__media-frame{position:relative;width:86.9485294118%;aspect-ratio:473/343;margin-inline:auto}@media(max-width: 959px){.function-scan__media-frame{display:contents}}@media(min-width: 960px){.function-scan__screen{display:contents}}@media(max-width: 959px){.function-scan__screen{position:relative;width:100%;aspect-ratio:946/685}.function-scan__screen::after{content:"";position:absolute;inset:0;background:url("../img/function/tablet-frame.webp") center/100% 100% no-repeat;pointer-events:none;z-index:2}.function-scan__screen[data-index="0"]{order:1}.function-scan__screen[data-index="1"]{order:3}.function-scan__screen[data-index="2"]{order:5}.function-scan__screen[data-index="3"]{order:7}}.function-scan__video{position:absolute;inset:4%;width:92%;height:92%;object-fit:cover;opacity:0;transition:opacity .4s ease}.function-scan__video.is-active{opacity:1}@media(max-width: 959px){.function-scan__video{opacity:1}}.function-scan__screen:first-child .function-scan__video{opacity:1}@media(min-width: 960px){.function-scan__media-frame:has(.is-active) .function-scan__video:not(.is-active){opacity:0}}@media(min-width: 960px){.function-scan__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2}}@media(max-width: 959px){.function-scan__frame{display:none}}.function-scan__items{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding-top:50px}@media(max-width: 959px){.function-scan__items{display:contents}}.function-scan__item{position:relative;padding:24px 0 24px 40px}@media(max-width: 959px){.function-scan__item{padding:8px 0 8px 16px}.function-scan__item[data-index="0"]{order:2}.function-scan__item[data-index="1"]{order:4}.function-scan__item[data-index="2"]{order:6}.function-scan__item[data-index="3"]{order:8}}.function-scan__item::before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:7px;background-color:rgba(0,0,0,0);transition:background-color .3s ease}@media(max-width: 959px){.function-scan__item::before{top:0;bottom:0;width:4px;background-color:#ff4800}}.function-scan__item.is-active::before{background-color:#ff4800}.function-scan__item-label{font-size:15px;font-weight:700;line-height:1.7;letter-spacing:.02em;color:#ff4800}@media(max-width: 959px){.function-scan__item-label{font-size:14px;line-height:1.6}}.function-scan__item-title{margin-top:4px;font-size:44px;font-weight:700;line-height:1.55;color:#fff}@media(max-width: 959px){.function-scan__item-title{font-size:48px;line-height:1.3}}.function-scan__item-br{display:none}@media(max-width: 959px){.function-scan__item-br{display:inline}}.function-scan__item-text{margin-top:8px;font-size:15px;font-weight:500;line-height:1.7;letter-spacing:.02em;color:#f5f5f5}@media(max-width: 959px){.function-scan__item-text{font-size:14px;line-height:1.65;color:#fff}}.function-scan__item-note{margin-top:4px;font-size:13px;line-height:1.65;letter-spacing:.02em;color:#ccc}@media(max-width: 959px){.function-scan__item-note{font-size:12px;line-height:1.6}}.function-drawing,.function-arvr{padding-block:min(80px,5.5555555556vw)}@media(max-width: 959px){.function-drawing,.function-arvr{padding-block:40px}}.function-drawing__inner,.function-arvr__inner{max-width:min(1280px,88.8888888889vw)}@media(max-width: 959px){.function-drawing__inner,.function-arvr__inner{max-width:500px;padding-inline:12px}}.function-drawing__card,.function-arvr__card{padding:min(80px,5.5555555556vw);background-color:hsla(0,0%,100%,.14);border:1px solid #ccc;border-radius:20px}@media(max-width: 959px){.function-drawing__card,.function-arvr__card{padding:56px 12px 16px;border-radius:12px}}.function-data,.function-web{padding:min(80px,5.5555555556vw) 0}@media(max-width: 959px){.function-data,.function-web{padding:32px 0 56px}}@media(max-width: 959px){.function-data__inner,.function-web__inner{padding-inline:24px}}.function-drawing__body,.function-data__body,.function-arvr__body,.function-web__body{display:flex;align-items:center;gap:min(80px,5.5555555556vw);max-width:1120px;margin:min(56px,3.8888888889vw) auto 0}@media(max-width: 959px){.function-drawing__body,.function-data__body,.function-arvr__body,.function-web__body{flex-direction:column;align-items:stretch;gap:16px;margin-top:32px}}@media(min-width: 960px){.function-drawing__body,.function-arvr__body{flex-direction:row-reverse}}.function-drawing__texts,.function-data__texts,.function-arvr__texts{flex-shrink:0;width:min(514px,35.6944444444vw)}@media(max-width: 959px){.function-drawing__texts,.function-data__texts,.function-arvr__texts{width:100%}}.function-drawing__img,.function-data__img,.function-arvr__img,.function-web__img{width:min(526px,36.5277777778vw);height:auto;border-radius:20px}@media(max-width: 959px){.function-drawing__img,.function-data__img,.function-arvr__img,.function-web__img{width:100%;border-radius:8px}}.function-web__body{margin-top:min(44px,3.0555555556vw)}@media(max-width: 959px){.function-web__body{gap:32px;margin-top:40px}}.function-web__text{flex-shrink:0;width:min(514px,35.6944444444vw);font-size:15px;font-weight:500;line-height:1.7;letter-spacing:.02em;color:#fff}@media(max-width: 959px){.function-web__text{width:100%;font-size:16px;line-height:1.6;color:#f5f5f5}}
