@charset "utf-8";
/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/
* {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
margin: 0;
padding: 0;
color:#333;
}
*{zoom:1;}
body {
	text-align: center;
	margin: 0 auto;
	padding: 0 0;
	background: #fff;
	overflow-x: hidden;
}
html, body {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
margin: 0 auto;
padding: 0 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin: 0 auto;
	padding: 0 0;
	border: 0;
	font-style: normal;
	/* [disabled]font-weight: normal; */
	font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}
input,
textarea {
	font-family:Arial,Helvetica,sans-serif;
	width: 100%;
}
input.post {
	width: 50%;
}
input.how {
	width: 15%;
}
input.send,
input[type="radio"],
input[type="checkbox"],
input[type="image"] {
	width: auto;
}
.catalog_check {
	display:block;
	width:130px;
	height:39px;
	padding:0;
	border:0;
	background:url(../images/contact/check2.jpg) no-repeat center top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	margin:0 auto;
}
.catalog_check:hover,
.catalog_check:focus {
	background-position: center -39px;
}
a {
	outline:none;
	text-decoration: none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	color: #4EAA2F;
}
a:hover {
	outline:none;
	color: #549FD0;
}
a:focus { outline:none;}
li{list-style:none;}

section p {
	font-size: 14px;
	text-align: left;
	line-height: 1.5em;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display:block;
}
article {
	margin: 10px auto;
	padding: 10px 0 20px;
	width: 980px;
}
h1 {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	text-align: left;
}
	
/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*headerのスタイル*/
header {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
}
header .h_logo {
	width:410px;
	text-align: left;
}
header .h_navi {
	width: 290px;
	margin: 36px 0 0 0;
}
header .h_navi li {
	font-size: 11px;
	display: inline;
	border-right: 1px solid #666;
	height: 14px;
	padding: 0 10px;
}
header .h_navi li a,
header .h_navi li a:hover {
	color: #666;
}
header .h_contact {
	width:250px;
	text-align: left;
}
/*sub_headerのスタイル*/
.sub_header {
	background: #F4EFE6;
	padding: 15px 0;
	margin: 0 auto;
	text-align: left;
}
.sub_header_contact,
.sub_header_faq,
.sub_header_sitemap,
.sub_header_link,
.sub_header_company,
.sub_header_staff,
.sub_header_greet,
.sub_header_principle,
.sub_header_privacy,
.sub_header_news,
.sub_header_works,
.sub_header_recruit,
.sub_header_catalog,
.sub_header_voice,
.sub_header_works,
.sub_header_404 {
	width: 980px;
	margin: 0 auto;
	background: url(../commonimg/header_bg.jpg) no-repeat center top;
	height: 157px;
	padding: 65px 0 0 49px;
}
.ie7 .sub_header_contact,
.ie7 .sub_header_faq,
.ie7 .sub_header_sitemap,
.ie7 .sub_header_link,
.ie7 .sub_header_company,
.ie7 .sub_header_staff,
.ie7 .sub_header_greet,
.ie7 .sub_header_principle,
.ie7 .sub_header_privacy,
.ie7 .sub_header_news,
.ie7 .sub_header_works,
.ie7 .sub_header_recruit,
.ie7 .sub_header_catalog,
.ie7 .sub_header_voice,
.ie7 .sub_header_works,
.ie7 .sub_header_404 {
	width: 931px;
	margin: 0 auto;
	background: url(../commonimg/header_bg.jpg) no-repeat center top;
	height: 92px;
	padding: 65px 0 0 49px;
}
/*sub_header_perのスタイル*/
.sub_header_house,
.sub_header_campaign,
.sub_header_personal {
	width: 980px;
	margin: 0 auto;
	background: url(../commonimg/header_per_bg.jpg) no-repeat center top;
	height: 157px;
	padding: 65px 0 0 49px;
}
.ie7 .sub_header_house,
.ie7 .sub_header_campaign,
.ie7 .sub_header_personal {
	width: 931px;
	margin: 0 auto;
	background: url(../commonimg/header_per_bg.jpg) no-repeat center top;
	height: 92px;
	padding: 65px 0 0 49px;
}
/*sub_header_pubのスタイル*/
.sub_header_corporate,
.sub_header_public {
	width: 980px;
	margin: 0 auto;
	background: url(../commonimg/header_pub_bg.jpg) no-repeat center top;
	height: 157px;
	padding: 65px 0 0 49px;
}
.ie7 .sub_header_corporate,
.ie7 .sub_header_public {
	width: 931px;
	margin: 0 auto;
	background: url(../commonimg/header_pub_bg.jpg) no-repeat center top;
	height: 92px;
	padding: 65px 0 0 49px;
}
	
/* sliderのスタイル */
.slide_bg {
	height: 387px;
	background: #F8F4EF;
}
#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	top: 20px;
}
#slider ul{
	background: url(../img/loading.gif) no-repeat center center;
}
#slider ul > li{
	position: absolute;
	top: 0;
}
#slider .slick-slide{
	opacity: 0.6;
}
#slider .slick-active {
	opacity: 1;
}

#slider .slick-prev,
#slider .slick-next{
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;

	height: 50px;
	width: 19px;
}
#slider .slick-prev:before,
#slider .slick-next:before{
	content: "";
	height: 50px;
	width: 19px;
}

#slider .slick-prev{
	margin-left: -510px;
	background: url(../commonimg/prev_off.jpg);

}
#slider .slick-next{
	margin-left: 490px;
	background: url(../commonimg/next_off.jpg);

}

/*naviのスタイル*/
nav .navi_bg {
	background: #73D053 url(../commonimg/navi_bg.jpg) repeat-x 0 0;
	height: 62px;
}
nav .navi {
	width: 980px;
	margin: 0 auto;
	padding: 0 0;
}

nav .navi li {
	float: left;
	width: 140px;
}
nav .navi li.navi_item ul {
	background: #68BC4B;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	margin-top: -3px;
	width: 140px;
	z-index: 900;
	display: none;
}
.ie7 nav .navi li.navi_item ul {
	margin: 60px 0 0 -145px;
}
nav .navi li.navi_item li {
	float: none;
	border-bottom: 1px dotted #fff;
	font-size: 14px;
}
nav .navi li.navi_item li:hover {
	background: #7CCE60;
}
nav .navi li.navi_item li a {
	display: block;
	padding: 10px 5px;
	color: #fff;
}
nav .navi li.navi_item li a:hover {
	color: #fff;
}
nav .navi li.navi_item {
	cursor:pointer;
}
nav .navi li.navi_item > ul {
	position:absolute;
}
/*topicのスタイル*/
.topics {
	border: 3px solid #F4EFE6;
	margin-bottom: 20px;
}
.topic_ttl {
	background: #F4EFE6;
	padding: 10px 0;
	text-align: center;
}
.ie7 .topic_ttl {
	padding: 16px 0;
}
.topic_txt {
	padding: 13px 0 10px;
}
.topic_more{
	width:55px;
	float:right;
	margin:-5px 10px 0 0;
}
/*sideのスタイル*/
#side {
	width: 240px;
	padding: 10px;
	float: right;
	background: #F4EFE6;
	font-size: 12px;
}
#side section p {
	line-height: 1.2em;
}
#side .border_box {
	background: #fff;
	width: 220px;
	border: 1px solid #B9C6D0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ie7 #side {
	width: 220px;
	padding: 10px;
	float: right;
	background: #F4EFE6;
}
.ie7 #side .border_box {
	background: #fff;
	width: 218px;
	border: 1px solid #B9C6D0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.side_faq,
.side_blog,
.side_category {
	width: 200px;
	margin: 5px auto 0;
}
.side_faq li,
.side_blog li,
.side_category li {
	background: url(../commonimg/q.gif) no-repeat 0 7px;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dotted #999;
	text-align: left;
	line-height: 1.5em;
}
.side_blog li {
	background: url(../commonimg/sq.gif) no-repeat 0 10px;
	padding: 5px 0 5px 15px;
}
.side_category li {
	background: url(../commonimg/category_icon.gif) no-repeat 0 10px;
	padding: 10px 0 10px 15px;
	line-height: 1.0em;
}
.side_category li a {
	color: #F98D17;
	display: block;
}
.side_category li a:hover {
	color: #FFA937;
	display: block;
}
.side_faq li a,
.side_blog li a {
	text-decoration: underline;
}
.side_category li a span {
	color: #333;
	text-decoration: none;
}
/*contentsのスタイル*/
#contents {
	width: 720px;
	margin: 0 auto;
	float: left;
	font-size: 14px;
}
#contents h3 {
	text-align: left;
	padding-bottom: 10px;
	background: url(../commonimg/ttl_bor.jpg) no-repeat left bottom;
	font-size: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
.top_service {
	width: 729px;
	margin: -2px -9px 0 0;
}
.top_service li {
	float: left;
	margin-right: 9px;
}
.recommend {
	padding: 10px 20px;
	margin-top: 30px;
}
#contents .recommend h3 {
	padding-bottom: 5px;
	background: none;
	text-align: right;
}

.recommend p {
	margin: -70px -20px -20px -30px;
}
.recommend h4.rec_ttl {
	display: inline;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.recommend li {
	line-height: 2em !important;
}
.recommend a {
	background: url(../images/company/greet/greet_icon.gif) no-repeat left center;
	padding: 0 0 0 10px;
	text-decoration: underline;
	font-size: 13px;
	margin-left: 15px;
}


.top_works_list {
	width: 240px;
	margin: -30px 0 0 0;
	text-align: right;
}
.top_works_list ul {
	margin-top: 3px;
}
.top_works_list li {
	display: inline;
	border-right: 1px solid #666;
	padding: 0 10px;
}
.works_category {
	margin-bottom: 30px;
}
.works_category li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #ccc;
}
li.last {
	border: none;
}
.list_carousel {
	margin: 0 auto ;
	width: 720px;
}

/*カルーセル表示部分*/
.list_carousel #foo1,
.list_carousel #foo2 {
	padding: 0;
	list-style: none;
	display: block;
	margin-right: -7px;
	margin-left: 11px;
}
.list_carousel #foo2 {
	margin-right: -13px;
	margin-left: 11px;
}
.ie7 .list_carousel #foo1,
.ie7 .list_carousel #foo2 {
	margin-left: 1px;
}
.list_carousel #foo1 li,
.list_carousel #foo2 li {
	width: 134px;
	height: 134px;
	padding: 4px;
	border: 1px solid #ccc;
	margin: 7px 7px 7px 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* カルーセル（施工実績）
--------------------------------------------------*/
.list_carousel #foo1 li:hover {
	border: 1px solid #73D053;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.ie7 .list_carousel #foo1 li {
	width: 124px;
	height: 124px;
	padding: 4px;
	border: 1px solid #ccc;
}

	/*横長*/
	ul#foo1 li a span.WidthLong{
	  position: relative;
	  height: 124px;
	  width: 124px;
	  padding:0px;
	  display:block;
	}
	ul#foo1 li a span.WidthLong{
	  position: relative;
	  height: 124px;
	  width: 124px;
	  padding:0px;
	  display:block;
	  overflow:hidden;
	}
	ul#foo1 li span.WidthLong img{
		margin:0;
		height:124px;
		position: absolute;
		top:0;
		left:0;
	}

	/*縦長*/
	ul#foo1 li a span.HeightLong{
	  position: relative;
	  height: 124px;
	  width: 124px;
	  padding:0px;
	  display:block;
	}
	ul#foo1 li a span.HeightLong{
	  position: relative;
	  height: 124px;
	  width: 124px;
	  padding:0px;
	  display:block;
	  overflow:hidden;
	}
	ul#foo1 li span.HeightLong img{
		margin:0;
		width:124px;
		position: absolute;
		top:0;
		left:0;
	}

/*カルーセル（スタッフ紹介）*/
#foo2 {
	margin-left: 5px !important;
}
.list_carousel #foo2 li {
	width: 164px;
	height: 164px;
	margin: 25px 15px 0 0;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list_carousel #foo2 li img {
	width: 154px;
	height: 154px;
}
.list_carousel #foo2 li:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.ie7 .list_carousel #foo2 li {
	width: 154px;
	height: 154px;
}
.ie7 #foo2 {
	margin-left: 1px !important;
}

.list_carousel #foo2 p.thumbnail{
	width:75px;
	height:75px;
	float:left;
}
.list_carousel #foo2 p.thumbnail img{
	width:75px;
	height:75px;
}


.prev {
	float: left;
}
.next {
	float: right;
}
.calousel_btn {
	position: relative;
	top: -100px;
}
.calousel_btn1 {
	position: relative;
	top: -105px;
}
.top_greet,
.dot_border {
	background: url(../commonimg/dot_bor.gif) 0 0;
	width: 720px;
	margin: 0 auto;
	padding: 10px 0;
}

section .top_greet p {
	line-height: 1.8em;
	font-size: 13px;
}
.top_greet h4,
.dot_border h4.pri {
	text-align: left;
	margin-top: -30px;
}
.top_greet_in,
.dot_border_in {
	background: #fff;
	width: 700px;
	margin: 0 auto;
	padding: 20px;
}
.ie7 .top_greet_in,
.ie7 .dot_border_in {
	width: 660px;
}

/*footerのスタイル*/
.f_bnr {
	width:720px;
}
#footer {
	background: #F4EFE6;
}
.footer01 {
	width: 980px;
	padding: 30px 0;
	line-height: 1.4em;
}
#footer p,
#footer li {
	font-size: 12px;
}
#footer .f_contact {
	border: 1px solid #DCDCDC;
	padding: 15px 15px 5px;
	background: #fff;
	margin-top: 10px;
}
#footer li {
	background: url(../commonimg/blue_arrow.gif) no-repeat 0 7px;
	padding-left: 16px;
	line-height: 2.2em;
	text-align: left;
}
#footer li a {
	color: #333;
}
#footer li a:hover {
	color: #999;
}
.copy {
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
}
.copy a,
.copy a:hover {
	color: #999;
}
.freemethod {
	width: 980px;
	text-align: right;
	margin: -10px auto 0;
}

/*pankuzuのスタイル*/
p.pankuzu{
	text-align:left;
	margin: 0 0 10px 5px;
	font-size: 11px;
	color: #999;
}

/*worksのスタイル*/
.works_top h3 {
	line-height: 1.2em;
}
.fancy {
	margin: 20px -8px 20px 0;
}
.fancy li {
	width: 174px;
	float: left;
	margin-right: 8px;
	font-size: 12px;
	line-height: 1.5em;
	height: 220px;
}
.fancy li:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.works_list {
	width: 500px;
	margin:0 auto;
}
.works_list li {
	display: inline;
	margin-right: 10px;
}
.works_list li a {
	text-decoration: underline;
}
/*companyのスタイル*/
.map iframe {
	border: 1px solid #ccc;
}
.dot_border_in {
	text-align: left;
}
.minc {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight: bold;
}
.h4_ttl {
	margin-top: -34px;
}
.greet li,
.group li {
	line-height: 1.8em;
	background: url(../images/company/greet/greet_icon.gif) no-repeat 0 center;
	padding-left: 15px;
	text-align: left;
}
.staff_name {
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
.comment,
.licence,
.hobby {
	padding: 10px 0;
	border-bottom: 1px dotted #666;
}
.text {
	padding: 10px 0;
}
.comment h5,
.licence h5,
.hobby h5 {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 14px;
	color: #52B231;
	margin-bottom: 10px;
}
/*personalのスタイル*/
.personal a {
	text-decoration: underline;
}
.p_solar_list {
	width: 720px;
	margin: 10px -6px 0 0;
}
.p_solar_list li {
	float: left;
	margin-right: 6px;
}
div.sub_nav{
	padding:7px 5px 3px 5px;
	background: #F4EFE6;
}
div.sub_nav ul{
}
div.sub_nav ul li{
	width:174px;
	display:inline-block;
}
div.personal p{
	font-size:14px;
	line-height:1.8em;
}
div.personal .dot_box{
	background: url(../commonimg/dot_bor.gif) 0 0;
	padding: 10px 0;
	margin:0 0 40px;
}
div.personal .dot_box_in{
	width:700px;
	margin:0 auto 0;
	background: #fff;
	position:relative;
}
div.personal .dot_box_ins{
	padding:30px 20px 20px;
}
div.personal .dot_box_in h4 img{
	margin:-25px auto 0;
	position:relative;
}
div.personal #p05 h4{
	text-align:left;
	border-bottom:1px solid #CCC;
	margin:20px 0 10px;
}
div.personal #p05 ul{
}
div.personal #p05 ul li{
	text-align:left;
	font-size:12px;
	margin:0 0 0;
}
div.personal #p06 ul li{
	text-align:left;
	line-height:1.8em;
}
div.personal #p06 ul.top li{
	padding:0 0 0 30px;
}
div.personal #p06 ul.top li.icon01{
	margin:0 0 30px;
	background:url(../images/personal/icon01.gif) no-repeat 0 2px;
}
div.personal #p06 ul.top li.icon02{
	margin:0 0 30px;
	background:url(../images/personal/icon02.gif) no-repeat 0 2px;
}
div.personal #p06 ul.top li.icon03{
	margin:0 0 30px;
	background:url(../images/personal/icon03.gif) no-repeat 0 2px;
}
div.personal #p06 ul.top li.icon04{
	margin:0 0 30px;
	background:url(../images/personal/icon04.gif) no-repeat 0 2px;
}
div.personal #p06 ul.mid{
	width:750px;
	margin:0 0 0 -30px;
}
div.personal #p06 ul.mid li{
	width:220px;
	float:left;
	display:inline;
	margin:0 0 0 30px;
}
div.personal #p06 ul.bot{
	margin:20px 0 0;
}
div.personal #p06 ul.bot li{
	font-size:12px;
}
div.personal #p01,
div.personal #p02,
div.personal #p03,
div.personal #p04,
div.personal #p05,
div.personal #p06,
div.personal #p07{ margin:0 0 40px;}
.h4_ttl_green {
	color: #52B231;
	font-size: 20px;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
.personal h5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	color: #52B231;
	font-size: 20px;
}
.personal .reform li {
	line-height: 1.8em;
}
.flow01 {
	background: url(../images/personal/stepbg01.gif) no-repeat left top;
	padding-left: 30px;
}
.flow02 {
	background: url(../images/personal/stepbg02.gif) no-repeat left top;
	padding-left: 30px;
}
/*houseのスタイル*/
div.house p{
	line-height:1.8em;
	text-align:left;
}
div.house ul li{
	text-align:left;
}
div.house .dot_box{
	background: url(../commonimg/dot_bor.gif) 0 0;
	padding: 10px 0;
	margin:0 0 40px;
}
div.house .dot_box_in{
	width:700px;
	margin:0 auto 0;
	background: #fff;
	position:relative;
}
div.house .dot_box_ins{
	padding:30px 20px 20px;
}
div.house .dot_box_in h4 img{
	margin:-25px auto 0;
	position:relative;
}
div.house table.table01{
	border:1px solid #A4E18E;
	border-left:none;
	border-bottom:none;
	margin:0 auto 15px;
	border-collapse: collapse;
	width: 100%;
}
div.house table.table01 th{
	width:200px;
	font-size:14px;
	text-align:left;
	line-height:1.8em;
	padding:20px 20px 20px 30px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	background-color:#73D053;
	border-collapse: collapse;
}
div.house table.table01 th.th01{
	color:#FFF;
	background:url(../images/house/icon01.gif) no-repeat 10px center #73D053;
}
div.house table.table01 th.th02{
	color:#FFF;
	background:url(../images/house/icon02.gif) no-repeat 10px center #73D053;
}
div.house table.table01 th.th03{
	color:#FFF;
	background:url(../images/house/icon03.gif) no-repeat 10px center #73D053;
}
div.house table.table01 th.th04{
	color:#FFF;
	background:url(../images/house/icon04.gif) no-repeat 10px center #73D053;
}
div.house table.table01 th.th05{
	color:#FFF;
	background:url(../images/house/icon05.gif) no-repeat 10px center #73D053;
}
div.house table.table01 th.th06{
	color:#FFF;
	background:url(../images/house/icon06.gif) no-repeat 10px center #73D053;
}
div.house table.table01 td{
	font-size:12px;
	text-align:left;
	line-height:1.8em;
	padding:20px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	border-collapse: collapse;
}
div.house table.table02{
	border:1px solid #A4E18E;
	border-left:none;
	border-bottom:none;
	border-collapse: collapse;
	width: 100%;
}
div.house table.table02 th{
	font-size:12px;
	text-align:left;
	line-height: 1.5em;
	padding:20px 15px;
	color:#FFF;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	background-color:#73D053;
	border-collapse: collapse;
}
div.house table.table02 td{
	font-size:12px;
	text-align: center;
	padding:20px 15px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	border-collapse: collapse;
}
div.house table.table03{
	border:1px solid #A4E18E;
	border-left:none;
	border-bottom:none;
	margin:0 auto;
	border-collapse: collapse;
	width: 100%;
}
div.house table.table03 th{
	font-size:12px;
	text-align:center;
	padding:10px 20px;
	color:#FFF;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	background-color:#73D053;
	border-collapse: collapse;
}
div.house table.table03 td{
	font-size:12px;
	text-align:center;
	padding:20px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	border-collapse: collapse;
}
div.house h6{
	color:#52B231;
	margin:10px 0 10px;
	text-align:left;
}
/*publicのスタイル*/
div.public p{
	line-height:1.8em;
	text-align:left;
}
div.public div.sub_nav{
	padding:7px 8px 3px 8px;
	background: #F4EFE6;
}
div.public div.sub_nav ul{
	margin:0 -16px 0 0;
}
div.public div.sub_nav ul li{
	width:224px;
	display:inline;
	margin:0 16px 0 0;
}
div.public .dot_box{
	background: url(../commonimg/dot_bor.gif) 0 0;
	padding: 10px 0;
	margin:0 0 40px;
}
div.public .dot_box_in{
	width:700px;
	margin:0 auto 0;
	background: #fff;
	position:relative;
}
div.public .dot_box_ins{
	padding:30px 20px 20px;
}
div.public .dot_box_in h4 img{
	margin:-25px auto 0;
	position:relative;
}
div.public table.table01{
	border:1px solid #A4E18E;
	border-left:none;
	border-bottom:none;
	margin:0 auto 15px;
}
div.public table.table01 th{
	width:200px;
	font-size:14px;
	text-align:left;
	line-height:1.8em;
	padding:20px 20px 20px 30px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	background-color:#73D053;
}
div.public table.table01 th.th01{
	color:#FFF;
	background:url(../images/public/icon01.gif) no-repeat 10px center #73D053;
}
div.public table.table01 th.th02{
	color:#FFF;
	background:url(../images/public/icon02.gif) no-repeat 10px center #73D053;
}
div.public table.table01 th.th03{
	color:#FFF;
	background:url(../images/public/icon03.gif) no-repeat 10px center #73D053;
}
div.public table.table01 th.th04{
	color:#FFF;
	background:url(../images/public/icon04.gif) no-repeat 10px center #73D053;
}
div.public table.table01 th.th05{
	color:#FFF;
	background:url(../images/public/icon05.gif) no-repeat 10px center #73D053;
}
div.public table.table01 th.th06{
	color:#FFF;
	background:url(../images/public/icon06.gif) no-repeat 10px center #73D053;
}
div.public table.table01 th.th07{
	color:#FFF;
	background:url(../images/public/icon07.gif) no-repeat 10px center #73D053;
}
div.public table.table01 td{
	font-size:12px;
	text-align:left;
	line-height:1.8em;
	padding:20px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
}
div.public table.table02{
	border:1px solid #A4E18E;
	border-left:none;
	border-bottom:none;
	margin:0 auto;
	width: 100%;
	border-collapse: collapse;
}
div.public table.table02 th{
	font-size:12px;
	text-align:center;
	padding:10px 20px;
	color:#FFF;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
	background-color:#73D053;
}
div.public table.table02 td{
	font-size:12px;
	text-align:center;
	padding:20px;
	border-left:1px solid #A4E18E;
	border-bottom:1px solid #A4E18E;
}
h4.h401,
h4.h402,
h4.h403,
h4.h404,
h4.h405,
h4.h406,
h4.h407 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size:20px;
	color:#52B231;
	text-align:left;
	padding:0 0 0 30px;
}
h4.h401{
	background:url(../images/public/icons01.gif) no-repeat 0 0;
}
h4.h402{
	background:url(../images/public/icons02.gif) no-repeat 0 0;
}
h4.h403{
	background:url(../images/public/icons03.gif) no-repeat 0 0;
}
h4.h404{
	background:url(../images/public/icons04.gif) no-repeat 0 0;
}
h4.h405{
	background:url(../images/public/icons05.gif) no-repeat 0 0;
}
h4.h406{
	background:url(../images/public/icons06.gif) no-repeat 0 0;
}
h4.h407{
	background:url(../images/public/icons07.gif) no-repeat 0 0;
}
div.public div#p03 ul{
	width:732px;
	margin:0 -13px 0 0;
}
div.public div#p03 ul li{
	width:170px;
	float:left;
	display:inline;
	text-align:left;
	margin:0 13px 0 0;
	font-size:12px;
}
/*privacyのスタイル*/
.h4_privacy {
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	text-align: left;
	margin: 20px 0 5px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
/*linkのスタイル*/
.links li,
.works_list li,
.recommend li,
.recruit_list li {
	background: url(../commonimg/green_arrow.jpg) no-repeat 0 center;
	padding-left: 20px;
	line-height: 3em;
	font-size: 14px;
	text-align:left;
	width: auto !important;
}
.links li a {
	text-decoration: underline;
}
/*newsのスタイル*/
.tbl_news a {
	text-decoration: underline;
}
.news p {
	line-height: 1.8em;
}
.news_footer {
	background: #F8F4EF;
	color: #999;
	text-align: right;
	padding: 3px 10px;
	font-size: 12px;
	margin-top: 40px;
}
/*recruitのスタイル*/
.recruit_list li {
	line-height: 1.8em !important;
}
.recruit_list li a {
	text-decoration: underline;
}
/*sitemapのスタイル*/
li.subpage {
	background: none;
}
/*faqのスタイル*/
.faq_q {
	background:#F8F4EF url(../images/faq/q.gif) no-repeat left top;
	padding: 7px 0 7px 45px;
	color: #555;
	font-weight: bold;
}
.faq_a {
	background: url(../images/faq/a.gif) no-repeat left top;
	padding: 0 0 12px 45px;
	margin: 10px 0 40px;
	line-height: 1.8em;
}
/*campaignのスタイル*/
.campaign_bg {
	background: url(../images/campaign/img01.jpg) no-repeat 20px top;
	width: 720px;
}
/*voiceのスタイル*/
.voice p {
	line-height: 1.8em;
}
.voice h4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
section.voice {
	margin-bottom: 120px;
}
/***********ライトボックスのスタイル************/
ul.fancy {
	margin: 20px -8px 20px 0;
}
ul.fancy li:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
p.title{
	float:left;
	display:inline;
	width:174px;
	text-align:center;
	margin:5px 0 0;
	font-size:12px;
}

/*横長*/
ul.fancy li{
	float:left;
	font-size:12px;
    width: 174px;
	height:220px;
	margin-right: 8px;
	line-height: 1.5em;
}

ul.fancy li a span.WidthLong{
  position: relative;
  height: 174px;
  width: 174px;
  padding:0px;
  display:block;
}
ul.fancy li a span.WidthLong{
  position: relative;
  height: 174px;
  width: 174px;
  padding:0px;
  display:block;
  overflow:hidden;
}
ul.fancy li span.WidthLong img{
	margin:0;
	height:174px;
	position: absolute;
	top:0;
	left:0%;
}

/*縦長*/
ul.fancy li{
	float:left;
	font-size:12px;
    width: 174px;
	height:220px;
	margin-right: 8px;
	line-height: 1.5em;
}

ul.fancy li a span.HeightLong{
  position: relative;
  height: 174px;
  width: 174px;
  padding:0px;
  display:block;
}
ul.fancy li a span.HeightLong{
  position: relative;
  height: 174px;
  width: 174px;
  padding:0px;
  display:block;
  overflow:hidden;
}
ul.fancy li span.HeightLong img{
	margin:0;
	width:174px;
	position: absolute;
	top:-30%;
	left:0;
}

/*画像なし*/
ul.fancy li a span.nolightbox{
  position: relative;
  height: 174px;
  width: 174px;
  padding:0px;
  display:block;
}
ul.fancy li a span.nolightbox{
  position: relative;
  height: 174px;
  width: 174px;
  padding:0px;
  display:block;
  overflow:hidden;
}
ul.fancy li span.nolightbox img{
	margin:0;
	width:174px;
	position: absolute;
	top:0;
	left:0;
}

/*トップページTOPICSのjs*/
.ticker {
	width: 600px;
	position: relative;
	overflow: hidden;
}

.ticker ul {
	width: 100%;
	position: relative;
}

.ticker ul li {
	width: 90%;
	display: none;
	text-align:left;
	font-size:14px;
}




/*otherのスタイル*/


#page-top {
	bottom: 33px;
    height: 85px;
    left: 50%;
    margin-left: 500px;
    margin-top: 0;
    position: fixed;
    width: 23px;
}


.bs {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

span.green{color:#52B231;}
.beige_bg {
	background: #F8F4EF;
	padding: 10px 20px;
}
/*hyouのスタイル*/
.tbl_gray,
.tbl_gray th,
.tbl_gray td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 1.5em;
	background: #fff;
}
.tbl_gray{
	width: 100%;
}
.tbl_gray th {
	width: 28%;
	background: #F4EFE6;
	text-align: left;
	padding: 10px 15px;
	font-weight: normal;
}
.tbl_gray td {
	width: auto;
	padding: 10px 15px;
	text-align: left;
}


/*fontのスタイル*/

.txtb{
	font-weight:bold;
}
.txt10 {
	font-size: 10px;
}
.txt12 {
	font-size: 12px;
}
.txt14 {
	font-size: 14px;
}
.txt16 {
	font-size: 16px;
}
.txt18 {
	font-size: 18px;
}
.txt20 {
	font-size: 20px;
}
.txtred {
	color: #FF8888;
}

/*float alignのスタイル*/
.fleft{
float:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left !important;}
.tright{text-align:right !important;}
.tcenter{
	text-align:center;
}
.clear{clear:both;}

.clearfix {
zoom:1;
overflow:hidden;
}
.clearfix:after {
content: '.';
clear: both;
display: block;
height: 0;
visibility: hidden;
}


/*margin paddingのスタイル*/
.m0a {margin:0 auto;}
.m0{margin:0 0 0 0;}
.mt5{margin:5px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt35{margin:35px 0px 0px;}
.mt40{margin:40px 0px 0px;}
.mt50{margin:50px 0px 0px;}
.mt100{margin:100px 0px 0px;}
.mt75{margin:75px 0px 0px;}
.mu5{margin:0px 0px 5px;}
.mu10{margin:0px 0px 10px;}
.mu15{margin:0px 0px 15px;}
.mu20{margin:0px 0px 20px;}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu35{margin:0px 0px 35px;}
.mu40{margin:0px 0px 40px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mr5{margin:0px 5px 0px 0px;}
.mr25{margin:0px 25px 0px 0px;}
.mr10{margin:0px 10px 0px 0px;}
.ml10{margin:0px 0px 0px 10px;}
.ml12{margin:0px 0px 0px 12px;}
.ml15{margin:0px 0px 0px 15px;}
.ml20{margin:0px 0px 0px 20px;}
/*widthのスタイル*/
.w95 { width: 95px;}
.w105 { width: 105px;}
.w120 { width: 120px;}
.w130 { width: 130px;}
.w140 { width: 140px;}
.w145 { width: 145px;}
.w150 { width: 150px;}
.w175 { width: 175px;}
.w180 { width: 180px;}
.w190 { width: 190px;}
.w200 { width: 200px;}
.w210 { width: 210px;}
.w220 { width: 220px;}
.w222 { width: 222px;}
.w230 { width: 230px;}
.w250 { width: 250px;}
.w280 { width: 280px;}
.w300 { width: 300px;}
.w320 { width: 320px;}
.w350 { width: 350px;}
.w370 { width: 370px;}
.w380 { width: 380px;}
.w400 { width: 400px;}
.w410 { width: 410px;}
.w420 { width: 420px;}
.w426 { width: 426px;}
.w430 { width: 430px;}
.w445 { width: 445px;}
.w460 { width: 460px;}
.w480 { width: 480px;}
.w560 { width: 560px;}
.w580 { width: 580px;}
.w590 { width: 590px;}
.w640 { width: 640px;}
.w696 { width: 696px;}
.w820 { width: 820px;}

/*edit*/
.magin-00{margin-top: 1em;}
.c_table01 p{font-size: 12px; line-height: 1.5em;}
.c_description-02{display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; margin: 0; width: fit-content;}
.c_description-02 dl {display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; margin: 0;}
.c_description-02 dd {flex: 1; padding-left: 1em; text-align: right;}

.c_01{background: #73d053;}
.c_01-01{background: #8ce96c;}
.c_02{background: #fb901e;}
.c_02-01{background: #fea734}
.c_sec-01{margin-top: 60px;}
.text-box--1-title{display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 16px; padding: 8px 5px;}
.text-box--1-title-box{flex: 1; font-size: 22px; text-align: left;}
.text-box--1-title-box>span{color: #fafafa;}
.text-box--1-title-btn{display: flex; align-items: stretch; justify-content: flex-start; margin-bottom: 8px;}
.text-box--1-title-btn::before {content: ""; flex: 1;}
.text-box--1-title-btn-box {width: 70px; height: 32px; display: flex; justify-content: center; align-items: stretch;}
.text-box--1-title-btn-box>a{flex: 1; font-size: 14px; color: #fff; display: flex; justify-content: center; align-items: center;}
.text-box--1-title-btn-box>a.c_01:hover {background: #8ce96c;}
.text-box--1-title-btn-box>a.c_02:hover {background: #fea734;}
.text-box--1-title-btn-box>a::before {content: "\03e"; padding: 3px;}
.text-box--1-title-btn-box>a>span{color: #fff; font-weight: bold; padding-bottom: 2.5px;}

.text-box--1{font-size: 16px; line-height: 1.5em; margin-bottom: 32px;}
.text-box--1 li{padding: 15px 5px; border-bottom: 1px dotted #999;}
.text-box--1 li:hover {background: #fafafa;}
.text-box--1 li .text-box--1-img{width: 120px; height: 120px; overflow: hidden; background: #f5f5f5; margin: 0 10px;}
.text-box--1 li .text-box--1-img img{object-fit: contain; width: 100%; height: 100%;}
.text-box--1 li .text-box--1-txt{display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; margin: 0 10px; flex: 1;}
.text-box--1 a{display: flex; flex-flow: row wrap; align-items: start; justify-content: flex-start;}
.text-box--1 a span{padding-bottom: 10px; color: #4EAA2F; text-align: left;}
.text-box--1 a:hover span {color: #68afed; text-decoration: underline;}

.imgbox-01{box-sizing: border-box; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;}
.imgbox-01 a{border: solid 1px; box-sizing: border-box; display: inline-block; width: 70%;}
.imgbox-01 a img{max-width: 100%;}
.imgbox-01 a:hover {opacity: 0.7;}