@charset "utf-8";

/*
************************************************************************
* メインビジュアル
************************************************************************
*/
#title.mv-wrapper
{
	padding:0px;
	padding-top:calc((100% - 280px) * 0.5);
	
	/*
	position:fixed;
	top:0;
	width:calc(100% - 280px);
	*/
}
#title.mv-wrapper .mv
{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#title.mv-wrapper .catchcopy
{
	position:absolute;
	padding:50px;
}
#title.mv-wrapper .catchcopy .title
{
	line-height:1.2;
}
#title.mv-wrapper .catchcopy .caption
{
	margin-top:1.0em;
	line-height:1.2;
}
#title.mv-wrapper .catchcopy .operation
{
	margin-top:1.0em;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
	#title.mv-wrapper
	{
		padding-top:calc(50%);
	}
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	#title.mv-wrapper
	{
		width:100%;
		padding:0px;
		border:none;
	}
	#title.mv-wrapper .mv-slide
	{
		position:relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
	}
	#title.mv-wrapper .mv
	{
		position:relative;
		top:auto;
		bottom:auto;
		right:auto;
		width:100%;
		height:auto;
		
		padding-top:50.00%;
		
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	#title.mv-wrapper .catchcopy
	{
		position:relative;
		top:auto;
		bottom:auto;
		right:auto;
		left:auto;
		background-color:#000000;
	}
	#title.mv-wrapper .catchcopy .title
	{
		font-weight:bold;
		line-height:1.2;
		color:#FFFFFF;
	}
	#title.mv-wrapper .catchcopy .caption
	{
		margin-top:1.0em;
		font-weight:normal;
		line-height:1.2;
		color:#FFFFFF;
	}
}