@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */

/* メッセージトップ */
.box-message:not(:last-child){
	border-bottom: 1px solid #fff;
}
.box-message a{
	display: block;
	width: 100%;
	height: 100%;
}
.text-message{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* メッセージトップ */


/* メッセージ共通 */
.main-message .contents{
	position: relative;
}
.head-staff{
	text-align: center;
}
.staff-slider img{
	width: 100%;
	height: auto;
}
/* メッセージ共通 */




/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */



/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 751px) , print{
	/* メッセージトップ */
	.box-message .contents{
		position: relative;
		height: 478px;
	}
	.box-message:nth-child(1){
		background: url(../images/bg-message01.jpg) no-repeat center center;
		background-size: cover;
	}
	.box-message:nth-child(2){
		background: url(../images/bg-message02.jpg) no-repeat center center;
		background-size: cover;
	}
	.box-message:nth-child(3){
		background: url(../images/bg-message03.jpg) no-repeat center center;
		background-size: cover;
	}
	.box-message:nth-child(4){
		background: url(../images/bg-message04.jpg) no-repeat center center;
		background-size: cover;
	}
	.box-message:nth-child(5){
		background: url(../images/bg-message05.jpg) no-repeat center center;
		background-size: cover;
	}
	.box-message:nth-child(6){
		background: url(../images/bg-message06.jpg) no-repeat center center;
		background-size: cover;
	}
	
	.text-message{
		left: 50%;
	}
	/* メッセージトップ */
	
	
	/* メッセージ共通 */
	.main-message .contents{
		height: 478px;
	}
	.message01 .main-message{
		background: url(../images/main-message01.jpg) no-repeat center center;
		background-size: cover;
	}
	.message02 .main-message{
		background: url(../images/main-message02.jpg) no-repeat center center;
		background-size: cover;
	}
	.message03 .main-message{
		background: url(../images/main-message03.jpg) no-repeat center center;
		background-size: cover;
	}
	.message04 .main-message{
		background: url(../images/main-message04.jpg) no-repeat center center;
		background-size: cover;
	}
	.message05 .main-message{
		background: url(../images/main-message05.jpg) no-repeat center center;
		background-size: cover;
	}
	.message06 .main-message{
		background: url(../images/main-message06.jpg) no-repeat center center;
		background-size: cover;
	}
	.main-message .text-message{
		padding-left: 65px;
	}
	
	.head-staff{
		padding: 40px 0;
	}
	/* メッセージ共通 */

}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 750px) {
	/* メッセージトップ */
	.box-message{
		position: relative;
		height: 64vw;
	}
	.box-message:nth-child(1){
		background: url(../images/bg-message01.jpg) no-repeat left 46% center;
		background-size: cover;
	}
	.box-message:nth-child(2){
		background: url(../images/bg-message02.jpg) no-repeat left 46% center;
		background-size: cover;
	}
	.box-message:nth-child(3){
		background: url(../images/bg-message03.jpg) no-repeat left 44% center;
		background-size: cover;
	}
	.box-message:nth-child(4){
		background: url(../images/bg-message04.jpg) no-repeat left 44% center;
		background-size: cover;
	}
	.box-message:nth-child(5){
		background: url(../images/bg-message05.jpg) no-repeat left 44% center;
		background-size: cover;
	}
	.box-message:nth-child(6){
		background: url(../images/bg-message06.jpg) no-repeat left 44% center;
		background-size: cover;
	}
	
	.text-message{
		padding-bottom: 1em;
		width: auto;
		height: 26.6vw;
	}
	.box-message:nth-child(1) .text-message,
	.box-message:nth-child(2) .text-message{
		left: 43%;
	}
	.box-message:nth-child(3) .text-message,
	.box-message:nth-child(4) .text-message,
	.box-message:nth-child(5) .text-message,
	.box-message:nth-child(6) .text-message{
		left: 46%;
	}
	/* メッセージトップ */
	
	
	/* メッセージ共通 */
	.main-message .contents{
		height: 64vw;
	}
	.message01 .main-message{
		background: url(../images/main-message01.jpg) no-repeat left 47% center;
		background-size: cover;
	}
	.message02 .main-message{
		background: url(../images/main-message02.jpg) no-repeat left 40% center;
		background-size: cover;
	}
	.message03 .main-message{
		background: url(../images/main-message03.jpg) no-repeat left 52% center;
		background-size: cover;
	}
	.message04 .main-message{
		background: url(../images/main-message04.jpg) no-repeat left 52% center;
		background-size: cover;
	}
	.message05 .main-message{
		background: url(../images/main-message05.jpg) no-repeat left 40% center;
		background-size: cover;
	}
	.message06 .main-message{
		background: url(../images/main-message06.jpg) no-repeat left 43% center;
		background-size: cover;
	}
	
	.title-message .text-message{
		width: auto;
		height: 16vw;
	}
	.message01 .main-message .text-message{
		left: 34vw;
	}
	.message02 .main-message .text-message{
		left: 47vw;
	}
	.message03 .main-message .text-message{
		left: 41vw;
	}
	.message04 .main-message .text-message,
	.message05 .main-message .text-message,
	.message06 .main-message .text-message{
		left: 44vw;
	}
	.message02 .main-message .text-message{
		padding-bottom: 2em;
		height: 20vw;
	}
	.message06 .main-message .text-message{
		padding-bottom: 2em;
	}
	
	.head-staff{
		padding: 5vw 0;
	}
	.head-staff img{
		width: auto;
		height: 2.7vw;
	}
	/* メッセージ共通 */

}


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */