@charset "utf-8";
/* CSS Document */

@media screen and (min-width:641px) {

/*====================================================================

index.css

======================================================================

01.index

=====================================================================*/


/*--------------------------------------------------------------------/
	01.index
/--------------------------------------------------------------------*/

/* body_bg
----------------------------------------------------------------*/
div#body_bg {
	background: url(../img/top_body.jpg) no-repeat 50% 0;
	width: 100%;
}

/* h2
----------------------------------------------------------------*/
div#page_title {
	position: relative;
	margin: 0px auto 140px auto;
	width: 1000px;
	height: 470px;
}
div#page_title .mb60 {
	margin-bottom:60px;
}

div#page_title ul li#back{
	position: absolute;
	top: 172px;
	left: -75px;
}
div#page_title ul li#next{
	position: absolute;
	top: 198px;
	left: 1030px;
}
#page_title .bx-viewport {
	overflow:hidden;
}
#page_title .bx-wrapper .bx-controls-direction a {
	width:57px;
	height:57px;
	position:absolute;
}
#page_title .bx-wrapper .bx-controls-direction a.bx-prev {
	background:url(../img/top/slide_prev.png) no-repeat;
	left:-80px;
	top:20%;
}
#page_title .bx-wrapper .bx-controls-direction a.bx-next {
	background:url(../img/top/slide_next.png) no-repeat;
	right:-80px;
	top:20%;
}

#slider{
	position:relative;
	width:1000px;
	height:450px;}

#thumb{
	width:146px;
	height:430px;
	background: url(../img/top_slider_bk.png) no-repeat 0px 0px;
	position:absolute;top:10px;left:835px;}

#thumb ul{
	padding:30px 0px 0px 16px;}

#thumb ul li{
	padding:0px 0px 3px 0px;}


#thumb #slider_up{
	position:absolute;top:12px;left:70px;}

#thumb #slider_down{
	position:absolute;bottom:10px;left:60px;}




/* housing
----------------------------------------------------------------*/
section#housing {
	margin: 0px auto 11px;
	background: url(../img/top_housing_bg.jpg) no-repeat 0 0;
	width: 757px;
	height: 428px;
}
section#housing h3 {
	margin-bottom: 197px;
}
section#housing div {
	padding-left: 28px;
	width: 256px;
	height: 38px;
}


/* top_contents
----------------------------------------------------------------*/
div#top_contents {
	margin: 0px auto 5px;
	width: 757px;
}

.manka{
	float: left;
	width: 517px;
	margin-top: 11px;
}

.nn_bnr{
	margin-bottom: 5px;
}





/* voice
----------------------------------------------------------------*/
section#voice {
	padding-bottom: 3px;
	background: url(../img/top_voice_bg.jpg);
	border-bottom: 1px solid #86846d;
}
section#voice h3 {
	margin-bottom: -13px;
}

section#voice article {
	margin: 0px auto 10px;
	padding: 18px 0 22px;
	background: #fff url(../img/top_voice_bg.gif) no-repeat 100% 100%;
	width: 487px;
	overflow: hidden;
	_zoom: 1;
}
section#voice article h4 {
	margin-bottom: 10px;
	padding-left: 17px;
	line-height:1.6;
	font-size: 16px;
}
section#voice article a h4 span {
	color: #222;
}
section#voice article figure {
	float: left;
	margin-right: 20px;
	padding-left: 17px;
	width: 249px;
}
section#voice article figure img {
	width: 249px;
}
section#voice article p {
	padding-bottom: 10px;
	padding-right: 15px;
	line-height: 1.7;
	color: #70563f;
	overflow: hidden;
	_zoom: 1;
}
section#voice article p img {
	margin-top: 15px;
}

/* case
----------------------------------------------------------------*/
section#case {
	float: right;
	margin-top: 11px;
	padding-bottom: 10px;
	border: 1px solid #86846d;
	background: #f6f4f1;
	width: 218px;
}
section#case h3 {
	margin-bottom: 10px;
}
section#case article {
	margin: 0px auto 10px;
	width: 188px;
}
section#case article h4 {
	line-height:1.6;
	color: #000000;
	font-size: 12px;
}
section#case article h4 a:link,
section#case article h4 a:visited {
	color: #000000;
}
section#case article figure {
	margin: 0px auto 5px;
	width: 188px;
}
section#case article figure img {
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
	width: 178px;
}
section#case article p {
	padding-bottom: 10px;
	line-height: 1.7;
	color: #70563f;
}

/* refrom
----------------------------------------------------------------*/
section#reform {
	margin: 0 -16px 20px 0;
	width: 776px;
	overflow: hidden;
	_zoom: 1;
}
section#reform h3 img {
	margin: 0px 0 17px 2px;
}
section#reform ul {
}
section#reform ul li {
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
	background: url(../img/top_reform_bg.jpg) no-repeat 0 0;
	width: 182px;
	height: 180px;
	text-align: center;
}
section#reform ul li img {
	margin: 2px auto 12px;
	width: 178px;
	height: auto;
}
section#reform ul li span {
	padding-left: 18px;
	background: url(../img/common_icon_01.png) no-repeat 0 5px;
	color: #70563f;
	font-size: 14px;
	font-weight: bold;
}


/* fb
----------------------------------------------------------------*/
div#fb {
	margin: 0px auto;
	width: 757px;
	height: 320px;
}



/* greet
----------------------------------------------------------------*/
article#greet {
	margin: 0px auto;
	background: url(../img/top_greet_bg.jpg) no-repeat 0 0;
	width: 757px;
	height: 242px;
}
article#greet h3 {
	padding-top: 28px;
	padding-left: 25px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: normal;
}
article#greet p {
	padding-left: 25px;
	width: 530px;
	line-height: 2;
	color: #403c38;
}


/* news
----------------------------------------------------------------*/
article#news {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border: 1px solid #86846d;
	background: url(../img/common_bg_01.jpg);
	width: 198px;
}
article#news h3 {
	margin-bottom: 15px;
}
article#news dl {
	margin: 0px auto 10px;
	width: 173px;
}
article#news dt,
article#news dd {
	width: 173px;
	text-align: left;
	line-height: 1.6;
}
article#news dt {
	font-weight: normal;
}
article#news dd {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../img/common_line_01.gif) repeat-x 0 100%;
	color: #70563f;
}

article#news a:link,
article#news a:visited {
	color: #70563f;
	text-decoration: underline;
}
article#news a:hover {
	color: #70563f;
	text-decoration: none;
}

article#news div {
	margin: 0px auto;
	width: 160px;
	height: 31px;
}

}
@media screen and (max-width:640px) {

/*====================================================================

index.css

======================================================================

01.index

=====================================================================*/


/*--------------------------------------------------------------------/
	01.index
/--------------------------------------------------------------------*/

/* body_bg
----------------------------------------------------------------*/
div#body_bg {}

/* h2
----------------------------------------------------------------*/
div#page_title {}


/* housing
----------------------------------------------------------------*/
section#housing {
	background: url(../sp_img/top/top_housing_bg.jpg) no-repeat 0 0;
	background-size: cover;
	margin-bottom: 10%;
}
section#housing h3 {
	padding: 5% 0;
}
section#housing ul {
	padding: 0 5% 5%;
}
section#housing ul li {
	background: rgba(255,255,255,0.8);
	padding: 3% 3% 3% 0;
	border: 1px solid #4b260b;
	margin-bottom: 2px;
	overflow: hidden;
}
section#housing ul li:before {
	content: '';
	background: #b62d21;
	height: 5px;
	width: 8px;
	display: block;
	float: left;
	margin: 6px 2% 0 0;
}
section#housing .sp_btn01 a {
	display: block;
	padding: 4%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	background: #b62d21;
	border: 1px solid #7d140b;
	margin: 0 5% 5%;
}


/* top_contents
----------------------------------------------------------------*/
div#top_contents {
	margin: 0px auto 5px;
	width: 757px;
}

.nn_bnr{
	width: 83.575vw;
	margin: 0 auto;
	margin-bottom: 8vw;
}

/* voice
----------------------------------------------------------------*/
section#voice {
	margin: 0 5% 15% 5%;
}
section#voice h3 {
	margin-bottom: 5%;
}
section#voice article {
	margin: 0 0 3%;
	padding: 3%;
	background: #e8e5e1;
}
section#voice article h4 {
	margin-bottom: 3%;
	line-height:1.6;
	font-size: 16px;
	float: right;
	width: 55%;
	font-weight: normal;
}
section#voice article a h4 span {
	color: #222;
	font-weight: bold;
}
section#voice article figure {
	float: left;
	width: 40%;
}
section#voice article figure img {
}
section#voice article p {
	padding-bottom: 3%;
	line-height: 1.4;
	color: #70563f;
	font-size: 15px;
}
section#voice article p span.sp_btn {
	display: block;
	float: right;
	width: 55%;
	text-align: center;
	color: #fff;
	padding: 2%;
	background: #4b3c2f;
	font-size: 12px;
	line-height: 1;
}
section#voice .sp_btn01 a {
	display: block;
	padding: 4%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	background: #a37734;
	border: 1px solid #7d5519;
	margin: 8% 0 0 0;
}

/* case
----------------------------------------------------------------*/
section#case {
	margin: 0 5% 15% 5%;
}
section#case h3 {
	margin-bottom: 5%;
}
section#case article {
	margin: 0 0 3%;
	padding: 3%;
	background: #e1e4e8;
}
section#case article h4 {
	margin-bottom: 3%;
	line-height:1.6;
	font-size: 16px;
	float: right;
	width: 55%;
	font-weight: bold;
}
section#case article h4 a {
	color: #222;
}
section#case article figure {
	float: left;
	width: 40%;
}
section#case article p {
	padding-bottom: 3%;
	line-height: 1.4;
	color: #70563f;
	float: right;
	width: 55%;
}
section#case article div.sp_btn a {
	display: block;
	float: right;
	width: 55%;
	text-align: center;
	color: #fff;
	padding: 2%;
	background: #4a5d79;
	font-size: 12px;
	line-height: 1;
}
section#case .sp_btn01 a {
	display: block;
	padding: 4%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	background: #4870a9;
	border: 1px solid #4a5d79;
	margin: 8% 0 0 0;
}

/* refrom
----------------------------------------------------------------*/
section#reform {
	background: #332118;
}
section#reform h3 {
	margin-bottom: 8%;
}
section#reform ul {
	margin: 0 5%;
}
section#reform ul li {
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	background: #fff;
	width: 48%;
	text-align: center;
}
section#reform ul li:nth-child(2n){
	margin-right: 0;
}
section#reform ul li img {}
section#reform ul li span {
	display: block;
	padding: 3%;
	color: #70563f;
	font-size: 16px;
	font-weight: bold;
}


/* fb
----------------------------------------------------------------*/
div#fb {
	margin: 0px auto;
	width: 757px;
	height: 320px;
}



/* greet
----------------------------------------------------------------*/
article#greet {
	padding: 10% 5%;
	background: url(../sp_img/top/top_greet_bg.jpg) no-repeat top right;
	background-size: cover;
}
article#greet h3 {
	color: #332118;
	line-height: 1.4;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8%;
}
article#greet p {
	line-height: 1.6;
	background: rgba(255,255,255,0.6);
	padding: 5%;
}


/* news
----------------------------------------------------------------*/
article#news {
	margin: 0 5% 10%;
	border: 1px solid #86846d;
}
article#news h3 {}
article#news dl {
	padding: 5%;
}
article#news dt,
article#news dd {
	text-align: left;
	line-height: 1.4;
	display: none;
}
article#news dt:nth-of-type(1),
article#news dd:nth-of-type(1),
article#news dt:nth-of-type(2),
article#news dd:nth-of-type(2),
article#news dt:nth-of-type(3),
article#news dd:nth-of-type(3){
	display: block;
}
article#news dt {
	font-weight: normal;
}
article#news dd {
	margin-bottom: 2%;
	background: url(../img/common_line_01.gif) repeat-x 0 100%;
	color: #70563f;
}
article#news dd a {
	padding: 3% 0;
	display: block;
}
article#news a {
	color: #70563f;
	text-decoration: none;
}
article#news .sp_btn01 a {
	display: block;
	padding: 4%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	background: #0e0d0d;
	margin: 5%;
}

}