*	{
	margin:0; /* マージン一括指定 */
	padding:0; /* パディング一括指定 */
	}
img	{
	border:none; /* ボーダー一括指定 */
	vertical-align:middle; /* 垂直位置 */
	}
a	{
	text-decoration:none; /* 下線など */
	}
ul	{
	list-style:none; /* 一括指定 */
}
html {
  font-size: 100%;
 
  // 600px以降から、100pxごとに1px大きくなる
  @media (min-width: 720px) {
    font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
  }
 
  // 1,000px以上は、22pxに
  @media (min-width: 1024px) {
    font-size: calc(137.5%)
  }
}

html	{
	font-family:sans-serif; /* フォントファミリー */
	line-height:2; /* 行幅 */
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:100;			/* 文字太さ：標準 */
	color:#000;				/* 文字色： */
	}
body	{					/* ドキュメント全体 */
	background-color:#BAD3FF;			/* 背景色：白 */
	width:100%;
}
.keisen{
letter-spacing: -5px;
	}
	
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 30px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 0;
  border-radius: 5px;
  width: 80px;
  height: 25px;
  background-color: #f30f1c;
  font-family:sans-serif; /* フォントファミリー */
  color: #fff;
  font-size:12px;			/*  フォントサイズ */
  text-decoration: none;
  text-align: center;
  line-height:25px;			/* 行幅 */
	}
 
#pageTop a:hover {
	opacity: 0.5;				/* フロートと回り込み */
}
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  position: absolute;
  top: -3.3em;
  right: 20px;
  z-index: 999;
  width: 43px;
  height: 56px;
  vertical-align: middle;
	background-image:url(images/hmenu.png);		/* 背景画像： */
	background-size: cover;}
	

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 70%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 300px;/*最大幅（調整してください）*/
  height: 100%;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
	background-color:#000;		/* 背景色： */
	font-size:80%; /* フォントサイズ */
	font-family:sans-serif; /* フォントファミリー */
	line-height:2; /* 行幅 */
	font-weight:normal;			/* 太さ */
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
#nav-content a {
	color:#fff;				/* 文字色： */	
}
#nav-content li {
	border-bottom:1px solid #999;				/* 下ボーダー */
	padding-top:10px;				/* 上パディング */
	padding-bottom:10px;				/* 下パディング */
	padding-left:20px;				/* 左パディング */	
	
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
	
header {
	width:100%;				/* 表示の横幅 */
	background-color:#fff;		/* 背景色： */
	padding-top:10px;				/* 上パディング */
	padding-bottom:10px;				/* 下パディング */
}
h1{
	width:100%;
	text-align:left;
	font-size:1.3em;
	font-weight:bold;
	line-height:2.5;
	padding-left:1em;
}

.bgimg-slider {
    width: 100vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-title {
    color: #fff;
    font-size: 48px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
}

	#news{
		width:100%;
	height:2em;	
		line-height:3em;
		font-size:75%;
		}	
		.news_date{
			width:33%;
			background-color:#262D32;
			float:left;
		color:#fff;
			text-align:right;
		padding-right:1em;
}		
.news_line{	
			background-color:#3C4751;
		color:#fff;	
		text-indent:1em;
	}
.contents {
		clear:both;
		line-height:2; /* 行幅 */
		width:90%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
	}		
	
	
		
	.contents h2{
		line-height:1em;
		font-size:1.4em;
		font-weight:400;
		padding-top:4em;
		padding-bottom:0.5em;
		text-align:center;
		color:#111;
		font-weight:400;
		
	}
	.subtitle{
		font-family:sans-serif;
		line-height:1.75em;
		font-size:1em;
		font-weight:400;
		padding-top:0.5em;
		padding-bottom:2em;
		text-align:center;
		color:#333;
		
	}
	h2.pdb2{
		padding-bottom:1em;
		
	}
		h2.pdb3{
		padding-bottom:2em;
		
	}
p.pdb3{
		padding-bottom:2em;
		
	}
		.contents h3{
		line-height:1.75em;
		font-size:1em;
		font-weight:normal;
		margin-top:2em;
		margin-bottom:1em;
		text-align:center;
		color:#000;
		border-bottom:1px solid #999;
		width:90%;
		margin-left:auto;
		margin-right:auto;		
		
	}
	.contents p{
			width:100%;
		margin-left:auto;
		margin-right:auto;		
	
	
	}
		.contents ul{
			width:90%;
		margin-left:auto;
		margin-right:auto;		
	
	
	}

		.contents li{
		padding-left:2em;
		text-indent:-2em;
	
	}
	.right_just{
		text-align:right;
	}
		.cent_just{
		text-align:center;
	}

	.company_color{
		color:#f30f1c;
font-family: petala-pro, sans-serif;

font-weight: 800;

font-style: normal;	}
			.photo_g1	{
		clear:both;
		width:100%;
		margin-left:auto;
		margin-right:auto;		
		margin-top:3em;
		margin-bottom:1em;
		text-align:center;
		}
			.photo_g1 h3{
		line-height:1.6em;
		font-size:1.1em;
		font-weight:normal;
		padding-top:1em;
		padding-bottom:1em;
		text-align:center;
		color:#000;
		
		}
	.photo_g1 img{
				width:80%;
		margin-left:auto;
		margin-right:auto;		
	}
	.photo_g1 .caption{
		padding-top:1em;
		padding-bottom:1em;
		font-size:0.8em;
		font-weight:100;
		
	}
	.pdr2{
		padding-right:2em;
		
	}
	
	.photo_item{
		margin-bottom:1em;		
	}
	
	#workplace img{
		width:90%;
				margin-left:5%;
				margin-bottom:1em;
	}
		.voice {
		
		line-height:2; /* 行幅 */
		width:90%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;

	}
	.voice img{
		width:100%;
				margin-bottom:1em;
	}
	.voice h3{
		font-family:sans-serif;
		line-height:1.75em;
		font-size:1.2em;
		font-weight:bold;
		padding-top:0.5em;
		padding-bottom:0em;
		text-align:left;
		color:#333;
		
	}
	.voice h4{
		font-family:sans-serif;
		line-height:1.75em;
		font-size:1em;
		font-weight:bold;
		padding-top:0.5em;
		padding-bottom:1em;
		text-align:left;
		color:#333;
		
	}
			.photo_me img{
			width:100%;
		margin-left:auto;
		margin-right:auto;		
		padding-bottom:2em;
	}
		.voice p{
			width:100%;
		margin-left:auto;
		margin-right:auto;		
	}
	
	
	.smaller{
		font-size:0.8em;
		
	}
			h3.recu_main {
		width:80%;
		margin-left:auto;
		margin-right:auto;		
		
	}
			.recu_item {
		
		line-height:2; /* 行幅 */
		width:90%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
		margin-top:1em;
	}
	strong{
		font-weight:400;
	}
	
			.recu_item li{
		padding-left:1em;
		text-indent:-1em;
	
	}
	
			.contact_bt a{
		clear:both;
		display:block;
		width:60%;
		margin-left:auto;
		margin-right:auto;		
		text-align:center;
		color:#fff;
				margin-top:2em;
			background-color:#000;
	line-height:3;		}	
	
			footer{
			clear:both;
		font-size:0.75em;	
			text-align:center;
		line-height:10	
			
		}
		.tel_bt a{
		display:block;
		text-align:center;
		color:#000;
		margin-left:auto;
		margin-right:auto;		
				margin-top:0.2em;
				margin-bottom:0em;
		font-size:2em;
		font-weight:bold;
		}
		


		
		h1 a{
		color:#000;}		
		
.hissu{color:red;
			font-size:0.5em;
			vertical-align:top;
		}
p.recruit_honbun{
			width:90%;
					margin-left:auto;
		margin-right:auto;		
			padding-top:1em;
		text-align:justify;	
		}
.recruit_caption{
			width:100% !important;
			padding-top:1em;
		text-align:justify;	
			font-size:0.8em;
		}
.back_to_home {
			text-align:center;
			margin-top:3em;
		}
		.back_to_home a{
color:#333;
		}
a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: auto;
	padding: 10px;
	font-weight: bold;
	background: #f30f1c;
	color: #fff;
	border-radius: 10px;
}
a.btn_04:hover {
		opacity: 0.5;
		}
a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: auto;
	padding: 10px;
	font-weight: bold;
	background: #125b6d;
	color: #fff;
	border-radius: 10px;
}
a.btn_05:hover {
		opacity: 0.5;
		}
.keytop{
    position: relative;
}
.oubo{
    padding: 0;
    position: absolute;
    right:40px;
    top: 15px;
    width: 200px;
    height: 40px;
    text-align: center;
		}
.oubo2{
    padding-top:30px;
    width: 200px;
    height: 40px;
	text-align: center;
			margin:auto;
}
		
@media screen and (min-width:720px){
/* 640〜1023pxまで */

#nav-drawer {
	display:none;				/* 表示形式 */
	  
}
h1{
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	line-height:2;
	padding-left:0em;
	}
	
	#global_nav a{
	display:block;				/* 表示形式 */
	float:left;				/* フロートと回り込み */	
	width: 14%;				/* フロートと回り込み */
	font-size:0.8em; /* フォントサイズ */
	font-family:sans-serif; /* フォントファミリー */
	text-align:center;			/* 文字揃え */
	color:#333;				/* 文字色： */
	background-color:rgba(255, 255, 255, 0.8);		/* 背景色： */
		line-height:2.4;			/* 行幅 */
		border-left:1px solid rgba(255, 255, 255, 1);
	}
	
	#global_nav ul{
	width: 100%;
		border-rightt:1px solid rgba(255, 255, 255, 1);
			}
	#global_nav{
	position: absolute;
	top: 6em;
	z-index: 99;
		width: 90%;
left:50%;				/* 左マージン */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}
.bgimg-slider {
    width: 100vw;
    height: 50vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-title {
    color: #fff;
    font-size: 48px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
		}
.contents {
		width:94%;
		margin-left:auto;
		margin-right:auto;		
		}
	.contents p{
			width:90%;
		margin-left:auto;
		margin-right:auto;		
	
	
	}		
		.contents ul{
			width:50%;
		margin-left:auto;
		margin-right:auto;		
		}	
		.photo_g1	{
		width:94%;
		margin-left:auto;
		margin-right:auto;		
			
		}
		.contents h3{
		width:50%;
		margin-left:auto;
		margin-right:auto;		
		
		}
			.subtitle{
		line-height:1.75em;
		font-size:1.2em;		
		}
			.photo_item{
			width:100%;
			clear:both;
		}
	.photo_g1 img{
				width:60%;
		margin-left:auto;
		margin-right:auto;		
		float:left;
			margin-bottom:1em;
		}
					.photo_g1	{
		clear:both;
		width:70%;
		margin-left:auto;
		margin-right:auto;		
		text-align:left;
		}
	.photo_g1 .caption{
			width:35%;
			margin-left:5%;
			padding-top:0em;
		padding-bottom:0em;
		font-size:0.9em;
		font-weight:100;
		float:left;
		line-height:2;
			
		}
			#workplace{
		width:90%;
			margin-bottom:1em;
		margin-left:auto;
		margin-right:auto;		
		}			
		#workplace img{
		width:45%;
				margin-left:2.5%;
				margin-right:2.5%;
			margin-bottom:1em;
			float:left;
		}
			.photo_me img{
		width:30%;
					float:left;
			margin-right:4%;
	}

	.voice img{
			margin-bottom:1em;
		}
		.photo_l  img{
		width:40%;
					float:left;
			margin-right:4%;
}
		.photo_r img{
		width:40%;
			float:right;
			margin-left:4%;
		}
		.v1{
			width:56%;
		margin-left:44%;
		margin-right:0;		
		padding-bottom:2em;
			font-size:0.9em;
		}
				.v2  {
			width:56%;
			float:left;
		}
	.voice h3{
			
			font-size:1.4em;
		font-weight:bold;
		padding-top:0em;
		}
.voice {
		width:85%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;

	}
.photo_vo{
		width:40%;
					float:left;
			margin-right:4%;
			}
			.photo_vo img{
		width:100%;
			}			
			p.recu_main {
				width:70%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				padding-bottom:2em;
		
			}
		h3.recu_main {
		width:70%;
		margin-left:auto;
		margin-right:auto;		
		
			}
			.recu_item{
			width:85%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;
			
			}
			.recu_1{
				width:45%;
				float:left;
				margin-right:10%;
				padding-bottom:3em;
			}
			.recu_2{
			width:45%;
				float:left;
			}
						.contact_bt a{
		width:40%;
			}

p.recruit_honbun{
			width:70%;
					margin-left:auto;
		margin-right:auto;		
		}

}
	
@media screen and (min-width:1024px){
	/* 1024px以上 */
	
	
	#global_nav a{
	font-size:0.8em; /* フォントサイズ */
	}
	#global_nav ul{
	width: 100%;
		border-rightt:1px solid rgba(255, 255, 255, 1);
			}
	#global_nav{
	position: absolute;
	top: 6em;
	z-index: 99;
		width: 920px;
left:50%;				/* 左マージン */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}	
.contents {
		width:1000px;
		margin-left:auto;
		margin-right:auto;		
	}		
		#jigyou ul{
		width:870px;
		margin-left:auto;
		margin-right:auto;		
			
			
		}		
	.contents p{
			width:870px;
		margin-left:auto;
		margin-right:auto;		
	
		}
		.photo_item{
		clear:none;
			width:460px;
		float:left;
	}
	.photo_g1 img{
				width:400px;
		margin-left:30px;
		margin-right:30px;		
		float:none;
			margin-bottom:0;
		}
					.photo_g1	{
		width:920px;
			text-align:center;
			padding-left:0px;
			padding-right:0px;
		}
	.photo_g1 .caption{
		text-indent:0em;
			width:100%;
		padding-left:0%;
			padding-top:1em;
		padding-bottom:1em;
font-size:1em;
		}	
				#workplace{
		width:930px;
			margin-bottom:1em;
		}			

/*#workplace img{
		width:290px;
				margin-left:10px;
				margin-right:10px;
			margin-bottom:1em;
			float:left;
	}*/
					.voice {
		width:870px;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;

			}
						p.recu_main {
				width:60%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;
		
			}
			.recu_item{
			width:870px;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;
			
			}
					h3.recu_main {
		width:60%;
		margin-left:auto;
		margin-right:auto;		
		
			}


		
p.recruit_honbun{
			width:870px;
					margin-left:auto;
				margin-right:auto;	
				text-align:center;
		}
	
		}	
			
	
	@media screen and (max-width:719px){
/* 640〜以下 */
.invisi	{
	display:none;				/* 表示形式 */	
	}
.pc_only{
	display:none;				/* 表示形式 */	
}
		#keytop_pc{	display:none;				/* 表示形式 */	
		}
#global_nav ul{display:none;
			}		
.oubo{
    padding: 0;
    position: absolute;
	right:20px;
    top: 100px;
    width: 220px;
    height: 40px;
    text-align: center;
}
}
	
	@media screen and (min-width:720px){
/* スマホのみ */
	
			.sp_only{
	display:none;				/* 表示形式 */
			}
		}
/* 応募フォーム */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th {
  text-align: right;
}

.box_con02 {
  max-width: 900px;
  margin: 0  auto;
}
@media only screen and (max-width: 768px) {
  .box_con02 {
    width: 95%;
  }
}
.box_con02 form {
  width: 100%;
}
.box_con02 table {
  width: 100%;
}
.box_con02 table tr {
  position: relative;
}
.box_con02 table tr:first-child td:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 1px;
}
@media only screen and (max-width: 768px) {
  .box_con02 table tr:first-child td:before {
    display: none;
  }
}
.box_con02 table tr th {
  width: 30%;
  font-weight: normal;
  padding: 1em .5em;
  background: #4D71B3;
  color: #fff;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .box_con02 table tr th {
    text-align: center;
    width: 100%;
    display: block;
    padding: .8em .2em;
  }
}
.box_con02 table tr th span {
  background: #f30f1c;
  padding: 0.2em;
  color: #fff;
  margin-left: .8em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
			box-sizing: border-box;
			font-size:0.8em;
		}
.box_con02 table tr th span.nini {
			  background: #5f97fa;
}
.box_con02 table tr th:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
  border-bottom: solid 2px #BAD3FF;
}
.box_con02 table tr td {
  position: relative;
  padding: 1em .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
		}
@media only screen and (max-width: 768px) {
  .box_con02 table tr td {
    padding: 1.5em .5em;
    display: block;
    width: 100%;
  }
}
.box_con02 table tr td:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
}
.box_con02 table tr .box_br {
  display: block;
}
.box_con02 table tr textarea, .box_con02 table tr .wide {
  width: 100%;
  height: 3em;
  padding: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
		}
.box_con02 table tr select{
  width: 20%;
  height: 3em;
  padding: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_con02 table tr textarea {
  height: 10em;
}

.box_check {
  text-align: center;
  margin: 1em auto;
}
.box_check label {
  display: inline-block;
}
.box_check label span {
  margin-left: .3em;
}

.btn {
  text-align: center;
}
.btn input {
  display: inline-block;
  background: #f30f1c;
  padding: .5em 4em;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
			border: none;
				border-radius: 10px;
}
.btn input:hover {
  opacity: 0.5;
		}
		.center_p{
			text-align:center;
			margin-bottom:1em;
		}
		.chu{
			font-size:0.8em;
			line-height:1.5em;
			margin-top:1em;
			margin-bottom:1em;
		}
		.error_messe{
		color:	#f30f1c;
			text-align:center;
		}