@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,sans-serif;font-optical-sizing:auto;font-size:1.6rem;font-style:italic;font-variation-settings:"wdth" 100}.contentsHome .newsBox h2,.contentsHome .otherBox h2{font-size:2.4rem}.mainimg{color:#fff;position:relative;text-shadow:0 0 6px rgba(0,0,0,.5)}.bx-wrapper .bx-pager{left:0;margin:auto;right:0;width:50%!important}.mainimg li{height:560px;overflow:hidden;position:relative;text-align:center;width:100%}.mainimg li img{height:560px;left:50%;margin-left:-800px;min-width:1600px;position:absolute;top:0}.mainText_block{left:0;margin:auto;position:absolute;right:0;top:30%;z-index:60}.topmain_text{font-optical-sizing:auto;font-size:7.2rem;font-variation-settings:"wdth" 100;font-weight:800}.topmain_text,.topsub_text{font-family:Open Sans,sans-serif;font-style:italic;line-height:1.2}.topsub_text{font-optical-sizing:auto;font-size:3.6rem;font-variation-settings:"wdth" 100;font-weight:700}.mainimg p{font-size:2rem;font-weight:700;margin-top:60px}.mainimg p span{margin-left:20px}.recruit{text-shadow:none}.recruit .mainText_block{position:absolute;top:5.5%}.recruit .topmain_text{color:#003156;font-size:10rem;line-height:1.2}.recruit .topmain_text span{color:#19adad;display:inline-block;margin-left:25px}.mainimg .recruit .mainText_block p{color:#6c7980;margin-top:0}.recruit .link{background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/toukai-seiki.co.jp/home/recruit_link_wbg.png) no-repeat 0 0;bottom:0;position:absolute;right:0}.recruit .link a{background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/toukai-seiki.co.jp/home/recruit_link_bg.png) no-repeat 0 0;color:#fff;display:block;font-size:2.2rem;font-weight:700;height:168px;padding:125px 15px 10px 0;text-align:right;text-decoration:none;transition:.1s ease-in-out;width:168px}.recruit .link a:hover{opacity:.7}@media screen and (max-width:767px){.mainimg li{height:240px}.mainimg li img{bottom:0;height:auto;left:50%;margin:auto 0 auto -375px;min-width:750px;position:absolute;top:0}.mainText_block{top:14%}.topmain_text{font-size:4rem;line-height:1.1}.topsub_text{font-size:1.6rem}.mainimg p{font-size:1rem;margin-top:25px}.mainimg p span{display:block;margin-left:0}.mainimg li.recruit{background-color:#fff}.mainimg li.recruit img{top:30%}.recruit .topmain_text{font-size:4.8rem;line-height:.9}.recruit .topmain_text span{display:block;margin-left:0}.mainimg .recruit .mainText_block p{font-size:1rem;margin-top:5px}.recruit .link{background:none}.recruit .link a{background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/toukai-seiki.co.jp/home/recruit_link_bg.png) no-repeat 0 0/84px auto;font-size:1.2rem;height:84px;padding:62px 10px 5px 0;width:84px}.recruit .link a:hover{opacity:1}.bx-wrapper .bx-pager{bottom:0!important}}@media screen and (max-width:479px){.mainimg li.recruit img{bottom:0;margin:auto 0 auto -250px;min-width:500px;position:absolute;top:auto}}.productBox,.technologyBox{background-color:#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-color:rgba(3,21,31,.6);bottom:0;display:block;left:0;position:absolute;right:0;top:0;transition:.1s ease-in-out}.productBox .contNav li div:hover,.technologyBox .contNav li div:hover{background-color: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,sans-serif;font-optical-sizing:auto;font-size:1.6rem;font-style:italic;font-variation-settings:"wdth" 100;font-weight:700}@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{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%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.technologyBox .contNav li{display:block;padding-top:0;width:auto}.technologyBox .contNav li img{height:auto;max-width:100%;position:static;transform:none}}.otherBox{margin:0 auto;padding:80px 0 24px;text-align:left;width:1200px}.companyBox{float:left}.companyBox,.recruitBox{background-color:#fff;width:588px}.recruitBox{float:right}.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){.otherBox{margin:0 5%;padding:40px 0 24px;width:auto}.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{margin:0 auto;padding:0 0 80px;text-align:left;width:1200px}.newsBoxIn{background-color:#fff;display:table;height:145px;padding:20px 40px;position:relative;text-align:left;width:100%}.newsBoxIn .title{display:table-cell;vertical-align:top;width:175px}.newsBoxIn .btn{bottom:20px;left:40px;position:absolute}.newsBoxIn .btn a{min-width:90px}.newsBoxIn .newsList{display:table-cell;vertical-align:top}.newsBoxIn .newsList li:after{clear:both;content:"";display:block}.newsBoxIn .newsList li{margin-bottom:15px}.newsBoxIn .newsList li:last-child{margin-bottom:0}.newsBoxIn .newsList li span{color:#98a5b3;display:block;float:left;font-family:Open Sans,Noto Sans JP,メイリオ,Meiryo,ヒラギノ角ゴPro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,Arial,sans-serif;font-optical-sizing:auto;font-size:1.6rem;font-variation-settings:"wdth" 100;font-weight:700;line-height:22px;width:190px}.newsBoxIn .newsList li em{background-color:#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}.newsBoxIn .newsList li p{float:left;width:755px}.newsBoxIn .newsList li a{color:#333}@media screen and (max-width:767px){.newsBox{margin:0 5%;padding:0 0 40px;width:auto}.newsBoxIn{display:block;height:auto;padding:20px 5%}.newsBoxIn .title,.newsBoxIn .title h2{display:block;width:auto}.newsBoxIn .title h2{margin-bottom:15px;text-align:center}.newsBoxIn .btn{margin-top:20px;position:static;text-align:center}.newsBoxIn .btn a{min-width:180px}.newsBoxIn .newsList{display:block}.newsBoxIn .newsList li span{color:#98a5b3;display:block;float:none;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-size:1.6rem;font-variation-settings:"wdth" 100;font-weight:700;width:auto}.newsBoxIn .newsList li p{float:none;width:auto}}