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

html,body{
    width: 100%;
}

body{
	font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;	
	color:#3e3a39;
	font-size:18px;
	width: 100%;
	min-width: 960px;
	padding:0;
	margin:0;
	-webkit-text-size-adjust: 100%;
}
h2{
	padding-top:90px;
	margin-bottom:10px;
	color:#1a1a1a;
	font-size:36px;
	text-align:center;
	}
h3{
	margin-bottom:30px;
	color:#1a1a1a;
	font-size:14px;
	text-align:center;
	}
h4{
	padding-top:90px;
	margin-bottom:40px;
	color:#1a1a1a;
	font-size:24px;
	text-align:center;
	}
a:hover img {
	opacity: 0.5;
	}
.wrap {
	overflow: hidden;
}

/* ヘッダー */

header{
	width:100%;
	position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
	background:#FFF;
	z-index:100;
}
.header_nav{
	margin: 0 auto 0;
	width:1100px;
	height:64px;
	margin-top:10px;
	overflow:hidden;
	}
.logo{
	float:left;
	width:235px;
	height:40px;
	padding-top:15px;
	}
.header_nav h1{
	float:left;
	width:530px;
	height:20px;
	margin-top:25px;
	font-size:12px;
	}
.btn_link{
	float:right;
	width:320px;
	height:40px;
	margin-top:12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.btn_link a{
	padding-right:12px;
	}
.btn_link a:last-child{
	padding-right:12px;
	margin-top:-4px;
	}
	
	
/* グローバルメニュー */
	
.menu{
	width:100%;
	height:50px;
	background-color:#000000;
	}
.menu ul{
	margin:0 auto;
	width:1000px;
	height:50px;
	-webkit-padding-start: 0px;
	}
.menu li{
	float:left;
	width:135px;
	list-style:none;
	color:#FFF;
	font-size:16px;
	text-align:center;
	}
.menu li:first-child{
	width:52px;
	}
.menu li a{
	display:block;
	width:135px;
	height: 33px;
	padding-top:17px;
	background-color:#000000;
	transition-property: all;
	transition: 0.3s linear;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
.menu li a:hover{
	background: #fff100;
	color: #000;
	}
.active{
	background: #fff100;
	width:135px;
	height: 33px;
	padding-top:17px;
	color:#000;
	margin-top:-17px;
    }
.home{
	margin-top:-4px;
    }
.home_active{
	background: #fff100;
	width:52px;
	height: 37px;
	padding-top:13px;
	margin-top:-17px;
    }

/* パン屑リスト */

#navi{
	width:1000px;
	height:50px;
	margin:0 auto;
	}
.navi_font{
	padding-top:17px;
	padding-left:130px;
	font-size:12px;
	text-align:right;
    }
.navi_font a:link{
	color: #1d92c5;
	}
.navi_font a:visited{
	color: #1d92c5;
	}

/* ボタン */

.button {
	display: inline-block;
	width: 320px;
	height: 35px;
	color: #FFF;
	text-align: center;
	font-weight:700;
	font-size:16px;
	margin :30px auto;
	background-color:#000;
	text-decoration:none;
	padding-top:18px;
	background-image:url(../image/btn.png)
	}
.button:hover {
	color: #000;
	background-color:#fff100;
	}
.button_cont {
	width:100%;
	margin:0px auto;
	text-align:center;
	}
	
/* 下層タイトル */

#title h2{
	font-size:36px;
	font-weight:bold;
	padding:235px 0 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 3px;
	color:#FFF;
	}
#title span{
	font-size:14px;
	}
	

/* 住所、地図 */

#address_contents{
	padding:1px;
	width:100%;
	height:640px;
	background-color:#efefef;
	color:#000;
	}
.address_contents{
	width:910px;
	height:320px;
	margin:0 auto;
	padding-top:120px;
	background-color:#efefef;
	}
.address_contents .left{
	float:left;
	width:360px;
	padding-top:10px;
	}
.address_contents .right{
	float:right;
	width:550px;
	}
.company_name{
	font-size:28px;
	line-height:1.9;
	font-weight:bold;
	}
.copy{
	font-size:16px;
	}
.address_contents p{
	font-size:18px;
	line-height:2;
	padding-top:30px;
	}
	
	
/* お問い合わせ */

#contact_contents{
	width:100%;
	height:500px;
	background-color:#f0f0f0;
	color:#000;
	text-align:center;
	}
#contact_contents img{
	margin:0 10px;
	}
	
.contact_us{
	margin-top:50px;
	text-align:center;
	font-weight:bold;
	}
	
.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin: 20px auto 80px;
}

.arrow::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 4px #0a3681;
  border-right: solid 4px #0a3681;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
	
/* フッター */

footer{
	width:100%;
	height:116px;
	background-color:#fff;
	color:#000;
	}
#footer_menu{
	width: 100%;
	height: 40px;
	text-align:center;
	}
ul.footer_menu {
	width: 1000px;
	padding: 0;
	margin: 45px auto;
	list-style-type: none;
	display:block;
	text-align:center;
	}
ul.footer_menu li {
	margin-right:23px;
	display:inline;
	list-style-type:none;
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	}
ul.footer_menu li:first-child {
	width: 280px;
	margin-top:-12px;
	}
ul.footer_menu a{
	display:block;
	color:#000;
	text-decoration:none;
	}
ul.footer_menu a:hover{
	color:#00a0e9;
	}
#copyright{
	margin:0 auto;
	width: 100%;
	text-align:center;
	padding: 25px 0;
	font-size:11px;
	background-color:#fff100;
	margin-top:15px;
	}

#company_location{
	margin:0 auto;
	overflow: hidden;
	text-align:center;
	color: #FFF;

	}
#company_location p{
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 2;
	}
#company_location .head_office{
	width: 100%;
	background-color: #0A3481;
	float: left;
	padding-bottom: 70px; 
	}

#company_location h2{
	color:#FFF;
    }
#company_location h3{
	color:#FFF;
    }

/* トップページ */
	
#main{
	width:100%;
	margin-top:124px;
	}
.main_copy{
	width:1000px;
	position:absolute;
	top: 612px;
 	right: 0px;
	bottom: 0px;
	left: 125px;
	}
.slider {
    width: 100%;
    margin: 0 auto;
	-webkit-padding-start: 0;
  }
  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .pattern01{
    width: 100%;
  }
  .pattern01 .slick-slide{
    margin: 0px;
  }
  .pattern02{
    width: 100%;
  }
  .pattern02 .slick-slide{
    margin: 30px auto 10px;
  }

#about_contents{
	width:100%;
	height:900px;
	background-color:#fff;
	}
.about_contents{
	margin:0 auto;
	width:1000px;
	padding-top:20px;
	-webkit-padding-start: 0px;
	}	
.about_contents li{
	float:left;
	width:310px;
	height:285px;
	list-style:none;
	background-color:#f7f7f7;
	margin-right:20px;
	margin-bottom:30px;
	border-bottom:#0a3681 solid 3px;
	}
.about_contents li:nth-child(n+3){
	width:310px;
	height:285px;
	list-style:none;
	margin-right:23px;
	}
.about_contents li p{
	font-size:16px;
	line-height:25px;
	margin:25px 25px;
}
#cm_contents{
	width:100%;
	margin-bottom: 150px;
	text-align: center;
	}
#cm_contents p{
	margin-top: 50px;
	font-size:20px;
	font-weight: bold;
	}
.under_line{
	background:linear-gradient(transparent 70%, #FFFF00 0%);
	}
#works_contents{
	width:100%;
	height:850px;
	background-color:#f0f0f0;
	}
#recluit_contents{
	width:100%;
	height:540px;
	background-color:#0a3681;
	text-align:center;
	}
#recluit_contents h2{
	color:#FFF;
    }
#recluit_contents h3{
	color:#FFF;
    }
#estate_contents{
	width:100%;
	height:540px;
	background: linear-gradient(to right, #64BDA8, #009CDB);
	text-align:center;
	}
#estate_contents h2{
	color:#FFF;
    }
#estate_contents h3{
	color:#FFF;
    }

/* サンガバナー */
.sanga_bnr{
	width: 960px;
	margin:0 auto 200px;
}
.sanga_bnr img{
	width: 100%;
}