/* ===========================
main_box
============================*/
#container {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
}

/* ===========================
layout
============================*/
.flex {
	display: flex;
	display: -webkit-flex;
}
.flex_wrap {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-grow: 1;
}
.flex2 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
}
.flex2 li {
	width: 48.5%;
}
.flex2_dl {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
}
.flex2_dl dd {
	width: 46.0%;
}
.flex2_short {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex2_short li {
	width: 48.5%;
}
.flex2_fixed {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex2_fixed li {
	width: 48.5%;
}
.flex2_64 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex2_64 dt {
	width: 57.0%;
}
.flex2_64 dd {
	width: 38.5%;
}
.flex2_73 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex2_73 dt {
	width: 68.5%;
}
.flex2_73 dd {
	width: 28.5%;
}
.flex2_82 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
}
.flex2_82 dt {
	width: 80.0%;
}
.flex2_82 dd {
	width: 19.0%;
}
.flex3 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex3 li {
	width: 31.5%;
	margin-bottom: 10px;
}

.flex3 li img {
	width: 100%;
	margin-bottom: 10px;
}
.flex3_191 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex3_191 dt {
	width: 7%;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex3_191 dd {
	width: 86%;
}
.flex4 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex4 li {
	width: 23.5%;
	margin-bottom: 30px;
}
.flex5 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex5 li {
	width: 18.5%;
}

@media screen and (max-width: 999px) {
.flex2, .flex2_dl, .flex2_short, .flex2_64, .flex2_73, .flex2_37, .flex2_82, .flex3, .flex3_191, .flex4, .flex5 {
	display: block;
}
.flex2 li, .flex2_64 dt, .flex2_64 dd, .flex2_73 dt, .flex2_73 dd, .flex2_82 dt, .flex2_82 dd, .flex3_191 dt, .flex3_191 dd, .flex4 li, .flex5 li, .flex3 li {
	width: 100%;
	margin-bottom: 50px;
}
.flex3 li {
	width: 100%;
	margin-bottom: 20px;
}
.flex2_dl dd {
	width: 100%;
	margin-bottom: 20px;
}
.flex2_short li {
	width: 100%;
	margin-bottom: 10px;
}
}
/* ===========================
header
============================*/
#header {
	padding: 10px 0;
	border-bottom: 5px #EEEEEE solid;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #519903),
		color-stop(1, #3D5900)
	);
	background-image: -o-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: -moz-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: -webkit-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: -ms-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: linear-gradient(to bottom, #519903 0%, #3D5900 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#519903', endColorstr='#3D5900', GradientType=0)";  
}


.logo {
	font-size: 154%;
	font-weight: bold;
	text-align:left;
	color: #FFF;
}

.logo span {
	float: right;
	font-size: 68%;
	font-weight: normal;
}


/* ===========================
footer
============================*/
#footer { 
	border-top: 2px #CCCCCC solid;
	padding: 30px 0;
	color: #999999;
	background: #EEEEEE;
}

/* ===========================
parts
============================*/
h1 {
	border-bottom: 2px #7ea701 solid;
	padding-bottom: 3px;
	font-size: 130%;
	color: #2e5002;
	margin: 20px 0;
}

h1 span { float: right; font-size: 76%; }


h2 {
	padding-bottom: 3px;
	font-size: 140%;
	font-weight: bold;
	color: #2e5002;
	margin: 20px 0;
}

h2 span { font-size: 100%; }

.button li { text-align: center; }

.button li a {
	display: block;
	padding: 35px 0;
	color: #4b422b;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	border: 1px #999999 solid;
	font-weight: bold;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #faf8f2),
		color-stop(1, #e4ddcb)
	);
	background-image: -o-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -moz-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -webkit-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -ms-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: linear-gradient(to bottom, #faf8f2 0%, #e4ddcb 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DBC7', endColorstr='#A89F79', GradientType=0)"; 
}

.button li a:hover {
	color: #FFFFFF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D60303),
		color-stop(1, #BA0202)
	);
	background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  
}


.button02 {
	width: 80%;
	text-align: center;
	font-size: 136%;	
}


.button02 a {
	display: block;
	padding: 35px 10px;
	color: #682001;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	font-weight: bold;
	border: 1px #793f01 solid;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FAD500),
		color-stop(1, #FC9700)
	);
	background-image: -o-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: -moz-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: -webkit-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: -ms-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: linear-gradient(to bottom, #FAD500 0%, #FC9700 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAD500', endColorstr='#FC9700', GradientType=0)";  
}

.button02 a:hover {
	color: #FFFFFF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D60303),
		color-stop(1, #BA0202)
	);
	background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  
}
.button_member {
	width: 80%;
	text-align: center;
	font-size: 124%;
	margin: auto;
}


.button_member a {
	display: block;
	padding: 10px 10px;
	color: #9B0D03;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	font-weight: bold;
	border: 3px #AFAFAF solid;

}

.button_member a:hover {
	color: #FFFFFF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D60303),
		color-stop(1, #BA0202)
	);
	background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  
}
.atten {
	margin-top: 30px;
	border: 2px #d40207 solid;
	padding: 15px;
}

.atten h2 {
	font-size: 130%;
	color:#F00;
	font-weight: bold;
}

.atten p {
	font-size: 106%;
}

.main_pr {
	margin-top: 30px;
	width: 100%;
}

.main_pr img {
	width: 100%;
	max-width: 1000px;
}

/* tab */
.tab {border-bottom:1px solid #3D5900; display: flex;	display: -webkit-flex;	justify-content: center;-webkit-justify-content: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: flex-end; margin-bottom: 50px; }
.tab li a{ display: block; background: #519903; padding: 10px 5px; text-decoration: none; color: #FFF; border-radius: 10px 10px 0 0;  }
.tab li a.select { background: rgba(0,0,0,1.0); color: #ffffff; padding: 20px 10px;  border-radius: 10px 10px 0 0; }
.tab li a:hover { background: #3D5900; color: #FFF; }

@media screen and (min-width: 1000px) {
.tab li { text-align: center; width: 30%;  font-size: 1.2em; margin: 0.2%;}
}

@media screen and (max-width:999px) {
.tab li a.select { padding: 15px 5px;  }
.tab li { text-align: center; width: 30%;  font-size: .9em; margin-bottom: 5px;margin: 0.2%; letter-spacing: 0.1em}
.tab li a { padding: 10px 10px; }
}