@charset "utf-8";
/* CSS Document */

#left {
	width: 100%;
	height: auto;
	float :left;
	position:relative;
	}


/* テーブルカラー
------------------------------------------------------*/
table td#t1{
	background-color:#CCC;
	opacity: 0.75;  /*透明*/
	}

table{
	clear:both;
	border: solid #CCC 1px ;
	border-collapse:collapse;
	background-color:#FFF;
	margin:0px 10px;
	font-size:12px;
	vertical-align:baseline;

	}

td{
	padding: 10px;
	border: solid #CCC 1px ;
	}
#gaiyou #torihiki{
       border-style: none ;
       margin: 0px;
       }
#gaiyou #torihiki td{
       border-style: none ;
       margin: 0px;
       padding:0px 0px 0px 0px;
       }

/* 会社理念　
------------------------------------------------------*/
@media screen and (orientation: landscape)
{
	 /* 横向きの場合のスタイル */
	 #rinen_visual img {
	 	width: 50%;
	 	height: auto;
	 }
	 #rinen p.message {
	 float:left;
	 width: 80%;
	 }
}
@media screen and (orientation: portrait)
{
	/* 縦向きの場合のスタイル */
	#rinen_visual img {
		width: 100%;
		height: auto;
	}
	#rinen p.message {
		width: 80%;
	}
}

#rinen h1 {
  position: relative;
	float: left;
	font-size: 100%;
	}

#rinen h1.daimei {
	position: absolute;
	left: 20px;
	line-height: 67px;
	}

#rinen ul#rinen_visual {
	clear: both;
	margin-left: 40px;
	}

/*
#rinen_visual img	{
*/
#rinen_visual {
	width: 80%;
	height: auto;
	}

#rinen ul li {
	margin-top: 20px;
	}

#rinen p {
	margin: 0px 10px 10px 15px;
	float: left;
	width: auto;
	}

#rinen p.shacho {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	}



/* 会社概要　
------------------------------------------------------*/
#gaiyou {
	clear:both;
	}

#gaiyou h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#gaiyou h1.daimei{
	position:absolute;
	left: 20px;
	line-height: 67px;
	}

#gaiyou p{
	margin:38px;
	}

#gaiyou a{
	color: black;
}

#gaiyou table{
	clear:both;
	border: solid 1px #CCC;
	border-collapse:collapse;
	background-color:#FFF;
	margin:10px 0px 10px 0px;
	font-size:10px;
	vertical-align:baseline;
	width:100%;
	}

#gaiyou td{
	padding: 8px;
	}

/* 沿革　
------------------------------------------------------*/
#enkaku {
	clear:both;
	}

#enkaku h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#enkaku h1.daimei{
	position:absolute;
	left: 20px;
	line-height: 67px;
	}

#enkaku p{
	margin:38px;
	}

	#enkaku a{
		color: black;
	}

#enkaku table{
	clear:both;
	border: solid 1px #CCC;
	border-collapse:collapse;
	background-color:#FFF;
	margin:10px 0px 10px 0px;
	font-size:10px;
	width: 100%;
	vertical-align:baseline;
	}

#enkaku td{
	padding: 8px 5px;
	word-break: break-all;
	}

#thumbnail{
        display: inline-block; /* ここがポイント */
	height: 45px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	}

#thumbnail img{
        height: 100%;
	}


/* 会社所在地　
------------------------------------------------------*/
#map {
	clear:both;
	margin: 2px 0px;
	}

#map h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#map h1.daimei{
	position:absolute;
	left: 20px;
	line-height: 67px;
	}

#map p{
	margin-top:10px;
	float:right;
	}

#map table{
	width: 100%;
	height: auto;
	margin: 0px;
	}

#map td{
	padding: 5px;
	}

td#t1{
	padding: 10px;
	}

#map iframe{
	width: 100%;
	height: auto;
	}


/*アクセス専用:GoogleMap
-----------------------------------------*/
#map #GoogleMap {
width: 100%;
height: auto;
border: 1px solid #FFF;
float: right;
color: #000;
}


/*アクセス専用:GoogleMap 吹き出しの中身用
------------------------------------------------------*/
#GoogleMap img {
border: 1px solid #000;
float: left;
margin-right: 10px;
}
#GoogleMap p {
line-height: 1.4;
margin-top: 10px;
width: 10em;
float: left;
}


/* 採用情報
担当メッセージ
------------------------------------------------------*/
@media screen and (orientation: landscape)
{
   /* 横向きの場合のスタイル */
	#message h1.daimei {
		position: absolute;
		left: 20px;
		line-height: 64px;
		}
}
@media screen and (orientation: portrait)
{
   /* 縦向きの場合のスタイル */
	 #message h1.daimei {
 		position: absolute;
 		left: 20px;
 		line-height: 60px;
 		}
}
#message h1 {
	float: left;
	font-size: 100%;
	position :relative;
	}

#message h1.daimei {
	position: absolute;
	left: 20px;
	line-height: 64px;
	}

#content #message #msg_tantou{
	width:98.9%;
	border: groove 2px #993;
	background-color:#FFF;
	clear:both;
	line-height:2em;
	}

#message #msg_tantou h2{
	font-size: 100%;
	}

#content {
	margin-top: 0;
	}

#msg_recruit{
	font-size: 65%;
	width: 60%;
	position: relative;
	float:right;
	}

#msg_not_recruit{
	font-size: 65%;
	width: 60%;
	position: relative;
	left: 30%;
	line-height: 0.1em
	}

h2#tyuto{
	padding-top: 0px;
	}

#bsyu{
	padding-top: 5px;
	}

/* 新卒採用
------------------------------------------------------*/
@media screen and (orientation: landscape)
{
   /* 横向きの場合のスタイル */
	#youkou{
	 margin-top:18%;
	 }
}
@media screen and (orientation: portrait)
{
   /* 縦向きの場合のスタイル */
	#youkou{
	 margin-top:16%;
	 }
}

#sinsotsu {
	clear:both;
    padding-top: 5%;
	}

#sinsotsu h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#sinsotsu h1.daimei{
	position:absolute;
	left: 20px;
	line-height: 67px;
	}

#sinsotsu p{
	margin:38px;
	}

#sinsotsu a{
	color: black;
}

#sinsotsu table{
	clear:both;
	border: solid 1px #CCC;
	border-collapse:collapse;
	background-color:#FFF;
	margin:10px 0px 10px 0px;
	font-size:10px;
	vertical-align:baseline;
	width:100%;
	}

#sinsotsu td{
	padding: 8px;
	}

/* 中途採用
------------------------------------------------------*/
#tyuto {
	clear:both;
    padding-top: 5%;
	}

#tyuto h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#tyuto h1.daimei{
	position:absolute;
	left: 20px;
	/*margin-top:8px;*/
	line-height: 67px;
	}

#tyuto p{
	/*margin:38px;*/
	margin:13%;
	}

#tyuto table{
	clear:both;
	border: solid 1px #CCC;
	border-collapse:collapse;
	background-color:#FFF;
	margin:10px 0px 10px 0px;
	font-size:10px;
	vertical-align:baseline;
	width:100%;
	}

#tyuto td{
	padding: 7px;
	}

#t1{
	min-width: 40px;
	}

#tyuto a{
	color: black;
}

/* マージン率
------------------------------------------------------*/
@media screen and (orientation: landscape)
{
	 /* 横向きの場合のスタイル */
	 #margin_1 img{
	 	text-align:center;
	 	width:75%;
	 	height:auto;
	 }

	#margin table{
		clear:both;
		border: solid 1px #CCC;
		border-collapse:collapse;
		background-color:#FFF;
		margin:0px 5px 0px 5px;
		width: 99%;
		vertical-align:baseline;
	}
}
@media screen and (orientation: portrait)
{
   /* 縦向きの場合のスタイル */
	 #margin_1 img{
   text-align:center;
   width:100%;
   height:auto;
   }

	 #margin table{
	  clear:both;
	  border: solid 1px #CCC;
	  border-collapse:collapse;
	  background-color:#FFF;
	  margin:0px 5px 0px 5px;
	  width: 98%;
	  vertical-align:baseline;
	 }
}

#margin {
	clear:both;
	}

#margin h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#margin h1.daimei{
	position:absolute;
	left: 20px;
	line-height: 67px;
	}

#margin p{
	margin:38px;
	}

#margin_1 p#m1{
	margin:5px;
	}
#margin_1 p{
	margin:5px;
	}

#margin td{
	padding: 8px 5px;
	}


#margin_1{
	clear:both;
	border: groove 2px #993;
	background-color:#FFF;
	line-height:2em;
	font-size: 10px;
	}

/* 個人情報保護方針
------------------------------------------------------*/
#information{
	min-height: 90vw;
	position: relative;
}
#information h1 {
	float: left;
	font-size: 100%;
	/*position :absolute;*/
	/*margin-top: 25%;*/
	}

#information h1.daimei {
	position :absolute;
	left:20px;
	font-size: 100%;
	line-height: 67px;
	}

#p_p2{
	clear: both;
	background-color:#FFF;
	/*margin-top: 2%;*/
	/*padding-top: 20%;*/
	border: groove 2px #993;
	/*margin-top: 40%;*/
	/*margin:10% auto 10%;*/
	/*position:relative;*/
	}

#data{
	float:right;
	font-size:10%;
	clear:both;
	/*border: groove 2px #993;*/
	/*margin-top: 5%;*/
	}

#p_p2 h2{
	/*padding-top: 10%;*/
	/*margin-top: 10%;*/
	border-left:#096 solid;
	font-size:80%;
  }

#p_p2 h3{
	font-size:80%;
  margin-top:5%;
	font-weight:bold;
  }

#p_p2 h4{
	font-size:80%;
	font-weight:normal;
	margin-left:5%
  }

#p_p2 p{
	clear: both;
	font-size:80%;
	margin-left:10%;
  }
/*------------------------------------------------------*/




	/* ニュース
	------------------------------------------------------*/
	@media screen and (orientation: landscape)
	{
		 /* 横向きの場合のスタイル */
		 #new{
		 	width: 98%;
		 	height: auto;
		 	background-color:#FFF;
		 	/*float: left;*/
		 	margin:20px 5px 32px 5px;
		 	border:2px	#993 solid;
		 	overflow: auto;
		 	}
			#news{
		      margin-top: 0px;
		 }
	}
	@media screen and (orientation: portrait)
	{
		/* 縦向きの場合のスタイル */
		#new{
			width: 96%;
			height: auto;
			background-color:#FFF;
			/*float: left;*/
			margin:0% 5px 32px 5px;
			border:2px	#993 solid;
			overflow: auto;
			}
	}

	#news {
	clear:both;
	}

#news h1 {
  position :relative;
	float: left;
	font-size: 100%;
	}

#news h1.daimei{
	position:absolute;
	left: 20px;
	line-height: 67px;
	}

#new h2{
	/*width: 302px;*/
	background-color: #993;
	padding:2px 10px;
	color: #FFF ;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-color: #FFF;
	font-size : 14px;
    font-weight: bold;
	}

#new a{
	color: black;
	}

ul#new_msg li{
	margin-top: 10px;
	margin-bottom: 10px;
	}

/*改行した時の頭文字揃える
--------------------------------------------------------------------------*/
#new_msg li{
	padding-left:2em;
	text-indent:-1.5em;
	font-size: 12px;
	}

/*背景色
--------------------------------------------------------------------------*/
.wrapper_bg{
	width : 100%;
	height: 100%;
	background: linear-gradient(#FFF, #90EE90, #FFF);
	}

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