@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
    .quxian{bottom:80px;}
    .hisbox:first-child .b {bottom: 13px;}
    .nav-item.search{padding:0 0 0 20px;}
    .nav-item a{font-size:1rem;}
}
@media only screen and (max-width:1440px){
	.container{width:92%;}
	header .logo{padding-right:40px;}
	.nav-item a{font-size:1rem;}
	.nav-item { padding: 0 1.5rem;}
	.under_mv_ttl{max-width:1200px;}
	.solu_nav li,.soluName{padding-left: calc((100vw - 1240px) / 2);}
	.under-mv{min-height: 375px;}
	.inner{width: 1280px;}
	.history{height:720px;}
	.quxian{bottom:0}
	.hisbox:first-child .b {bottom: 7px;}
	.hisbox:nth-child(2) .b {bottom: 18px;}
	.hisbox:nth-child(3) .b {bottom: 26px;}
	.hisbox:nth-child(4) .b {bottom: 41px;}
	.hisbox:nth-child(4) .b {bottom: 41px;}
	.hisbox:nth-child(5) .b {bottom: 94px;}
	.hisbox:nth-child(6) .b {bottom: 167px;}
	.hisbox:nth-child(7) .b {bottom: 241px;}
	.hisbox:nth-child(8) .b {bottom: 308px;}
}
@media only screen and (max-width:1366px){
	.header-web{padding-left:10px;}
	.nav-item {
        padding: 0 1.2rem;
    }
	.under-mv{min-height: 355px;}
}
@media only screen and (max-width:1280px){
	header .logo {
		padding-right: 0;
	}
	header .logo img{max-width:80%;}
	.sug-news .title{width:96%;}
	.sug-news .title h2{font-size:48px;}
	.design-box .con-wrap img{width:30%;}
	.design-box .con-wrap h3{padding:30px 0;}
	.design-box .con-wrap a{margin-top:30px;}
}
@media only screen and (max-width:1200px){
    .top_about_ttl,.in-ab-desc{padding-left:0;}
    .lang-btn a{width:60px;}
    .nav-item.search{padding:0 0 0 20px;}
    .nav-item{padding:0 10px;}
    #about .btn{margin-left:0;}
}
@media only screen and (max-width:1024px){
	html {
		font-size: 87.5%;
	}
	.header-web{
        height: 80px;
    }
	.nav{
		position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        display: none;
        height: calc(100vh - 80px);
        background-color: #f5f6f7;
	}
	.breadcrumb{display:none;}
	main{padding-top:80px;}
	.under-mv{
        max-height: 490px;
        min-height: 350px;
        width: 100%;
        margin-bottom:50px;
    }
	.under_mv_ttl {
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 1600px;
        width: 100%;
    }
	.under_mv_img img {
        max-height: 490px;
        min-height: 350px;
    }
	.product_list{padding:0 30px;}
	.header-phone{
		display:block;
        position: absolute;
        top: 30px;
        right: 150px;
        z-index: 51;
    }
	.phone_list{
        display: flex;
        align-items: center;
    }
	.header-phone .phone_search{
        width: 17px;
        height: 17px;
    }
	.header-phone .phone_search .search_btn_close {
        width: 17px;
        height: 17px;
        display: none;
    }
	.header-phone .phone_btn{
		width: 28px;
        height: 18px;
        margin-left: 22px;
    }
	.header-phone .phone_btn span {
        transition: .3s ease;
        position: absolute;
        display: block;
        width: 28px;
        height: 2px;
        background-color: #e3032d;
        top: 0;
        right: 0;
        will-change: transform;
    }
	.search_area{top:80px;}
	.header-phone .phone_btn span:nth-child(1) {
        transform: rotate(0);
    }
	.header-phone .phone_btn span:nth-child(2) {
        transform: translateY(9px);
    }
	.header-phone .phone_btn span:nth-child(3) {
        transform: translateY(18px);
    }
	.header-phone .phone_search.active .search_btn_open{
		display:none;
	}
	.header-phone .phone_search.active .search_btn_close{
		display:block;
	}
	.nav-item.search{display:none;}
	.nav-list{
		display:block;
		padding: 30px 15px 60px;
	}
	.nav-item {
        border-top: 1px solid #ddd;
    }
	.nav-item>a {
        display: block;
        padding: 18px 10px;
    }
	.phone_btn.active span:nth-child(1) {
        transform: translateY(10px) rotate(-45deg);
    }
	.phone_btn.active span:nth-child(2) {
        background-color: rgba(255, 255, 255, 0);
    }
	.phone_btn.active span:nth-child(3) {
        transform: translateY(10px) rotate(45deg);
    }
	.company-box .box-item,.newsd .lt{width:100%;}
	.top_about_ttl,.in-ab-desc{padding-left:0;}
	.top_about_ttl{margin-bottom: 30px;}
	.in-ab-desc{line-height:2;}
	#about .btn{margin-left:0;}
	.news ul li{width: calc((100% - 30px) / 2);}
	.newsd .rt{display:none;}
	.inner {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
	.mess{display:block;}
	.c-ico{width:50px;height: 50px;}
	.ccs{padding:50px 30px;}
	.abhis{padding:0}
	.abhis .his-prev{left:0}
	.abhis .his-next{right:0}
	.soluMain{flex-direction: column;}
	.soluRight,.soluLeft{width:100%;}
	.solulist li{width:100%;margin-right: 0;}
	.soluName {
		margin-bottom: 0;
		padding:20px;
    }
	.soluName h2{font-size:19px;}
	.solu_nav{padding-right:18px;display: none;}
	.solu_nav li{margin-top:15px;padding-left:15px;line-height: 46px;}
	.solu_nav li a{font-size:1.125rem;}
	.solu_nav li:after{top:8px;}
	.solulist .item::after{width:30vw;height:30vw}
}
@media only screen and (max-width:768px){
	.pcOnly{display:none!important;}
	.spOnly{display:block!important;}
	.under_mv_ttl{display:none;}
	.lang-btn a{width:80px;padding:10px;}
	.header-phone{right:100px;}
	.under-mv {
        max-height: 490px;
        min-height: 300px;
        width: 100%;
        margin-bottom: 10px;
    }
	.under_mv_img img {
        max-height: 490px;
        min-height: 300px;
    }
	.under_mv_img img {
        height: 64vw;
    }
	#product .in-pro{flex-direction:column-reverse;}
	#product .in-pro .left, #product .in-pro .right{width:100%;}
	.headline_en span{font-size:3rem;}
	.product_item>.content,.product_item>.image{width:100%;}
	.product_item{flex-direction:column;}
	#popup .inner{max-width:100%;min-width:100%;padding: 0 18px;background: transparent;}
	.content{
		padding: 30px 20px 25px;
		overflow-y: scroll;
    	background: #fff;
	}
	.tblSpec{width:640px;}
	.wrapTableScroll {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
    }
	.mod-search_inner{background:#fff;padding:30px 18px;}
	.mod-search_tab_clm+.mod-search_tab_clm {
		margin-left: 25px;
		padding-left: 25px;
	}
	.mod-search_block{
		padding:25px 0 0 0;
	}
	.mod-search_block_item_inner{flex-wrap: wrap;}
	.mod-search_item{
        width: 50%;
        border-bottom: .2666666667vw solid #ddd;
		flex:auto;
    }
	.mod-search_item:nth-child(2n+1){
        border-left: none;
    }
	.mod-search_item:nth-child(2n+1):nth-last-child(-n+2), .mod-search_item:nth-child(2n+1):nth-last-child(-n+2)~div {
        border-bottom: none;
    }
	.soluRight{padding:10px 30px 30px;}
	.honor-wrap ul,.news ul{flex-wrap:wrap;}
	.honor-wrap ul li,.news ul li{width:100%;margin-bottom: 30px;}
	.js-job-list .job-site,.js-job-list .job-num{display:none;}
	.js-job-list .job-title{width:45vw;}
	.list-more__icon{right:30px;}
	.js-job-list .list-hide .res .item{width:100%;}
	.js-job-list .list-hide .res, .js-job-list .list-hide .mail{flex-wrap:wrap;}
	.js-job-list .list-hide .mail{margin-top:15px;flex-direction: column;align-items: flex-start;}
	.js-job-list .list-hide .mail p{margin-bottom:10px;}
	.contact ul{flex-wrap: wrap;}
	.contact li {
        margin-bottom: 28px;
    }
	.messbox{width:100%;padding:3rem 0;}
	.company-box .box-item h2{width:7rem;}
	.company-box .box-item p{font-size:1rem;}
	.history{height:450px;}
	.hisbox{height:200px;}
	.hisbox .b{position:static;}
	.js-job-list .list-hide .res .item:last-child h2{margin-top:20px;}
	.product_search{padding:30px 0 35px}
	.solulist li{padding:20px;}
	.solulist .item::after {
        width: 55vw;
        height: 55vw;
    }
    .solulist .item::after{
        right: -6vw;
        top: 15%;
    }
    .soluName{position:relative}
    .soluName:after{
        display:block;
        content: "\f0da";
        position: absolute;
        right: 20px;
        top:20px;
        font-family: fontawesome;
        color:#fff;
        font-size:24px;
    }
    .solu_nav {
        display: none;
    }
    .solu_nav.active {
        display: block;
    }
    .soluName {
        cursor: pointer;
    }
    .soluName.on:after{
        transform: rotate(90deg);
    }
    .abhis,.history{height:auto;position:static}
    .history{background:#cecece;}
    .quxian{display:none;}
    .abhis .tab-con>div{display:block;}
    .hisbox{width:100vw;height:180px;}
}