@charset "UTF-8";

html{
font-size: 100%;
}

body{
font-size:1.4rem;
line-height:1.5;
background:#f7f7f7;
-webkit-text-size-adjust: none;
color:#333;
}

.hr{
clear: both;
padding: 10px;
/* width: 100%; */
width: 1080px;
color: #c0c0c0; 
}

.linktitle{
color: blue;
}
.linkbox {
padding: 10px;
border-top: 4px dashed gray;    /* 上側の1本線 */
border-bottom: 4px dashed gray; /* 下側の1本線 */
}


.excelicon {
	width:64px;
    height:64px;
    overflow: hidden;
}


.downloadtitle {
text-decoration : underline;
font-weight:bold;
}

.downloadwrittennote{
font-size:small;
font-weight:bold;
color:red;
}

.downloadwrittennote2{
font-weight:bold;
text-decoration : underline;
color:red;
}

.downloadwrittennotecell{
background-color: #CCFFCC;
}

.deleteblackcircle {
list-style-type: none;
}

.bullet {
padding-left:10%
}

/**************
文字を中心付近に　テーブルスタイルとの合わせ
***************/
.moji{
margin-left: 10%;
}

/**************
社長の写真
***************/
.syatyo img{
width: 20%;
height: 20%;
}

/**************
googlemap埋め込み用
***************/
.googlemap{
position: relative;
height: 0;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
}
.googlemap iframe, .googlemap object, .googlemap embed{
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 80%;
}

/**************
新卒採用ページリンク用枠線
***************/
.greenborder{
	margin-right: auto;
	margin-left: auto;
    padding: 20px;
    background: #fff;
    border: 1px gray solid;
    position: relative;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #CEF6D8;
	width: 1080px;
}

/*************
ふせんボタン用
*************/
.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #4a803d;/*左線*/
  color: #4a803d;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

/*************
ふせんボタン用(青色)
*************/
.btn-sticky-blue {
  display: inline-block;
  padding: 0.5em 1em;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #134091;/*左線*/
  color: #134091;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky-blue:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

/*************
角丸ボタン用
*************/
.btn-circle {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #4169e1;/*ボタン色*/
  border-bottom: solid 4px #191970;
  border-radius: 3px;
  color: #FFF;
}
.btn-circle:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*************
メイン コンテンツ
*************/
section.content{
margin-right: auto;
margin-left: auto;
margin-bottom:20px;
font-size:1.2rem;
overflow:hidden;
width: 1080px;
}

* html section.content{height:1%;}

section.content p{margin-bottom:5px;}


/* 画面を右左二つに分ける用 ここから*/
.leftbox {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 50%;
 float: left;
}

.rightbox {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 50%;
 float: right;
}

/* サブメニューがあるページ用 */
.leftbox-submenu {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 20%;
 float: left;
}

.rightbox-submenu{
 margin-top: 10px;
 margin-bottom: 10px;
 width: 80%;
 float: right;
}

.rightbox-submenu table {
width: 864px !important;
}

/* floatクリア用 */
.float-clear {
 clear: both;
}
/* 画面を右左二つに分ける用 ここまで*/


h3.heading{
margin: auto;
margin-bottom:10px;
margin-top:10px;
padding:5px 10px;
font-size:1.5rem;
border-radius:4px;
color:#fff;
background:#134091;
/*width: 80%;*/
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

img.frame,#gallerys img{
border:1px solid #333;
max-width: 100%;
height: auto;
}

#gallerys .kosiWrapper{padding:0;}
#gallerys .kosi{border:0;}

/*************
更新リスト
*************/
h1.news_title {
  margin: auto;
  width: 80%;
}
ul.news_list {
  margin: auto;
  border: solid 2px #915F47;
  padding: 0 0.5em;
  position: relative;
  width: 80%;
}

ul.news_list li {
  line-height: 1;
  padding: 0.4em 0 0.2em 0.5em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}


ul.news_list li:last-of-type {
  border-bottom: none;
}

/*************
中央揃えその１
*************/
.doc{
text-align: center;
padding-top: 20px;
}
/*************
中央揃えその2
*************/
.doc2{
text-align: center;
width: 1080px;
margin-left: auto;
margin-right: auto;
}

/*************
テーブル
*************/
table.table,
table.tablesekou{
border-collapse:collapse;
/*width:80%;*/
width: 1080px;
margin-left: auto;
margin-right: auto;
margin:10px auto;
}


table.table th,
table.tablesekou th{
padding:2% 0 2% 2%;
border:1px solid #2871d7;
font-size: 1.2rem;
}

table.table td{
padding:2% 0 2% 2%;
border:1px solid #2871d7;
font-size: 1.0rem;
}

table.tablesekou td{
border:1px solid #2871d7;
font-size: 1.0rem;
text-align: center;
vertical-align: middle;
}

table.table tr:first-child th,table.table tr:first-child td,
table.tablesekou tr:first-child th,table.tablesekou tr:first-child td{
border-top:#2871d7 4px solid;
}

table.table th,
table.tablesekou th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#134091;
}

.tabletd {
padding:3% 0 3% 2%;
border:1px solid #2871d7;
font-size: 1.2rem;
width: 50%;
}

table.tablesekou img{
/*max-width: 130% !important;*/
clear: both;
}
/*************
/* フッター
*************/
#footer {
font-size: 1.1rem;
width: 1080px;
margin-left: auto;
margin-right: auto;
}
#footer .inner{
clear:both;
margin-bottom:20px;
padding-top: 15px;
padding-bottom: 10px;
/*padding:5px 0;*/
overflow:hidden;
border-radius:0 0 10px 10px;
background:#134091;
height: 55px;
}

* html #footer{height:1%;}

#footer a{color:#fff;}

#footer .copyright{font-size:1.1rem;}



/**************************
/* グリッド
**************************/
.kosiWrapper{
padding-bottom:5px;
clear:both;
overflow:hidden;
}

* html .kosiWrapper{height:1%;}
	
.kosi{
float:left;
padding-bottom:10px;
border:1px solid #dbdbdb;
border-radius:5px 5px 0 0;
}

.kosi h3{
padding:5px;
font-size:1.4rem;
color:#fff;
text-align:center;
border-radius:5px 5px 0 0;
background:#134091;
}

.kosi p{
/*padding:10px 10px 0;*/
padding:5px 5px 0;
}

.kosi ul{margin:5px 5px 3px;}

.kosi li{
padding:5px 0 4px;
border-bottom:1px solid #ccc;
}

.kosi li:first-child{border-top:0;}
.kosi li:last-child{border-bottom:0;}

.kosiWrapper img{
max-width:100%;
height:auto;
}

/* フッター内のグリッド(3カラム) */
#footer .kosi{
border:0;
background:transparent;
color:#fff;
}

#footer .col3 ul{margin:0 0 10px 5px;}

#footer .col3 li{
padding:0 7px 0 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border:0;
border-right:1px solid #fff;
}

h1{padding:0 1%;width:98%}
#header .logo{padding-left:10px;}
#header .info{padding-right:10px;}

ul#topnav{
clear:both;
width:100%;
border-radius:0;
}

ul#topnav li{
width:33%;
border-right:1px solid #2871d7;
border-bottom:1px solid #2871d7;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

ul#topnav li:nth-child(3n){border-right:0;width:34%;}

ul#topnav li a{
/*width:100%;*/
width: 1080px;
margin-left: auto;
margin-right: auto;
border:0;
}

ul#topnav li:first-child a,ul#topnav li:last-child a{width:100%;}

.kosi{
width:45%;
}

.col2{
float:none;
width:94%;
margin:0 2% 20px;
}

.kosi img{
float:left;
margin-right:5px;
}

#gallerys .kosi{
width:31%;
margin:0 1%;
padding:0;
}

#gallerys .kosi img{
float:none;
}

/*
section.content{padding:0 10px;}
*/

section.content img{
max-width:100%;
height:auto;
}
	
#sub .kosi{padding-bottom:20px;}
#subpage #sub .kosi{
float:none;
margin:0 auto 20px;
width:98%;
}

#footer{padding:0;}

#footer .kosi{
float:none;
width:100%;
text-align:center;
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:750px){
	.kosi img{
	float:none;
	margin:20px auto 10px;
	}
	
	.kosi p{text-align:left;}
	
	img.frame,#gallerys img{
		border-width:1px;
		max-width: 100%;
		height: auto;
	}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	#footer .kosi p{text-align:center;}
	
	/*文字を全体的に小さめに*/
	body{
	font-size:1.0rem;
	}
	section.content{
	font-size:1.0rem;
	}
	td{
	font-size:1.0rem;
	}
	html{
	font-size: 80%;
	}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	#header .logo{padding-top:10px;}
	.info{padding:10px 0;}
	ul#topnav li{width:50%;}

	ul#topnav li:nth-child(3n){
		border-right:1px solid #2871d7;
		width:50%;
	}	
	ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}
	
	#mainBanner h2,#mainBanner h3{font-size:100%;}
	
	.kosi{width:96%;}

	/*文字を全体的に小さめに*/
	body{
	font-size:1.0rem;
	}
	section.content{
	font-size:1.0rem;
	}
	td{
	font-size:1.0rem;
	}
	html{
	font-size: 80%;
	}
}