@charset "utf-8";

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

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.scroll::before{
	background: var(--white);
	backdrop-filter: blur(20px);
  opacity: 0.9;
}

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

/* message
-----------------------------------------------------------------*/
.message{
	padding: 80px 0 180px;
}
.message-hd{
	margin: 0 0 100px calc(((100% - 1200px)/2) - 5vw);
	padding-left: 5vw;
}
.message h2{
	margin-bottom: 20px;
}
.message .txt-lead{
	margin-bottom: 45px;
	font-size: 3.2rem;
}
.message .txt + .txt{
	margin-top: 45px;
}
.message .layout-box{
	align-items: flex-end;
}
.message .layout-box .pic-area{
	max-width: 400px;
	margin-left: 20px;	
}
.message .layout-box .pic-area .pic{
	margin-bottom: 20px;
}
.message .layout-box .pic-area  .name{
	text-align: right;
}
.message .layout-box .pic-area  .name small{
	display: block;
	margin-bottom: 3px;
	font-size: 1.4rem;
}
.message .layout-box .pic-area  .name span{
	display: block;
	font-size: 2.2rem;	
}

@media screen and (max-width: 1200px) {
	.message-hd{
		margin: 0 0 100px 0;
	}	
	
}







/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


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

/* message
-----------------------------------------------------------------*/
	.message{
		padding: 20px 0 80px;
	}
	.message-hd{
		margin-bottom: 40px;
	}
	.message-hd .pic{
		width: calc(100% + 5vw);
		margin-left: -5vw;
	}
	.message .layout-box{
		display: block;
	}
	.message .layout-box .pic-area{
		max-width: 600px;
		margin: 30px auto 0;	
	}
	.message .layout-box .pic-area  .name small{
		margin-bottom: 3px;
		font-size: 1.2rem;
	}
	.message .layout-box .pic-area  .name span{
		font-size: 2rem;	
	}
	.message h2{
		margin-bottom: 30px;
	}
	.message .txt-lead{
		margin-bottom: 25px;
		font-size: 2.4rem;
	}
	.message .txt{
		font-size: 1.3rem;
		text-align: justify;
	}
	.message .txt + .txt{
		margin-top: 20px;
	}


}