@charset "utf-8";
/*------------------------------------------------------------
	greeting
------------------------------------------------------------*/
#main .imgBox {
	margin-bottom: 61px;
	position: relative;
	display: flex;
	justify-content: space-between;
}
#main .imgBox .photo {
	margin: -161px -300px 0 -84px;
	width: 348px;
	position: relative;
	z-index: 10;
}
#main .imgBox .textBox {
	margin-left: auto;
	padding: 45px 63px 49px 101px;
	width: 685px;
	background-color: #FBF8F3;
	box-sizing: border-box;
}
#main .imgBox .image {
	position: absolute;
	top: -144px;
	right: 235px;
	z-index: -1;
}
#main .imgBox .textBox p {
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
#main .imgBox .textBox .name {
	margin-bottom: 23px;
	font-size: 2.917rem;
	line-height: 1.3;
	letter-spacing: 0.1em;
}
#main .imgBox .textBox .name span {
	font-size: 1.6rem;
	display: block;
	letter-spacing: 0;
}
#main .headline04 {
	margin: -9px 0 226px;
}
#main .historyBox {
	margin: 0 auto 81px;
	max-width: 705px;
}
#main .historyBox .listUl li {
	margin-bottom: 23px;
	padding: 0 7px 5px;
	display: flex;
	font-size: 2.1rem;
	justify-content: space-between;
	border-bottom: 1px solid #000000;
}
#main .historyBox .listUl li:last-child {
	margin-bottom: 0;
}
#main .historyBox .listUl .ttl {
	width: 150px;
}
#main .historyBox .listUl .txt {
	margin-left: 10px;
	flex: 1;
	text-align: right;
}
#main .centerTxt {
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.75;
}
@media all and (min-width: 897px) {
	.content {
		max-width: 1148px;
	}
	.content #gHeader {
		left: -108px;
	}
}
@media all and (max-width: 896px) {
	#main .headline04 {
		margin: 0 -10px 60px;
	}
	#main .imgBox .photo {
		margin: 0 auto;
		width: 240px;
	}
	#main .imgBox {
		display: block;
	}
	#main .imgBox .textBox {
		padding: 30px 20px;
		width: auto;
	}
	#main .imgBox .textBox p,
	#main .imgBox .textBox .name span {
		font-size: 1.4rem;
	}
	#main .imgBox .textBox .name {
		font-size: 2.6rem;
	}
	#main .imgBox .image {
		width: 130px;
		top: auto;
		right: auto;
		bottom: 0;
		z-index: -1;
		left: -30px;
	}
	#main .historyBox {
		max-width: inherit;
	}
	#main .historyBox .listUl li {
		font-size: 1.4rem;
		display: block;
	}
	#main .historyBox .listUl .ttl {
		margin-bottom: 5px;
		width: auto;
		display: block;
		font-weight: bold;
	}
	#main .historyBox .listUl .txt {
		margin-left: 0;
		font-size: 1.4rem;
		text-align: left;
		display: block;
	}
	#main .centerTxt {
		font-size: 1.7rem;
		letter-spacing: 0;
	}
}