@charset "utf-8";

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

/* -----------------------------------------------------------------------------

	bread_crumb
  
----------------------------------------------------------------------------- */

#bread_crumb{
	padding: 0 0 0 14px;
}

#bread_crumb li {
    font-size: 110%;
}


/* -----------------------------------------------------------------------------

	mw
  
----------------------------------------------------------------------------- */

#mv{
	text-align: center;
	background: #ffffff;
	overflow: hidden;
}

	
/* -----------------------------------------------------------------------------

	main
  
----------------------------------------------------------------------------- */

main section{
	padding: 40px 0;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
}

main section:first-child{
	padding: 30px 0 40px;
}

main section:last-child{
	border-bottom: none;
}

main section > .txtBox > h2{
	font-size: 240%;
	margin-bottom: 20px;
	line-height: 1.166;
}

main .boxLayout01 > .txtBox > p,
main section > .txtBox > p{
	font-size: 140%;
	line-height: 1.57;
}


#mv {
	position: relative;
}

#mv p {
	font-family: "ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
	color:#FFF;
	font-size:7vw;
	line-height: 5.0em;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:0;
	right:0;
	margin: -2.4em auto auto auto;
	width:13em;
	height:auto;
	display: block;
}

#mv p span {
	display: block;
}

/* imgArea
---------------------------------------------*/

#imgArea{
	border-bottom: 1px solid #eeeeee;
}

#imgArea section#secGlance > .imgBox img{
	border: 1px solid #eee;
	box-sizing: border-box;
}


/* movieArea
---------------------------------------------*/

#movieArea .movieBox > a:hover {
	opacity: 1.0;
}

#movieArea .movieBox > a:after {
	content:"";
	display: block;
	position: absolute;
	width:66px;
	height:46px;
	background: url('../../common/img/yt_play_hover.png') no-repeat center center;
	background-size:66px;
	top:50%;
	left:50%;
	margin-top:-23px;
	margin-left:-33px;
}

#movieArea section > .txtBox {
	text-align: center;
}

#movieArea .boxLayout01 > .txtBox a {
	color:#FFF;
	display: inline-block;
	width:47%;
	max-width: 200px;
}

#movieArea .boxLayout01 > .txtBox a.btn_bc {
	background: #0aa547;
	border:solid 1px #0aa547;
	margin:0 1% 0 0;
}

#movieArea .boxLayout01 > .txtBox a.btn_yt {
	background: #b0210a;
	border:solid 1px #b0210a;
	margin:0 0 0 1%;
}

#movieArea .boxLayout01 > .txtBox a i {
	font-size:140%;
	vertical-align: middle;
	padding-right:0.3em;
}

main section > .txtBox > p.movie_note {
	color:#555;
	font-size:125%;
	text-align: center;
	margin-top:1em;
}

}