@charset "UTF-8";

.mainPhoto {
    background: url("../image/company/main.jpg") no-repeat 0 50%;
    background-size: 100%;
}

.underPage .wrap {
    margin-bottom: 120px;
}

.underPage .wrap p,.underPage .wrap dd,.underPage .wrap li {
    line-height: 1.6;
}

.underPage h2.secTitle {
    margin-bottom: 80px;
}

.underPage ul.localNavi {
    max-width: 800px;
    margin: 0 auto 100px;
    justify-content: center;
    background: #292929;
    border-radius: 200px;
}

.underPage ul.localNavi li {
    border-right: 1px solid #fff;
    transform: skewX(-30deg);
    width: 25%;
}

.underPage ul.localNavi li:last-child {
    border-right: none;
}

.underPage ul.localNavi li a {
    color: #fff;
    text-align: center;
    transform: skewX(30deg);
    padding: 15px 0;
}

#secAbout dl,#secAbout ul,#secHistory dl {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 80px;
}

#secAbout dt,#secHistory dt {
    width: 30%;
    padding: 20px 0;
	font-weight: 500;
	line-height: 1.6;
}

#secAbout dd,#secHistory dd {
    width: 70%;
    padding: 20px 0;
}

#secAbout ul li {
    width: 50%;
    text-align: center;
}

#secAbout ul li p {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1px;
}

#secHistory,#secPhilosophy {
    padding: 120px 0;
    margin-bottom: 120px;
}

#secHistory .wrap,#secPhilosophy .wrap{
    margin-bottom: 0;
}

#secHistory dl {
    margin: 0 auto 0;
}

#secProfile .profileBox {
    margin-bottom: 60px;
}

#secProfile .profileBox .textArea {
    width: 81%;
}

#secProfile .profileBox .textArea p.text {
    margin-bottom: 25px;
}

#secProfile .profileBox .photoArea {
    width: 15%;
}

#secProfile .profileBox .photoArea img {
    width: 100%;
}

#secProfile .bookArea {
    border: 1px solid #ddd;
    padding: 60px;
}

#secProfile .bookArea h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 40px;
}

#secProfile .bookArea .leftArea {
    width: 20%;
}

#secProfile .bookArea .leftArea img {
    width: 100%;
    margin-bottom: 10px;
}

#secProfile .bookArea .leftArea p {
    font-size: 12px;
}

#secProfile .bookArea .rightArea {
    width: 74%;
}

#secPhilosophy .text {
    margin-bottom: 25px;
}

#secSales .graph {
    width: 100%;
    max-width: 623px;
    margin: 0 auto;
}

#secSales .graph p {
    margin-bottom: 10px;
}




@media screen and (max-width:768px) { 

	.underPage .wrap p, .underPage .wrap dd, .underPage .wrap li {
		font-size: 14px;
	}	
	
	
	.underPage ul.localNavi {
		width: 88%;
		margin: 0 auto 50px;
		align-items: center;
	}	
	
	.underPage ul.localNavi li {
		transform: skewX(-20deg);
	}	
	
    .underPage ul.localNavi li a {
        font-size: 11px;
        padding: 0;
        height: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        letter-spacing: -1px;
        line-height: 1.4;
        transform: skewX(20deg);
    }
	
	.underPage .wrap {
		margin-bottom: 60px;
	}
	
	#secHistory, #secPhilosophy {
		padding: 60px 0;
		margin-bottom: 60px;
	}
	
	#secAbout dl, #secAbout ul, #secHistory dl {
		margin: 0 auto 40px;
	}

	#secAbout dt, #secHistory dt {
		width: 100%;
		padding: 20px 0 0;
		font-size: 14px;
	}	
	
	#secAbout dd, #secHistory dd {
		width: 100%;
		padding: 10px 0 20px;
    	border-bottom: 1px solid #ddd;
	}	
	
	#secAbout ul li p {
		font-size: 12px;
		letter-spacing: 0px;
	}	
	
	#secProfile .profileBox {
		margin-bottom: 60px;
		flex-wrap: wrap-reverse;
	}	
		
	#secProfile .profileBox .photoArea {
		width: 35%;
		margin: 0 auto 40px;
	}	
	
	#secProfile .profileBox .textArea {
		width: 100%;
	}	

	#secProfile .bookArea {
		padding: 30px;
	}	
	
	#secProfile .bookArea h4 {
		font-size: 16px;
		margin-bottom: 30px;
		letter-spacing: 0;
		line-height: 1.6;
	}	
	
	#secProfile .bookArea .leftArea {
		width: 45%;
		margin: 0 auto 30px;
	}	
	
	#secProfile .bookArea .rightArea {
		width: 100%;
	}
	
	
	
	
	
	
	
	


}

@media screen and (min-width:769px) and (max-width:1024px) { 


	

}