index.html@charset "UTF-8";

body {
font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
font-size: 14px;
	width: 100%;
}

img{
border: none;
	max-width:100%;
}

a{
	text-decoration: none;
	color: black;
	word-break: break-all;
}

p{
	padding: 0 1em;
	margin: 0;
	max-width:100%;
}

ul{
  padding-left:0;
}

table,td{
	border-collapse: collapse;
	padding: 5px;
}

@media only screen and (max-width: 767px) {
  .br {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

div#wrapper{
	width: 100%;
	position: relative;
}

@media screen and (min-width: 768px){
	div#wrapper {
	margin: 0 auto ;
}
}

/*header*/
div#header{
	background-color: #317436;
	text-align: left;
}

div#header p{
	margin: 0 auto ;
	color:white;
}

div#header a{
	color: white;
}

div#header table{width: 100%;}

div#header td{width: 50%;}

div#header .head_l{
		font-size: 30px;
		padding: 10px 0px 10px 20px;
}

div#header .head_r{
	text-align: right;
		font-size: 15px;
	padding: 0px 10px 10px 0px;
}

div#header span{
		padding-right: 40px;
}	

@media only screen and (max-width: 767px) {
  div#header td {
	  width: 100%;
  }
}

@media screen and (min-width: 768px){
div#header .head_r{
	padding: 20px 30px 20px 0px;
}
}


/*header　ここまで*/

h1 {
  position: relative;
  padding: 0.25em 0px 0.25em 0.25em;
	font-size: 25px;
}

h1:after {
  content: "";
  display: block;
  height: 4px;
  background: #317436;
}

h2 {
	color: #317436;
	background-color: #c1d5c2;
	padding: 1px 15px ;
	margin: 0px 5px 10px 10px;
}

h3{
	padding-left: 0.8em;
}

h4{
	color: #000000;
	padding-left: 0.9em;
	margin-bottom: 0.4em;
}

.caption{
	color: #317436;
	font-size: 2em;
	padding: 0.5em 0 ;
}

.caption2{
	font-size: 0.8em;
	width: 90%;
	margin: 0 auto;
}

.caption2::before {
  content: "※";
}

/*ナビボタン*/
div#navi ul{
	list-style-type: none;
	margin: 0px;
}

div#navi ul li{
	float: left;
	height: auto;
	width: 16.66%;
}

@media screen and (max-width: 767px){
	.btn-gradient-flat{
		font-size: 15px;
}
	div#navi ul li{
		width: 33.3%;
	}
}

@media screen and (min-width: 768px){
	.btn-gradient-flat{
		font-size: 20px;
}
}

.btn-gradient-flat {
  display: inline-block;
  padding: 0.8em 0.5em;
	text-decoration: none;
	/*text-shadow: 1px 2px 3px #808080;*/
  color: #000;
 /* background-image: linear-gradient(#317436 0%, #c1d5c2 100%);*/
  transition: .4s;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
/*
.btn-gradient-flat:hover {
  background-image: linear-gradient(#317436 0%, #c1d5c2 70%);
}
*/
/*ナビボタン　ここまで*/

/*ボタン共通*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #317436;
  border-radius: 0.5rem;
}

@media screen and (min-width: 768px){
	.btn, a.btn, button.btn {
		font-size: 1.3em;
	}
}

/*ボタン共通　ここまで*/

/*ボタン1*/
a.btn-1 {
  border: 2px solid #317436;
  border-radius: 0;
  background: #fff;
}

a.btn-1:hover {
  color: #fff;
  background: #317436;
}

/*ボタン1　ここまで*/

/*ページトップリンク*/
.pageTop{
	text-align: center;
	background-color: #c1d5c2;
	padding: 1em 0 ;
	color: #fff;
}
/*ページトップリンク　ここまで*/

/*フッター*/
div#footer{
	width: 100%;
	clear: both;
	padding-top: 30px;
	background-color: #317436;
}

div#footer p{
	color: white;
}

div#footer a {
	text-decoration: none;
	color: white;
}

div#footer span{
	display: block;
	text-align:center;
	color: white;
	padding: 30px 0px;
}

@media screen and (max-width: 767px){
	div#footer p{
		font-size: 15px;
	}
div#footer span{
	font-size: 10px;
}
}

/*フッター　ここまで*/

/*リンク*/
div#link{
	text-align: center;
	padding: 5px 0px;
}

@media screen and (max-width: 767px){
	div#link{
		text-align: center;
	}
	div#link img{
		width: 30%;
	}
}

/*リンク　ここまで*/



/* floatのみのコンテンツに要素を与えて高さを認識させるfor modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* floatのみのコンテンツに要素を与えて高さを認識させるIE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* floatのみのコンテンツに要素を与えて高さを認識させるWinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*ここまで*/

/*共通デザイン*/
.junbi{
	padding: 150px 0px;
	text-align: center;
}

#box-cover{
	width: 100%;
}

.box-lft , .box-rgt {
	width: 100%;
	float: left;
}

@media only screen and (min-width: 768px) {
.box-lft , .box-rgt {
	width: 50%;
}
}

.box-lft{
	text-align: left;
	padding-bottom: 10px;
}
.box-rgt{
	text-align: center;
	margin-bottom: 50px;
}

.base-color{
	color: #317436;
}

.gray{
	color: gray;
	padding: 0 50px;
}
.red{
	color: red;
}

.bdr-top{border-top: solid 1px;}
.bdr-btm{border-bottom: solid 1px;}
.bdr-lft{border-left: solid 1px;}
.bdr-rgt{border-right: solid 1px;}

.f-sz-15{font-size: 15px;}
.f-sz-20{font-size: 20px;}

.m-auto{margin: auto;}
.m-0{margin: 0px;}
.m-t-5{margin-top: 5px;}
.m-t-10{margin-top: 10px;}
.m-t-15{margin-top: 15px;}
.m-t-30{margin-top: 30px;}
.m-t-50{margin-top: 50px;}
.m-r-50{margin-right: 50px;}
.m-l-35{margin-left: 35px;}
.m-l-50{margin-left: 50px;}
.m-b-10{margin-bottom: 10px;}
.m-b-50{margin-bottom: 50px;}
.m-rl-10{
	margin-right: 10px;
	margin-left: 10px;
}

.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-t-20{padding-top: 20px;}
.p-t-50{padding-top: 50px;}
.p-b-30{padding-bottom: 30px;}
.p-b-40{padding-bottom: 40px;}
.p-b-50{padding-bottom: 50px;}
.p-l-5{padding-left: 5px;}
.p-r-10{padding-right: 10px;}
.p-lr-50{padding: 0px 50px;}
.p-lr-70{padding: 0px 70px;}

.t-a-c{text-align: center;}
.t-a-r{text-align: right;}

.t-i-1{
	padding-left: 2em;
	text-indent: -1em;
}
.t-i-2{
	padding-left: 3em;
	text-indent: -1em;
}
.t-i-3{
	padding-left: 6em;
}
.t-i-4{
	text-indent: 1em;
}

.p-l-5e{padding-left: 5em;}

.v-a-t{vertical-align: top;}

.w-100{width :100px;}
.w-150{width :150px;}
.w-170{width :170px;}
.w-200{width :200px;}
.w-250{width :250px;}
.w-300{width :300px;}
.w-350{width :350px;}
.w-370{width :370px;}
.w-500{width :500px;}
.w-580{width :580px;}
.w-600{width :600px;}
.w-650{width :650px;}
.w-750{width :750px;}
.w-20p{width : 20%;}
.w-25p{width : 25%;}
.w-33p{width : 33.3%;}
.w-50p{width : 50%;}
.w-100p{width : 100%;}

.h-auto{height: auto;}
.h-100p{height: 100%;}



/*カラーパレット*/
緑（メイン）　#317436
緑（サブ）　　#c1d5c2
グレー　　　　#B1A8B9
グレー（サブ）#f2f2f2
/*カラーパレット*/