@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　message
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-lower-ttl::after{
  background-image:url(../image/bg_page_ttl_pc.jpg);  
}
.page-lower-ttl h1 {
	max-width: 610px;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* message
-----------------------------------------------------------------*/
.message .outer{
	display: flex;
	justify-content: space-between;
	padding: 105px 0 90px;	
}
.message .pic-main{
	overflow: hidden;
	width: 45vw;
	border-radius: 0 10px 10px 0;	
}
.message .pic-main img{
	width: 100%;	
}
.message .txt-area{
	width: 50vw;
}
.message .txt-area-inner{
	max-width: 610px;
	padding-right: 20px;
}
.message .txt-area .txt{
	font-size: 1.7rem;
	line-height: 2.2;
}
.message .txt-area .txt+.txt{
	margin-top: 30px;
}
.message .txt-area .layout-box{
	margin-top: 30px;
}
.message .txt-area .president{
	max-width: 240px;
	margin-left: 20px;
}
.message .txt-area .president .pic{
	overflow: hidden;
	border-radius: 10px;	
}
.message .txt-area .president h2{
	margin: 10px 15px 0;	
}


/* message-archive
-----------------------------------------------------------------*/
.message-archive{
	padding:0 0 160px;
}
.message-archive .ttl-plain{
	margin-bottom: 25px;	
}
.message-archive .group-link ul{
	justify-content: flex-start;
	margin-left: -20px;
}
.message-archive .group-link ul li{
	width: 280px;
	margin: 0 0 20px 20px;	
}
.message-archive .group-link ul li a{
	width: 100%;
}













/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.page-lower-ttl::after{
		background-image:url(../image/bg_page_ttl_sp.jpg);  
	}
	.page-lower-ttl h1 {
		max-width: 195px;
	}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* message
-----------------------------------------------------------------*/
	.message .outer{
		display: block;
		padding: 40px 0 60px;	
	}
	.message .pic-main{
		overflow: hidden;
		width: 75vw;
		border-radius: 5px;	
		margin: 0 auto 25px;
	}
	.message .txt-area{
		width: 100%;
	}
	.message .txt-area-inner{
		max-width: none;
		padding: 0 20px;
	}
	.message .txt-area .txt{
		font-size: 1.3rem;
		line-height: 2;
	}
	.message .txt-area .txt+.txt{
		margin-top: 20px;
	}
	.message .txt-area .layout-box{
		display: block;
		margin-top: 20px;
	}
	.message .txt-area .president{
		max-width: none;
		margin: 20px 0 0;
		text-align: center;
	}
	.message .txt-area .president .pic{
		border-radius: 5px;
		max-width: 202px;
		margin: 0 auto;	
	}
	.message .txt-area .president h2{
		margin: 10px 0 0;	
	}
	#Page .message .txt-area .president h2 img{
		width: auto;
		height: 25px;
	}


/* message-archive
-----------------------------------------------------------------*/
	.message-archive{
		padding:0 0 60px;
	}
	.message-archive .ttl-plain{
		margin-bottom: 25px;	
	}
	.message-archive .group-link ul{
		margin-left: 0;
	}
	.message-archive .group-link ul li{
		width: 100%;
		margin: 0;	
	}
	.message-archive .group-link ul li:nth-child(n+2){
		margin-top: 15px;
	}
	.message-archive .group-link ul li a{
		width: 100%;
	}



}