@charset "utf-8";
/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#main {
	background: url("../img/about/bg01.png") no-repeat top 27px center / 922px auto;
}
#main .topTxt {
	margin-bottom: 65px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.22em;
}
#main .secBox {
	margin-bottom: 101px;
}
#main .secBox .imgBox {
	margin: 0 auto;
	max-width: 960px;
	padding: 50px 124px 103px 97px;
	position: relative;
	background: #fff;
	box-sizing: border-box;
}
#main .secBox .imgBox .photoBox {
	box-sizing: border-box;
	padding-top: 17px;
	width: 47.6%;
}
#main .secBox .imgBox .photoBox .imgTxt {
	width: 190px;
	position: absolute;
	left: -63px;
	top: -35px;
}
#main .secBox .imgBox .textBox {
	width: 52%;
}
#main .secBox .imgBox .textBox .headLine02 {
	margin-right: -80px;
}
#main .secBox .imgBox .textBox p {
	text-align: justify;
	letter-spacing: 0.22em;
	line-height: 2;
}
#main .secBox .imgList {
	margin-top: -65px;
	position: relative;
	z-index: 1;
}
#main .secBox .imgList::after {
	width: 32.34%;
	display: block;
	content: '';
}
#main .secBox .imgList li {
	padding: 10px 10px 21px;
	width: 32.34%;
	text-align: center;
	box-sizing: border-box;
	background: url("../img/about/bg02.png") no-repeat center center / 100% 100%;
}
#main .secBox .imgList li .photo {
	margin-bottom: 15px;
}
#main .secBox .imgList li p {
	color: #C7974A;
	font-size: 1.8rem;
	line-height: 1.66;
	letter-spacing: 0.16em;
}
#main .sec02 .imgBox {
	padding: 42px 36px 106px 109px;
}
#main .sec02 .imgBox .photoBox {
	padding-top: 36px;
	order: 1;
}
#main .sec02 .imgBox .photoBox .imgTxt {
	width: 202px;
	top: -39px;
}
#main .sec02 .imgBox .textBox {
	width: 47.2%;
}
#main .sec02 .imgBox .textBox .headLine02 {
	color: #7AAD43;
	line-height: 1.425;
}
#main .sec02 .imgList li p {
	color: #7AAD43;
}
#main .sec03 {
	margin-bottom: 70px;
}
#main .sec03 .imgBox {
	padding: 49px 124px 103px 84px;
}
#main .sec03 .imgBox .photoBox {
	padding-top: 29px;
}
#main .sec03 .imgBox .photoBox .imgTxt {
	width: 190px;
	top: -35px;
}
#main .sec03 .imgBox .textBox {
	width: 51.1%;
}
#main .sec03 .imgBox .textBox .headLine02 {
	margin-right: -100px;
	color: #E79841;
	line-height: 1.37;
}
#main .sec03 .imgBox .textBox .headLine02 .txt01 {
	letter-spacing: 0;
}
#main .sec03 .imgList li p {
	color: #E79841;
}
@media all and (max-width: 1024px) {
	#main {
		background: url("../img/about/sp_bg01.png") no-repeat top 35px center / 398px auto;
	}
	#main .topTxt {
		margin-bottom: 33px;
		line-height: 2.07;
		letter-spacing: 0.18em;
	}
	#main .secBox {
		margin-bottom: 60px;
	}
	#main .secBox .imgBox {
		margin: 0 20px;
		max-width: inherit;
		display: block;
		padding: 27px 30px !important;
	}
	#main .secBox .imgBox .photoBox {
		margin: 0 auto 17px;
		padding-top: 0 !important;
		width: 69%;
		text-align: center;
	}
	#main .sec02 .imgBox .photoBox {
		width: 85%;
	}
	#main .sec03 .imgBox .photoBox {
		width: 80%;
	}
	#main .secBox .imgBox .photoBox .imgTxt {
		width: 93px !important;
		left: -32px !important;
		top: -25px !important;
	}
	#main .secBox .imgBox .textBox {
		width: auto !important;
	}
	#main .secBox .imgBox .textBox .headLine02 {
		margin-right: -20px;
		margin-left: -20px;
	}
	#main .secBox .imgBox .textBox p {
		font-size: 1.15rem;
		letter-spacing: 0.2em;
		line-height: 1.91;
	}
	#main .secBox .imgList {
		margin-top: -10px;
		display: block;
	}
	#main .secBox .imgList::after {
		display: none;
	}
	#main .secBox .imgList li {
		margin-bottom: 10px;
		padding: 6px 5px 14px;
		width: auto;
	}
	#main .secBox .imgList li:last-child {
		margin-bottom: 0;
	}
	#main .secBox .imgList li .photo {
		margin-bottom: 9px;
	}
	#main .secBox .imgList li .photo img {
		width: 100%;
	}
	#main .secBox .imgList li p {
		font-size: 1.4rem;
		line-height: 1.57;
	}
	#main .sec03 {
		margin-bottom: 60px;
	}
}