@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* home CSS [PC]
/*----------------------------------------------*/

.top-mainphoto {
	max-width: 1000px;
	height: auto;
	margin: 0px auto 10px;
}

.top-mainphoto img {
	width: 100%;
}

.top-mainphoto-sp {
	display:none;
}

.top-contentsbox {
	overflow: hidden;  /* preventing height 0 when float */
	margin-bottom: 30px;
	padding: 2% 4%;
	border: 1px solid #E5E5E5;
	
	-webkit-box-sizing: border-box;  /* for Safari,Firefox3 */
	box-sizing:         border-box;  /* for Chrome,IE8+ */
	
	background-color: #FFFFFF;
	
	border-radius:         5px;  /* for Chrome,Safari,IE9+,Firefox */
	-webkit-border-radius: 5px;  /* for iOS3.2 before */
	-moz-border-radius:    5px;  /* Firefox */
}

/*----- Common -----*/
.top-subtitle-over {
	max-width: 100%;
	height: 10px;
	background: 
	url(../images/top/top_subt_l.png) top left no-repeat, 
	url(../images/top/top_subt_r.png) top right no-repeat;
}

.top-subtitle {
	margin-bottom: 20px;
	padding: 5px 0px 5px 20px;
	color: #FFFFFF;
	font-size: 20px;
	background-color: #9BCB44;
}

.top-subtitle img {
	margin-right: 8px;
}

.top-morelink {
	margin: 10px 0px;
	text-align: right;
}

/*----- Yuigon -----*/
.top-beforebox {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
x	background-color: #FF0000;
}

.top-before-leadphoto {
	float: left;
	width: 30%;
}

.top-before-leadphoto img {
	width: 100%;
}

.top-before-leadtext {
	float: right;
	width: 66%;
x	background-color: #00FF00;
}

.top-before-list {
	margin: 15px 0px;
}

.top-before-list ul {
	overflow: hidden;  /* preventing height 0 when float */
}

.top-before-list ul li {
	float: left;
	height:      30px;
	line-height: 30px;
	margin-right: 20px;
	padding-left: 25px;
	background: url(../images/top/i_leaf.png) top left no-repeat;
	font-weight: bold;
}

.top-before-contact {
	width: 350px;
	margin: 0px auto;
	text-align: center;
}

.top-before-contact p {
	margin-bottom: 7px;
	font-weight: bold;
}

/*----- Contact BTN -----*/
a.top-contact-btn {
	display: inline-block;
	width: 250px;
	margin-right: 20px;
	padding: 8px 0px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	
	border:1px solid #52763a;
	background-color: #6C9B4D; background-image: -webkit-gradient(linear, left top, left bottom, from(#6C9B4D), to(#4a6b33));
	background-image: -webkit-linear-gradient(top, #6C9B4D, #4a6b33);
	background-image: -moz-linear-gradient(top, #6C9B4D, #4a6b33);
	background-image: -ms-linear-gradient(top, #6C9B4D, #4a6b33);
	background-image: -o-linear-gradient(top, #6C9B4D, #4a6b33);
	background-image: linear-gradient(to bottom, #6C9B4D, #4a6b33);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6C9B4D, endColorstr=#4a6b33);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
}

a.top-contact-btn:hover {
	text-decoration: none;
	
	border:1px solid #3d572b;
	background-color: #54793c; background-image: -webkit-gradient(linear, left top, left bottom, from(#54793c), to(#324823));
	background-image: -webkit-linear-gradient(top, #54793c, #324823);
	background-image: -moz-linear-gradient(top, #54793c, #324823);
	background-image: -ms-linear-gradient(top, #54793c, #324823);
	background-image: -o-linear-gradient(top, #54793c, #324823);
	background-image: linear-gradient(to bottom, #54793c, #324823);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#54793c, endColorstr=#324823);
}

/*----- Base -----*/
.top-leadcopy {
	margin-bottom: 30px;
}

.top-basebox {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
}

.top-base-l {
	float: left;
	width: 60%;
}

.top-base-r {
	float: right;
	width: 35%;
}

.top-base-r ul {
}

.top-base-r ul li {
	margin-bottom: 20px;
}


.top-base {
	margin-bottom: 20px;
}

.top-base-title {
	height:      30px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 23px;
	font-weight: bold;
	background: url(../images/top/i_leaf.png) top left no-repeat;
}

.top-base-text {
}

/*----- Trouble -----*/
.top-troublephoto {
	margin: 0px auto 15px;
	max-width: 252px;
}

.top-troublephoto img {
	width: 100%;
}

.top-trouble-title {
	margin-bottom: 10px;
	font-weight: bold;
}

/*----- Why -----*/
.topwhychoosephoto {
	max-width: 940px;
	margin: 20px auto 50px;
}

.top-whychoosephoto img {
	max-width: 100%;
}

/*----- FAQ -----*/
.top-faqlistbox {
	width: 100%;
}

.top-faqlist-qbox {
	display: table;
	margin-bottom: 10px;
}

.top-faqlist-title-qbox {
	display: table-cell;
	width: 40px;
	height: 40px;
}

.top-faqlist-title-q {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0px auto;
	
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	background-color: #43630E;
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.top-faqlist-title-textq {
	display: table-cell;
	line-height: 110%;
	padding-left: 10px;
	font-size: 18px;
	vertical-align: middle;
	color: #43630E;
}

.top-faqlist-abox {
	display: table;
	margin-bottom: 30px;
}

.top-faqlist-title-abox {
	display: table-cell;
	width: 40px;
	height: 40px;
}

.top-faqlist-title-a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0px auto;
	
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	background-color: #EFA036;
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.top-faqlist-title-texta {
	display: table-cell;
	line-height: 160%;
	padding-left: 10px;
	font-size: 16px;
	vertical-align: middle;
}

/*----- Flow -----*/
.top-flowlistframe {
}

.top-flowlistbox {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.top-flowlist-main {
	display: table-cell;
	width: 40%;
	min-width: 240px;
x	background-color: #00FF00;
}

.top-flowlist-mainbox {
	display: table;
	width: 100%;
	height: 64px;
}

.top-flowlist-main-number {
	display: table-cell;
	width: 77px;
	padding-left: 20px;
	
	color: #FFFFFF;
	font-size: 48px;
	vertical-align: middle;
	
	-webkit-box-sizing: border-box;  /* for Safari,Firefox3 */
	box-sizing:         border-box;  /* for Chrome,IE8+ */
	
	background-image: url(../images/flow/flow_number_bg.png);
	background-repeat: no-repeat;
}

.top-flowlist-main-text {
	display: table-cell;
	padding-left: 20px;
	color: #FFFFFF;
	vertical-align: middle;
	background-color: #9DC653;
}

.top-flowlist-main-text span {
	font-size: 24px;
}

.top-flowlist-desc {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}

/*----- List -----*/

.top-listbox {
	display: table;
	width: 100%;
	height: 140px;
	margin-bottom: 30px;
}

.top-list {
	display: table-cell;
x	padding: 60px 0px 0px 220px;
	padding-left: 250px;
	line-height: 110%;
	font-size: 38px;
	color: #554602;
	vertical-align: middle;
	
	background-image: url(../images/top/top_list_bg.jpg);
	background-repeat: no-repeat;
	border: 1px solid #E5E5E5;
}

.top-list span {
	display: inline-block;
}

.top-list .top-list-lead {
	font-size: 24px;
	color: #333333;
}