body#toppage .main .visual{position:relative;width:100%;height:100vh;min-height:45rem}@media(max-width: 768px){body#toppage .main .visual{height:100vw;min-height:none}}body#toppage .main .visual::before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background-color:var(--key80);clip-path:polygon(0 0, 100% 0, 50% 100%, 0 100%);mix-blend-mode:multiply}@media(max-width: 768px){body#toppage .main .visual::before{width:50%;clip-path:polygon(0 0, 100% 0, 30% 100%, 0 100%)}}body#toppage .main .visual video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width: 768px){body#toppage .main .visual video{-o-object-position:20% 0;object-position:20% 0}}body#toppage .main .visual .copy{position:absolute;top:calc(50% + 3.125rem);left:6.25rem;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:1.25rem;transform:translateY(-50%)}@media(max-width: 768px){body#toppage .main .visual .copy{top:calc(50% + 6.25vw);left:4.1666666667vw;flex-direction:column;gap:2.0833333333vw}}body#toppage .main .visual .copy strong{padding:1.25rem .75rem 1.25rem .5rem;color:var(--orange);font-size:3.75rem;font-weight:700;writing-mode:vertical-rl;line-height:1;background-color:var(--wh80)}@media(max-width: 768px){body#toppage .main .visual .copy strong{padding:2.0833333333vw;font-size:6.25vw;writing-mode:horizontal-tb}}body#toppage .main .visual .copy strong:nth-child(2){transition-delay:.2s}body#toppage .main .visual .copy strong:nth-child(3){transition-delay:.3s}body#toppage .main .section{position:relative;padding:5rem 0}@media(max-width: 768px){body#toppage .main .section{padding:12.5vw 0}}body#toppage .main .section::before{content:"";position:absolute;width:calc(50% + 8.75rem);height:calc(100% - 10rem);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media(max-width: 768px){body#toppage .main .section::before{width:calc(100% - 4.1666666667vw);height:50vw}}body#toppage .main .section .container{display:flex;gap:2.5rem}@media(max-width: 768px){body#toppage .main .section .container{gap:8.3333333333vw}}body#toppage .main .section .container .contents{display:flex;flex-direction:column;gap:2.5rem;width:36.25rem;padding-top:5rem}@media(max-width: 768px){body#toppage .main .section .container .contents{gap:4.1666666667vw;width:100%;padding-top:12.5vw}}body#toppage .main .section .container .contents .subject{position:relative}body#toppage .main .section .container .contents .subject h3{position:relative;z-index:1;font-size:2.25rem;line-height:1.5;white-space:nowrap}@media(max-width: 768px){body#toppage .main .section .container .contents .subject h3{font-size:5vw}}body#toppage .main .section .container .contents .subject p{pointer-events:none;position:absolute;top:-4.375rem;left:-1.875rem;color:var(--key20);font-family:"Qwigley",serif;font-size:9.375rem;transform:rotate(-10deg);transform-origin:0 100%;transition-delay:.2s}@media(max-width: 768px){body#toppage .main .section .container .contents .subject p{top:-8.3333333333vw;left:-4.1666666667vw;font-size:18.75vw}}body#toppage .main .section .container .contents .comment p{font-size:1rem;line-height:1.75;white-space:nowrap}@media(max-width: 768px){body#toppage .main .section .container .contents .comment p{font-size:3.3333333333vw;white-space:wrap}}body#toppage .main .section .container .contents .more{display:flex}body#toppage .main .section .container .contents .more .btn{position:relative;display:flex;align-items:center;height:2.5rem;padding-right:3.75rem;color:var(--blue);font-size:1rem;font-weight:700;text-transform:uppercase;text-decoration:none}@media(max-width: 768px){body#toppage .main .section .container .contents .more .btn{height:8.3333333333vw;padding-right:12.5vw;font-size:3.3333333333vw}}body#toppage .main .section .container .contents .more .btn::before,body#toppage .main .section .container .contents .more .btn::after{content:"";position:absolute;top:0;right:0;width:2.5rem;aspect-ratio:1/1;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#toppage .main .section .container .contents .more .btn::before,body#toppage .main .section .container .contents .more .btn::after{width:8.3333333333vw}}body#toppage .main .section .container .contents .more .btn::before{border:.125rem solid var(--blue);transform:skewX(-20deg)}body#toppage .main .section .container .contents .more .btn::after{background-color:var(--blue);-webkit-mask:url("../images/icon_next.svg") no-repeat 50% 50%/contain;mask:url("../images/icon_next.svg") no-repeat 50% 50%/contain}@media(any-hover: hover){body#toppage .main .section .container .contents .more .btn:hover{letter-spacing:.2em}body#toppage .main .section .container .contents .more .btn:hover::before{background-color:var(--blue)}body#toppage .main .section .container .contents .more .btn:hover::after{background-color:var(--wh);transform:scale(1.5)}}@media(max-width: 768px){body#toppage .main .section.company{padding-top:54.1666666667vw}}body#toppage .main .section.company::before{top:5rem;left:0;background-image:url("../images/toppage/company_pic.jpg");clip-path:polygon(0 0, 100% 0, calc(100% - 12.5rem) 100%, 0 100%)}@media(max-width: 768px){body#toppage .main .section.company::before{top:12.5vw;clip-path:polygon(0 0, 100% 0, 80% 100%, 0 100%)}}body#toppage .main .section.company .container{justify-content:flex-end}@media(max-width: 768px){body#toppage .main .section.company .container{flex-direction:column}}body#toppage .main .section.company .container .more{justify-content:flex-end}body#toppage .main .section.achievements{background:url("../images/toppage/achievements_bg.jpg") no-repeat 50% 50%/cover}@media(max-width: 768px){body#toppage .main .section.achievements{padding-bottom:62.5vw}}body#toppage .main .section.achievements::before{bottom:5rem;right:0;background-image:url("../images/toppage/achievements_pic01.jpg");clip-path:polygon(12.5rem 0, 100% 0, 100% 100%, 0 100%)}@media(max-width: 768px){body#toppage .main .section.achievements::before{bottom:12.5vw;width:calc(100% - 16.6666666667vw);clip-path:polygon(20% 0, 100% 0, 100% 100%, 0 100%)}}body#toppage .main .section.achievements::after{content:"";position:absolute;top:0;right:calc(50% - 8.75rem);width:24.375rem;aspect-ratio:1/1;background:url("../images/toppage/achievements_pic02.jpg") no-repeat 50% 50%/cover;clip-path:polygon(36% 0, 100% 0, 62% 100%, 0 100%)}@media(max-width: 768px){body#toppage .main .section.achievements::after{top:auto;right:auto;left:4.1666666667vw;bottom:29.1666666667vw;width:41.6666666667vw}}@media(max-width: 768px){body#toppage .main .section.achievements .container .contents{padding-top:8.3333333333vw}}body#toppage .main .section.achievements .container .contents .subject{order:1;position:relative;z-index:2}body#toppage .main .section.achievements .container .contents .subject h3{color:var(--wh)}body#toppage .main .section.achievements .container .contents .subject p{color:var(--wh20)}body#toppage .main .section.achievements .container .contents .map{order:3;position:relative;z-index:1;margin-top:-15rem}@media(max-width: 768px){body#toppage .main .section.achievements .container .contents .map{margin-top:-33.3333333333vw}}body#toppage .main .section.achievements .container .contents .map img{height:33.75rem}@media(max-width: 768px){body#toppage .main .section.achievements .container .contents .map img{width:100%;height:auto}}body#toppage .main .section.achievements .container .contents .map figcaption{position:absolute;top:26.25rem;left:17.5rem;display:flex;align-items:center;gap:.25rem;color:var(--wh);font-size:.875rem;font-weight:700}@media(max-width: 768px){body#toppage .main .section.achievements .container .contents .map figcaption{top:75vw;left:50vw;gap:.8333333333vw;font-size:2.9166666667vw}}body#toppage .main .section.achievements .container .contents .map figcaption::before{content:"";width:.625rem;aspect-ratio:1/1;border-radius:50%;background-color:var(--orange)}@media(max-width: 768px){body#toppage .main .section.achievements .container .contents .map figcaption::before{width:2.0833333333vw}}body#toppage .main .section.achievements .container .contents .more{order:2;position:relative;z-index:2}body#toppage .main .section.achievements .container .contents .more .btn{padding-right:0;padding-left:3.75rem;color:var(--wh)}@media(max-width: 768px){body#toppage .main .section.achievements .container .contents .more .btn{padding-left:12.5vw}}body#toppage .main .section.achievements .container .contents .more .btn::before,body#toppage .main .section.achievements .container .contents .more .btn::after{right:auto;left:0}body#toppage .main .section.achievements .container .contents .more .btn::before{border-color:var(--wh)}body#toppage .main .section.achievements .container .contents .more .btn::after{background-color:var(--wh)}@media(any-hover: hover){body#toppage .main .section.achievements .container .contents .more .btn:hover::before{background-color:var(--wh)}body#toppage .main .section.achievements .container .contents .more .btn:hover::after{background-color:var(--key)}}body#toppage .main .section.ships{padding-top:7.5rem;background:url("../images/wall.jpg") no-repeat 50% 50%/cover}@media(max-width: 768px){body#toppage .main .section.ships{padding-top:16.6666666667vw}}body#toppage .main .section.ships .container{flex-direction:column;align-items:center}@media(max-width: 768px){body#toppage .main .section.ships .container{padding:0}}body#toppage .main .section.ships .container .subject{position:relative}body#toppage .main .section.ships .container .subject h3{position:relative;z-index:1;color:var(--key);font-size:2.25rem;line-height:1.5;white-space:nowrap}@media(max-width: 768px){body#toppage .main .section.ships .container .subject h3{font-size:5vw}}body#toppage .main .section.ships .container .subject p{pointer-events:none;position:absolute;top:-5.625rem;left:50%;color:var(--key20);font-family:"Qwigley",serif;font-size:9.375rem;transform:translateX(-50%) rotate(-10deg);transition-delay:.2s}@media(max-width: 768px){body#toppage .main .section.ships .container .subject p{top:-10.4166666667vw;font-size:18.75vw}}body#toppage .main .section.ships .container .bnrs{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs{gap:.8333333333vw}}body#toppage .main .section.ships .container .bnrs a{position:relative;width:18.125rem;height:31.25rem;overflow:hidden}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a{width:48.75vw;height:83.3333333333vw}}body#toppage .main .section.ships .container .bnrs a::before{content:"";position:absolute;top:1.25rem;left:calc(100% - 1.25rem);z-index:4;width:26.25rem;color:var(--wh50);font-size:3.75rem;font-weight:700;text-transform:uppercase;line-height:1;transform:rotate(90deg);transform-origin:0 0}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a::before{top:4.1666666667vw;left:calc(100% - 4.1666666667vw);width:66.6666666667vw;font-size:10vw}}body#toppage .main .section.ships .container .bnrs a.daiichi::before{content:"Daiichi koyo"}body#toppage .main .section.ships .container .bnrs a.daihachi::before{content:"Daihachi koyo"}body#toppage .main .section.ships .container .bnrs a.crawler::before{content:"Crawler crane"}body#toppage .main .section.ships .container .bnrs a.roughterrain::before{content:"Rough terrain crane"}body#toppage .main .section.ships .container .bnrs a:nth-child(4n-2){transition-delay:.2s}body#toppage .main .section.ships .container .bnrs a:nth-child(4n-1){transition-delay:.3s}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a:nth-child(4n-1){transition-delay:.1s}}body#toppage .main .section.ships .container .bnrs a:nth-child(4n){transition-delay:.4s}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a:nth-child(4n){transition-delay:.2s}}body#toppage .main .section.ships .container .bnrs a figure{position:relative;z-index:1}body#toppage .main .section.ships .container .bnrs a figure::before,body#toppage .main .section.ships .container .bnrs a figure::after{content:"";position:absolute;right:0;bottom:0;height:100%}body#toppage .main .section.ships .container .bnrs a figure::before{z-index:2;width:100%;background:linear-gradient(to bottom, var(--key40), var(--key));mix-blend-mode:multiply;clip-path:polygon(60% 0, 100% 0, 100% 100%, 0 100%)}body#toppage .main .section.ships .container .bnrs a figure::after{z-index:3;width:.5625rem;border-right:.1875rem solid var(--orange);border-left:.1875rem solid var(--blue);background-color:var(--wh)}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a figure::after{width:1.25vw;border-width:.4166666667vw}}body#toppage .main .section.ships .container .bnrs a figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body#toppage .main .section.ships .container .bnrs a figure figcaption{position:absolute;bottom:0;left:0;z-index:5;width:100%;padding:1.25rem 1.875rem;color:var(--wh);font-size:1rem;font-weight:700;line-height:1.5;transition:letter-spacing .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a figure figcaption{padding:4.1666666667vw 6.25vw;font-size:2.9166666667vw}}body#toppage .main .section.ships .container .bnrs a figure figcaption::before,body#toppage .main .section.ships .container .bnrs a figure figcaption::after{content:"";position:absolute;top:calc(50% - 1.25rem);right:1.875rem;width:2.5rem;aspect-ratio:1/1;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#toppage .main .section.ships .container .bnrs a figure figcaption::before,body#toppage .main .section.ships .container .bnrs a figure figcaption::after{top:calc(50% - 3.3333333333vw);right:4.1666666667vw;width:6.6666666667vw}}body#toppage .main .section.ships .container .bnrs a figure figcaption::before{border:.125rem solid var(--wh);transform:skewX(-20deg)}body#toppage .main .section.ships .container .bnrs a figure figcaption::after{background-color:var(--wh);-webkit-mask:url("../images/icon_next.svg") no-repeat 50% 50%/contain;mask:url("../images/icon_next.svg") no-repeat 50% 50%/contain}body#toppage .main .section.ships .container .bnrs a.external figure figcaption::after{-webkit-mask-image:url("../images/icon_external.svg");mask-image:url("../images/icon_external.svg")}@media(any-hover: hover){body#toppage .main .section.ships .container .bnrs a:hover figure img{transform:scale(1.25)}body#toppage .main .section.ships .container .bnrs a:hover figure figcaption::before{background-color:var(--wh)}body#toppage .main .section.ships .container .bnrs a:hover figure figcaption::after{background-color:var(--blue);transform:scale(1.5)}}