@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}

p {
	font-size:10px;
	line-height:15px;
	}


#top {
	max-width:640px;
	width:100%;
	margin:0 auto;
	background:url(../images/bg.gif) left top;
	background-size:100% auto;
	position:relative;
	padding-bottom:70px;
}
#top .green {
	background:#77b319;
}

#top .white {
	background:url(../images/bg_white.gif);
	background-size:100% auto;
}
#top .white_02 {
	background:url(../images/bg_white_02.gif);
	background-size:100% auto;
}
#top .white_03 {
	background:url(../images/bg_white_03.gif);
	background-size:100% auto;
}
#top .conv {
	box-shadow:#3A3A3A 0px 0px 8px;
	margin:12.5% 0;
}









#top .sec01 {
	margin-bottom:11.72%;
}
#top .sec01 .left {
	width:50%;
	float:left;
}
#top .sec01 .right {
	margin-right:4%;
	width:44%;
	float:right;
}
#top .sec01 .green {
	position:relative;
}
#top .sec01 .green .btn{
	position:absolute;
	width:35.15%;
	top:28.7%;
	left:6.25%;
	
}
#top .sec01 .box01 {
	margin-bottom:4.68%;
}
#top .sec01 .box02 {
	margin-bottom:5.625%;
}
#top .sec01 .box03 {
	padding-bottom:2.34%;
}


#top .sec02 {
	margin-bottom:11%;
}

#top .sec02 p {
	font-size:10px;
	line-height:15px;
	padding:10px 5.9%;
	color:#000000;
	text-align:center;
}
#top .sec02 .white_bottom {
	margin-bottom:4.7%;
	line-height:1px;
}
#top .sec02 .box01 {
	margin-bottom:5.16%;
}
#top .sec02 .box02 {
	margin-bottom:10.66%;
}
#top .sec02 .box03 {
	margin-bottom:7.8%;
}
#top .sec02 .box04 {
	margin-bottom:11%;
}
#top .sec02 .box05 {
	margin-bottom:6.25%;
}
#top .sec02 .text_wrap {
	padding:15px 0px 25px 0px;
	background:url(../images/bg_white_02.gif) top left;
	background-size:100% auto;
}
#top .sec02 .text_wrap .left {
	float:left;
	padding-left:6.25%;
	padding-right:1%;
	box-sizing:border-box;
}
#top .sec02 .text_wrap .right {
	float:right;
	padding-left:1%;
	padding-right:6.25%;
	box-sizing:border-box;
}
#top .sec02 .text_wrap ul {
	width:50%;
}
#top .sec02 .text_wrap ul li {
	font-size:10px;
	line-height:12px;
	margin-bottom:5px;
	text-align:left;
	color:#000000;
}
#top .sec02 .text_wrap ul li:before {
	content:"・";
}
#top .sec02 .text_wrap p {
	font-size:10px;
	line-height:15px;
	text-align:left;
	color:#000000;
	padding:0 6.25%;
}

#top .sec03 {
	margin-bottom:10.16%;
}
#top .sec03 .green {
	padding:7.34% 0 12.5% 0;
}
#top .sec03 .box01 {
	margin-bottom:3.125%;
}

#top .sec04 {
	margin-bottom:11%;
}
#top .sec04 .white_03 p {
	font-size:10px;
	line-height:15px;
	text-align:left;
	color:#000000;
	padding:20px 6.25%;
}
#top .sec04 .green {
	padding-bottom:2.8%;
}
#top .sec04 .box01{
	margin-bottom:6.25%;
}
#top .sec05 {
	margin-bottom:11%;
}
#top .sec05 .box01 {
	padding-top:3.4%;
}
#top .sec05 ul {
	margin:0 auto;
	padding-bottom:10px;
}
#top .sec05 ul li {
	display:inline-block;
	width:23.5%;
	margin:0 4%;
	vertical-align:top;
}
#top .sec05 .media_img {
	vertical-align:top;
}
#top .sec05 ul li .media_img {
	border:#d3d3d3 2px solid;
	background:#f8f8f5;
	margin-bottom:1.6%;
}

#top .sec05 ul li .media_img img {
	width:100%;
	height:auto;
}
#top .sec05 ul li p {
	font-size:11px;
	line-height:16px;
	text-align:left;
}
#top .sec05 .btn {
	padding:6.25% 0 12.5% 0;
	width:94%;
	margin:0 3%;
}

#top .sec06{
	margin-bottom:9.4%;
}
#top .sec06 #form {
	padding-top:6%;
}
#top .sec06 #form form table {
	width:96%;
	margin:0 2%;
}
#top .sec06 #form form table th {
	text-align:left;
	color:#ffffff;
	background:#229761;
	padding:8px;
	display:block;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
}
#top .sec06 #form form table th span {
	padding:10px 8px 8px 4px;
	font-size:9px;
	line-height:9px;
}
#top .sec06 #form form table td {
	background:#ffffff;
	vertical-align:middle;
	text-align:left;
	display:block;
}
#top .sec06 #form form table td input[type=text] {
	padding:8px 0;
	margin:2%;
	width:96%;
	box-sizing:border-box;
}
#top .sec06 #form form table td textarea {
	padding:8px 0;
	margin:2%;
	width:96%;
	box-sizing:border-box;

}

#top .sec06 #form form table tr:nth-child(8) td {
	color:#000000;
	font-size:10px;
	line-height:12px;
	padding:10px;
	text-align:center;
}
#top .sec06 #form form table td input[type=checkbox] {
	margin:3px;
}
#top .sec06 #form form table tr:nth-child(8) td label {
	margin:5px 15px 5px 0px;
	display:inline-block;
}

#top .sec06 #form form .btn {
	padding:6.25% 0 10.5% 0;
	width:94%;
	margin:0 3%;
}
#top .sec06 #form form .btn input[type=image] {
	width:100%;
}

#top .sec07 {
}
#top .sec07 .box01 {
	padding:4.7% 0;
	
}

#top .address p {
	font-size:9px;
	line-height:13px;
	color:#6b6b6b;
	text-align:left;
	padding:13px 9px 30px 9px;
}

#top .btn_box {
	position:fixed;
	width:100%;
	max-width:640px;
	bottom:0px;
	background:rgba(255,255,255,0.85);
	display:table;
	border-collapse:separate;
	border-spacing:5px;
}
#top .btn_box .l_btn {
	display:table-cell;
	width:50%;
	padding:8px 0;
	font-size:15px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	background:#ff9600;
	border:#ffb400 2px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

#top .btn_box .r_btn {
	display:table-cell;
	width:50%;
	padding:8px 0;
	font-size:15px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	background:#565656;
	border:#9E9E9E 2px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
#top .btn_box .r_btn span {
	display:block;
	font-size:10px;
}

#top .btn_box a {
	color:#ffffff;
	text-decoration:none;
}