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

#Corporate {
	.imgBox01 {
		border: 2px solid #666666;
		margin-top: 30px;
		padding: 20px 10px;
		text-align: center;
	}
	@media screen and (min-width: 768px),print {
		.imgBox01 {
			padding: 40px 10px;
			margin-top: 40px;
		}
	}
	
	.bgArea {
		background-color: #fefae9;
		padding: 20px 0;
	}
	.mo_title05.color01 {
		color: #ff6600;
		border-color: #ff6600;
	}
	@media screen and (min-width: 768px),print {
		.bgArea {
			padding: 30px 0;
		}
	}
	
	.col3-item {
		border-left: 2px solid #ff6600;
		border-right: 2px solid #ff6600;
		border-bottom: 2px solid #ff6600;
		border-radius: 10px 10px 0 0;
	}
	.col3-item + .col3-item {
		margin-top: 30px;
	}
	.col3-title {
		/*border: 2px solid #ff6600;*/
		border-radius: 10px 10px 0 0;
		text-align: center;
		background-color: #ff6600;
		padding: 10px;
		position: relative;
		margin-left: -2px;
		margin-right: -2px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		/*border-bottom: 2px solid #fff;*/
	}
	.col3-title::before {
		content: "";
		display: block;
		/*width: 100%;*/
		height: 2px;
		background-color: #fff;
		position: absolute;
		bottom: -2px;
		left: -2px;
		right: -2px;
	}
	.col3-title-text {
		display: inline-block;
		position: relative;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		padding-left: 35px;
	}
	.col3-title-text::before {
		content: "";
		display: block;
		width: 29px;
		height: 25px;
		background: url(../img/production/index_icon_01.png) no-repeat center center;
		background-size: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	.col3-img-wrap {
		text-align: center;
		border-top: 5px solid #ff6600;
	
	}
	.col3-text-area {
		background-color: #fff;
		padding: 15px 10px;
	}
	@media screen and (min-width: 768px),print {
		.col3 {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		.col3-item {
			border-radius: 20px 20px 0 0;
			width: calc(50% - 10px);
		}
		.col3-item + .col3-item {
			margin-top: 0;
		}
		.col3-item:nth-child(n + 3){
			margin-top: 20px;
		}
		.col3-title-text {
			/*font-size: 22px;*/
		}
	
	}
	@media screen and (min-width: 1025px),print {
		.col3-item:nth-child(n + 3){
			margin-top: 0;
		}
		.col3-item {
			width: calc(33% - 30px);
			margin-right: 30px;
	
		}
		.col3-item:nth-child(4n) {
			margin-right: 0;
		}
		.col3-item:nth-child(n + 5) {
			margin-right: 30px;
		}
	}
}