@media(min-width: 768px){.mpaWhy{padding-top:240rem}}@media(max-width: 767px){.mpaWhy{position:relative;z-index:1;padding-top:192rem;width:376rem;margin-left:calc((376rem - 100%)/-2)}}.mpaWhyHead{display:flex;flex-direction:column;align-items:center;position:relative}.mpaWhyHeadTtl{text-align:center;color:var(--gray_text)}.mpaWhyHeadTtl strong{position:relative;color:var(--primary)}.mpaWhyHeadTtl strong::before{content:"";display:block;width:100%;background-color:var(--lemon);position:absolute;left:0;z-index:-1;height:12rem;bottom:6rem}@media(max-width: 767px){.mpaWhyHeadTtl strong::before{height:8rem;bottom:4rem}}.mpaWhyHeadLabel{width:0;display:flex;justify-content:center;position:absolute;left:50%;rotate:8deg}@media(min-width: 768px){.mpaWhyHeadLabel{bottom:calc(100% + 10rem)}.mpaWhyHeadLabel ._16{font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.mpaWhyHeadLabel{bottom:calc(100% + 4rem)}}@media(min-width: 768px){.mpaWhyBody{padding-top:67rem}}@media(max-width: 767px){.mpaWhyBody{padding-top:55rem}}.cButton:is(.mpaWhyBody *){margin-top:var(--space16)}.cButtonText:is(.mpaWhyBody *){position:absolute;top:0;right:32rem;text-align:right;font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}.mpaWhyList{display:grid;counter-reset:number 0}@media(min-width: 768px){.mpaWhyList{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 767px){.mpaWhyList{grid-template-columns:repeat(2, 1fr);gap:1px}}.mpaWhyItem{position:relative}@media(min-width: 768px){.mpaWhyItem:not(:last-child)::after{content:"";display:inline-block;width:4rem;height:111rem;background-color:var(--white100);transform:skewX(-36deg);transform-origin:left bottom;position:absolute;right:36rem;top:calc(50% - 55.5rem - 9rem);z-index:2}}@media(max-width: 767px){.mpaWhyItem:nth-child(odd)::after{content:"";display:inline-block;width:3rem;height:80rem;background-color:var(--white100);transform:skewX(-36deg);transform-origin:left bottom;position:absolute;right:24rem;top:calc(50% - 40rem);z-index:2}}.mpaWhyItemUnit{position:relative;display:inline-block;width:100%}@media(min-width: 768px){.mpaWhyItemUnit{aspect-ratio:280/576}}@media(max-width: 767px){.mpaWhyItemUnit{aspect-ratio:188/416}}.mpaWhyItemUnit::before{content:"";display:block;height:100%;background-color:var(--keycolor);position:absolute;top:0;left:0;z-index:1}@media(min-width: 768px){.mpaWhyItemUnit::before{width:8rem}}@media(max-width: 767px){.mpaWhyItemUnit::before{width:4rem}}.mpaWhyItemUnit::after{content:"";display:block;position:absolute;bottom:100%;left:0;z-index:2}@media(min-width: 768px){.mpaWhyItemUnit::after{width:80rem;border-bottom:16rem solid var(--keycolor);border-left:8rem solid rgba(0,0,0,0);border-right:8rem solid rgba(0,0,0,0)}}@media(max-width: 767px){.mpaWhyItemUnit::after{width:39rem;border-bottom:8rem solid var(--keycolor);border-left:4rem solid rgba(0,0,0,0);border-right:4rem solid rgba(0,0,0,0)}}.mpaWhyItemUnit:where(._hover)::before{background-color:oklch(from var(--keycolor) calc(l - 0.02) calc(c * 1.02) h)}.mpaWhyItemUnit:where(._hover)::after{border-bottom-color:oklch(from var(--keycolor) calc(l - 0.02) calc(c * 1.02) h)}.mpaWhyItemInner{width:100%;height:100%;position:absolute;margin:auto;inset:0;display:flex;flex-direction:column;justify-content:space-between}@media(min-width: 768px){.mpaWhyItemInner{padding-left:46rem;padding-top:78rem}}@media(max-width: 767px){.mpaWhyItemInner{padding-left:var(--space24);padding-top:59rem}}.mpaWhyItemTtl{color:var(--white100);position:relative;display:flex}.mpaWhyItemTtl::before{content:counter(number) " ";counter-increment:number 1;position:absolute;left:0}@media(min-width: 768px){.mpaWhyItemTtl::before{bottom:calc(100% + 5rem);font-size:23rem;line-height:32rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.mpaWhyItemTtl::before{bottom:calc(100% + 6rem);font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}}.mpaWhyItemTtl:where(._hover *){opacity:.5}.mpaWhyItemInnerBtn{padding-bottom:var(--space16)}@media(min-width: 768px){.mpaWhyItemInnerBtn{margin-left:-46rem;margin-right:48rem}}@media(max-width: 767px){.mpaWhyItemInnerBtn{margin-left:-24rem;margin-right:11rem}}@media(min-width: 768px){.cButtonContent:where(._btnl):is(.mpaWhyItemInnerBtn *){padding-left:46rem}}@media(max-width: 767px){.cButtonContent:where(._btnl):is(.mpaWhyItemInnerBtn *){padding-left:24rem}}@media(max-width: 767px)and (max-width: 767px){.cButtonContent:where(._btnl):is(.mpaWhyItemInnerBtn *){--angle: 54deg;--bevelW: 16rem;--bevelH: calc(tan(var(--angle)) * var(--bevelW));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%)}}@media(max-width: 767px){:where(._btnl) .cButtonInner:is(.mpaWhyItemInnerBtn *){padding-bottom:14rem}}@media(max-width: 767px){:where(._btnl) .cButtonIcon:is(.mpaWhyItemInnerBtn *){margin-top:24rem}}.cButtonTitle:where(.mpaWhyItemInnerBtnItem *) strong{position:relative}.cButtonTitle:where(.mpaWhyItemInnerBtnItem *) strong::before{content:"";display:block;width:100%;background-color:var(--cream);position:absolute;left:0;z-index:-1}@media(min-width: 768px){.cButtonTitle:where(.mpaWhyItemInnerBtnItem *) strong::before{height:8rem;bottom:2rem}}@media(max-width: 767px){.cButtonTitle:where(.mpaWhyItemInnerBtnItem *) strong::before{height:6rem;bottom:2rem}}.uAmbientsliderUnit:is(.mpaSliderunit){height:100%}.uAmbientsliderUnit:is(.mpaSliderunit):has(.cPicture:nth-child(2)){display:flex;flex-direction:column}.uAmbientsliderUnit:is(.mpaSliderunit):has(.cPicture:nth-child(2)) .cPicture{height:50%}@media(min-width: 768px){.uAmbientsliderUnit:is(.mpaSliderunit){width:480rem}}@media(max-width: 767px){.uAmbientsliderUnit:is(.mpaSliderunit){width:240rem}}.uAmbientsliderUnit:is(.mpaSliderunit)._half{width:240rem}@media(min-width: 768px){.uAmbientsliderUnit:is(.mpaSliderunit)._half{width:240rem}}@media(max-width: 767px){.uAmbientsliderUnit:is(.mpaSliderunit)._half{width:120rem}}.mButtonlist{display:flex;flex-direction:column;width:100%;gap:var(--space48)}.mButtonlist:where(._titlebottommarginnarrow){gap:var(--space32)}.mButtonlist:where(._vertical) .mButtonlistContainer{flex-direction:column;gap:var(--space16)}.mButtonlist:where(._col2) .mButtonlistContainer{display:flex;flex-wrap:wrap;gap:var(--space16)}@media(min-width: 768px){.mButtonlist:where(._col2) .mButtonlistContainer>*{width:calc((100% - var(--space16)*1)/2)}}@media(max-width: 767px){.mButtonlist:where(._col2) .mButtonlistContainer{gap:var(--space8)}}.mButtonlist:where(._col3) .mButtonlistContainer{display:flex;flex-wrap:wrap}@media(min-width: 768px){.mButtonlist:where(._col3) .mButtonlistContainer{gap:var(--space8)}.mButtonlist:where(._col3) .mButtonlistContainer>*{width:calc((100% - var(--space8)*2)/3)}}.mButtonlist:where(._col4) .mButtonlistContainer{display:flex;flex-wrap:wrap;gap:var(--space8)}@media(min-width: 768px){.mButtonlist:where(._col4) .mButtonlistContainer>*{width:calc((100% - var(--space8)*3)/4)}}@media(max-width: 767px){.mButtonlist:where(._wideSpGap) .mButtonlistContainer{gap:var(--space16)}}.mButtonlist:where(._bordertop){position:relative}@media(min-width: 768px){.mButtonlist:where(._bordertop){padding-top:var(--space80)}}@media(max-width: 767px){.mButtonlist:where(._bordertop){padding-top:var(--space48)}}@media(min-width: 768px){.mButtonlist:where(._bordertop):where(._bordertopnarrow){padding-top:var(--space48)}}@media(max-width: 767px){.mButtonlist:where(._bordertop):where(._bordertopnarrow){padding-top:var(--space32)}}.mButtonlist:where(._bordertop)::after{content:"";display:block;width:100%;height:0;border-top:1px solid var(--gray_line);position:absolute;top:0;left:0}.mButtonlistContainer{display:flex;width:100%}@media(min-width: 768px){.mButtonlistContainer{-moz-column-gap:var(--space16);column-gap:var(--space16)}}@media(max-width: 767px){.mButtonlistContainer{flex-direction:column;row-gap:var(--space16)}}@media(min-width: 768px){.mButtonlistContainer:where(:has(.mButtonlistUnit:nth-child(3))){-moz-column-gap:var(--space8);column-gap:var(--space8)}}@media(max-width: 767px){.mButtonlistContainer:where(:has(.mButtonlistUnit:nth-child(3))){flex-direction:column;row-gap:var(--space8)}}.mButtonlistUnit{width:100%}.mpaMessage{width:100%}@media(min-width: 768px){.mpaMessage{height:272rem}}@media(max-width: 767px){.mpaMessage{height:432rem}}.mpaMessageContent{position:relative;width:100%;height:100%;display:inline-block}.mpaMessagePicture{display:block;position:absolute;left:50%;translate:-50% 0}@media(min-width: 768px){.mpaMessagePicture{bottom:-37rem;width:342rem}}@media(max-width: 767px){.mpaMessagePicture{top:40rem;width:216rem}}.mpaMessageInner{width:100%;height:100%;position:absolute;margin:auto;inset:0;z-index:-1}@media(min-width: 768px){.mpaMessageInner{padding-top:var(--space48);padding-left:var(--space48)}}@media(max-width: 767px){.mpaMessageInner{padding-left:var(--space32)}}.mpaMessageInner::before{content:"";display:block;width:100%;height:100%;z-index:-2;position:absolute;margin:auto;inset:0;transition:all .5s ease}@media(min-width: 768px){.mpaMessageInner::before{background:linear-gradient(-54deg, var(--bgColorR) 51.5%, var(--bgColorL) 0)}}@media(max-width: 767px){.mpaMessageInner::before{background:linear-gradient(-54deg, var(--bgColorR) 61%, var(--bgColorL) 0)}}.mpaMessageContent:hover .mpaMessageInner::before{transition:all .5s ease}@media(min-width: 768px){.mpaMessageContent:hover .mpaMessageInner::before{background:linear-gradient(-54deg, var(--bgColorL) 51.5%, var(--bgColorR) 0)}}.mpaMessageInnerwrap{position:relative;width:100%;height:100%;display:flex;flex-grow:1;flex-direction:column-reverse}@media(min-width: 768px){.mpaMessageInnerwrap{padding-bottom:var(--space32);row-gap:107rem}}@media(max-width: 767px){.mpaMessageInnerwrap{padding-bottom:33rem;row-gap:54rem}}.mpaMessageIcon{position:relative}.mpaMessageIcon:before{content:"";position:absolute;top:-24rem;left:0;width:20rem;height:0;border-top:1px solid var(--primary20)}@media(max-width: 767px){.mpaMessageIcon:before{top:-27rem}}.mpaMessageTitle{color:var(--gray_text)}.mpaMessageTitle strong{color:var(--primary);position:relative}.mpaMessageTitle strong::before{content:"";display:block;width:100%;background-color:var(--cream);position:absolute;left:0;z-index:-1}@media(min-width: 768px){.mpaMessageTitle strong::before{bottom:2rem;height:12rem}}@media(max-width: 767px){.mpaMessageTitle strong::before{bottom:2rem;height:8rem}}.mpaMessageRibbon{position:absolute;height:100%}@media(min-width: 768px){.mpaMessageRibbon{width:100%}}@media(max-width: 767px){.mpaMessageRibbon{width:100vw;margin-left:-28rem}}.mpaMessageRibbonItem{position:absolute}@media(min-width: 768px){.mpaMessageRibbonItem{top:var(--wPc);left:var(--hPc)}}@media(max-width: 767px){.mpaMessageRibbonItem{top:var(--wSp);left:var(--hSp)}}@keyframes scaledownfv{0%{scale:1.1}100%{scale:1}}@keyframes scaleupribbontext{0%{scale:0}100%{scale:1}}@keyframes scaledownribbontext{0%{scale:1}100%{scale:0}}#kkyheadArea._shyaway{--headAreaYOffset: 0rem}.mpaFV{width:100%;position:relative}@media(min-width: 768px){.mpaFV{padding-bottom:16rem}}.mpaFVFrame{pointer-events:none;position:absolute;height:calc(100% + 30px);width:100%;top:0;left:0;z-index:1;padding-bottom:30px}.mpaFVFrame::after{content:"";position:sticky;top:100%;display:block;width:100%;height:30px;margin-bottom:-30px;background-color:var(--white100)}@media(max-width: 767px){.mpaFVFrame::after{height:100px;margin-bottom:-100px}}.mpaFVFrameInner{position:sticky;top:0;left:0;width:100%;height:100dvh}@media(min-width: 768px){.mpaFVFrameInner{border:16rem solid var(--white100)}}@media(max-width: 767px){.mpaFVFrameInner{border:8rem solid var(--white100)}}.mpaFVFrameInner::before{content:"";position:absolute;top:0;left:0;height:0;width:0}@media(min-width: 768px){.mpaFVFrameInner::before{border-top:27rem solid var(--white100);border-right:20rem solid rgba(0,0,0,0)}}@media(max-width: 767px){.mpaFVFrameInner::before{border-top:22rem solid var(--white100);border-right:16rem solid rgba(0,0,0,0)}}.mpaFVFrameInner::after{content:"";position:absolute;right:0;bottom:0;height:0;width:0}@media(min-width: 768px){.mpaFVFrameInner::after{border-bottom:27rem solid var(--white100);border-left:20rem solid rgba(0,0,0,0)}}@media(max-width: 767px){.mpaFVFrameInner::after{border-bottom:22rem solid var(--white100);border-left:16rem solid rgba(0,0,0,0)}}.mpaFVTop{position:relative;width:100%;height:100svh;overflow:hidden}@media(min-width: 768px){.mpaFVTop{min-height:700rem}}@media(max-width: 767px){.mpaFVTop{min-height:670rem}}.uCarousel:where(.mpaFVTopImage *){--indicatorColor: var(--white100)}.uCarouselIndicatorList:where(.mpaFVTopImage *){z-index:1;position:absolute}@media(min-width: 768px){.uCarouselIndicatorList:where(.mpaFVTopImage *){bottom:var(--space48);right:160rem}}@media(max-width: 767px){.uCarouselIndicatorList:where(.mpaFVTopImage *){bottom:40rem;right:28rem}}.uCarouselIndicator:where(.mpaFVTopImage *){border:solid 1px var(--indicatorColor)}.mpaFVTopImage{width:100%;height:100%;z-index:-1}.mpaFVTopImage::after{content:"";display:block;width:100%;background:linear-gradient(to bottom, oklch(0% 0 0deg / 0.3) 0%, oklch(0% 0 0deg / 0) 100%);position:absolute;top:0}@media(min-width: 768px){.mpaFVTopImage::after{height:190rem}}@media(max-width: 767px){.mpaFVTopImage::after{height:156rem}}.mpaFVTopFront{z-index:1;pointer-events:none}@media(min-width: 768px){.uCarousel:is(.mpaFVTopImage *){width:100%;height:100%}}.uCarouselContainer:is(.mpaFVTopImage *){width:100%;height:100%}.uCarouselUnitlist:is(.mpaFVTopImage *) .cPicture picture{width:100%;height:100%}.uCarouselUnitlist:is(.mpaFVTopImage *) .cPicture picture::after{content:"";display:block;width:100%;height:190rem;background:linear-gradient(to top, oklch(0% 0 0deg / 0.2) 0%, oklch(0% 0 0deg / 0) 100%)}@media(min-width: 768px){.uCarouselUnitlist:is(.mpaFVTopImage *) .cPicture picture::after{height:156rem}}.mpaFVTopImageItem{width:100%;height:100%}.mpaFVTopImageItem:where(._fadein) .cPicture{animation:scaledownfv 8s linear forwards}.mpaFVTopImageItem:where(._fadein) .cPicture:where(._motionreduced *){animation:none}.mpaFVTopFront{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}@media(min-width: 768px){.mpaFVTopFront{padding-top:183rem;padding-bottom:192rem}}@media(max-width: 767px){.mpaFVTopFront{padding-top:104rem;padding-bottom:126rem}}.mpaFVTopFrontInner{position:relative;height:100%}@media(min-width: 768px){.mpaFVTopFrontInner{width:min(1120rem,100%)}}@media(max-width: 767px){.mpaFVTopFrontInner{width:calc(100% - 56rem)}}.mpaFVTopFrontTitle{position:absolute;display:flex;align-items:center;justify-content:center}@media(min-width: 768px){.mpaFVTopFrontTitle{top:39rem;left:calc(.6055555556*(100vw - (var(--scrollbar))*1px))}}@media(max-width: 767px){.mpaFVTopFrontTitle{top:23.5rem;right:4rem}}.mpaFVTopFrontTitleInner{position:relative;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;overflow:hidden;rotate:4deg}@media(min-width: 768px){.mpaFVTopFrontTitleInner{width:240rem}}@media(max-width: 767px){.mpaFVTopFrontTitleInner{width:180rem}}.mpaFVTopFrontTitleItem{white-space:nowrap;position:relative;z-index:2}@keyframes mpaFVTopFrontTitleBgPC{0%{left:0}100%{left:-480rem}}@keyframes mpaFVTopFrontTitleBgSP{0%{left:0}100%{left:-360rem}}.mpaFVTopFrontTitleInnerBg{position:absolute;left:0;height:100%;aspect-ratio:2/1;animation-delay:.2s}@media(min-width: 768px){.mpaFVTopFrontTitleInnerBg{animation:mpaFVTopFrontTitleBgPC 1s steps(2) infinite}}@media(max-width: 767px){.mpaFVTopFrontTitleInnerBg{animation:mpaFVTopFrontTitleBgSP 1s steps(2) infinite}}.mpaFVTopFrontTitleInnerBg:where(._motionreduced *){animation-play-state:paused !important}.mpaFVTopFrontTitleInnerBg svg{width:100%;height:100%}.mpaFVTopFrontTitleInnerBg svg polygon:nth-child(odd){fill:var(--primary)}.mpaFVTopFrontTitleInnerBg svg polygon:nth-child(even){fill:var(--cyan)}@media(max-width: 767px){.mpaFVTopPc{display:none}}@media(min-width: 768px){.mpaFVTopSp{display:none}}.mpaFVTopFrontWhy{position:absolute;bottom:14rem;rotate:-8deg}@media(min-width: 768px){.mpaFVTopFrontWhy{left:calc(50% - 90rem)}}@media(max-width: 767px){.mpaFVTopFrontWhy{left:calc(50% - 64rem);bottom:9rem}}@media(max-width: 767px){.cBubbleText:is(.mpaFVTopFrontWhyText *){width:128rem;height:128rem;padding:0}}.mpaFVTopFrontGreeting{position:absolute;display:flex;flex-direction:column;gap:1rem}.mpaFVTopFrontGreeting._1{top:0;left:0;align-items:flex-start}.mpaFVTopFrontGreeting._2{bottom:0;right:0}@media(min-width: 768px){.mpaFVTopFrontGreeting._2{align-items:flex-start}}@media(max-width: 767px){.mpaFVTopFrontGreeting._2{align-items:flex-end}}.mpaFVTopFrontGreeting._2>span:last-child{align-self:flex-end}@media(min-width: 768px){.mpaFVTopFrontGreeting._2>span:last-child{padding-right:2rem}}@media(max-width: 767px){.mpaFVTopFrontGreeting._2>span:last-child{padding-right:5rem}}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubble{background-color:rgba(0,0,0,0);position:absolute;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(min-width: 768px){.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubble{top:calc(-50% + 26.5rem + 6rem);left:273rem}}@media(max-width: 767px){.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubble{top:-47.5rem;left:-91rem}}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleinner{position:relative;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}@media(min-width: 768px){.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleinner{width:180rem;rotate:8deg}}@media(max-width: 767px){.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleinner{width:136rem;rotate:-8deg}}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleTxt{position:relative;white-space:nowrap;color:var(--primary);z-index:2}@keyframes mpaFVTopFrontGreetingBgPC{0%{left:0}100%{left:-360rem}}@keyframes mpaFVTopFrontGreetingBgSP{0%{left:0}100%{left:-272rem}}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem{position:absolute;left:0;height:100%;aspect-ratio:2/1}@media(min-width: 768px){.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem{animation:mpaFVTopFrontGreetingBgPC 1s steps(2) infinite}}@media(max-width: 767px){.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem{animation:mpaFVTopFrontGreetingBgSP 1s steps(2) infinite}}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem:where(._motionreduced *){animation-play-state:paused}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem svg{width:100%;height:100%}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem svg polygon:nth-child(odd){fill:var(--primary)}.mpaFVTopFrontGreeting .mpaFVTopFrontGreetingBubbleItem svg polygon:nth-child(even){fill:var(--green)}.mpaFVTopFrontGreeting>*{display:inline-block;line-height:1;margin-top:0;margin-bottom:0;color:var(--gray_text);background-color:var(--white100);display:flex}@media(min-width: 768px){.mpaFVTopFrontGreeting>*{padding:10rem 8rem}}@media(max-width: 767px){.mpaFVTopFrontGreeting>*{padding:8rem 8rem}}.mpaFVTopFrontGreeting strong{color:var(--primary);background-color:var(--cream)}.mpaFVSetphoto{position:sticky}@media(min-width: 768px){.mpaFVSetphoto{top:min(0px,var(--ih)*1px - 1280rem)}}@media(max-width: 767px){.mpaFVSetphoto{top:min(0px,var(--ih)*1px - 640rem)}}.uAmbientsliderContainer:is(.mpaFVSetphotoGroup *) .uSlashbackground{animation-play-state:paused}@media(min-width: 768px){.uAmbientsliderContainer:is(.mpaFVSetphotoGroup *){height:320rem}}@media(max-width: 767px){.uAmbientsliderContainer:is(.mpaFVSetphotoGroup *){height:160rem}}.mpaFVLead{position:relative;width:100%}@media(min-width: 768px){.mpaFVLead{aspect-ratio:1440/1350}}@media(max-width: 767px){.mpaFVLead{aspect-ratio:408/1153}}.mpaFVLeadImage{position:absolute;top:0;left:0;width:100%;height:100%}@media(min-width: 768px){.mpaFVLeadImage{-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 19%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 19%)}}@media(max-width: 767px){.mpaFVLeadImage{-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 19%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 19%)}}.mpaFVLeadInner{height:100%;position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center}.mpaFVLeadInnerContent{display:flex;flex-direction:column;align-items:center}@media(min-width: 768px){.mpaFVLeadInnerContent{row-gap:clamp(0px, calc((100vw - 1440px) * 0.2083), 140rem);width:1120rem}}@media(max-width: 767px){.mpaFVLeadInnerContent{width:375rem}}.mpaFVLeadInnerContentTxt{display:flex;flex-direction:column;align-items:center}.mpaFVLeadInnerStatement{text-align:center;color:var(--gray_text)}.mpaFVLeadInnerStatement strong{color:var(--primary);position:relative}@media(min-width: 768px){.mpaFVLeadInnerStatement strong{margin:0 .25em}}.mpaFVLeadInnerStatement strong::before{content:"";display:block;width:100%;background-color:var(--cream);position:absolute;left:0;z-index:-1}@media(min-width: 768px){.mpaFVLeadInnerStatement strong::before{bottom:6rem;height:12rem}}@media(max-width: 767px){.mpaFVLeadInnerStatement strong::before{bottom:2rem;height:12rem}}.mpaFVLeadInnerBody{display:flex;flex-direction:column;text-align:center}@media(min-width: 768px){.mpaFVLeadInnerBody{margin-top:54rem}}@media(max-width: 767px){.mpaFVLeadInnerBody{margin-top:45rem}}.mpaFVLeadInnerLink{position:relative;width:-moz-fit-content;width:fit-content;margin-top:var(--space48);display:flex;flex-direction:column;align-items:center;gap:var(--space16)}.cUnderlineblock:is(.mpaFVLeadInnerLink *){position:relative}.cUnderlineblock:is(.mpaFVLeadInnerLink *) .cUnderlineblockLine{background-color:var(--white100)}.mpaFVLeadInnerNav{position:relative;width:100%}@media(min-width: 768px){.mpaFVLeadInnerNav{aspect-ratio:1120/769;width:calc((100vw - var(--scrollbar)*1px)*.7777777778)}}@media(max-width: 767px){.mpaFVLeadInnerNav{width:375rem;height:626rem}}.mpaFVLeadInnerNavItem{position:absolute}@media(min-width: 768px){.mpaFVLeadInnerNavItem{height:176rem}}@media(max-width: 767px){.mpaFVLeadInnerNavItem{height:112rem}}.mpaFVLeadInnerNavItem .mpaFVLeadInnerNavItemInner{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;position:relative;z-index:2;width:100%;height:100%;background:var(--keycolor)}.mpaFVLeadInnerNavItem .mpaFVLeadInnerNavItemInner:focus-visible{outline-offset:-2rem}.mpaFVLeadInnerNavItem .mpaFVLeadInnerNavItemText:where(._hover *){opacity:.5}.mpaFVLeadInnerNavItem:nth-child(1){--keycolor: var(--brand_pink);aspect-ratio:1}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(1){width:176rem;top:13.0039011704%;left:7.1428571429%}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(1){width:112rem;top:62rem;left:8rem}}.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemInner{width:100%;height:100%;clip-path:polygon(63.537% 45.923%, 97.189% 0.481%, 0.479% 0.543%, 0.479% 99.916%, 23.56% 99.916%, 64.294% 99.916%, 99.914% 99.916%, 63.537% 45.923%)}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemInner{rotate:-16deg;padding-top:var(--space24);padding-left:var(--space24)}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemInner{rotate:-8deg;padding-top:var(--space16);padding-left:var(--space16)}}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemFocus{top:48rem;left:120rem}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemFocus{top:37rem;left:73rem}}.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{width:40rem;height:54rem;background:linear-gradient(to top left, transparent 49%, var(--white100) 50%, transparent 51%)}.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::before{right:-6px;top:-6px}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{background:none}.mpaFVLeadInnerNavItem:nth-child(1) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{content:"";position:absolute;width:168.0029761641%;height:1px;background:var(--white100);top:0;right:0;transform-origin:top right;rotate:-54.8deg}}.mpaFVLeadInnerNavItem:nth-child(2){--keycolor: var(--brand_red);aspect-ratio:.8863636364}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(2){width:156rem;top:17.1651495449%;left:78.9285714286%}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(2){width:99rem;top:62rem;left:269rem}}.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemInner{clip-path:polygon(99.674% 66.712%, 99.674% 57.864%, 94.622% 55.27%, 99.674% 52.676%, 99.674% 33.685%, 99.674% 0.481%, 30.25% 0.481%, 0.311% 27.115%, 0.311% 33.685%, 0.311% 64.118%, 5.363% 66.712%, 0.311% 69.306%, 0.311% 99.916%, 69.735% 99.916%, 99.674% 73.282%, 99.674% 66.712%)}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemInner{rotate:8deg;padding-top:var(--space24);padding-left:43rem}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemInner{rotate:8deg;padding-top:var(--space16);padding-left:26rem;padding-right:var(--space16)}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemText{text-align:right}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemIcon{margin-left:auto}}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus{top:15rem;right:calc(100% + 60rem)}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus{top:46rem;left:-3rem}}.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{width:67rem;height:92rem;background:linear-gradient(to top left, transparent 49.5%, var(--white100) 50%, transparent 50.5%)}.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::before{left:-6px;bottom:-6px}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{content:"";display:block;width:154rem;height:1px;background-color:var(--white100);position:absolute;top:0;left:100%}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{background:none}.mpaFVLeadInnerNavItem:nth-child(2) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{content:"";position:absolute;width:169.867533205%;height:1px;background:var(--white100);bottom:0;left:0;transform-origin:bottom left;rotate:-54.8deg}}.mpaFVLeadInnerNavItem:nth-child(3){--keycolor: var(--brand_green);aspect-ratio:1.4090909091}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(3){width:248rem;top:50.3250975293%;left:10.5357142857%}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(3){width:158rem;top:318rem;left:13rem}}.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemInner{clip-path:polygon(72.434% 0.481%, 70.602% 4.975%, 68.769% 0.481%, 31.781% 0.481%, 29.948% 4.975%, 28.115% 0.481%, 0.336% 0.481%, 1.783% 7.872%, 18.97% 95.642%, 19.807% 99.916%, 22.941% 99.916%, 48.454% 99.916%, 50.287% 95.422%, 52.12% 99.916%, 77.954% 99.916%, 81.116% 99.916%, 81.935% 95.593%, 98.545% 7.823%, 99.935% 0.481%, 72.434% 0.481%)}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemInner{rotate:-4deg;padding-top:var(--space24);padding-left:50rem}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemInner{rotate:8deg;padding-top:var(--space16);padding-left:36rem}}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus{top:-9.375vw;left:13.5416666667vw}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus{top:-105rem;left:18rem}}.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{content:"";position:absolute;height:1px;background:var(--white100);top:0;right:0;transform-origin:top right}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{width:calc((100vw - var(--scrollbar)*1px)*105/1440);aspect-ratio:105/146;background:none}.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{width:calc(1.7127241565*(100vw - var(--scrollbar)*1px)*105/1440);rotate:-54.8deg}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{width:88rem;height:120rem}.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{width:169.1006839794%;rotate:-54.8deg}}.mpaFVLeadInnerNavItem:nth-child(3) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::before{right:-6px;top:-6px}.mpaFVLeadInnerNavItem:nth-child(4){--keycolor: var(--brand_blue);aspect-ratio:.8863636364}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(4){width:156rem;top:50.455136541%;left:67.2321428571%}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(4){width:99rem;top:318rem;left:261rem}}.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemInner{-webkit-mask-image:url(/themes/custom/kokuyo_theme/assets/images/common/shape1.svg);mask-image:url(/themes/custom/kokuyo_theme/assets/images/common/shape1.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemInner{rotate:16deg;padding-top:var(--space24);padding-left:var(--space24)}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemInner{rotate:-8deg;padding-top:var(--space16);padding-left:var(--space16)}}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus{top:-9.5138888889vw;left:-9.7222222222vw}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus{top:-105rem;left:-72rem}}.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{content:"";position:absolute;height:1px;background:var(--white100);top:0;left:0;transform-origin:top left}@media(min-width: 768px){.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{width:calc((100vw - var(--scrollbar)*1px)*166/1440);aspect-ratio:166/227;background:none}.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{width:calc(1.694099723*(100vw - var(--scrollbar)*1px)*166/1440);rotate:54.8deg}}@media(max-width: 767px){.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine{width:116rem;height:160rem}.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::after{width:170.3671631315%;rotate:54.8deg}}.mpaFVLeadInnerNavItem:nth-child(4) .mpaFVLeadInnerNavItemFocus .mpaFVLeadInnerNavItemFocusLine::before{left:-6px;top:-6px}.mpaFVLeadInnerNavItem .mpaFVLeadInnerNavItemInner:where(._hover){background-color:oklch(from var(--keycolor) calc(l - 0.02) calc(c * 1.02) h) !important}.mpaFVLeadInnerNavItemFocus{position:absolute;z-index:1}.mpaFVLeadInnerNavItemFocusLine{position:relative}.mpaFVLeadInnerNavItemFocusLine::before{content:"";display:block;width:5px;aspect-ratio:1/1;background-color:var(--white100);border-radius:50%;position:absolute}.mpaFVLeadInnerNavItemInner{display:flex;flex-direction:column;justify-content:flex-start}.mpaFVLeadInnerNavItemIcon{margin-top:var(--space8)}.mpaContent{position:relative}.mpaContent::before{content:"";position:absolute;width:calc(100vw - var(--scrollbar)*1px);bottom:0;background:var(--gray_bg)}@media(min-width: 768px){.mpaContent::before{left:calc((100vw - var(--scrollbar)*1px - min(1120rem,100%))/-2);height:calc(var(--space112) + 10rem)}}@media(max-width: 767px){.mpaContent::before{left:calc((100vw - 100%)/-2);height:calc(var(--space80) + 10rem)}}.mpaContentInner{position:relative;overflow:hidden}@media(min-width: 768px){.mpaContentInner{margin-left:calc((100vw - (var(--scrollbar))*1px - 1120rem)/-2);margin-right:calc((100vw - (var(--scrollbar))*1px - 1120rem)/-2);padding-left:calc((100vw - (var(--scrollbar))*1px - 1120rem)/2);padding-right:calc((100vw - (var(--scrollbar))*1px - 1120rem)/2)}}@media(max-width: 767px){.mpaContentInner{margin-left:calc((100vw - var(--scrollbar)*1px - 100%)/-2);margin-right:calc((100vw - var(--scrollbar)*1px - 100%)/-2);padding-left:calc((100vw - var(--scrollbar)*1px - 100%)/2);padding-right:calc((100vw - var(--scrollbar)*1px - 100%)/2)}}@media(min-width: 768px){.cBubbleText:is(.mpaContentInner *){width:156rem;height:156rem;padding-bottom:10rem}}@media(max-width: 767px){.cBubbleText:is(.mpaContentInner *){padding-bottom:8rem}}.mpaKnowledgelink{cursor:pointer;z-index:1;position:absolute;bottom:0}@media(min-width: 768px){.mpaKnowledgelink{background-image:url(/themes/custom/kokuyo_theme/assets/images/pc/about/sector.svg);background-size:275rem 144rem;background-repeat:no-repeat;background-position:top center;bottom:15rem;width:275rem;height:145rem;left:calc(50% - 137.5rem)}.mpaKnowledgelink:after{content:"";display:block;width:100%;height:2rem;background-color:var(--white100);position:absolute;bottom:0}}@media(max-width: 767px){.mpaKnowledgelink{background-image:url(/themes/custom/kokuyo_theme/assets/images/sp/about/sector.svg);background-size:213rem 112rem;background-repeat:no-repeat;background-position:bottom center;bottom:7rem;width:213rem;height:113rem;left:calc(50% - 106.5rem)}.mpaKnowledgelink:after{content:"";display:block;width:100%;height:2rem;background-color:var(--white100);position:absolute;bottom:0}}.mpaKnowledgelinkInner{position:absolute;display:flex;align-items:center;flex-direction:column}@media(min-width: 768px){.mpaKnowledgelinkInner{padding-top:53rem;width:275rem;height:144rem;gap:var(--space16)}}@media(max-width: 767px){.mpaKnowledgelinkInner{padding-top:37rem;width:213rem;height:112rem;gap:var(--space16)}}.mpaKnowledgelinkText:where(._hover *){opacity:.5}.cColortipset:is(.mpaKnowledgelink *){position:absolute;z-index:1;display:flex;bottom:0rem}@media(min-width: 768px){.cColortip:is(.mpaKnowledgelink *){width:12rem;height:8rem}}@media(max-width: 767px){.cColortip:is(.mpaKnowledgelink *){width:10rem;height:8rem}}.mpaHow{position:relative}@media(min-width: 768px){.mpaHow{margin-top:calc(var(--space112))}}.mpaHowBubble{position:absolute;z-index:1}@media(min-width: 768px){.mpaHowBubble{rotate:-8deg;top:-60rem;left:-42rem}.mpaHowBubble ._16{font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.mpaHowBubble{rotate:8deg;top:-63rem;right:-30rem}}.mpaHowInner{position:relative;width:100%;gap:var(--space16);display:flex}@media(min-width: 768px){.mpaHowInner{padding-top:calc(79rem + 1px)}}@media(max-width: 767px){.mpaHowInner{padding-top:calc(64rem + 1px);margin-top:var(--space80);flex-direction:column}}@media(min-width: 768px){.mpaHowInner .mpaHowPeople{flex:1}}.mpaHowInner .mpaHowHistory{width:268rem}@media(max-width: 767px){.mpaHowInner .mpaHowHistory{width:100%}}.mpaHowInner::before{content:"";display:block;width:100%;height:1px;background-color:var(--gray_line);position:absolute;top:0;left:0}.mpaHowPeople{position:relative;width:100%}@media(max-width: 767px){.mpaHowPeople{aspect-ratio:352/816}}.mpaHowPeopleInner{background-color:var(--tan);position:absolute;top:0;left:0;display:block;width:100%;height:100%}.mpaHowPeopleInner:where(.mpaHowPeopleInner._hover){background-color:oklch(from var(--tan) calc(l - 0.02) calc(c * 1.02) h)}@media(min-width: 768px){.mpaHowPeopleInner{padding-left:var(--space48);padding-top:var(--space48)}}@media(max-width: 767px){.mpaHowPeopleInner{padding-left:var(--space32);padding-top:var(--space32);aspect-ratio:352/816;height:816rem}}.mpaHowPeopleContent{position:relative;display:flex;flex-direction:column;gap:var(--space32);height:100%}@media(max-width: 767px){.mpaHowPeopleContent{justify-content:space-between;padding-bottom:124rem;padding-bottom:110rem}}.mpaHowPeopleContent .cSlash{transform-origin:left bottom;background-color:var(--primary20)}.mpaHowPeopleStatement{display:flex;color:var(--gray_text);color:var(--primary60);z-index:1}.mpaHowPeopleStatement strong{color:var(--primary);position:relative}.mpaHowPeopleStatement strong::before{content:"";display:block;width:100%;background-color:var(--cream);position:absolute;left:0;z-index:-1}@media(min-width: 768px){.mpaHowPeopleStatement strong::before{bottom:2rem;height:12rem}}@media(max-width: 767px){.mpaHowPeopleStatement strong::before{bottom:2rem;height:8rem}}.mpaHowPeopleStatementText:where(._hover *){opacity:.5}@media(max-width: 767px){.mpaHowPeopleBody{margin-top:14rem}}.mpaHowPeopleBody:where(._hover *){opacity:.5}.mpaHowPeopleSlide{pointer-events:none}@media(min-width: 768px){.mpaHowPeopleSlide{position:absolute;top:-72rem;top:-26rem;left:400rem;left:362rem;left:400rem;z-index:1}}@media(max-width: 767px){.mpaHowPeopleSlide{position:absolute;left:42rem;left:86rem;top:120rem;top:142rem}}.uCarouselIndicatorList:is(.mpaHowPeople *){pointer-events:auto;position:absolute;top:100%;rotate:-8deg}@media(min-width: 768px){.uCarouselIndicatorList:is(.mpaHowPeople *){flex-direction:row;top:522rem;right:-107rem}}@media(max-width: 767px){.uCarouselIndicatorList:is(.mpaHowPeople *){rotate:82deg;top:calc(100% - 28rem);left:calc(100% + 53rem)}}@media(min-width: 768px){.uCarouselIndicator:is(.mpaHowPeople *):before{width:calc(var(--indicatorRadius)*2 + 2rem);height:calc(var(--indicatorRadius)*2 + 20rem)}}.mpaHowPeopleSlideUnitTexts{position:absolute;left:0;top:0;width:100%;height:100%}.mpaHowPeopleSlideUnitText{display:none}.mpaHowPeopleSlideUnitText:where(._show){display:block}.mpaHowPeopleSlideUnit{aspect-ratio:1/2;width:312rem;rotate:8deg;--duration: 4s}@media(min-width: 768px){.mpaHowPeopleSlideUnit{width:312rem}.mpaHowPeopleSlideUnit .uCarouselContainer{height:624rem}.mpaHowPeopleSlideUnit .uCarouselContainer .uCarouselUnit{height:624rem}}@media(max-width: 767px){.mpaHowPeopleSlideUnit{width:187rem}.mpaHowPeopleSlideUnit .uCarouselContainer{height:374rem}.mpaHowPeopleSlideUnit .uCarouselContainer .uCarouselUnit{height:374rem}}.mpaHowPeopleSlideUnitTextRibbon .cRibbontextInner:is(body:not(._motionreduced) *){scale:0}.mpaHowPeopleSlideUnitTextRibbon .cRibbontextInner:is(body:not(._motionreduced) .mpaHowPeopleSlideUnitText._show *){animation-name:scaleupribbontext;animation-duration:.3s;animation-timing-function:cubic-bezier(0.25, 0, 0.25, 1.4);animation-fill-mode:forwards}.mpaHowPeopleSlideUnitTextRibbon .cRibbontextInner:is(body:not(._motionreduced) .mpaHowPeopleSlideUnitText._hide *){scale:1;animation-name:scaledownribbontext;animation-duration:.4s;animation-timing-function:cubic-bezier(0, 0, 0.25, 1);animation-fill-mode:forwards}.mpaHowPeopleSlideUnitTextRibbon:where(:nth-child(1)) .cRibbontextInner{animation-delay:0s}.mpaHowPeopleSlideUnitTextRibbon:where(:nth-child(2)) .cRibbontextInner{animation-delay:0.08s}.mpaHowPeopleSlideUnitTextRibbon:where(:nth-child(3)) .cRibbontextInner{animation-delay:0.16s}.mpaHowPeopleSlideUnitTextRibbon:where(:nth-child(4)) .cRibbontextInner{animation-delay:0.24s}.mpaHowPeopleSlideUnitTextRibbon:where(:nth-child(5)) .cRibbontextInner{animation-delay:0.32s}@media(min-width: 768px){.mpaHowPeopleSlideUnitTextRibbon:nth-child(1){top:90rem;left:50rem}.mpaHowPeopleSlideUnitTextRibbon:nth-child(2){top:300rem;left:345rem}.mpaHowPeopleSlideUnitTextRibbon:nth-child(3){top:495rem;left:-5rem}}@media(max-width: 767px){.mpaHowPeopleSlideUnitTextRibbon:nth-child(1){top:100rem;left:40rem}.mpaHowPeopleSlideUnitTextRibbon:nth-child(2){top:220rem;left:255rem}.mpaHowPeopleSlideUnitTextRibbon:nth-child(3){top:320rem;left:-10rem}}.mpaHowPeopleSlideImage{position:relative;width:100%;aspect-ratio:3/2}.cPicture:is(.mpaHowPeopleSlideImage *){position:relative;background-color:oklch(from var(--keycolor) calc(l * 1.15) calc(c * 0.4) h);z-index:1}.cPicture:is(.mpaHowPeopleSlideImage *) picture::after{content:"";display:block;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(/themes/custom/kokuyo_theme/assets/images/common/about/staff_bg_gradation.webp);background-size:cover;z-index:-1;mix-blend-mode:soft-light}.mpaHowPeopleBody{color:var(--gray_text)}@media(max-width: 767px){.mpaHowPeopleBody{flex-grow:1}}.mpaHowPeopleBodyText{display:flex;color:var(--primary60)}@media(max-width: 767px){.mpaHowPeopleBodyText{height:100%;align-items:flex-end}}.mpaHowHistory{position:relative}@media(min-width: 768px){.mpaHowHistory{aspect-ratio:268/576;padding-left:var(--space48);padding-top:var(--space32)}}@media(max-width: 767px){.mpaHowHistory{aspect-ratio:352/432}}.mpaHowHistoryInner{background-color:var(--sand);width:100%;height:100%;position:relative;position:absolute;top:0;left:0;width:100%;height:100%;padding-left:var(--space32);padding-top:var(--space32)}.mpaHowHistoryInner:where(.mpaHowHistoryInner._hover){background-color:oklch(from var(--sand) calc(l - 0.02) calc(c * 1.02) h)}.mpaHowHistoryContent{position:relative;display:flex;flex-direction:column;gap:var(--space32);height:100%;z-index:2}@media(max-width: 767px){.cIcontextText:is(.mpaHowHistoryContent *)::before{content:"";position:absolute;top:-20%;left:0;width:100%;height:140%;background:var(--sand);z-index:-1}}.mpaHowHistoryStatement{color:var(--gray_text);display:grid}.mpaHowHistoryStatement:where(._hover *){opacity:.5}.mpaHowHistoryStatement strong{color:var(--primary);position:relative;z-index:1}.mpaHowHistoryStatement strong::before{content:"";display:block;width:100%;background-color:var(--cream);position:absolute;left:0;z-index:-1}@media(min-width: 768px){.mpaHowHistoryStatement strong::before{bottom:0rem;height:12rem}}@media(max-width: 767px){.mpaHowHistoryStatement strong::before{bottom:2rem;height:8rem}}@media(max-width: 767px){.mpaHowHistoryStatementText span{background:var(--sand)}.mpaHowHistoryStatementText span:first-child{position:relative}.mpaHowHistoryStatementText span:first-child::before{content:"";position:absolute;width:100%;height:2rem;bottom:-1rem;left:0;background:var(--sand)}}.mpaHowHistoryImage{position:absolute;background-repeat:no-repeat;left:-34rem;pointer-events:none;background-size:cover}@media(min-width: 768px){.mpaHowHistoryImage{left:0;bottom:108rem;background-image:url(/themes/custom/kokuyo_theme/assets/images/pc/about/bg_history.svg);width:268rem;height:339rem}}@media(max-width: 767px){.mpaHowHistoryImage{left:0;bottom:0;background-image:url(/themes/custom/kokuyo_theme/assets/images/sp/about/bg_history.svg);width:352rem;height:432rem}}.cIcontext:is(.mpaHow *){position:absolute}@media(min-width: 768px){.cIcontext:is(.mpaHow *){bottom:42rem}}@media(max-width: 767px){.cIcontext:is(.mpaHow *){bottom:36rem}}.cIcontext:is(.mpaHow *)::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.cIcontext:is(.mpaHow *)::after{content:"";position:absolute;bottom:calc(100% + var(--space24));left:0;width:20rem;height:0;border-top:1px solid var(--primary20)}.cUnderlineblock:is(.mpaHow *){position:absolute;bottom:0;left:0}.mpaFact{position:relative}@media(min-width: 768px){.mpaFact{padding-top:var(--space80)}}@media(max-width: 767px){.mpaFact{margin-top:var(--space80);padding-top:65rem}}.mpaFact::before{content:"";display:block;width:100%;height:0;border-top:1px solid var(--gray_line);position:absolute;top:0;left:0}.mpaFactBubble{position:absolute;z-index:1}@media(min-width: 768px){.mpaFactBubble{rotate:8deg;top:-62rem;left:-40rem}.mpaFactBubble ._16{font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.mpaFactBubble{rotate:8deg;top:-63rem;left:237rem}}.cIcontext:is(.mpaFact *){padding-left:22rem !important}@media(min-width: 768px){.cIcontextText:is(.mpaFact *){font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.cIcontextText:is(.mpaFact *){font-size:14rem}}@media(max-width: 767px){.cButtonTitle:is(.mpaFact *){font-size:18rem}}.cIcon:is(.mpaFact *){width:16rem;height:16rem}.cButtonContent._hasiconLine .cButtonIcon:is(.mpaFact *){padding-top:26rem}.cButtonContent._hasiconLine .cButtonIcon:is(.mpaFact *):before{width:16rem}@media(min-width: 768px){.cButtonInner:is(.mpaFact *){padding-bottom:35rem}}@media(max-width: 767px){.cButtonInner:is(.mpaFact *){padding-bottom:24rem}}.cIconBody:is(.mpaFact *){background-image:url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);width:16rem;height:16rem}@media(max-width: 767px){.cButtonContent:is(.mpaFact *){--angle: 54deg;--bevelW: 24rem;--bevelH: calc(tan(var(--angle)) * var(--bevelW));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%)}}.mpaJobs{position:relative}@media(min-width: 768px){.mpaJobs{padding-top:var(--space80)}}@media(max-width: 767px){.mpaJobs{padding-top:65rem}}.mpaJobs::before{content:"";display:block;width:100%;height:0;border-top:1px solid var(--gray_line);position:absolute;top:0;left:0}.mpaJobsCount{position:absolute;right:0;color:var(--gray_text)}@media(min-width: 768px){.mpaJobsCount{top:54rem}}@media(max-width: 767px){.mpaJobsCount{top:39rem}}.mpaJobsBubble{position:absolute;z-index:1}@media(min-width: 768px){.mpaJobsBubble{rotate:-8deg;top:-60rem;left:-40rem}.mpaJobsBubble ._16{font-size:15rem;line-height:22rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.mpaJobsBubble{rotate:-8deg;top:-63rem;left:-24rem}}.mpaJobsInner{display:flex;height:100%;flex-direction:column;justify-content:space-between}@media(max-width: 767px){.mpaJobsInner{gap:var(--space8)}}.mpaButtonsInner{display:flex;flex-wrap:wrap;reading-flow:flex-visual}@media(min-width: 768px){.mpaButtonsInner{margin-top:var(--space80);gap:112rem 56rem}.mpaButtonsInner .mpaFact{order:1;flex-grow:1}.mpaButtonsInner .mpaJobs{order:2;width:238rem}.mpaButtonsInner .mpaMessage{order:3;width:100%}}@media(max-width: 767px){.mpaButtonsInner{flex-direction:column;gap:var(--space80)}.mpaButtonsInner>*{width:100%}}.mpaNotice{position:relative;display:flex;justify-content:space-between;height:100%}@media(min-width: 768px){.mpaNotice{margin-top:var(--space80)}}@media(max-width: 767px){.mpaNotice{position:relative;flex-direction:column;margin-top:var(--space48);padding-top:var(--space32)}.mpaNotice::after{content:"";display:block;width:100%;height:0;border-top:1px solid var(--gray_line);position:absolute;top:0;right:0}}.mpaNotice::before{content:"";top:0;width:100vw;height:100%;position:absolute;background:var(--gray_bg)}@media(min-width: 768px){.mpaNotice::before{left:calc((100vw - var(--scrollbar)*1px - min(1120rem,100%))/-2)}}@media(max-width: 767px){.mpaNotice::before{left:calc((100vw - 100%)/-2)}}@media(min-width: 768px){.mInfotaggedlist.mpaNoticeInfotagged{width:826rem}}.mInfotaggedlistSection:is(.mpaNoticeInfotagged *){width:100%}@media(min-width: 768px){.mInfotaggedlistSection:is(.mpaNoticeInfotagged *){padding-bottom:4rem}}.mInfotaggedlistSection:is(.mpaNoticeInfotagged *)::after{content:none}.mpaNews{position:relative;padding-top:var(--space32)}@media(min-width: 768px){.mpaNews{width:239rem}.mpaNews::after{content:"";display:block;width:120rem;height:0;border-top:1px solid var(--gray_line);position:absolute;bottom:10rem;right:0}}@media(max-width: 767px){.mpaNews{margin-top:var(--space24)}}.mpaNews::before{content:"";display:block;width:100%;height:0;border-top:1px solid var(--gray_line);position:absolute;top:0;left:0}.mpaNewsContent{position:relative;width:100%;display:flex;gap:var(--space16);align-items:flex-start}@media(min-width: 768px){.mpaNewsContent{margin-top:var(--space32);min-height:152rem}}@media(max-width: 767px){.mpaNewsContent{margin-top:var(--space24)}}.mpaNewsContentTextImage{min-width:120rem;width:120rem;aspect-ratio:3/2;flex-shrink:0}@media(max-width: 767px){.mpaNewsContentTextImage{width:192rem}}.mpaNewsContentText{flex-shrink:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:var(--space24)}@media(max-width: 767px){.mpaNewsContentText{min-height:128rem}}._hover .mpaNewsContentText{opacity:.5}.mpaNewsContentTextDesc{display:flex}@media(min-width: 768px){.mpaNewsContentTextDesc{padding-bottom:44rem}}.mpaNewsContentTextDate{position:relative;display:flex}@media(min-width: 768px){.mpaNewsContentTextDate{position:absolute;bottom:8rem;left:0}}@media(max-width: 767px){.mpaNewsContentTextDate{padding-top:var(--space24);margin-bottom:-1rem}.mpaNewsContentTextDate::after{content:"";display:block;width:var(--space24);height:0;border-top:1px solid var(--gray_line);position:absolute;top:0;left:0}}.mpaAboutbuttons{position:relative;margin-top:var(--space80);padding-top:var(--space80)}@media(max-width: 767px){.mpaAboutbuttons{margin-top:var(--space48);padding-top:var(--space48)}}.mpaAboutbuttons::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:repeating-linear-gradient(to right, var(--gray_line) 0px, var(--gray_line) 1px, transparent 1px, transparent 3px);background-size:3px 1px}.mpaAboutbuttons::before{content:"";width:100vw;height:100%;position:absolute;background:var(--gray_bg)}@media(min-width: 768px){.mpaAboutbuttons::before{top:calc(var(--space80)*2);left:calc((100vw - var(--scrollbar)*1px - min(1120rem,100%))/-2)}}@media(max-width: 767px){.mpaAboutbuttons::before{top:calc(var(--space48) + var(--space80));left:calc((100vw - 100%)/-2)}}.cButton:has(.mpaAboutbuttonsBusiness){margin-bottom:var(--space16)}@media(max-width: 767px){.cButton:has(.mpaAboutbuttonsBusiness){margin-bottom:var(--space8)}}@media(max-width: 767px){.cButtonContent.mpaAboutbuttonsBusiness{padding-top:24rem;padding-left:24rem}}.mpaAboutbuttonsBusiness .cButtonTextWrap{flex-direction:column-reverse;justify-content:flex-end}@media(max-width: 767px){.mpaAboutbuttonsBusiness .cButtonTextWrap{gap:14rem}}@media(min-width: 768px){.mpaAboutbuttonsBusiness .cButtonTitle{font-size:29rem;line-height:38rem;margin-top:var(--mt);margin-bottom:var(--mb)}}@media(max-width: 767px){.mpaAboutbuttonsBusiness .cButtonTitle{font-size:23rem;line-height:32rem;margin-top:var(--mt);margin-bottom:var(--mb)}}.mKnowledgebuttonOther .cButton:is(.mpaAboutbuttons *){position:relative;margin-top:var(--space24);padding-top:calc(var(--space24) + 1px);display:flex;gap:var(--space8)}.mKnowledgebuttonOther .cButton:is(.mpaAboutbuttons *)::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:repeating-linear-gradient(to right, var(--gray_line) 0px, var(--gray_line) 1px, transparent 1px, transparent 3px);background-size:3px 1px}.mpaAboutbuttonsSpecial{position:relative;margin-top:var(--space24);padding-top:calc(var(--space24) + 1px);display:flex;gap:var(--space8)}@media(max-width: 767px){.mpaAboutbuttonsSpecial{flex-direction:column}}.mpaAboutbuttonsSpecial::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:repeating-linear-gradient(to right, var(--gray_line) 0px, var(--gray_line) 1px, transparent 1px, transparent 3px);background-size:3px 1px}.mpaAboutbuttonsCommon{position:relative;margin-top:var(--space24);padding-top:calc(var(--space24) + 1px);display:flex;gap:var(--space8)}@media(max-width: 767px){.mpaAboutbuttonsCommon{flex-wrap:wrap}}.mpaAboutbuttonsCommon::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:repeating-linear-gradient(to right, var(--gray_line) 0px, var(--gray_line) 1px, transparent 1px, transparent 3px);background-size:3px 1px}@media(max-width: 767px){.cButton:is(.mpaAboutbuttonsCommon *){width:172rem}}