/*font*/
*{
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Yu Gothic", "游ゴシック", sans-serif;
}
/*横スクロール禁止*/
body {
  overflow-x: hidden;
}

/*タイトル細字*/
h1,h2,h3,h4,h5{
	font-weight:normal !important;
}

/*ci.png*/
h1.site-logo{
	margin-top:10px;
}

/*スマホのみ改行*/
.sp{
  display: none; /* PCでは非表示 */
}

@media screen and (max-width: 768px) {
  .sp{
    display:initial;
  }
}


/*インデント*/
.indent{
	text-indent: -1em;
	padding-left: 1em;
}

/*カラースキーム*/


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

	width:80%;
	//	//max-width:200px;	
	//	background-color:#eee;
	//	text-align:center;
}


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

/*全ページ共通､継承前*/

h3{

	border-bottom:3px double #0945B3 !important;
	font-size:22px;
	border-bottom:1px solid #888;
	color:#333;
	font-weight:bold;
	color:#0945B3;
	padding-bottom:0px;
	margin-bottom:10px;
	margin-top:30px;
	background-image : url(../img/h3bk.jpg);
}
h4{

	font-size:19px;
	margin-bottom:-2px;
	color:#555;
	border-bottom:1px solid #ddd;
}



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

h4.work{
	
}

.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{
	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-size:16px;
	line-height:150%;
	color:#222;
}

hr{
	border-bottom:1px solid #eee;
}




.site-header{
	border-top:5px solid #0945B3; 
	background-color: #fff;
	padding:0;
	margin-left:-15px;
	position: fixed;
	width: 105%;
	border-bottom:1px solid #0945B3; 
	 z-index: 9999;
}


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

}
.menuLi a{
	color:#0945B3;
	text-decoration: none;
}

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

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



.footNavMenu{
	display: flex;
	justify-content: center;
	margin-bottom:30px;
}
.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;
	//background-color:#D8F6AA;

			background-color: #5793EA;
}


h1{
	margin-left:60px;
}

h1 img{
	width:90%;
}



.foot{
	padding:0;

	/*	
	background: #5793EA;
	*/

			background-color: #f0f5fc;
	width:100%;
	text-align:center;
	padding-top:20px;
	font-size:10px;

	border-top:1px solid #ccc;
	margin-bottom:200px;
}


.widthPic{
	//background-attachment: fixed;
	background-image: url("../img/top.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 50vw;
	font-size:50px;
	display: -webkit-flex;
	display: flex;
	// -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	// align-items: center; /* 縦方向中央揃え */

	padding-top:20%;

	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin-top:-20px;
	font-weight:bold;
	color:#0945B3;
	border-bottom:1px solid #222;

}



.widthPicGroup{
	//background-attachment: fixed;
	padding-top:100px; 
	background-image: url("../img/group.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 30vw;
	color:#fff;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	color:#0945B3;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border-bottom:1px solid #999;
}


.widthPicAbout{
	//background-attachment: fixed;
	padding-top:100px; 
	background-image: url("../img/p4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 30vw;
	color:#fff;
	font-size:30px;

	color:#0945B3;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border-bottom:1px solid #999;

	background-color: rgba(255,255,255, 0.7) !important;
	background-blend-mode: overlay;
}


.widthPicMail{
	//background-attachment: fixed;
	padding-top:100px; 
	background-image: url("../img/mail2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 30vw;
	color:#0945B3;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border-bottom:1px solid #999;

	background-color: rgba(255,255,255, 0.7) !important;
	background-blend-mode: overlay;
}





.widthPicWork{
	//background-attachment: fixed;
	padding-top:100px; 
	background-image: url("../img/work.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 30vw;
	color:#0945B3;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border-bottom:1px solid #999;

	background-color: rgba(255,255,255, 0.7) !important;
	background-blend-mode: overlay;

}


.widthPicWork{
	//background-attachment: fixed;
	padding-top:100px; 
	background-image: url("../img/wk.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 15vw;
	color:#fff;
	color:#0945B3;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border-bottom:1px solid #999;

	background-color: rgba(255,255,255, 0.7) !important;
	background-blend-mode: overlay;
}



.widthPicInfo{
	//background-attachment: fixed;
	padding-top:100px; 
	background-image: url("../img/info.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	height: 15vw;
	color:#fff;
	color:#0945B3;
	font-size:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border-bottom:1px solid #999;

	background-color: rgba(255,255,255, 0.7) !important;
	background-blend-mode: overlay;
}


/*index以外の各ページの幅広画像の田坂制限*/
@media screen and (min-width: 568px) { 
	.widthPicMail,.widthPicInfo,.widthPicWork,.widthPicAbout{
		height:10vw;
	}

	.widthPicInfo{
		height:10vw;
	}

}






a:link {    color: #0945B3; }
a:visited { color: #0945B3; }
a:hover {   color: #0945B3; }
a:active {  color: #0945B3; }

/*
 *フォーム
 * */


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

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

	}
	.textInput input[type='text'] {
		transition: 0.3s;
		letter-spacing: 1px;
		color: #aaa;
		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;
	}

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

	.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: #aaa;
		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("../img/top.jpg");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100vh;
			height: 60vw;
			font-size:24px;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
			align-items: center; /* 縦方向中央揃え */


			-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
			justify-content: center; /* 横方向中央揃え */
			font-weight:bold;
			color:#0945B3;
			margin-top:0px;

		}
		h1{
			margin-top:5px;
			margin-bottom:5px;
			margin-left:60px;

		}

		h3{
			border-bottom:3px double #0945B3 !important;
			color:#333;
			//font-family: 'Sawarabi Mincho', sans-serif;
			font-weight:bold;
			color:#0945B3;
			border-bottom:1px solid #0945B3;
			padding-bottom:0px;
			margin-bottom:0px;

	margin-bottom:10px;
	margin-top:30px;

		}


		.smartTopPic{
    position: absolute;
			display:block;
			padding-bottom:10px;
			border-bottom:1px solid #0945B3;
			border-top:1px solid #0945B3;
    top: 0;
    left: 0;
	width:100%;
	background-color:white;
	height:50px;
		}
		.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: #aaa;
			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;
		}


		.footNavMenu{
			display:block;
			justify-content: center;
			height:200px;
			//background-color:#D8F6AA;
			/*
			background-color: #5793EA;
			*/

			background-color: #f0f5fc;
			margin-bottom:-30px;
			padding-bottom:80px;
		}
		.footMenuLi{
			padding-top:20px;
			//margin-right: 40px;
			font-family: 'Kosugi', sans-serif;
		}

	
		td{
			display:block;
			font-size:13px;
			//width:90%;
			border:1px solid #FFF;
			margin-bottom:20px;
		}
		table{
			//width:90%;
			border:1px solid #FFF;
		}

		tr{
			//width:90%;
			border:1px solid #FFF;
		}


		li.footmenuli{
			margin:0;
			margin-left:-30px;
			margin-top:20px;
			font-size:15px;
		}
	
	}//レスポンシブルend




	.smses{
		width:100%;	
		top:100px;
		text-align:center;

font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
color:#0036b3;
font-size:35px;
text-shadow: 0px 0px 6px #fff;
text-shadow: 0px 0px 6px #fff;

text-shadow: 
    white 2px 0px 4px, white -2px 0px 4px,
    white 0px -2px 4px, white -2px 0px 4px,
    white 2px 2px 4px, white -2px 2px 4px,
    white 2px -2px 4px, white -2px -2px 4px,
    white 1px 2px 4px, white -1px 2px 4px,
    white 1px -2px 4px, white -1px -2px 4px,
    white 2px 1px 4px, white -2px 1px 4px,
    white 2px -1px 4px, white -2px -1px 4px,
    white 1px 1px 4px, white -1px 1px 4px,
    white 1px -1px 4px, white -1px -1px 4px;

}
	


	a.none{
		text-decoration: none;
	}

	.indexText{
		color:#666;
	}

	.footCompanyName2{
		//border-top:1px solid #666;
		padding-top:5px;
	}




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

		
	tr td{
		
			border:1px solid #FFF;
	
	}
	th{

			display:block;

	}


		td{
			display:block;
			font-size:13px;
			//width:100%;
			border:1px solid #FFF;
		}
		table{
			//width:100%;
			border:1px solid #FFF;
		}

		tr{
			//width:100%;
			border:1px solid #FFF;
		}

		dt{
			width:96%;
		}
		dd{
			font-size:12px;
		}
	
	}//レスポンシブルend


.text_blue2 { color:#1078ab !important;}

/*indexページ*/
h3.index{
	margin-bottom:0px;
	padding-bottom:0px;
}

img.index{
	aspect-ratio:4/3;
	object-fit:cover;
	margin-top:10px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root h1 {
        margin-top:10px;
        margin-bottom:10px;
    }
}

.footmenuli{
	margin-right:20px;
}

/*全ページ共通枠*/
.frame{
	border:1px solid navy;
	padding:5px;
	border-radius:0px;
	margin-bottom:30px;
}


/*---------2025-03-13-----------*/


/*ハンバーガーメニュー背景色*/
.drawer-nav {
	background-color: rgba(9,69,179, 0.8) !important;
}

/*スマホハンバーガーメニュー色*/
@media screen and (max-width: 568px) { 
	li.drawer-menu-item a{
		color:white;
		text-decoration:none;
	}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  /* スマホサイズかつ横画面のときのみ適用 */
	.drawer-menu-item a{
		color: #fff !important;
	}
}


/*indx grid レイアウト*/
/*grid layout */
.grid-waku{
    gap: 5px 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

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

	.grid-waku{
		gap: 5px 5px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}


	h3.index{
		margin-top:0;
	}
}

.grid-waku div{
    box-sizing: border-box;
    margin-bottom: 10px;
	border:2px solid var(--color1);
display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
}
/*index h3*/

h3.index{
	font-size:18px;
	text-align:center;
	font-weight:normal;
}


/*企業担当者様向けページ*/

.grid-waku2-for-biz{
    gap: 5px 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.grid-waku2-for-biz div{
    box-sizing: border-box;
    margin-bottom: 10px;
	border:2px solid var(--color1);
display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
}

/*スタッフ向けページ 登録手順*/



.frame.work{
	border:none;
	padding:10px;
	border-radius:0px;
	margin-bottom:30px;

}

.work h4{
	margin-top:0;
}

/*スタッフ向けページ*/


.grid-waku2{
    gap: 5px 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.grid-waku2 div p{
  display: flex;
  justify-content: center;    /* 左右中央 */
  align-items: center;        /* 上下中央 */
}
.grid-waku2 div p{
 margin: 0; /* p要素のデフォルトマージンをリセット */
}



.grid-waku2 div{
    box-sizing: border-box;
    margin-bottom: 10px;
	border:2px solid var(--color1);
display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
}

/*企業担当者向けページ､会社案内*/
.if1{
	width:200px;
	border-bottom:1px dashed #666;
	font-size:16px;
	color:#222;
	padding-bottom:5px;
  vertical-align: top;
}

.if2{
	width:800px;
	border-bottom:1px dashed #666;
	font-size:16px;
	color:#222;
}


.if1a{
	width:300px;
	border-bottom:1px dashed #666;
}

.if2a{
	width:700px;
	border-bottom:1px dashed #666;
}

/* デフォルトでは非表示 */
hr.sp{
  display: none;
}

/* スマホサイズ（768px以下）で表示 */
@media (max-width: 768px) {
  hr.sp{
    display: block; /* 表示する */
    border: 1px solid #eee;
	width:90vw;
    height: 1px; /* 線の太さ */
  }
}



@media only screen and (max-width: 767px) and (orientation: landscape) {
	/* スマホサイズかつ横画面のときのみ適用 */
	.if1 {
		width: 50vw;
	   border-bottom: none;
	   font-size:16px;
	   font-weight:bold;
	}
	.if2 {
	width: 90vw;
	   border-bottom: 1px dashed #666;
	   font-size:16px;
	}
}




h4.title{
	margin-bottom:0px;
	border-bottom:3px double #ccc;
}


h4.title+p{
	margin-top:10px;
}



@media screen and (max-width: 568px) { 
	.if1{
		width:90vw !important;
		border-bottom:1px dashed #666;
		height:20px;
	}

	.if2{
		width:90vw !important;
		border:none;
		margin-top:-10px;
	}
}


/*地図*/
.mapOuter{
 position: absolute;
  left: 0;
  right: 0;
	height:400px;
}

/*フッター*/
.footCompanyName2{
	display:block;
	width:100vw;
	background-color:white;
	margin-bottom:-200px !important;
}

/*仕事をお探しの方 企業担当者様 左右枠画像*/
.grid-waku2 div img{
	aspect-ratio:4/3;
	object-fit:cover;
}
h5.title{
	font-size:14px;
	text-align:center;
	margin:0;
}


/*弊社にご登録の手順*/
img.next{
	display:block;
	margin:0 auto;
	width:5%;
	margin-top:-20px;
}

@media screen and (max-width: 568px) { 
	img.next{
		margin-top:-20px;
		margin-bottom:20px;
	}

}

/*index トップ画像*/
@media screen and (min-width: 568px) { 
	.top-pic{
	margin-top:100px;
}
}

/*index 下部メニュー*/
@media screen and (max-width: 568px) { 
	span.indexText{
		display:block;
		text-align:center;
		margin-top:10px;
	}
	h3.index{
		width:80%;
		margin-left:10%;
	}
}

/*ご連絡*/

.grid-waku2mail {
  display: grid;
  grid-template-columns: 3fr 7fr;
}

/* スマホサイズ（768px以下）でdisplay: blockに変更 */
@media (max-width: 768px) {
  .grid-waku2mail {
    display: block;
  }
}



.grid-waku2mail div {
	display:initial;
}
.grid-waku2mail div p {
	display:initial;
    justify-content: center;
    align-items: center;
}
/* デフォルトでは表示 */
br.pc {
  display: block;
}

/* スマホサイズ（768px以下）で非表示 */
@media (max-width: 768px) {
  br.pc {
    display: none;
  }
}

h4.title2{
	border-bottom:1px solid #999;
	margin-bottom:10px;

}