@charset "utf-8";
/* CSS Document */

/*
Theme Name:長栄工業株式会社
*/

@media only screen and (max-width: 1299px){
	html{
		
	}
	
	.head{
		height: 5.5rem;
	}
	
	#main,.footer_contents{
		padding: 1.25rem;
	}
	
	.headnav{
		display: none;
	}
	
	.nav_recruit{
		width: 100%;
	}
	
	.nav_recruit a{
		color: white !important;
	}
	
	.nav_recruit::after{
		position: relative;
	}
	
	#header.HeightMin{
		height: 92px;
	}
	
	.hamburger{
		display: block;
	    width: 35px;
        height: 25px;
        position: relative;
        position: fixed;
        top: 35px;
		right: 20px;
	}
	
	.hamburger span{
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #005BAC;
		transition: .5s;
    }
	
	.hamburger span:first-of-type{/* ハンバーガーメニューの1番目の線 */
       top: 0;
    }
	
    .hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
       top: 50%;
    }
	
    .hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
       top: 100%;
    }
	
	.mobile-nav{
	   display: block;
	   background-color: rgba(230, 230, 230, .95);
       position: fixed;
       top: 70px;
       width: 100%;
       left: 0;
       transform: translateX(100%); 
		transition: .5s;
	}
	
	.mobile-nav ul{
		width: auto;
		padding: 0;
	}
	
	.mobile-nav li{
       text-align: left;
		list-style: none;
		padding: 30px;
		border-bottom: 1px solid #cccccc;
	}
	
	.mobile-nav a{
		color: black;
		font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
		width: 100%;
	}
	
	.mobile-nav li:hover{
		background-color: #005BAC;
		transition: 0.3s;
		color: white;
	}
	
	.hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
        top: 50%;
        transform: rotate(45deg);
    }

	.hamburger.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
        opacity: 0;/* 透明にする */
    }

	.hamburger.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
        top: 50%;
        transform: rotate(-45deg);
    }
	
    .mobile-nav.active{
        transform: translateX(0); 
    }
	
	.contents_wrap{
		width: calc(100% - 50%);
		margin-left: 0;
	}
	
	.about-pic{
		top: 4.5%;
		height: 450px;
	}
	
	#business::before{
		width: 80%;
		margin-top: -15em;
	}
	
	.business{
		display: block;
        padding: 0 100px;
	}
	
	.cnt02-link01, .cnt02-link02{
		width: 100%;
	}
	
	.bout_title,.business_title{
		font-size: 8em;
	} 
	
	.about_link{
		margin-left: 0;
		margin-top: 30px;
	}
	
	.topcontents_text{
		margin-top: 30px;
	}
	
	.pc{
		display: none;
	}
	
	.mb{
		display: block;
	}
	
	.work01-2_img img{
		height: 100%;
	}
	
	.base3{
		width: calc(100% - 10%);
	}
	
	.recruit_midashi{
		font-size: 21px;
	}
	
}

@media only screen and (max-width: 1023px){
	
}