.mainimg01 {
	background-color: #e6ddd3;
}
.toolBox01 {
	background-color: #085732;
}
.sp {
	display: none;
}
#history section .small{
	font-size: 14px;
}
#history section .text-area,
#history section .text{
	line-height: 1.75;
}
#history section .link-btn {
	border: 1px solid #067c45;
	text-align: center;
	font-size: 18px;
}
#history section .link-btn a {
	padding: 18px 0;
	display: block;
	color: #067c45;
	font-weight: bold;
}
#history section.top-section .link-btn {
	width: 300px;
	float: right;
}
#history section.top-section .link-btn a {
	padding: 18px 0;
}
#history section {
	width: 940px;
	display: block;
	overflow: hidden;
	padding-bottom: 130px;
	margin: 0 auto;
	font-size: 16px;
}
#history section:first-child {
	margin-top: 40px;
	margin-bottom: 50px;
	padding-bottom: 0;
}
#history section h2 {
	border-bottom: 2px solid #067c45;
	padding-bottom: 14px;
	margin-bottom: 42px;
}
#history section h2 img{
	width: 120px;
}
#history section h2.sub-title_04 img{
	width: 258px;
}
#history section h2.sub-title_05 img{
	width: 128px;
}
#history section .photo {
	float: left;
	width: 460px;
	height: auto;
}
#history section .text-area{
	float: right;
	width: 460px;
}
#history section .text-area p{
	margin-bottom: 2em;
}
#history section .limited {
	margin-top: 2.25em;
}
#history section .limited p {
	margin-bottom: 0;
}
#history section .limited .text {
	padding: 2em 1em;
	background-color: #fff6d9
}
#history section .note .photo,
#history section .note .text{
	width: 220px;
}
#history section .note {
	margin-top: 38px;
	overflow: hidden;
}

#history section .note p a {
	display: block;
	padding: 10px;
	text-align: center;
    border: 1px solid #067c45;
    color: #067c45;
}

#history section .note h3{
	text-align: center;
	font-size: 22px;
	color: #067c45;
	margin-bottom: 30px;
}
#history section .note .text{
	float: right;
}
#history section .btn-list {
	width: 480px;
	margin-right: -20px;
	overflow: hidden;
}
#history section .btn-list li {
	width: 138px;
	border: 1px solid #067c45;
	text-align: center;
	float: left;
	margin-right: 20px;
}
#history section .btn-list a {
	padding: 10px 0;
	display: block;
	color: #067c45;
	font-weight: bold;
	font-size: 18px;
}

/*============================= BREAK POINT ===============================
Tablet Layout
=============================== BREAK POINT =============================*/
@media screen and (max-width: 768px) {
	section h1{
		width: 90.6%;
		margin: 0 auto;
	}
	#history section .link-btn {
		border: 1px solid #067c45;
		box-sizing: border-box;
	}
	#history section .link-btn a {
		padding: 6.04% 0;
	}
	#history section.top-section .link-btn {
		width: 50%;
	}
	#history section.top-section .link-btn a {
		padding: 6.04% 0;
	}
	#history section {
		width: 90.6%;
	}
	#history section:first-child {
		margin-top: 4.25%;
		margin-bottom: 5.31%;
	}
	#history section h2 img{
		width: 12.76%;
	}
	#history section ul {
		width: 100%;
	}
	#history section .photo,
	#history section .text-area {
		width: 48.93%;
	}
	#history section .note .photo,
	#history section .note .text{
		width: 47.82%;
	}
	#history section .note h3{
		margin-bottom: 6.52%;
	}
	#history section .btn-list {
		width: 100%;
	}
	#history section .btn-list li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 4.34%;
		box-sizing: border-box;
	}
	#history section .btn-list a {
		padding: 2.17% 0;
	}
}

/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 640px) {
	#history section * {
		box-sizing: border-box;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	#history section {
		width: 93.43%;
		padding-bottom: 23.43%;
		margin: 0 auto;
	}
	#history section .link-btn a {
		padding: 4px 1.5em;
	}
	#history section.top-section .link-btn {
		width: 100%;
		float: none;
	}
	#history section.top-section .link-btn a {
		padding: 4px 1.5em;
		font-weight: normal;
	}
	#history section:first-child {
		margin-top: 9.36%;
		margin-bottom: 11.37%;
	}
	#history section h2 {
		border-bottom: 2px solid #067c45;
		padding-bottom: 4.68%;
		margin-bottom: 5.85%;
	}
	#history section h2.sub-title_01 img{
		width: 25.75%;
	}
	#history section h2.sub-title_02 img{
		width: 24.91%;
	}
	#history section h2.sub-title_03 img{
		width: 23.41%;
	}
	#history section h2.sub-title_04 img{
		width: 55.51%;
	}
	#history section h2.sub-title_05 img{
		width: 26.92%;
	}
	#history section h2 img{
		width: auto;
	}
	#history section .photo {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 9.36%;
	}
	#history section .text-area{
		float: left;
		width: 100%;
	}
	#history section .note .photo,
	#history section .note .text{
		width: 47.49%;
	}
	#history section .note {
		margin-top: 5%;
	}
	#history section .note p a {
		font-size: 15px;
	}
	#history section .note h3{
		margin-bottom: 5.01%;
	}
	#history section .note .text{
		float: right;
	}
	#history section .btn-list {
		width: 100%;
		margin-right: 0;
	}
	#history section .btn-list li {
		width: 100%;
		float: none;
		margin-bottom: 3.28%;
		margin-right: 0;
	}
	#history section .btn-list a {
		font-weight: normal;
    	padding: 4px 1.5em;
	}
}