.boarder {
width: 100%;
height: 2px;
background: url(../../hp/images/boarder.png) no-repeat top center;
margin-top: 25px;
margin-bottom: 25px;
}


#company{
	padding-top:80px;
background: url(../../hp/images/header_bg.png) 50% 0 repeat fixed;
}
#company_navi{
	padding-top:55px;
	width:960px;
	margin:0 auto;
	}

#company_navi ul{
	overflow:hidden;
	zoom:1;
	margin-bottom:50px;
	}
#company_navi li{
	width:240px;
	float:left;
	}
#main_title{
	background:url(../../hp/images/title_bg.png) left top repeat-x;
	height:300px;
        margin-top:-30px;
	margin-bottom:85px;
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
}

#main_title1{
	background: url(../../hp/images/concept_bg1.png) center top no-repeat;
        background-size: cover;
        height:500px;
        color: #fff;
        margin-top:-165px;
	margin-bottom:85px;
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
	
	}

#main_title2{
	background: url(../../hp/images/concept_bg2.png) center top no-repeat;
        background-size: cover;
        height:500px;
        color: #fff;
        margin-top:-165px;
	margin-bottom:85px;
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
	
	}

#main_title3{
	background: url(../../hp/images/concept_bg3.png) center top no-repeat;
        background-size: cover;
        height:500px;
        color: #fff;
        margin-top:-165px;
	margin-bottom:85px;
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
	
	}

#main_title4{
	background: url(../../hp/images/concept_bg4.png) center top no-repeat;
        background-size: cover;
        height:500px;
        color: #fff;
        margin-top:-165px;
	margin-bottom:85px;
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
	
	}

#main_title h2{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;
	
	}

#main_title1 h2{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;
	
	}

#main_title2 h2{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;
	
	}

#main_title3 h2{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;
	
	}

#main_title4 h2{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;
	
	}

.main_contents{
	width:960px;
	margin:0 auto;
	}

#company h3 {
width: 800px;
height: 40px;
background: url(../../hp/images/h3_ttl.png) no-repeat;
color: #4A4324;
font-weight: normal;
font-size: 20px;
text-shadow: 2px 1px #fff;
text-indent: 39px;
line-height: 180%;
font-family: verdana,"?????? Pro W3","Hiragino Kaku Gothic Pro","????",Meiryo,Arial,Verdana,"?? ?????",sans-serif;
margin-top: 5px;
margin-bottom: 15px;
}

/*----------------------------- ご挨拶（message.html） -----------------------------*/

#aisatu .section01,
#aisatu .section02{
	margin-bottom:80px;
	}

#aisatu .section01{
	padding-top:0px;
	background:url(../../hp/images/bg_img01.png) right -100px no-repeat;
	}

#aisatu .section01 dl{
	overflow:hidden;
	zoom:1;
}
#aisatu .section01 dt{
	float: left;
	width: 480px;
}
#aisatu .section02 dl{
	overflow:hidden;
	zoom:1;
}
#aisatu .section02 dt{
	float:left;
	width:410px;
}
#aisatu .section02 dd{
	float:right;
	width:525px;
}
#aisatu .section03 dl{
	overflow:hidden;
	zoom:1;
}
#aisatu .section03 dt{
	float:right;
	width:290px;
}
#aisatu .section03 dd{
	float:left;
	/* width:635px; */
}
#aisatu .name{
	text-align:right;
	padding-top:27px;
	
	}

/*----------------------------- 経営理念（policy.html） -----------------------------*/
#policy{
	padding-top:0px;
	}
#policy_top ul{
	overflow:hidden;
	zoom:1;
	width:980px;
	margin-left:-20px;
	}
#policy_top li{
	width:470px;
	float:left;
	margin-left:20px;
	position:relative;
	
	}
#policy_top .section01,
#policy_top .section02{
		height:370px;
}

#policy_top h3{
	position:relative;
	top:0px;
	left:145px;
	}
#policy_top p{
	text-align: center;
	}
#policy_top .arrow{
	position: absolute;
	bottom:0px;
	left:50%;
	margin-left:-10px;
	
	}

#policy_top .section01{
	background:url(../company/images/policy/bg_section01.jpg) left 30px no-repeat;
	}
#policy_top .section01 h3{
	margin-bottom:50px;
	}
#policy_top .section02{
	background:url(../company/images/policy/bg_section02.jpg) left 30px no-repeat;
	}
#policy_top .section02 h3{
	margin-bottom:20px;
	}

#policy .section03{
	width:960px;
	position:relative;
	height:309px;
	background:url(../company/images/policy/bg_section03.jpg) left 30px no-repeat;
	margin-bottom:80px;
	}
#policy .section03 dt{
	position:relative;
	top:0px;
	text-align:center;
	}
#policy .section03 ul{
	overflow:hidden;
	zoom:1;
	width:840px;
	margin-right:-40px;
	padding-left:80px;

	
	}
#policy .section03 li{
	float:left;
	margin-right:40px;
	
	}

/*----------------------------- 会社概要（company.html） -----------------------------*/

#in_company{
	padding-top:65px;
	margin-bottom:80px;
	}
#in_company h3{
	margin-bottom:25px;
	}
#in_company_box{
	overflow:hidden;
	zoom:1;
	}
#in_company_box table{
	width:400px;
	float:left;
	}
#in_company_box th{
	width:120px;
	}
#in_company_box #map{
	width:530px;
	float:right;
	}

.company_table td.course {
width: 120px;
text-align: center;
}
.company_table td {
padding: 10px 15px;
border: solid 1px #AAAAAA;
}

.company_table {
width: 800px;

border-collapse: collapse;
font-size: 12px;
line-height: 2.0;
margin: 0px 0px 0px;
}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

/*----------------------------- 沿革（history.html） -----------------------------*/

#history{
	padding-top:65px;
	margin-bottom:80px;
	} 
#history table {
  border-collapse: collapse;
  width:100%;
  font-size:12px;
  border-left:#A5964C 3px solid;
}
#history table th {
	font-weight:bold;
	white-space: nowrap;
	text-align:center;
	padding: 8px 0;
	width:100px;
	color:#A5964C;
}
#history table td {
	padding:8px 0 8px 40px;
	text-align:left;
	border-left:#D2CAA5 1px solid;
}
#history table .month{
	padding:0;
	text-align:center;
	width:100px;
	font-weight:bold;
	}


#box {
list-style: none;
margin: 0;
padding: 0;
width: 870px;
height: 100px;
margin-left: 85px;

}

#box li {
float:left;
display:inline;
margin-right: 71px;
}

#facebook2 a {
text-indent:-9999px;
display:block;
width:192px;
height:70px;
top:0px;
left:-154px;
background:url(../../hp/images/facebook2.png);
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
}

#facebook3 a {
text-indent:-9999px;
display:block;
width:192px;
height:70px;
top:0px;
left:-83px;
background:url(../../hp/images/facebook3.png);
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
}

#gallery a {
text-indent:-9999px;
display:block;
width:192px;
height:70px;
top:0px;
left:-225px;
background:url(../../hp/images/g.png);
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
}

#mail a {
text-indent:-9999px;
display:block;
width:192px;
height:70px;
top:-70px;
left:493px;
background:url(../../hp/images/mail.png);
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
}

#blog a {
text-indent:-9999px;
display:block;
width:192px;
height:70px;
top:-70px;
left:422px;
background:url(../../hp/images/blog.png);
-moz-box-shadow: 0px 1px 7px 3px #666;
-webkit-box-shadow: 0px 1px 7px 3px #666;
}

.external_big {
cursor: url(http://clover-format.pya.jp/hp/images/cursor_arrow_b.gif),pointer;
}

#background{
	background:url(../../hp/images/back.png) 50% 50% repeat fixed;
    background-repeat: repeat;
    background-position: 50% 50%;
	}

<style>
*, *:after, *:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
* {margin:0;padding:0;border: 0 none;position: relative;}
article {
  /* background: inherit; */
  /* position: relative; */
  /* width: 100%; */
  /* margin: 10vh auto 15vh; */
  /* border-radius: 15px; */
  /* border: 10px solid rgba(255,255,255,.15); */
  /* box-shadow: 1px 1px 4px rgba(0,0,0,.3); */
  /* z-index: 5; */
  /* font-size: 1.4rem; */
}
article:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  filter: blur(5px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: url(#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}
 
svg {
  height:0;
  width: 0;
  position: absolute;
}
</style>