@charset "utf-8";

#ob-message h1 {
	max-width: 1200px;
	width: 94%;
	margin: 3% auto 0;
	height: 0;
	overflow: hidden;
	padding-top: 31%;
	margin-bottom: 20px;
	background: url(../images/ob-message_top.png) center top no-repeat;
	background-size: 100% auto;
}

#ob-message .staff-box {
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 1rem 0;
	margin-top: 1rem;
	border-bottom: dotted 1px #999999;
}

#ob-message .staff-box .message-box {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#ob-message .staff-box .message-box .image-box {
	width: 30%;
	height: auto;
	text-align: center;
	float: left;
}

#ob-message .staff-box .message-box .image-box img {
	width: 60%;
	height: auto;
}


#ob-message .staff-box .message-box .text-box {
	width: 70%;
	height: auto;
	float: left;
}

#ob-message .staff-box .message-box .text-box .name-box {
	width: 100%;
	height: auto;
}

#ob-message .staff-box .message-box .text-box .name-box img {
	width: 85%;

}

#ob-message .staff-box .message-box .text-box .name-box img.name-size01 {
	width: 100%;
	height: auto;
}

#ob-message .staff-box .message-box .text-box .name-box img.name-size02 {
	width: 100%;
	height: auto;
}

#ob-message .staff-box .photo-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1rem;
}

#ob-message .staff-box .photo-box .image-box {
	width: 32%;
	height: auto;
	float: left;
}

#ob-message .staff-box .photo-box .image-box01,
#ob-message .staff-box .photo-box .image-box02 {
	margin-right: 2%;
}

#ob-message .staff-box .photo-box .image-box img {
	width: 100%;
	height: auto;
}

@media screen and (min-width:768px) {

	.pc-header {
		position: relative;
	}

	#ob-message h1 {
		position: absolute;
		overflow: visible;
		padding-left: 27%;
		top: 12rem;
		z-index: 1;
		margin: 0 auto;
		padding-top: 0;
		color: #036eb8;
		font-family: 'Kiwi Maru', serif;
		font-size: 0.75vw;
		font-weight: bold;
		background: none;
	}

	#ob-message .ob-message-header .header-inner {
		max-width: 1200px;
		width: 94%;
		margin: 3% auto;
	}

	.ob-message-img {
		width: 100%;
	}

	#ob-message .main-inner {
		max-width: 1200px;
		width: 94%;
		margin: 3rem auto;
	}

	#ob-message .staff-box {
		padding: 6rem 2rem;
	}

	#ob-message .staff-box .pc-message-box {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

	#ob-message .pc-message-box .pc-image-box {
		width: 10%;
	}

	#ob-message .pc-message-box .pc-text-box {
		width: 45%;
	}

	#ob-message .pc-message-box .pc-message-box {
		width: 40%;
	}

	#ob-message .pc-message-box .pc-photo-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 5rem;
	}

	#ob-message .pc-message-box .pc-photo-box .pc-image-box01,
	#ob-message .pc-message-box .pc-photo-box .pc-image-box02,
	#ob-message .pc-message-box .pc-photo-box .pc-image-box03 {
		width: 32%;
	}

	#ob-message .pc-message-box .pc-photo-box .pc-image-box01 img,
	#ob-message .pc-message-box .pc-photo-box .pc-image-box02 img,
	#ob-message .pc-message-box .pc-photo-box .pc-image-box03 img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}

	#ob-message .pc-message-box .pc-main-img {
		width: 100%;
	}

	#ob-message .pc-message-box .pc-text-box .pc-name-box img {
		width: 70%;
		height: auto;
	}

	#ob-message .pc-message-box .pc-text-box .pc-name-box img.name-size01 {
		width: 85%;
	}

	#ob-message .pc-message-box .pc-text-box .pc-name-box img.name-size02 {
		width: 100%;
	}

	#ob-message .pc-photo-box {
		width: 100%;
	}

	#ob-message .staff-box:last-child {
		border-bottom: none;
	}
}