/*===================================================================
　　ハゲバゴデザイン設定　　
====================================================================*/
body , html {
	min-width: 1360px;
	height: 100%;
}
#Wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	min-width: 100%;
}
header.header{
	background: url(../image/hagevago/header_bg.jpg) no-repeat;
	background-position: top center;
	background-size: 1920px 928px;
	height: 928px;
}
.header .HeadCont{
	width: 1360px;
	margin: auto;
	position: relative;
}
.header .HeadCont h1{
	position: absolute;
	top: 335px;
	left: 50%;
	margin-left: -486px;
}
/*--------------　table　--------------*/
dl.dl_table{
	width: 100%;
	display: table;
}
dl.dl_table dt.dt_table,
dl.dl_table dd.dd_table{
	display: table-cell;
}
/*--------------　Content　--------------*/
.WrapCont .Cont_1{
	position: relative;
	background: #fff226;
	height: 900px;
}
.WrapCont .Cont_1 h2{
	position: absolute;
	top: -120px;
	left: 50%;
	margin-left: -490px;
}
.WrapCont .Cont_1 .ContBox{
	position: absolute;
	top: 50px;
	left: 46%;
	margin-left: -550px;
}
.WrapCont .Cont_2{
	position: relative;
	background: #07be79;
	height: 1130px;
}
.WrapCont .Cont_2 h2{
	position: absolute;
	top: -127px;
	left: 50%;
	margin-left: -490px;
}
.WrapCont .Cont_2 .ContBox{
	position: absolute;
	top: 85px;
	left: 50%;
	margin-left: -490px;
}
.WrapCont .Cont_3{
	position: relative;
	background: #af6dd2;
	height: 691px;
}
.WrapCont .Cont_3 h2{
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -490px;
}
.WrapCont .Cont_3 .ContBox{
	width: 1100px;
	position: absolute;
	top: 85px;
	left: 50%;
	margin-left: -550px;
	background: url(../image/hagevago/movie_bk.png) no-repeat;
	background-position: top center;
	background-size: 1100px 610px;
	z-index: 1;
}
.WrapCont .Cont_3 .ContBox article{
	width: 550px;
	height: 273px;
	background: url(../image/hagevago/movie_box.png) no-repeat;
	background-size: 348px 273px;
	position: relative;
	margin-bottom: 30px;
}
.WrapCont .Cont_3 .ContBox article.cont_box1{
	float: left;
	background-position: top left;
}
.WrapCont .Cont_3 .ContBox article.cont_box2{
	float: right;
	background-position: top right;
}
.WrapCont .Cont_3 .ContBox article.cont_box3{
	float: left;
	background-position: top left;
}
.WrapCont .Cont_3 .ContBox article.cont_box4{
	float: right;
	background-position: top right;
}
.WrapCont .Cont_3 .ContBox article.cont_box1 .BoxInner,
.WrapCont .Cont_3 .ContBox article.cont_box3 .BoxInner{
	position: absolute;
	top: 15px;
	left: 0;
}
.WrapCont .Cont_3 .ContBox article.cont_box2 .BoxInner,
.WrapCont .Cont_3 .ContBox article.cont_box4 .BoxInner{
	position: absolute;
	top: 15px;
	right: 0;
}
.WrapCont .Cont_3 .ContBox article .BoxInner{
	width: 348px;
}
.WrapCont .Cont_3 .ContBox article .Cont{
	width: 240px;
	margin: auto;
}
.WrapCont .Cont_3 .ContBox article .Cont video{
	width: 100%;
	height: auto;
}
/*---------　お問い合わせ・応募　------------*/
/*　お問い合わせフォーム　*/
.WrapCont .ContactWrap{
	padding: 30px 0;
	background: url(../image/items/com_bg_1.png);
}
.WrapCont .ContactWrap .BnrBox ul li{
	padding: 60px 0 40px 0;
}
.ContactWrap .titleBox{
	padding: 0 130px;
}
.ContactWrap .titleBox dl.dl_table dt,
.ContactWrap .titleBox dl.dl_table dd{
	vertical-align: middle;
	line-height: 0;
}
.ContactWrap .titleBox dl.dl_table dt{
	width: 165px;
}
.ContactWrap .ContactUsForm{
	background: rgba(255, 132, 171, 0.7);
	padding: 60px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ContactWrap .ContactUsForm .FormBox{
	padding: 0 120px;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table{
	border-bottom: 1px solid #FFFFFF;
	padding: 20px 0;
	font-size: 14px;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dt.form_item,
.ContactWrap .ContactUsForm .FormBox dl.dl_table dd.form_item_content{
	vertical-align: middle;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dt.form_item{
	width: 250px;
	position: relative;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dt.form_item span.need{
	position: absolute;
	top: 50%;
	right: 10px;
	padding: 14px 10px;
	margin-top: -20px;
	font-size: 11px;
	background: #ff73a3;
	color: #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dd.form_item_content span.caution{
	display: block;
	padding: 10px 0;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dd.form_item_content select{
	width: 20%;
	height: 30px;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dd.form_item_content input.txt{
	width: 100%;
	height: 30px;
	padding: 0 1%;
	border: none;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dd.form_item_content textarea{
	width: 100%;
	height: 100px;
	padding: 1%;
	border: none;
}
.ContactWrap .ContactUsForm .FormBox dl.dl_table dd.form_item_content input.hasDatepicker{
	height: 30px;
	border: none;
}
/*--------------　input　--------------*/
ul.checkboxList li{
	float: left;
	background: #ffffff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-right: 20px;
	padding: 8px 10px;
	display: block;
	position: relative;
	cursor: pointer;
}
.checkboxList input[type=radio]{
	filter: alpha(opacity="1");
	opacity: 0.01;
	MozOpacity: 0.01;
	position: absolute;
	top: 0;
	left: 0;
}
.checkboxList .checkboxView{
	display: block;
	width: 21px;
	height: 20px;
	background: url(../image/recruit/items/checkbox.png) left top no-repeat;
	float: left;
	padding: 0;
}
.checkboxList label{
	cursor: pointer;
	margin: 0;
	padding: 0 60px 0 5px;
	transition: .2s;
}
.checkboxList .checked .checkboxView{
	background-position: left bottom;
}
.checkboxList label span.label{
	color: #000000;
	font-size: 14px;
	line-height: 1.7;
}
.checkboxList label.checked span.label{
	color: #de3c7e;
}
.SubmitBtn{
	overflow: hidden;
	position: relative;
}
.SubmitBtn ul{
	float: left;
	position: relative;
	margin-top: 50px;
	left: 50%;
}
.SubmitBtn ul li{
	float: left;
	position: relative;
	left: -50%;
	margin: 0 5px;
}
.SubmitBtn ul li input.disp_btn{
	cursor: pointer;
	border: 0px;
	width: 364px;
	height: 75px;
	background: url(../image/recruit/items/disp_btn.png) no-repeat;
	background-position: center;
}
.SubmitBtn ul li input.return_btn{
	cursor: pointer;
	border: 0px;
	width: 364px;
	height: 75px;
	background: url(../image/recruit/items/return_btn.png) no-repeat;
	background-position: center;
}
.SubmitBtn ul li input.done_btn{
	cursor: pointer;
	border: 0px;
	width: 364px;
	height: 75px;
	background: url(../image/recruit/items/done_btn.png) no-repeat;
	background-position: center;
}
.WrapCont .ContactWrap .BnrBox ul li{
	text-align: center;
}
.WrapCont .ContactWrap .ContactCont{
	width: 980px;
	margin: auto;
}
.ScratchCont{
	background: #fff226;
	padding-top: 50px;
	height: 1239px;
}
.ScratchCont .ScratchBox{
	width: 1360px;
	position: relative;
	margin: auto;
}
.ScratchCont .ScratchBg img.ImgFilter{
	position: absolute;
	z-index: 1;
}
.ScratchCont #ScratchImg{
	position: absolute;
	top: 76px;
	left: 432px;
	width: 450px;
	height: 250px;
}
.ScratchCont #ScratchImg img.ModelImg{
	position: absolute;
	top: 70px;
	left: 68px;
	width: 327px;
	height: 168px;
	z-index: 2;
}
.ScratchCont #ScratchImg canvas{
	z-index: 3;
}
footer{
	background: #231815;
	padding: 10px 0;
	text-align: center;
}
footer address,
footer address a,
footer p{
	color: #FFFFFF;
	font-size: 12px;
}