main.serviceSupport{position:relative;overflow:hidden}main.serviceSupport .serviceSupport__kv{max-width:1440px;margin:150px auto 142px;padding:0 min(9.9%,140px)}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv{margin:120px auto 68px;padding:0 25px}}main.serviceSupport .serviceSupport__kv__inner{justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv__inner{flex-direction:column}main.serviceSupport .serviceSupport__kv__inner:has(.image--system) .modHeading01{width:300px;margin:0 auto}main.serviceSupport .serviceSupport__kv__inner:has(.image--system) .word{width:unset}main.serviceSupport .serviceSupport__kv:has(.image--web-production){margin-bottom:53.5px}main.serviceSupport .serviceSupport__kv:has(.image--marketing){margin-bottom:43px}}@media screen and (min-width:769px){main.serviceSupport .serviceSupport__kv:has(.image--planning){margin-bottom:139px}main.serviceSupport .serviceSupport__kv:has(.image--global){margin-bottom:140px}}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv:has(.image--global){margin-bottom:66px}main.serviceSupport .serviceSupport__kv:has(.image--global) .serviceSupport__kv__title{margin-bottom:36px}}main.serviceSupport .serviceSupport__kv__title{flex-direction:column;display:flex}@media screen and (min-width:769px){main.serviceSupport .serviceSupport__kv__title{gap:24px;width:45%;margin-bottom:53px}}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv__title{text-align:center;width:100%;margin-bottom:4px}main.serviceSupport .serviceSupport__kv__title .word{width:100%}}main.serviceSupport .serviceSupport__kv__title .subTitle{letter-spacing:.04em;line-height:1;overflow:hidden}@media screen and (min-width:769px){main.serviceSupport .serviceSupport__kv__title .subTitle{font-size:2.8rem}}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv__title .subTitle{font-size:1.8rem}}main.serviceSupport .serviceSupport__kv__title .subTitle span{display:inline-block;transform:translateY(100%)}@media screen and (min-width:769px){main.serviceSupport .serviceSupport__kv__title .modHeading01{font-size:clamp(40px,4.86111vw,70px)}}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv__title .modHeading01{text-align:center;justify-content:center;font-size:4rem}main.serviceSupport .serviceSupport__kv__title .modHeading01 .line{width:100%}}main.serviceSupport .serviceSupport__kv__illutration{aspect-ratio:670/495;align-content:center;max-width:700px;margin:0 auto;position:relative}@media screen and (min-width:769px){main.serviceSupport .serviceSupport__kv__illutration{width:70%}}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv__illutration{width:100%}}main.serviceSupport .serviceSupport__kv__illutration .image{aspect-ratio:700/480;width:100%;height:auto;overflow:hidden}main.serviceSupport .serviceSupport__kv__illutration .image>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@supports not (aspect-ratio:700/480){main.serviceSupport .serviceSupport__kv__illutration .image{position:relative}main.serviceSupport .serviceSupport__kv__illutration .image:before{float:left;content:"";padding-top:68.57%}main.serviceSupport .serviceSupport__kv__illutration .image:after{content:"";clear:both;display:block}main.serviceSupport .serviceSupport__kv__illutration .image>img{position:absolute;inset:0}}main.serviceSupport .serviceSupport__kv__illutration .image{overflow:hidden}@media screen and (max-width:768px){main.serviceSupport .serviceSupport__kv__illutration .image{width:calc(100% + 50px);margin:0 calc(50% - 50vw)}}main.serviceSupport .serviceSupport__kv__illutration .image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}@media screen and (min-width:769px){main.serviceSupport .mainDescription{margin-bottom:78px;padding:0 40px}}@media screen and (max-width:768px){main.serviceSupport .mainDescription{margin-bottom:31px}}main.serviceSupport .mainDescription--marketing .modHeadingGroup__content__text{margin-top:8px;line-height:1.5}@media screen and (max-width:768px){main.serviceSupport .mainDescription--marketing .modHeadingGroup__content__text{letter-spacing:.02em;margin-top:13px;line-height:1.4}}main.serviceSupport .mainDescription__title{text-align:center;margin-bottom:clamp(48px,3.33333vw,48px);font-weight:700}@media screen and (max-width:768px){main.serviceSupport .mainDescription__title{margin-bottom:clamp(36px,2.5vw,36px)}}main.serviceSupport .mainDescription__title__en{letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-family:Inter,sans-serif;font-size:clamp(16px,1.11111vw,16px);font-weight:900;line-height:1.4}@media screen and (max-width:768px){main.serviceSupport .mainDescription__title__en{font-size:clamp(12px,.833333vw,12px)}}main.serviceSupport .mainDescription__title__ja{letter-spacing:.04em;font-size:clamp(50px,3.47222vw,50px);line-height:1.35}@media screen and (max-width:768px){main.serviceSupport .mainDescription__title__ja{font-size:clamp(32px,2.22222vw,32px)}}main.serviceSupport .mainDescription .modText:not(:last-child){margin-bottom:24px}@media screen and (max-width:768px){main.serviceSupport .mainDescription .modText{font-size:1.5rem}main.serviceSupport .mainDescription .modHeadingGroup__content__text{letter-spacing:.08em}}main.serviceSupport .flowContent{counter-reset:flowItem}@media screen and (min-width:769px){main.serviceSupport .flowContent .modHeadingResponsiveAlign{padding:0 40px}}main.serviceSupport .flowContent__hgroup{text-align:center}@media screen and (min-width:769px){main.serviceSupport .flowContent__hgroup{margin-bottom:71px}}@media screen and (max-width:768px){main.serviceSupport .flowContent__hgroup{margin-bottom:46px}}main.serviceSupport .flowContent__hgroup__title{letter-spacing:.04em;text-align:center;margin-top:22.5px;font-size:clamp(16px,1.52778vw,22px);font-weight:700;line-height:1}@media screen and (max-width:768px){main.serviceSupport .flowContent__hgroup__title{margin-top:17.5px;line-height:1.35}}main.serviceSupport .flowContent__item{border-top:1px solid var(--borderGray);counter-increment:flowItem;align-items:center;gap:40px;padding:27px 0 28px 40px;display:flex}@media screen and (min-width:1001px) and (max-width:1000px){main.serviceSupport .flowContent__item{padding:20px 0 20px 20px}}@media screen and (max-width:768px){main.serviceSupport .flowContent__item{gap:24px;padding:15px 0 17px}}main.serviceSupport .flowContent__item:last-child{border-bottom:1px solid var(--borderGray)}@media screen and (min-width:769px){main.serviceSupport .flowContent__item__container{padding:0 40px}}main.serviceSupport .flowContent__item__count{text-align:center;flex-direction:column;flex-basis:72px;justify-content:center;align-items:center;display:flex}@media screen and (max-width:768px){main.serviceSupport .flowContent__item__count{flex-basis:70px;padding-top:9px}}@media screen and (min-width:769px){main.serviceSupport .flowContent__item__count{gap:1px;margin-top:6px}}main.serviceSupport .flowContent__item__count span{font-family:Inter,sans-serif;font-size:clamp(16px,1.11111vw,16px);font-weight:700;line-height:1}@media screen and (max-width:768px){main.serviceSupport .flowContent__item__count span{margin-bottom:3px;font-size:clamp(14px,.972222vw,14px)}}main.serviceSupport .flowContent__item__count:after{content:counter(flowItem);letter-spacing:.04em;font-family:Inter,sans-serif;font-size:clamp(48px,3.33333vw,48px);font-weight:700;line-height:1}@media screen and (max-width:768px){main.serviceSupport .flowContent__item__count:after{font-size:clamp(32px,2.22222vw,32px)}}main.serviceSupport .flowContent__item__icon{aspect-ratio:1;flex-basis:72px;overflow:hidden}main.serviceSupport .flowContent__item__icon>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@supports not (aspect-ratio:1/1){main.serviceSupport .flowContent__item__icon{position:relative}main.serviceSupport .flowContent__item__icon:before{float:left;content:"";padding-top:100%}main.serviceSupport .flowContent__item__icon:after{content:"";clear:both;display:block}main.serviceSupport .flowContent__item__icon>img{position:absolute;inset:0}}@media screen and (min-width:769px){main.serviceSupport .flowContent__item__icon{margin-top:4px}}@media screen and (max-width:768px){main.serviceSupport .flowContent__item__icon{display:none}}main.serviceSupport .flowContent__item__text{letter-spacing:.04em;flex:1;line-height:1.75}main.serviceSupport .flowContent__item__text .title{letter-spacing:.04em;font-weight:700;line-height:2}@media screen and (min-width:769px){main.serviceSupport .flowContent__item__text .title{margin-bottom:3.5px;font-size:2rem}}@media screen and (max-width:768px){main.serviceSupport .flowContent__item__text .title{margin-bottom:3px;font-size:1.6rem}}main.serviceSupport .flowContent__item__text .description{letter-spacing:.04em;font-size:1.4rem;line-height:2}@media screen and (max-width:768px){main.serviceSupport .supportCategory .modHeadingResponsiveAlign .modHeading01{min-width:345px;transform:translate(-10px)}main.serviceSupport .supportCategory .modListCategory{margin-top:0}}main.serviceSupport .supportCategory__hgroup{text-align:center}@media screen and (min-width:769px){main.serviceSupport .supportCategory__hgroup{margin-bottom:71px}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__hgroup{margin-bottom:48px}}main.serviceSupport .supportCategory__hgroup__title{letter-spacing:.04em;text-align:center;margin-top:22.5px;font-size:clamp(16px,1.52778vw,22px);font-weight:700;line-height:1}@media screen and (max-width:768px){main.serviceSupport .supportCategory__hgroup__title{margin-top:19.5px}}main.serviceSupport .supportCategory__lvl3{display:grid}@media (min-width:769px){main.serviceSupport .supportCategory__lvl3{grid-template-columns:repeat(4,1fr);gap:0 clamp(40px,2.77778vw,40px)}}@media (max-width:768px){main.serviceSupport .supportCategory__lvl3{grid-template-columns:repeat(4,1fr);gap:0 16px}}main.serviceSupport .supportCategory__lvl3:not(:last-child){margin-bottom:79.5px}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3:not(:last-child){margin-bottom:44.5px}}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl3{gap:40px}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3{gap:13px}}main.serviceSupport .supportCategory__lvl3__item{border:1px solid var(--borderGray);background-color:var(--white);border-radius:8px;grid-column:span 2}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl3__item{flex-direction:column;padding:54px 58px 59px 60px;display:flex}}@media screen and (min-width:1001px) and (max-width:1000px){main.serviceSupport .supportCategory__lvl3__item{padding:30px}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3__item{grid-column:span 4;padding:25px 28px 32px 27px}}main.serviceSupport .supportCategory__lvl3__item .title{display:flex}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl3__item .title{gap:20px;margin-bottom:24px}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3__item .title{flex-direction:column;gap:12px;margin-bottom:11px}}main.serviceSupport .supportCategory__lvl3__item .title__icon{aspect-ratio:65/67;overflow:hidden}main.serviceSupport .supportCategory__lvl3__item .title__icon>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@supports not (aspect-ratio:65/67){main.serviceSupport .supportCategory__lvl3__item .title__icon{position:relative}main.serviceSupport .supportCategory__lvl3__item .title__icon:before{float:left;content:"";padding-top:103.08%}main.serviceSupport .supportCategory__lvl3__item .title__icon:after{content:"";clear:both;display:block}main.serviceSupport .supportCategory__lvl3__item .title__icon>img{position:absolute;inset:0}}main.serviceSupport .supportCategory__lvl3__item .title__icon{max-width:65px}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3__item .title__icon{aspect-ratio:50/50;overflow:hidden}main.serviceSupport .supportCategory__lvl3__item .title__icon>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@supports not (aspect-ratio:50/50){main.serviceSupport .supportCategory__lvl3__item .title__icon{position:relative}main.serviceSupport .supportCategory__lvl3__item .title__icon:before{float:left;content:"";padding-top:100%}main.serviceSupport .supportCategory__lvl3__item .title__icon:after{content:"";clear:both;display:block}main.serviceSupport .supportCategory__lvl3__item .title__icon>img{position:absolute;inset:0}}main.serviceSupport .supportCategory__lvl3__item .title__icon{max-width:52px}}main.serviceSupport .supportCategory__lvl3__item .title__icon img{-o-object-fit:contain;object-fit:contain}main.serviceSupport .supportCategory__lvl3__item .title__title{letter-spacing:.04em;flex:1;font-size:2.8rem;font-weight:700;line-height:1.5}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3__item .title__title{font-size:2.4rem}}main.serviceSupport .supportCategory__lvl3__item .text{flex-direction:column;display:flex}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl3__item .text{flex:1;gap:24px}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3__item .text{gap:17px}}main.serviceSupport .supportCategory__lvl3__item .text__description{letter-spacing:.04em;line-height:2}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl3__item .text__description{flex:1;font-size:1.6rem}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl3__item .text__description{font-size:1.5rem}}main.serviceSupport .supportCategory__lvl3__item .text__arrowBtn{aspect-ratio:1;border:solid 1px var(--black);background-color:var(--white);filter:invert();border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:auto;transition:all .3s cubic-bezier(.4,.1,.4,1);display:flex}main.serviceSupport .supportCategory__lvl3__item .text__arrowBtn span{z-index:10;align-items:center;width:clamp(12px,1.11111vw,16px);display:flex;position:relative;overflow:hidden}main.serviceSupport .supportCategory__lvl3__item .text__arrowBtn span:after{content:"";aspect-ratio:1;z-index:10;opacity:1;background-image:url(/img/common/icon/img_arrowLeft.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:clamp(12px,1.11111vw,16px);height:auto;transition:all cubic-bezier(.4,.1,.4,1),filter .3s cubic-bezier(.4,.1,.4,1);display:inline-block;position:relative;transform:rotate(180deg)}main.serviceSupport .supportCategory__lvl3__item .text__arrowBtn span:before{content:"";aspect-ratio:1;z-index:10;opacity:0;background-image:url(/img/common/icon/img_arrowLeft.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:clamp(12px,1.11111vw,16px);height:auto;position:absolute;right:0;transform:rotate(180deg)translate(100%)}main.serviceSupport .supportCategory__lvl3__item:hover{background-color:var(--black);color:var(--white)}main.serviceSupport .supportCategory__lvl3__item:hover .title__icon{filter:invert()}main.serviceSupport .supportCategory__lvl3__item:hover .text__arrowBtn{filter:invert(0)}main.serviceSupport .supportCategory__lvl3__item:hover .text__arrowBtn span:after{opacity:0;transition:transform .3s cubic-bezier(.4,.1,.4,1),opacity .3s cubic-bezier(.4,.1,.4,1),filter .3s cubic-bezier(.4,.1,.4,1) .3s;transform:rotate(180deg)translate(-100%)}main.serviceSupport .supportCategory__lvl3__item:hover .text__arrowBtn span:before{opacity:1;transition:transform .3s cubic-bezier(.4,.1,.4,1) .1s,opacity .3s cubic-bezier(.4,.1,.4,1) .1s;transform:rotate(180deg)translate(0)}main.serviceSupport .supportCategory__lvl4__title{text-align:center;letter-spacing:.04em;font-weight:700}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl4__title{margin-bottom:47px;font-size:3.6rem;line-height:1.4}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl4__title{margin-bottom:32px;font-size:2.4rem;line-height:1.5}}main.serviceSupport .supportCategory__lvl4__container{display:grid}@media (min-width:769px){main.serviceSupport .supportCategory__lvl4__container{grid-template-columns:repeat(4,1fr);gap:0 clamp(40px,2.77778vw,40px)}}@media (max-width:768px){main.serviceSupport .supportCategory__lvl4__container{grid-template-columns:repeat(4,1fr);gap:0 16px}}@media screen and (min-width:769px){main.serviceSupport .supportCategory__lvl4__container{gap:40px}}@media screen and (min-width:1001px) and (max-width:1000px){main.serviceSupport .supportCategory__lvl4__container{gap:24px 40px}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl4__container{gap:16px 0}}@media screen and (min-width:1001px) and (max-width:1000px){main.serviceSupport .supportCategory__lvl4__container .modCardCategory{grid-column:span 2}}@media screen and (max-width:768px){main.serviceSupport .supportCategory__lvl4__container .modCardCategory{grid-column:span 4}}@media screen and (min-width:769px){main.serviceSupport .modSection__inner:has(.supportContent){margin-bottom:156px}}@media screen and (max-width:768px){main.serviceSupport .modSection__inner:has(.supportContent){margin-bottom:121px}}@media screen and (min-width:769px){main.serviceSupport .modSection__inner:has(.supportContent--marketing){margin-bottom:160px}}@media screen and (max-width:768px){main.serviceSupport .modSection__inner:has(.supportContent--marketing){margin-bottom:104px}}@media screen and (min-width:769px){main.serviceSupport .modSection__inner:has(.supportContent--planning){margin-bottom:135px}}@media screen and (max-width:768px){main.serviceSupport .modSection__inner:has(.supportContent--planning){margin-bottom:108.5px}}@media screen and (min-width:769px){main.serviceSupport .modSection__inner:has(.supportContent--system){margin-bottom:227px}}@media screen and (max-width:768px){main.serviceSupport .modSection__inner:has(.supportContent--system){margin-bottom:95.5px}}@media screen and (min-width:769px){main.serviceSupport .modSection__inner:has(.supportContent--global){margin-bottom:168px}}@media screen and (max-width:768px){main.serviceSupport .modSection__inner:has(.supportContent--global){margin-bottom:107.5px}}@media screen and (min-width:769px){main.serviceSupport--aiSolution .serviceSupport__kv .modHeading01{width:88%}main.serviceSupport--webImprovement .serviceSupport__kv .modHeading01{width:76%}main.serviceSupport--webSolution .serviceSupport__kv__title{width:50%}}main.serviceSupport--webSolution .serviceSupport__kv__title .modHeading01{word-break:unset}
