.corporateTop { height: 310px; background: url(../img/top/top2.jpg) center; background-size: cover; position: relative; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 90px -100px 0; padding: 90px 0 0; box-sizing: border-box; }
.corporateTop h2 { display: block; font-size: 60px; line-height: 80px; color: #FFF; text-shadow: 0 0 10px #0003; }
.corporateTop h2 span { display: block; font-size: 30px; font-weight: bold; line-height: 40px; }

.corporatePhilosophy { padding: 60px 0 120px; background: #FFF; position: relative; }
.corporatePhilosophy:before { content: ""; display: block; width: 100%; height: 120px; background-color: #FCE883; background-image: radial-gradient(#FFF6 2px, transparent 0), radial-gradient(#FFF6 2px, transparent 0); background-size: 20px 20px; background-position: 0 0, 10px 10px; position: absolute; bottom: 0; }
.corporatePhilosophy:after { content: ""; display: block; width: calc(100% + 240px); height: 120px; background: #FFF; position: absolute; bottom: 0; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 0 -100px; }

.corporatePhilosophy h3 { font-size: 60px; font-weight: 900; line-height: 60px; text-align: center; padding: 60px 0 0; }
.corporatePhilosophy h3 span { display: block; color: #0067B7; font-size: 30px; line-height: 30px; margin: 20px 0 0; }

.corporatePhilosophy section { width: 900px; margin: 30px auto 0; background: #FEFAE6; padding: 40px; border-radius: 20px; }

.corporatePhilosophy h4 { font-size: 30px; line-height: 40px; text-align: center; }
.corporatePhilosophy p { font-size: 24px; line-height: 50px; margin: 20px 0 0; text-align: center; }

.corporatePhilosophy ul { width: 760px; font-size: 30px; font-weight: bold; line-height: 50px; margin: 0 auto; }
.corporatePhilosophy ul li { list-style: disc; margin-left: 1.5em; }


.corporateProfile { padding: 120px 0; background-color: #FCE883; background-image: radial-gradient(#FFF6 2px, transparent 0), radial-gradient(#FFF6 2px, transparent 0); background-size: 20px 20px; background-position: 0 0, 10px 10px; position: relative; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 0 -100px; }
.corporateProfile:before { content: ""; display: block; width: 100%; height: 120px; background: #FFF; position: absolute; bottom: 0; }
.corporateProfile:after { content: ""; display: block; width: calc(100% + 240px); height: 120px; background-color: #FCE883; background-image: radial-gradient(#FFF6 2px, transparent 0), radial-gradient(#FFF6 2px, transparent 0); background-size: 20px 20px; background-position: 0 0, 10px 10px; position: absolute; bottom: 0; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 0 -100px; }

.corporateProfile h3 { font-size: 60px; font-weight: 900; line-height: 60px; text-align: center; margin: 0; }
.corporateProfile h3 span { display: block; color: #0067B7; font-size: 30px; line-height: 30px; margin: 20px 0 0; }

.corporateProfile .inner { width: 1000px; margin: 80px auto 0; padding: 40px; background: #FFF; position: relative; box-sizing: border-box; border-radius: 20px; }

.corporateProfile table { width: 100%; margin: 0; font-size: 20px; line-height: 30px; border-collapse: collapse; background: #FFF; }
.corporateProfile th { background: #FEFAE6; font-size: 20px; line-height: 40px; border: solid 2px #D6D6D6; padding: 20px; white-space: nowrap; }
.corporateProfile td { font-size: 20px; line-height: 40px; border: solid 2px #D6D6D6; padding: 20px; }
.corporateProfile ul { display: flex; justify-content: space-around; margin: 0; flex-wrap: wrap; }
.corporateProfile ul li { margin: 20px 0 0; }

@media only screen and (max-width: 1260px) {
	.corporateTop { margin-top: 60px; }
	.corporateTop .inner { width: calc(100% - 200px); padding: 0 15px; }

	.corporatePhilosophy .inner { width: 100%; padding: 0 15px; }
	.corporatePhilosophy section { width: 100%; box-sizing: border-box; }
	.corporatePhilosophy ul { width: 100%; max-width: 760px; }
	
	.corporateProfile .inner { width: calc(100% - 230px); }
}


@media only screen and (max-width: 520px) {
	.corporateTop { height: 140px; margin-top: 60px; padding: 0; }
	.corporateTop .inner { width: calc(100% - 200px); padding: 30px 15px 0; }
	.corporateTop h2 { font-size: 32px; ; line-height: 40px; }
	.corporateTop h2 span { font-size: 16px; line-height: 20px; }


	.corporatePhilosophy { padding: 60px 0; margin: 0; }
	.corporatePhilosophy .inner { padding: 0 15px; }
	.corporatePhilosophy:before { height: 60px;}
	.corporatePhilosophy:after { height: 60px;}
	.corporatePhilosophy h3 { font-size: 32px; ; line-height: 40px; padding: 0; }
	.corporatePhilosophy section+h3 { margin-top: 60px; }
	.corporatePhilosophy h3 span { font-size: 16px; line-height: 20px; }
	
	.corporatePhilosophy section { width: 100%; margin: 30px 0 0; padding: 15px; border-radius: 10px; box-sizing: border-box; }
	
	.corporatePhilosophy h4 { width: 100%; font-size: 16px; line-height: 25px; }
	.corporatePhilosophy p { font-size: 16px; line-height: 25px; margin: 15px 0 0; text-align: left; }
	.corporatePhilosophy ul { width: 100%; font-size: 16px; line-height: 25px; margin: 0; }
	.corporatePhilosophy ul li { }


	.corporateProfile { padding: 60px 15px; margin: 0; }
	.corporateProfile .inner { width: 100%; margin: 30px 0 0; padding: 15px; border-radius: 10px; }
	.corporateProfile:before { height: 60px;}
	.corporateProfile:after { height: 60px;}

	.corporateProfile h3 { font-size: 32px; ; line-height: 40px; }
	.corporateProfile h3 span { font-size: 16px; line-height: 20px; margin: 0 0 30px; }

	.corporateProfile table { }
	.corporateProfile th { padding: 10px; font-size: 16px; line-height: 25px; white-space: nowrap; }
	.corporateProfile td { padding: 10px; font-size: 16px; line-height: 25px; }
	.corporateProfile ul { margin: 0; display: block; }
	.corporateProfile ul li { margin: 0; padding: 15px 0 0; }


}