@charset "utf-8";
/* CSS Document */

/*メッセージ*/

h1{
	width:90%;
	max-width:960px;
	margin:auto auto 30px auto;
}
.message-content{
    background-image: url("../images/message/back3.webp");	
	background-size: 200%;
  	background-position:top right;
	padding-bottom:100px;
}
.message-content-top {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	width:80%;
	max-width:1000px;
	margin:auto;
}
.message-content-top1 {
	width:50%;
	padding-bottom:100px;
}
.message-intro p{
	font-size:22px;
	line-height:40px;
}
.message-intro p span{
	background-color:#417E13;
	color:#fff;
	display:inline-block;
	padding:0 7px 3px 7px;
	margin-right:3px;
	line-height:30px;
}
.message-content-top1 .name{
	font-size:22px;
	line-height:25px;
}
.message-content-top1 .name span{
	font-size:17px;
	color:#417E13;
	display:block;
}
.interview-content-top2{
	width:40%;
	max-width:400px;
}
.interview-content-top2 img{
	width:100%;
	display:block;
}

@media(max-width:960px){
.message-content-top1 {
	padding-bottom:50px;
}	
.message-intro p{
	font-size:20px;
	line-height:38px;
}
.message-intro p span{
}
.message-content-top1 .name{
	font-size:20px;
	line-height:25px;
}
.message-content-top1 .name span{
	font-size:17px;
	color:#417E13;
	display:block;
}
}
@media(max-width:768px){
.message-content-top {
	display:flex;
	justify-content:center;
	align-items:center;
	width:90%;
	max-width:1000px;
	margin:auto;
	flex-direction:column;
}	
.message-content-top1 {
	width:100%;
	padding-bottom:0px;
}
.interview-content-top2{
	width:50%;
	max-width:300px;
	margin-top:-90px;
}
}


.message-main {
	background-color:#fff;
	width:90%;
	max-width:1200px;
	margin:auto;
	padding:60px 0;
	border-radius:15px;
	box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); 
}

.message-main1 {
	margin-bottom:50px!important;
	width:85%;
	margin:auto;
	max-width:960px;
}
.message-main1 h2{
	color:#417E13;
	display:flex;
	align-items:center;
}
.message-main1 h2::after{
	background-color:#417E13;
	content:"";
	display:block;
	width:150px;
	height:1px;
	margin-left:10px;
}
.message-main1 p{
	line-height:35px;
}
@media(max-width:640px){
.message-main {
	padding:30px 0;
}	
}
@media(max-width:480px){
.message-main {
	padding:15px 0;
}	
.message-main1 h2{
	font-size:18px;
}
.message-main1 h2::after{
	background-color:#417E13;
	content:"";
	display:block;
	width:100px;
	height:1px;
	margin-left:5px;
}
.message-main1 p{
	font-size:15px;
}
}
.text-color1{
	color:#417E13;
}