/*
Theme Name: トヨクニグループ
Version: 1.0
*/
@import url(./base.css);

/*
*, *:before, *:after {
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
*/


/*####################################################################################

  	HOME

　####################################################################################*/


	/* メインイメージ */

		.mainimage{
			width:100%;
			height:auto;
			overflow:hidden;
		}

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

		.mainimage{
			margin-bottom: -8px;
			position: relative;
			top:-8px;
		}

	}

			.mainimage li{
				width:100%;
				list-style:none;
			}

			.mainimage img{
				width:100%;
				height:auto;
			}
			
		.mcover{
			width:100%;
			position:relative;
		}
			
		.mcover img{
			width:100%;
			height:auto;
		}



	/* Messageはトヨクニグループについてに記述 */


	/* 50年の歩みバナー */

	.index .banhistory50{
		max-width: 1000px;
		width:90%;
		margin: 30px auto 0;
	}
	.index .banhistory50 img{
		width:100%;
		height:auto;
	}



	/* 事業部リンク */

	.index .business{
		margin:0 auto 50px;
	}

		.index .business .link{
			padding:60px 0;
			background-color:#f0f0f0;
		}

		.index .business .link:nth-of-type(1){
			width:58%;
			margin-left:2%;
			float:left;
		}

		.index .business .link:nth-of-type(2){
			width:37%;
			margin-right:2%;
			float:right;
		}

	@media screen and (max-width:1000px){
		
		.index .business .link:nth-of-type(1),
		.index .business .link:nth-of-type(2){
			max-width:770px;
			width:96%;
			margin:0 auto;
			float:none;
		}
		
		.index .business .link:nth-of-type(1){
			padding:50px 2% 30px;			
		}
		.index .business .link:nth-of-type(2){
			padding:0 2% 50px;
		}
		
	}

	@media screen and (max-width:770px){
		
		.index .business .link{
			padding:60px 2% 0;
		}
		
	}


.index .business .link{zoom:1;}
.index .business .link:after{
  content: ""; 
  display: block; 
  clear: both;
}



	
		.index .business .link header{
			writing-mode:vertical-rl;
			float:left;
		}

	@media screen and (max-width:1000px){
	
		.index .business .link header{
			width:10%;
		}

	}

	@media screen and (max-width:770px){
	
		.index .business .link header{
			width:100%;
			writing-mode:horizontal-tb;
			float:none;
		}

	}
	
			.index .business .link .headerinner{
				width:70px;
			}

		@media screen and (max-width:1000px){
	
			.index .business .link .headerinner{
				width:100%;
			}

		}

		@media screen and (max-width:770px){
	
			.index .business .link .headerinner{
				padding:0 0 30px;
			}

		}
	
		.index .business .link header p{
			color:#0b308d;
			margin-left:5px;
		}

	@media screen and (max-width:770px){
	
		.index .business .link header p{
			
			margin:0 0 5px;
			text-align:center;
		}

	}
		
		

			.index .subtitle{
				font-size:2.2em;
				font-weight:700;
				text-align:center;
			}
		
		@media screen and (max-width:1200px){
		
			.index .subtitle{
				font-size:1.9em;
			}
		
		}
		
		@media screen and (max-width:1000px){
		
			.index .subtitle{
				font-size:1.7em;
			}
		
		}
		
		@media screen and (max-width:770px){
		
			.index .subtitle{
				font-size:1.5em;
			}
		
		}
		
		@media screen and (max-width:430px){
		
			.index .subtitle{
				font-size:1.3em;
			}
		
		}


		.index .business .link ul{
			float:right;
		}

	@media screen and (max-width:1000px){
	
		.index .business .link ul{
			width:85%;
		}

	}

			.index .business .link ul li{
				width:100%;
				list-style:none;
				float:left;
				line-height: 0;
				/*background-color:#c00;*/
			}
			.index .business .link:nth-of-type(1) ul li{
				width:50%;
			}
			
		@media screen and (max-width:1000px){

			.index .business .link ul{
				margin-right:5%;

			}
			
			.index .business .link:nth-of-type(2) ul li{
				width:50%;
			}

		}
		
			.index .business .link ul li{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				color:#fff;	
				text-decoration:none;	
				text-align:center;		
			}

			.index .business .link ul li img{
				width:100%;
				height:auto;
			}



	/* グループリンク */

	.index .group{
		margin-bottom:50px;
	}

		.index .group > h3{
			margin-bottom:-30px;
			color:#fff;
			font-size:1.4em;
			font-weight:700;
			text-align:center;
			position:relative;
			top:90px;
		}

		.index .group > ul{
		}

			.index .group > ul li{
				width:calc(100% / 3);
				list-style:none;
				line-height:0;
				float:left;
			}
			.index .group > ul li img{
				width:100%;
				height:auto;
			}
	
	
			.index .group > ul li:nth-of-type(1){
				float:none;
				margin:0 auto;
			}
	
			.index .group > ul li:nth-of-type(2){
				float:left;
			}
	
			.index .group > ul li:nth-of-type(3){
				float:right;
			}
	
			.index .group > ul li:nth-of-type(4){
				clear:both;
			}

	


	/* リクルートリンク */

	.recruittop{
		margin-bottom:30px;
	}
	
			.recruittop header{
				margin-bottom:20px;
				
			}



			.recruittop .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
			}


			.recruittop .recruitimage{
				width:80%;
				margin: 0 auto -250px;
				position: relative;
				top:-250px;
				z-index: 10;
			}

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

			.recruittop .recruitimage{
				width:80%;
				margin: 0 auto -190px;
				top:-190px;
			}

		}

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

			.recruittop .recruitimage{
				margin: 0 auto -170px;
				top:-170px;
			}

		}

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

			.recruittop .recruitimage{
				width:100%;
				margin: 0 auto -140px;
				top:-140px;
			}

		}

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

			.recruittop .recruitimage{
				margin: 0 auto -125px;
				top:-125px;
			}

		}

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

			.recruittop .recruitimage{
				width:100%;
				margin: 0 auto -110px;
				top:-110px;
			}

		}

				.recruitimage img{
					max-width:262px;
					width:30%;
					height:auto;
				}

	
			.recruittop .inner .note{
				width:60%;
				margin-top: 40px;
				padding: 30px 0 10px 40%;
				color:#fff;
				position:relative;
				background-color: #000;
			}

		@media screen and (max-width:1000px){
	
			.recruittop .inner .note{
				margin-top: 0;
				padding: 20px 0 5px 40%;
			}

		}

		@media screen and (max-width:770px){
	
			.recruittop .inner .note{
				width:65%;
				padding: 15px 0 1px 35%;
			}

		}

		@media screen and (max-width:640px){
	
			.recruittop .inner .note{
				width:68%;
				padding: 15px 0 1px 32%;
			}

		}


				.recruittop .inner .note h3{
					color:#4bb2b1;
					font-size:0.9em;
				}

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

				.recruittop .inner .note h3{
					font-size:0.8em;
				}

			}

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

				.recruittop .inner .note h3{
					font-size:0.7em;
				}

			}

				.recruittop .inner a{
					text-decoration: none;
				}

				.recruittop .inner a:hover{
					text-decoration: none;
				}

				.recruittop .inner .note p{
					margin-top:15px;
					font-size:2.4em;
				}

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

				.recruittop .inner .note p{
					margin-top:10px;
					font-size:2.0em;
				}

			}

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

				.recruittop .inner .note p{
					margin-top:5px;
					font-size:1.2em;
				}

			}

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

				.recruittop .inner .note p{
					margin-top:0;
					font-size:1.1em;
				}

			}

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

				.recruittop .inner .note p{
					font-size:1.0em;
				}

			}

				.recruittop .inner .note .link{
					width:70px;
					height:40px;
					margin-right:3%;
					padding-right:10px;
					color:#fff;
					font-size:0.9em;
					text-decoration:none;
					line-height:40px;
					background-image:url(../images/img_yajirushi3.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
					float:right;
					position:relative;
					top:25px;
				}
			@media screen and (max-width:1000px){

				.recruittop .inner .note .link{
					top:21px;
				}

			}

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

				.recruittop .inner .note .link{
					padding-right:0;
					font-size:0.8em;
					top:15px;
				}

			}

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

				.recruittop .inner .note .link{
					height:27px;
					line-height:27px;
					top:-10px;
					background-size: 8px auto;
				}

			}

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

				.recruittop .inner .note .link{
					top:25px;
				}

			}

				.recruittop .inner a:hover .note .link{
					text-decoration: underline;
				}







			



	/* NEWSリンク */

	.index .news{
		clear: both;
		padding-bottom:70px;
		background-color:#f0f0f0;
		position: relative;
		z-index: 1000;
	}
				
	.index .news header{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		
	}
				
		.index .news header .linkbtn{
			display:block;
			width:200px;
			height:50px;
			color:#fff;
			text-align:center;
			line-height:50px;
			background-color:#1f1f1f;
			text-decoration:none;
			float:right;
			position:relative;
			top:16px;
		}
				

	.index .news header .contenttitle{
		font-size:2.6em;
		font-weight:700;
		text-align:left !important; 	
	}

		.index .news .inner ul{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}

			.index .news .inner ul li{
				margin-bottom:3px;
				padding:25px 0;
				list-style:none;
				background-color:#fff;
			}

.index .news .inner ul li{zoom:1;}
.index .news .inner ul li:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

			.index .news .inner ul li{
				font-size:0.9em;;
			}

		}


			.index .news .inner ul li .date{
				width:15%;
				text-align:center;
				float:left;
			}

			.index .news .inner ul li .cat{
				width:10%;
				height:26px;
				color:#fff;
				font-size:0.5em;
				text-align:center;
				float:left;
				letter-spacing: 0;
				background-color:#1f1f1f;
			}

			.index .news .inner ul li .entrytitle{
				width:67%;
				margin-right:5%;
				float:right;
			}

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

			.index .news .inner ul li .date{
				width:90px;
				margin-left: 3%;
				text-align: left;
			}

			.index .news .inner ul li .cat{
				width:90px;
			}

			.index .news .inner ul li .entrytitle{
				clear: both;
				width:94%;
				margin:0 auto ;
				float:none;
			}

		}



/* フッターバナー */

		.index .contentlist{
			padding:50px 0 15px;
			background-color:#1f1f1f;	
			
		}

			.index .contentlist ul{
				max-width:650px;
				width:90%;
				margin:0 auto;
			}

				.index .contentlist li{
					list-style:none;
					float:left;
				}
				
				.index .contentlist li:nth-of-type(2){
					float:right;
				}

				.index .contentlist li p{
					color:#fff;
				}

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

				.index .contentlist li{
					margin:0 auto;
					float:none;
					text-align: center;
				}
			
					.index .contentlist li p{
						margin-top:10px;
					}
			
				.index .contentlist li:nth-of-type(2){
					float:none;
				}

		}






/*####################################################################################

  	コンテントタイトル

　####################################################################################*/


	main .contentheader{
		padding:46px 0 50px;
		position: relative;
	}

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

	main .contentheader{
		padding:46px 0 40px;
	}

}

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

	main .contentheader{
		padding:46px 0 30px;
	}

}

	main .contentheader a{
		text-decoration: none;
	}

	.contenttitle{
		font-size:2.6em;
		font-weight:700;
		text-align:center;		
	}

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

	.contenttitle{
		font-size:2.0em;
	}

}

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

	.contenttitle{
		font-size:1.6em;
	}

}

	.contenttitle:before{
		margin-right:10px;
		position:relative;
		top:13px;
	}
	.news .contenttitle:before{content:url(../images/ico_news.png);}
	.about .contenttitle:before{content:url(../images/ico_about.png);}
	.business .contenttitle:before{content:url(../images/ico_business.png);}
	.group .contenttitle:before{content:url(../images/ico_group.png);}
	.recruit .contenttitle:before{content:url(../images/ico_recruit.png);}
	.results .contenttitle:before{content:url(../images/ico_results.png);}
	.contact .contenttitle:before{content:url(../images/ico_contact.png);}



@media screen and (max-width:770px){
	
	.contenttitle:before{
		margin-right:0;
		display:block;
		margin:0 auto;
		top:-20px;
	}

}

@media screen and (max-width:430px){
	
	.contenttitle:before{
		margin:0 auto -15px;
		top:-25px;
	}

}
	
	.contenttitle:after{
		content:"　";
		margin-left:20px;
	}

@media screen and (max-width:770px){
	
	.contenttitle:after{
		content:"";
		margin-left:0;
	}

}
	
	
	.contenttitle + h2{
		margin-top:10px;
		text-align:center;
		color:#0b308d;
		font-size:1.1em;
		font-weight:700;
	}

@media screen and (max-width:770px){
	
	.contenttitle + h2{
		margin-top:5px;
		font-size:1.0em;
	}

}
	




/*####################################################################################

  	トヨクニグループについて

　####################################################################################*/


	/* Message トップページ分も設定 */

	.message{
		height:500px;
		margin-bottom:60px;
		background-color:#f5f5f5;
		background-image:url(../images/bg_message.png);
		background-repeat:no-repeat;
		background-position:50% 50%;
	}
	
	.index .message{
		background-image:url(../images/bg_message.png);
	}
	
@media screen and (max-width:1200px){
	
	.message{
		background-image:url(../images/bg_message2.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	.index .message{
		background-position:55% 50%;
	}

}
	
@media screen and (max-width:1000px){
	
	.index .message{
		background-image:url(../images/bg_message2.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}

}

@media screen and (max-width:770px){
	
	.message,
	.index .message{
		height:auto;
		margin-bottom:40px;
		padding-bottom:30px;
	}

}

@media screen and (max-width:640px){
	
	.message,
	.index .message{
		background-size:480px auto;
	}

}

@media screen and (max-width:430px){
	
	.message,
	.index .message{
		margin-bottom:20px;
		background-size:240px auto;
	}

}
	
		.message .inner{
			width:640px;
			margin:0 auto;
			padding:40px 0 0 360px;
		}
	
		.index .message .inner{
			width:590px;
			margin:0 auto;
			padding:70px 0 0 540px;
		}
	
	@media screen and (max-width:1200px){
		
		.message .inner{
			max-width:840px;
			width:calc(100% - 380px);
			margin:0;
			padding:40px 0 0 200px;
		}
		
		.index .message .inner{
			width:50%;
			margin:0;
			padding:60px 0 0 43%;
		}
	
	}
	
	@media screen and (max-width:1000px){
		
		.message .inner{
			max-width:840px;
			width:calc(100% - 240px);
			margin:0;
			padding:30px 0 0 200px;
		}
		.index .message .inner{
			max-width:840px;
			width:calc(100% - 240px);
			margin:0;
			padding:50px 0 0 200px;
		}
	
	}
	
	@media screen and (max-width:770px){
		
		.message .inner,
		.index .message .inner{
			width:calc(100% - 220px);
			padding:20px 0 0 190px;
		}
	
	}
	
	@media screen and (max-width:640px){
		
		.message .inner,
		.index .message .inner{
			width:calc(100% - 180px);
			padding:20px 0 0 150px;
		}
	
	}
	
	@media screen and (max-width:430px){
		
		.message .inner,
		.index .message .inner{
			width:calc(100% - 100px);
			padding:20px 0 0 85px;
		}
	
	}
	

		.message .inner img{
			margin-bottom:20px;
		}
	
	@media screen and (max-width:1000px){

		.message .inner img{
			width:320px;
			height:auto;
		}
	
	}
	
	@media screen and (max-width:770px){

		.message .inner img{
			width:240px;
		}
	
	}
	
	@media screen and (max-width:430px){

		.message .inner img{
			width:210px;
		}
	
	}
	
	
		.message .inner > h3{
			margin-bottom:25px;
			font-size:2.0em;
			font-weight:700;
			position:relative;
		}
		.index .message .inner > h3{
			margin-bottom:50px;
		}

	@media screen and (max-width:1000px){
	
		.index .message .inner > h3{
			margin-bottom:40px;
		}
	
	}

	@media screen and (max-width:770px){
	
		.message .inner > h3,
		.index .message .inner > h3{
			margin-bottom:15px;
			font-size:1.6em;
		}
	
	}
	
	@media screen and (max-width:430px){
	
		.message .inner > h3,
		.index .message .inner > h3{
			margin-bottom:15px;
			font-size:1.2em;
		}
	
	}

			.message .inner p{
				position: relative;
			}


			.message .inner p.sig{
				text-align:right;
			}

	
		@media screen and (max-width:640px){
		
			.message .inner p.sig{
				font-size:0.8em;
			}
		
		}

			.message .inner p.sig span{
				font-size:1.4em;
				letter-spacing:0.1em;
			}
			
			
				
	.message .inner .linkbtn{
		display:block;
		width:200px;
		height:50px;
		margin-top:35px;
		color:#fff;
		text-align:center;
		line-height:50px;
		background-color:#1f1f1f;
		text-decoration:none;
	}
				

		/* トヨクニグループ */


			.wrapper.about .overview header{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				border-bottom:1px solid #0f65aa;
			}
		
			.wrapper.about .overview header .inner{
				width:560px;
				margin:0 auto;
			}
			
				.wrapper.about .overview .entitle{
					height:75px;
					padding-right:35px;
					margin-right:34px;
					color:#0f65aa;
					font-size:2.0em;
					line-height:80px;
					letter-spacing:0.1em;
					float:left;
					background-image:url(../images/line_title.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
				}
	
				.wrapper.about .overview .entitle + h3{
					height:75px;
					color:#0f65aa;
					font-size:1.3em;
					font-weight:700;
					line-height:80px;
					float:left;
				}


		@media screen and (max-width:770px){
			
			.wrapper.about .overview header .inner{
				width:430px;
			}

				.wrapper.about .overview .entitle{
					height:60px;
					padding-right:20px;
					margin-right:19px;
					font-size:1.6em;
					line-height:65px;
				}
	
				.wrapper.about .overview .entitle + h3{
					height:60px;
					font-size:1.0em;
					line-height:65px;
				}
				
		}


		@media screen and (max-width:480px){
			
			.wrapper.about .overview header .inner{
				width:100%;
			}

				.wrapper.about .overview .entitle{
					height:auto;
					padding-right:0;
					margin-right:0;
					font-size:1.2em;
					text-align:center;
					line-height:2.0em;
					background-image:none;
					float:none;
				}
	
				.wrapper.about .overview .entitle + h3{
					height:auto;
					font-size:1.0em;
					text-align:center;
					line-height:2.0em;
					float:none;
					position:relative;
					top:-6px;
				}

		}



			.wrapper.about .overview header + .inner{
				max-width:1000px;
				width:96%;
				margin:0 auto;
				padding:50px 0;
			}

		@media screen and (max-width:430px){
			
			.wrapper.about .overview header + .inner{
				padding:30px 0;
			}

		}

			.wrapper.about .overview header + .inner img{
				width:100%;
				height:auto;
			}


			.wrapper.about .overview footer{
				padding:50px 0 20px;
				background-color:#f5f1d5;
			}
			
				.wrapper.about .overview footer .inner{
					max-width:1000px;
					width:90%;
					margin:0 auto;
				}

				.wrapper.about .overview footer h4{
					margin-bottom:20px;
					color:#0f65aa;
					font-size:1.5em;
					font-weight:700;					
				}

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

				.wrapper.about .overview footer h4{
					margin-bottom:20px;
					font-size:1.3em;
				}

			}

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

				.wrapper.about .overview footer h4{
					margin-bottom:15px;
					font-size:1.1em;
				}

			}

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

				.wrapper.about .overview footer h4{
					font-size:1.0em;
				}

			}

				.wrapper.about .overview footer h4 span{
					color:#333;
					font-size:0.8em;
					font-weight:400;
				}

			
				.wrapper.about .overview footer ul{
					margin:0 0 15px 20px;
				}

				.wrapper.about .overview footer ul li{
					width:calc(100% / 3);
					margin-bottom:5px;
					float:left;
				}

			@media screen and (max-width:1000px){
			
				.wrapper.about .overview footer ul li{
					width:50%;
				}

			}

			@media screen and (max-width:770px){
			
				.wrapper.about .overview footer ul li{
					width:100%;
					float:none;
				}

			}

			@media screen and (max-width:370px){
			
				.wrapper.about .overview footer ul li{
					font-size:0.9em;
				}

			}


	

		/* 基本方針 */


			.wrapper.about .policy header{
				max-width:1000px;
				width:90%;
				margin:50px auto 60px;
				border-bottom:1px solid #0f65aa;
			}
		
			.wrapper.about .policy header .inner{
				width:600px;
				margin:0 auto;
			}
			
				.wrapper.about .policy .entitle{
					height:75px;
					padding-right:35px;
					margin-right:34px;
					color:#0f65aa;
					font-size:2.0em;
					line-height:80px;
					letter-spacing:0.1em;
					float:left;
					background-image:url(../images/line_title.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
				}
	
				.wrapper.about .policy .entitle + h3{
					height:75px;
					color:#0f65aa;
					font-size:1.3em;
					font-weight:700;
					line-height:80px;
					float:left;
				}


		@media screen and (max-width:770px){
			
			.wrapper.about .policy header .inner{
				width:460px;
			}

				.wrapper.about .policy .entitle{
					height:60px;
					padding-right:20px;
					margin-right:19px;
					font-size:1.6em;
					line-height:65px;
				}
	
				.wrapper.about .policy .entitle + h3{
					height:60px;
					font-size:1.0em;
					line-height:65px;
				}
				
		}


		@media screen and (max-width:520px){
			
			.wrapper.about .policy header .inner{
				width:100%;
			}

				.wrapper.about .policy .entitle{
					height:auto;
					padding-right:0;
					margin-right:0;
					font-size:1.2em;
					text-align:center;
					line-height:2.0em;
					background-image:none;
					float:none;
				}
	
				.wrapper.about .policy .entitle + h3{
					height:auto;
					font-size:1.0em;
					text-align:center;
					line-height:2.0em;
					float:none;
					position:relative;
					top:-6px;
				}

		}



	.wrapper.about .policy header + ul{
		max-width:1000px;
		width:90%;
		margin:0 auto;
	}


		.wrapper.about .policy header + ul li{
			width:48%;
			list-style:none;
			float:left;
		}

		.wrapper.about .policy header + ul li:nth-last-of-type(1){
			float:right;
		}
		
		.wrapper.about .policy header + ul li img{
			width:100%;
			height:auto;
		}



	.kihonhoushin{
		max-width:1000px;
		width:90%;
		margin:40px auto 0;	
		padding:60px 0 40px;
		background-image:url(../images/omt_circle-blue.png);
		background-repeat:no-repeat;
		background-position:50% 0;
	}

		.kihonhoushin h4{
			margin-bottom:38px;
			color:#525ca7;
			font-size:1.6em;
			font-weight:700;
			text-align:center;
		}

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

		.kihonhoushin h4{
			font-size:1.4em;
		}

	}

		.kihonhoushin ul{
			width: 390px;
			margin: 0 auto;
		}

			.kihonhoushin ul li{
				margin-bottom:27px;
				font-size:2.0em;
				font-weight:700;
				list-style: none;
			}

			.kihonhoushin ul li:before{
				content:url(../images/dot_box-red.gif);
				margin-right: 12px;
				position: relative;
				top:-12px;
			}

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

		.kihonhoushin ul{
			width: 320px;
		}

			.kihonhoushin ul li{
				margin-bottom:20px;
				font-size:1.6em;
			}

			.kihonhoushin ul li:before{
				top:-10px;
			}

	}

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

		.kihonhoushin ul{
			width: 260px;
		}

			.kihonhoushin ul li{
				margin-bottom:15px;
				font-size:1.3em;
			}

			.kihonhoushin ul li:before{
				top:-8px;
			}

	}


	.philosophy{
		max-width:1000px;
		width:90%;
		margin:0 auto;	
		padding:60px 0 40px;
		background-image:url(../images/omt_circle-blue.png);
		background-repeat:no-repeat;
		background-position:50% 0;
	}

		.philosophy h4{
			margin-bottom:38px;
			color:#525ca7;
			font-size:1.6em;
			font-weight:700;
			text-align:center;
		}

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

		.philosophy h4{
			font-size:1.4em;
		}

	}


			.philosophy h5{
				margin:35px 0;
				color:#c33;
				font-size:2.4em;
				font-family: 'Sawarabi Mincho', sans-serif;
				text-align: center;
				
			}

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

			.philosophy h5{
				font-size:1.6em;
				line-height: 1.4em;
			}

		}


		.philosophy ol{
			width:100%;
			margin:60px auto 0;			
		}
			
	@media screen and (max-width:770px){

		.philosophy ol{
			margin:30px auto 0;			
		}
			
	}
		
			.philosophy ol li{
				margin-bottom:15px;
				padding:26px 6% 10px 13%;
				-moz-box-shadow:0 0 0 1px #ccc inset;
				-webkit-box-shadow:0 0 0 1px #ccc inset;
				box-shadow:0 0 0 1px #ccc inset;
				list-style:none;
				background-repeat:no-repeat;
				background-position:4% 30px;	
			}
			
		@media screen and (max-width:1000px){

			.philosophy ol li{
				padding:26px 5% 10px 13%;
				background-size:55px auto;
				background-position:3% 30px;	
			}
			
		}
			
		@media screen and (max-width:770px){

			.philosophy ol li{
				padding:26px 5% 10px 70px;
				background-size:40px auto;
				background-position:3% 30px;	
			}
			
		}
			
		@media screen and (max-width:430px){

			.philosophy ol li{
				padding:64px 5% 10px;
				background-size:30px auto;
				background-position:50% 20px;	
			}
			
		}

		.philosophy ol h4{text-align:left;}

		
		
			.philosophy ol li:nth-of-type(1){background-image:url(../images/num_blue1.png);}
			.philosophy ol li:nth-of-type(2){background-image:url(../images/num_blue2.png);}
			.philosophy ol li:nth-of-type(3){background-image:url(../images/num_blue3.png);}
			.philosophy ol li:nth-of-type(4){background-image:url(../images/num_blue4.png);}

				.philosophy ol li h4{
					margin: 0;
					color:#525ca7;
					font-size:1.8em;
					font-weight:700;
					line-height: 1.3em;
				}
				
			@media screen and (max-width:1000px){
	
				.philosophy ol li h4{
					font-size:1.6em;
				}
				
			}
				
			@media screen and (max-width:770px){
	
				.philosophy ol li h4{
					font-size:1.4em;
				}
				
			}
				
			@media screen and (max-width:640px){
	
				.philosophy ol li h4{
					font-size:1.2em;
				}
				
			}
				
			@media screen and (max-width:430px){
	
				.philosophy ol li h4{
					font-size:1.1em;
				}
				
			}
			
				.philosophy ol li p{
					font-size:1.2em;
					line-height: 1.8em;
				}
			
			@media screen and (max-width:1000px){
			
				.philosophy ol li p{
					font-size:1.1em;
				}
			
			}
			
			@media screen and (max-width:770px){
			
				.philosophy ol li p{
					font-size:1.0em;
				}
			
			}




		/* 沿革 */


			.wrapper.about .history header{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				border-bottom:1px solid #0f65aa;
			}
		
			.wrapper.about .history header .inner{
				width:350px;
				margin:0 auto;
			}
			
				.wrapper.about .history .entitle{
					height:75px;
					padding-right:35px;
					margin-right:34px;
					color:#0f65aa;
					font-size:2.0em;
					line-height:80px;
					letter-spacing:0.1em;
					float:left;
					background-image:url(../images/line_title.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
				}
	
				.wrapper.about .history .entitle + h3{
					height:75px;
					color:#0f65aa;
					font-size:1.3em;
					font-weight:700;
					line-height:80px;
					float:left;
				}


		@media screen and (max-width:770px){
			
			.wrapper.about .history header .inner{
				width:260px;
			}

				.wrapper.about .history .entitle{
					height:60px;
					padding-right:20px;
					margin-right:19px;
					font-size:1.6em;
					line-height:65px;
				}
	
				.wrapper.about .history .entitle + h3{
					height:60px;
					font-size:1.0em;
					line-height:65px;
				}
				
		}


		@media screen and (max-width:480px){
			
			.wrapper.about .history header .inner{
				width:100%;
			}

				.wrapper.about .history .entitle{
					height:auto;
					padding-right:0;
					margin-right:0;
					font-size:1.2em;
					text-align:center;
					line-height:2.0em;
					background-image:none;
					float:none;
				}
	
				.wrapper.about .history .entitle + h3{
					height:auto;
					font-size:1.0em;
					text-align:center;
					line-height:2.0em;
					float:none;
					position:relative;
					top:-6px;
				}

		}


	/* 沿革一覧 */

			.wrapper.about .history header + .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding:50px 0;
			}

		@media screen and (max-width:770px){
			
			.wrapper.about .history header + .inner{
				padding:40px 0;
			}

		}

		@media screen and (max-width:430px){
			
			.wrapper.about .history header + .inner{
				padding:30px 0;
			}

		}
		
				.wrapper.about .history header + .inner table{
					width:100%;
					border-collapse:collapse;
					font-size:0.9em;
				}

					.wrapper.about .history header + .inner th{
						padding:10px 5px;
						line-height:1.4em;
						border:1px solid #ccc;
						font-size:0.9em;
						white-space:nowrap;
						background-color:#f2f2f2;
					}
.wrapper.about .history header + .inner th:nth-of-type(2){text-align:right;}
.wrapper.about .history header + .inner th:nth-of-type(3){text-align:left;}

					.wrapper.about .history header + .inner td{
						padding:10px 15px;
						border:1px solid #ccc;
						line-height:1.4em;
					}
					
				.wrapper.about .history header + .inner th.nopadding{padding:1px 0;}


		@media screen and (max-width:770px){
			
			.wrapper.about .history header + .inner table{
				border-top:1px solid #ccc;
				border-right:1px solid #ccc;
			}
		
				.wrapper.about .history header + .inner th{
					display:block;
					width:calc(100% / 3);
					padding:10px 0;
					float:left;
					border:none;
					border-left:1px solid #ccc;
				}
				.wrapper.about .history header + .inner th:nth-of-type(1){width:calc(25% - 1px);}
				.wrapper.about .history header + .inner th:nth-of-type(2){
					width:calc(14% - 1px);
					padding-right: 1%;
				}
				.wrapper.about .history header + .inner th:nth-of-type(3){
					width:calc(59% - 1px);
					padding-left: 1%;
				}
		
				.wrapper.about .history header + .inner td{
					display:block;
					clear:both;
					width:calc(100% - 30px);
					padding:10px 15px;
					border-right:none;
				}
				
			
		}




		/* イベント */


		.wrapper.about .events{
			padding-bottom:50px;
		}

			.wrapper.about .events header{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				border-bottom:1px solid #0f65aa;
			}
		
			.wrapper.about .events header .inner{
				width:450px;
				margin:0 auto;
			}
			
				.wrapper.about .events .entitle{
					height:75px;
					padding-right:35px;
					margin-right:34px;
					color:#0f65aa;
					font-size:2.0em;
					line-height:80px;
					letter-spacing:0.1em;
					float:left;
					background-image:url(../images/line_title.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
				}
	
				.wrapper.about .events .entitle + h3{
					height:75px;
					color:#0f65aa;
					font-size:1.3em;
					font-weight:700;
					line-height:80px;
					float:left;
				}


		@media screen and (max-width:770px){
			
			.wrapper.about .events header .inner{
				width:330px;
			}

				.wrapper.about .events .entitle{
					height:60px;
					padding-right:20px;
					margin-right:19px;
					font-size:1.6em;
					line-height:65px;
				}
	
				.wrapper.about .events .entitle + h3{
					height:60px;
					font-size:1.0em;
					line-height:65px;
				}
				
		}


		@media screen and (max-width:480px){
			
			.wrapper.about .events header .inner{
				width:100%;
			}

				.wrapper.about .events .entitle{
					height:auto;
					padding-right:0;
					margin-right:0;
					font-size:1.2em;
					text-align:center;
					line-height:2.0em;
					background-image:none;
					float:none;
				}
	
				.wrapper.about .events .entitle + h3{
					height:auto;
					font-size:1.0em;
					text-align:center;
					line-height:2.0em;
					float:none;
					position:relative;
					top:-6px;
				}

		}

			
			.wrapper.about .events header + .inner{
				max-width:1000px;
				width:90%;
				margin:30px auto;
			}
			
			.wrapper.about .events header + .inner > p{
				margin-bottom:30px;
				font-weight:700;
			}
			
				.wrapper.about .events ul{
					margin-left:20px;
				}
			
					.wrapper.about .events li{
						list-style:none;
					}
	
					.wrapper.about .events li{zoom:1;}
					.wrapper.about .events li:after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}
			
					.wrapper.about .events li p{
						width:54%;
						float:left;
					}

				@media screen and (max-width:770px){
			
					.wrapper.about .events li p{
						width:100%;
						float:none;
					}

				}
				
				.wrapper.about .events .imagebox{
						width:43%;
						margin-top:15px;
						float:right;
					}

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

					.wrapper.about .events .imagebox{
						max-width:430px;
						width:100%;
						margin:0 auto 20px;
						float:none;
					}

				}
				
					.wrapper.about .events .imagebox img{
						width:49%;
						height:atuo;
					}


				.wrapper.about .events li h4{
					width:100%;
					margin:0;
					color:#525ca7;
					font-size:1.4em;
					font-weight:700;
					line-height: 1.3em;
					
				}
				.wrapper.about .events li h4:before{
					content:url(../images/omt_circle-purple.png);
					margin:20px 0 0 -11px;
					position:relative;
					left:-18px;
					top:-1px;
				}
				
			@media screen and (max-width:770px){
	
				.wrapper.about .events li h4{
					font-size:1.2em;
				}
				
			}
				
			@media screen and (max-width:430px){
	
				.wrapper.about .events li h4{
					font-size:1.0em;
				}
				
			}
				
	
				.wrapper.about .events li h4 + p{
					margin:10px 0 20px;
				}
				




		/* 迎仙閣 */

	
		.wrapper.gyousenkaku{
			background-color:#f2f2f2;
		
		}

			.wrapper.gyousenkaku > .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding:40px 0 75px;
			}
			
			
		@media screen and (max-width:770px){
			
			.wrapper.gyousenkaku > .inner{width:100%;}
			
		}
		
		
			.gyousenkaku .shisetsunote{
				width:42%;
				padding:30px 3%;
				background-color:#fff;
				float:right;
			}
			
		@media screen and (max-width:770px){
		
			.gyousenkaku .shisetsunote{
				width:90%;
				padding:30px 5%;
				margin:0 0 30px;
				float:none;
			}
			
		}

				.gyousenkaku .shisetsunote h3{
					color:#002c4d;
					font-size:1.4em;
					text-align:center;
					font-weight:700;
				}

				.gyousenkaku .shisetsunote h3 + p{
					text-align:center;
				}



		.gyousenkaku .shisetsunote h4{
			margin-bottom:20px;
			color:#030;
			font-size:1.4em;
			font-family: 'Sawarabi Mincho', sans-serif;
			letter-spacing:0;
			text-align:center;
		}
			
	@media screen and (max-width:1100px){

		.gyousenkaku .shisetsunote h4{
			font-size:1.2em;
		}
			
	}
			
	@media screen and (max-width:770px){
		
		.gyousenkaku .shisetsunote h4 br{
			font-size:1.4em;
			display:none;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.gyousenkaku .shisetsunote h4 br{
			display:inline;
		}
			
	}
		
		
		.gyousenkaku .shisetsunote h4 + p{
			color:#0b308e;
			font-size:1.1em;			
			font-weight:700;
			text-align:center;
		}
			
	@media screen and (max-width:770px){
		
		.gyousenkaku .shisetsunote h4 + p br{
			display:none;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.gyousenkaku .shisetsunote h4 + p{
			font-size:0.9em;			
			line-height:1.5em;
		}
			
	}
			
	@media screen and (max-width:370px){
		
		.gyousenkaku .shisetsunote h4 + p br{
			display:inline;
		}
			
	}
	
		.gyousenkaku .shisetsunote .spbox{
			margin:20px 0;
			padding:15px 5%;
			border:1px solid #ccc;
		}

		.gyousenkaku .spbox h5{			
			font-size:1.1em;
			border-bottom:none;
		}
			

			.gyousenkaku .shisetsunote table{
				font-size:0.9em;
				border-collapse:collapse;
			}

				.gyousenkaku .shisetsunote table th{
					width:90px;
					padding:12px 0;
					vertical-align:top;
					line-height:1.4em;
					border-bottom:1px dashed #ccc;
				}

				.gyousenkaku .shisetsunote table td{
					padding:10px 10px 10px 0;
					border-bottom:1px dashed #ccc;
					line-height:1.7em;
				}

				.gyousenkaku .shisetsunote table td h5{
					margin-top:10px;
					color:#0b308e;
					font-weight:700;
				}
				.gyousenkaku .shisetsunote table td h5:nth-of-type(1){
					margin-top:0;
				}

			@media screen and (max-width:1000px){
		
				.gyousenkaku .shisetsunote table th{
					width:100%;
					display:block;
				}
		
				.gyousenkaku .shisetsunote table td{
					width:calc(100% - 20px);
					padding:10px;
					display:block;
				}

				.gyousenkaku .shisetsunote table th{
					padding:5px 0;
					background-color:#f8f8f8;
					border:none;
				}

				.gyousenkaku .shisetsunote table td{
					border-top:1px dashed #ccc;
					border-bottom:1px solid #ccc;
				}
				
			}

		
		.gyousenkaku .shisetsunote .spbox + img{
			display:block;
			max-width:410px;
			width:100%;
			height:auto;
			margin:0 auto;
		}


		.gyousenkaku .shisetsunote .outline{position:relative;}

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

		.gyousenkaku .shisetsunote .outline{display:none;}
		
	}
	
		.gyousenkaku .trigger{
			max-width:480px;
			width:80%;
			height:40px;
			margin:30px auto 0;
			text-align:center;
			border:1px solid #ccc;
			line-height:40px;
			border-radius:20px;
			position:relative;
			cursor:pointer;
			display:none;
		}

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

		.gyousenkaku .trigger{display:block;}

	}
	


	　/* 左側 */
	
		.gyousenkaku .shisetsumainnote{}

		.gyousenkaku .shisetsumainnote{
			width:48%;
			float:left;
		}
			
	@media screen and (max-width:770px){

		.gyousenkaku .shisetsumainnote{
			max-width:480px;
			width:90%;
			margin:0 auto;
			float:none;
		}
		
	}

			.gyousenkaku .shisetsumainnote .mainphoto{
				width:100%;
			}
			.gyousenkaku .mainphoto img{
				width:100%;
				height:auto;
			}
			.gyousenkaku .mainphoto p{
				margin:5px 0 0;
				font-size:0.8em;
				text-align:center;
			}
			
		@media screen and (max-width:770px){
	
			.gyousenkaku .groupnote .mainphoto{
			}
			
		}





		
		.gyousenkaku .shisetsumainnote .mainphoto + p{
			color:#0b308e;
			font-size:1.1em;			
			font-weight:700;
			text-align:center;
		}
			
	@media screen and (max-width:430px){
		
		.gyousenkaku .shisetsumainnote .mainphoto + p{
			font-size:0.9em;			
			line-height:1.5em;
		}
			
	}
	

			.gyousenkaku .shisetsumainnote .mainphoto + p + .catch{
				margin-bottom:30px;
				color:#c30;
				font-size:1.7em;
				font-family: 'Sawarabi Mincho', sans-serif;
				text-align:center;
				line-height:1.4em;
			}
			
		@media screen and (max-width:1000px){

			.gyousenkaku .shisetsumainnote .mainphoto + p + .catch{
				font-size:1.3em;
			}
			
		}
			
		@media screen and (max-width:430px){

			.gyousenkaku .shisetsumainnote .mainphoto + p + .catch{
				font-size:1.2em;
			}
			
		}
			
		@media screen and (max-width:370px){

			.gyousenkaku .shisetsumainnote .mainphoto + p + .catch{
				font-size:1.0em;
			}
			
		}
		

		.gyousenkaku .imagelist{
			margin-bottom: 0;
		}

		.gyousenkaku .imagelist li{
			max-width:230px;
			width:48%;
			margin:0 1% 10px;
			list-style:none;
			line-height:0;
			float:left;
		}

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

		.gyousenkaku .imagelist li{
			margin:0 1% 5px;
		}

	}

			.gyousenkaku .imagelist li img{
				width:100%;
				height:auto;
			}
	
		.gyousenkaku .imagelist + p{
			margin: 0;
			font-size:0.8em;
			text-align: center;
		}
	
		.gyousenkaku .imagelist + p + p{
			margin: 10px 0 0 4px;
			font-weight:700;
		}

		
			.gyousenkaku .shisetsumokuteki{
				width:95%;
				margin: 0 1% 0;
				padding: 10px 3% 5px 0;
				background-color: #fff;
			}

			.gyousenkaku .shisetsumokuteki li{
				margin-left:30px;
				margin-bottom:5px;
				font-size:0.8em;
				list-style:circle;
				line-height:1.4em !important;
				float:none;
			}

				

		/* 50年の歩み */


	.history50 h3{
		width: 100%;
		height: 300px;
		margin-bottom: 80px;
		background-image: url(../images/img_history50th.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		text-indent: -9999px;
	}

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

	.history50 h3{
		height: 250px;
		margin-bottom: 70px;
		background-size: 1600px auto;
	}

}

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

	.history50 h3{
		height: 150px;
		margin-bottom: 50px;
		background-size: 960px auto;
	}

}

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

	.history50 h3{
		height: 120px;
		margin-bottom: 30px;
		background-size: 768px auto;
	}

}

	.history50 .wrapper{
		max-width: 1000px;
		width:90%;
		margin: 0 auto;
		padding-bottom:70px;
	}

		.movie{
			max-width: 896px;
			width: 100%;
			margin: 0 auto 70px;
			aspect-ratio: 16 / 9;
		}
		.movie iframe{
			width: 100%;
			height: 100%;
		}

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

		.movie{margin-bottom:50px;}

	}

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

		.movie{margin-bottom:30px;}

	}




		.history50 .wrapper > ul > li{
			padding: 25px 1% 10px;
			list-style: none;
			border-bottom: 1px solid #ccc;

		}
		.history50 .wrapper > ul > li:nth-of-type(1){
			border-top: 1px solid #ccc;
		}

		.history50 .wrapper > ul > li{zoom:1;}
		.history50 .wrapper > ul > li:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

			.history50 .wrapper > ul > li img{
				width:30%;
				height: auto;
				margin-bottom: 15px;
				float:left;
			}

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

			.history50 .wrapper > ul > li img{
				display: block;
				max-width: 240px;
				width:80%;
				margin:0 auto 20px;
				float:none;
			}

		}


			.history50 .wrapper > ul > li h4{
				width: 67%;
				color:#069;
				font-weight: 700;
				float: right;
			}

			.history50 .wrapper > ul > li p{
				width: 67%;
				float: right;
			}

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

			.history50 .wrapper > ul > li h4{
				width: 98%;
				line-height: 1.7em;
				float:none;
			}

			.history50 .wrapper > ul > li p{
				width: 98%;
				font-size: 0.9em;
				line-height: 1.7em;
				float:none;
			}

		}

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

			.history50 .wrapper > ul > li h4{
				font-size: 0.9em;
			}

		}


			.history50 .wrapper > ul > li ul{
				width: 67%;
				float: right;
				position: relative;
				left:20px;
			}
			.history50 .wrapper > ul > li ul li{
				line-height: 1.5em;
				margin-bottom: 5px;
			}
			.history50 .wrapper > ul > li ul li:nth-last-of-type(1){
				margin-bottom: 0;
			}
			.history50 .wrapper > ul > li h4 + ul{
				margin-top: 15px;
			}

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

			.history50 .wrapper > ul > li ul{
				width: 98%;
				margin-left:20px;
				font-size: 0.9em;
				line-height: 1.7em;
				float:none;
				left:0;
			}

		}














/*####################################################################################

  	事業部

　####################################################################################*/

	.business + .selectbtn{
		max-width:1200px;
		width:90%;
		margin:0 auto 50px;
	}

		.business + .selectbtn li{
			width:48%;
			height:50px;
			color:#fff;
			font-size:1.2em;
			font-weight:700;
			text-align:center;
			line-height:50px;
			list-style:none;
			float:left;
			background-color:#0b308d;
		}
		.business + .selectbtn li a{
			color:#fff;
			text-decoration:none;
		}
		.business + .selectbtn li a:hover{
			color:#ff0;
		}

		.business + .selectbtn li:nth-last-of-type(1){
			background-color:#44ae35;
			float:right;
		}
		
	@media screen and (max-width:1000px){
		
		.business + .selectbtn li{
			font-size:1.0em;
		}

	}

	@media screen and (max-width:770px){
		
		.business + .selectbtn li{
			height:40px;
			font-size:0.9em;
			line-height:40px;
		}

	}

	.business + .selectbtn + h3{
		margin-bottom:45px;
		text-align:center;
		font-size:2.2em;
		font-weight:700;
		position:relative;
		z-index:10;
	}
		
@media screen and (max-width:1000px){

	.business + .selectbtn + h3{font-size:2.0em;}
		
}
		
@media screen and (max-width:770px){

	.business + .selectbtn + h3{font-size:1.6em;}
		
}
		
@media screen and (max-width:430px){

	.business + .selectbtn + h3{font-size:1.4em;}
		
}


	
	.business + .selectbtn + h3.eigyo{color:#0b308d;}
	
	.business + .selectbtn + h3.service{color:#44ae35;}

	
	.wrapper.business{
	}
	

		.wrapper.business > header{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			max-width:1200px;
			width:100%;
			margin:0 auto;
			height:250px;			
			background-repeat:no-repeat;
			background-position:50% 50%;
			background-size:100% auto;
		}
		
		.wrapper.kenki > header{background-image:url(../images/img_kenki.jpg);}
		.wrapper.kankyo > header{background-image:url(../images/img_kankyo.jpg);}
		.wrapper.rental > header{background-image:url(../images/img_rental.jpg);}
		.wrapper.service > header{background-image:url(../images/img_service.jpg);}
		.wrapper.plant > header{background-image:url(../images/img_plant.jpg);}
		
		
		
	@media screen and (max-width:1000px){
		
		.wrapper.business > header{
			height:210px;
		}

	}

	@media screen and (max-width:770px){
		
		.wrapper.business > header{
			margin-bottom:-40px;
			position:relative;
			top:-40px;
		}

	}

	@media screen and (max-width:640px){
		
		.wrapper.business > header{
			margin-bottom:-55px;
			top:-55px;
		}

	}

	@media screen and (max-width:480px){
		
		.wrapper.business > header{
			margin-bottom:-70px;
			top:-70px;
		}

	}

		.wrapper.business > header > h4{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:210px;
			height:210px;
			font-size:1.4em;
			font-weight:700;
			text-align:center;
			background-image:url(../images/bg_subtitle.png);
			background-repeat:no-repeat;
			background-size:100% auto;
			background-position:50% 50%;
		}

	@media screen and (max-width:770px){
		
		.wrapper.business > header > h4{
			font-size:1.3em;
		}

	}

	@media screen and (max-width:430px){
		
		.wrapper.business > header > h4{
			width:160px;
			height:160px;
			font-size:1.1em;
		}

	}


			.wrapper.business .subcatch{
				max-width:1000px;
				width:90%;
				margin:30px auto;
				color:#404500;
				font-size:2.0em;
				line-height:1.5em;
				text-align:center;
				font-family: 'Sawarabi Mincho', sans-serif;
			}

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

			.wrapper.business .subcatch{
				margin:20px auto;
				font-size:1.6em;
				text-align:left;
			}

		}

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

			.wrapper.business .subcatch{
				margin:0 auto;
				position:relative;
			}

		}

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

			.wrapper.business .subcatch{
				margin:0 auto -35px;
				font-size:1.4em;
				position:relative;
				top:-30px;
			}

		}

				.wrapper.business .subcatch + .note{
					max-width:1000px;
					width:90%;
					margin:30px auto;
					font-size:1.1em;
					font-family: 'Sawarabi Mincho', sans-serif;
				}

			@media screen and (max-width:770px){
				
				.wrapper.business .subcatch + .note{
					margin:30px auto;
					font-size:1.0em;
				}

			}


		.wrapper.business .products{
			max-width:1200px;
			width:100%;
			margin:0 auto 120px;
			padding:15px 0;
			background-color:#f2f2f2;
		}

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

		.wrapper.business .products{
			margin-bottom:100px;
		}

	}

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

		.wrapper.business .products{
			margin-bottom:80px;
		}

	}


			.wrapper.business .products header{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				border-bottom:1px solid #0f65aa;
			}
		
			.wrapper.business .products header .inner{
				width:520px;
				margin:0 auto;
			}
			


				.wrapper.business .products .entitle{
					height:75px;
					padding-right:35px;
					margin-right:34px;
					color:#0f65aa;
					font-size:2.0em;
					line-height:80px;
					letter-spacing:0.1em;
					float:left;
					background-image:url(../images/line_title.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
				}
	
				.wrapper.business .products .entitle + h5{
					height:75px;
					color:#0f65aa;
					font-size:1.3em;
					font-weight:700;
					line-height:80px;
					float:left;
				}


		@media screen and (max-width:770px){
			
			.wrapper.business .products header .inner{
				width:400px;
			}

				.wrapper.business .products .entitle{
					height:60px;
					padding-right:20px;
					margin-right:19px;
					font-size:1.6em;
					line-height:65px;
				}
	
				.wrapper.business .products .entitle + h5{
					height:60px;
					font-size:1.0em;
					line-height:65px;
				}
				
		}


		@media screen and (max-width:480px){
			
			.wrapper.business .products header .inner{
				width:100%;
			}

				.wrapper.business .products .entitle{
					height:auto;
					padding-right:0;
					margin-right:0;
					font-size:1.2em;
					text-align:center;
					line-height:2.0em;
					background-image:none;
					float:none;
				}
	
				.wrapper.business .products .entitle + h5{
					height:auto;
					font-size:1.0em;
					text-align:center;
					line-height:2.0em;
					float:none;
					position:relative;
					top:-6px;
				}

		}



 /* 建機事業部 ***************************************************/


		.wrapper.kenki .products ul:nth-of-type(1){
			max-width:1000px;
			width:90%;
			margin:10px auto;
			
		}

			.wrapper.kenki .products > ul:nth-of-type(1) > li{
				list-style:none;				
			}

			.wrapper.kenki .products > ul:nth-of-type(1) > li:nth-last-of-type(2){
				margin-top:20px;			
			}

			.wrapper.kenki .products > ul:nth-of-type(1) > li:nth-last-of-type(1){
				margin-top:15px;			
			}

			.wrapper.kenki .products > ul:nth-of-type(1) > li{
				list-style:none;				
			}

			.wrapper.kenki .products > ul:nth-of-type(1) > li .logo{
				display:-webkit-flex;
				display:flex;
				align-items:center;
				height:66px;
			}

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

			.wrapper.kenki .products > ul:nth-of-type(1) > li .logo{
				margin:30px 0 10px;
				height:auto;
			}

		}

				.wrapper.kenki .products > ul:nth-of-type(1) > li h6{
					margin:5px 0;
					font-size:1.1em;
				}

				.wrapper.kenki .products > ul:nth-of-type(1) > li{
					width:25%;
					font-size:0.8em;
					line-height:1.7em;
					float:left;
				}

			@media screen and (max-width:1000px){
	
				.wrapper.kenki .products > ul:nth-of-type(1) > li{
					width:calc(100% / 3);
				}
	
			}		

			@media screen and (max-width:640px){
	
				.wrapper.kenki .products > ul:nth-of-type(1) > li{
					width:50%;
				}
	
			}		
	
			@media screen and (max-width:430px){

				.wrapper.kenki .products > ul:nth-of-type(1) > li{
					width:240px;
					margin:0 auto;
					float:none;
				}

			}		

				.wrapper.kenki .products ul:nth-of-type(1) > li > ul{
					margin:0 0 0 18px;					
				}


			.wrapper.kenki .products ul:nth-of-type(1) + p{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				font-size:0.9em;
				font-weight:700;
				position:relative;
				line-height:1.5em;
				top:-20px;
			}

		@media screen and (max-width:1000px){
	
			.wrapper.kenki .products ul:nth-of-type(1) + p{
				top:-50px;
			}
	
		}		

		@media screen and (max-width:640px){
	
			.wrapper.kenki .products ul:nth-of-type(1) + p{
				margin-bottom:30px;
				top:0;
			}
	
		}		
	


			.wrapper.kenki .products ul:nth-of-type(1) + p img{
				width:20%;
				height:auto;
				margin-bottom:-200px;
				float:right;
				position:relative;
				top:-230px;
				left:-45px;
			}

		@media screen and (max-width:1000px){
	
			.wrapper.kenki .products ul:nth-of-type(1) + p img{
				display:none;
			}
	
		}		
	

	/* 取扱商品2 */

		.wrapper.kenki .products ul:nth-of-type(2){
			clear:both;
			max-width:1000px;
			width:90%;
			margin:0 auto;

		}

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

		.wrapper.kenki .products ul:nth-of-type(2){
			width:240px;
			margin:0 auto;
		}

	}
	
		.wrapper.kenki .products ul:nth-of-type(2) li{
			max-width:325px;
			width:32%;
			margin:0 2% 10px 0;
			list-style:none;
			float:left;
		}

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

		.wrapper.kenki .products ul:nth-of-type(2) li{
			max-width:325px;
			width:49%;
			margin:0 2% 10px 0;
		}

	}

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

		.wrapper.kenki .products ul:nth-of-type(2) li{
			width:100%;
		}

	}

		
		.wrapper.kenki .products ul:nth-of-type(2) li img{
			width:100%;
			height:auto;
		}

		.wrapper.kenki .products ul:nth-of-type(2) li:nth-of-type(3n){
			margin-right:0;
		}

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

		.wrapper.kenki .products ul:nth-of-type(2) li:nth-of-type(3n){margin-right:2%;}
		.wrapper.kenki .products ul:nth-of-type(2) li:nth-of-type(2n){margin-right:0;}

	}

		.wrapper.kenki .products ul:nth-of-type(2) li p{
			margin:0 0 5px;
			font-size:0.8em;
			line-height:1.4em;
		}




 /* 環境事業部 ***************************************************/


		.kankyochart{
			max-width:740px;
			width:90%;
			margin:0 auto;
		}
	
			.kankyochart p{
				margin:50px 0 40px;
				color:#0b308e;
				font-size:1.6em;
				font-weight:700;
				text-align:center;
				line-height:1.7em;
			}
	
		@media screen and (max-width:770px){
	
			.kankyochart p{
				margin:40px 0 30px;
				font-size:1.2em;
				line-height:1.6em;
			}
	
		}
	
		@media screen and (max-width:480px){
	
			.kankyochart p{
				margin:40px 0 30px;
				font-size:1.0em;
				line-height:1.6em;
			}
	
		}
	
		@media screen and (max-width:400px){
	
			.kankyochart p{
				text-align:left;
			}
	
		}

			.kankyochart img{
				width:100%;
				height:auto;
				margin-bottom:65px;
			}





		.wrapper.business .kankyoproducts{
			padding-bottom:0;
			background-color:#fff;
		}

			
			.wrapper.business .kankyoproducts header .inner{
				width:930px;
			}

		@media screen and (max-width:1050px){
			
			.wrapper.business .kankyoproducts header .inner{
				width:720px;
			}

				.wrapper.business .kankyoproducts .entitle{
					height:60px;
					padding-right:20px;
					margin-right:19px;
					font-size:1.6em;
					line-height:65px;
				}
	
				.wrapper.business .kankyoproducts .entitle + h5{
					height:60px;
					font-size:1.0em;
					line-height:65px;
				}
				
		}

		@media screen and (max-width:840px){
			
			.wrapper.business .kankyoproducts header .inner{
				width:100%;
			}

				.wrapper.business .kankyoproducts .entitle{
					height:auto;
					padding-right:0;
					margin-right:0;
					font-size:1.2em;
					text-align:center;
					line-height:2.0em;
					background-image:none;
					float:none;
				}
	
				.wrapper.business .kankyoproducts .entitle + h5{
					height:auto;
					font-size:1.0em;
					text-align:center;
					line-height:2.0em;
					float:none;
					position:relative;
					top:-6px;
				}

		}

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

				.wrapper.business .kankyoproducts .entitle{
					font-size:1.0em;
					line-height:1.5em;
				}
	
				.wrapper.business .kankyoproducts .entitle + h5{
					top:0;
				}
	
		}


		.wrapper.business .kankyoproducts ol{
			max-width:1000px;
			width:90%;
			margin:60px auto 0;			
		}
			
	@media screen and (max-width:770px){

		.wrapper.business .kankyoproducts ol{
			margin:30px auto 0;			
		}
			
	}
		
			.wrapper.business .kankyoproducts ol li{
				margin-bottom:15px;
				padding:30px 6% 10px 13%;
				-moz-box-shadow:0 0 0 1px #ccc inset;
				-webkit-box-shadow:0 0 0 1px #ccc inset;
				box-shadow:0 0 0 1px #ccc inset;
				list-style:none;
				background-repeat:no-repeat;
				background-position:4% 30px;	
			}
			
		@media screen and (max-width:1000px){

			.wrapper.business .kankyoproducts ol li{
				padding:30px 5% 10px 13%;
				background-size:55px auto;
				background-position:3% 30px;	
			}
			
		}
			
		@media screen and (max-width:770px){

			.wrapper.business .kankyoproducts ol li{
				padding:30px 5% 10px 70px;
				background-size:40px auto;
				background-position:3% 30px;	
			}
			
		}
			
		@media screen and (max-width:430px){

			.wrapper.business .kankyoproducts ol li{
				padding:70px 5% 10px;
				background-size:30px auto;
				background-position:50% 20px;	
			}
			
		}
		
			.wrapper.business .kankyoproducts ol li:nth-last-of-type(1) p{
				width:calc(100% - 390px);
				float:left;
			}
			
		@media screen and (max-width:1000px){
		
			.wrapper.business .kankyoproducts ol li:nth-last-of-type(1) p{
				width:100%;
				float:none;
			}
			
		}
		
			.wrapper.business .kankyoproducts ol li:nth-last-of-type(1) .imagebox{
				width:375px;
				float:right;
			}
			
		@media screen and (max-width:1000px){
		
			.wrapper.business .kankyoproducts ol li:nth-last-of-type(1) .imagebox{
				max-width:375px;
				width:100%;
				margin:10px auto;
				float:none;
			}
			
		}

			.imagebox img{
				width:48%;
				height:auto;
			}
		
			.imagebox img:nth-last-of-type(2){float:right;}
		
			.wrapper.business .kankyoproducts ol li:nth-of-type(1){background-image:url(../images/num_blue1.png);}
			.wrapper.business .kankyoproducts ol li:nth-of-type(2){background-image:url(../images/num_blue2.png);}
			.wrapper.business .kankyoproducts ol li:nth-of-type(3){background-image:url(../images/num_blue3.png);}
			.wrapper.business .kankyoproducts ol li:nth-of-type(4){background-image:url(../images/num_blue4.png);}

				.wrapper.business .kankyoproducts ol li h5{
					color:#525ca7;
					font-size:1.8em;
					font-weight:700;
				}
				
			@media screen and (max-width:1000px){
	
				.wrapper.business .kankyoproducts ol li h5{
					font-size:1.6em;
				}
				
			}
				
			@media screen and (max-width:770px){
	
				.wrapper.business .kankyoproducts ol li h5{
					font-size:1.4em;
				}
				
			}
				
			@media screen and (max-width:640px){
	
				.wrapper.business .kankyoproducts ol li h5{
					font-size:1.2em;
				}
				
			}
				
			@media screen and (max-width:430px){
	
				.wrapper.business .kankyoproducts ol li h5{
					font-size:1.1em;
				}
				
			}
			
				.wrapper.business .kankyoproducts ol li p{
					font-size:1.2em;
					line-height: 1.8em;
				}
			
			@media screen and (max-width:1000px){
			
				.wrapper.business .kankyoproducts ol li p{
					font-size:1.1em;
				}
			
			}
			
			@media screen and (max-width:770px){
			
				.wrapper.business .kankyoproducts ol li p{
					font-size:1.0em;
				}
			
			}



	/* 取扱商品 */

		.wrapper.kankyo .products ul:nth-of-type(1){
			max-width:1000px;
			width:90%;
			margin:30px auto 0;
			
		}

			.wrapper.kankyo .products > ul:nth-of-type(1) > li{
				margin-left:20px;			
			}
	
		@media screen and (max-width:1000px){

			.wrapper.kankyo .products > ul:nth-of-type(1) > li{
				font-size:0.9em;		
			}
	
		}
		
		
		.wrapper.kankyo .products ul:nth-of-type(1) + p{
			max-width:1000px;
			width:90%;
			margin:10px auto;
			
		}
	
		@media screen and (max-width:1000px){

		.wrapper.kankyo .products ul:nth-of-type(1) + p{
				font-size:0.9em;		
			}
	
		}


	

	/* 取扱商品2 */

		.wrapper.kankyo .products ul:nth-of-type(2){
			clear:both;
			max-width:1000px;
			width:90%;
			margin:0 auto;

		}

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

		.wrapper.kankyo .products ul:nth-of-type(2){
			max-width:500px;
		}

	}
	

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

		.wrapper.kankyo .products ul:nth-of-type(2){
			width:240px;
		}

	}
	
		.wrapper.kankyo .products ul:nth-of-type(2) > li{
			max-width:238px;
			width:24%;
			margin-right:calc(4% / 3);
			list-style:none;
			float:left;
		}
		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-last-of-type(1){margin-right:0;}

	@media screen and (max-width:1000px){
	
		.wrapper.kankyo .products ul:nth-of-type(2) > li{
			max-width:238px;
			width:49%;
			margin-right:2%;
		}
		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth--of-type(2n){margin-right:0;}

	}

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

		.wrapper.kankyo .products ul:nth-of-type(2) > li{
			max-width:325px;
			width:49%;
			margin:0 2% 10px 0;
		}

	}

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

		.wrapper.kankyo .products ul:nth-of-type(2) > li{
			width:100%;
		}

	}

		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-of-type(3){
			max-width:217px;
			width:22%;
		}

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

		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-of-type(3){
			width:44%;
			margin-right:0;
		}

	}

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

		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-of-type(3){
			width:217px;
			float:none;
		}

	}


		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-last-of-type(1){
			width:54%;
			float:right;
		}

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

		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-last-of-type(1){
			width:100%;
			margin-left:0;
			float:none;
		}

	}


		
		.wrapper.kankyo .products ul:nth-of-type(2) > li img{
			width:100%;
			height:auto;
		}

		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-of-type(3n){
			margin-right:0;
		}

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

		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-of-type(3n){margin-right:2%;}
		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-of-type(2n){margin-right:0;}

	}

		.wrapper.kankyo .products ul:nth-of-type(2) > li p{
			margin:0 0 9px;
			font-size:0.8em;
			line-height:1.4em;
		}


		.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-last-of-type(1) ul{
			margin:0 0 0 40px;
			font-size:0.9em;
			
		}
		
		@media screen and (max-width:1000px){

			.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-last-of-type(1) ul{
				margin-top:15px;
			}
	
		}


			.wrapper.kankyo .products ul:nth-of-type(2) > li:nth-last-of-type(1) ul li{
				margin-bottom:5px;
				line-height:1.4em;
				
			}





 /* リース・レンタル事業部 ***************************************************/


		.wrapper.rental .products{
			margin-bottom:50px;
		}

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

		.wrapper.rental .products{
			margin-bottom:0;
		}

	}

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

		.wrapper.rental .products{
			margin-bottom:0;
		}

	}



				.wrapper.rental .subcatch + .note p{
					margin:30px 0;
					color:#c33;
					font-size:1.6em;
					line-height:1.5em;
				}

			@media screen and (max-width:770px){
				
				.wrapper.rental .subcatch + .note p{
					font-size:1.2em;
				}

			}




		.wrapper.rental .products ul:nth-of-type(1){
			max-width:1000px;
			width:90%;
			margin:10px auto;
			
		}

			.wrapper.rental .products > ul:nth-of-type(1) > li{
				list-style:none;				
			}

			.wrapper.rental .products > ul:nth-of-type(1) > li:nth-last-of-type(2){
				margin-top:15px;			
			}

			.wrapperrental .products > ul:nth-of-type(1) > li{
				list-style:none;				
			}

			.wrapper.rental .products > ul:nth-of-type(1) > li .logo{
				display:-webkit-flex;
				display:flex;
				align-items:center;
				height:66px;
			}

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

			.wrapper.rental .products > ul:nth-of-type(1) > li .logo{
				margin:30px 0 10px;
				height:auto;
			}

		}

				.wrapper.rental .products > ul:nth-of-type(1) > li h6{
					margin:5px 0;
					font-size:1.1em;
				}

				.wrapper.rental .products > ul:nth-of-type(1) > li{
					width:25%;
					font-size:0.8em;
					line-height:1.7em;
					float:left;
				}

				.wrapper.rental .products > ul:nth-of-type(1) > li:nth-last-of-type(1){
					width:50%;
				}

			@media screen and (max-width:1000px){
	
				.wrapper.rental .products > ul:nth-of-type(1) > li{
					width:calc(100% / 3);
				}
	
			}		

			@media screen and (max-width:640px){
	
				.wrapper.rental .products > ul:nth-of-type(1) > li{
					width:50%;
				}

				.wrapper.rental .products > ul:nth-of-type(1) > li:nth-last-of-type(1){
					width:100%;
				}
	
			}		
	
			@media screen and (max-width:430px){

				.wrapper.rental .products > ul:nth-of-type(1) > li{
					width:240px;
					margin:0 auto;
					float:none;
				}

			}		

				.wrapper.rental .products ul:nth-of-type(1) > li > ul{
					margin:0 0 0 18px;					
				}


			.wrapper.rental .products ul:nth-of-type(1) + p{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				font-size:0.9em;
				font-weight:700;
				text-align:center;
				line-height:1.5em;
				position:relative;
				top:-70px;
			}

		@media screen and (max-width:1000px){
	
			.wrapper.rental .products ul:nth-of-type(1) + p{
				top:-50px;
			}
	
		}		

		@media screen and (max-width:640px){
	
			.wrapper.rental .products ul:nth-of-type(1) + p{
				margin-bottom:30px;
				text-align:left;
				top:0;
			}
	
		}		
	


			.wrapper.rental .products ul:nth-of-type(1) + p img{
				width:20%;
				height:auto;
				margin-bottom:-200px;
				float:right;
				position:relative;
				top:-230px;
				left:-45px;
			}

		@media screen and (max-width:1000px){
	
			.wrapper.rental .products ul:nth-of-type(1) + p img{
				display:none;
			}
	
		}	
		
		
		/* トヨクニネットワーク */
	
		.tnw{
			width:100%;
		}
		.tnw img{
			margin-right:15px;
			float:left;
		}
		.tnw img + p{
			padding-top:25px;
		}
	
	

	/* 取扱商品2 */

		.wrapper.rental .products ul:nth-of-type(2){
			clear:both;
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}

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

		.wrapper.rental .products ul:nth-of-type(2){
			width:240px;
			margin:0 auto;
		}

	}
	
		.wrapper.rental .products ul:nth-of-type(2) li{
			max-width:325px;
			width:32%;
			margin:0 2% 10px 0;
			list-style:none;
			float:left;
		}

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

		.wrapper.rental .products ul:nth-of-type(2) li{
			max-width:325px;
			width:49%;
			margin:0 2% 10px 0;
		}

	}

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

		.wrapper.rental .products ul:nth-of-type(2) li{
			width:100%;
		}

	}

		
		.wrapper.rental .products ul:nth-of-type(2) li img{
			width:100%;
			height:auto;
		}

		.wrapper.rental .products ul:nth-of-type(2) li:nth-of-type(3n){
			margin-right:0;
		}

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

		.wrapper.rental .products ul:nth-of-type(2) li:nth-of-type(3n){margin-right:2%;}
		.wrapper.rental .products ul:nth-of-type(2) li:nth-of-type(2n){margin-right:0;}

	}

		.wrapper.rental .products ul:nth-of-type(2) li p{
			margin:0 0 5px;
			font-size:0.8em;
			line-height:1.4em;
		}





 /* サービス ***************************************************/



	.service .division{
		max-width:1200px;
		width:90%;
		margin:0 auto;	
		padding:60px 0 40px;
		background-image:url(../images/omt_circle-blue.png);
		background-repeat:no-repeat;
		background-position:50% 0;
	}

	.wrapper.business .subcatch + .note + .division{
		padding-top:40px;	
		background-image:none;
		display:block;
	}


	.service .division h5{
		margin-bottom:30px;
		color:#525ca7;
		font-size:1.6em;
		font-weight:700;
		text-align:center;
		
	}

	.service .division img{
		float:left;
		margin-top:5px;
	}

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

	.service .division img{
		width:240px;
		height:auto;
	}

}

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

	.service .division img{
		display:block;
		margin:0 auto 30px;
		float:none;
	}

}

	.service .division .note{
		width:calc(100% - 344px);
		float:right;
	}

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

	.service .division .note{
		width:calc(100% - 290px);
	}

}

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

	.service .division .note{
		max-width:634px;
		width:100%;
		margin:0 auto;
	}

}

		.service .division .note p{
			margin:0 0 15px;
		}

		.service .division .note li{
			width:48%;
			margin-bottom: 5px;
			float:left;
			list-style:none;
		}
		.service .division .note li:nth-of-type(2n){
			float:right;
		}

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

		.service .division .note li,
		.service .division .note li:nth-of-type(2n){
			max-width:300px;
			width:90%;
			margin:30px auto 0;
			float:none;
		}

	}

			.service .division .note li img{
				width:100%;
				height: auto;
				margin-bottom:10px;
			}

			.service .division .note li img + p{
				margin:0;
				font-size:0.8em;
				line-height:1.7em;
			}


	.service .spbox{
		max-width:1000px;
		width:100%;
		margin:0 auto 120px;
		padding:40px 0 30px;
		background-color:#edefff;
	}

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

	.service .spbox{margin-bottom:100px;}

}

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

	.service .spbox{margin-bottom:80px;}

}

		.spbox .inner{
			max-width:740px;
			width:90%;
			margin:0 auto;
		}
		.spbox h5{			
			padding-bottom:8px;
			color:#525ca7;
			font-size:1.3em;
			font-weight:700;
			border-bottom:1px solid #525ca7;
		}
			
		.spbox h5:before{
			content:url(../images/omt_circle-purple.png);
			margin-right:8px;
			position:relative;
			top:-1px;
		}


			.spbox h5 + .spcatch{
				color:#0b308e;
				font-size:1.6em;
				font-weight:700;
				
			}
		
		@media screen and (max-width:770px){
		
			.spbox h5 + .spcatch{font-size:1.4em;}
		
		}
		
		@media screen and (max-width:430px){
		
			.spbox h5 + .spcatch{font-size:1.2em;}
		
		}


		.spbox .list{
			width:50%;
			float:left;
		}

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

		.spbox .list{
			max-width:300px;
			width:100%;
			margin:0 auto;
			float:none;
		}

	}

			.spbox h6{
				margin:0 0 10px;			
				font-size:1.1em;
				font-weight:700;
			}

			.spbox ul{
				width:calc(100% - 20px);
				margin-left:20px;
			}
		
		@media screen and (max-width:770px){

			.spbox ul{
				font-size:0.9em;
			}
		
		}

			.spbox li{
				margin-bottom:10px;
				line-height:1.4em;
			}
		





	/* 取扱商品 */

		.wrapper.plant .products header + .inner{
			max-width:1000px;
			width:90%;
			margin:30px auto;
		}

			.wrapper.plant .products header + .inner ul{
				width:calc(50% - 20px);
				margin-left:20px;			
				float:left;
			}
		
		@media screen and (max-width:770px){
	
			.wrapper.plant .products header + .inner ul{
				width:calc(100% - 20px);
				float:none;
			}
		
		}
	
				.wrapper.plant .products header + .inner u > li{
					margin-bottom:10px;
					line-height:1.4em;
				}
		
			@media screen and (max-width:1000px){
	
				.wrapper.plant .products header + .inner u > li{
					font-size:0.9em;		
				}
		
			}


		.wrapper.plant .products header + .inner + ul{
			max-width:900px;
			width:90%;
			margin:0 auto;
		}

			.wrapper.plant .products header + .inner + ul li{
				width:32%;
				margin-right:2%;
				float:left;
				list-style:none;
			}
			.wrapper.plant .products header + .inner + ul li:nth-last-of-type(1){
				margin-right:0;
				font-weight:700;
			}
			
	@media screen and (max-width:770px){
			
		.wrapper.plant .products header + .inner + ul{
			max-width:624px;
			margin:0 auto;
		}

			.wrapper.plant .products header + .inner + ul li{
				width:48%;
				margin-right:0;
				font-size:0.9em;
			}
			.wrapper.plant .products header + .inner + ul li:nth-of-type(2){float:right}
			.wrapper.plant .products header + .inner + ul li:nth-last-of-type(1){
				margin-right:0;
				width:100%;
			}
			
	}
			
			.wrapper.plant .products header + .inner + ul li img{
				width:100%;
				height:auto;
			}
	
			.wrapper.plant .products header + .inner + ul li img + p{
				margin:5px 0 0;
				font-size:0.8em;
				line-height:1.4em;
			}


		.wrapper.plant .products{
			margin-bottom:0;
			padding-bottom:50px;
		}

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

		.wrapper.plant .products{
			margin-bottom:0;
		}

	}

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

		.wrapper.plant .products{
			margin-bottom:0;
		}

	}





/*####################################################################################

  	グループ企業

　####################################################################################*/


	.group + .selectbtn{
		max-width:1000px;
		width:90%;
		height:88px;
		margin:0 auto -44px;
	}
		
@media screen and (max-width:1000px){

	.group + .selectbtn{
		height:auto;
	}
		
}
		
@media screen and (max-width:770px){

	.group + .selectbtn{
		height:auto;
	}
		
}
	
		.group + .selectbtn li{
			width:calc((100% - 4px) / 5);
			height:44px;
			margin-right:1px;
			padding-top:44px;
			color:#fff;
			font-size:1.0em;
			font-weight:700;
			text-align:center;
			line-height:45px;
			list-style:none;
			float:left;
			background-image:url(../images/bg_select1.png);
			background-repeat:no-repeat;
			background-position:50% 50%;
			background-size:100% auto;
		}
		.group + .selectbtn li a{
			color:#fff;
			text-decoration:none;
		}
		.group + .selectbtn li a:hover{
			color:#ff0;
		}

		.group + .selectbtn li:nth-of-type(1){background-image:url(../images/bg_select1.png);}
		.group + .selectbtn li:nth-of-type(2){background-image:url(../images/bg_select2.png);}
		.group + .selectbtn li:nth-of-type(3){background-image:url(../images/bg_select3.png);}
		.group + .selectbtn li:nth-of-type(4){background-image:url(../images/bg_select4.png);}
		.group + .selectbtn li:nth-of-type(5){
			background-image:url(../images/bg_select5.png);
			margin-right:0;
		}


		
	@media screen and (max-width:1000px){
		
		.group + .selectbtn li{
			width:calc((100% - 2px) / 3);
			height:44px;
			margin-bottom:1px;
			padding:0;
			font-size:0.9em;
			line-height:40px;
			background-image:none;
		}

		.group + .selectbtn li:nth-of-type(1):hover{
			background-image:none;
			background-color:#4eab40;
		}
		.group + .selectbtn li:nth-of-type(2):hover{
			background-image:none;
			background-color:#fff44d;
		}
		.group + .selectbtn li:nth-of-type(3):hover{
			background-image:none;
			background-color:#00a1d8;
		}
		.group + .selectbtn li:nth-of-type(4):hover{
			background-image:none;
			background-color:#e2812e;
		}
		.group + .selectbtn li:nth-of-type(5):hover{
			background-image:none;
			background-color:#43409b;
		}

		.group + .selectbtn li:nth-of-type(3){margin-right:0;}
		
		.group + .selectbtn li:nth-of-type(2):hover a{color:#333;}

	}

		
	@media screen and (max-width:770px){
		
		.group + .selectbtn li{font-size:0.8em;}
		
	}
	

		
	@media screen and (max-width:480px){
		
		.group + .selectbtn li{
			width:calc((100% - 1px) / 2);
			height:40px;
		}

		.group + .selectbtn li:nth-of-type(3){margin-right:1px;}
		.group + .selectbtn li:nth-of-type(2n){margin-right:0;}

	}

		.group + .selectbtn li a{
			display:block;
			width:100%;
			height:100%;
		}


	
		.wrapper.group{
			background-color:#f2f2f2;
		
		}

			.wrapper.group > .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding:84px 0 75px;
			}
			
			
		@media screen and (max-width:770px){
			
			.wrapper.group > .inner{width:100%;}
			
		}
		

	/* 右側 */
		
			.companynote{
				width:42%;
				padding:30px 3%;
				background-color:#fff;
				float:right;
			}
			
		@media screen and (max-width:770px){
		
			.companynote{
				width:90%;
				padding:30px 5%;
				margin:0 0 30px;
				float:none;
			}
			
		}

				.companynote h3{
					color:#002c4d;
					font-size:1.4em;
					text-align:center;
					font-weight:700;
				}

				.companynote h3 + p{
					text-align:center;
				}
				.companynote h3 + p img{
					height:auto;
				}


		.companynote h4,
		.groupnote h4{
			margin-top:20px;
			padding-bottom:8px;
			color:#525ca7;
			font-size:1.2em;
			font-weight:700;
			border-bottom:1px solid #525ca7;
		}
			
		.companynote h4:before,
		.groupnote h4:before{
			content:url(../images/omt_circle-purple.png);
			margin-right:8px;
			position:relative;
			top:-1px;
		}


			.companynote table{
				font-size:0.9em;
				border-collapse:collapse;
			}

				.companynote table th{
					width:90px;
					padding:12px 0;
					vertical-align:top;
					line-height:1.4em;
					border-bottom:1px dashed #ccc;
				}

				.companynote table td{
					padding:10px 10px 10px 0;
					border-bottom:1px dashed #ccc;
					line-height:1.7em;
				}

				.companynote table td h5{
					margin-top:10px;
					color:#0b308e;
					font-weight:700;
				}
				.companynote table td h5:nth-of-type(1){
					margin-top:0;
				}

			@media screen and (max-width:1000px){
		
				.companynote table th{
					width:100%;
					display:block;
				}
		
				.companynote table td{
					width:calc(100% - 20px);
					padding:10px;
					display:block;
				}

				.companynote table th{
					padding:5px 0;
					background-color:#f8f8f8;
					border:none;
				}

				.companynote table td{
					border-top:1px dashed #ccc;
					border-bottom:1px solid #ccc;
				}
				
			}

		.companynote .outline{position:relative;}

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

		.companynote .outline{display:none;}
		
	}

.companynote .outline h5 + br{display: none;}

			.companynote .outline .ecotopia img{
				display:block;
				width:240px;
				height:auto;
				margin:40px auto 20px;
			}

			.companynote .outline .ecotopia h5{
				color:#036;
				font-size:1.0em;
				font-weight:700;
			}

			.companynote .outline .ecotopia p{
				margin:5px 0;
				font-size:0.9em;
			}


	
		.trigger{
			max-width:480px;
			width:80%;
			height:40px;
			margin:30px auto 0;
			text-align:center;
			border:1px solid #ccc;
			line-height:40px;
			border-radius:20px;
			position:relative;
			cursor:pointer;
			display:none;
		}

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

		.trigger{display:block;}

	}
	


	　/* 左側 */
	
.groupnote{}

		.groupnote{
			width:48%;
			float:left;
		}
			
	@media screen and (max-width:770px){

		.groupnote{
			max-width:480px;
			width:90%;
			margin:0 auto;
			float:none;
		}
		
	}

			.groupnote .mainphoto{
				width:100%;
			}
			.mainphoto img{
				width:100%;
				height:auto;
			}
			.mainphoto p{
				margin:5px 0 0;
				font-size:0.8em;
				text-align:center;
			}
			
		@media screen and (max-width:770px){
	
			.groupnote .mainphoto{
			}
			
		}


    /* グループ別おしらせ一覧 */

	.groupnote .companynews{
		margin: 30px 0 50px;
		padding-bottom:0;
	}
				
@media screen and (max-width:770px){

	.groupnote .companynews{
		width:90%;
		margin: 0 auto 40px;
	}
				
}

		.groupnote .companynews h4{
			padding: 5px 15px 2px;
			font-weight:700;
		}

		.groupnote .companynews .inner ul{
			width:100%;
		}

			.groupnote .companynews .inner ul li{
				margin-bottom:0;
				padding:10px 0 10px;
				list-style:none;
				border-bottom: 1px dashed #ccc;
				background-color: transparent;
			}
			.groupnote .companynews .inner ul li:nth-last-of-type(1){
				border-bottom: 1px solid #ccc;
			}


.groupnote .companynews .inner ul li{zoom:1;}
.groupnote .companynews .inner ul li:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

			.groupnote .companynews .inner ul li{
				font-size:0.9em;;
			}

		}


			.groupnote .companynews .inner ul li a{
				text-decoration: none;
			}

			.groupnote .companynews .inner ul li .date{
				width:96%;
				margin:0 auto;
                color:#666;
				font-size: 0.9em;
				text-align: left;
			}


			.groupnote .companynews .inner ul li .entrytitle{
				width:96%;
				margin:0 auto;
 				font-size: 0.9em;
               	line-height: 1.5em;
				text-align: left;
			}


			.groupnote .company{
				
			}

				.groupnote .company li{
					padding-top:20px;
					list-style:none;
				}

				.groupnote .company li{zoom:1;}
				.groupnote .company li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}



					.groupnote .company li img{
						max-width:180px;
						width:38%;
						height:auto;
						margin-right:4%;
						float:left;
					}
					
				@media screen and (max-width:430px){
	
					.groupnote .company li img{
						width:30%;
					}
				
				}

					.groupnote .company li h5{
						color:#c33;
						font-size:1.1em;
						font-weight:700;
						line-height:1.4em;
					}
				
				@media screen and (max-width:1000px){
	
					.groupnote .company li h5{
						font-size:1.0em;
					}
				
				}
		
					.groupnote .company li p{
						margin:5px 0 10px;
						font-size:0.9em;
						line-height:1.4em;
					}
					
				@media screen and (max-width:430px){
		
					.groupnote .company li p{
						width:66%;
						margin:5px 0 10px;
						float:right;
					}
					
				}
				
					.groupnote .company li .linkbtn{
						height:26px;
						width:58%;
						font-size:0.8em;
						text-align:center;
						background-color:#99bbff;
						background-image:url(../images/img_yajirushi_yellow.png);
						background-repeat:no-repeat;
						background-size:6px auto;
						background-position:90% 50%;
						border-radius:3px;
						float:right;						
					}
					
				@media screen and (max-width:430px){
	
					.groupnote .company li .linkbtn{
						width:100%;
						margin-bottom:10px;
					}
					
				}

					.groupnote .company li a{
						text-decoration:none;
					}

					.groupnote .company li a .linkbtn{
						color:#0b308d;
						text-decoration:none;
					}

					.groupnote .company li a .linkbtn:hover{
						color:#c33;
					}





 /* 支店 ***************************************************/



		.wrapper.shiten{
			padding:84px 0 75px;
		}
			
	@media screen and (max-width:1000px){

		.wrapper.shiten{
			padding-top:60px;
			background-color:#fff;
		}
			
	}
			

			
			.wrapper.shiten > .inner{
				max-width:900px;
				width:calc(100% - 100px);
				padding:0 50px 50px;
				background-color:#fff;
			}
			
		@media screen and (max-width:770px){
			
			.wrapper.shiten > .inner{
				width:100%;
				margin:0;
				padding:0 0 50px;
			}
			
		}

				.wrapper.shiten .shitennote{
					width:41%;
					margin:0 auto;
					float:left;
				}
				
			@media screen and (max-width:770px){
	
				.wrapper.shiten .shitennote{
					width:90%;
					float:none;
				}
				
			}


			.wrapper.shiten .shitennote > h3{
				display:-webkit-flex;
				display:flex;
 				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				height:100px;
				color:#002c4d;
				font-size:1.0em;
				font-weight:700;
				line-height:1.3em;
			}

			.wrapper.shiten .shitennote > h3:before{
				margin-right:15px;
				position:relative;
				top:-3px;
			}

			h3.seibukawasaki:before{content:url(../images/logo_seibukawasaki_s.png);}
			h3.seinanrental:before{content:url(../images/logo_seinanrental_s.png);}
			h3.kawasakikenki:before{content:url(../images/logo_kawasakikenki_s.png);}
			h3.tym:before{content:url(../images/logo_tym_s.png);}
			h3.kenshou:before{content:url(../images/logo_kenshou_s.png);}

			.wrapper.shiten .shitennote > h3 a{
				color:#002c4d;
				text-decoration:none;
			}


			.wrapper.shiten .shitennote > h3 + a{
				display:block;
				width:100px;
				height:15px;
				margin:0 auto;
				color:#036;
				font-weight:500;
				font-size:0.9em;
				text-align:center;
				text-decoration:none;
				line-height:17px;
				border-radius:5px;
				background-image:url(../images/img_yajirushi_black.png);
				background-repeat:no-repeat;
				background-position:0 50%;
				position:relative;
				top:-20px;
			}
			.wrapper.shiten .shitennote > h3 + a:hover{
				color:#c33;
			}


				.wrapper.shiten .shitennote > h4{
					margin-bottom:15px;
					padding:10px 0 10px;
					color:#c33;
					font-weight:700;
					font-size:1.4em;
					text-align:center;
					background-color:#edf2ff;
					position:relative;
					top:-5px;
				}

					.wrapper.shiten .shitennote .note{
						width:100%;
						margin:0;
						letter-spacing:0.03em;
					}

						.wrapper.shiten .shitennote .note p{
							font-family: 'Sawarabi Mincho', sans-serif;
						}

						.wrapper.shiten .shitennote .note table{
							border-collapse:collapse;
							width:100%;
							font-size:0.9em;
							border-top:1px dashed #ccc;
						}
	
							.wrapper.shiten .shitennote .note td{
								padding:12px 0 10px;
								border-bottom:1px dashed #ccc;
								line-height:1.4em;
							}
	
							.wrapper.shiten .shitennote .note th{
								padding:12px 10px 10px;
								border-bottom:1px dashed #ccc;
								line-height:1.4em;
								vertical-align:top;
							}

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

						.wrapper.shiten .shitennote .note table{
							border-top:1px solid #ccc;
						}
					
							.wrapper.shiten .shitennote .note th{
								width:100%;
								display:block;
							}
					
							.wrapper.shiten .shitennote .note td{
								width:calc(100% - 20px);
								padding:10px;
								display:block;
							}
			
							.wrapper.shiten .shitennote .note th{
								padding:5px 0;
								background-color:#f8f8f8;
								border:none;
								border-bottom:1px dashed #ccc;
							}
			
							.wrapper.shiten .shitennote .note td{
								border-bottom:1px solid #ccc;
							}
							
						}


					.wrapper.shiten .shitennote + img{
						width:52%;
						height:auto;
						margin-top:40px;
						float:right;
					}
			
				@media screen and (max-width:770px){

					.wrapper.shiten .shitennote + img{
						display:block;
						max-width:480px;
						width:100%;
						height:auto;
						margin:40px auto;
						float:none;
					}
			
				}


			.shiteninfo{
				max-width:1000px;
				width:100%;				
				margin:40px auto;
				border-collapse:collapse;
			}
			
		@media screen and (max-width:770px){

			.shiteninfo{
				width:90%;
				font-size:0.9em;
				line-height:1.7em;
			}
			
		}
				
				.shiteninfo th{
					padding:10px;
					color:#fff;
					font-size:0.9em;
					white-space:nowrap;
					background-color:#5ca0e6;
					border-bottom:2px solid #fff;
					
				}

				.shiteninfo td{
					padding:15px;
					font-size:0.9em;
					background-color:#edf9ff;					
					border-bottom:2px solid #fff;
				}
			
		@media screen and (max-width:430px){
				.shiteninfo th{
					display:block;
					width:100%;
					padding:5px 0;					
				}
				.shiteninfo td{
					display:block;
					width:calc(100% - 30px);
				}
		}


			.gmap{
				margin:30px auto 0;
				height:600px;
				overflow: hidden;
			}

			.group .gmap{
				clear: both;
				position: relative;
				top:50px;
				margin-bottom:50px;
				border:1px solid #fff;
			}
			
		@media screen and (max-width:770px){

			.group .gmap{
				top:30px;
				width:90%;
				margin-bottom:30px;
			}
			
		}

			.gmap iframe{
				width:100%;
				margin: -170px 0 0;
				height:770px;
			}




    /* おしらせ一覧 */

	.wrapper.shiten .newslist{
		margin: 30px 0 50px;
		padding-bottom:0;
	}
				
@media screen and (max-width:770px){

	.wrapper.shiten .newslist{
		width:90%;
		margin: 0 auto 40px;
	}
				
}

		.wrapper.shiten .newslist h4{
			padding: 5px 15px 2px;
			font-weight:700;
		}

		.wrapper.shiten .newslist .inner ul{
			width:100%;
		}

			.wrapper.shiten .newslist .inner ul li{
				margin-bottom:0;
				padding:15px 0 10px;
				list-style:none;
				background-color:#fff;
				border-bottom: 1px dashed #ccc;
			}
			.wrapper.shiten .newslist .inner ul li:nth-last-of-type(1){
				border-bottom: 1px solid #ccc;
			}


.wrapper.shiten .newslist .inner ul li{zoom:1;}
.wrapper.shiten .newslist .inner ul li:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

			.wrapper.shiten .newslist .inner ul li{
				font-size:0.9em;;
			}

		}


			.wrapper.shiten .newslist .inner ul li .date{
				width:15%;
                color:#666;
				font-size: 0.9em;
				text-align:center;
				float:left;
			}

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

			.wrapper.shiten .newslist .inner ul li .date{
				width:100px;
				margin-left: 3%;
				text-align: left;
			}

		}

		@media screen and (max-width:770px){
			.wrapper.shiten .newslist .inner ul li .date{font-size: 1.1em;}
        }

		@media screen and (max-width:480px){
			.wrapper.shiten .newslist .inner ul li .date{font-size: 1.0em;}
        }


			.wrapper.shiten .newslist .inner ul li .entrytitle{
				width:80%;
				margin-right:5%;
 				font-size: 0.9em;
               	line-height: 1.5em;
				float:right;
			}

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

			.wrapper.shiten .newslist .inner ul li .entrytitle{
				clear: both;
				width:94%;
				margin:0 auto ;
				float:none;
			}
            
		}





/*####################################################################################

  	お問い合わせ

　####################################################################################*/


	.telfax{
        padding-bottom:30px;
        background-color: #f2f2f2;
	}

	.telfax .contenttitle:before{
		content:"";
		margin-right:0;
	}

	.telfax .contenttitle:after{
		content:"";
		margin-left:0;
	}

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

	.contact main header{
		margin-top:80px;
		color:#3a5c27;
	}
	
}
			
@media screen and (max-width:770px){

	.contact main header{margin-top:50px;}
	
}



	.contact main h3{
		margin:30px 0 40px;
		padding-bottom:15px;
		font-size:1.4em;
		font-weight:700;
		border-bottom:1px dashed #ccc;
	}
			
@media screen and (max-width:430px){

	.contact main h3{
		margin:20px 0 30px;
		padding-bottom:5px;
		font-size:1.1em;
	}
	
}
	
	.contact main h3:nth-of-type(1) + .telnum{
		font-weight:700;
		font-size:2.0em;
		text-align:center;
	}
	.contact main h3:nth-of-type(1) + .telnum + p{
		text-align:center;
	}
	

	.contact main h3:nth-of-type(1) + .telnum a{
		text-decoration:none;
	}
	
	
	.contact main h3:nth-last-of-type(1){
		margin:50px 0 0;
		border-bottom:none;
	}


	.contact .telfax header + table{
        max-width: 1000px;
        width:90%;
        margin: 0 auto 50px;
        border-collapse: collapse;
    }

	.contact .telfax header + table td{
        padding: 20px 15px;
        border:1px solid #ccc;
        background-color: #fff;
        vertical-align:top;
   }

	.contact .telfax header + table th{
        padding: 20px 1%;
        color:#0b308d;
        border:1px solid #ccc;
        background-color: #fff;
        vertical-align:top;
    }
			
@media screen and (max-width:770px){

	.contact .telfax header + table td{
        display: block;
        width:90%;
        padding: 15px 5%;
        border-top:none;
        border-bottom:none;
    }

	.contact .telfax header + table th{
        display: block;
        width:98%;
        padding: 5px 1%;color:#fff;
        background-color:#0b308d;
        border:none;
    }
			
}


    /* メールフォーム */
		.mailform dl{
			padding:30px 2% 30px;
			border-bottom:1px solid #ccc;
			
		}
		.mailform dl:nth-of-type(1){
			border-top:1px solid #ccc;
		}

		.mailform dl{zoom:1;}
		.mailform dl:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
			
	@media screen and (max-width:540px){
		
		.mailform dl{
			padding:20px 2% 20px;
		}
	}

			.mailform dt{
				width:30%;
				padding-top:3px;
				font-weight:700;
				float:left;
				line-height:1.5em;
				
			}
			
		@media screen and (max-width:540px){

			.mailform dt{
				width:100%;
				margin-bottom:15px;
				/*font-size:0.9em;*/
				float:none;
			}

			.mailform dt br{display:none;}
			
		}


		
		
			.mailform dd{
				width:70%;
				float:right;
			}
			
		@media screen and (max-width:540px){

			.mailform dd{
				width:100%;
				font-size:0.9em;
				float:none;
			}
			
		}



			.mailform input[type=text],
			.mailform select,
			.mailform textarea{
				-webkit-appearance: none;
				border:1px solid #999;	
				border-radius:5px;
			}
			



					#name,#furigana,#shop,#sfurigana{
						max-width:370px;
						width:90%;
						padding:13px 10px;
					}


					.tel{
						width:50px;
						margin-bottom:15px;
						padding:13px 10px;
					}

					.zip{
						width:70px;
						margin-bottom:15px;
						padding:13px 10px;
					}

					#address1{
						margin-bottom:15px;
						padding:13px 10px; 
						background-image:url(../images/img_yajirushi_down.png);
						background-repeat:no-repeat;
						background-position:90% 50%;
					}


					#address2,#address3,#email2,#type,#message{
						max-width:500px;
						width:90%;
						padding:13px 10px;
					}

					#email{
						max-width:500px;
						width:90%;
						margin-bottom:15px;
						padding:13px 10px;
					}

					.remark{
						margin:0;
						color:#666;
						font-size:0.9em;
						line-height:1.6em;
					}
					.kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}


			#submit1,
			#submit2{
				-webkit-appearance: none;
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#036;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}
		
		
		.hissu{
			display:inline-block;
			width:44px;
			height:18px;
			margin:3px 0 0 10px;
			padding:0px;
			color:#fff;
			font-size:0.7em;
			font-weight:400;
			text-align:center;
			border-radius:2px;
			line-height:19px;
			background-color:#369;
			
		}
		

		.thanks .mailform h3{
			color:#369;
			font-size:1.2em;
			font-weight:700;
			font-family:"kozuka-mincho-pro";
			text-align:center;
		}

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

		.thanks .mailform h3{
			font-size:1.0em;
			line-height:1.5em;
		}

	}

	
	.thanksnote{
		max-width:540px;
		width:100%;
		margin:30px auto 40px;
	}







/*####################################################################################

  	おしらせ

　####################################################################################*/


	.newslist{
		padding-bottom:70px;
		background-color:#f0f0f0;
		
	}
				
	.newslist header{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		padding:65px 0 0;
	}

		.newslist header ul{
			width:100%;
			margin:0 auto;
		}


    /* カテゴリ一覧 */

			.newslist header ul li{
				display:-webkit-flex;
				display:flex;
 				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:calc((100% - 18px) / 7);
				margin-right: 3px;
                padding-bottom:5px;
				color:#fff;
				font-size:0.8em;
				text-decoration: none;
				background-color:#1f1f1f;
                background-repeat: no-repeat;
				list-style:none;
				float: left;
				cursor: pointer;
			}
			.newslist header ul li:nth-of-type(1){
				color:#000;
				background-color: #fff;
			}

            .newslist header ul li:nth-of-type(2){background-image: url(../images/color_seibukawasaki.png);}
            .newslist header ul li:nth-of-type(3){background-image: url(../images/color_seinanrental.png);}
            .newslist header ul li:nth-of-type(4){background-image: url(../images/color_kawasakikenki.png);}
            .newslist header ul li:nth-of-type(5){background-image: url(../images/color_tym.png);}
            .newslist header ul li:nth-of-type(6){background-image: url(../images/color_kenshogiken.png);}
            .newslist header ul li:nth-of-type(7){background-image: url(../images/color_group.png);}
            .newslist header ul li:nth-of-type(8){background-image: url(../images/color_others.png);}

            .newslist header ul li:nth-last-of-type(1){margin-right:0;}

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

			.newslist header ul li{
				width:calc((100% / 4) - 1px);
				margin-right: 1px;
				margin-bottom: 1px
			}
            .newslist header ul li:nth-of-type(4n){margin-right:0;}

		}

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

			.newslist header ul li{
				font-size:0.7em;
			}

		}

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

			.newslist header ul li{
				width:calc((100% / 3) - 1px);
			}
            .newslist header ul li:nth-of-type(4n){margin-right:1px;}
            .newslist header ul li:nth-of-type(3n){margin-right:0;}

		}

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

			.newslist header ul li{
				font-size:0.6em;
			}

		}


    /* おしらせ一覧 */


		.newslist .inner.hide{display:none;}

		.newslist .inner ul{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}

			.newslist .inner ul li{
				margin-bottom:3px;
				padding:25px 0;
				list-style:none;
				background-color:#fff;
			}

			.newslist .inner ul li:nth-of-type(1){
				background-color:#fff;
				color:#000;
			}


.newslist .inner ul li{zoom:1;}
.newslist .inner ul li:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

			.newslist .inner ul li{
				font-size:0.9em;;
			}

		}


			.newslist .inner ul li .date{
				width:15%;
                color:#666;
				text-align:center;
				float:left;
			}
/*
		@media screen and (max-width:770px){
			.newslist .inner ul li .date{font-size: 1.1em;}
        }

		@media screen and (max-width:480px){
			.newslist .inner ul li .date{font-size: 1.0em;}
        }
*/

			.newslist .inner ul li .cat,
			.newsdetail header .cat{
				width:90px;
				height:26px;
				color:#fff;
				font-size:0.4em;
				text-align:center;
				float:left;
				background-color:#1f1f1f;
                background-repeat: no-repeat;
				letter-spacing: 0;
			}

			.newsdetail header .cat2{
				font-size: 0.7em;
				position: relative;
				left:10px;
			}


            .newslist .inner ul li.seibukawasaki .cat,
            .newslist .inner ul li .seibukawasaki.cat,
            .newsdetail .seibukawasaki.cat{
                background-image: url(../images/color_seibukawasaki.png);
            }
            .newslist .inner ul li.seinanrental .cat,
            .newslist .inner ul li .seinanrental.cat,
            .newsdetail .seinanrental.cat{
                background-image: url(../images/color_seinanrental.png);
            }
            .newslist .inner ul li.kawasakikenki .cat,
            .newslist .inner ul li .kawasakikenki.cat,
            .newsdetail .kawasakikenki.cat{
                background-image: url(../images/color_kawasakikenki.png);
            }
            .newslist .inner ul li.tym .cat,
            .newslist .inner ul li .tym.cat,
            .newsdetail .tym.cat{
                background-image: url(../images/color_tym.png);
            }
            .newslist .inner ul li.kenshogiken .cat,
            .newslist .inner ul li .kenshogiken.cat,
            .newsdetail .kenshogiken.cat{
                background-image: url(../images/color_kenshogiken.png);
            }
            .newslist .inner ul li.group .cat,
            .newslist .inner ul li .group.cat,
            .newsdetail .group.cat{
                background-image: url(../images/color_group.png);
            }
            .newslist .inner ul li.others .cat,
            .newslist .inner ul li .others.cat,
            .newsdetail .others.cat{
                background-image: url(../images/color_others.png);
            }

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

			.newslist .inner ul li .cat,
            .newsdetail header .cat{
				height:22px;
                font-size: 0.3em;
                line-height: 22px;
			}

        }


			.newslist .inner ul li .entrytitle{
				width:calc(80% - 120px);
				margin-right:5%;
                line-height: 1.5em;
				float:right;
			}

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

			.index .news .inner ul li .date{
				width:90px;
				margin-left: 3%;
				text-align: left;
			}

			.index .news .inner ul li .entrytitle{
				clear: both;
				width:94%;
				margin:0 auto ;
				float:none;
			}

			.newslist .inner ul li .date{
				width:100px;
				margin-left: 3%;
				text-align: left;
			}

			.newslist .inner ul li .entrytitle{
				clear: both;
				width:94%;
				margin:0 auto ;
				float:none;
			}
            
		}


    /* おしらせ詳細 */

        .newsdetail header{
            max-width: 900px;
            width:calc(90% + 20px);
            margin: 0 auto 50px;
        }

.newsdetail header{zoom:1;}
.newsdetail header:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

        .newsdetail header{
            margin: 0 auto 40px;
        }
        
    }

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

        .newsdetail header{
            margin: 0 auto 30px;
        }
        
    }

			.newsdetail header h3{
                margin-bottom: 10px;
                padding:0 10px 10px;
                color:#0b308d;
                font-size: 1.2em;
                font-weight:700;
                border-bottom: 1px solid #ccc;

			}

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

			.newsdetail header h3{
                font-size: 1.1em;
			}

        }

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

			.newsdetail header h3{
                font-size: 1.0em;
			}

        }

			.newsdetail header .date{
				width:100px;
                margin-left: 10px;
                color:#666;
				text-align: left;
                float: left;
			}

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

			.newsdetail header .date{
                font-size: 1.1em;
			}

        }

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

			.newsdetail header .date{
                font-size: 1.0em;
			}

        }

			.newsdetail header .entrytitle{
				width:94%;
				margin:0 auto ;
				float:none;
			}

        .newsdetail .inner{
            max-width: 880px;
            width:90%;
            margin: 0 auto 50px;
            line-height: 1.9em;
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: break-all;
       }

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

        .newsdetail .inner{
            font-size: 0.9em;
            line-height: 1.9em;
        }

    }

        .newsdetail .inner + a{
			display: block;
			width:60px;
			margin: 0 auto 20px;
			text-align: center;
		}






/*####################################################################################

  	採用情報

　####################################################################################*/

	.recruit .voice{
		padding-bottom: 50px;
		overflow: hidden;
	}

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

	.recruit .voice{
		padding-bottom: 30px;
	}

}

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

	.recruit .voice{
		padding-bottom: 0;
	}

}

	.recruit .voice > .inner{
		max-width: 1000px;
		width:90%;
		margin: 0 auto;
	}

		.recruit .voice h3{
			margin: 60px 0 50px;
			color:#369;
			font-size: 1.8em;
			font-weight:700;
			text-align: center;
		}

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

		.recruit .voice h3{
			margin: 50px 0 40px;
			font-size: 1.6em;
		}

	}

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

		.recruit .voice h3{
			margin: 40px 0 30px;
			font-size: 1.4em;
		}

	}

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

		.recruit .voice h3{
			font-size: 1.3em;
		}

	}

			.recruit .voice h4{
				margin:50px 0 25px;
				color:#036;
				font-size: 1.5em;
				font-weight:600;
				font-family: 'Shippori Mincho', serif;
				line-height: 1.3em;
				/*position: relative;
				left:50px;*/
			}
			.recruit .voice h4:before{
				/*margin-right:-37px;*/
				margin-right:10px;
				font-family: 'Shippori Mincho', serif, monospace;
				/*position: relative;
				left:-50px;*/
			}
			.recruit .voice .sec:nth-of-type(1) h4:before{content:"Q1";}
			.recruit .voice .sec:nth-of-type(2) h4:before{content:"Q2";}
			.recruit .voice .sec:nth-of-type(3) h4:before{content:"Q3";}
			.recruit .voice .sec:nth-of-type(4) h4:before{content:"Q4";}

			.recruit .voice h3 + h4{
				margin: 50px 0;
				font-size: 2.7em;
				text-align: center;
			}

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

			.recruit .voice h4{
				margin:45px 0 30px;
				font-size: 1.5em;
			}
			.recruit .voice h3 + h4{
				margin: 50px 0;
				font-size: 2.4em;
			}

		}

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

			.recruit .voice h4{
				margin:35px 0 20px;
				font-size: 1.3em;
			}
			.recruit .voice h3 + h4{
				margin: 40px 0;
				font-size: 1.8em;
			}

		}

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

			.recruit .voice h4{
				margin:25px 0 15px;
				font-size: 1.2em;
			}
			.recruit .voice h3 + h4{
				margin: 20px 0;
				font-size: 1.3em;
			}

		}

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

			.recruit .voice h3 + h4{
				margin: 20px 0 10px;
				font-size: 1.2em;
			}

		}

			.recruit .voice h4 + p{
				line-height: 2.0em;
			}

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

			.recruit .voice h4 + p{
				font-size:0.9em;
			}

		}


			.recruit .voicemain{
				margin-bottom: 70px;
				background-image: url(../images/img_rectuitmain2.jpg);
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-position: 50% 0;
			}

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

			.recruit .voicemain{
				margin-bottom: 50px;
			}

		}


				.recruit .voicemain .inner{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					max-width: 1000px;
					width:100%;
					margin:0 auto;
				}

					.recruit .voicemain .voicenote{
						width:68%;
						margin: 10px 0;
						padding-left:32%;
						font-family: 'Sawarabi Mincho', sans-serif;
						text-align: center;
						float: right;
					}

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

					.recruit .voicemain .voicenote{
						font-size:0.9em;
					}

				}

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

					.recruit .voicemain .voicenote{
						font-size:0.8em;
					}

				}

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

					.recruit .voicemain .voicenote{
						font-size:0.7em;
					}

				}

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

					.recruit .voicemain .voicenote{
						font-size:0.6em;
					}

				}

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

					.recruit .voicemain .voicenote{
						font-size:0.5em;
					}

				}



			.voiceimg1,
			.voiceimg2{
				max-width:480px;
				width:48%;
			}

			.voiceimg1{
				margin: 0 0 20px 5%;
				float: right;
			}

			.voiceimg2{
				margin: 0 5% 20px 0;
				float: left;
			}

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

			.voiceimg1,
			.voiceimg2{
				display: block;
				max-width:240px;
				width:60%;
				margin:30px auto 30px;
				float:none;
			}

		}


			.recruit .voicemain .voicenote p{
			}

			.recruit .voicemain .voicenote p:nth-of-type(1){
				margin: 0 0 10px;
				font-size: 1.4em;
			}
			.recruit .voicemain .voicenote p:nth-of-type(2){
				margin: 0;
			}
			.recruit .voicemain .voicenote p:nth-of-type(3){
				margin: 15px 0 0;
				font-size: 2.0em;
				letter-spacing:0.1em;
			}

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

			.recruit .voicemain .voicenote p:nth-of-type(1){
				margin: 0;
			}
			.recruit .voicemain .voicenote p:nth-of-type(2){
				font-size: 1.2em;
			}
			.recruit .voicemain .voicenote p:nth-of-type(3){
				margin: 5px 0 0;
			}

		}

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

			.recruit .voicemain .voicenote p:nth-of-type(1){
				margin: -5px;
			}
			.recruit .voicemain .voicenote p:nth-of-type(3){
				margin:0;
			}

		}





			.recruitlist .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto 30px;
			}



			.recruitimage{
				width:80%;
				margin: 0 auto -300px;
				position: relative;
				top:-255px;
				z-index: 10;
			}

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

			.recruitimage{
				width:80%;
				margin: 0 auto -250px;
				top:-207px;
			}

		}

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

			.recruitimage{
				margin: 0 auto -200px;
				top:-175px;
			}

		}

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

			.recruitimage{
				width:90%;
				margin: 0 auto -170px;
				top:-120px;
			}

		}

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

			.recruitimage{
				width:100%;
				margin: 0 auto -145px;
				top:-125px;
			}

		}

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

			.recruitimage{
				width:100%;
				margin: 0 auto -130px;
				top:-110px;
			}

		}

				.recruitimage img{
					max-width:262px;
					width:30%;
					height:auto;
				}

	
			.recruitlist .inner .note{
				width:100%;
				margin: 40px auto;
				padding: 30px 0 10px;
				color:#fff;
				position:relative;
				background-color: #000;
			}

		@media screen and (max-width:1000px){
	
			.recruitlist .inner .note{
				margin-top: 0;
				padding: 20px auto 5px;
			}

		}

		@media screen and (max-width:640px){
	
			.recruitlist .inner .note{
				padding: 15px auto 1px;
			}

		}



		/* ヘッダーテキスト */
		@media screen and (max-width:480px){
	
			.recruitlist .inner .note + p{
				font-size:0.9em;
			}

		}


			.recruitmessage{
				margin-top: 50px;
				padding: 50px 0 30px;
				background-color: #fff0e6;
				/*background-color: #f2f2f2;*/
			}

				.recruitmessage > .inner h4{
					margin: 0 0 40px;
					color:#c33;
					font-family:"kozuka-gothic-pro","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
					font-size: 2.0em;
					font-weight: 700;
					text-align: center;
				}

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

				.recruitmessage > .inner h4{
					margin: 0 0 30px;
					font-size: 1.6em;
				}

		}

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

			.recruitmessage{
				padding: 40px 0 20px;
			}

				recruitmessage > .inner h4{
					margin: 0 0 20px;
					font-size: 1.4em;
				}

		}

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

				.recruitmessage > .inner h4{
					margin: 0 0 20px;
					font-size: 1.2em;
				}

		}


	.listrecruit{
		padding: 20px 0;
		/*background-color: #f2f2f2;*/
	}

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

	.listrecruit{
		padding: 15px 0;
	}

}

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

	.listrecruit{
		padding: 10px 0;
	}

}


		.listrecruit h3.listtitle{
			margin: 0;
			color:#369;
			font-size: 1.8em;
			font-weight:700;
			text-align: center;
			position: relative;
			top:10px;
		}

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

		.listrecruit h3.listtitle{
			margin: 0;
			font-size: 1.6em;
			top:20px;
		}

	}

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

		.listrecruit h3.listtitle{
			margin: 0;
			font-size: 1.4em;
		}

	}



			.recruitlist .inner .note .inner{
				width: 400px;
				margin: 0 auto 0;
				position:relative;
			}

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

			.recruitlist .inner .note .inner{
				width: 330px;
			}

		}

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

			.recruitlist .inner .note .inner{
				width: 230px;
			}

		}

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

			.recruitlist .inner .note .inner{
				width: 200px;
			}

		}

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

			.recruitlist .inner .note .inner{
				width: 170px;
			}

		}



				.recruitlist .inner .note h3{
					color:#4bb2b1;
					font-size:0.9em;
				}

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

				.recruitlist .inner .note h3{
					font-size:0.8em;
				}

			}

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

				.recruitlist .inner .note h3{
					font-size:0.7em;
				}

			}

				.recruitlist .inner .note p{
					margin-top:15px;
					font-size:2.4em;
				}

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

				.recruitlist .inner .note p{
					margin-top:10px;
					font-size:2.0em;
				}

			}

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

				.recruitlist .inner .note p{
					margin-top:5px;
					font-size:1.4em;
				}

			}

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

				.recruitlist .inner .note p{
					margin-top:0;
					font-size:1.2em;
				}

			}

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

				.recruitlist .inner .note p{
					font-size:1.0em;
				}

			}

				.recruitlist .inner .note a{
					display:block;
					width:70px;
					height:40px;
					margin-right:10%;
					padding-right:10px;
					color:#fff;
					font-size:0.9em;
					text-decoration:none;
					line-height:40px;
					background-image:url(../images/img_yajirushi3.png);
					background-repeat:no-repeat;
					background-position:100% 50%;
					float:right;
					position:relative;
					top:12px;
					
				}

			.mainlist{
				padding: 100px 0 150px;
				font-size: 1.2em;
				font-weight:700;
				text-align: center;
				
				
			}









	.resultlist{
		max-width: 1000px;
		width:90%;
		margin: 50px auto 20px;
	}

		.resultlist li{
			padding:15px 10px;
			list-style:none;
			border-bottom:1px solid #ccc;
		}
		.resultlist li:nth-of-type(1){border-top:1px solid #ccc;}
		
		.resultlist li{zoom:1;}
		.resultlist li:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

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

		.resultlist li{
			padding:15px 0 0;
		}

	}



			.resultlist li .note{
				width:calc(100% - 230px);
				line-height: 1.4em;
				float:left;
			}

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

			.resultlist li .note{
				width:calc(100% - 190px);
				float:left;
			}

		}

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

			.resultlist li .note{
				width:100%;
				float:none;
			}

		}

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

			.resultlist li .note{
				font-size:0.9em;
			}

		}

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

			.resultlist li .note{
				width:100%;
				float:none;
			}

		}

				.resultlist li .note h3{
					margin:5px 0;
					padding-bottom: 5px;
					color:#c00;
					font-size:1.0em;
					font-weight: 700;
					text-align: left;
					position:relative;
				}

				.resultlist li .note p{
					margin:5px 0 0;
					color:#036;
				}

				.job{
					padding: 0 !important;
				}

				.resultlist li .note h3 + p,
				.resultlist li .note h3 + p + p{
					margin: 0;
					font-size:0.9em;
					color:#444;
				}
				.resultlist li .note h3 + p br{display: none;}





		.linkbtns{
			width:200px;
			float:right;
		}

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

		.linkbtns{
			width:160px;
		}

	}

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

		.linkbtns{
			width:100%;
			margin: 15px 0 0 10px;
			float: none;
		}

	}

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

		.linkbtns{
			margin: 0;
		}

	}
	
			.linkbtns a,
            .linkbtns input[type="submit"]{
				display:block;
				height:36px;
				color:#036;
				font-size:1.0em;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				line-height:37px;
				border-radius:3px;
			}
		
			.linkbtns input[type="submit"]{
                width:100%;
				margin:5px 0 15px;
                padding: 0;
                border:none;
				background-color:#ff9600;
                cursor: pointer;
			}
			
		
			.linkbtns a{
				margin-bottom:15px;
				color:#fff;
				background-color:#369;
			}

		@media screen and (max-width:770px){
	
			.linkbtns a,
            .linkbtns input[type="submit"]{
				width:49%;
				float:left;
			}
		
			.linkbtns input[type="submit"]{
				margin:5px 0 15px;
				font-size:0.9em;
				position:relative;
				left:-10px;
			}
			.linkbtns a{
				height:100%;
				margin:5px 0 15px;
				font-size:0.9em;
			}
	
		}

		@media screen and (max-width:480px){
	
			.linkbtns a,
            .linkbtns input[type="submit"]{
				margin:10px 0 15px;
				left:0;
			}
			.linkbtns a{
				margin:10px 0 15px;
				position:relative;
				left:1%;
			}
	
		}



/* 求人詳細 */

			.recruit > header h2{
				position:relative;

			}


		.recruitdetail{
			padding-bottom:50px;
            position: relative;
		}

			.recruitdetail > header{
				background-image: none;
			}


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

            .recruitdetail > header{
                margin-top:0;
            }

        }

	
                .recruitdetail > header{
                    margin-bottom:20px;
                    background-image: none;
                }

                    .recruitdetail > header .headerinner{
                        margin-bottom: 50px;
                        padding: 0;
                        border-bottom:2px solid #036;

                    }

                    .recruitdetail header div.note{
                        width:calc(100% - 220px);
                        float:left;
                    }

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

                    .recruitdetail header div.note{
                        width:calc(100% - 180px);
                    }

                }


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

                    .recruitdetail header div.note{
                        width:100%;
						margin-bottom: 10px;
						float: nonel
                    }

                }

                .recruit article + a > img{
					clear: both;
                    display: block;
                    width:60px;
                    margin: 0 auto 30px;
                }


                .recruit .modoru{
                    height:30px;
                    margin: 0 auto;
                    padding: 0;
                    font-size: 1.0em;
                    line-height: 30px;
                    position:relative;
                    background-color: transparent;
                    top:-40px;
                    float: none;
                }
                .recruit .modoru:before{
                   content:url(../images/img_yajirushi_black.png);
                    position: relative;
                    top:1px;
                    left:-5px;
                }

                .recruit .modoru a{
                    color:#369;
                    text-decoration: none;
                } 

			@media screen and (max-width:430px){
				
                .recruit .modoru{
                    top:-30px;
                }
				
			}

					.recruitdetail header h3{
						padding:0 10px;
						color:#036;
						font-size:1.7em;
						font-weight:700;
						text-align: left;
					}
		
					.job{
						margin:0 0 20px;
						padding:0 10px;
						font-size:1.1em;
						font-weight:700;
					}
						
				@media screen and (max-width:1020px){
	
					.recruitdetail header h3{font-size:1.6em;}
						
				}
						
				@media screen and (max-width:770px){
	
					.recruitdetail header h3{
						font-size:1.5em;
						text-align:center;
					}
					
					.recruitdetail .job{
						font-size:1.0em;
						text-align:center;
					}
						
				}
						
				@media screen and (max-width:640px){
	
					.recruitdetail header h3{font-size:1.4em;}
						
				}
	
						
				@media screen and (max-width:640px){
	
					.recruitdetail header h3{font-size:1.2em;}
		
					.recruitdetail .job{font-size:1.0em;}
						
				}
	
	
			.recruitdetail .linkbtn{
				width:200px;
                height:40px;
				margin:0 ;
				position: relative;
				background-color:#ff9600;
                border-radius: 20px;
                cursor: pointer;
			}
			.recruitdetail header .linkbtn{
				float:right;
				top:-15px;                
            }
	
		@media screen and (max-width:1020px){
	
			.recruitdetail .linkbtn{
				width:160px;
			}
	
		}
	
		@media screen and (max-width:770px){
	
			.recruitdetail header .linkbtn{
				clear:both;
				width:200px;
				margin:0 auto 30px;
				float:none;
				left:0;
				top:7px;
			}
	
		}


	
            .recruitdetail .linkbtn input[type="submit"]{
				display:block;
                width:100px;
				height:36px;
                margin: 2px auto 0;
				color:#036;
				font-size:1.0em;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				border:none;
                background-color: transparent;
                cursor: pointer;
			}
		
			.recruitdetail .linkbtn{
				margin:5px 0 0;
                padding: 0;
                border:none;
			}
			
		@media screen and (max-width:770px){
	
			.recruitdetail .linkbtn input[type="submit"]{

				margin:5px auto 15px;
				position:relative;
                left:-5px;
			}
	
		}

		@media screen and (max-width:480px){
	
            .recruitdetail.linkbtn input[type="submit"]{
				margin:10px 0 15px;
				left:0;
			}
	
		}
		

		.closebtn{
			display: block;
			margin: 0 auto;
		}


				.recruitdetail header a{
					display:block;
					width:100%;
					height:100%;
					color:#fff;
					font-size:1.2em;
					font-weight:700;
					text-align:center;
					text-decoration:none;
					line-height:41px;
					border-radius:5px;
				}
	
			@media screen and (max-width:770px){
		
				.recruitdetail header a{
					font-size:1.0em;
				}
		
			}
	

		
		.recruitdetail .chirashi{
			max-width: 450px;
			width:47%;
			margin:0 auto 10px;
			position: relative;
			float: left;
			text-align: center;
		}
		
	@media screen and (max-width:770px){

		.recruitdetail .chirashi{
			width:100%;
			margin:0 auto 30px;
			float:none;
		}
		
	}
		
		.recruitdetail .imagemain{
			max-width: 450px;
			width:47%;
			margin:0 auto 10px;
			position: relative;
			float: left;
		}
		
	@media screen and (max-width:770px){

		.recruitdetail .imagemain{
			width:100%;
			margin:0 auto 30px;
			float:none;
		}
		
	}
			
		.recruitdetail .imagemain div{
			margin: 0;
			line-height: 0;
		}

		.recruitdetail .imagemain div img{
			width:100%;
			height:auto;
		}
			
			#btnwrap{
				width:100%;
				position:relative;
				z-index:1000;
			}
	
				#btnwrap .imgprev,
				#btnwrap .imgnext{
					width:50px;
					height:100%;
					background-repeat:no-repeat;
					position:relative;
					cursor:pointer;
					z-index:1000;
				}
				#btnwrap .imgprev{
					float:left;
					background-image:url(../images/btn_prev.png);
					background-position:0 50%;
				}
				#btnwrap .imgnext{
					float:right;
					background-image:url(../images/btn_next.png);
					background-position:100% 50%;
				}
		
			@media screen and (max-width:770px){
	
				#btnwrap .imgprev,
				#btnwrap .imgnext{
					width:30px;
					background-size:20px auto;
				}
		
			}

		
				.recruitdetail header .mainnote{
					width:47%;
					font-size: 0.9em;
					border-collapse: collapse;
					float: right;
			overflow-wrap: break-word;
			word-wrap: break-word;
				}
	            .recruitdetail header .headerinner + .mainnote{
					width:100%;
					float: none;
				}

			@media screen and (max-width:770px){
		
				.recruitdetail header .mainnote{
					width:100%;
					float: none;
				}
	
			}

					.recruitdetail header .mainnote th{
						width:80px;
						padding: 10px 0;
						color:#fff;
						white-space:nowrap;
						font-size:0.9em;
						text-align:center;
						background-color:#036;	
						border: 1px solid #fff;
					}
		
				@media screen and (max-width:420px){
				
					.recruitdetail header .mainnote li h4{
						width:80px;
					}
		
				}
		
						.recruitdetail header .mainnote td{
							margin:0;
							padding:10px 15px;
							line-height:1.7em;
							text-align: left;
							border: 1px solid #ccc;
						}

		

		/* 詳細メイン */

		.maincat{
            clear: both;
			margin: 50px 0 20px;
			font-size:1.7em;
			font-weight:700;
            line-height: 1.5em;
		}
		
	@media screen and (max-width:1020px){

		.maincat{font-size:1.6em;}
		
	}
		
	@media screen and (max-width:770px){

		.maincat{font-size:1.4em;}
		
	}
		
	@media screen and (max-width:640px){

		.maincat{font-size:1.2em;}
		
	}
		
	@media screen and (max-width:480px){

		.maincat{font-size:1.1em;}
		
	}


		/* 詳細左 */


		.detailnote{
			width:47%;
			font-size:0.9em;
			float:left;
			position:relative;
			left:23px;
			overflow-wrap: break-word;
			word-wrap: break-word;
		}
		
	@media screen and (max-width:770px){

		.detailnote{
			width:100%;
			float:none;
			left:0;
		}
		
	}




		.point{
			width:calc(100% - 20px);
			padding-bottom:20px;
			line-height:1.7em;
		}
		
	@media screen and (max-width:770px){

		.point{
			width:100%;
		}
		
	}
	
			.point h3{
				margin:30px 0 10px;
				font-size:1.1em;
				font-weight:700;
				position:relative;
				left:-26px;
			}

		@media screen and (max-width:770px){
	
			.point h3{
				left:-3px;
			}
			
		}

			.point h3:before{
				content:"●";
				margin-right:2px;
				color:#cce2ff;
				font-size:1.5em;
				position:relative;
				top:2px;
			}
	
			.detailnote table{
				width:100%;
				margin-bottom:30px;
				border-collapse:collapse;
				position: relative;
				left:-23px;
			}

		@media screen and (max-width:770px){
	
			.detailnote table{
				margin-bottom:10px;
				left:-0;
			}

			
		}

				.detailnote th{
					padding:13px 5px;
					white-space:nowrap;
					line-height:1.4em;
					border:1px solid #ccc;
					background-color:#f2f2f2;
				}

				.detailnote td{
					padding:13px 10px 13px 15px;
					line-height:1.7em;
					border:1px solid #ccc;
				}



		/* 詳細右 */

		.bottomdetail{
			width:47%;
			padding-top:30px;
			font-size: 0.9em;
			float: right;
		}
		
	@media screen and (max-width:770px){

		.bottomdetail{
			width:100%;
		}
		
	}

        .maincat + .bottomdetail{
			width:100%;
			float:none;
		}


			.bottomdetail table{
				width:100%;
				margin-bottom:30px;
				border-collapse:collapse;
			}

				.bottomdetail th{
					padding:13px 5px;
					line-height:1.4em;
					white-space:nowrap;
					border:1px solid #ccc;
					background-color:#f7e8e5;
				}

				.bottomdetail td{
					padding:13px 10px 13px 15px;
					line-height:1.7em;
					border:1px solid #ccc;
				}

				.bottomdetail td strong{
					/*font-weight: normal;*/
				}
		
						.bottomdetail td h4{
							margin: 10px 0 5px;
							font-weight:700;
						}
						.bottomdetail td h4:nth-of-type(1){margin-top:0;}




		/* 最下部ボタン */

		.bottombtns{
			clear: both;
			padding:30px 0 0;
			border-top:1px dashed #ccc;
		}

			.bottombtns .linkbtn{
				margin:0 auto;
				float:none;
			}

				.bottombtns .linkbtn{
					display:block;
					max-width: 400px;
					width:90%;
					color:#fff;
					font-size:1.1em;
					font-weight:700;
					text-align:center;
					text-decoration:none;
					border-radius:8px;
                    background-color: transparent;
				}
                .bottombtns .linkbtn input[type="submit"]{
                    width:100%;
                }


	
            .bottombtns .linkbtn input[type="submit"]{
				display:block;
				height:50px;
				color:#036;
				font-size:1.0em;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				line-height:51px;
				border-radius:3px;
				margin:5px 0 15px;
                padding: 0;
                border:none;
				background-color:#ff9600;
                cursor: pointer;
			}
	
		@media screen and (max-width:770px){
		
		    .bottombtns .linkbtn{
				font-size:1.0em;
			}
            .bottombtns .linkbtn input[type="submit"]{
                width:100%;
				margin:5px 0 15px;
				font-size:0.9em;
                float:none;
			}
	
		}

		@media screen and (max-width:480px){
	
            .bottombtns .linkbtn input[type="submit"]{
				margin:10px 0 15px;
			}
	
		}



/*********************** 応募シート（仕事内容） ***********************/

	.entrysheet{
		max-width:1200px;
		width:100%;
		margin:0 auto;
		padding-bottom:70px;
	}
			
@media screen and (max-width:640px){

	.entrysheet{
		padding-bottom:50px;
	}
			
}



		.entrysheet h3{
			max-width:980px;
			width:calc(90% - 20px);
			margin: 0 auto 50px;
			padding:0 10px 10px;
			color:#036;
			font-size:1.7em;
			font-weight:700;
			text-align: left;
			border-bottom:2px solid #036;
		}
						
	@media screen and (max-width:1020px){
	
		.entrysheet h3{font-size:1.6em;}
						
	}
						
	@media screen and (max-width:770px){
	
		.entrysheet h3{
			font-size:1.5em;
			text-align:center;
		}
						
	}
						
	@media screen and (max-width:640px){
	
		.entrysheet h3{font-size:1.4em;}
						
	}
	
						
	@media screen and (max-width:640px){
	
		.entrysheet h3{font-size:1.2em;}
						
	}

	
		.entrysheet h4{
			max-width:1000px;
			width:90%;
			margin:30px auto 15px;
			color:#036;
			font-size:1.2em;
			font-weight:700;
			text-align: center;
		}
			
	@media screen and (max-width:640px){
	
		.entrysheet h4{
			font-size:1.0em;
		}
				
	}
			
	@media screen and (max-width:480px){
	
		.entrysheet h3{
			font-size:1.1em;
		}
				
	}
	
	
		.entrysheet table{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			border-collapse:collapse;
            border-top:1px dashed #ccc;
		}

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

		.entrysheet table{font-size:0.9em;}

	}
	
	
			.entrysheet th{
				width:128px;
				min-width:70px;
				padding:18px 0;
				color:#036;
				font-weight:500;
				line-height:1.4em;
				vertical-align:top;
				background-color:#fff;
				border-bottom:1px dashed #ccc;
			}
	
			.entrysheet td{
				padding:15px 20px;
				border-bottom:1px dashed #ccc;
			}

				
		@media screen and (max-width:640px){
	
			.entrysheet th{
				display: block;
				padding: 5px 0;
				width:100%;
				border:none;
				background-color: #f2f2f2;
			}
			.entrysheet tr:nth-of-type(1) th{
				border:none;
			}
	
			.entrysheet td{
				display: block;
				width:94%;
				padding: 15px 3%;
				line-height:1.7em;
				border:none;
			}
			.entrysheet tr:nth-of-type(1) td{
				border:none;
			}
			
		}
	





/*********************** 応募シート（申込者情報） ***********************/

	.entryform{
		padding:30px 0 50px;
		background-color:#f2f2f2;
	}

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

	.entryform{font-size:0.9em;}

}
	
		.entryform .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto 15px;
		}
		
		
			.entryform .remarks{
				text-align:center;	
			}
				
		@media screen and (max-width:640px){
		
			.entryform .remarks{
				text-align:left;	
			}
				
		}
		
			.entryform .remarks span{
				color:#f00;
				font-weight:400;
			}
		
			.entryform table{
				width:100%;
				border-collapse:collapse;
			}

				.entryform th,
				.entryform td{
					verticl-align:top;
					border-bottom:1px dashed #ccc;
				}

				.entryform th{
					width:100px;
					padding:28px 0;
					color:#036;
					line-height:1.4em;
					vertical-align:top;
				}
				.check .entryform th{
					padding:20px 0;
                }         

				.entryform td{
					width:calc(100% - 180px);
					padding:20px 0 10px 20px;
				}
				.check .entryform td{
					padding:5px 0 5px 20px;
                }         

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

				.entryform th{
					display: block;
					width:100%;
					padding:5px 0;
					color:#fff;
					border:none;
					text-align: center;
					background-color: #036;
				}

				.entryform td{
					display: block;
					width:94%;
					padding: 15px 3%;
					line-height:1.7em;
					border:none;
				}
				
			}
		

				.entryform th .red,
				.entryform td .red{
					color:#f00 !important;
				}
	
		
		.entryform td input,
		.entryform td select,
		.entryform td textarea{
			margin-bottom:10px;
			padding:10px 15px;
			font-weight:400;
			border:1px solid #ccc;
			border-radius:5px;
		}
					
		
	@media screen and (max-width:840px){

		.entryform input#email{margin-bottom:0;}
					
	}
		.entryform .listitems td textarea{
			width:91%;
			margin-bottom:10px;
			padding:10px 2%;
			font-weight:400;
			border:none;
			border-radius:5px;
		}
	
	
			#name1,#name2,#furigana1,#furigana2{
				width:70px;
			}

		@media screen and (max-width:370px){
	
			#name1,#name2,#furigana1,#furigana2{
				width:50px;
			}

		}

			#message{
				width:93%;
			}
	
	
	
			.entryform #submit1,
			.entryform #submit2{
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#446fae;
				border-radius:5px;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			.entryform #submit2{background-color:#999;}


		@media screen and (max-width:480px){
			
			.entryform #submit1,
			.entryform #submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			.entryform #submit1,
			.entryform #submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}



		.recruitthanks h3{
			font-size:1.4em;
			font-weight:700;
			text-align: center;
		}

		.recruitthanks h3 + p{
			max-width: 800px;
			width:80%;
			margin: 30px auto 100px;
			text-align: center;
		}

	@media screen and (max-width:480px){
			
		.recruitthanks h3 + p{
			width:90%;
			text-align:left;
		}

	}







/*####################################################################################

  	納入実績

　####################################################################################*/


		.selectresult{
			background-color: #f2f2f2;
			border-bottom:1px solid #ccc;
		}
		.selectresult:nth-last-of-type(1){
			margin-bottom: 50px;
			border-bottom:none;
		}

			.selectresult .selectlist{
				max-width: 1200px;
				width:90%;
				margin: 0 auto;
				padding: 10px 0;
			}

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

			.selectresult .selectlist{
				padding: 10px 0;
			}

		}

.selectresult .selectlistx{zoom:1;}
.selectresult .selectlist:after{
  content: ""; 
  display: block; 
  clear: both;
}




				.selectresult .selectlist h3{
					width:90px;
					height:26px;
					margin-right: 15px;
					padding-left:10px;
					color:#fff;
					font-size:0.8em;
					line-height: 26px;
					float: left;
					background-image: url(../images/lbl_selectresult.png);
					background-repeat: no-repeat;
					background-position: 100% 50%;
				}

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

				.selectresult .selectlist h3{
					margin-bottom: 10px;
					float:none;
				}

			}

				#feas-submit-button-0{display: none;}

				.selectresult .inner .selectlist label{
					margin-right: 15px;
				}

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

				.selectresult .inner .selectlist label{
					display: block;
					width:45%;
					float:left;
				}
				
			}

/*.selectresult:nth-of-type(1) input#feas_0_0_none{display: none;}*/

	.resultslist .inner{
		max-width:1200px;
		width:90%;
		margin: 0 auto 50px;		
	}

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

	.resultslist .inner{
		margin: 0 auto 50px;		
	}

}


		.resultslist li{
			width:30%;
			margin-right:5%;
			margin-bottom: 20px;
			list-style:none;
			float: left;
		}
		.resultslist li:nth-of-type(3n){
			margin-right:0;
		}

		.resultslist li.nolist{
			width:100%;
			margin-right:0;
			padding: 30px 0;
			float: none;
			text-align: center;
		}


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

		.resultslist li{
			width:100%;
			margin-right:0;
			margin-bottom: 10px;
			float: none;
			border-bottom: 1px dashed #ccc;
		}
		.resultslist li:nth-of-type(1){
			border-top: 1px dashed #ccc;
			padding-top: 10px;
		}
		
	}



		.resultslist li a{
			display: block;
			width: 100%;
			padding: 15px 10px;
			text-decoration: none;
		}

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

		.resultslist li a{
			padding: 15px 5px;
		}

	}

		.resultslist li a{zoom:1;}
		.resultslist li a:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

			.resultslist li img{
				width:100%;
				margin-bottom: 5px;
			}

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

			.resultslist li img{
				width:30%;
			}

		}

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

			.resultslist li img{
				display: block;
				width:200px;
				margin: 0 auto 20px;
			}

		}

			.resultslist li .note{
				width:100%;
			}

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

			.resultslist li .note{
				width:65%;
				float: right;
			}

		}

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

			.resultslist li .note{
				width:100%;
				float: none;
			}

		}


			.results .wrapper .note .cat,
			.results .wrapper .note .product{
				width: 125px;
				height:24px;
				margin-bottom: 10px;
				color:#000;
				font-size:0.8em;
				font-weight: 700;
				text-align: center;
				background-color: #ffe6e6;
				line-height: 24px;
				float: left;
			}
			.results .wrapper .note .product{
				margin-left: 10px;
				background-color: #eee;
			}

		@media screen and (max-width:1000px){
			
			.results .wrapper .note .cat,
			.results .wrapper .note .product{
				width: 50%;
				font-size:0.7em;
				font-weight: 400;
			}
			.results .wrapper .note .product{
				margin-left:0;
			}
			
		}

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

			.results .wrapper .note .cat,
			.results .wrapper .note .product{
				width:50%;
				height:20px;
				margin-bottom: 10px;
				line-height: 20px;
			}

		}

			.results .wrapper .note h3{clear: both;
				margin-bottom: 5px;
				padding: 7px 10px 5px;
				color:#0b308d;
				font-weight:700;
				line-height: 1.5em;
				background-color: #e6edff;
			}

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

			.results .wrapper .note h3{
				margin-bottom: 5px;
				padding: 7px 10px 5px;
				font-size: 0.9em;
			}

		}

			.results .wrapper .note .client{
				margin: 0 5px 10px;
				color:#0b308d;
				font-size:0.9em;
				text-align: right;
			}

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

			.results .wrapper .note .client{
				margin: 0 5px;
			}

		}

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

			.results .wrapper .note .client{
				margin: 0 5px 10px;
			}

		}

			.results .wrapper .note .feature{
				margin: 0;
				font-size:0.9em;
				line-height: 1.7em;
			}

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

			.results .wrapper .note .feature{
			}

		}

			.results .wrapper .note .branch{
				margin: 8px 0 0;
				line-height: 1.4em;
			}
			.results .wrapper .note .branch span{
				color:#036;
			}

			.results .wrapper .note .date{
				margin: 5px 0 0;
				line-height: 1.4em;
			}
			.results .wrapper .note .date span{
				color:#036;
			}





/* 納入実績詳細 */


	.result.wrapper{
		padding-bottom:70px;
	}

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


}




	.result .inner{
		max-width: 1000px;
		width: 90%;
		margin: 0 auto 30px;
	}

		.result .inner .resultimage{
			display: block;
			width:48%;
			height:auto;
			float: left;
		}
		.result .inner .resultimage img{
			width: 100%;
			height:auto;
		}

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

		.result .inner .resultimage{
			max-width: 480px;
			width: 100%;
			margin: 0 auto 30px;
			float: none;
		}

	}

			.result .note{
				width:48%;
				float: right;
			}

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

			.result .note{
				max-width: 480px;
				width: 100%;
				margin: 0 auto;
				float: none;
			}

		}


			.result .note h3{
				color:#0b308d;
				font-weight:700;
				line-height: 1.4em;
			}

			.result .note .branch{
				margin: 8px 0 0;
				line-height: 1.4em;
			}
			.result .note .branch span{
				color:#036;
			}

			.result .note .date{
				margin: 5px 0 0;
				line-height: 1.4em;
			}
			.result .note .date span{
				color:#036;
			}

			.result .note .nouki{
				color:#0b308d;
				font-weight: 500;
				line-height: 1.4em;
			}
	

				.result .note .external{
					margin-top: 15px;
					padding: 10px 5% 5px;
					background-color: #f2f2f2;
				}
				.result .note .external h4{
					font-weight:500;
					text-align: center;
				}

			@media screen and (max-width:1000px){
				
				.result .note .external h4{
					font-size:0.9em;
				}
				
			}
	
				.result .note .external .linkbtn{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
					max-width:300px;
					width: 100%;
					height:30px;
					margin:0 auto 5px;
					font-size: 0.9em;
					text-decoration: none;
					position: relative;
					background-color:#ff9600;
					border-radius: 15px;
					cursor: pointer;
				}


		#navigation{
			max-width:1000px;
			width:90%;
			margin: 20px auto;
			position: relative;
		}


	
		/* スライドバナー */

	.result article > header + h3{
		margin-top: 70px;
		font-size: 1.4em;
		font-weight: 700;
		text-align: center;
		position: relative;
	}

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

	.result article > header + h3{
		margin-top: 60px;
		font-size: 1.3em;
	}

}

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

	.result article > header + h3{
		margin-top: 50px;
		font-size: 1.2em;
	}

}


			.listwrap{
				clear: both;
				width:1000px;
				height:400px;
				margin:20px auto;
			}

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

			.listwrap{
				width:800px;
			}

		}

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

			.listwrap{
				width:540px;
			}

		}

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

			.listwrap{
				width:90%;
				height:auto;
			}

		}




				.otherslist{
					width:1000px;
                    height:400px;
					margin:0 auto;
					position:relative;
					left:0;
				overflow:hidden;
				}

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

				.otherslist{
					width:750px;
				}

			}

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

				.otherslist{
					width:500px;
				}

			}

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

				.otherslist{
					width:100%;
					height:auto;
				}

			}



				.otherslist li{
                    width:240px;
                    height:400px;
					margin:0 5px;
					list-style:none;
					float:left;
               }
				.otherslist li img{width:100%;}
				.otherslist li .note{width:100%;}

				.otherslist li a{
					text-decoration: none;
				}

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

				.otherslist li{
					width:100%;
					height:auto;
					margin-right:0;
					margin-bottom: 10px;
					padding: 10px 0 15px;
					float: none;
					border-bottom: 1px dashed #ccc;
				}
				.otherslist li:nth-of-type(1){
					border-top: 1px dashed #ccc;
					padding-top: 10px;
				}

			}

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

				.otherslist li{
					padding: 5px 0 0;
				}

			}

				.otherslist li{zoom:1;}
				.otherslist li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}




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

				.otherslist li img{
					width:30%;
				}

			}
/*
			@media screen and (max-width:480px){

				.otherslist li img{
					display: block;
					width:160px;
					margin: 0 auto 10px;
				}

			}
*/



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

				.otherslist li .note{
					width:65%;
					float: right;
				}

			}

			@media screen and (max-width:480px){
/*
				.otherslist li .note{
					width:100%;
					float: none;
				}
*/
					.otherslist li .note .feature{
						display: none;
					}

			}


			.results .wrapper .otherslist .note .cat,
			.results .wrapper .otherslist .note .product{
				width: 50%;
				font-size:0.8em;
			}
			.results .wrapper .otherslist .note .product{
				margin-left:0;
			}

			.results .wrapper .otherslist .note h3{clear: both;
				font-size:0.9em;
			}




				.listwrap .arrows{
					max-width:1060px;
					width:100%;
					position:relative;
					margin:0 auto;
					top:-80px;
				}
				
			@media screen and (max-width:1050px){
	
				.listwrap .arrows{max-width:800px;}		
		
			}
	
				.listwrap .slick-next,
				.listwrap .slick-prev{
					display:block;
					position:relative;
					width:25px;
					height:400px;
					text-indent:-9999px;
					border:none;
                    cursor:pointer;
					top:-230px;
				}
				
				
				.listwrap .slick-next{
					float:right;
					background:url(../images/next.png) no-repeat 50% 50%;
					left:30px;
				}
				.listwrap .slick-prev{
					float:left;
					background:url(../images/prev.png) no-repeat 50% 50%;
					left:-30px;
				}