.mailBody{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;

	width:80%;
}
table.mail{
	margin-bottom:20px;	
	border:1px solid #000;
	border-collapse: collapse;
	color:#666;
}

table.mail td{
	border:1px solid #aaa;
	border-collapse: collapse;
	padding:5px;
	color:#666;
}

h1.mail{
	margin:0;
	margin-top:30px;
	text-align:center;
	color:#666;
}

h2.mail{
	margin:0;
	margin-top:10px;
	text-align:center;
	color:#666;
	margin-bottom:20px;
}

.sendEnd{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	width:80%;
	height:30%;	
	background-color:#eee;
	padding:10px;	
}

@media screen and (max-width: 767px) {
	table.mail{
		border:none;
	}

	table.mail tr{
	}

	table.mail td{
		display:block;
		width:96%;
		border:none;
		border-bottom:1px solid #ccc;
	}
}

/*---以上､メール関連-----------------------------*/


/*---お仕事をお探しの方へ-----------------------------*/

h5{
	font-size:20px;
	font-family: 'Sawarabi Mincho', sans-serif;
	margin-bottom:-2px;
	width:80%;
	color:#999;
	border-bottom:1px solid #ddd;
}

.jobhunt p{
	padding-left:5em;
}

.step{
	margin-top:20px;
	font-family: 'Kosugi', sans-serif;
	font-color:#800E0A;
	font-size:20px;
}


.boxL{
	float:left;
	width:50%;
}

.boxR{
	float:right;
	width:50%;
}
.clear{
	clear:both;
}


@media screen and (max-width: 767px) {
	.boxL{
		float:none;
		width:100%;
	}

	.boxR{
		float:none;
		width:100%;
	}
	.clear{
		clear:none;
	}
}



/*---以上お仕事をお探しの方へ-----------------------------*/


.smartTopPic{
	display:none;
}

.widthPicSmart{
	display:none;
}


body{
	font-family: 'Playfair Display SC', serif;
	margin:0;
	padding:0;
}


a.anchor{
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}


.main{
	width: 96%;
	margin: 0 auto;
	max-width: 800px;
	margin-top:35px;
}

p{
	line-height:150%;
	text-align:left;
	font-family: 'Kosugi', sans-serif;
	font-size:14px;
	//margin-top:-30px;
	line-height:180%;
	color:#666;
}

dl{

}
dt{
	float:left; width:20%;
	border-bottom:1px solid #eee;
	padding:5px;
}
dd{
	padding-left:10%;
	border-bottom:1px solid #eee;
	padding:5px;
}

img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

h3{
	font-size:40px;
	//border-bottom:1px solid #888;
	color:#333;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-weight:bold;
	color:#800E0A;
	border-bottom:1px solid #800E0A;
	padding-bottom:0px;
	margin-bottom:0px;
	background-image : url(../img/h3bk.jpg);
}
h4{

	font-size:25px;
	font-family: 'Sawarabi Mincho', sans-serif;
	margin-bottom:-2px;
	color:#555;
	border-bottom:1px solid #ddd;
}




.site-header{
	border-top:5px solid #800E0A; 
	background-color: #fff;
	padding:0;
	margin-left:-15px;
	position: fixed;
	width: 105%;
	border-bottom:1px solid #aaa; 
}


.site-logo img{
	height: 50px;
	width: auto;
	margin-top:-28px;
	margin-bottom:-20px;
	margin-left:-50px;
}
.navMenu{
	display: flex;
	font-family: 'Kosugi', sans-serif;
}
.menuLi{
	margin-left: 20px;
	margin-bottom:10px;
	font-size:12px;

}
.menuLi a{
	color:#800E0A;
	text-decoration: none;
}

.menuLi a:visited{
	color:#800E0A;
	text-decoration: none;
}

.menuLi a:hover{
	color:#800E0A;
	padding-bottom:2px;
	border-bottom:1px solid #800E0A;
}



.footNavMenu{
	display: flex;
	justify-content: center;
}
.footMenuLi{
	//margin-left:-20px;
	margin-right: 40px;
	font-family: 'Kosugi', sans-serif;
}




ul {
	list-style: none;
}
li{
	margin-top:5px;
}

.footCompanyName{
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
	font-family: 'Playfair Display SC', serif;

}

.footCompanyName2{
	text-align:center;
	font-family: 'Playfair Display SC', serif;
	padding-top:20px;
	padding-bottom:20px;
}


h1{
	margin-left:60px;
	margin-top:30px;
}


.foot{
	height:100px;
	padding:0;
	background: #ddd;
	width:100%;
	text-align:center;
	padding-top:20px;
	font-size:10px;

	font-family: 'Playfair Display SC', serif;
}


.widthPic{
	//background-attachment: fixed;
	background-image: url("top.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 50vw;
	text-shadow: 3px 3px 6px #fff; 
	font-size:50px;
	display: -webkit-flex;
	display: flex;

	padding-top:20%;

	-webkit-justify-content: center;
	justify-content: center;
	margin-top:-20px;
	font-weight:bold;
	color:#800E0A;
}


.widthPic2{
	//background-attachment: fixed;
	background-image: url("p3.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 30vw;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}


.widthPic3{
	//background-attachment: fixed;
	background-image: url("p4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 30vw;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.pcHead{
	height:100px;
}


a:link {    color: #800E0A; }
a:visited { color: #800E0A; }
a:hover {   color: #800E0A; }
a:active {  color: #800E0A; }

/*
 *フォーム
 * */


	.formSet{
		margin:0;
		padding:0;
		width: 100%;
	}

	.textInput {
		width: 96%;
		text-align:center;
		color: #666;

	}
	.textInput input[type='text'] {
		transition: 0.3s;
		letter-spacing: 1px;
		color: #666;
		border: 1px solid #aaa;
		border-radius: 4px;
		font: 15px/24px sans-serif;
		box-sizing: border-box;
		width: 100%;
		padding: 0.9em;
		margin: 0.9em;
	}


	.inner input[type='text']:focus {
		box-shadow: inset 1px 1px 2px 0 #c9c9c9;
		outline: none;
		color: #666;
	}

	.inner textarea:focus {
		box-shadow: inset 1px 1px 2px 0 #c9c9c9;
		outline: none;
		color: #666;
	}

	.textlines {
		border: 1px solid #aaa;
		border-radius: 4px;
		padding: 0.5em;
		width:100%;
		height: 120px;
		font: 15px/24px sans-serif;
		line-height: 1.2;
		background-color:#fff;
		padding: 0.9em;
		margin: 0.9em;
		color:#aaa;
		font-color:#000;
	}

	.textlines input[type='text'] {
		transition: 0.3s;
		letter-spacing: 1px;
		color: #666;
		border: 1px solid #aaa;
		border-radius: 4px;
		font: 15px/24px sans-serif;
		box-sizing: border-box;
		width: 100%;
		padding: 0.9em;
		margin: 0.9em;
	}

	::placeholder{
		color:#555;
	}


	.button {
		display       : inline-block;
		border-radius : 5%;         
		font-size     : 18pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 12px 12px;  
		background    : #000066;    
		color         : #ffffff;    
		line-height   : 1em;        
		transition    : .3s;        
		text-align:center;
		margin-bottom:1em; 
		width:200px;
	}

	.buttonSend{
		display       : inline-block;
		border-radius : 5%;         
		font-size     : 18pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 12px 12px;  
		background    : #000066;    
		color         : #ffffff;    
		line-height   : 1em;        
		transition    : .3s;        
		text-align:center;
		margin-bottom:1em; 
		margin-left:2em; 
		width:200px;
	}

	.button:hover {
		box-shadow    : none;   
		color         : #000066;
		background    : #ffffff;
		text-align:center;
	}

	.sendSmart{
		display:none;
	}

	.sendPc{
		display:block;
	}


	/*以下､レスポンシブル--------------------------------------*/
	.smart{
		display:none;
	}


	@media screen and (max-width: 767px) {
		.widthPic{
			display:none;
		}


		.sendPc{
			display:none;
		}

		.sendSmart{
			display:block;
		}


		.button {
			display       : inline-block;
			border-radius : 5%;         
			font-size     : 18pt;       
			text-align    : center;     
			cursor        : pointer;    
			padding       : 12px 12px;  
			background    : #000066;    
			color         : #ffffff;    
			line-height   : 1em;        
			transition    : .3s;        
			text-align:center;
			margin-bottom:1em; 
			//margin-left:2em; 
			width:200px;
		}

		.buttonSend{
			display       : inline-block;
			border-radius : 5%;         
			font-size     : 18pt;       
			text-align    : center;     
			cursor        : pointer;    
			padding       : 12px 12px;  
			background    : #000066;    
			color         : #ffffff;    
			line-height   : 1em;        
			transition    : .3s;        
			text-align:center;
			margin-bottom:1em; 
			margin-left:2em; 
			width:200px;
		}

		.widthPicSmart{
			display:block;
			background-image: url("top2.jpg");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100vh;
			height: 50vw;
			text-shadow: 3px 3px 6px #fff; 
			font-size:24px;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;


			-webkit-justify-content: center;
			justify-content: center;
			margin-top:40px;
			font-weight:bold;
			color:#800E0A;


		}
		h1{
			margin-top:40px;
			margin-left:60px;

		}

		h3{
			font-size:30px;
			//border-bottom:1px solid #888;
			color:#333;
			font-family: 'Sawarabi Mincho', sans-serif;
			font-weight:bold;
			color:#800E0A;
			border-bottom:1px solid #800E0A;
			padding-bottom:0px;
			margin-bottom:0px;
		}


		.smartTopPic{
			display:block;
		}
		.pcHead{
			display:none;
		}

		.smart{
			display:block;
		}
		.pc{

			display:none;

		}

		.textInput {
			width: 80%;
			text-align:center;
			//margin-left:-10px;
		}
		.textInput input[type='text'] {
			transition: 0.3s;
			letter-spacing: 1px;
			color: #666;
			border: 1px solid #aaa;
			border-radius: 4px;
			font: 15px/24px sans-serif;
			box-sizing: border-box;
			width: 100%;
			padding: 0.9em;
			margin: 0.9em;
		}

		.textInput {
			width: 90%;
			text-align:center;
			color: #666;
		}


		.footNavMenu{
			display:block;
			justify-content: center;
			padding-top:20px;
			padding-bottom:40px;
			height:200px;
			background-color:#ddd;
		}
		.footMenuLi{
			padding-top:20px;
			//margin-right: 40px;
			font-family: 'Kosugi', sans-serif;
		}


	dt{
		width:30% !important;
	}

	}//レスポンシブルend


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


@media screen and (max-width: 568px) {
	.pc{
		display:none;
	}
}

@media screen and (min-width: 568px) {
	.sm{
		display:none;
	}
}

	p.indent{
		padding-left:1em;
		text-indent:-1em;
		margin-bottom:0px;
	}



.td1 {
	font-weight:bold;
	color: #666;
	border-bottom: 1px dashed  #666;
	padding: 5px;
	width:200px;
}
.td2 {
	border-bottom: 1px dashed  #666;
	padding: 5px;
	width: 800px;
}

@media screen and (max-width: 568px) {
	.td1 {
		display: block;
		padding: 8px 2px 2px 2px;
		width: 95vw;
		border-bottom:none;
	}
	.td2 {
		display: block;
		padding: 2px;
		width: 95vw;
	}
	h4.h42{
		font-size:20px;
	}
	span.smt{
		font-size:0.8em;
	}
}

span.step{
color:#800E0A;
font-weight:bold;
}

h5+p{
	margin-left:3em;
}