@charset "UTF-8";

/*
.page-genre_business #maincontent	{
	padding-top:0;
}
.page-genre_business .mmg	{
	margin:0;
}
*/

/*未払い残業代TOP*/
.page-genre_unpaid .unpaid01	{
	background-image: url(../img/common/bg/bg3.png);
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
.page-genre_unpaid .unpaid01 h2	{
	background-image: none;
	margin: 0px;
	padding: 0px;
}
.page-genre_unpaid .unpaid01 ul	{
	background-color: #e05d54;
	padding: 10px 0 10px 10px;
	border-radius:8px;
}
.page-genre_unpaid .unpaid01 li	{
	display: inline;
	margin-right:7px;
}
.page-genre_unpaid #maincontent h2	{
	background-image: url(../img/common/bg/block_graT.png);
	background-repeat: repeat-x;
	padding: 40px 0 20px 0;
	line-height: 1.5em;
	text-align: left;
}
.page-genre_unpaid #maincontent h2 span	{
	/* width: 500px; */
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	padding-left: 20px;
}
.page-genre_unpaid h2 span.sp02	{
	width:730px;
}
.page-genre_unpaid h2 span:before {
	display: block;
	content: "";
	background-image: url(../img/common/icn/quote01.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:23px;
	height:23px;
	margin-top:-10px;
	margin-left:-45px;
	float:left;
}
.page-genre_unpaid h2 span:after {
	display: block;
	content: "";
	background-image: url(../img/common/icn/quote02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 23px;
	height: 23px;
	margin-top: 15px;
	float:right;
}
.page-genre_unpaid .unpaid02	{
	background-color: #f5f5f3;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}
.page-genre_unpaid .unpaid02 h2	{
	background-color: #2964AD;
	background-image: none;
	margin: 0 0 20px 0;
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	border-radius:8px;
}
.page-genre_unpaid .unpaid02b	{
	background-color: #FFF;
	border: 1px solid #2964ad;
	border-top: 5px solid #2964ad;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 20px;
}
.page-genre_unpaid .unpaid02b dl	{
	float:right;
	width:580px;
}
.page-genre_unpaid .unpaid02b dt	{
	font-size: 20px;
	font-weight: bold;
	color: #215B9E;
}
.page-genre_unpaid .unpaid02b dd	{
}
.page-genre_unpaid .unpaid02b .dd02	{
	font-size: 18px;
	color: #ea5429;
	background-image: url(../img/genre/cate_unpaid/unpaid01_20.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	border-bottom: 1px solid #ea5429;
	margin-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.page-genre_unpaid .unpaid02b p.p01	{
	margin: 0px;
	padding: 0px;
	float: left;
}
.page-genre_unpaid .unpaid02b p.p02	{
	margin: 0px;
	padding: 0px;
	clear: both;
}
.page-genre_unpaid .unpaid02c	{
}
.page-genre_unpaid .unpaid02c dl.dl01	{
	float: left;
	width: 520px;
}
.page-genre_unpaid .unpaid02c dl.dl01 dt	{
	background-image: url(../img/common/line/barS.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #2964ad;
	font-size: 20px;
	padding: 10px 0;
	line-height: 1.5em;
	font-weight: bold;
}
.page-genre_unpaid .unpaid02c dl.dl01 dt span	{
}
.page-genre_unpaid .unpaid02c dl.dl01 dd	{
}
.page-genre_unpaid .unpaid02c p.pic	{
	float: right;
	margin: 0 0 25px 0;
	padding: 0px;
}
.page-genre_unpaid .unpaid03	{
	background-color: #fff9e2;
	border: 1px solid #2964ad;
	padding: 15px;
	margin:40px 0;
}
.page-genre_unpaid .unpaid03 h3	{
	background-image: none;
	margin: 0px;
	padding: 0;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #2964ad;
	text-align: center;
	line-height: 1.5em;
	border-radius: 36px;
	margin: -30px auto 10px auto;
	width: 320px;
}
.page-genre_unpaid .unpaid03 dl	{
	float: left;
	width: 515px;
}
.page-genre_unpaid .unpaid03 dt	{
	font-size: 20px;
	color: #2964AD;
	font-weight: bold;
	line-height: 1.8em;
	background-image: url(../img/genre/cate_unpaid/unpaid01_49.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
}
.page-genre_unpaid .unpaid03 dd	{
}
.page-genre_unpaid .unpaid03 p	{
	float: right;
}
.page-genre_unpaid .unpaid04	{
	background-color:#f5f5f3;
	border-radius:8px;
	padding:20px;
}
.page-genre_unpaid .unpaid04 h3	{
	font-size: 22px;
	color: #ea5429;
	background-image: url(../img/genre/cate_unpaid/unpaid01_60.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 135px;
	margin: 0;
	padding-bottom: 15px;
}
.page-genre_unpaid .unpaid04 span	{
	display: block;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	line-height: 1.5em;
}
.page-genre_unpaid .unpaid04 h3:before	{
}
.page-genre_unpaid .unpaid04 h3:after	{
	background-image: url(../img/genre/cate_unpaid/unpaid01_57.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	content: "";
	height: 128px;
	width: 136px;
	margin-top: -112px;
	margin-right: 10px;
}
.page-genre_unpaid .unpaid04b	{
	background-color: #3db273;
	border:1px solid #2964ad;
	border-radius:5px;
	padding:5px;
	clear: both;
}
.page-genre_unpaid .unpaid04b dl.dl01	{
	float: left;
	padding: 10px 0 0 10px;
}
.page-genre_unpaid .unpaid04b dl.dl01 dt	{
	font-size: 17px;
	color: #FFF;
}
.page-genre_unpaid .unpaid04b dl.dl01 dd	{
}
.page-genre_unpaid .unpaid04b dl.dl01 dd.dd02	{
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	line-height: 1.3em;
}
.page-genre_unpaid .unpaid04b dl.dl02	{
	background-color: #FEF8E2;
	float: right;
	padding: 10px 0 5px 5px;
	text-align: center;
	font-size: 14px;
	border-radius:3px;
}
.page-genre_unpaid .unpaid04b dl.dl02 dt	{
}
.page-genre_unpaid .unpaid04b dl.dl02 dd	{
}
.page-genre_unpaid .unpaid04 h4	{
	color: #FFF;
	background-color: #EA5429;
	font-size: 22px;
	line-height: 2em;
	text-align: center;
	margin-bottom: 10px;
	border-radius:8px;
}
.page-genre_unpaid .unpaid04 dl.dl03	{
	background-color: #FEF8E2;
	border: 1px solid #ea5429;
	padding: 15px;
	border-top: 8px solid #ea5429;
	border-radius: 5px;
	float: left;
	width: 368px;
	font-size: 14px;
	min-height:200px;
}
.page-genre_unpaid .unpaid04 dl.dl03:first-child	{
	margin-right:7px;
}
.page-genre_unpaid .unpaid04 dl.dl03 dt	{
}
.page-genre_unpaid .unpaid04 dl.dl03 dd	{
}
.page-genre_unpaid .unpaid04 dl.dl03 dd.dd02	{
	font-size: 12px;
	margin-left:1em;
	text-indent:-1em;
}


.mfp-content #zabgti-popup{
  display: block;
}
#zabgti-popup{
  display: none;
  width: 500px;
  background-color: #fff;
  padding: 15px 30px;
  margin: 0 auto;
  border: 3px solid #00A3D9;
  border-radius: 10px;
}
#zabgti-popup form>div{
  padding: 10px 5px;
  border-top: 1px solid #DCDDDD;
}
#zabgti-popup form .myForm02{
  background-color: #DCF7FF;
}
#zabgti-popup form .myForm03{
  margin-top: 5px;
  width: 350px;
  background: #FFD3D0;
  border: 2px solid #ED6056;
  font-size: 16px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 640px) {
.page-genre_unpaid h2 span:before {
	margin-top:-10px;
	margin-left:-15px;
}
	.page-genre_unpaid .h2b img{
		width: 100%;
		height: auto;
	}
	.page-genre_unpaid .unpaid01 li img{
		width: 30%;
		height: auto;
	}
	.page-genre_unpaid .unpaid02b{
		padding: 15px;
	}
	.page-genre_unpaid .unpaid02b dl{
		float: none;
		width: auto;
		line-height: 1.4;
	}
	.page-genre_unpaid .unpaid02b p.p01{
		float: right;
		width: 25%;
	}
	.page-genre_unpaid .unpaid02b p.p02{
		padding-top: 10px;
	}
	.page-genre_unpaid .unpaid02b .dd02{
		padding-left: 0;
		background: none;
	}

	.page-genre_unpaid .unpaid02b img{
		width: 100%;
		height: auto;
	}

	.page-genre_unpaid #maincontent h2 span{
		width: auto;
		font-size: 22px;
	}
	.page-genre_unpaid .unpaid02c{
		margin: 0 20px;
	}
	.page-genre_unpaid .unpaid02c p.pic{
		float: none;
		padding-top: 20px;
		text-align: center;
	}
	.page-genre_unpaid .unpaid02c dl.dl01{
		float: none;
		width: 100%;
	}

	.page-genre_unpaid .unpaid03 h3{
		width: auto;
	}
	.page-genre_unpaid .unpaid03 dl{
		float: none;
		width: 100%;
	}
	.page-genre_unpaid .unpaid03 dt{
		padding: 10px 0 10px 60px;
		line-height: 1.3;
		font-size: 16px;
	}
	.page-genre_unpaid .unpaid03 p{
		float: none;
		text-align: center;
	}
	.page-genre_unpaid .unpaid04 h3{
		position: relative;
		padding: 0px 0 100px;
		padding-right: 0px;
		font-size: 16px;
		background-position: left bottom 10px;
	}
	.page-genre_unpaid .unpaid04 h3:after{
		position: absolute;
		right: 0;
		bottom:0;
		float: none;
	}
	.page-genre_unpaid .unpaid04 span{
		font-size: 16px;
	}
	.page-genre_unpaid .unpaid04b{
		padding: 5px;
	}
	.page-genre_unpaid .unpaid04b img{
		width: 100%;
		height: auto;
	}

	.page-genre_unpaid .unpaid04b dl.dl01 dd.dd02{
		color: #FFFFFF;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
	}


	.page-genre_unpaid .unpaid04 dl.dl03{
		float: none;
		margin: 0 0 10px;
		width: auto;
	}
	.page-genre_unpaid .unpaid04 dl.dl03:first-child{
		margin-right: 0;
	}
	.page-genre_unpaid .unpaid04 dl.dl03 img{
		width: 100%;
		height: auto;
	}


	#zabgti-popup{
	  width: 95%;
	  background-color: #fff;
	  padding: 15px 10px;
	}
	#zabgti-popup .last>img.img{
		max-width: 100%;
		height: auto;
	}
	#zabgti-popup form .myForm03{
		width: 80%;
	}
	#zabgti-popup form >div{
		font-size: 16px;
	}

	#zabgti-popup form input{
		padding: 5px;
		margin-top: 5px;
	}



}