@charset "utf-8";
/*
	Last Update: 2023/10/6
	Auther: sa
*/
/*===================================================================
	page layout
===================================================================*/
.message {
	margin-top: 5.1875rem;
	padding-bottom: 8.125rem;
	color: #4a4a4a;
}
.message section + section{
margin-top: 7.5rem;
}
.message__inner {
	max-width: 70.625rem;
	width: 100%;
	padding: 0 1.5625rem;
	margin: 0 auto;
}
.message-title__wrap {
	text-align: center;
}
.message-top {
	margin-top: 4.4rem;
}
.message-top__body {
	padding: 2.9375rem 2.8125rem 2.125rem;
	background-color: #ECF5F9;
	display: flex;
	gap: 4%;
}
.message-top__content {
	width: 70%;
}
.message-title {
	color: #2869AA;
	font-size: 1.75rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 0.9;
}
.message-top__text {
	margin-top: 2.75rem;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.941176;
}
.message-top__img-wrap {
	width: 27%;
	text-align: center;
}
.message-top__img {
	max-width: 16.4375rem;
	width: 100%;
}
.message-top__img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 263/373;
}
.message-top__name-title {
	margin-top: 1rem;
	font-size: 1.0625rem;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.message-top__name {
	font-size: 1.625rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.15384;
}
.message-list{
	margin-top: 3.75rem;
}
.message-from-staff {
	border: 1px solid #2869AA;
}
.message-from-staff + .message-from-staff{
margin-top: 4.375rem;
}
.message-from-staff__container{
	padding:2.75rem 2.75rem 3.5rem;
}
.message-from-staff__head {
	display: flex;
	justify-content: space-between;
}
.message-from-staff__content {
	width: 74%;
	margin-top: 0.75rem;
}
.message-from-staff__name {
	margin-top: 2.375rem;
	font-size: 2.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 5.125rem 9.4%;
	background-color: #ECF5F9;
	display: flex;
	align-items: center;
}
.message-from-staff__name span {
	margin-left: 0.875rem;
	font-size: 1.4375rem;
}
.message-from-staff__img {
	display: flex;
	align-items: end;
	width: 26%;
}
.message-from-staff__text {
	font-size: 1.0625rem;
	margin-top: 2.3rem;
	font-weight: 500;
  height: calc(1.9em * 5); /* 制限したい行数が2の場合 */
  line-height: 1.9em;
  overflow: hidden;
}
.message-from-staff__text.is-open{
	height: auto;

}
.read-more {
	background-color: #2869AA;
	color: #fff;
	padding: 0.625rem;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	transition: opacity 0.3s ease 0s;
	display: flex;
    align-items: center;
    justify-content: center;
}
.arrow-icon {
	display: inline-block;
	background: url(../image/icon/arrow-down_icon.png) no-repeat center center /contain;
	width: 1.348125rem;
	height: 1em;
	margin-right: 1.125rem;
}
.read-more:hover {
	cursor: pointer;
	opacity: 0.7;
}
.read-more.is-open .arrow-icon {
	transform: rotate(180deg);
}
@media (max-width: 767px) {
	.message {
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.message section + section{
		margin-top: 3rem;
		}
	.message-top {
		margin-top:3rem;
	}
	.message-top__body{
		flex-direction: column-reverse;
		align-items: center;
		padding: 2.9375rem 1.5rem;
	}
	.message-top__img-wrap{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
	}
	.message-top__content{
		width: 100%;
		text-align: center;
	}
	.message-top__text{
		margin-top: 2.3rem;
	}
	.message-title {
		margin-top: 2.75rem;
		font-size: 1.5rem;
		line-height: 1.5;
		text-align: center;
	}
	.message-top__text{
		text-align: start;
	}
	.message-from-staff__container{
		padding:2.75rem 1.5rem 3.5rem;
	}
	.message-from-staff__head{
		flex-direction: column-reverse;
		align-items: center;
	}
	.message-from-staff__content{
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		margin: 0;
	}
	.message-from-staff__img{
		width: 100%;
display: flex;
justify-content: center;
	}
	.message-from-staff__name{
		justify-content: center;
		padding: 2rem;
		font-size: 1.625rem;
	}
	.message-from-staff__name span {
		margin-left: 0.875rem;
		font-size: 1.125rem;
	}
}
	@media (max-width: 576px){
		.message-from-staff__name{
flex-direction: column;
		}
		.message-from-staff__name span {
			margin-left: 0;
		}
	}