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

/*********************************************************
  ベース
*********************************************************/
body { width:100%; height:100%;}
html { height: 100%; overflow-y: scroll;}
#wrap{ width:100%; overflow:hidden;}

h1,h2,h3,h4{ color:#49a6b5;}
h1,h2,h3{ font-size:28px; font-weight:normal;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}  
.clearfix { display: inline-table; }
.flr{ float:right;!important}
.fll{ float:left;!important}
.pb10 { padding-bottom:10px;}
.bold { font-weight:bold;}


/*********************************************************
  テキスト
*********************************************************/
body { font-size:88%; font-weight:normal; line-height:1.5;	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; color:#5F5F5F;
}

/*********************************************************
  リンク
*********************************************************/
a,
a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
}
a:hover,
a:active {
	color: #777777;
	text-decoration:underline;d
}
a:focus {
	outline: none;
}
a.link { font-size:120%; color:#E48A02;}


/*********************************************************
  ヘッダー
*********************************************************/
#header {
	background: #9fb7d4;
	width: 100%;
}

/*********************************************************
  コンテンツ
*********************************************************/
#contents {
	margin: 0 auto;
	min-width: 960px;
  width:100%;
}

#section1, section2, section3, section4{width:100%;}

.section-contents{ width:960px;}

#maincontents { width:100%;}

/*********************************************************
  フッター
*********************************************************/
#footer {
	min-width:960px;
	min-height:290px;
	background:#1E162E;
	text-align:center;
	color:#ffffff;
  clear:both;
}

#footer a{
  color:#ffffff;
}

#footer-wapper {
	width:980px;
	margin:0 auto;
	padding:30px 10px;
	text-align:left;
}

#footer .footer-area {
	float:left;
	display:inline-block;
	width:196px;
}

#footer .footer-area .footer-nav dt {
	padding-bottom:10px; 
}

#footer .footer-nav dt {
	font-size:120%;
	font-weight:bold;
	background:url(../images/arrow.png) no-repeat left 6px;
	text-indent:17px;
}

#footer .footer-nav dd {
	font-size:90%;
	text-indent:18px;
	line-height:1.6;
}

#footer-bottom-wapper {
	clear:both;
	width:980px;
	margin:0 auto;
	padding:30px 10px;
  text-align:center;
}

#footer-bottom-wapper .copyright {
  width:980px;
	margin:0 auto;
}

#footer-bottom-wapper .footer-snsbtn{ text-align: center;}
#footer-bottom-wapper .footer-snsbtn dd {display:inline-block;}
#footer-bottom-wapper .footer-logo {text-align:left;}

/*********************************************************
  グローバルナビ
*********************************************************/
#global-nav {
	display:block;
	min-width:980px;
	height:90px;
	position:relative;
	background:#111;
	z-index:1000;
}
	
#global-nav ul {
	width:100%;
	min-width:980px;
	position:fixed;
	margin:0 auto;
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1) ;を指定
}
	
#global-nav ul li {
	float:left;
	height:90px;
	text-align:center;
}

#global-nav ul li.active{
	border-top:4px solid #49A6B5;
}

#global-nav ul li a {
	display:block;
	padding:33px 0;
	margin:0 auto;
	text-decoration:none;
	font-size:115%;
}

#global-nav ul li.logo a {
	display:block;
	padding:17px 0;
	margin:0 auto;
	text-decoration:none;
	font-size:115%;
}
	
#global-nav .logo {
	width:24%;
	background:#FFF;
	border-right:1px solid #D2D2D2;
	box-sizing: border-box;
}
	
#global-nav .gnav {
	width:19%;
	box-sizing: border-box;
	border-right:1px solid #D2D2D2;
}

#global-nav .nav1 {
	background:#fff;
}

#global-nav .nav2 {
	background:#fff;
}

#global-nav .nav3 {
	background:#fff;
}

#global-nav .nav4 {
	background:#fff;
}

/*********************************************************
  ぱんくず
*********************************************************/
#wrapper {
	min-width:980px;
	height:52px;
	background:#1E162E;
	text-align:center;
}
	
#pankuzu {
	width:980px;
	height:52px;
	margin:0 auto;
	background:#1E162E;
  color:#FFFFFF;
}

#pankuzu ul {
	display:inline;
	text-align:left;
	vertical-align:central;
}
	
#pankuzu ul li {
	padding:15px 5px 15px 0;
  float:left;
}

#pankuzu ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  padding:5px;
  margin-left:10px;
  background: url(../images/arrow.png) no-repeat top left;
}

#pankuzu ul li a {
	font-size:88%;
	color:#fff;
}

/*********************************************************
  mainsection
*********************************************************/
.mainsection {
	width:100%;
	min-height:480px;
	height:500px;
	text-align:center;
}

.section-contents {
	width:980px;
	margin:0 auto;
}

.section-contents img{
	margin-top:150px;
}

.section-contents a img:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#maincontents .section1 {
	background: url(../images/section1_bg.jpg) no-repeat right;
}

#maincontents .section2 {
	background: url(../images/section2_bg.jpg) no-repeat center;
}
	
#maincontents .section3 {
	background: url(../images/section3_bg.jpg) no-repeat center;
}
#maincontents .section_wd {
	background: url(../images/section3_wd.jpg) no-repeat center;
}
#maincontents .section-biz {
	background: url(../images/business.jpg) no-repeat center;
}
#maincontents .section-com {
	background: url(../images/company.jpg) no-repeat center;
}
#maincontents .section-hito {
	background: url(../images/araki.jpg) no-repeat center;
}
#maincontents .section-contact {
	background: url(../images/contact.jpg) no-repeat center;
}
#maincontents .section-recruit {
	background: url(../images/recruit.jpg) no-repeat center;
}
#maincontents .section-presi {
	background: url(../images/president.jpg) no-repeat center;
}
#maincontents .section4 {
	background:#fff;
	width:980px;
	margin:0 auto;
	padding:60px 20px;
}
	
.section4 .news {
	width:475px;
	float:left;
	padding-right:30px;
	text-align:left;
}

#maincontents .text{
  text-align:center;
  margin:0 auto;
  color:#49A6B5;
  font-size:54px;
  padding:230px 0;
  
}

.section4 .news dl:first-child {
	border-top:1px dotted #CCCCCC;
}

.section4 .news dl {
	padding-top:10px;
}

.section4 .news dd {
	padding-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
}
	
.section4 .news dt {
  text-align: left;
  font-weight: bold;
  line-height: 12px;
  padding-bottom:5px;
}
	
.section4 .access {
	width:475px;
  float:left;
	text-align:left;
	line-height:1.75;
	font-size:85%;
}

/*********************************************************
  下層コンテンツ
*********************************************************/
.col1-contentsu {
  min-height:900px;
  padding:50px 0;
  background:rgba(229, 248, 251, 0.43);
}

.col1-box {
  width:900px;
  margin:0 auto;
  margin-bottom:30px;
  padding:20px 40px 20px 40px;
  background:#FFF;
  clear:both;
  min-height:340px;
}

.col1-box h1{
  padding-bottom:15px;
}

.col1-box p {
  line-height:2;
  font-size:110%;
}

.photo {
  width:400px;
  height:250px;
  text-align:center;
}

.photo p {
  width:400px;
  margin:0 auto;
  font-size:88%;
  color:#929292;
  clear:both;
  padding-right:50px;
}

.no-photo{
  min-height:100px;
}
  
.no-photo p{
  font-size:110%;
  line-height:2;
}

img.col1-logo {
    margin: 0 10px 0 200px;
}

.col2-contents {
  min-height:900px;
  padding:50px 0;
  background:rgba(229, 248, 251, 0.43);
  text-align:center;
}

.col2-contents h1 {
  padding-bottom:20px;
  text-align:left;
  text-indent:0.25em;
  font-size:30px;
  color:#666666;
  clear:both;
}

.col2-wrapper {
  width:980px;
  margin:0 auto;
}

.col2-wrapper2 {
  width:720px;
  float:left;
}

.col2-box {
  float:right;
  width:640px;
  margin:0 auto;
  margin-bottom:30px;
  text-align:left;
  padding:20px 40px 40px 40px;
  background:#FFF;
}

.col2-box h3{
  padding-bottom:20px;
  font-size:22px;
}

.col2-box p {
  line-height:2;
  font-size:110%;
}

.col2-box dt{
  width:178px;
  padding:20px 10px;
  text-align:center;
  float:left;
  font-weight:bold;
  background:#D8D8D8;
  border-right:1px solid #666;
  border-left:1px solid #666;
  border-bottom:1px solid #666;
}
  
.col2-box dd{
  width:419px;
  padding:20px 10px;
  float:left;
  background:#F0F0F0;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  
}

.col2-box dl{
  border-top:1px solid #066;
}

.photo2 {
  width:250px;
  height:100px;
  text-align:center;
}

.photo2 p {
  width:250px;
  margin:0 auto;
  font-size:88%;
  color:#929292;
  clear:both;
}

.box-text {
  width:360px;
  float:left;
  padding-left:20px;
}

.col3-contentsu{
  width:980px;
  margin:0 auto;
  min-height:600px;
}

.col3-box{
  float:left;
  width:300px;
  height:350px;
  margin-right:40px;
  text-align:left;
}

.col4-contentsu{
  width:900px;
  margin:0 auto;
  margin-bottom:50px;
  padding:0 20px;
  min-height:1400px;
}

.col4-box{
  float:left;
  width: 200px;
  height: 200px;
  margin: 25px 25px 0 0;
  text-align:left;
}

.mr0{ margin-right:0;}

#sideber {
  float:left;
  width:230px;
  margin-right:30px;
  background:#fff;
}

#sideber ul {
  width:230px;
  text-align:center;
}

#sideber ul li{
  border:1px solid #DFDFDF;
}
#sideber ul li.title{
  border:1px solid #999;
  padding:10px 0;
  font-size:18px;
  background:#CCCCCC;
}

#sideber ul li a {
  display:block;
  width:228px;
  padding:12px 0px;
}

#sideber ul li.title a{
  padding:0;
}

.yamamoto{ color:#CC3; font-weight:bold;}
.ohsato{ color:#3CC; font-weight:bold;}

/*********************************************************
  ページトップへ
*********************************************************/
.pagetop {
	position: fixed;
	bottom: 30px;
	right: 55px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


p.mailto{ font-size:300%; text-align:center;}
p.mailto a{ color:#0033CC;}