:root {
  font-size: 10px; }

html {
  height: 100%; }

body {
margin: 0px; padding: 0px;
font-family:Arial, Roboto, “Droid Sans”, “游ゴシック”, “YuGothic”, sans-serif;
font-size:18px;
letter-spacing:1px;
}

@media (max-width: 700px) {	
body {
	font-size:17px;}
}

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

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin: 0;
  padding: 0;
  font-weight: 500; }

a:link, a:visited {
  color: #005bac; 
  }

a:hover, a:active {
  color: #82C1EB; }

li {
  list-style-type: none; }


h1 {
	font-size:30px;
	font-weight:bold;
	color:#006644;
  margin-bottom: 30px; }
  
  h2 {
 margin-bottom: 60px;
  font-size: 25px;
  font-weight:bold;
  color: #14b461; }
  
    p{
	  line-height:40px;}
  
  @media (max-width: 900px) { 
  h1 {
	  font-size:23px;}
	  
	h2 {
		font-size:21px;
		margin-bottom:50px;}  
		
	p{
	  line-height:30px;}
  }



h3 {
  margin-bottom: 30px;
  font-size: 23px;
  font-weight:bold;
  color: #006644;}

h4 {
width: 100%;
	margin: 20px 0;
	padding: 10px 0 8px;
	border-radius: 5px;
	background:  #006644;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 2rem;}

h5 {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #95989A;
  border-left: 3px solid #005bac;
  padding-left: 10px; }

h6 {
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #95989A;
  border-left: 2px solid #005bac;
  padding-left: 10px; }
  


hr#hrsamp1 {
border: 5px #14b461 solid;
width:500px;
margin-bottom:40px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

@media (max-width: 700px) {	
hr#hrsamp1 {
	width:90%;
	}

}


iframe {
  max-width: 100%; }

 /* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */			 
 #header_box{
	position:relative;
		max-width:900px;
		margin:0 auto;
		padding-top:40px;
	 }
	 
	  #header_logo
	  {
		  float:left;}
		  
		    #header_mail
	  {
		  float:right;
		  margin-bottom:52px;}
		  
@media (max-width: 900px) { 

#header_box{
	position:relative;
	width:90%;
		padding-top:20px;
		text-align:center;
	 }

  #header_logo
	  {
		  float: none;
		  margin-bottom:10px;}
   #header_mail
	  {
		  float: none;
		  margin-bottom:-5px;}
}
 /* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */		
		  
		  
 
 .clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

.floatleft{
	float:left;
	margin:25px;}

@media (max-width: 700px) { 

.floatleft{
	text-align:center;
	width:70%;
	float:none;
	margin:30px auto;}
}
	
 /* ------------------------------------------------------------ */
/* ナビゲーション */
/* ------------------------------------------------------------ */		 
		 
	.navi{
		 list-style:none;
			 overflow:hidden;
			 margin-bottom:45px;
			 }
			 
	.navi_box{
		position:relative;
		max-width:900px;
		margin:0 auto;}
			 
			 
	.navi li{
		height:45px;
			  float:left;
			  width:150px;
			  margin-left:10px;
			  margin-right:10px;
			  border:solid #006644 2px;
			  border-radius:6px;}
			  
	.navi li a{
		 display: flex;
	align-items: center;
	justify-content: center;
			  color:#006644;
			  text-decoration:none;
			  padding-top:4px;
			  } 
			  
			  	.navi li p{
		font-size:20px;
		 font-weight: bold;
					}

#acMenu dt{
		display:none;}
		
		#acMenu dd{
			display:none;}


	@media (max-width: 900px) {
			
			 
	.navi{ display: none;
			 }
			 
	#acMenu dt{
	display:block;
    width:100%;
    height:40px;
    text-align:center;
	background:#fff;
    }
	
#acMenu dt img{
	height:40px;
	}	
	
#acMenu dd{
	  position: relative;
    background:#14b461;
    width:90%;
    height: auto;
    line-height:50px;
    text-align:center;
    display:none;
	margin:0 auto;
	    }

#acMenu dd a{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	    }
}


		
 /* ------------------------------------------------------------ */
/* ナビゲーション終わり */
/* ------------------------------------------------------------ */
		
.content{
max-width:700px;
margin:0 auto;
}

.aligncenter{
	position:relative;
	width:90%;
		padding-top:20px;
		text-align:center;
}


.content_img{
	width:100%;
}

.content_img_sp{
	display:none;}


.content h1{
	position:relative;
margin:0 auto;
text-align:center;
	}
	
.content h2{
	position:relative;
margin:0 auto;
text-align:center;
	}	
	
@media (max-width: 700px) {	
.content{
	width:90%;}


.content_img{
	display:none;
}

.content_img_sp{
	display:block;
	margin-top:40px;
	width:100%;}
	
	}
		
.main{
width:100%;
}
		
.main img{
 width:100%;
 height: auto;
 margin-bottom:50px;
}

	  .content_maintop_sp {
 display: none;
 }


	
@media (max-width: 900px) {
	  .main{
 display: none;
 }
 .content_maintop_sp {
	text-align:center;
     display:inline-block;
 margin-bottom:20px;
	  width:100%;
	  max-width: 100%;
	  height: auto;
 }
 
  .content_maintop_sp p{
	  margin-left:5%;
	  margin-bottom:20px;
	  width:90%;
	  color:#00a0e9;
	  line-height:180%;
	  text-align:left;}
}	
	
	


/* ------------------------------------------------------------ */
/* テーブル会社概要 */
/* ------------------------------------------------------------ */

table.brwsr1{
	width:100%;
border-collapse: collapse;
  border-spacing: 0;
	}
	
 table.brwsr1 th {
	 width:20%;
padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
	text-align: center;
	color: #000;
	font-size: 17px;
	font-weight:100;
	letter-spacing:0.8em;
	border-bottom:#006644 1px solid;
	
}
 
table.brwsr1 td {
padding-top: 15px;
	padding-bottom:15px;
	vertical-align: middle;
	text-align:left;
	color: #000;
	border-bottom: #006644 1px solid;
	font-size: 17px;
	line-height:28px;
}

@media screen and (max-width: 700px) {
	 table.brwsr1 th {
	 width:100%;
	 display:block;
	 color:#000;
	 padding-top:5px;
	  padding-bottom:5px;
	 border-bottom: #006644 1px solid;
	}
	
	table.brwsr1 td {
		 width:100%;
	 display:block;
	 margin-bottom:30px;
	  border-bottom:none;
	  text-align:center;
		}
}
 
 





 /* ------------------------------------------------------------ */
/* 見出しボックス */
/* ------------------------------------------------------------ */
.midashi-box{
	height:62px;
	min-width:960px;
	margin:auto;
	display: table;
	}
	
.midashi-box p{
	font-size:25px;
	color:#005bac;
	text-align:center;
	font-weight:bold;
	padding:5px 20px;
	border: solid #005bac 3px;
	}


@media screen and (max-width: 800px) {
	.midashi-box{
	margin:auto;
	width:90%;
	min-width:100px;
	display: table;
	}
	
.midashi-box p{
	font-size:18px;
	color:#005bac;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
	border: solid #005bac 3px;
	}
	}
			
			

 /* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
 
.footer {
	 text-align:center;
	 padding:30px;
	 color:#006644;
	 border-top:solid 2px #006644;
}

.footer li {
		display:inline-block;
		}

.footer a {
	color:#006644;
	font-weight:300;
	font-size:15px;
	margin-right:12px;
	text-decoration:none;
	}
	
/* ------------------------------------------------------------ */
/* モバイルフッター */
/* ------------------------------------------------------------ */

@media screen and (max-width: 550px) {
	.footer {
	 text-align:left;
}
	
	.footer li {
		display:block;
		margin-bottom:15px;
		}
	}