@charset "utf-8";#contents>section{position:relative;background-attachment:fixed;z-index:10}section.mainvisual{height:100vh;overflow:hidden;color:#fff;position:relative;z-index:1 !important}section.mainvisual .wrap{max-width:100vw;overflow-x:hidden;padding-left:120px;padding-top:60px;width:100%;height:100vh;box-sizing:border-box;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;z-index:1}section.mainvisual .text .heading{margin-bottom:2em}section.mainvisual .text .slogan{margin-bottom:2em;line-height:1.4}section.mainvisual .text .commonButton{background-color:rgba(255,255,255,.2);border:1px solid #fff;background-image:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/common_arrow_w.webp)}section.mainvisual .image svg{width:70vw}section.mainvisual .scroll{position:absolute;bottom:0;left:0;right:0;margin:0 auto 30px;z-index:5}section.mainvisual .scroll .box{width:80px;height:109px;margin:0 auto;flex-direction:column}section.mainvisual .scroll .box .mouse{width:13px;height:21px;border:1px solid #fff;border-radius:1em;margin:4px 0}section.mainvisual .scroll .box .mouse:before{width:1px;height:7px;border-radius:2px;background-color:#fff;left:0;right:0;top:3px;margin:auto}section.mainvisual .scroll .box .arrow{flex-direction:column}section.mainvisual .scroll .box .arrow span{width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);animation:scroll 1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:0}section.mainvisual .scroll .box .arrow span:last-of-type{animation-delay:.3s}section.mainvisual .video{position:fixed;top:0;left:0;right:0;margin:auto;opacity:0;border-bottom:1px solid red}section.mainvisual.-anim-start .video{opacity:1}section.mainvisual .video video{object-fit:cover;object-position:center bottom;width:100%;height:100vh}section.mainvisual .video:before{width:100%;height:100%;background:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/home/gridtile.webp) repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}@media screen and (min-width:771px){section.mainvisual .text .heading img{width:558px}section.mainvisual .image{width:70%}section.mainvisual .image img{width:110%}}@media screen and (max-width:770px){section.mainvisual{height:100vh}section.mainvisual .wrap{padding-left:0;padding-top:0;padding:0 8.3vw;width:100%;height:100vh;justify-content:center}section.mainvisual .text{margin-top:10em;margin-bottom:6em}section.mainvisual .text .heading{margin-bottom:1.2em}section.mainvisual .text .slogan{font-size:4.5vw !important;letter-spacing:0}section.mainvisual .scroll{text-align:center !important}section.mainvisual .scroll .box{width:40px;height:65px}section.mainvisual .scroll .box .label{letter-spacing:0}section.mainvisual .scroll .box .mouse{width:11px;height:17px;margin:4px 0}section.mainvisual .scroll .box .mouse:before{height:3px}section.mainvisual .scroll .box .arrow span{width:5px;height:5px}section.mainvisual .scroll .box .arrow span:last-of-type{animation-delay:.3s}section.mainvisual .video video{width:100vw;height:100vh}}@keyframes scroll{0%{opacity:0}50%{opacity:1}100%{opacity:0}}section.toyogroup .commonIndex{margin-left:120px}@media screen and (max-width:770px){section.toyogroup{padding:0 6.3vw;padding-bottom:15vw}section.toyogroup .commonIndex{margin-left:0;margin-bottom:3em}}section.toyogroup{background-color:#f4f4f4;background-image:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/bg_body.webp);background-repeat:repeat;background-position:center center;padding-top:80px}section.toyogroup .body .business{padding:120px 0}section.toyogroup .body .business .inner:before{width:55%;height:calc(100%);background-color:#fff;right:0;top:0;bottom:0;border-radius:3em 0 0 3em;transform:scale(1.3)}section.toyogroup .body .business .panel{margin-right:20%}section.toyogroup .body .business .panel .image{position:absolute;right:-20%;top:30%;z-index:1;backface-visibility:hidden}section.toyogroup .body .business .panel .image img{position:absolute;transform:translate(-40%,-40%);z-index:2;max-height:45vh}section.toyogroup .body .business .panel .image .shadow img{transform:translate(-40%,-25%);z-index:1}@media screen and (max-width:770px){section.toyogroup{background-size:317px auto}section.toyogroup .body .business{padding:80px 0}section.toyogroup .body .business .inner:before{border-radius:1.5em 0 0 1.5em;transform:scale(1.3)}section.toyogroup .body .business .panel{margin-right:0}section.toyogroup .body .business .panel .image{right:0;top:0}section.toyogroup .body .business .panel .image .shadow img{transform:translate(-25%,-25%);z-index:1}}section.toyogroup .body .business .panel{width:603px;background-color:#333;color:#fff;padding:50px;padding-bottom:100px;box-sizing:border-box;position:relative}section.toyogroup .body .business .panel a{color:#000;display:block;margin-bottom:5px}section.toyogroup .body .business .panel .heading{font-size:48px;margin-left:calc(-1*(33px + 1em));position:relative;z-index:10;margin-bottom:.3em}section.toyogroup .body .business .panel .heading span:first-of-type{color:#333}section.toyogroup .body .business .panel .catch{margin-bottom:1em;position:relative;z-index:10}section.toyogroup .body .business .panel .description{position:relative;z-index:10;font-weight:300}section.toyogroup .body .business .panel .en{position:absolute;left:-.2em;bottom:0;color:#333;transform:rotate(-90deg);transform-origin:left bottom;letter-spacing:0em}section.toyogroup .body .business .panel .link{position:absolute;right:0;bottom:0;transform:translate(50%,50%);z-index:2}@media screen and (max-width:770px){section.toyogroup .body .business .panel{width:100%;background-color:#333;color:#fff;padding:50px 30px;padding-top:35px;padding-bottom:70px;box-sizing:border-box;position:relative;margin-left:10vw}section.toyogroup .body .business .panel .heading{font-size:9.3vw;margin-left:calc(-1*(20px + 1em))}section.toyogroup .body .business .panel .heading .heading-ml{color:#75aa2e}section.toyogroup .body .business .panel .catch{font-size:1.6rem !important}section.toyogroup .body .business .panel .catch br{display:none}section.toyogroup .body .business .panel .link{transform:translate(0,50%);padding:0 1em}section.toyogroup .body .business .panel .link .commonButton{min-width:0;font-size:1.2rem;box-shadow:4px 4px 10px rgba(0,0,0,.1)}section.toyogroup .body .business .panel .en{font-size:1.1rem}}section.toyogroup .body .business:nth-of-type(even) .panel{margin-right:0;margin-left:20%}section.toyogroup .body .business:nth-of-type(even) .panel .image{right:auto;left:-16%;top:20%}section.toyogroup .body .business:nth-of-type(even) .panel .image img{transform:translate(-70%,-40%)}section.toyogroup .body .business:nth-of-type(even) .panel .image .shadow img{transform:translate(-70%,-25%)}section.toyogroup .body .business:nth-of-type(even) .panel .heading{margin-left:0;margin-right:calc(-1*(33px + 1em));text-align:right}section.toyogroup .body .business:nth-of-type(even) .panel .heading span:first-of-type{color:#fff}section.toyogroup .body .business:nth-of-type(even) .panel .heading span:last-of-type{color:#333}section.toyogroup .body .business:nth-of-type(even) .panel .catch{text-align:right}section.toyogroup .body .business:nth-of-type(even) .panel .description{margin-left:1.9em}section.toyogroup .body .business:nth-of-type(even) .panel .link{position:absolute;right:auto;left:0;bottom:0;transform:translate(-50%,50%);margin-bottom:10px}section.toyogroup .body .business:nth-of-type(even) .inner:before{right:auto;left:0;border-radius:0 3em 3em 0}section.toyogroup .body .business:nth-of-type(even) .panel .en{left:auto;right:-.2em;bottom:-1.5em;transform:translate(100%,0) rotate(-90deg);transform-origin:left top}@media screen and (max-width:770px){section.toyogroup .body .business:nth-of-type(even) .inner:before{border-radius:0 1.5em 1.5em 0}section.toyogroup .body .business:nth-of-type(even) .panel{margin-right:10vw;margin-left:0}section.toyogroup .body .business:nth-of-type(even) .panel .heading{margin-right:calc(-1*(18px + 1em))}section.toyogroup .body .business:nth-of-type(even) .panel .catch{text-align:left}section.toyogroup .body .business:nth-of-type(even) .panel .description{margin-left:0}section.toyogroup .body .business:nth-of-type(even) .panel .image{left:0;top:0}section.toyogroup .body .business:nth-of-type(even) .panel .image img{transform:translate(-40%,-60%)}section.toyogroup .body .business:nth-of-type(even) .panel .image .shadow img{transform:translate(-70%,-25%)}section.toyogroup .body .business:nth-of-type(even) .panel .link{transform:translate(0%,50%)}}section.toyogroup .body .business.b3 .panel .image img{transform:translate(-30%,-40%)}section.toyogroup .body .business.b3 .panel .image .shadow img{transform:translate(-30%,-25%)}section.toyogroup .body .business.b3 .panel .link a:last-of-type{margin-bottom:0}section.toyogroup .body .business.b3 .panel .link .commonButton{min-width:16em}@media screen and (max-width:770px){section.toyogroup .body .business.b3 .panel .image img{transform:translate(-60%,-60%)}section.toyogroup .body .business.b3 .panel .image .shadow img{transform:translate(-25%,-25%)}}section.toyogroup .body .business.b1 .panel{background-color:#36adb2}section.toyogroup .body .business.b1 .panel .heading span:first-of-type{color:#36adb2}section.toyogroup .body .business.b1 .panel .en{color:#36adb2}section.toyogroup .body .business.b2 .panel{background-color:#cc3b46}section.toyogroup .body .business.b2 .panel .heading span:last-of-type{color:#cc3b46}section.toyogroup .body .business.b2 .panel .en{color:#cc3b46}section.toyogroup .body .business.b3 .panel{background-color:#75aa2e}section.toyogroup .body .business.b3 .panel .heading span:first-of-type{color:#75aa2e}section.toyogroup .body .business.b3 .panel .en{color:#75aa2e}section.toyogroup .body .business.b4 .panel{background-color:#ee8100}section.toyogroup .body .business.b4 .panel .heading span:last-of-type{color:#ee8100}section.toyogroup .body .business.b4 .panel .en{color:#ee8100}section.topics{padding-top:100px;padding-bottom:100px;background-color:#f4f4f4;background-image:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/bg_body.webp);background-repeat:repeat;background-position:center center}section.topics .head{margin-bottom:120px}section.topics .body .item{margin-bottom:3em}section.topics .body .item .tag{letter-spacing:0em}section.topics .body .item .tag span{display:inline-block;padding:5px 20px;font-size:12px;line-height:17px;color:#fff}section.topics .body .item .tag span.kensetsu{background:#36adb2}section.topics .body .item .tag span.estate{background:#cc3b46}section.topics .body .item .tag span.energy{background:#75aa2e}section.topics .body .item .tag span.agri{background:#ee8123}section.topics .body .item .tag span.info{background:#0e4ea2}section.topics .body .item .frame{padding:1em;background-color:#f4f4f4}section.topics .body .item .image{width:100%;height:220px;background-color:#e7e7e7;background-repeat:no-repeat;background-position:center center;background-size:30% auto;background-image:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/topics_img_bg.webp)}section.topics .body .item .image img{object-fit:cover;width:100%;height:100%;object-position:center}section.topics .body .item .the_time{margin:10px auto;font-size:13px;line-height:19px;font-weight:500}section.topics .body .item .the_title{line-height:1.6;font-weight:500}section.topics .more{margin-top:50px}section.topics .more .commonButton{min-width:10em}section.topics .more .label{text-align:left}@media screen and (min-width:771px){section.topics .inner1080{max-width:1080px;margin:0 auto;box-sizing:border-box}}@media screen and (max-width:770px){section.topics{padding:0 6.3vw;padding-top:50px;padding-bottom:80px;background-size:317px auto}section.topics .head{margin-bottom:60px}section.topics>.body{margin-bottom:3em}section.topics .body .area>a{width:46%;margin:2%}section.topics .body .item .frame{padding:5px}section.topics .body .item .image{width:100%;height:38vw;background-color:#e7e7e7;background-repeat:no-repeat;background-position:center center;background-size:30% auto;background-image:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/topics_img_bg.webp)}section.topics .body .item .tag span{font-size:1rem}section.topics .body .item .the_title{height:4.8em;overflow:hidden}section.topics .more{margin-top:0}.swiper-container{max-width:60vw;margin:0 auto;overflow:visible !important}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0 !important}}section.information{background-color:#fff !important;padding:120px 0}section.information .head{margin-bottom:130px}section.information .body{padding-bottom:3em}section.information .body .item{display:flex;align-items:flex-start;margin-bottom:1.5em}section.information .body .item+.item{padding-top:1.5em;border-top:1px solid #e0e0e0}section.information .body .item .upper{display:flex;flex-shrink:0;align-items:center;margin-bottom:.7em;margin-right:20px}section.information .body .item .the_time{font-size:1.3rem;margin-right:15px}section.information .body .item .tag span{font-size:1.1rem;padding:.4em 1em;background:#074ea2;color:#fff}section.information .body .item .the_title a{line-height:2;font-weight:500}section.information .body .item .the_title a:first-line {line-height:1}section.information .more .commonButton{min-width:10em}@media screen and (max-width:770px){section.information{padding:80px 6.3vw;padding-top:50px}section.information .head{margin-bottom:70px}section.information .body{padding-bottom:1.5em}section.information .body .item{display:block;padding-bottom:1.5em;border-bottom:1px dotted #ccc}section.information .body .item+.item{padding-top:0;border-top:none}section.information .body .item .the_time{font-size:1rem}section.information .body .item .tag span{font-size:1rem}section.information .body .item .upper{margin-bottom:1.4em}}section.recruit{background:0 0 !important;color:#fff;position:relative;z-index:2 !important}section.recruit .container{padding:1em;width:100%;height:100%;box-sizing:border-box;position:relative;z-index:2}section.recruit .border{border:1px solid rgba(255,255,255,.3)}section.recruit .wrap{height:460px}section.recruit .head .title{margin-bottom:1.5em}section.recruit .head .title .en{margin-bottom:.6em}section.recruit .head .title .en img{width:248px}section.recruit .more .commonButton{color:#000;min-width:10em}section.recruit .video{position:fixed;left:0;top:0;right:0;border:0;width:100%;height:100%;overflow:hidden;z-index:-1;opacity:0;display:none}section.recruit.-anim-start .video{opacity:1;display:block}section.recruit .video video{width:100%;object-fit:cover;height:100%}section.recruit .video:before{width:100%;height:100%;background:url(//toyo-group.com/toyo/wp-content/themes/toyohd_theme/css/../img/home/gridtile.webp) repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}@media screen and (max-width:770px){section.recruit .wrap{justify-content:center;padding:5vw}section.recruit .head .title .en img{width:auto;height:1.7em}section.recruit .head .title .ja{font-size:1.3rem !important}section.recruit .head .message{font-size:1.7rem !important}section.recruit .more{margin-top:2em}}section.topics .swiper-parent{overflow:visible;position:relative}section.topics .swiper-container{padding-bottom:55px}section.topics .swiper-pagination{bottom:0}section.topics .swiper-pagination-bullet{width:14px;height:14px;background:#074ea2;border:1px solid #074ea2;opacity:1}section.topics .swiper-pagination-bullet-active{background:#fff}section.topics .swiper-button-next,section.topics .swiper-button-prev{width:37px;height:37px;top:170px}section.topics .swiper-button-next img,section.topics .swiper-button-prev img{max-width:100%;height:auto}section.topics .swiper-button-prev,section.topics .swiper-container-rtl .swiper-button-next{left:-18px}section.topics .swiper-button-next,section.topics .swiper-container-rtl .swiper-button-prev{right:-18px}section.topics .swiper-button-next:after,section.topics .swiper-button-prev:after{display:none}footer .wrap .item{width:33%}@media screen and (max-width:750px){footer .wrap .item{width:100%}}