@charset "utf-8";
#contents{
	z-index: 0;
}
.bg-circle {
	z-index: 1;
}
/*-----------------------------*/
.bg1 {
	z-index: 2;
	position: absolute;
	top: -43px;
	left: 243px;
	width: 187px;
	height: 187px;
	background: transparent url(../about/img/bg1.png) 54% 0 no-repeat;
}

.bg2 {
	z-index: 2;
	position: absolute;
	top: -23px;
	left: 526px;
	width: 445px;
	height: 445px;
	background: transparent url(../about/img/bg2.png) 54% 0 no-repeat;
}

.bg3 {
	z-index: 2;
	position: absolute;
	top: 390px;
	left: -90px;
	width: 159px;
	height: 159px;
	background: transparent url(../about/img/bg3.png) 54% 0 no-repeat;
}

/*-----------------------------*/
.head-img {
	position: absolute;
	z-index: 10;
	padding-top: 55px;
	padding-left: 80px;
}


.head {
	padding: 30px 55px 0;
	height: 650px;
	position: relative;
}

.head .txt {
	position: absolute;
	top: 300px;
	left: 200px;
	line-height: 2.5;
	font-size: 13px;
	color: #4C4C50;
	padding: 10px;
}

.head .txt span {
	border-bottom: 1px solid #A7D4F0;
}
.head_catch{
	position: absolute;
	z-index: 8;
	padding-top: 55px;
	padding-left: 80px;
}
.head_catch p{
	writing-mode: vertical-rl;
	font-family: "Noto Serif JP", serif;
	font-size: 26px;
}

/*-----------------------------*/
/* .sec-ttl {
	clear: both;
	padding: 0 4px 15px;
	margin-bottom: 30px;
	background: transparent url(../common/img/ttl-border.gif) 0 100% no-repeat;
	color: #00A5D8;
	font-size: 13px;
	font-weight: bold;
} */

/*-----------------------------*/
.section {
	margin-bottom: 36px;
	padding-bottom: 30px;
	border-bottom: 1px solid #CCC;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.section:nth-child(odd) {
	flex-direction: row;
}

.section:nth-child(even) {
	flex-direction: row-reverse;
}

.section .cont {
	max-width: 470px;
	width: 100%;
	color: #4D4D50;
	font-size: 13px;
	line-height: 1.8;
}

.section .cont .ttl {
	margin-bottom: 30px;
	line-height: 1;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 600;
	user-select: none;
}

.section .img {
	max-width: 330px;
	width: 100%;
}

@media screen and (max-width:767px){
	.head{
		padding: 30px 10px;
	}
	.head .txt{
		top: 150px;
		left: 0;
		z-index: 10;
		background-color: rgba(255, 255, 255, 0.6);
		padding: 10px 10px 30px;
		height: auto;
	}
	.head_catch{
		margin-left: 10px;
		margin-top: 55px;
		padding: 0;
		background-color: rgba(255, 255, 255, 0.5);
	}
	.head_catch p{
		writing-mode: horizontal-tb;
		font-size: 22px;
	}
	.bg1{
		width: 96px;
		height: 96px;
		top: -40px;
		left: 260px;
		background-size: contain;
	}
	.bg2{
		width: 222px;
		height: 222px;
		top: 450px;
		left: 165px;
		background-size: contain;
	}
	.bg3{
		width: 80px;
		height: 80px;
		top: 110px;
		left: -28px;
		background-size: contain;
	}
	.section:nth-child(odd),
	.section:nth-child(even){
		flex-direction: column;
		gap: 15px;
	}
	.section .cont .ttl{
		margin-bottom: 20px;
		font-size: 17px;
	}
	.section .img {
		max-width: none;
	}
	.section .img img{
		width: 100%;
		height: auto;
	}
}