@media screen and (width: 768px) {
}

a{
	text-decoration:none;
}

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

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







//ここにスマホヨコの判定を入れる


.headicon2{
}
.headicon2 img{
	margin-right:10px;
	vertical-align: middle;
}
.headicon2 span{
	vertical-align: middle;
}

.headicon2 span{
	display:inline;	
	font-size:25px;
	color:#333;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#aaa;
}


.headicon2 a{
	text-decoration:none;
}

.headicon img{
vertical-align: middle;
}





.brand{
	max-width:15%;
}

@media screen and (max-width: 767px) {
	.brand{
		max-width:50%;
	}

	table.prof{
		height:100px;
	}

}


@media screen and (max-width: 767px) {
	html {
	}
	
	
	body,table{
	  overflow: auto;
	  height: 100%;
	-webkit-text-size-adjust: 100%;


	}


}

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

	width:80%;
}
table.anj{
	margin-bottom:20px;	
	border-collapse: collapse;
	color:#666;
	height:20px;
}

table.anj td{
	height:20px;
}


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;
	color:#999;
	border-bottom:1px solid mediumaquamarine;
	margin-bottom:10px;
}

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

.step{
	margin-top:20px;
	font-family: 'Kosugi', sans-serif;
	font-color:#aaa;
	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,table,p{
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	margin:0;
	padding:0;
	font-size:16px;
}


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


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

p{
	line-height:150%;
	text-align:left;
	font-size:16px;
	//margin-top:-30px;
	line-height:180%;
	color:#666;
	max-width:800px;
	padding-left:100px;
}

p.indent{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
	max-width:800px;
	padding-left:100px;
}


@media screen and (max-width: 568px){
	p{
	padding-left:0px;
	}

	p.indent{
	padding-left:0px;
	}
}
dl{

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

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



h4{
	font-size:20px;
	//border-bottom:1px solid #888;
	color:#000;
//	font-family: 'Sawarabi Mincho', sans-serif;

		font-family: 'Kosugi', sans-serif;
	font-weight:bold;
	color:green;
	border-bottom:1px solid green;
	margin-bottom:20px;
	padding-bottom:0px;
	background-image : url(../img/h3bk.jpg);
}

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

	h4{
		font-size:16px;
	}
}
h3{

	font-size:23px;
//	font-family: 'Sawarabi Mincho', sans-serif;

		font-family: 'Kosugi', sans-serif;
	margin-bottom:12px;
	margin-top:42px;
	color:#000;
	border-bottom:1px dashed #66CDAA;

	background-color:mediumaquamarine;
	padding:10px;

 background: -moz-linear-gradient(top, mediumseagreen, #FFF,#FFF);
  background: -webkit-linear-gradient(top, mediumseagreen, #FFF,#FFF);
  background: linear-gradient(to bottom, mediumseagreen, #FFF,#FFF);
  color:#777;

	text-shadow: 2px 2px 3px #fff;

}



.site-header{
	/*
	border-top:5px solid #aaa; 
	*/
	border-top:5px solid green; 
	background-color:#e9f5e9;

	//background-color: mediumseagreen;
	padding:0;
	margin-left:-15px;
	position: fixed;
	width: 105%;
	border-bottom:1px solid green; 
	z-index:999;
}



.site-logo img{
	width:350px;
	height:auto;
	margin-top:-28px;
	margin-bottom:-20px;
	margin-left:-50px;
}
.navMenu{
	display: flex;
	font-family: 'Kosugi', sans-serif;
	max-width:1000px;
	margin: auto;
	z-index:999;
}
.menuLi{
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom:10px;
	font-size:14px;
	color:#666;
}
.menuLi a{
	color:#666;
	text-decoration: none;
}

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

.menuLi a:hover{
	color:#666;
	padding-bottom:2px;
	border-bottom:1px solid #fff;
}
.menuLi img{
	margin-top:-5px;
}

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




ul {
	list-style: none;
}
li{
	margin-top:5px;
	font-size:13px;
}
@media screen and (max-width: 568px){
	li.footmenuli{
		margin-bottom:25px;
	}
}

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

.footCompanyName2{
	text-align:center;
	padding-top:20px;
	font-size:14px;
	padding-bottom:20px;
	background-color:#ddd;
}


h1{
	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("../img/bg1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 40vw;
	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:#aaa;
}


.widthPic2{
	//background-attachment: fixed;
	background-image: url("../img/bg2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 10vw;
	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;
text-shadow: 1px 1px 3px #666;
}


@media screen and (max-width: 767px) {
	.widthPic2{
		height:30vw;
	}
}
.widthPic3{
	//background-attachment: fixed;
	background-image: url("../img/bg3.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 10vw;
	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;
}

.widthPic4{
	//background-attachment: fixed;
	background-image: url("../img/bg4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 10vw;
	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:10px;
}


a:link {    color: #666; }
a:visited { color: #666; }
a:hover {   color: #666; }
a:active {  color: #666; }

/*
 *フォーム
 * */


	.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;    
		*/


		background    : green;    
		color         : #ffffff;    
		line-height   : 1em;        
		transition    : .3s;        
		text-align:center;
		margin-bottom:1em; 
		width:200px;
		border:none;
	}

	.buttonSend{
	
		display       : inline-block;
		border-radius : 5%;         
		font-size     : 18pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 12px 12px;  
	/*	
		background    : #000066;    
		*/


		background    : green;    
		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    : green;    
			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    : green;    
			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:#aaa;
			height:250px;
			margin-top:50px;
		}
		h1{
			margin-top:40px;
			margin-left:60px;

		}

		h3{
			font-size:20px;
			//border-bottom:1px solid #888;
//			font-family: 'Sawarabi Mincho', sans-serif;
		font-family: 'Kosugi', sans-serif;
			
			font-weight:bold;
			border-bottom:1px solid #000;
			padding-bottom:10px;
			margin-bottom:20px;
		}


		.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;
			margin-bottom:-20px;
			border-bottom:40px #ddd solid;
		}
		.footmenuli a{
			padding-top:20px;
			//margin-right: 40px;
			font-family: 'Kosugi', sans-serif;

			color:#666;
		}
		
		dl,dt,dd{
			padding:0;
			margin:0;
			width:100%;
			display:block;

		display: block;
		clear: both;
		line-height:250%;			
		}

		dt{
			font-weight:bold;
			border:none;
		}
		
		dd{
		}


	}//レスポンシブルend


}




/*横並び画像*/

.lbox{
	width:33%;
float:left;
}
.mbox{
	width:33%;
float:left;
}
.rbox{
	width:33%;
float:left;
}

.left-box{

	float : left ;
      border : 1px solid #ddd ;
	  margin-right:10px;


}

.right-box{

	float : left ;
      border : 1px solid #ddd ;

	object-fit: cover !important;
  }

.clear{
      clear : both ;
      padding : 5px ;
      }

.boximg{
		height:323px; 
		width:323px; 
		object-fit: cover;
}


.space{
	margin-top:100px;
}

@media screen and (max-width: 568px){
	.space{
		margin-top:50px;
	}
}


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

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

.clear{
	clear: both; 
}


@media screen and (max-width: 568px){
	.left{
		width:100%;
		margin-bottom:10px;
	}

	.right{
		width:100%;
		text-align:center;
	}
}


hr.dot{
	  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
 border-top: 1px dashed #bbb;
 margin-top:20px;
 margin-bottom:40px;
}



iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  z-index:-999;
}

@media screen and (max-width: 568px) {
iframe{
	height: 150px;
    width: 100%;
}
}




.date{
	font-size:17px;
	font-weight:bold;
	border-bottom:1px dashed #666;
	width:50%;
	margin-bottom:-10px;
}

.bdr{
	height:5px;
	background-color:#000;
	width:100%;
	margin-bottom:50px;
}

.split3{
	float:left;
	width:33%;
	text-align:center;
	border-bottom:1px dashed #333;
}

@media screen and (max-width: 568px) {
	.split3{
		float:none;
		width:100%;
		margin-bottom:30px;
	}
}




//@media screen and (min-width: 560px){   
//  .PC { display:block; }
//  .SM { display:none; }
//}
//
//@media screen and (max-width: 568px){   
//  .PC { display:none; }
//  .SM { display:block; }
//}
.pcSpace{
	margin-top:60px;
}


.waku{

	padding:20px;
	border-radius:10px;
	text-align:center;
	background-color:#fabea7;
	color:white;
	font-size:20px;

text-shadow: 1px 1px 3px #666;
}








@media (orientation: landscape) and (max-width: 813px){
//デバイスが横向き、画面の横幅が 767px 以下の場合の記述

	.pc{
		display:none;
	}

	.sm{
		display:block;
	}

	.menuLi{
		font-size:5px;
		text-align:left;
		white-space: nowrap;
		margin-left:10px;
	}
	.site-logo img {
		margin-left:0;
		width:80%;
	}
	h1{
		margin-right:-100px;
	}

	body{

//		background-color:red;
	}


//	.site-header{
//		margin-bottom:-100px;
//	}

//	header.site-header{
//		display:none;
//	}

	 

}



/*-----------ブログblog------------------*/

.posted-by{
	margin-top:20px !important;
}
.byline{
	display:none !important;
}


a.more-link{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	text-decoration:underline;
}


h1.entry-title {
	border-bottom:1px solid green !important;
	margin-left:0px !important;
	color:green !important;
}



h2.default-max-width{
	border-bottom:1px solid green;
	color:green !important;
}

h2.default-max-width a{
	color:green !important;
	text-decoration:none !important;
}


.widget-title{
	color:green !important;
	border-bottom:1px solid green;
}


.posted-on{
	color:#999;
	margin-top:10px;
	margin-bottom:10px;
}

.nav-links{
	text-align:center;
	margin-top:30px;
}

.cat-links{
	color:#999;
	margin-top:10px;
	margin-bottom:10px;
}


.widget{
//	width:33%;
//	float:left;
}


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

.site-name,.powered-by{
	display:none;
}

h2.screen-reader-text{
	display:none;
}


/*ipad タテ*/
@media (min-width: 768px) and (max-width: 960px) {
	.menuLi {
		margin-left: 10px;
		font-size:10px;	
	}
	.site-logo{
		zoom:0.9;
		padding-left:20px;
	}
}

.widget-area{
	margin-top:150px !important;
	margin-bottom:-150px !important;
}