@charset "UTF-8";#top{position:relative;height:100vh;transition:ease-in .5s 0s}#top h1 img{width:80%;fill:var(--theme-color);top:55%;opacity:0;transition:ease-out 1s .5s}#top h1.loaded img{top:50%;opacity:1}#top video{width:100%;height:100%;object-fit:cover}#catch_copy{height:100vh}#catch_copy .copy{display:inline-block;width:80%;max-height:50vh;font-size:9vw;font-weight:700;color:var(--theme-color);line-height:150%}#news{padding:2em;margin:0 auto 50vh;background:var(--theme-color)}#blog{padding:2em;margin:0 auto 50vh;background:var(--blog-color)}#news h2,#blog h2{position:relative;top:1em;width:100px;margin:0 0 2em;opacity:0;transition:ease-in .2s 0s}#news.scroll_view h2,#blog.scroll_view h2{top:0;opacity:1}.loop_box .list{position:relative;left:-1em;padding:0 0 1em;margin:0 auto 1em;border-bottom:1px solid #fff;opacity:0;transition-timing-function:ease-in;transition-duration:.2s}.loop_box .list:first-child{padding:1em 0;border-top:1px solid #fff}.loop_box .list:last-child{margin:0 auto}.scroll_view .loop_box .list{left:0;opacity:1}.scroll_view .loop_box .list:nth-child(1){transition-delay:.2s}.scroll_view .loop_box .list:nth-child(2){transition-delay:.3s}.scroll_view .loop_box .list:nth-child(3){transition-delay:.4s}.scroll_view .loop_box .list:nth-child(4){transition-delay:.5s}.scroll_view .loop_box .list:nth-child(5){transition-delay:.6s}.loop_box a{color:#fff}.loop_box .list a .date{font-size:14px}#index_list{padding:0 10%;margin:0 auto calc(var(--content-margin) / 1)}#index_list img{width:80%;max-width:300px}#index_list ul li{margin:calc(var(--content-margin) / 3) auto}#index_list ul li a{font-size:5vw;font-weight:600;color:var(--theme-color)}#information h2{width:80%;fill:var(--point-color);margin:0 auto calc(var(--content-margin) / 4)}#information .link .grid .space{position:relative;width:50vw;height:50vw;background:var(--point-color)}#information .link .grid .space.title .text{width:80%}#information .link .grid .space a{color:#fff}#information .link .grid .space a .absolute{width:90%}#information .link .grid .space a h3{font-size:4vw;font-weight:600}#information .link .grid .space a p{font-size:3vw}#works .title_box{position:relative;width:100%;height:200vh}#works .title_box img{position:absolute;top:0;left:0;height:100vh;object-fit:cover}#works .title_box img.fixed{position:fixed}#works .title_box img.past{top:inherit;bottom:0}#works .title_box h2{width:80%;top:75%}#works .title_box svg{fill:#fff}#works .swiper{padding:calc(var(--content-margin) / 1) 0 calc(var(--content-margin) / 2)}#works .swiper-horizontal>.swiper-pagination-bullets,#works .swiper-pagination-bullets.swiper-pagination-horizontal,#works .swiper-pagination-custom,#works .swiper-pagination-fraction{bottom:0}#works .works_box{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}#works .works_box .window{position:relative;width:80vw;height:80vw;transform:scale(.8);margin:0 0 2em;box-shadow:inset 2px 2px 5px var(--black-color);border-radius:999px;transition:ease-in 1s 0s}#works .works_box.view .window:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px;outline:2px solid;outline-offset:0px;outline-color:var(--theme-color);animation:light 1.2s infinite;z-index:-1}@keyframes light{100%{outline-color:transparent;outline-offset:22px}}#works .works_box:nth-child(odd) .window{background:#f4fbfd}#works .works_box:nth-child(even) .window{background:#f5f4fd}#works .works_box .window h3{position:absolute;top:0;left:0;width:16vh;max-width:100px;height:16vh;max-height:100px;padding:5%;background:var(--base-color);border-radius:99px;opacity:0;z-index:1;transition:ease-in 1s 0s}#works .works_box .window h3 img{opacity:0;transition:ease-in 1s 0s}#works .works_box .window .main{position:absolute;width:75%;top:42.5%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.5;transition:ease-in 1s 0s}#works .works_box .window .title{top:82.5%;font-size:1.6rem;text-align:center;line-height:100%}#works .works_box .window .title h4{display:inline-block;font-weight:700;padding:.1em 1em;background:#fff;border-radius:1vh;opacity:0;transition:ease-in 1s 0s}#works .works_box .window .title p{font-weight:700}#works .works_box .text{width:80%;height:4em;opacity:0;text-align:center;transition:ease-in 1s 0s}#works .dot_box{width:calc(var(--works-list) / 4)}#works .dot_box ul{width:100%;height:calc(var(--works-list) - calc(var(--works-list) / 10 * 3));margin:0 0 6em;transition:ease-in 1s 0s}#works .dot_box ul li{width:calc(var(--works-list) / 40);height:calc(var(--works-list) / 40);background:var(--theme-color);border-radius:99px}#works .swiper-slide-active .works_box .window{box-shadow:inset 2px 2px 5px var(--black-color);transform:scale(1)}#works .swiper-slide-active .works_box .window:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px;outline:2px solid;outline-offset:0px;outline-color:var(--theme-color);animation:light 1.2s infinite;z-index:-1}@keyframes light{100%{outline-color:transparent;outline-offset:22px}}#works .swiper-slide-active .works_box .window h3{background:var(--theme-color);opacity:1}#works .swiper-slide-active .works_box .window h3 img{opacity:1}#works .swiper-slide-active .works_box .window .main{opacity:1}#works .swiper-slide-active .works_box .window .title h4{opacity:1}#works .swiper-slide-active .works_box .text{opacity:1}#sustainabillity{margin:calc(var(--content-margin) / 1) auto;overflow:hidden}#sustainabillity h2{width:80%;fill:#029250;margin:0 auto calc(var(--content-margin) / 4)}#sustainabillity .contents_box{width:100%;height:300vh}#sustainabillity .back{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1}#sustainabillity .back.fixed{position:fixed;top:0}#sustainabillity .back.past{position:absolute;top:inherit;bottom:0}#sustainabillity .back img{width:100%;height:100%;object-fit:cover}#sustainabillity .person{position:absolute;top:inherit;bottom:10vh;left:-40vw;width:70%;max-width:300px;z-index:1}#sustainabillity .person.fixed{position:fixed}#sustainabillity .person.past{position:absolute}#sustainabillity ul li{margin:calc(var(--content-margin) / 2) auto}#sustainabillity ul li .img{margin:0 auto 1em;transition:ease-in .2s 0s}#sustainabillity ul li .img img{width:100%}#sustainabillity ul li .text{padding:0 5%;transition:ease-in .2s 0s}#sustainabillity ul li .text h3{font-size:2.4rem;font-weight:700}#sustainabillity ul li .arrow{display:block;width:24px;height:7px;margin:1em 0 0;background:url(//www.toyotomi-kiko.co.jp/wp/wp-content/themes/toyotomi/css/../img/common/btn_arrow.svg);background-size:cover;background-repeat:no-repeat;-webkit-animation:arrow 1s step-start infinite both;animation:arrow 1s step-start infinite both;transition:ease-in .2s}.square{position:relative;width:85vw;height:85vw;margin:0}.square img,.square svg{position:absolute;width:100%;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.square .icon{width:15%}.square .icon01{top:15%;left:13%}.square .icon02{top:10%}.square .icon03{top:15%;left:87%}.square .icon04{top:85%;left:13%}.square .icon05{top:90%}.square .icon06{top:85%;left:87%}.gothic{font-family:"A-OTF-GothicMB101Pro";font-size:1.9rem;color:var(--font-color);font-weight:900;letter-spacing:.6vw;line-height:200%;text-align:center;margin:0 auto}.color_back{position:relative;padding:calc(var(--content-margin) / 2) var(--side-padding);margin:calc(var(--content-margin) / 2) auto;z-index:1}.color_back .before{position:absolute;top:var(--color_back-height);left:-25%;width:150%;height:15em;border-radius:0;z-index:-1;transition:linear(0 0%,.22 2.1%,.86 6.5%,1.11 8.6%,1.3 10.7%,1.35 11.8%,1.37 12.9%,1.37 13.7%,1.36 14.5%,1.32 16.2%,1.03 21.8%,.94 24%,.89 25.9%,.88 26.85%,.87 27.8%,.87 29.25%,.88 30.7%,.91 32.4%,.98 36.4%,1.01 38.3%,1.04 40.5%,1.05 42.7%,1.05 44.1%,1.04 45.7%,1 53.3%,.99 55.4%,.98 57.5%,.99 60.7%,1 68.1%,1.01 72.2%,1 86.7%,1 100%) 1s}.color_back .before.scroll_view{top:calc(var(--color_back-height) / 5 * 2);border-radius:100%}.color_back .after{position:absolute;bottom:var(--color_back-height);left:-25%;width:150%;height:15em;border-radius:0;z-index:-1;transition:linear(0 0%,.22 2.1%,.86 6.5%,1.11 8.6%,1.3 10.7%,1.35 11.8%,1.37 12.9%,1.37 13.7%,1.36 14.5%,1.32 16.2%,1.03 21.8%,.94 24%,.89 25.9%,.88 26.85%,.87 27.8%,.87 29.25%,.88 30.7%,.91 32.4%,.98 36.4%,1.01 38.3%,1.04 40.5%,1.05 42.7%,1.05 44.1%,1.04 45.7%,1 53.3%,.99 55.4%,.98 57.5%,.99 60.7%,1 68.1%,1.01 72.2%,1 86.7%,1 100%) 1s}.color_back .after.scroll_view{bottom:calc(var(--color_back-height) / 5 * 2);border-radius:100%}#recruit .color_back,#recruit .color_back .before,#recruit .color_back .after{background:var(--recruit-color)}#recruit{position:relative;margin:0 auto calc(var(--content-margin) / 2);overflow:hidden}#recruit svg.morphing{position:absolute;width:100%;height:100%;top:0;left:0;fill:#00398d;transform:scale(2.5);z-index:-1}#recruit .title{text-align:center}#recruit .title h2{width:80%;max-width:300px;margin:0 auto}#recruit .title h2 svg{fill:#fff}#recruit .box{position:relative;width:120%;margin:calc(var(--content-margin) / 2) auto;background:#fff;border-radius:15vw}#recruit .box:nth-child(2){left:-20%;padding:2em 5% 2em 20%}#recruit .box:nth-child(3){left:0;padding:4em 20% 4em 5%}#recruit .what{width:100%;height:75vh}#recruit .what h3{width:80%;z-index:1}#recruit .person{width:80%;margin:0 auto;text-align:center}#recruit .person img{width:40%}#recruit .person p{position:relative;font-family:"A-OTF-ShinMGoPro";color:var(--theme-color);padding:1em;border-radius:3vw;border:1px solid var(--theme-color)}#recruit .person p:after{content:"";position:absolute;bottom:100%;right:0;left:0;width:2em;height:2em}#recruit .btn{width:80%;font-size:5vw;font-family:"A-OTF-ShinMGoPro";margin:0 auto;text-align:center}#recruit .btn a{display:block;color:var(--theme-color);padding:.1em 0 .3em;background:var(--theme-color-thin);border-radius:99px}.circle_box{position:relative;right:100%;width:200%;height:100%;overflow:hidden}.circle_item{position:absolute;top:50%;left:50%;opacity:.33;transition:all .2s}.circle_item .interior{width:15vh;height:15vh;transform:translate(-50%,-50%);border-radius:999px;background:#aec9f5;transition:ease-in .5s}.circle_item.active .interior{width:20vh;height:20vh;background:#98edc6}.interior img{position:absolute;width:50%;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:ease-in .5s}.circle_item.active .interior img{width:75%}