@charset "utf-8";.main-visual{display:flex;flex-wrap:wrap;align-items:end;justify-content:right;margin-inline:auto;position:relative;z-index:10}.main-visual .text{width:90%;max-width:1600px;height:100%;position:absolute;top:0;left:50%;translate:-50% 0;z-index:10}.main-visual .text .catchphrase{color:var(--main-color);font-weight:var(--normal-font-weight);font-size:clamp(2.5rem, calc(0.563rem + 8.264vw), 5.625rem);line-height:1.5;letter-spacing:.075em;display:inline-block;margin-bottom:1em;position:relative}.main-visual .text .catchphrase:after{content:"";width:50vw;max-width:700px;aspect-ratio:700/150;background:url(//www.toyogiken-kochi.co.jp/corporate/wp-content/themes/toyogkn/css/../images/mv_catchphrase_en.svg) no-repeat center;background-size:contain;position:absolute;left:67.5%;bottom:-10%;z-index:-1}.main-visual .text .catchphrase span{display:block;filter:drop-shadow(.05em .05em 0px rgba(255,255,255,1))}.main-visual .text p{font-size:1.375em;font-weight:var(--bold-font-weight);line-height:2.25;letter-spacing:.075em;filter:drop-shadow(.1em .1em 0px rgba(255,255,255,1))}.main-visual .image{width:85%;max-width:1360px;margin-top:80px;position:relative}.main-visual .image .en{width:70%;max-width:700px;position:absolute;top:10%;left:7.5%;z-index:1}.main-visual .image .swiper-wrapper{width:100%}.main-visual .image .swiper-slide{width:100%}.main-visual .image .swiper-slide img{object-fit:cover;width:100%;height:100%;min-height:700px}.main-visual .image .swiper-slide.slide1 img{object-position:70% 50%}.main-visual .image .swiper-slide.slide2 img{object-position:90% 50%}.main-visual .image .swiper-slide.slide3 img{object-position:0% 50%}.main-visual .image .swiper-slide.slide4 img{object-position:0% 50%}.main-visual #scroll-navi .scroll-navi{color:#fff;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;gap:1em;position:fixed;left:5%;bottom:5%;z-index:10;animation:scroll-navi 2.5s ease-in-out infinite;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.5))}@keyframes scroll-navi{0%,100%{opacity:0}50%{opacity:1}}.main-visual #scroll-navi .scroll-navi span{display:inline-block;width:1px;height:125px;overflow:hidden;position:relative}.main-visual #scroll-navi .scroll-navi span:after{content:"";display:block;width:100%;height:100%;background:#fff;transform-origin:center top;animation:scroll-navi-anime 2.5s ease-in-out infinite}@keyframes scroll-navi-anime{0%{transform:scale(1,0);transform-origin:0 0}40%{transform:scale(1,1);transform-origin:0 0}41%{transform:scale(1,1);transform-origin:0 100%}80%,100%{transform:scale(1,0);transform-origin:0 100%}}@media only screen and (max-width:980px){.main-visual .text .catchphrase:after{width:80%;left:0;bottom:-1.5em;z-index:1}.main-visual .text p{position:absolute;left:0;bottom:10%;z-index:1}.main-visual .image .swiper-slide img{max-height:500px}}@media only screen and (max-width:468px){.main-visual .image .swiper-slide img{height:450px;min-height:auto}.main-visual .text{height:90%;padding-top:7.5%}.main-visual .text p{font-size:1.25em;bottom:5%}.main-visual #scroll-navi .scroll-navi{bottom:4%}.main-visual #scroll-navi .scroll-navi span{height:50px}}section.company{color:#fff;margin-inline:auto;padding-block:75px 100px;position:relative;z-index:5}section.company:before{content:"";width:80%;max-width:1600px;min-height:120%;aspect-ratio:1600/800;background:url(//www.toyogiken-kochi.co.jp/corporate/wp-content/themes/toyogkn/css/../images/common/bg_medium_blue.webp) no-repeat left bottom;background-size:cover;position:absolute;left:0;bottom:10%;z-index:1}section.company .inner{padding-right:20%;padding-bottom:50px;position:relative;z-index:10}section.company .box{max-width:740px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,auto);align-items:end;gap:0 2em}section.company .box .mid-l{grid-area:1/1/2/2;color:#fff;margin-block:1em 0}section.company .box .catchphrase{grid-area:1/2/4/3;font-size:2em;font-weight:var(--semibold-font-weight);writing-mode:vertical-rl;display:block}section.company .box .catchphrase>span{display:inline-block;margin-top:-.6em}section.company .box p{grid-area:2/1/3/2}section.company .box .btn{grid-area:3/1/4/2}section.company .box .btn a{min-width:100%}section.company .image{width:45%;max-width:680px;position:absolute;right:0;bottom:-10%;z-index:1}@media only screen and (max-width:820px){section.company:before{content:"";width:100%}section.company .inner{padding-right:0;padding-bottom:0}section.company .box{max-width:100%;display:block}section.company .box .mid-l{margin-block:1em}section.company .box .catchphrase{font-size:1.75em;writing-mode:horizontal-tb;margin-bottom:1em}section.company .box p{margin-bottom:2em}section.company .box .btn a{width:100%;max-width:400px;min-width:auto}section.company .image{width:80%;position:relative;translate:25% 25%;z-index:10}}@media only screen and (max-width:468px){section.company .box .catchphrase{font-size:1.5em}}section.business{padding-block:150px;position:relative;z-index:1}section.business:before{content:"BUSINESS";color:var(--smoky-color);font-family:"Cormorant Garamond",serif;font-size:clamp(3.75rem, calc(0.057rem + 15.758vw), 11.875rem);font-weight:400;font-style:normal;line-height:1;letter-spacing:.05em;position:absolute;top:50px;left:7.5%;z-index:-1;opacity:.15}section.business .inner{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:repeat(2,auto);align-items:start;gap:2em 10%}section.business .inner .mid-l{grid-area:1/2/2/3;margin:0}section.business .inner .catchphrase{grid-area:1/1/3/2;color:var(--main-color);font-size:2em;font-weight:var(--semibold-font-weight);writing-mode:vertical-rl}section.business .inner .box{grid-area:2/2/3/3;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px, 1fr));align-items:stretch;gap:3em 10%}section.business .inner .box .item{display:flex;flex-direction:column;align-items:start;gap:2em}section.business .inner .box .item ul{flex-grow:1}section.business .inner .box .item .btn,section.business .inner .box .item .btn a{min-width:100%}@media only screen and (max-width:820px){section.business{padding-block:150px 100px}section.business .inner{display:block}section.business .inner .mid-l{margin-bottom:1em}section.business .inner .catchphrase{font-size:1.75em;writing-mode:horizontal-tb;display:block;margin-bottom:1em}}@media only screen and (max-width:468px){section.business{padding-block:100px}section.business .inner .catchphrase{font-size:1.5em}}.image-area{width:100%;display:flex;align-items:start;justify-content:right;margin:0 auto}.image-area img{width:80%;max-width:1500px}section.rental{padding-block:150px 50px;margin-block:100px;position:relative;z-index:1}section.rental:before,section.rental:after{content:"RENTAL";font-family:"Cormorant Garamond",serif;font-size:clamp(3.75rem, calc(0rem + 16vw), 10rem);font-weight:400;font-style:normal;text-align:center;white-space:nowrap;line-height:1;letter-spacing:0;width:100%;position:absolute;top:calc(150px - 0.5em);left:50%;translate:-55% 0}section.rental:before{color:var(--smoky-color);opacity:.15;z-index:5}section.rental:after{color:#f4f8fc;opacity:1;z-index:10;mask-image:linear-gradient(rgba(0,0,0,1));mask-repeat:no-repeat;mask-position:left center;mask-size:calc(100% - 55%) 100%}section.rental .inner{padding:5%;position:relative;z-index:1}section.rental .inner:before{content:"";width:100%;height:100%;background:url(//www.toyogiken-kochi.co.jp/corporate/wp-content/themes/toyogkn/css/../images/common/bg_light_blue.webp) no-repeat center;background-size:cover;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1}section.rental .inner .box{width:60%;max-width:600px;display:flex;flex-direction:column;gap:2em;margin-inline:auto 0}section.rental .mid-l{margin:0}section.rental .catchphrase{color:var(--main-color);font-size:2em;font-weight:var(--semibold-font-weight)}section.rental .btn,section.rental .btn a{min-width:100%}section.rental .image{width:40%;max-width:860px;position:absolute;left:0;top:0;z-index:1}section.rental .image img{width:100%;min-height:500px;aspect-ratio:860/580;object-fit:cover}@media only screen and (max-width:820px){section.rental:after{mask-size:calc(100% - 30%) 100%}section.rental .inner .box{width:100%;max-width:100%;padding:0 5% 10%;margin-top:25%}section.rental .catchphrase{font-size:1.75em}section.rental .image{width:65%;max-width:none}section.rental .image img{min-height:auto;max-height:325px}}@media only screen and (max-width:468px){section.rental{margin-block:50px}section.rental .catchphrase{font-size:1.5em}section.rental .image{top:40px}}section.news .mid-l:after{display:none}section.news .mid-l .en{text-align:left}