@charset "utf-8";
/*設定のリセット*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*全体構造*/
body {
	font-family:"Noto Serif Japanese", serif;
	font-size:13px;
	text-align:center;
	background:#fff;
	}


/*#wrapper {
	width:1300px;
	margin:0 auto;
	text-align:left;
	background:F2F2F2;/*後で白に変える
}*/

#header{
	width:996px;
	height:105px;
	background-color:#ffffff;/*#4682b4;*/
	margin:auto;
}

.logo{
	width:500px;
	margin-top:10px;
	text-align:center;
	float:left;
}
.logo img{
	width:500px;
}
.title{
	font-size: 130%;
	text-align: left;
	margin-left: 5px;
}

#navi{
	width:996px;
	height:65px;


	text-align:center;
	color: #000 !important;
	display:inline-block;
	/*clear:both;*/
}

#navi li{
	float:left;
	width:164px;
	float:left;

}

#navi a{
	display:block;
	/* width:166px; */
	height:65px;
	text-decoration: none;
	text-align:center;
	line-height:40px;
	color: #000 !important;
	font-weight: bold;

	position: relative;
display: inline-block;
text-decoration: none;
}
#navi a::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
#navi a:hover::after {
  bottom: -3px;
  opacity: 1;
  visibility: visible;
}

#navbase{
	font-size: 120%;
	width:100%;
	height:70px;

}

.clearfix{
clear:both;
}

p.entry{
	height:auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#FF6633;
}





#photo{
	width:100%;
	height:400px;
	margin:0 auto;
}

#soshiki {
	color:#0000cd;
}

#map img{
	width:80%;
	height:80%;
	border:0px
}

#office img{
	width:150px;
	height:150px;
	border:0px;
	margin:50px 10px 10px 10px;

}

#profile_img img{
	width:150px;
	height:200px;
	border:0px;
	margin:10px 10px 10px 10px;

}

.contents{
	/* width: 1000px; */
/*	height:470px; */
	padding-top:10px;
	background-color:#ffffff/*#66CCFF*/;
	margin:0 auto;
	/*float:left;*/
	margin-bottom: 50px;
}

.contents h2{
	width: 100%;
	padding: 50px 0;
	margin-bottom: 50px;
  color: #fff;
	font-size: 200%;
	background-color: #009BBF;/*東西線スカイ(2014) Tozai Line Sky */

}
/* トップページ　見出し　*/
.contents h3{
	font-size: 200%;
	padding-top: 50px;
	font-weight: bold;

}
.contents a{
	color: #009BBF !important;
	font-weight: bold;
}

/* 見出し（雑談がちょっと～の部分） */
.heading{
	height: 250px;
	background-color: #cfe1e6;
	padding-bottom: 50px;
}

.heading h3{
	padding-top: 100px;
	font-size: 150% !important;
}
/* 事業展開エリア */
.business img{
	width: 700px;
}
.business_txt, .vision_txt{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 130%;
}
/* 将来のビジョン */
.vision_txt .text {
	text-align: left;
	display: inline-block;
	border: none;
}



/* --- 新着情報エリア --- */
div.update {
width: 80%; /* 新着情報エリアの幅 */
height:334px;
font-size: 95%;
margin-top:20px;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
margin-left: auto;
margin-right: auto;
}

/* --- 新着情報エリア 見出し --- */

div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 200%;
color:#FFFFFF;
background-color: #009BBF;/*東西線スカイ(2014) Tozai Line Sky */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
}

/* --- 新着リスト --- */
div.update dl {
/* width: 100%; /* 新着リストの幅 */ */
margin: 0;
border: 1px #c0c0c0 slid; /* 新着リストの上境界線 */
overflow-y: scroll;
/* height: 300px; */
font-size: 110%;
}

/* --- 日付エリア --- */
div.update dt {
width: 15%; /* 日付エリアの幅 */
/* float: left; */
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height:120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
/* float: left; */
padding: 7px 7px 6px 9em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
text-align:left;
}

div.update dl {
	padding-left: 6em;
	border-bottom: 1px #c0c0c0 dotted;
}
div.update dl dt,
div.update dl dd {
	float: left;
	margin: 0;
	border-bottom: 1px #c0c0c0 dotted;
}
div.update dl dt {
	clear: left;
	float: left;
	margin-left: -6em;
}

.update .update_top,.update .update_text{
	width: 85%;
	padding-left:  15px !important;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}

/* --- ボックス 　この下サイトからコピペ--- */
div.section {
margin-left:20px;
margin-top:20px;
width: 460px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color:#5FB3DD; /* 見出しの背景色_水色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下境界線 */
font-size: 110%; /* 見出しの文字サイズ */
/* 文字色→白に変更予定*/
}

/* --- 本文領域 --- */
div.section div.textArea {
height: 300px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.section div.textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/*　サイトからコピペ　ココまで*/


/* 社員紹介 */
.peoplelist{
	width: 100%;
	display: flex;
}
.people_card{
	width: 50%;
	border: 1px solid #9caeb7;
	box-sizing:border-box;
	padding: 20px;
	margin: 20px;
}
.pict{
	border: 1px solid #9caeb7;
	width: 150px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}
.pict img{
	width: 150px;
	height: 150px;
}
.description{
	margin-top: 20px;
}
p.name{
	font-weight: bold;
	font-size: 120%;
}
p.title{
	margin-top: 10px;
	text-align: left;
	position: relative;
 	padding-bottom: 10px;
	font-weight: bold;
}
p.title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #009bbf, #009bbf 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #009bbf, #009bbf 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

p.message{
	margin-top: 5px;
	text-align: left;
	margin-bottom: 20px;
}

.readmore{
width:130px;
height:25px;
margin:15px 49px;
line-height:25px;
color:#FFFFFF;
background-color:#FFCC33;/*黄色*/
}

/* 募集要項 */
.recruit_table th{
	width: 150px;
}
.recruit_table td{
	width: 650px;
}



/*footerを幅いっぱいにする為のBox*/

#footerbg{
	background:#9caeb7; /*日比谷線シルバー Hibiya Line Silver*/
	width:100%;
	height:300px;
}

#footer{
	width:1000px;
	height:300px;
	background:#9caeb7; /*日比谷線シルバー Hibiya Line Silver*/
	margin:0 auto;
}

.fbox{
	text-align:left;
	margin-top:30px;
	width:500px;
	/* height:53px; */
	margin-top:20px;
	background:#9caeb7; /*日比谷線シルバー Hibiya Line Silver*/
	float:left;
	}

.fnavi{
width:500px;
height:53px;
border-bottom:#FFFFFF 1px solid;
}

a {
text-decoration: none;
color:#FFFFFF;
}

.fnavi h3{
width:150px;
padding-left:70px;
padding-top:10px;
/* font-family:Geneva, Arial, Helvetica, sans-serif, "Franklin Gothic Medium", "Century Gothic"; */
font-size:14px;
color:#FFFFFF;
/*background-color:#66FFFF;*/
}

/*  リストの設定   */
#list1 {
list-style-image:url(../image/list_y.gif);
}

#globe{
list-style-image:url(../image/globe.gif);
}

#list1{
width:150px;
height:auto;
margin-left:80px;
margin-top:30px;
text-decoration:none;
color:#FFFFFF;
/*background-color:#66CC99;*/
float:left;
line-height:160%;
}

#list2{
width:300px;
/* height:90px; */
margin-left:80px;
margin-top:30px;
color:#FFFFFF;
/*background-color:#66CC99;*/
line-height: 150%;
text-decoration:none;
}

#list2 img{
margin-right:10px;
vertical-align:middle;
}

/* 説明会日程変更 */
.desc{
	margin-top: 20px;
}
.desc p{
	font-size: 120%;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.desc .banner{
	width: 203px;
	height: 100px;

	float: left;
}
.desc .banner:first-child{
	margin-right: 50px;
}
.banner_area{
	width:456px;
	margin: 0 auto;
}


/*フロート解除*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: block;
}

/* 2022/3 */
/* 会社概要 */

.table_02{
	margin-bottom: 60px;
}

/* 2022/5 */
/* エントリーページ */
#contents1{
	width: 100%;
}
.entryform{
	width: 780px;;
	margin-left: auto;
	margin-right: auto;
}
tbody{
	text-align: center;
	width: 70% !important;
	margin:0 auto;

}