@charset "utf-8";.contents{padding:0}.contentsHome h2{color:#003156;font-size:2.8rem;font-weight:700}.contentsHome h2 span{color:#98a5b3;display:block;font-family:Open Sans,メイリオ,Meiryo,sans-serif;font-size:1.6rem;font-style:italic}.contentsHome .otherBox h2{font-size:2.4rem}#mainimg{aspect-ratio:16/7.96;background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/raw_assets/public/toukai-seiki/growth-toukai-seiki/images/mainimg_bg.jpg) no-repeat 50%/cover;max-width:1600px;opacity:0;overflow:hidden;position:relative;transition:opacity 3s ease-in}#mainimg.playing{opacity:1}iframe#mainimg-video{aspect-ratio:16/9;height:113.06532%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media print,screen and (min-width:768px){#mainimg{overflow:hidden}iframe#mainimg-video{aspect-ratio:16/9;transform:translate(-50%,-50%)}}@media screen and (max-width:767px){#mainimg{aspect-ratio:16/12;max-width:100%}iframe#mainimg-video{height:134%;width:134%}}.productBox,.technologyBox{background:#fff;font-size:1.4rem}.productBox .title,.technologyBox .title{display:table;margin:0 auto;padding:18px 0;text-align:left;width:1200px}.productBox .title h2,.technologyBox .title h2{display:table-cell;margin:0 auto;vertical-align:top;width:185px}.productBox .title div,.technologyBox .title div{display:table-cell;vertical-align:middle}.productBox .title .text,.technologyBox .title .text{padding-right:150px}.productBox .contNav,.technologyBox .contNav{display:table;width:100%}.productBox .contNav li{display:table-cell;position:relative;width:50%}.productBox .contNav li img{height:auto;width:100%}.productBox .contNav li div,.technologyBox .contNav li div{background:rgba(3,21,31,.6);bottom:0;display:block;left:0;position:absolute;right:0;top:0;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out}.productBox .contNav li div:hover,.technologyBox .contNav li div:hover{background:rgba(3,21,31,.4)}.productBox .contNav li a,.technologyBox .contNav li a{color:#fff;display:table;height:100%;text-decoration:none;width:100%}.productBox .contNav li a p,.technologyBox .contNav li a p{display:table-cell;font-size:2.4rem;font-weight:700;line-height:1.7;vertical-align:middle}.productBox .contNav li a p span,.technologyBox .contNav li a p span{display:block;font-family:Open Sans,メイリオ,Meiryo,sans-serif;font-size:1.6rem;font-style:italic}.technologyBox .contNav li{display:table-cell;overflow:hidden;padding-top:20%;position:relative;width:25%}.technologyBox .contNav li img{height:100%;left:50%;max-width:800px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:767px){.productBox .title,.technologyBox .title{display:block;margin:0 5%;padding:18px 0;width:auto}.productBox .title h2,.technologyBox .title h2{display:block;margin-bottom:15px;text-align:center;width:auto}.productBox .title div,.technologyBox .title div{display:block}.productBox .title .text,.technologyBox .title .text{margin-bottom:15px;padding-right:0}.productBox .title .btn,.technologyBox .title .btn{text-align:center}.productBox .contNav,.technologyBox .contNav{display:block}.productBox .contNav li,.technologyBox .contNav li{display:block;width:auto}.productBox .contNav li div,.technologyBox .contNav li div{padding:5%}.productBox .contNav li a p,.technologyBox .contNav li a p{font-size:1.8rem}.productBox .contNav li a p span,.technologyBox .contNav li a p span{font-size:1.5rem}.technologyBox .contNav li{padding-top:0}.technologyBox .contNav li img{height:auto;max-width:100%;position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}.otherBox{margin:0 auto;padding:80px 0;text-align:left;width:1200px}@media screen and (max-width:767px){.otherBox{margin:0 5%;padding:40px 0;width:auto}}.companyBox{float:left}.companyBox,.recruitBox{background:#fff;width:588px}.recruitBox{float:right;margin-bottom:24px}.companyBox a,.recruitBox a{color:#333;text-decoration:none}.companyBox .title,.recruitBox .title{display:table;padding:20px 40px;text-align:left}.companyBox .title h2,.recruitBox .title h2{display:table-cell;margin:0 auto;vertical-align:top;width:140px}.companyBox .title .text,.recruitBox .title .text{display:table-cell;font-size:1.4rem;vertical-align:top}@media screen and (max-width:767px){.companyBox,.recruitBox{float:none;margin-bottom:24px;width:auto}.companyBox .title,.recruitBox .title{display:block;padding:20px 5%}.companyBox .title h2,.recruitBox .title h2{display:block;margin-bottom:15px;text-align:center;width:auto}.companyBox .title .text,.recruitBox .title .text{display:block}}.newsBox{background:#fff;display:table;height:145px;padding:20px 40px;position:relative;text-align:left;width:100%}.newsBox .title{display:table-cell;vertical-align:top;width:175px}.newsBox .btn{bottom:20px;left:40px;position:absolute}.newsBox .btn a{min-width:90px}.newsBox .newsList{display:table-cell;vertical-align:top}.newsBox .newsList li:after{clear:both;content:"";display:block}.newsBox .newsList li{margin-bottom:15px}.newsBox .newsList li:last-child{margin-bottom:0}.newsBox .newsList li span{color:#98a5b3;display:block;float:left;font-family:Open Sans,Noto Sans Japanese,メイリオ,Meiryo,ヒラギノ角ゴPro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,Arial,sans-serif;font-size:1.6rem;font-weight:700;line-height:22px;width:190px}.newsBox .newsList li em{background:#003156;border-radius:22px;color:#fff;display:inline-block;font-size:1.2rem;font-style:normal;line-height:22px;margin-right:15px;min-width:72px;text-align:center;vertical-align:top}.newsBox .newsList li p{float:left;width:755px}.newsBox .newsList li a{color:#333}@media screen and (max-width:767px){.newsBox{display:block;height:auto;padding:20px 5%}.newsBox .title,.newsBox .title h2{display:block;width:auto}.newsBox .title h2{margin-bottom:15px;text-align:center}.newsBox .btn{margin-top:20px;position:static;text-align:center}.newsBox .btn a{min-width:180px}.newsBox .newsList{display:block}.newsBox .newsList li span{color:#98a5b3;display:block;float:none;font-family:Open Sans,Noto Sans Japanese,メイリオ,Meiryo,ヒラギノ角ゴPro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,Arial,sans-serif;font-size:1.6rem;font-weight:700;width:auto}.newsBox .newsList li p{float:none;width:auto}}