@charset "utf-8";
/* CSS Document */

.l-mvBlock{
	width:100%;
	/*height:1000px;
	overflow-y:hidden;*/
	line-height:0;
	margin:97px auto 0;
	text-align:center;

	background-color:#eeeeee;


	/*background: rgba(222,222,220,1);
	background: -moz-linear-gradient(top, rgba(222,222,220,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,220,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top, rgba(222,222,220,1) 0%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(222,222,220,1) 0%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(222,222,220,1) 0%, rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(222,222,220,1) 0%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dededc', endColorstr='#f2f2f2', GradientType=0 );*/
}
.l-mvBlock p{
	position:relative;
	margin:0 auto;
	text-align:center;
	line-height:0;
}
.l-mvBlock p img{
	max-width:1600px;
	width:100%;
	text-align:center;
	line-height:0;
}

/*アクション宣言ブロック*/
.l-actionBlock{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:40px 0 0;
}
.l-actionBlock .l-actionBlock-table-right{
	width:100%;
	margin:0 auto 30px;
	padding:0;
	border-bottom:1px solid #ddddde;
}
.l-actionBlock .l-actionBlock-table-right .l-right{
	float:right;
	width:434px;
	margin:0 auto;
	text-align:left;
	padding:20px 0 50px 15px;
}
.l-actionBlock .l-actionBlock-table-right .l-right img{
	max-width:434px;
	width:80%;
}
.l-actionBlock .l-actionBlock-table-right .l-left{
	float:left;
	width:calc(100% - 434px);
	margin:0 auto;
}

.l-actionBlock .p-title{
	padding:10px 0 25px;
	font-size:24px;
	text-align:left;
}
.l-actionBlock .p-message{
	font-size:16px;
	line-height:2;
	text-align:left;
	padding-bottom:20px;
}

/*制度の一例のブロック*/
.l-company_systemBlock{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:40px 0 0;
	border-bottom:1px solid #ddddde;
}
.l-company_systemBlock .l-company_systemBlock-table-right{
	width:100%;
	margin:0 auto 30px;
	padding:0;
	border-bottom:1px solid #ddddde;
}
.l-company_systemBlock .l-company_systemBlock-table-right .l-right{
	float:right;
	width:434px;
	margin:0 auto;
	text-align:left;
	padding:20px 0 50px 15px;
}
.l-company_systemBlock .l-company_systemBlock-table-right .l-right img{
	max-width:434px;
	width:100%;
}
.l-company_systemBlock .l-company_systemBlock-table-right .l-left{
	float:left;
	width:calc(100% - 434px);
	margin:0 auto;
}

.l-company_systemBlock .p-title{
	padding:10px 0 25px;
	font-size:24px;
	text-align:left;
}
.l-company_systemBlock .p-message{
	font-size:16px;
	line-height:2;
	text-align:left;
	padding-bottom:40px;
}

.l-company_systemBlock .p-seido{
	font-size:14px;
	line-height:normal;
	text-align:left;
	padding-bottom:20px;
}

.l-company_systemBlock .ul-company_system
{
	padding:10px 10px 25px;
	font-size:16px;
	text-align:left;
	list-style-type: decimal;
}

.l-company_systemBlock .li-company_system
{
	list-style-type: decimal;
}

.l-companyBlock02{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:40px 0 0;
}
.l-companyBlock02 .p-title{
	padding:0px 0 25px;
	font-size:24px;
	text-align:left;
}
.l-companyBlock02 .l-companyBlock02-table{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
	border-bottom:1px solid #ddddde;
}
.l-companyBlock02 .l-companyBlock02-table > p{
	display:inline-block;
	width: 33.3%;
	padding-bottom:5px;
}
.l-companyBlock02 .l-companyBlock02-table > p img{
	max-width:325px;
	width:100%;
}
.l-companyBlock02 .l-companyBlock02-table > p:nth-child(3n+1){
	padding-right:8px;
}
.l-companyBlock02 .l-companyBlock02-table > p:nth-child(3n+2){
	padding-left:4px;
	padding-right:4px;
}
.l-companyBlock02 .l-companyBlock02-table > p:nth-child(3n){
	padding-left:4px;
}

.l-companyBlock03{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:40px 0 0;
}
.l-companyBlock03 .p-title{
	padding:0px 0 15px;
	font-size:24px;
	text-align:left;
}
.l-companyBlock03 .l-companyBlock03-table{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:0px 25px 0;
}
.l-companyBlock03 .l-companyBlock03-table table{
	width: 100%;
}
.l-companyBlock03 .l-companyBlock03-table table tr{
	width: 100%;
	border-bottom:1px solid #7c7c7c;
}
.l-companyBlock03 .l-companyBlock03-table table tr th{
	width: 175px;
	padding:25px 15px 10px;
	font-size:16px;
	text-align:left;
}
.l-companyBlock03 .l-companyBlock03-table table tr td{
	width: auto;
	padding:25px 15px 10px;
	font-size:16px;
	text-align:left;
}
.l-companyBlock03 .l-map{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:25px 25px 50px;
	border-bottom:1px solid #ddddde;
}

.l-contactBlock{
	width: 100%;
	margin:0 auto 50px;
	text-align:center;
	padding:40px 0 0;
}
.l-contactBlock .p-title{
	padding:10px 0 40px;
	font-size:36px;
	text-align:center;
}

.p-button01 img{
	max-width:178px;
	width:100%;
}

.p-button02{
	padding-top:30px;
}
.p-button02 img{
	max-width:510px;
	width:100%;
}

.p-button03{
	padding-top:20px;
}
.p-button03 img{
	max-width:516px;
	width:100%;
}

/*-------------------- ▲共通CSS▲ ------------------------*/

/*---------------- ▼PCのみCSS▼ --------------------*/



	.l-actionBlock .l-companyBlock-table-left{
		width:100%;
		margin:0 auto 30px;
		padding:0;
	}
	.l-actionBlock .l-companyBlock-table-left.p-last{
		border-bottom:1px solid #ddddde;
		padding-bottom:50px;
	}
	.l-actionBlock .l-companyBlock-table-left .l-right{
		float:right;
		width:calc(100% - 434px);
		margin:0 auto;
		padding-left:15px;
		text-align:left;
	}
	.l-actionBlock .l-companyBlock-table-left .l-left{
		float:left;
		width:434px;
		margin:0 auto;
	}
	.l-actionBlock .l-companyBlock-table-left .l-left img{
		max-width:434px;
		width:100%;
	}

	.l-actionBlock .l-actionBlock-table-right{
		width:100%;
		margin:0 auto 30px;
		padding:0;
	}
	.l-actionBlock .l-actionBlock-table-right .l-right{
		float:right;
		width:434px;
		margin:0 auto;
		padding-left:15px;
		text-align:left;
		padding:20px 0 25px 15px;
	}
	.l-actionBlock .l-actionBlock-table-right .l-right img{
		max-width:434px;
		width:100%;
	}
	.l-actionBlock .l-actionBlock-table-right .l-left{
		float:none;
		width:100%;
		margin:0 auto;
	}
	.l-actionBlock .l-actionBlock-table-right .l-left img{
		float:right;
		margin-left:20px;
	}
	/*.l-companyBlock .l-companyBlock-table-right .l-left{
		float:left;
		width:calc(100% - 434px);
		margin:0 auto;
	}*/




@media screen and (min-width:1001px){




}
/*---------------- ▲PCのみCSS▲ --------------------*/
/*---------------- ▼タブレット以降CSS▼ --------------------*/
@media screen and (max-width:1000px){

	.l-actionBlock .l-companyBlock-table-left{
		width:100%;
		margin:0 auto 20px;
		padding:0;
	}
	.l-actionBlock .l-companyBlock-table-left.p-last{
		border-bottom:1px solid #ddddde;
		padding-bottom:35px;
	}
	.l-actionBlock .l-companyBlock-table-left .l-right{
		float:right;
		width:50%;
		margin:0 auto;
		padding-left:15px;
		text-align:left;
	}
	.l-actionBlock .l-companyBlock-table-left .l-left{
		float:left;
		width:50%;
		margin:0 auto;
	}
	.l-actionBlock .l-companyBlock-table-left .l-left img{
		max-width:434px;
		width:100%;
	}

	.l-actionBlock .l-actionBlock-table-right{
		width:100%;
		margin:0 auto 20px;
		padding:0;
	}
	.l-actionBlock .l-actionBlock-table-right .l-right{
		float:right;
		width:50%;
		margin:0 auto;
		padding-left:15px;
		text-align:left;
	}
	.l-actionBlock .l-actionBlock-table-right .l-right img{
		max-width:434px;
		width:100%;
	}
	.l-actionBlock .l-actionBlock-table-right .l-left{
		float:none;
		width:100%;
		margin:0 auto;
	}
	/*.l-companyBlock .l-companyBlock-table-right .l-left{
		float:left;
		width:50%;
		margin:0 auto;
	}*/

	.l-actionBlock .p-title{
		padding:10px 0 25px;
		font-size:28px;
		text-align:left;
	}
	.l-actionBlock .p-message{
		font-size:16px;
		line-height:2;
		text-align:left;
	}

}
/*---------------- ▲タブレット以降CSS▲ --------------------*/
@media screen and (max-width:768px){

	.l-companyBlock{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:15px 0 0;
	}
	.l-companyBlock .l-companyBlock-table-left{
		width:100%;
		margin:0 auto 15px;
		padding:0;
		border-bottom:1px solid #ddddde;
		padding-bottom:25px;
	}
	.l-companyBlock .l-companyBlock-table-left.p-last{
		border-bottom:1px solid #ddddde;
		padding-bottom:25px;
	}
	.l-companyBlock .l-companyBlock-table-left .l-right{
		float:none;
		width:100%;
		margin:0 auto;
		padding-left:0;
		text-align:left;
	}
	.l-companyBlock .l-companyBlock-table-left .l-left{
		float:none;
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	.l-companyBlock .l-companyBlock-table-left .l-left img{
		max-width:434px;
		width:100%;
	}

	.l-companyBlock .l-actionBlock-table-right{
		width:100%;
		margin:0 auto 15px;
		padding:0;
		border-bottom:1px solid #ddddde;
		padding-bottom:0px;
	}
	.l-companyBlock .l-actionBlock-table-right .l-right{
		float:none;
		width:100%;
		margin:0 auto;
		padding-left:0;
		text-align:center;
	}
	.l-companyBlock .l-actionBlock-table-right .l-right img{
		max-width:434px;
		width:100%;
	}
	.l-companyBlock .l-actionBlock-table-right .l-left{
		float:none;
		width:100%;
		margin:0 auto;
	}
	.l-companyBlock .l-actionBlock-table-right .l-left img{
		display:block;
		text-align:center;
		margin:0 auto 20px;
		float:none;
		max-width:434px;
		width:100%;
	}

	.l-companyBlock .p-title{
		padding:10px 0 20px;
		font-size:20px;
		text-align:left;
	}
	.l-companyBlock .p-message{
		font-size:16px;
		line-height:2;
		text-align:left;
	}

	.l-companyBlock02{
		width: 100%;
		margin: 0 auto 30px;
		text-align: center;
		padding: 20px 0 0;
	}
	.l-companyBlock02 .l-companyBlock02-table {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 25px;
		border-bottom: 1px solid #ddddde;
	}

	.l-companyBlock03{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:5px 0 0;
	}
	.l-companyBlock03 .p-title{
		padding:0px 0 0px;
		font-size:24px;
		text-align:left;
	}
	.l-companyBlock03 .l-companyBlock03-table{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:0px 10px 0;
	}
	.l-companyBlock03 .l-companyBlock03-table table{
		width: 100%;
	}
	.l-companyBlock03 .l-companyBlock03-table table tr{
		width: 100%;
		border-bottom:1px solid #7c7c7c;
	}
	.l-companyBlock03 .l-companyBlock03-table table tr th{
		width: 130px;
		padding:20px 10px 10px;
		font-size:16px;
		text-align:left;
	}
	.l-companyBlock03 .l-companyBlock03-table table tr td{
		width: auto;
		padding:25px 15px 10px;
		font-size:16px;
		text-align:left;
	}
	.l-companyBlock03 .l-map{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:25px 25px 50px;
		border-bottom:1px solid #ddddde;
	}

	.l-contactBlock{
		width: 100%;
		margin:0 auto 35px;
		text-align:center;
		padding:0px 0 0;
	}
	.l-contactBlock .p-title{
		padding:10px 0 28px;
		font-size:28px;
		text-align:center;
	}

	.p-button02{
		padding-top:30px;
	}
	.p-button02 img{
		max-width:357px;
		width:100%;
	}

	.p-button03{
		padding-top:20px;
	}
	.p-button03 img{
		max-width:361px;
		width:100%;
	}

}
/*---------------- ▼スマホ以降CSS▲ --------------------*/
@media screen and (max-width:480px){

	.l-mvBlock {
		width: 100%;
		line-height: 0;
		margin: 74px auto 0;
		text-align: center;
		background: url(../../images/top/bg_MV_pc.png) center top no-repeat;
		background-size: cover;
		/* background-color: #dfdfdd; */
	}

	.l-companyBlock{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:15px 0 0;
	}
	.l-productBlock .p-title{
		padding:10px 0 28px;
		font-size:20px;
		text-align:left;
	}

	.l-contactBlock{
		width: 100%;
		margin:0 auto 25px;
		text-align:center;
		padding:0px 0 0;
	}
	.l-contactBlock .p-title{
		padding:10px 0 20px;
		font-size:20px;
		text-align:center;
	}
	.l-contactBlock .p-message br{
		display:none;
	}

	.l-companyBlock .l-actionBlock-table-right .l-left img{
		float:none;
		max-width:250px;
		width:100%;
	}

	.l-companyBlock02{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:20px 0 0;
	}
	.l-companyBlock02 .p-title{
		padding:0px 0 25px;
		font-size:20px;
		text-align:left;
	}
	.l-companyBlock02 .l-companyBlock02-table{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding-bottom:25px;
		border-bottom:1px solid #ddddde;
	}
	.l-companyBlock02 .l-companyBlock02-table > p{
		display:block;
		width: 100%;
	}
	.l-companyBlock02 .l-companyBlock02-table > p img{
		max-width:325px;
		width:100%;
	}
	.l-companyBlock02 .l-companyBlock02-table > p:nth-child(3n+1){
		padding-right:0px;
	}
	.l-companyBlock02 .l-companyBlock02-table > p:nth-child(3n+2){
		padding-left:0;
		padding-right:0;
	}
	.l-companyBlock02 .l-companyBlock02-table > p:nth-child(3n){
		padding-left:0;
	}

	.l-companyBlock03{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:5px 0 0;
	}
	.l-companyBlock03 .p-title{
		padding:20px 0 0px;
		font-size:20px;
		text-align:left;
	}
	.l-companyBlock03 .l-companyBlock03-table{
		width: 100%;
		margin:0 auto;
		text-align:center;
		padding:0px 0px 0;
	}
	.l-companyBlock03 .l-companyBlock03-table table{
		width: 100%;
	}
	.l-companyBlock03 .l-companyBlock03-table table tr{
		width: 100%;
		border-bottom:1px solid #7c7c7c;
	}
	.l-companyBlock03 .l-companyBlock03-table table tr th{
		width: 100%;
		padding:20px 10px 0px;
		font-size:16px;
		text-align:left;
		display:block;
		font-weight:bold;
	}
	.l-companyBlock03 .l-companyBlock03-table table tr td{
		width: 100%;
		padding:0px 10px 10px;
		font-size:16px;
		text-align:left;
		display:block;
	}
	.l-companyBlock03 .l-map{
		width: 100%;
		margin:0 auto 30px;
		text-align:center;
		padding:25px 10px 25px;
		border-bottom:1px solid #ddddde;
	}
	.l-companyBlock03 .l-map iframe{
		height:300px !important;
	}
}
/*---------------- ▲スマホ以降CSS▲ --------------------*/
/*---------------- ▲スマホ最小CSS▲ --------------------*/
@media screen and (max-width:320px){


}
/*---------------- ▲スマホ最小CSS▲ --------------------*/