@charset "utf-8";


/*  Reset
-------------------------------------------------- */

div#Container {
	overflow: hidden;
}
div#Container div#ContentsLayout.SingleWide:first-child {
	padding-top: 0;
}

div#HeaderArea {
	margin-bottom: 0;
}

div#MainContent div#MainContentBody > .Section > p:first-child {
	margin: 0;
}

#MainContent .cmnLpAncrBtn01,
#MainContent .cmnLpAncrBtn02{
	margin: 0;
}

#MainContent .cmnLpAncrBtn01 li,
#MainContent .cmnLpAncrBtn02 li{
	margin: 0;
	padding: 0;
	background: none;
}


/*  Hdg
-------------------------------------------------- */

#fdq .Hdg1Ty01{
	margin: 0 0 40px;
}

#fdq .Hdg2Ty01,
#fdq .Hdg2Ty02{
	margin: 0 0 24px;
	color: #363c42;
	font-size: 3em;
}

#fdq  .Hdg2Ty01{
	color: #363c42;
}

#fdq  .Hdg2Ty02{
	color: #fff;
}

#fdq  .SubHdg01{
	padding: 10px 0 0;
	color: #fff;
	font-size: 1.5em;
}

#fdq  .SubHdg01 .FontSizeBig{
	display: block;
	font-size: 1.22em;
	font-weight: bold;
}

/*  MainVisualBox
-------------------------------------------------- */

#fdq .MainVisualBox{
	position: relative;
	padding: 30px 0 50px;
	background: #101416 url("../../img/landing_page/fd-q/fd-q_bg_01.png") no-repeat center;
}

#fdq .MainVisualBox:before,
#fdq .MainVisualBox:after{
	display: block;
	position: absolute;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #101416;
}

#fdq .MainVisualBox:before{
	left: -100%;
}

#fdq .MainVisualBox:after{
	right: -100%;
}

#fdq .MovieBox{
	text-align: center;
}


/*  RightBtnBox
-------------------------------------------------- */

#fdq .RightBtnBox{
	margin: 0 0 20px;
	*zoom: 1;
}

#fdq .RightBtnBox:before,
#fdq .RightBtnBox:after{
	content: "";
	display: table;
}

#fdq .RightBtnBox:after{
	clear: both;
}

#fdq .SubHdg01{
	float: left;
}

#fdq .RightBtnBox .cmnLpAncrBtn02{
	float: right;
}


/*  ImgBox
-------------------------------------------------- */

#fdq .ImgBox{
	display: table;
	height: 364px;
}

#fdq .ImgBox .Img,
#fdq .ImgBox .Content{
	display: table-cell;
	vertical-align: middle;
}

#fdq .ImgBox .Img .Caption{
	display: block;
	margin: 0 0 30px;
	color: #363c42;
	font-size: 1.5em;
	text-align: center;
}

#fdq .ImgBox.Left .Content{
	padding-left : 75px;
}

#fdq .ImgBox.Left{
	direction: rtl;
}

#fdq .ImgBox.Left .Img,
#fdq .ImgBox.Left .Content{
	direction: ltr;
}

#fdq .ImgBox.Right .Content{
	padding-right: 60px;
}

/*  SectionBox
-------------------------------------------------- */

div#MainContent #fdq .SectionBox li{
	width: 100%;
	margin: 0;
	padding: 0;
}

/*  SectionBox01
-------------------------------------------------- */

#fdq .SectionBox01{
	display: table;
	background: url("../../img/landing_page/fd-q/fd-q_bg_02.jpg") no-repeat center right;
	height: 364px;
}

#fdq .SectionBox01 .SectionBoxInner{
	display: table-cell;
	vertical-align: middle;
}

#fdq .SectionBox01 .Hdg2Ty01{
	display: inline-block;
	width: 485px;
}

#fdq .SectionBox01 .cmnLpAncrBtn01{
	width: 100%;
	display: inline-block;
}

#fdq .SectionBox01 .cmnLpAncrBtn01 li{
	max-width: 485px;
}

/*  SectionBox02
-------------------------------------------------- */

#fdq .SectionBox02{
	position: relative;
	background: #101416 url("../../img/landing_page/fd-q/fd-q_bg_03.png") no-repeat center left;
}

#fdq .SectionBox02:before,
#fdq .SectionBox02:after{
	display: block;
	position: absolute;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #101416;
}

#fdq .SectionBox02:before{
	left: -100%;
}

#fdq .SectionBox02:after{
	right: -100%;
}

/*  SectionBox03
-------------------------------------------------- */

#fdq .SectionBox03{
	background: none;
	box-shadow: 0 16px 30px -16px rgba(0,0,0,0.1);
}

#fdq .SectionBox03 .Hdg2Ty01{
	margin-top: 46px;
}

#fdq .SectionBox03 .ImgBox.Right .Img{
	padding-right: 30px;
}