@font-face{font-family:YuGothicM;font-weight:normal;src:local("YuGothic-Medium"),local("Yu Gothic Medium"),local("YuGothic-Regular")}@font-face{font-family:YuGothicM;font-weight:bold;src:local("YoGothic-Bold"),local("Yu Gothic")}#fv-area{position:relative;height:100svh;background:url(../../img/top/fv-bg.jpg) no-repeat center/cover}#fv-area .inner{position:relative;height:100%}#fv-area .inner .box01{position:absolute;top:0;left:0;width:50%;height:100%}#fv-area .inner .box01>*{position:absolute;top:50%;transform:translateY(-50%)}#fv-area .inner .box01>*.parts01{top:0;bottom:0;right:11%;width:43%;height:52%;margin-top:auto;margin-bottom:auto;transform:none;transition:width .3s ease,height .3s ease,margin .3s ease;will-change:width,height,margin}#fv-area .inner .box01>*.parts01>*{height:100%}#fv-area .inner .box01>*.parts01>*>*{height:100%}#fv-area .inner .box01>*.parts01>*>* img{height:100%;object-fit:contain}#fv-area .inner .box01>*.parts01:has(.anime.is-secondary){width:85%;height:80%;opacity:.25}#fv-area .inner .box01>*.parts01:has(.anime.is-secondary)>*>* img{filter:brightness(0) invert(100%) sepia(0) saturate(0) hue-rotate(0deg);opacity:.9}#fv-area .inner .box01>*.parts02{left:50%;width:80%;height:80%;transform:translate(-50%, -50%)}#fv-area .inner .box01>*.parts02>*{height:100%}#fv-area .inner .box01>*.parts02>*>img{width:100%;height:100%;object-fit:contain}#fv-area .inner .cross{position:absolute;top:50%;left:50%;width:17%;aspect-ratio:1/1;transform:translate(-50%, -50%)}#fv-area .inner .box02{position:absolute;top:0;right:0;width:50%;height:100%}#fv-area .inner .box02>*{position:absolute;top:50%;transform:translateY(-50%)}#fv-area .inner .box02>*.parts01{top:0;bottom:0;left:11%;width:43%;height:52%;margin-top:auto;margin-bottom:auto;transform:none;transition:width .5s ease,height .5s ease;will-change:width,height}#fv-area .inner .box02>*.parts01>*{height:100%}#fv-area .inner .box02>*.parts01>*>*{height:100%}#fv-area .inner .box02>*.parts01>*>* img{height:100%;object-fit:contain}#fv-area .inner .box02>*.parts01:has(.anime.is-secondary){width:85%;height:80%;opacity:.25}#fv-area .inner .box02>*.parts01:has(.anime.is-secondary)>*{height:100%}#fv-area .inner .box02>*.parts01:has(.anime.is-secondary)>*>* img{filter:brightness(0) invert(100%) sepia(0) saturate(0) hue-rotate(0deg);opacity:.9}#fv-area .inner .box02>*.parts02{left:50%;width:80%;height:80%;transform:translate(-50%, -50%)}#fv-area .inner .box02>*.parts02>*{height:100%}#fv-area .inner .box02>*.parts02>*>img{width:100%;height:100%;object-fit:contain}#fv-area .inner .box03{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%, -50%)}#fv-area .inner .box03 .ttl{width:50%;margin:auto}#fv-area .anime{opacity:0;visibility:hidden}#fv-area .anime.is-show{-webkit-animation:bangEffect .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation:bangEffect .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;visibility:visible !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}#fv-area .anime.is-hide{opacity:0 !important;transition:opacity .3s;-webkit-transition:opacity .3s;visibility:hidden !important}@keyframes bangEffect{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes bangEffect{0%{opacity:0;-webkit-transform:scale(1.5)}100%{opacity:1;-webkit-transform:scale(1)}}@media screen and (max-width:991px){#fv-area{padding-top:60px;background-image:url(../../img/top/fv-bg_sp.jpg)}#fv-area .inner .box01{width:100%;height:50%}#fv-area .inner .box01>*.parts01{right:auto;left:7%;width:64%;height:54%;margin-top:10%;transition:width .5s ease,height .5s ease,margin .5s ease}#fv-area .inner .box01>*.parts01:has(.anime.is-secondary){width:78%;height:63%;margin-top:5%}#fv-area .inner .box01>*.parts02{top:0;width:95%;transform:translateX(-50%)}#fv-area .inner .box01>*.parts02>*{text-align:right}#fv-area .inner .box01>*.parts02>* img{width:auto}#fv-area .inner .cross{width:69%}#fv-area .inner .box02{top:53%;width:100%;height:50%}#fv-area .inner .box02>*.parts01{left:auto;right:7%;width:64%;height:54%}#fv-area .inner .box02>*.parts01>*>*{text-align:right}#fv-area .inner .box02>*.parts01:has(.anime.is-secondary){width:78%;height:63%}#fv-area .inner .box02>*.parts02{top:auto;bottom:8%;width:95%;transform:translateX(-50%)}#fv-area .inner .box02>*.parts02>*{text-align:left}#fv-area .inner .box02>*.parts02>*>img{width:auto}#fv-area .inner .box03{width:100%;margin-top:-13%}#fv-area .inner .box03 .ttl{width:100%}}.top-content01{position:relative;mask:url(../../img/top/top-content01-mask.svg) no-repeat bottom center/cover;z-index:1}.top-content01 .txt{line-height:1}.top-content01 .txt .num{position:relative;top:-0.05em}@media screen and (max-width:767px){.top-content01{mask-image:url(../../img/top/top-content01-mask_sp.svg)}}.serviceBox{margin-top:-9%}.serviceBox .serviceTxtBox{display:grid;grid-template-columns:1fr 1fr}.serviceBox .serviceTxtBox .service{padding:20% 10%}.serviceBox .serviceTxtBox .service .ttl .num{position:relative;top:.05em;margin-right:.2em}.serviceBox .serviceTxtBox .service .tagList{display:flex;gap:10px;flex-wrap:wrap}.serviceBox .serviceTxtBox .service .tagList>li{padding:.5em;background:#fff;font-weight:bold;line-height:1.2}.serviceBox .serviceTxtBox .service.service01{background-image:linear-gradient(90deg, #216d3c, #0d371c)}.serviceBox .serviceTxtBox .service.service02{background-image:linear-gradient(#0C2437, #216599)}.serviceBox .serviceImgBox{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:-8%;z-index:1}.serviceBox .serviceImgBox .service{position:relative;width:100%;height:100%;mask:no-repeat center/contain;background:#fff}.serviceBox .serviceImgBox .service .splide__track,.serviceBox .serviceImgBox .service .splide__list,.serviceBox .serviceImgBox .service .splide__slide{height:100%}.serviceBox .serviceImgBox .service img{width:100%;height:100%;object-fit:cover;display:block}.serviceBox .serviceImgBox .service .splide__pagination{position:absolute;top:11%;gap:5px;height:4px}.serviceBox .serviceImgBox .service .splide__pagination>li{display:flex}.serviceBox .serviceImgBox .service .splide__pagination>li .splide__pagination__page{width:50px;height:4px;margin:0;background:#fff;border-radius:0;opacity:1}.serviceBox .serviceImgBox .service .splide__pagination>li .splide__pagination__page.is-active{transform:scale(1)}.serviceBox .serviceImgBox .service.service01{mask-image:url(../../img/top/service-01-mask01.svg)}.serviceBox .serviceImgBox .service.service01 .splide__pagination{justify-content:flex-start;transform:skewY(-8deg)}.serviceBox .serviceImgBox .service.service01 .splide__pagination>li .splide__pagination__page.is-active{background:#1f5052}.serviceBox .serviceImgBox .service.service02{mask-image:url(../../img/top/service-02-mask01.svg);z-index:1}.serviceBox .serviceImgBox .service.service02 .splide__pagination{justify-content:flex-end;transform:skewY(8deg)}.serviceBox .serviceImgBox .service.service02 .splide__pagination>li .splide__pagination__page.is-active{background:#086cb8}@media screen and (min-width:768px){.serviceBox .serviceTxtBox .service.splide__pagination>*{transition-delay:.5s}}@media screen and (max-width:1365px){.serviceBox .serviceTxtBox .service{padding-top:25%;padding-bottom:25%}}@media screen and (max-width:991px){.serviceBox .serviceImgBox .service .splide__pagination>li .splide__pagination__page{width:35px}}@media screen and (max-width:767px){.serviceBox{display:flex;flex-flow:column;margin-top:-22%}.serviceBox .serviceTxtBox{display:contents;grid-template-columns:auto}.serviceBox .serviceTxtBox .service{padding:26% 8%}.serviceBox .serviceTxtBox .service.service01{padding-top:28%;order:1}.serviceBox .serviceTxtBox .service.service02{margin-top:-20%;padding-bottom:28%;order:3}.serviceBox .serviceImgBox{display:contents}.serviceBox .serviceImgBox .service.service01{margin-top:-20%;order:2}.serviceBox .serviceImgBox .service.service02{margin-top:-20%;order:4}}#strength-area{position:relative;margin-top:-8%}#strength-area::after{content:"";position:absolute;bottom:0;left:0;width:50%;aspect-ratio:683/200;background:#000;opacity:.6;z-index:1}#strength-area .strengthTxtBox{position:relative}#strength-area .strengthTxtBox .main-ttl{position:absolute;top:50%;left:50%;height:100%;margin-top:3.3%;writing-mode:vertical-rl;transform:translate(-50%, -50%)}#strength-area .strengthTxtBox .strengthBox{display:grid;grid-template-columns:1fr 1fr}#strength-area .strengthTxtBox .strengthBox .strength .tag{display:inline-block;padding:.5em;border:solid 1px #fff;color:#fff}#strength-area .strengthTxtBox .strengthBox .strength.strength01{padding:22% 12% 22% 10%;background:#0a441f}#strength-area .strengthTxtBox .strengthBox .strength.strength02{padding:22% 10% 22% 12%;background:#092c48}#strength-area .strengthImgBox{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:-8%;z-index:2}#strength-area .strengthImgBox .strength{mask:no-repeat center/contain;aspect-ratio:1366/1030;z-index:1;pointer-events:none}#strength-area .strengthImgBox .strength>img{position:fixed;top:0;width:50%;height:100%;object-fit:cover}#strength-area .strengthImgBox .strength.strength01{mask-image:url(../../img/top/strength-01-mask01.svg)}#strength-area .strengthImgBox .strength.strength01>img{left:0}#strength-area .strengthImgBox .strength.strength02{mask-image:url(../../img/top/strength-02-mask01.svg)}#strength-area .strengthImgBox .strength.strength02>img{right:0}@media screen and (min-width:768px){#strength-area .strengthTxtBox .strengthBox .strength.strength01>*{transition-delay:.5s}#strength-area .strengthTxtBox .strengthBox .strength.strength02>*{transition-delay:1s}}@media screen and (max-width:991px){#strength-area .strengthTxtBox .strengthBox .strength.strength01{padding-right:15%}#strength-area .strengthTxtBox .strengthBox .strength.strength02{padding-left:15%}}@media screen and (max-width:767px){#strength-area{position:relative;display:flex;flex-flow:column;margin-top:-15%}#strength-area::after{content:none}#strength-area .strengthTxtBox{display:contents}#strength-area .strengthTxtBox .main-ttl{position:unset;width:100%;height:auto;margin:0;writing-mode:unset;transform:translate(0)}#strength-area .strengthTxtBox .strengthBox{display:contents}#strength-area .strengthTxtBox .strengthBox .strength.strength01{padding:22% 8% 24%;order:1}#strength-area .strengthTxtBox .strengthBox .strength.strength02{margin-top:-15%;padding:22% 8% 24%;order:3}#strength-area .strengthImgBox{display:contents}#strength-area .strengthImgBox .strength>img{width:100%}#strength-area .strengthImgBox .strength.strength01{margin-top:-15%;order:2}#strength-area .strengthImgBox .strength.strength02{margin-top:-15%;order:4;z-index:2}}#work-area{position:relative;margin-top:-8%;padding-top:8%;background-image:linear-gradient(90deg, #101E1C, #0C4940)}#work-area::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;aspect-ratio:1366/176;mask:url(../../img/top/work-mask02.svg) no-repeat center/contain;background:#162723;pointer-events:none}#work-area .inner{position:relative}#work-area .inner::before{content:"";position:absolute;top:0;left:0;width:50%;aspect-ratio:683/100;mask:url(../../img/top/work-mask01.svg) no-repeat center/contain;background:#000;opacity:.6;z-index:1}#work-area .inner .contentBox{display:grid;grid-template-columns:1fr 1fr}#work-area .inner .contentBox .imgBox>img{transform:scale(1.2) translate(5%, -8%)}@media screen and (min-width:768px){#work-area .inner .contentBox .imgBox{transition-delay:.5s}}@media screen and (max-width:767px){#work-area{margin-top:-15%;padding-top:12%}#work-area::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:5%;background:#162723;z-index:1}#work-area::after{bottom:calc(5% - 1px)}#work-area .inner::before{content:none}#work-area .inner .contentBox{grid-template-columns:auto;gap:20px}#work-area .inner .contentBox .imgBox>img{transform:scale(1)}}#mitomo-group-area{position:relative;background:#162723}#mitomo-group-area::before{content:"";position:absolute;bottom:0;right:-12%;width:75%;height:85%;background:url(../../img/top/mitomo-group-map.png) no-repeat center bottom/contain}#mitomo-group-area .ttl{position:relative}#mitomo-group-area .ttl::before{content:"MITOMO GROUP";position:absolute;top:50%;left:50%;width:100%;margin-top:-0.07em;color:#24453e;font-size:4em;font-family:"Barlow",sans-serif;font-optical-sizing:auto;font-weight:500;line-height:1;font-weight:bold;opacity:.3;transform:translate(-50%, -50%)}#mitomo-group-area .ttl>span{position:relative;color:#b7c2bf}#mitomo-group-area .contentBox{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}@media screen and (min-width:768px){#mitomo-group-area .txtBox{transition-delay:.5s}}@media screen and (max-width:767px){#mitomo-group-area{padding-top:20px;z-index:1}#mitomo-group-area::before{right:-15%;width:115%;height:100%;background-position:center bottom 17%}#mitomo-group-area .ttl::before{content:"MITOMO\aGROUP";white-space:pre;font-size:3em;line-height:.9}#mitomo-group-area .contentBox{grid-template-columns:auto;gap:30px}}.newsArea{display:grid;grid-template-columns:30% 1fr;gap:7%}@media screen and (max-width:767px){.newsArea{display:flex;align-items:center;flex-flow:column;gap:30px}.newsArea .box01{display:contents}.newsArea .box01 .btn01{margin-top:10px;order:1}.newsArea .box02{width:100%}}/*# sourceMappingURL=style-top.min.css.map */