/*
Theme Name: 株式会社ツツミ
Version: 1.0
*/

@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css);

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

  	WP

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


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
.main{
	overflow-wrap: break-word;
	word-wrap: break-word;
}
*/

.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}

strong{font-weight: bold;}



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

  	HOME

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


/* コンテンツ */


	.mainimage{
		/*width:100%;*/
		/*height:870px;*/
		/*overflow: hidden;*/
		position: relative;
		z-index: 100;
	}
	.mainimage div{
		width:100%;
		height: 100%;
		font-size:1.3em;
		font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
		text-align: center;
		position: relative;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: auto 100%;
		/*overflow: hidden;*/
	}
	.mainimage div:nth-of-type(1){background-image: url("/images/img_main1.jpg");}
	.mainimage div:nth-of-type(2){background-image: url("/images/img_main2.jpg");}
	.mainimage div:nth-of-type(3){background-image: url("/images/img_main3.jpg");}
	.mainimage div:nth-of-type(4){background-image: url("/images/img_main4.jpg");}
	.mainimage div:nth-of-type(5){background-image: url("/images/img_main5.jpg");}

	.mainimage div:nth-of-type(1){color:#000;}
	.mainimage div:nth-of-type(2){color:#000;}
	.mainimage div:nth-of-type(3){color:#fff;}
	.mainimage div:nth-of-type(4){
		color:#000;
		text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
			0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,
			0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	}
	.mainimage div:nth-of-type(5){
		color:#000;
		text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
			0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,
			0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	}

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

	.mainimage div{
		font-size:1.25em;
	}

}

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

	.mainimage div{
		font-size:1.2em;
	}

}

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

	.mainimage div{
		font-size:1.1em;
	}

}

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

	.mainimage div{
		font-size:1.0em;
	}

}

	.mainimage div strong{
		font-size:2.0em;
		font-weight: 500;
		position: relative;
		letter-spacing: 0.1em;
	}
	
	
	.mainimage div p{
		margin-top: 60px;
		line-height: 1.6em;
		position: relative;
	}

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

	.mainimage div p{
		margin-top: 50px;
	}

}

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

	.mainimage div p{
		margin-top: 40px;
	}

}

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

	.mainimage div p{
		margin-top: 35px;
	}

}

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

	.mainimage div p{
		margin-top: 20px;
	}

}

		
		

/* TOP共通 */

		.stdsec h2{
			margin-bottom:25px !important;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.07em;
		}

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

		.stdsec h2{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.stdsec h2{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.stdsec h2{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.stdsec h2 + p{
				margin:0;
				padding-left:5px;
			}

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

			.stdsec h2 + p{
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.stdsec h2 + p{
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.stdsec h2 + p{
				font-size:0.7em;
			}

		}







/* Index main */

	.index main{
		background-image:url("/images/bg_mainbody.png");
		background-repeat: no-repeat;
		background-position: 50% -100px;
	}

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

	.index main{
		clear: both;
		background-size: 120% auto;
	}

}

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

	.index main{
		background-size: 130% auto;
		background-position: 50% -100px
	}

}

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

	.index main{
		background-size: 140% auto;
	}

}



	/* 主要コンテンツリンク */

	.contentslist{
		width: 100%;
		height: 230px;
		margin-bottom:-240px ;
		padding-top: 10px;
		position: relative;
		top:-280px;
		z-index:110;
		overflow: hidden;
	}

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

	.contentslist{
		top:-240px;
	}

}

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

	.contentslist{
		top:-200px;
	}

}

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

	.contentslist{
		top:-170px;
	}

}

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

	.contentslist{
		height: 340px;
		margin-bottom:-390px ;
		top:-370px;
	}

}


	/* コンテントリストバナー */

		.contentslist ul{
			max-width:1200px;
			width:90%;
			margin: 0 auto;
		}

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

		.contentslist ul{
			width: 210px;
		}

	}

			.contentslist li{
				float: left;
				max-width: 360px;
				width:30%;
				margin-right:5%;
				list-style: none;
				position: relative;
			}
			.contentslist li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.contentslist li{
				width:100%;
				height:72px;
				margin:0 auto 8px;
				list-style: none;
				overflow: hidden;
				border-radius: 6px;
			}

		}




				.contentslist li a{
					text-decoration: none;
				}


				.contentslist li img{
					width:100%;
					height: auto;
					line-height: 0;
 					transition:0.5s all;
					border-radius: 10px;
				}
				.contentslist li img:hover{
					transform:scale(1.1,1.1);
					transition:0.5s all;
				}	

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

				.contentslist li img{
					border-radius:0;
				}

			}

				.contentslist li p{
					margin:8px 0 3px;
					color:#c58080;
					text-align: center;
					font-weight: 700;
					line-height: 1em;
				}

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

				.contentslist li p{
					margin:3px 0 3px;
				}

			}

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

				.contentslist li p{
					margin:3px 0 1px;
					font-size:0.85em;
					letter-spacing: 0;
				}

			}

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

				.contentslist li p{
					font-size:0.8em;
				}

			}


				.contentslist li h3{
					margin: 0;
					color:#036;
					text-align: center;
					font-weight: 700;
				}

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

				.contentslist li h3{
					font-size:0.9em;
				}

			}


/* メインバナー */



/* NEWS（TOP） */

	.topnews{
		padding-top:100px;
	}

	.topnews .innerwrapper{
		margin-bottom:-100px;
		padding:100px 0;
		position: relative;
		top:-100px;
		z-index: 100;
	}

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

	.topnews{
		padding:100px 0 0;
	}

}

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

	.topnews .innerwrapper{
		padding:80px 0;
	}

}

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

	.topnews{
		padding:100px 0 30px;
	}

}

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

	.topnews{
		padding:100px 0 0;
	}

	.topnews .innerwrapper{
		margin-bottom:-80px;
		padding:100px 0 0;
	}

}

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

	.topnews{
		padding:80px 0 0;
	}

	.topnews .innerwrapper{
		margin-bottom:-80px;
		padding:80px 0 0;
		top:-80px;
	}

}

		.topnews .inner{
			max-width:1150px;
			width:90%;
			margin: 0 auto;
		}

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

		.topnews .inner{
			width:86%;
			padding-left: 4%;
		}

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

		.topnews .inner{
			width:90%;
			padding-left: 0;
		}

	}

			.topnews .inner .newsleft{
				width:60px;
				min-height: 160px;
				color:#fff;
				float: left;
    			text-align: center;
				background-color: #359fb1;
			}

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

			.topnews .inner .newsleft{
				min-height: 240px;
			}

		}

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

			.topnews .inner .newsleft{
				width:100%;
				height:30px;
				min-height: 30px;
				margin-bottom: 20px;
				float: none;
			}

		}



			.topnews .inner .newsleft .title{
				display:flex;
				justify-content: center;
				align-items:center;
				width:100%;
				height: 100px;
				font-family:sans-serif;
				font-size:0.8em;
				writing-mode: vertical-rl;
				background-color:#66bccc;
			}

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

			.topnews .inner .newsleft .title{
				min-height: 180px;
			}

		}

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

			.topnews .inner .newsleft .title{
				width:calc(100% - 80px);
				height:100%;
				min-height:100%;
				writing-mode:horizontal-tb;
				float:left;
			}

		}

			.topnews .inner .newsleft .link{
				display:flex;
				justify-content: center;
				align-items:center;
				width:100%;
				height: 60px;
				color:#fff;
				font-family:sans-serif;
				font-size:0.8em;
				text-decoration: none;
				writing-mode: vertical-rl;
				background-image: url("/shared/img_yajirushi-white4.png");
				background-position:calc(100% - 1px) 50%;
				background-repeat: no-repeat;
			}

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

			.topnews .inner .newsleft .link{
				width:80px;
				height:100%;
				writing-mode:horizontal-tb;
				float:right;
			}

		}

.topnews .inner{zoom:1;}
.topnews .inner::after{
  content: ""; 
  display: block; 
  clear: both;
}

.topnews .inner .newsleft{zoom:1;}
.topnews .inner .newsleft::after{
  content: ""; 
  display: block; 
  clear: both;
}


				
		.newslist{
			width:calc(100% - 80px);
			margin: 0;
			position: relative;
			float: right;
		}

	@media screen and (max-width:770px){
				
		.newslist{
			width:100%;
			margin: 0;
			float:none;
		}

	}

			.newslist li{
				margin: 0;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
				background-image: url("/shared/bg_newslist.png");
				background-position: 100% 50px;
				background-repeat:repeat-y;
			}
			.newslist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

			.newslist li a,
			.newslist li span{
				display: block;
				width:calc(99% - 25px);
				height: 100%;
				padding:13px 25px 13px 1%;
				background-image: url("/shared/img_yajirushi-white4.png");
				background-position:calc(100% - 4px) 50%;
				background-repeat: no-repeat;
			}

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

			.newslist li a,
			.newslist li span{
				padding:10px 25px 10px 1%;
			}

		}

			.newslist li a,
			.newslist li span{zoom:1;}
			.newslist li a::after,
			.newslist li span::after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}



			.newslist li p.date{
				width: 120px;
				margin: 0;
				/*padding-top: 13px;*/
				color:#999;
				font-size:0.9em;
				float:left;
			}

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

			.newslist li p.date{
				/*padding-top:5px;*/
			}

		}



			.newslist li p.title{
				width: calc(100% - 130px);
				margin: 0;
				float:right;
			}

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

			.newslist li p.title{
				clear: both;
				width: 100%;
				float:none;
			}

		}

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

			.newslist li p.title{
				font-size:0.9em;
			}

		}

.white .newslist li span{
	color: #333;
}




	/* 企業理念 */

	.philosophy{
		padding-top: 200px;
		position: relative;
		top:-100px;
	}

	.philosophy .innerwrapper{
		margin: 0 auto -100px;
		padding: 100px 0;
		position: relative;
		top:-100px;
		background-color: #ffb200;
		background-image: url("/images/bg_philosophy.png");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.philosophy{
		padding-top: 170px;
	}

	.philosophy .innerwrapper{
		padding: 70px 0 60px;
		background-size:100% auto;
	}

}

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

	.philosophy{
		padding-top: 150px;
		top:0;
	}

	.philosophy .innerwrapper{
		padding: 50px 0 40px;
		top:-100px;
	}

}

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

	.philosophy .innerwrapper{
		margin-bottom:0;
		padding: 50px 0 40px;
	}

}

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

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

		.philosophy .inner{
			width:86%;
			padding-left: 4%;
		}

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

		.philosophy .inner{
			width:90%;
			padding-left: 0;
		}

	}

	.philosophy h2{
		color:#000;
	}
		.philosophy h2 + p{
			color:#333;
		}



	.philosophy ul{
		margin-top: 30px;
	}

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

	.philosophy ul{
		width: 500px;
		margin: 25px auto 0;
	}

}

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

	.philosophy ul{
		width:90%;
		margin: 20px auto 0;
	}

}

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

	.philosophy ul{
		width:100%;
	}

}


.philosophy ul{zoom:1;}
.philosophy ul::after{
  content: ""; 
  display: block; 
  clear: both;
}


		.philosophy ul li{
			width:31%;
			margin-right:calc(7% / 3);
			float: left;
			list-style: none;
		}

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

		.philosophy ul li{
			width:50%;
			margin:0;
		}
		.philosophy ul li:nth-of-type(2){
			margin-right:0;
		}
		.philosophy ul li:nth-of-type(3){
			max-width: 250px;
			width:100%;
			margin:0 auto;
			float: none;
		}

	}

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

		.philosophy ul li{
			clear: both;
			width:100%;
			margin-bottom: 15px;
			float: none;
		}
		.philosophy ul li:nth-of-type(3){
			max-width:100%;
			margin:0;
		}

	}

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

		.philosophy ul li{
			margin-bottom: 20px;
		}
		.philosophy ul li:nth-of-type(3){
			margin:0;
		}

	}

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


		.philosophy ul li h3{
			display:flex;
			justify-content: center;
			align-items:center;
			width:150px;
			height:150px;
			color:#ff0d00;
			font-size:1.6em;
			font-weight:700;
			letter-spacing: 0.1em;
			background-image:url("/images/bg_philosophy-circle.png");
			background-size:100% auto;
			background-repeat: no-repeat;
		}

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

		.philosophy ul li h3{
			width:130px;
			height:130px;
			font-size:1.4em;
			letter-spacing: 0.07em;
		}

	}

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

		.philosophy ul li h3{
			width:100px;
			height:100px;
			font-size:1.2em;
			float: left;
		}

	}

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

		.philosophy ul li h3{
			width:85px;
			height:85px;
			margin-right: 8px;
			font-size:1.1em;
			letter-spacing: 0;
		}

	}



		.philosophy ul li p{
			margin: -35px 0 0 35px;
			font-size:1.1em;
			font-weight:700;
			/*font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;*/
		}

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

		.philosophy ul li p{
			margin: -35px 0 0;
			font-size:1.1em;
		}

	}

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

		.philosophy ul li p{
			margin: -25px 0 0;
			font-size:1.0em;
		}

	}

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

		.philosophy ul li p{
			width:calc(100% - 95px);
			margin: 0;
			line-height: 1.7em;
			float: right;
		}

	}

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

		.philosophy ul li:nth-of-type(3) p br{
			display: none;
		}

	}

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

		.philosophy ul li p br{
			display: none;
		}

	}
.white .philosophy ul li p{
	color:#333;
}

.white .officer h2{
	color:#000;
}

.white .officer h2 + p{
	color:#333;
}



	/* 役員紹介 */

	.officer{
		clear:both;
		padding-top:300px;
		position: relative;
		top:-100px;
	}

	.officer .innerwrapper{
		margin: 0 auto -200px;
		padding: 60px 0 120px;
		position: relative;
		top:-200px;
	}

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

	.officer .innerwrapper{
		margin: 0 auto -200px;
		padding: 90px 0 0;
		background-size:100% auto;
		top:-280px;
	}

}

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

	.officer .innerwrapper{
		margin: 0 auto -350px;
		padding: 0 0 0;
		top:-200px;
	}

}

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

	.officer{
		padding-top:240px;
		top:-180px;
	}

	.officer .innerwrapper{
		margin: 0 auto -420px;
		padding: 50px 0 0;
		top:-180px;
	}

}

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

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

		.officer .inner{
			width:86%;
			padding-left: 4%;
		}

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

		.officer .inner{
			width:90%;
			padding-left: 0;
		}

	}


	.officer h2{
		color:#006f82;
	}
		.officer h2 + p{
			color:#006f82;
		}

	.officername{
		margin:50px 0 20px;
		color:#006f82;
		font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
		line-height: 2.0em;
	}
	.officername:nth-of-type(1){
		margin:40px 0 20px;
	}

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

	.officername{
		margin:40px 0 20px;
	}
	.officername:nth-of-type(1){
		margin:30px 0 20px;
	}

}

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

	.officername:nth-of-type(1){
		margin:20px 0 20px;
	}

}

		.officername span{
			font-size:1.3em;
			letter-spacing: 0.3em;
		}

	.officer .note{
		font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
	}


body.black{
	background-color: #000;
	transition:all 0.3s linear;
}
body.white{
	background-color: #fff;
	transition:all 0.3s linear;
}

.black .officer{
	color:#fff;
}
.white .officer{
	color:#333;
}

.black .officer h2{
	color:#eee;
}
.white .officer h2{
	color:#006f82;
}

.black .officer h2 + p{
	color:#ccc;
}
.white .officer h2 + p{
	color:#006f82;
}
.black .officername{
	color:#ccc;
}
.black .officername span{
	color:#fff;
}
.white .officername{
	color:#006f82;
}
.white .officername span{
	color:#006f82;
}



	/* 会社概要 */
	.outline{
		margin-bottom: -200px !important;
		padding-top: 200px;
		position: relative;
		top:-100px;
	}

	.outline .innerwrapper{
		margin: 0 auto -100px;
		padding: 0 0 70px;
		position: relative;
		top:-100px;
	}

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

	.outline .innerwrapper{
		padding:0 0 50px;
		background-size:100% auto;
	}

}

@media screen and (max-width:640px){
	
	.outline{
		margin-bottom:0 !important;
		/*padding-top:70px;*/
		top:-50px;
	}

	.outline .innerwrapper{
		padding: 30px 0 40px;
		top:0;
	}

}

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

	.outline .innerwrapper{
		padding: 0 0 30px;
	}

}

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

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

		.outline .inner{
			width:86%;
			padding-left: 4%;
		}

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

		.outline .inner{
			width:90%;
			padding-left: 0;
		}

	}

	.outline h2{
		color:#eee;
	}
		.outline h2 + p{
			color:#ccc;
		}

	.outline table{
		width:100%;
		margin-top:50px;
		border-collapse: collapse;
		border-top: 1px solid #999;
	}

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

	.outline table{
		margin-top:40px;
	}

}

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

	.outline table{
		margin:0 0 -10px;
		position: relative;
		top:-10px;
	}

}

		.outline th{
			width:140px;
			padding:10px 0;
			color:#ffb200;
			vertical-align: top;
			border-bottom: 1px solid #999;
		}
		.outline td{
			width:calc(100% - 140px);
			padding: 15px 0;
			color:#fff;
			border-bottom: 1px solid #999;
		}

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

		.outline table{
			margin-top: 50px;
			border-top:none;
		}

		.outline th{
			display: block;
			width:94%;
			padding:1px 3%;
			color:#fff;
			text-align: left;
			border-bottom:none;
			background-color:#333;
		}
		.outline td{
			display: block;
			width:94%;
			padding:10px 3% 15px;
			border-bottom:none;
		}

	}


.white .outline h2{
	color:#006f82;
}
.white .outline h2 + p{
	color:#006f82;
}

.white .outline h2 + p{
	color:#333;
}

.white .outline th{
	color:#006f82;
}
.white .outline td{
	color:#333;
}


	/* 沿革 */

	.history{
		padding-top: 230px;
	}

	.history .innerwrapper{
		margin: 0 auto -200px;
		padding: 120px 0 120px;
		position: relative;
		top:-200px;
	}

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

	.history{
		padding-top: 180px;
	}

	.history .innerwrapper{
		padding: 80px 0 100px;
		background-size:100% auto;
		top:-150px;
	}

}

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

	.history{
		padding-top: 240px;
	}

	.history .innerwrapper{
		padding: 40px 0 50px;
		top:-180px;
	}

}

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

	.history{
		padding-top: 260px;
	}

	.history .innerwrapper{
		padding: 30px 0 40px;
	}

}

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

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

		.history .inner{
			width:86%;
			padding-left: 4%;
		}

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

		.history .inner{
			width:90%;
			padding-left: 0;
		}

	}


	.history h2{
		color:#006f82;
	}
		.history h2 + p{
			margin-bottom: 40px;
			color:#006f82;
		}


		.history h3{
			margin-bottom: 10px;
			color:#000;
			font-size:1.4em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.1em;
			position: relative;
			left:12px;
		}
		.history h3:nth-of-type(1)::before{
			content:url("/shared/ico_steel.png");
			position: relative;
			left:-7px;
			top:6px;
		}
		.history h3:nth-of-type(2)::before{
			content:url("/shared/ico_eg.png");
			position: relative;
			left:-7px;
			top:6px;
		}

	.history table{
		width:100%;
		border-collapse: collapse;
		border-top: 1px solid #ccc;
	}
	.history table:nth-of-type(1){
		margin-bottom: 30px;
	}

	.history th{
		width: 170px;
		padding: 13px 0;
		vertical-align: top;
		line-height: 1.3em;
		border-bottom: 1px solid #ccc;
	}

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

	.history th{
		width:80px;
		font-size:0.9em;
	}

}

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

	.history th{
		width:70px;
		font-size:0.8em;
	}

}

	.history th:nth-last-of-type(1){
		width: 50px;
		background-color: #eee;
	}

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

	.history th:nth-last-of-type(1){
		width: 40px;
		font-size:0.9em;
	}

}

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

	.history th:nth-last-of-type(1){
		width: 34px;
		font-size:0.8em;
	}

}

	.history td{
		padding: 10px 15px;
		line-height: 1.7em;
		border-bottom: 1px solid #ccc;
	}

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

	.history td{
		padding: 10px 10px;
		line-height: 1.6em;
	}

}

.black .history{
	color:#fff;
}

.black .history h2{
	color:#eee;
}

.black .history h2 + p{
	color:#ccc;
}

.white .history{
	color:#333;
}

.black .history h2{
	color:#eee;
}
.white .history h2{
	color:#006f82;
}

.black .history h2 + p{
	color:#ccc;
}
.white .history h2 + p{
	color:#006f82;
}



	/* 組織図 */

	.organization{
		padding-top: 130px;
	}

	.organization .innerwrapper{
		margin: 0 auto -100px;
		padding: 120px 0;
		position: relative;
		top:-100px;
		background-color: #f2f2f2;
	}

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

	.organization .innerwrapper{
		padding: 90px 0 80px;
		background-size:100% auto;
	}

}

@media screen and (max-width:640px){
	
	.organization{
		padding-top: 90px;
	}

	.organization .innerwrapper{
		margin-bottom: -50px;
		padding: 60px 0;
		top:-50px;
	}

}

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

	.organization .innerwrapper{
		padding: 50px 0;
		top:-30px;
	}

}

	.organization .inner{
		max-width: 1000px;
		width:100%;
		margin: 0 auto;
	}


		.organization h2{
			margin:0 5%;
			color:#006f82;
		}

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

		.organization h2{
			padding-left: 2%;
		}

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

		.organization h2{
			padding-left: 0;
		}

	}


		.organization h2 + p{
			margin:0 5%;
			color:#006f82;
		}

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

		.organization h2 + p{
			padding-left: 2%;
		}

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

		.organization h2 + p{
			padding-left: 0;
		}

	}


		.organization h2 + p + p{
			display: none;
		}

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

		.organization h2 + p + p{
			display:block;
			margin: 5px 0;
			color:#f00;
			text-align: center;
		}

	}


		.organization .chart{
			width: 100%;
			overflow-y: auto;
		}

		.organization .inner img{
			width: 90%;
			min-width:600px;
			height: auto;
			margin: 0 5%;
		}


	/* 営業所一覧 */

	.toplocation .inner{
		max-width: 1000px;
		width:100%;
		margin: 0 auto;
	}

	.toplocation .innerwrapper{
		height:640px;
		padding: 120px 0;
		background-image: url("/images/bg_location-link.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}

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

	.toplocation .innerwrapper{
		height:400px;
		padding: 100px 0;
	}

}

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

	.toplocation .innerwrapper{
		height:330px;
		padding: 70px 0;
	}

}

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

	.toplocation .innerwrapper{
		height:210px;
		padding: 60px 0;
	}

}

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

	.toplocation .innerwrapper{
		height:160px;
		padding: 60px 0;
	}

}


	.toplocation h2{
		margin:0 5%;
		color:#fff;
	}

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

	.toplocation h2{
		padding-left: 2%;
	}

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

	.toplocation h2{
		padding-left: 0;
	}

}

		.toplocation h2 + p{
			margin:0 5%;
			color:#fff;
		}

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

		.toplocation h2 + p{
			padding-left: 2%;
		}

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

		.toplocation h2 + p{
			padding-left: 0;
		}

	}

	.toplocation .link{
		display:flex;
		justify-content: center;
		align-items:center;
		width:100%;
	}

		.toplocation .link .linkbtn{
			display:flex;
			justify-content: center;
			align-items:center;
			max-width: 360px;
			width:80%;
			height: 50px;
			margin-top: 200px;
			color:#ad456d;
			font-size:1.2em;
			text-align: center;
			border-radius: 5px;
			background-color: transparent;
			background-image:url("/shared/bg_clear-white70.png");
		}

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

		.toplocation .link .linkbtn{
			margin-top: 120px;
		}

	}

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

		.toplocation .link .linkbtn{
			margin-top: 70px;
		}

	}

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

		.toplocation .link .linkbtn{
			margin-top: 50px;
			font-size:1.1em;
		}

	}

		.toplocation .link + p{
			width:90%;
			padding: 0 5%;
			font-weight: 700;
			text-align: center;
		}

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

		.toplocation .link + p{
			margin:0;
		}

	}

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

		.toplocation .link + p{
			font-size:0.9em;
		}

	}



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

   事業所一覧

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

	.locationlist .inner{
		max-width: 1200px;
		width:100%;
		margin: 0 auto;
	}


		.locationlist h3{
			display:flex;
			align-items:center;
			height:80px;
			margin: 35px 0;
			padding-left: 75px;
			font-size:1.3em;
			font-weight: 700;
			color:#00414d;
			background-color: #f2f2f2;
			background-repeat: no-repeat;
			background-position: 17px 50%;
		}

		.locationlist h3:nth-of-type(1){
			margin-top:0;
			background-image:url("/shared/ico_tsutsumi-L.png");
		}
		.locationlist h3:nth-of-type(2){
			background-image:url("/shared/ico_steel-L.png");
		}
		.locationlist h3:nth-of-type(3){
			background-image:url("/shared/ico_eg-L.png");
		}

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

		.locationlist h3{
			padding-left: 145px;
			background-position: 87px 50%;
		}

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

		.locationlist h3{
			padding-left: 75px;
			background-position: 17px 50%;
		}

	}

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

		.locationlist h3{
			width:calc(90% - 65px);;
			height:60px;
			margin: 35px auto;
			padding-left: 65px;
			font-size:1.2em;
			background-size: 40px auto;
		}
		
	}

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

		.locationlist h3{
			width:calc(100% - 65px);;
			margin: 35px 0;
		}
		
	}
		
		
		.locationlist .note{
			width:calc(100% - 30px);
			margin: 0 auto;
			padding: 0 15px;
		}

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

		.locationlist .note{
			width:calc(100% - 14%);
			padding: 0 5% 0 9%;
		}

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

		.locationlist .note{
			width:calc(100% - 10%);
			padding: 0 5%;
		}

	}


.locationlist .note{zoom:1;}
.locationlist .note:after{
  content: ""; 
  display: block; 
  clear: both;
}

		.locationlist .note + .note{
			margin: 35px auto 0;
			padding-top: 35px;
			border-top:1px dashed #ccc;
		}
		.locationlist .note:nth-last-of-type(1){
			padding-bottom: 35px;
			border-bottom:1px dashed #ccc;
		}

		.detail .note{
			padding-bottom: 35px;
			border-bottom:none;
		}


			.locationlist .note a{
				display: block;
				float: right;
				width:180px;
				margin-top: 7px;
				color:#fff;
				padding: 5px 0;
				font-weight:700;
				text-align: center;
				text-decoration: none;
				background-color: #ad456d;
				border-radius: 5px;
			}

			.detail .note a{
				background-color: #474080;
			}

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

			.locationlist .note a{
				float:none;
				width:180px;
				margin:15px auto 0;
			}

		}

			.locationlist .note p{
				margin:0;
				font-size:1.1em;
				float: left;
			}

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

			.locationlist .note p{
				font-size:1.0em;
				line-height: 1.8em;
			}

		}

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

			.locationlist .note p{
				max-width:340px;
				width:100%;
				margin: 0 auto;
				line-height: 1.7em;
				float:none;
			}

		}

			.locationlist h4{
				display:flex;
				align-items:center;
				height:40px;
				margin: 35px 0;
				padding-left: 15px;
				font-size:1.2em;
				font-weight: 700;
				color:#fff;
				background-color: #b2b2b2;
			}

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

			.locationlist h4{
				padding-left: 105px;
			}

		}

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

			.locationlist h4{
				padding-left: 4%;
				font-size:1.1em;
			}

		}

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

			.locationlist h4{
				width:calc(90% - 15px);;
				height:30px;
				margin:35px auto;
			}

		}

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

			.locationlist h4{
				width:calc(100% - 15px);;
				margin:35px 0;
			}

		}



			.locationlist h5{
				margin-bottom: 3px;
				color:#006f82;
				font-size: 1.2em;
				font-weight: 700;
			}

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

			.locationlist h5{
				font-size: 1.1em;
			}

		}

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

			.locationlist h5{
				max-width:340px;
				padding-left: 0;
				width:100%;
				margin: 0 auto;
			}

		}



	/* 詳細 */

	.locations .map{
		max-width: 1200px;
		width:90%;
		height:600px;
		margin:0 auto;
	}
	.locations .map2{display: none;}

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

	.locations .map{display: none;}
	.locations .map2{
		display: block;
		width:90%;
		height:400px;
		margin:0 auto;
	}

}


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

   お問い合わせ

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

	.contact .selectcontent{
		max-width: 890px;
		width:90%;
		margin: 75px auto 10px;
		
	}

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

	.contact .selectcontent{
		margin-top:50px;
	}

}

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

	.contact .selectcontent{
		margin-top: 30px;
	}

}

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

	.contact .selectcontent{
		margin-top: 20px;
	}

}


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

		.contact .selectcontent li{
			display:flex;
			justify-content: center;
			align-items:center;
			width:48%;
			height: 70px;
			color:#000;
			font-size:1.2em;
			font-weight:700;
			background-color: #f8f8f8;
			list-style: none;
			float: left;
			box-shadow: 0 0 0 1px inset #ccc;
		}
		.contact .selectcontent li:nth-last-of-type(1){
			float:right;
		}

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

		.contact .selectcontent li{
			height:60px;
			font-size:1.0em;
		}

	}

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

		.contact .selectcontent li{
			height:50px;
		}
		.contact .selectcontent li span{
			display: none;
		}

	}


		.contact .selectcontent li a{
			display:flex;
			justify-content: center;
			align-items:center;
			width:100%;
			height:100%;
			color:#00414d;
			text-decoration: none;
			background-color: #fff;
			box-shadow: 0 0 0 1px inset #ccc;
		}



		.contact .maincontent h3{
			margin-bottom:80px;
			color:#00414d;
			text-align: center;
			font-size:2.4em;
			font-weight: 700;
		}

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

		.contact .maincontent h3{
			margin-bottom:60px;
			font-size:1.8em;
		}

	}

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

		.contact .maincontent h3{
			margin-bottom:40px;
			font-size:1.6em;
		}

	}

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

		.contact .maincontent h3{
			font-size:1.4em;
		}

	}

			.telnum{
				padding: 50px 0 40px;
				background-color: #f2f2f2;
			}
	
		@media screen and (max-width:480px){
			
			.telnum{
				padding: 40px 0 30px;
			}
	
		}

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

				.contact .maincontent h4{
					margin-bottom: 30px;
					color:#369;
					font-size: 1.4em;
					font-weight: 700;
					text-align: center;
					line-height: 1.5em;
				}

					.contact .maincontent .hissu{
						margin: 0 5px 5px 0;
						text-align: right;
					}

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

					.contact .maincontent .hissu{
						font-size:0.9em;
					}

				}


		.contact .maincontent li{
			padding: 15px;
			border-bottom: 1px dashed #b1ceec;
			list-style: none;
		}
		.contact .maincontent li:nth-of-type(1){
			border-top: 1px dashed #b1ceec;
		}

		.contact .maincontent li{zoom:1;}
		.contact .maincontent li:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

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

		.contact .maincontent li{
			padding: 10px 0;
		}

	}


			.contact .maincontent li h5{
				width:165px;
				padding-left: 15px;
				color:#369;
				font-weight:700;
				float:left;
				line-height:1.5em;
				background-image:url("/shared/dot_box-red.png");
				background-repeat: no-repeat;
				background-position: 0 13px;
			}
			.contact .mailform li h5{
				padding-top:6px;
				background-position: 0 19px;
			}

			.contact .mailform li p{
				width:calc(100% - 180px);
				margin: 0;
				float: right;
			}

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

			.contact .maincontent li h5{
				width:140px;
			}

			.contact .mailform li p{
				width:calc(100% - 155px);
			}
	
		}
	
		@media screen and (max-width:770px){

			.contact .maincontent li h5{
				width:calc(100% - 15px);
				float: none;
			}
			.contact .mailform li h5{
				margin-bottom: 5px;
			}

			.contact .mailform li p{
				width:calc(100% - 15px);
				padding-left: 15px;
			}
	
		}

			.telnum li div{
				width: 230px;
				margin-bottom:-12px;
				color:#00414d;
				font-size:1.6em;
				font-weight:700;
				float:left;
			}
			.telnum li div.tel{
				margin-right: 30px;
			}
	
		@media screen and (max-width:770px){

			.telnum li div{
				font-size:1.6em;
			}
			.telnum li div.tel{
				margin-left: 15px;
			}
	
		}
	
		@media screen and (max-width:640px){

			.telnum li div{
				width: 200px;
				margin:0 0 -15px;
				font-size:1.3em;
			}
			.telnum li div.tel{
				margin-right: 10px;
			}
	
		}
	
		@media screen and (max-width:500px){

			.telnum li div{
				width:100%;
				margin:0;
				float:none;
			}
			.telnum li div.tel{
				margin:0 0 -10px 15px;
			}
			.telnum li div.fax{
				margin-left: 15px;
			}

		}

			.telnum li div span{
				font-size:0.6em;
				font-weight:400;
				position: relative;
				top:-5px;
			}
	
		@media screen and (max-width:640px){

			.telnum li div span{
				top:-8px;
			}
	
		}

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

			.telnum ul + p{
				font-size: 0.9em;
			}

		}


	/* メールフォーム */

			.mailform{
				padding: 50px 0 40px;
			}
			
			.thanks .mailform{
				padding: 50px 0 0;
			}

		@media screen and (max-width:480px){
			
			.mailform{
				padding: 40px 0 30px;
			}
			
			.thanks .mailform{
				padding: 40px 0 0;
			}
	
		}

			.check .mailform,
			.thanks .mailform{
				border-top:1px dashed #ccc;
			}


			.mailform .inner{
				max-width: 1000px;
				width:90%;
				margin: 0 auto;
			}		
			.mailform .inner + .inner{
				margin-top: 100px;
			}

		@media screen and (max-width:640px){
			
			.mailform .inner + .inner p{
				font-size:0.9em;
				line-height: 1.7em;
			}

		}

			.check .mailform .inner ul{
				margin-bottom: 40px;
			}


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

					#name,#tel{
						max-width:240px;
						padding:13px 10px;
					}

					#cname,#furigana,#shop,#sfurigana,#email{
						max-width:370px;
						width:93%;
						padding:13px 10px;
					}

					#zip1{
						width:40px;
						margin-bottom:10px;
						padding:13px 10px;
					}

					#zip2{
						width:50px;
						margin-bottom:10px;
						padding:13px 10px;
					}

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

					#address,#address2,#address3,#type{
						max-width:480px;
						width:95%;
						padding:13px 10px;
					}
					#address2{
						margin-bottom:10px;
					}
					#address3{
						margin-bottom:-10px;
					}
	
					#message{
						max-width:480px;
						width:95%;
						margin-bottom:-10px;
						padding:13px 10px;
						line-height: 1.5em;
					}
				@media screen and (max-width:480px){

					#address1{
						margin-bottom:0;
					}

				}


					.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;
					}

					#email{ime-mode:disabled;}


			#submit1,
			#submit2{
				-webkit-appearance: none;
				display:block;
				max-width:400px !important;
				width:80% !important;
				height:60px;
				margin:0 auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em !important;
				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;
				position: relative;
				top:40px;
			}
			#submit2{
				height:50px;
				margin: 0 auto;
				padding-top:10px !important;
				background-color:#999;
				top:0;
			}
			#submit1 + #submit2{
				top:-50px;
			}

			.check #submit1{
				top:0;
			}
	
			#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;
			}
			#submit2{
				top:0;
			}
			
			#submit1 + #submit2{
				top:-30px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}
		
		
		.hissu{
			color:#f00;
			font-size:0.7em;
			position: relative;
			top:-5px;
		}


.contact #globalfooter{
	border-top:1px dashed #ccc;
}
		
	.thanksnote{
		max-width:540px;
		width:100%;
		margin:30px auto 0;
		padding-bottom:70px;
	}


	.thanks h4 + p{
		max-width:540px;
		width:100%;
		text-align: left;
	}

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

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

	}


	/* 資料請求 */


			.requestitems{
				padding: 50px 0;
				background-color: #ccedff;
			}
	
		@media screen and (max-width:480px){
			
			.requestitems{
				padding: 40px 0 30px;
			}
	
		}

			.requestitems .inner{
				max-width:640px !important;
				width:80% !important;
				margin: 0 auto;
			}

	
			@media screen and (max-width:1000px){
			
				.maincontent .requestitems li h5{
					width:100%;
					margin-bottom: 5px;
				}

			}


			.linote{
				float: right;
				width: calc(100% - 180px);
			}
	
		@media screen and (max-width:770px){

			.linote{
				float:none;
				width:100%;
			}
	
		}



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

   コンテンツ

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










/* Googleマップの場合 */

		.gmap{
			max-width: 1200px;
			width:90%;
			height: 600px;
			margin:50px auto;
		}
		.gmapsp{display:none;}

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

		.gmap{display:none;}

		.gmapsp{
			display:block;
			width:90%;
			height: 400px;
			margin:30px auto;
		}

	}

			.gmap iframe{
				widt:100%;
			}




/* --------------------------------------------------------------------------------- */





				
				

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

   採用情報

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

	main.guidelines > header{
		padding-bottom:75px;
	}

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

	main.guidelines > header{
		padding-bottom:75px;
	}

}

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

	main.guidelines > header{
		padding: 90px 0 30px;
	}

}




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

	.employment main.index > header{
		position: relative;
		top:-80px;
	}
	
}

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

	.employment main.index > header{
		top:-35px;
	}
	
}

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

	.employment main.index > header{
		top:-15px;
	}
	
}

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

	.employment main.index > header{
		top:-25px;
	}
	
}


	.employment main.index > header > .inner{
		max-width: 1200px;
		width:100%;
		margin: 0 auto;
	}

		.employment main.index > header > .inner img{
			width:100%;
			height: auto;
		}

		.employment main.index > header > .inner .titlewrap{
			height: 195px;
			margin-bottom: -230px;
			padding-top: 25px;
			color:#fff;
			background-image:url("/shared/bg_clear-blue50.png");
			position: relative;
			top:-230px;
		}

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

		.employment main.index > header > .inner .titlewrap{
			height: 165px;
			margin-bottom: -195px;
			padding-top: 20px;
			top:-195px;
		}

	}

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

		.employment main.index > header > .inner .titlewrap{
			height: 125px;
			margin-bottom: -150px;
			padding-top: 15px;
			top:-150px;
		}

	}

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

		.employment main.index > header > .inner .titlewrap{
			height: 110px;
			margin-bottom: -150px;
			padding-top: 11px;
			top:-85px;
		}

	}


		.employment main.index > header > .inner .contentmenu{
			/*margin-bottom: -70px;*/
			position: relative;
			top:-70px;
			background-image:url("/shared/bg_clear-white30.png");
		}

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

		.employment main.index > header > .inner .contentmenu{
			/*margin-bottom: -60px;*/
			top:-60px;
		}

	}

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

		.employment main.index > header > .inner .contentmenu{
			/*margin-bottom: -50px;*/
			top:-50px;
		}

	}

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

		.employment main.index > header > .inner .contentmenu{
			/*margin-bottom: -44px;*/
			top:20px;
		}

	}


		.employment main.index > header > .inner .contentmenu li{
			width:calc((100% - 12px) / 4);
			height: 70px;
			margin-right: 4px;
			list-style: none;
			float: left;
			background-image:url("/shared/bg_clear-blue50.png");
		}
		.employment main.index > header > .inner .contentmenu li:nth-last-of-type(1){
			margin-right: 0;
		}

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

		.employment main.index > header > .inner .contentmenu li{
			height: 60px;
		}

	}

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

		.employment main.index > header > .inner .contentmenu li{
			width:calc((100% - 9px) / 4);
			height: 50px;
			margin-right: 3px;
		}

	}

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

		.employment main.index > header > .inner .contentmenu li{
			width:calc((100% - 6px) / 4);
			height: 44px;
			margin-right: 2px;
		}

	}


		.employment main.index > header > .inner .contentmenu li a,
		.employment main.index > header > .inner .contentmenu li span{
			display:flex;
			justify-content: center;
			align-items:center;
			width: 100%;
			height: 100%;
			color:#fff;
			font-size:1.2em;
			font-weight: 700;
			text-decoration: none;
			line-height: 1.2em;
		}

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

		.employment main.index > header > .inner .contentmenu li a,
		.employment main.index > header > .inner .contentmenu li span{
			font-size:1.1em;
		}

	}

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

		.employment main.index > header > .inner .contentmenu li a,
		.employment main.index > header > .inner .contentmenu li span{
			font-size:1.0em;
		}

	}

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

		.employment main.index > header > .inner .contentmenu li a,
		.employment main.index > header > .inner .contentmenu li span{
			font-size:0.9em;
			line-height: 1.1em;
		}

	}


	.ucemployment{
		color:#c33;
		text-align:center;
		font-size:1.2em;
		font-weigth:700;
		position: relative;
		top:-100px;
	}
@media screen and (max-width:640px){

	.ucemployment{
		top:-60px;
	}

}



	/* TOP職場紹介 */

	.topworkspace{
		clear: both;
	}

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

	.topworkspace{
		position: relative;
		top:-150px;
	}

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

	.topworkspace{
		top:-95px;
	}

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

	.topworkspace{
		top:-65px;
	}

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

	.topworkspace{
		position: relative;
		top:-5px;
	}

}


	.topworkspace .innerwrapper{
		position: relative;
		background-color: #f4f4ea;
		background-image: url("/images/bg_employment-workplace.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.topworkspace .innerwrapper{
		background-position:40% 50%;
		background-size: auto 100%;
	}

}

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

	.topworkspace .innerwrapper{
		background-position:45% 50%;
		background-size: auto 100%;
	}

}


	.topworkspace .inner{
		max-width: 1000px;
		width:90%;
		height:340px;
		margin: 0 auto;
		padding-top:60px;
	}

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

	.topworkspace .inner{
		width:86%;
		padding-left: 4%;
	}

}

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

	.topworkspace .inner{
		width:90%;
		padding-left: 0;
		padding-top:40px;
		height:300px;
	}

}

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

	.topworkspace .inner{
		height:270px;
	}

}

	.topworkspace h2{
		color:#665c00;
	}
		.topworkspace h2 + p{
			margin-bottom: 0;
			color:#ada445;
			opacity: 0.70;
		}

	.topworkspace .note{
		width: 43%;
		margin-top:30px;
		line-height: 1.7em;
		text-shadow:0 0 20px #f4f4ea,0 0 20px #f4f4ea,0 0 20px #f4f4ea,
			0 0 20px #f4f4ea,0 0 20px #f4f4ea,0 0 20px #f4f4ea,
			0 0 15px #f4f4ea,0 0 15px #f4f4ea,0 0 15px #f4f4ea,
			0 0 15px #f4f4ea,0 0 15px #f4f4ea,0 0 15px #f4f4ea,
			0 0 10px #f4f4ea,0 0 10px #f4f4ea,0 0 10px #f4f4ea,
			0 0 10px #f4f4ea,0 0 10px #f4f4ea,0 0 10px #f4f4ea,
			0 0 9px #f4f4ea,0 0 9px #f4f4ea,0 0 9px #f4f4ea,
			0 0 9px #f4f4ea,0 0 9px #f4f4ea,0 0 9px #f4f4ea,
			0 0 8px #f4f4ea,0 0 8px #f4f4ea,0 0 8px #f4f4ea,
			0 0 8px #f4f4ea,0 0 8px #f4f4ea,0 0 8px #f4f4ea,
			0 0 7px #f4f4ea,0 0 7px #f4f4ea,0 0 7px #f4f4ea,
			0 0 7px #f4f4ea,0 0 7px #f4f4ea,0 0 7px #f4f4ea,
			0 0 6px #f4f4ea,0 0 6px #f4f4ea,0 0 6px #f4f4ea,
			0 0 6px #f4f4ea,0 0 6px #f4f4ea,0 0 6px #f4f4ea,
			0 0 5px #f4f4ea,0 0 5px #f4f4ea,0 0 5px #f4f4ea,
			0 0 5px #f4f4ea,0 0 5px #f4f4ea,0 0 5px #f4f4ea,
			0 0 4px #f4f4ea,0 0 4px #f4f4ea,0 0 4px #f4f4ea,
			0 0 4px #f4f4ea,0 0 4px #f4f4ea,0 0 4px #f4f4ea,
			0 0 3px #f4f4ea,0 0 3px #f4f4ea,0 0 3px #f4f4ea,
			0 0 3px #f4f4ea,0 0 3px #f4f4ea,0 0 3px #f4f4ea,
			0 0 2px #f4f4ea,0 0 2px #f4f4ea,0 0 2px #f4f4ea,
			0 0 2px #f4f4ea,0 0 2px #f4f4ea,0 0 2px #f4f4ea,
			0 0 1px #f4f4ea,0 0 1px #f4f4ea,0 0 1px #f4f4ea,
			0 0 1px #f4f4ea,0 0 1px #f4f4ea,0 0 1px #f4f4ea;
	}

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

	.topworkspace .note{
		max-width: 470px;
		width: 100%;
	}

}

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

	.topworkspace .note{
		margin-top:20px;
	}

}

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

	.topworkspace .note{
		font-size:0.9em;
	}

}


		.topworkspace .linkbtn{
			max-width: 360px;
			width: 80%;
			height: 50px;
			margin-top: 30px;
			color: #807400;
			font-size:1.2em;
			float: left;
			background-color: transparent;
			background-image:url("/shared/bg_clear-white80.png");
			border-radius: 5px;
		}

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

		.topworkspace .linkbtn{
			max-width: 300px;
			height: 40px;
			margin-top: 35px;
			font-size:1.1em;
		}

	}

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

		.topworkspace .linkbtn{
			font-size:1.0em;
			margin: 35px auto 0;
			float: none;
		}

	}

			
			


	/* TOP先輩の声 */

	.topvoice{
		position: relative;
	}

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

	.topvoice{
		top:-150px;
	}

}

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

	.topvoice{
		top:-73px;
	}

}

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

	.topvoice{
		top:-43px;
	}

}

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

	.topvoice{
		top:-3px;
	}

}

		
	.topvoice > .inner{
		max-width: 1200px;
		width:100%;
		margin: 0 auto;
		padding: 60px 0;
	}

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

	.topvoice > .inner{
		padding:0;
	}

}


		.topvoice > .inner > img{
			width:100%;
			height: auto;
		}

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

		.topvoice > .inner > img{
			position: relative;
			top:-22px;
		}

	}

		.topvoice > .inner .titlewrap{
			height: 130px;
			margin-bottom: -140px;
			color:#fff;
			background-image:url("/shared/bg_black-clear70.png");
			position: relative;
			top:-140px;
		}

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

		.topvoice > .inner .titlewrap{
			height: 140px;
			margin-bottom: 0;
			top:-33px;
		}

	}

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

		.topvoice > .inner .titlewrap{
			height: 180px;
			margin-bottom: -33px;
			top:-33px;
		}

	}

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

		.topvoice > .inner .titlewrap{
			height: 210px;
			padding-top: 20px;
		}

	}

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

		.topvoice > .inner .titlewrap{
			height: 260px;
			top:-32px;
		}

	}

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

		.topvoice > .inner .titlewrap{
			height: 260px;
			top:-30px;
		}

	}

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

		.topvoice > .inner .titlewrap{
		}

	}



	.topvoice .titlewrap > .inner{
		width:95%;
		height: 100%;
		margin: 0 0 0 5%;
	}

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

	.topvoice .titlewrap > .inner{
		width:90%;
		margin: 0 auto;
	}

}

		.topvoice .titlewrap > .inner > header{
			width: calc((100% / 3) - 10%);
			margin-top: 35px;
			float: left;
		}

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

		.topvoice .titlewrap > .inner > header{
			width: calc((100% / 3) - 5%);
			margin-top: 33px;
		}

	}

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

		.topvoice .titlewrap > .inner > header{
			width: 230px;
		}

	}

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

		.topvoice .titlewrap > .inner > header{
			width: 90%;
			margin: 10px auto 0;
		}

	}


		.topvoice .titlewrap .note{
			display:flex;
			justify-content: center;
			align-items:center;
			width:calc((100% / 3) + 10%);
			height: 100%;
			line-height: 1.7em;
			float: left;
		}

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

		.topvoice .titlewrap .note{
			width:calc((100% / 3) + 8%);
		}

	}

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

		.topvoice .titlewrap .note{
			align-items:flex-start;
			width:calc(100% - 230px);
			height:calc(100% - 60px);
			margin-top: 20px;
			float: right;
		}

	}

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

		.topvoice .titlewrap .note{
			width:calc(100% - 180px);
			margin-top: 10px;
			float:left;
		}

	}

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

		.topvoice .titlewrap .note{
			width:100%;
			height: auto;
			padding-top: 15px;
			float: none;
		}

	}

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

		.topvoice .titlewrap .note{
			font-size:0.9em;
		}

	}


		.topvoice .titlewrap > .inner > .right{
			display:flex;
			justify-content: center;
			align-items:center;
			width:calc(100% / 3);
			height: 100%;
			float:right;
		}

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

		.topvoice .titlewrap > .inner > .right{
			width:calc((100% / 3) - 30px);
		}

	}

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

		.topvoice .titlewrap > .inner > .right{
			clear: both;
			width:100%;
			height: 60px;
			position: relative;
			top:-35px;
		}

	}

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

		.topvoice .titlewrap > .inner > .right{
			clear: none;
			float:right;
			width:150px;
			top:3px;
			/*height: 100%;*/
		}

	}

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

		.topvoice .titlewrap > .inner > .right{
			max-width: 300px;
			width: 80%;
			height: 50px;
			margin: 0 auto;
			float: none;
			top:30px;
		}

	}

			
		.topvoice .titlewrap > .inner  > .right .linkbtn{
			max-width: 300px;
			width: 80%;
			height: 50px;
			margin: 0;
			color: #fff;
			font-size:1.1em;
			background-color: transparent;
			background-image:url("/shared/bg_clear-white50.png");
			border-radius: 5px;
		}

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

		.topvoice .titlewrap > .inner > .right .linkbtn{
			height: 40px;
			font-size:1.0em;
		}

	}

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

		.topvoice .titlewrap > .inner > .right .linkbtn{
			margin: 0 auto;
		}

	}

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

		.topvoice .titlewrap > .inner > .right .linkbtn{
			width:100%;
			font-size:0.9em;
		}

	}



	/* TOP募集要項 */

	.topguidelines{
		clear: both;
		margin-bottom: -80px;
		position: relative;
		top:-80px;
	}

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

	.topguidelines{
		margin-bottom: -290px;
		position: relative;
		top:-290px;
	}

}

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

	.topguidelines{
		margin-bottom: -106px;
		top:-106px;
	}

}

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

	.topguidelines{
		margin-bottom: -126px;
		top:-126px;
	}

}

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

	.topguidelines{
		margin-bottom: -141px;
		top:-141px;
	}

}

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

	.topguidelines{
		margin-bottom: -42px;
		top:-42px;
	}

}


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

	.topguidelines{
		margin-bottom:0;
		top:0;
	}

}

	.topguidelines .innerwrapper{
		position: relative;
		background-color: #f4f4ea;
		background-image: url("/images/bg_employment-guidelines.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.topguidelines .innerwrapper{
		background-position:40% 50%;
		background-size: auto 100%;
	}

}

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

	.topguidelines .innerwrapper{
		background-position:45% 50%;
		background-size: auto 100%;
	}

}


	.topguidelines .inner{
		max-width: 1000px;
		width:90%;
		height:340px;
		margin: 0 auto;
		padding-top:60px;
	}

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

	.topguidelines .inner{
		width:86%;
		padding-left: 4%;
	}

}

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

	.topguidelines .inner{
		width:90%;
		padding-left: 0;
		padding-top:40px;
		height:300px;
	}

}

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

	.topguidelines .inner{
		height:270px;
	}

}

	.topguidelines h2{
		color:#fff;
	}
		.topguidelines h2 + p{
			margin-bottom: 0;
			color:#fff;
			opacity: 0.70;
		}

	.topguidelines .note{
		width: 43%;
		margin-top:30px;
		color:#fff;
		line-height: 1.7em;
		text-shadow:0 0 10px #cfb899,0 0 10px #cfb899,0 0 10px #cfb899,
			0 0 9px #cfb899,0 0 9px #cfb899,0 0 9px #cfb899,
			0 0 8px #cfb899,0 0 8px #cfb899,0 0 8px #cfb899,
			0 0 7px #cfb899,0 0 7px #cfb899,0 0 7px #cfb899,
			0 0 6px #cfb899,0 0 6px #cfb899,0 0 6px #cfb899,
			0 0 5px #cfb899,0 0 5px #cfb899,0 0 5px #cfb899,
			0 0 4px #cfb899,0 0 4px #cfb899,0 0 4px #cfb899,
			0 0 3px #cfb899,0 0 3px #cfb899,0 0 3px #cfb899,
			0 0 2px #cfb899,0 0 2px #cfb899,0 0 2px #cfb899,
			0 0 1px #cfb899,0 0 1px #cfb899,0 0 1px #cfb899,
			0 0 10px #cfb899,0 0 10px #cfb899,0 0 10px #cfb899,
			0 0 9px #cfb899,0 0 9px #cfb899,0 0 9px #cfb899,
			0 0 8px #cfb899,0 0 8px #cfb899,0 0 8px #cfb899,
			0 0 7px #cfb899,0 0 7px #cfb899,0 0 7px #cfb899,
			0 0 6px #cfb899,0 0 6px #cfb899,0 0 6px #cfb899,
			0 0 5px #cfb899,0 0 5px #cfb899,0 0 5px #cfb899,
			0 0 4px #cfb899,0 0 4px #cfb899,0 0 4px #cfb899,
			0 0 3px #cfb899,0 0 3px #cfb899,0 0 3px #cfb899,
			0 0 2px #cfb899,0 0 2px #cfb899,0 0 2px #cfb899,
			0 0 1px #cfb899,0 0 1px #cfb899,0 0 1px #cfb899;
	}

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

	.topguidelines .note{
		max-width: 470px;
		width: 100%;
	}

}

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

	.topguidelines .note{
		margin-top:20px;
	}

}

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

	.topguidelines .note{
		font-size:0.9em;
	}

}


		.topguidelines .linkbtn{
			max-width: 360px;
			width: 80%;
			height: 50px;
			margin-top: 30px;
			color: #662900;
			font-size:1.2em;
			float: left;
			background-color: transparent;
			background-image:url("/shared/bg_clear-white80.png");
			border-radius: 5px;
		}

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

		.topguidelines .linkbtn{
			max-width: 300px;
			height: 40px;
			margin-top: 35px;
			font-size:1.1em;
		}

	}

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

		.topguidelines .linkbtn{
			font-size:1.0em;
			margin: 35px auto 0;
			float: none;
		}

	}



/* 職場紹介 */
/*------------------------------------------------------------------------------------*/


	.employment .selectcontent{
		max-width: 1000px;
		width:96%;
		margin: 75px auto 80px;
		
	}

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

	.employment .selectcontent{
		margin:50px auto 55px;
	}

}

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

	.employment .selectcontent{
		margin:30px auto 40px;
	}

}

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

	.employment .selectcontent{
		margin:20px auto 30px;
	}

}


		.employment .selectcontent li{
			display:flex;
			justify-content: center;
			align-items:center;
			width:23%;
			height: 70px;
			margin-right:calc(8% / 3);
			color:#000;
			font-size:1.2em;
			font-weight:700;
			background-color: #f8f8f8;
			list-style: none;
			float: left;
			box-shadow: 0 0 0 1px inset #ccc;
		}
		.employment .selectcontent li:nth-last-of-type(1){
			margin-right: 0;
		}

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

		.employment .selectcontent li{
			font-size:1.1em;
			height:60px;
		}

	}

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

		.employment .selectcontent li{
			width:24%;
			height:50px;
			margin-right: 1%;
			font-size:1.0em;
		}

	}

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

		.employment .selectcontent li{
			height:40px;
			font-size:0.9em;
		}

		.employment .selectcontent li span{
			display: none;
		}

	}


		.employment .selectcontent li a{
			display:flex;
			justify-content: center;
			align-items:center;
			width:100%;
			height:100%;
			color:#00414d;
			background-color: #fff;
			line-height: 1.2em;
			text-decoration: none;
			box-shadow: 0 0 0 1px inset #ccc;
		}



	.employment main.workspace > header .innerwrapper{
		position: relative;
		background-color: #ad456d;
		background-image: url("/images/bg_employment-workplace.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.employment main.workspace > header .innerwrapper{
		background-size: auto 100%;
	}

}



	.employment main > header .inner{
		max-width: 1000px;
		width:90%;
		height:260px;
		margin: 0 auto;
	}

	.employment main.content > header .inner{
		padding-top:140px;
		text-align: left;
	}

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

	.employment main > header .inner{
		width:86%;
		padding-left: 4%;
	}

}

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

	.employment main > header .inner{
		width:90%;
		padding-left: 0;
	}

}



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

	.employment main > header .inner{
		height: 185px;
	}

	.employment main.content > header .inner{
		padding-top:115px;
	}
	
}

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

	.employment main > header .inner{
		width:88%;
		height: 150px;
	}

	.employment main.content > header .inner{
		padding-top:80px;
	}
	
}

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

	.employment main > header .inner{
		width:86%;
		height: 100px;
	}

	.employment main.content > header .inner{
		padding-top:50px;
	}
	

}


		.employment main > header h3{
			margin-bottom:20px !important;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.07em;
		}

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

		.employment main > header h3{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.employment main > header h3{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.employment main > header h3{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.employment main > header h3 + p{
				margin:0;
				padding-left:5px;
			}

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

			.employment main > header h3 + p{
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.employment main > header h3 + p{
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.employment main > header h3 + p{
				font-size:0.7em;
			}

		}


	.employment main > header h3{
		color:#665c00;
	}
		.employment main > header h3 + p{
			color:#665c00;
			opacity: 0.70;
		}


		.employment .pointlist{
		}

			.employment .pointlist .catch{
				max-width: 1200px;
				width: 96%;
				margin: 0 auto;
				padding: 0 0 45px;
				color: #006f82;
				font-size:3.2em;
				font-weight:500;
				font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
				font-feature-settings: "palt" 1;
				text-align: center;
				line-height: 1.5em;
				letter-spacing: 0.03em;
			}

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

			.employment .pointlist .catch{
				font-size:3.0em;
			}

		}

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

			.employment .pointlist .catch{
				font-size:2.4em;
			}

		}

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

			.employment .pointlist .catch{
				padding:5px 0 30px;
				font-size:1.8em;
			}

		}

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

			.employment .pointlist .catch{
				padding: 0 0 25px;
			}

		}

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

			.employment .pointlist .catch{
				font-size:1.6em;
			}

		}

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

			.employment .pointlist .catch{
				font-size:1.5em;
			}

		}

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

			.employment .pointlist .catch{
				font-size:1.4em;
				letter-spacing: 0em;
			}

		}

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

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

			.employment .pointlist .inner{
				width:86%;
				padding-left: 4%;
			}

		}

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

			.employment .pointlist .inner{
				width:90%;
				padding-left: 0;
			}

		}



			.employment .pointlist ul{
			}

				.employment .pointlist ul li{
					width:100%;
					padding:15px 0 60px;
					list-style: none;
					background-position: 0 0;
					background-repeat: no-repeat;

				}

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

				.employment .pointlist  ul li{
					padding:11px 0 40px;
					background-size: 40px auto;
				}

			}

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

				.employment .pointlist ul li{
					width:100%;
					padding:13px 0 40px;
				}

			}

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

				.employment .pointlist ul li{
					padding:0 0 60px;
				}

			}

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

				.employment .pointlist ul li{
					background-size: 34px auto;
					background-position: 0 2px;
				}

			}

				.employment .pointlist ul li h3{
					margin-bottom: 40px;
					color: #665c00;
					font-size:2.0em;
					font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
					line-height: 1.5em;
				}

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

				.employment .pointlist ul li h3{
					margin-bottom: 35px;
					font-size:1.8em;
				}

			}

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

				.employment .pointlist ul li h3{
					margin-bottom: 30px;
					font-size:1.6em;
				}

			}

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

				.employment .pointlist ul li h3{
					margin-bottom: 25px;
					font-size:1.5em;
				}

			}

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

				.employment .pointlist ul li h3{
					font-size:1.4em;
				}

			}

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

				.employment .pointlist ul li h3{
					font-size:1.2em;
				}

			}


					.employment .pointlist ul li img{
						width:25%;
						min-width:240px;
						margin:0 4.5% 20px 0;
						height: auto;
						float: left;
						position: relative;
						top:5px;
					}
					.employment .pointlist ul li:nth-of-type(2n) img{
						margin:0 0 20px 4.5%;
						float: right;
					}

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

					.employment .pointlist ul li img,
					.employment .pointlist ul li:nth-of-type(2n) img{
						display: block;
						width:240px;
						margin: 0 auto 30px;
						float: none;
						top:0;
					}

				}

					.employment .pointlist ul li h4{
						margin-bottom:-8px;
						color:#006f82;
						font-size:1.6em;
						font-weight:700;
					}

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

					.employment .pointlist ul li h4{
						font-size:1.4em;
					}

				}

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

					.employment .pointlist ul li h4{
						font-size:1.2em;
					}

				}



			.employment .event .innerwrapper{
				padding: 65px 0 55px;
				background-color: #e3f2f2;
			}

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

			.employment .event .innerwrapper{
				padding: 55px 0 45px;
			}

		}

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

			.employment .event .innerwrapper{
				padding: 50px 0 40px;
			}

		}

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

			.employment .event .innerwrapper{
				padding: 40px 0 30px;
			}

		}



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

				.employment .event .inner{zoom:1;}
				.employment .event .inner::after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}


					.employment .event .inner img{
						width:25%;
						min-width:240px;
						margin:0 0 20px;
						height: auto;
						float: left;
					}

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

					.employment .event .inner img{
						display: block;
						width:240px;
						margin:0 auto 30px;
						height: auto;
						float:none;
					}

				}



				.employment .event .inner h3{
					max-width:calc(100% - 270px);
					width:71%;
					float: right;
					margin-bottom: 10px;
					color: #c33;
					font-size:2.0em;
					font-weight: 700;
					line-height: 1.5em;
				}

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

				.employment .event .inner h3{
					font-size:1.8em;
				}

			}

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

				.employment .event .inner h3{
					font-size:1.6em;
				}

			}

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

				.employment .event .inner h3{
					max-width: 100%;
					width: 100%;
					margin-bottom: 5px;
					font-size:1.5em;
					float: none;
				}

			}

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

				.employment .event .inner h3{
					font-size:1.4em;
				}

			}

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

				.employment .event .inner h3{
					font-size:1.2em;
				}

			}

				.employment .event .inner p{
					max-width:calc(100% - 270px);
					width:71%;
					float: right;
				}

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

				.employment .event .inner p{
					max-width:100%;
					width:100%;
					float:none;
				}

			}






	/* 社員の一日 */

	.daily{
		margin-top: 80px;
	}

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

	.daily{
		margin-top: 70px;
	}

}

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

	.daily{
		margin-top: 55px;
	}

}

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

	.daily{
		margin-top: 40px;
	}

}


	.daily > header{
		max-width:1000px;
		width: 90%;
		margin: 0 auto;
	}

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

	.daily > header{
		width:86%;
		padding-left: 4%;
	}

}

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

	.daily > header{
		width:90%;
		padding-left: 0;
	}

}

		.daily > header h3{
			margin-bottom:25px !important;
			color:#006f82;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.07em;
		}

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

		.daily > header h3{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.daily > header h3{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.daily > header h3{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.daily > header h3 + p{
				margin:0 0 50px;
				padding-left:5px;
				color:#60b1bf;
			}

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

			.daily > header h3 + p{
				margin:0 0 40px;
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.daily > header h3 + p{
				margin:0 0 30px;
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.daily > header h3 + p{
				font-size:0.7em;
			}

		}


		.daily .schedule{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
		}

		.daily .schedule{zoom:1;}
		.daily .schedule::after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.daily .schedule ul{
				width: calc(77% - 15px);
				margin-left:15px;
				border-left:1px solid #ccc;
				float: left;
			}

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

			.daily .schedule ul{
				width: calc(100% - 15px);
				float:none;
			}

		}

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

			.daily .schedule ul{
				width:100%;
				margin-left:0;
			}

		}
				

				.daily .schedule li{
					margin-bottom: 15px;
					list-style: none;
					position: relative;
				}

			@media screen and (max-width:480px){
				
				.daily .schedule li{
				}

			}

				.daily .schedule li::before{
					content: "●";
					font-size:1.1em;
					position: relative;
					top:7px;
					left:-9px;
					float:left;
				}

			@media screen and (max-width:640px){
				
				.daily .schedule li::before{
					margin-right: -30px;
					font-size:1.0em;
					left:-8px;
				}

			}


				.daily .schedule li{zoom:1;}
				.daily .schedule li::after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}


				.daily .schedule li:nth-of-type(4){
					margin-bottom: 120px;
				}

				.daily .schedule li:nth-of-type(5){
					margin-bottom: 30px;
				}

				.daily .schedule li:nth-of-type(7){
					margin-bottom: 60px;
				}

			@media screen and (max-width:480px){
				
				.daily .schedule li:nth-of-type(4){
					margin-bottom: 60px;
				}

				.daily .schedule li:nth-of-type(5){
					margin-bottom: 15px;
				}

				.daily .schedule li:nth-of-type(7){
					margin-bottom: 15px;
				}

			}




					.daily .schedule li div{
						display:flex;
						justify-content: center;
						align-items:center;
						min-height: 44px;
						float: left;
					}

					.daily .schedule li .time{
						width:70px;
					}

					.daily .schedule li .title{
						width:200px;
						margin:0 0 0 30px;
						font-size:1.1em;
						font-weight: 700;
						background-color: #f2f2f2;
						border-radius: 6px;
					}

					.daily .schedule li .note{
						width:calc(100% - 340px);
						justify-content:left;
						line-height: 1.5em;
						float: right;
					}

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

					.daily .schedule li .time{
						width:70px;
					}

					.daily .schedule li .title{
						width:140px;
						margin:0 0 0 10px;
						font-size:1.0em;
						border-radius: 3px;
					}

					.daily .schedule li .note{
						width:calc(100% - 260px);
					}

				}

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

					.daily .schedule li .time{
						width:70px;
					}

					.daily .schedule li .title{
						width:120px;
						margin:0;
					}

					.daily .schedule li .note{
						width:calc(100% - 205px);
					}

				}

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

					.daily .schedule li .note{
						align-items:normal;
						width:calc(100% - 70px);
						margin-top: 10px;
					}

				}


				.daily .schedule .imagebox{
					width:20%;
					float: right;					
				}

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

				.daily .schedule .imagebox{
					width:100%;
					margin-top: 50px;
					float:none;					
				}

				.daily .schedule .imagebox{zoom:1;}
				.daily .schedule .imagebox::after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

			}

			@media screen and (max-width:640px){
				
				.daily .schedule .imagebox{
					max-width: 400px;
					width: 100%;
					margin: 40px auto 0;
				}
				
			}

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

				.daily .schedule .imagebox{
					margin: 20px auto 0;
				}

			}


				.daily .schedule .imagebox img{
					width: 100%;
					height: auto;
					margin-bottom: 15px;
				}

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

				.daily .schedule .imagebox img{
					display: block;
					width:24%;
					margin: 0 calc(4% / 3) 0 0;
					float: left;
				}
				.daily .schedule .imagebox img:nth-last-of-type(1){
					margin-right: 0;
				}

			}

			@media screen and (max-width:640px){
				
				.daily .schedule .imagebox img{
					width:49%;
					margin: 10px 2% 0 0;
				}
				.daily .schedule .imagebox img:nth-of-type(2n){
					margin-right: 0;
				}
				
			}







	/* 先輩の声 */

	.employment .voices .selectcontent{
		margin-bottom:20px;
	}


	.voices .maincontent > header{
		max-width:1000px;
		width: 90%;
		margin: 0 auto;
	}

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

	.voices .maincontent > header{
		width:86%;
		padding-left: 4%;
	}

}

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

	.voices .maincontent > header{
		width:90%;
		padding-left: 0;
	}

}


		.voices .maincontent > header h3{
			margin-bottom:25px !important;
			color:#006f82;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.07em;
		}

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

		.voices .maincontent > header h3{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.voices .maincontent > header h3{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.voices .maincontent > header h3{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.voices .maincontent > header h3 + p{
				margin:0;
				padding-left:5px;
				color:#60b1bf;
			}

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

			.voices .maincontent > header h3 + p{
				margin:0;
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.voices .maincontent > header h3 + p{
				margin:0;
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.voices .maincontent > header h3 + p{
				font-size:0.7em;
			}

		}


		.voicesmain{
			padding:50px 0 60px;
			background-image: url("/images/bg_voices.png");
			background-position: 50% 0;
			background-repeat: no-repeat;
			position: relative;
			top:-50px;
		}

			.voicesmain .inner{
				max-width: 1000px;
				width: 96%;
				margin: 0 auto;
			}

			.voicesmain img.img2{
				display: none;
			}

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

			.voicesmain{
				background-size: 100% auto;
			}

		}

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

			.voicesmain{
				padding:10px 0 20px;
				top:-30px;
			}

		}

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

			.voicesmain{
				padding:0;
			}

		}

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

			.voicesmain{
				top:0;
				background-position: 50% 50%;
				background-size: auto 400px;
			}
			.voicesmain .inner img.img1{display: none;}
			.voicesmain .inner img.img2{display:block;}

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

		}

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

			.voicesmain{
				background-size: auto 300px;
			}
			
		}

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

			.voicesmain{
				background-size: auto 250px;
			}
			
		}

				.voicesmain .inner img{
					width: 100%;
					height: auto;
				}



		/* 社員インタビュー */

				.staffnote > header{
					max-width: 1000px;
					width:90%;
					margin: 0 auto 80px;
					color:#00414d;
				}

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

				.staffnote > header{
					margin: 0 auto 70px;
				}

			}

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

				.staffnote > header{
					margin: 0 auto 60px;
				}

			}

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

				.staffnote > header{
					margin: 0 auto 50px;
				}

			}

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

				.staffnote > header{
					margin: 0 auto 40px;
				}

			}


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

					.staffnote > header img{
						width:16%;
						height:auto;
						margin-right:2%;
						float: left;
					}

					.staffnote > header h4{
						padding: 15px 0;
						font-size:1.2em;
						font-weight:700;
						line-height: 1.5em;
					}


					.staffnote > header .note{
						height: 100px;
						padding: 0 5%;
						background-color: #f1fafd;
					}

					.staffnote > header p{
						display:flex;
						align-items:center;
						height: 100%;
						margin:0;
						font-size:1.8em;
						line-height: 1.4em;
					}

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

					.staffnote > header h4{
						padding: 12px 0;
					}

					.staffnote > header .note{
						height:90px;
					}

					.staffnote > header p{
						font-size:1.6em;
					}

				}

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

					.staffnote > header h4{
						padding: 12px 0;
					}

					.staffnote > header .note{
						height:auto;
						padding: 10px 3% 10px 0;
					}

					.staffnote > header p{
						font-size:1.4em;
					}

				}


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

					.staffnote > header img{
						width:80px;
						margin-right:3%;
					}

					.staffnote > header h4{
						display:flex;
						/*justify-content: center;*/
						align-items:center;
						height: 90px;
						margin: 0;
						padding: 0;
						font-size:1.1em;
					}

					.staffnote > header .note{
						clear: both;
						padding: 10px 4%;
					}

					.staffnote > header p{
						font-size:1.2em;
					}

				}

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

					.staffnote > header h4{
						font-size:1.0em;
					}

					.staffnote > header .note{
						padding: 10px 5%;
					}

					.staffnote > header p{
						font-size:1.0em;
					}

				}


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

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

				.staffnote > .inner{
					width:86%;
					padding-left: 4%;
				}

			}

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

				.staffnote > .inner{
					width:90%;
					padding-left: 0;
				}

			}


					.staffnote > .inner dl{
						padding-bottom:70px;
					}

					.staffnote > .inner dl{zoom:1;}
					.staffnote > .inner dl::after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}
					
					.staffnote > .inner dt{
						margin:0 0 40px;
						color:#00414d;
						font-size:1.6em;
						font-weight:700;
					}
					.staffnote > .inner dt::before{						
						font-family: "Outfit", sans-serif;
						font-optical-sizing: auto;
						font-weight: 400;
						font-style: normal;
						
						margin-right: 20px;
						font-size:1.3em;
						position: relative;
						top:2px;
					}
					.staffnote > .inner dl:nth-of-type(1) dt::before{content:"Q1";}
					.staffnote > .inner dl:nth-of-type(2) dt::before{content:"Q2";}
					.staffnote > .inner dl:nth-of-type(3) dt::before{content:"Q3";}
					.staffnote > .inner dl:nth-of-type(4) dt::before{content:"Q4";}
					.staffnote > .inner dl:nth-of-type(5) dt::before{content:"Q5";}
					.staffnote > .inner dl:nth-of-type(6) dt::before{content:"Q6";}
					.staffnote > .inner dl:nth-of-type(7) dt::before{content:"Q7";}
					.staffnote > .inner dl:nth-of-type(8) dt::before{content:"Q8";}
					.staffnote > .inner dl:nth-of-type(9) dt::before{content:"Q9";}
					
				@media screen and (max-width:1000px){
					
					.staffnote > .inner dl{
						padding-bottom:60px;
					}
					
					.staffnote > .inner dt{
						margin:60px 0 30px;
						font-size:1.6em;
					}

				}

				@media screen and (max-width:770px){
					
					.staffnote > .inner dl{
						padding-bottom:55px;
					}
					
					.staffnote > .inner dt{
						margin:0 0 25px;
						font-size:1.4em;
					}

				}

				@media screen and (max-width:640px){
					
					.staffnote > .inner dl{
						padding-bottom:50px;
					}
					
					.staffnote > .inner dt{
						margin:0 0 20px;
						font-size:1.2em;
					}

				}

				@media screen and (max-width:480px){
					
					.staffnote > .inner dl{
						padding-bottom:45px;
					}
					
					.staffnote > .inner dt{
						margin:0 0 15px;
						font-size:1.0em;
					}
					.staffnote > .inner dt::before{						
						margin-right: 10px;
					}

				}

					.staffnote > .inner dl:nth-last-of-type(1) dd{
						padding-bottom:0;
					}



					.staffnote > .inner dd img{
						width: 36%;
						height:auto;
						border:1px solid #e5e5e5;
					}

					.staffnote > .inner dd img.floatright{
						margin:5px 0 15px 4%;
					}

					.staffnote > .inner dd img.floatleft{
						margin:5px 4% 15px 0;
					}

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

					.staffnote > .inner dd img,
					.staffnote > .inner dd img.floatright,
					.staffnote > .inner dd img.floatleft{
						display: block;
						width:200px;
						height:auto;
						margin: 0 auto 15px;
						float: none;
					}

				}


		.stafflink{
			background-color: #f1fafd;
		}
		
			.stafflink ul{
				max-width:1000px;
				width:90%;
				margin: 0 auto;
			}

			.stafflink ul{zoom:1;}
			.stafflink ul::after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}
		
				.stafflink ul li{
					width:48%;
					height:150px;
					padding: 20px 0 0;
					list-style: none;
					float: left;
				}
	
				.stafflink ul li:nth-of-type(2){
					float:right;
				}

			@media screen and (max-width:1000px){
		
				.stafflink ul li,
				.stafflink ul li:nth-of-type(2){
					width:100%;
					height:auto;
					padding: 20px 0;
					list-style: none;
					float:none;
				}
				.stafflink ul li:nth-of-type(2){
					padding:0 0 20px;
				}
	
			}


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

					.stafflink ul li img{
						width:25%;
						height:auto;
						margin-right:2%;
						float: left;
					}

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

					.stafflink ul li img{
						width:100px;
						margin-right:3%;
					}

				}

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

					.stafflink ul li img{
						width:80px;
					}

				}

					.stafflink ul li h4{
						padding:0 0 10px;
						color:#00414d;
						font-size:1.0em;
						font-weight:700;
						line-height: 1.5em;
					}

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

					.stafflink ul li h4{
						padding:0 0 10px;
					}
					
				}


					.stafflink ul li .note{
						height: 70px;
						padding: 0 5%;
						background-color: #fff;
					}

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

					.stafflink ul li .note{
						height:auto;
						padding: 10px 4%;
					}

				}

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

					.stafflink ul li .note{
						height:auto;
						padding: 10px 5%;
					}

				}

					.stafflink ul li p{
						display:flex;
						align-items:center;
						height: 100%;
						margin:0;
						font-size:1.0em;
						line-height: 1.3em;
					}

					.stafflink ul li a{
						text-decoration: none;
					}









	/* 募集要項 */

	.employment .guidlines .selectcontent{
		margin-bottom:20px;
	}


	.guidlines .maincontent > header{
		max-width:1000px;
		width: 90%;
		margin: 0 auto;
	}

		.guidlines .maincontent > header h3{
			margin-bottom:25px !important;
			color:#006f82;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.07em;
		}

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

		.guidlines .maincontent > header h3{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.guidlines .maincontent > header h3{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.guidlines .maincontent > header h3{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.guidlines .maincontent > header h3 + p{
				margin:0 0 110px;
				padding-left:5px;
				color:#60b1bf;
			}

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

			.guidlines .maincontent > header h3 + p{
				margin:0 0 100px;
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.guidlines .maincontent > header h3 + p{
				margin:0 0 90px;
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.guidlines .maincontent > header h3 + p{
				font-size:0.7em;
			}

		}


	.guidlinetable{
		background-image: url("/images/bg_guidelinestable.png");
		background-repeat: repeat-x;
		border-top:1px solid #ccc;
	}

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

		.guidlinetable > .inner ul{
			position: relative;
			top:-70px;
		}

		.guidlinetable > .inner ul{zoom:1;}
		.guidlinetable > .inner ul::after{
			content: ""; 
			display: block; 
			clear: both;
		}
		
			.guidlinetable > .inner ul li{
				width: 230px;
				height:54px;
				margin-right: 23px;
				color:#00414d;
				font-size:1.1em;
				font-weight: 700;
				list-style: none;
				line-height: 1.2em;
				float: left;
				border:1px solid #ccc;
				border-radius: 6px;
			}
			.guidlinetable > .inner ul li:nth-last-of-type(1){
				margin-right: 0;
			}

		@media screen and (max-width:640px){
		
			.guidlinetable > .inner ul li{
				width: 150px;
				margin-right: 10px;
				font-size:1.0em;
			}

		}

		@media screen and (max-width:370px){
		
			.guidlinetable > .inner ul li{
				width: 128px;
			}

		}


			.guidlinetable > .inner ul li.this{
				display:flex;
				justify-content: center;
				align-items:center;
				height:70px;
				color: #359fb1;
				text-align: center;
				border-bottom: none;
				border-radius: 6px 0 0 6px;
				background-color: #effbfd;
				position: relative;
				top:10;
			}

				.guidlinetable > .inner ul li a{
					display:flex;
					justify-content: center;
					align-items:center;
					width: 100%;
					height: 100%;
				}

				.guidlinetable > .inner ul li.nocontent{
					height: 46px;
					padding-top: 8px;
					text-align: center;
				}

			.guidlinetable > .inner ul li span{
				color: #ad456d;
				font-size:0.8em;
			}

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

			.guidlinetable > .inner ul li span{
				font-size:0.7em;
			}

		}

			.guidlinetable > .inner table{
				border-collapse: collapse;
				width: 100%;
			}

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

			.guidlinetable > .inner table{
				margin-bottom: -30px;
				position: relative;
				top:-30px;
			}

		}

				.guidlinetable > .inner th{
					width:140px;
					padding: 12px 0;
					color:#00414d;
					line-height: 1.7em;
					background-color: #eff8fb;
					border:1px solid #ccc;
					vertical-align: top;
				}

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

				.guidlinetable > .inner th{
					display: block;
					width:calc(100% - 30px);
					padding: 3px 15px;
					text-align: left;
					border:none;
					vertical-align:middle;
				}

			}


				.guidlinetable > .inner td{
					width:calc(100% - 110px);
					padding: 12px 15px;
					line-height: 1.7em;
					vertical-align: top;
					background-color: #fff;
					border:1px solid #ccc;
				}

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

				.guidlinetable > .inner td{
					display: block;
					width:calc(100% - 110px);
					padding: 12px 15px 20px;
					border:none;
					vertical-align:middle;
				}

			}

				.guidlinetable > .inner tr:nth-last-of-type(1) td{
					border-bottom: 1px dashed #ccc;
				}













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

  	おしらせ

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

	.news main + #globalfooter{
		border-top:1px solid #ccc;
	}

		

	.news main > header{
		padding-bottom:75px;
		text-align: center;
	}

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

	.news main > header{
		padding-bottom:50px;
	}

}

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

	.news main > header{
		padding-bottom:30px;
	}

}


	.news .list{
		padding-bottom: 100px;
	}

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

	.news .list{
		padding-bottom: 80px;
	}

}

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

	.news .list{
		padding-bottom: 60px;
	}

}

	.news .list .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto;
	}

			.news .list .inner ul{
				width:100%;
			}




				.news .list .inner ul li{
					padding: 5px 0 5px 2%;
					color:#a76775;
					list-style: none;
					line-height: 1.7em;
					border-bottom:1px dashed #ccc;
				}
				.news .list .inner ul li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}
				.news .list .inner li{zoom:1;}
				.news .list .inner li::after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

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

				.news .list .inner ul li{
					padding: 5px 0 5px 3%;
					font-size: 0.9em;
				}

			}

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

				.news .list .inner ul li .date{
					width:100px;
					float:left;
				}

				.news .list .inner ul li .title{
					width:calc(100% - 110px);
					float:right;
				}

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

				.news .list .inner ul li .date{
					width:100%;
					float:none;
				}

				.news .list .inner ul li .title{
					width:100%;
					float:none;
				}

			}

				.news .list .inner ul li a{
					color:#a76775;
				}




	/* おしらせ詳細 */

	.news .detail{
		padding-bottom: 0;
	}


	.news .detail > .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto;
	}

	.news .detail h4{
		margin-bottom: 5px;
		padding:0 1% 7px;
		color:#326291;
		font-size: 1.3em;
		font-weight:700;
		border-bottom: 1px solid #326291;
		text-align: left;
	}

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

	.news .detail h4{
		font-size: 1.2em;
	}

}

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

	.news .detail h4{
		padding:0 1% 5px;
		font-size:1.0em;
	}

}

		.news .detail .date{
			margin:0 1% 30px;
			color:#666;
		}

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

		.news .detail .date{
			margin:0 1% 20px;
			font-size:0.9em;
		}

	}

		.news .detail .entrybody{
			padding:0 1% 50px;
		}

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

		.news .detail .entrybody{
			font-size:0.9em;
			padding:0 1% 20px;
		}

	}


/* 戻る */
	
	.news .detail .modoru{
		display:block;
		width:60px;
		height:60px;
		margin:0 auto 80px;
		color:#fff;
		font-size:2.2em;
		text-align:center;
		text-decoration:none;
		line-height:66px;
		float: none;
		background-color:#333;
		border-radius:40px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.news .detail .modoru{
		width:50px;
		height:50px;
		margin:0 auto 30px;
		font-size:1.6em;
		line-height:54px;
		border-radius:25px;
	}

}





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

  	アクセス

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

	.access{
		padding-top: 50px;
	}

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

	.access{
		padding:0 0 100px;
	}

}

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

		.access .map{
			max-width: 1000px;
			width:100%;
			padding-top:30px;
		}

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

		.access .map{
			padding:0 0 20px;
		}

	}

		.access .map img{
			width:100%;
			height:auto;
		}

		.access .map + table{
			border-collapse: collapse;
			max-width:1000px;
			width:100%;
			margin:40px auto 100px;
		}

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

		.access .map + table{
			margin:40px auto 100px;
		}

	}

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

		.access .map + table{
			margin:30px auto 50px;
		}

	}

			.access .map + table th{
				padding:15px 10px;
				border:1px solid #ccc;
				white-space: nowrap;
				line-height: 1.5em;
				vertical-align: top;
				background-color: #eee;
			}

			.access .map + table td{
				padding:15px 15px 10px;
				line-height: 1.5em;
				border:1px solid #ccc;
			}

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

			.access .map + table th{
				display: block;
				width:100%;
				padding:5px 0;
				border:none;
				line-height: 1.5em;
				text-align: center;
			}

			.access .map + table td{
				display: block;
				width:calc(100% - 20px);
				padding:10px;
				border:none;
			}

		}

				.access .map + table td ul{
					margin-left: 20px;
				}

					.access .map + table td li{
						margin-bottom:10px;
					}




/* Googleマップの場合 */

		.gmap{
			width:100%;
			height: 600px;
			margin-bottom:70px;
		}

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

		.gmap{
			padding-bottom:40px;
		}

	}

			.gmap iframe{
				widt:100%;
			}

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

		.gmap{
			height:400px;
		}
			.gmap iframe{
				height:400px;
			}
	}

	



	.linkbtn4{
		display:block;
		max-width:420px;
		width:90%;
		height:60px;
		color:#fff;
		font-weight: 700;
		line-height:61px;
		text-align:center;
		text-decoration:none;
		background-image: url("/shared/img_yajirushi_right.png");
		background-repeat:no-repeat;
		background-position:90% 50%;
		background-size:16px auto;
		border-radius:10px;
		cursor: pointer;
		float: none !important;
	}
	.linkbtn4:hover{
		color:#fc0;
	}

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

	.linkbtn4{
		height:50px;
		width:80%;
		line-height:51px;
		background-position:90% 50%;
		background-size:14px auto;
		border-radius:5px;
	}

}

		.contact #submit1{
			display:flex;
			justify-content: center;
			align-items:center;
			max-width:480px;
			width:80%;
			font-size:1.5em;
			margin:0 auto 80px;
			padding: 5px 0;
			border:none;
			line-height: 1.3em;
			background-color:#f90;
			background-position:98% 50%;
		}
		.mailform a{text-decoration: none;}

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

		.contact #submit1{
			margin:0 auto 65px;
			font-size:1.3em !important;
			line-height:30px;
		}

	}

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

		.contact #submit1{
			margin:0 auto 50px;
			font-size:1.0em !important;
		}

	}

		#submit2{
			max-width:500px;
			width:90%;
			font-size:1.0em;
			padding: 5px 0;
			border:none;
			line-height:40px;
			background-color:#036;
			background-image:url(/donations/shared/img_yajirushi-yellow2.png);
			background-position:2% 50%;
		}

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

		#submit1{
			font-size:0.9em;
			line-height:30px;
		}

	}

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

		#submit1{
			font-size:0.8em;
		}

	}







/**************************************************************/


ul.slick-dots{
	position:absolute;
	bottom:40px;
	z-index: 12000 !important;
}

@media screen and (max-width:1000px){
ul.slick-dots{
	bottom:30px;
}
}

@media screen and (max-width:640px){
ul.slick-dots{
	bottom:20px;
}
}

@media screen and (max-width:480px){
ul.slick-dots{
	bottom:15px;
}
}

ul.slick-dots li button:before{
	color:#fe9929 !important;
	font-size:50px!important;
	opacity:0.7;
	/*text-shadow:0 0 15px #202d39,0 0 15px #202d39;*/
}
ul.slick-dots li.slick-active button:before{
	color:#fff !important;
	opacity:1;
}