@charset "utf-8";

.block.first .movBox .movInnerBox{
	width:100%;
	height:auto;
	margin:0 auto 0;
	background-color:#000000;
	position:relative;
}
.block.first .movBox .movInnerBox::before{
	content:"";
	display:block;
	padding-top:56.25%;
}
.block.first .movBox .movInnerBox iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (max-width:767px){

	.block.first .movBox .movCaption{
		display:flex;
		justify-content:end;
		margin-top:1%;
	}
	.block.first .movBox .movCaption p{
		font-size:3vw;
	}

	/* ============================================ */
	.block.first .txtMsgBox{
		margin-top:15%;
	}
	.block.first .txtMsgBox h3{
		padding:0 0.5em 0.3em 0.5em;
		font-size:4.2vw;
		font-weight:400;
		line-height:1.4;
		border-bottom:0.5px solid #333;
	}
	.block.first .txtMsgBox .txtBox{
		padding:0 0.5em 0 0.5em;
	}
	.block.first .txtMsgBox .txtBox p{
		margin-top:5%;
		font-size:3.4vw;
		line-height:1.6;
	}

	/* ============================================ */
	.block.first .signBox{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		width:80%;
		margin:8% 0 0 20%;
		position:relative;
	}
	.block.first .signBox .ttlTxt{
		width:100%;
		font-size:3.25vw;
		line-height:1.3;
		padding:7px 0 0 0;
	}
	.block.first .signBox .nameTxt{
		font-size:6vw;
		line-height:1.3;
	}
	.block.first .signBox .imgBox{
		position:absolute;
		display:flex;
		width:43%;
		right:0.6em;
		bottom:-20%;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){

	.block.first .movBox .movCaption{
		display:flex;
		justify-content:end;
		margin-top:1%;
	}
	.block.first .movBox .movCaption p{
		font-size:clamp(1.0rem, 1.3vw, 1.3rem);
	}

	/* ============================================ */
	.block.first .txtMsgBox{
		margin-top:120px;
	}
	.block.first .txtMsgBox h3{
		padding:0px 15px 10px 15px;
		font-size:clamp(1.5rem, 2.0vw, 2.4rem);
		font-weight:400;
		border-bottom:1px solid #333;
	}
	.block.first .txtMsgBox .txtBox{
		padding:0 15px 0 15px;
	}
	.block.first .txtMsgBox .txtBox p{
		margin-top:30px;
		font-size:clamp(1.0rem, 1.3vw, 1.3rem);
		line-height:1.8;
	}
	/*.block.first .txtMsgBox .txtBox p:first-child{
		margin-top:0;
	}*/

	/* ============================================ */
	.block.first .signBox{
		display:flex;
		flex-wrap:wrap;
		justify-content:end;
		align-items:center;
		width:55%;
		margin:5% 0 0 45%;
	}
	.block.first .signBox .ttlTxt{
		font-size:clamp(0.8rem, 1.3vw, 1.3rem);
		line-height:1.3;
		padding:7px 0 0 0;
	}
	.block.first .signBox .nameTxt{
		font-size:clamp(1.3rem, 4vw, 3rem);
		line-height:1.3;
		padding-left:5%;
	}
	.block.first .signBox .imgBox{
		display:flex;
		justify-content:end;
		width:100%;
		margin-top:2%;
	}
	.block.first .signBox .imgBox img{
		width:40%;
	}

}