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

@media screen and (max-width:767px){
/* メディアクエリー */

/*----------------------------------------------------------------


	共通


----------------------------------------------------------------*/

.secRep{
	margin:0 0 40px;
}
.secRep > .inner{
	padding:0 3%;
}
.secRep .heading{
	font-size:20px;
	margin-bottom:15px;
	color:#59a034;
}
.secRep .textArea {
}
.secRep .imageArea {
	text-align: center;
}



.secRep .innerWrap{}
.secRep .innerWrap .innerRep{
	margin:40px 0;
}
.secRep .innerWrap .innerRep:last-child{
	margin:40px 0 0;
}
.secRep .innerRep .headingS{
	background: url("../images/contents/bg-heading-s.png") no-repeat left top;
	background-size:28px 24px;
	font-size:17px;
	margin:0 0 15px;
	padding:4px 10px 0 40px;
	min-height: 24px;
	color:#015901;
	display: inline-block;
	position: relative;
}
.secRep .innerRep .headingS:after{
	content:"";
	width:100%;
	height:2px;
	background:url("../images/contents/top/dot-green.png") repeat-x left bottom;
	display: inline-block;
	position: absolute;
	bottom:-5px;
	left:0;
}




.secRep .textArea ul:before,
.secRep .textArea ul:after {
    display: none;
}
.secRep .textArea ul li{
	position:relative;
	padding:0 0 8px 17px;
	margin-bottom: 10px;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
}
.secRep .textArea ul li:before{
	content: "●";
	font-size:40%;
	position:absolute;
	top:8px;
	left:0;
	color:#0095da;
}



.secRep .textArea table{
	border-collapse: collapse;
}
.secRep .textArea table th,
.secRep .textArea table td{
	padding:15px;
	border:1px solid #dfdfdf;
}
.secRep .textArea table th{
	background:#ecf1f3;
	min-width:8em;
}
.secRep .textArea table td{
	background:#fff;
}


.secTable .textArea table{
	width:auto;
}
.secTable .textArea table th,
.secTable .textArea table td{
	padding:12px;
	border:none;
	border-bottom:1px solid #dfdfdf;
}
.secTable .textArea table th{
	background:none;
	text-align: left;
	color:#4d7292;
}
.secTable .textArea table td{
	background:#fff;
}


.secRep .textArea strong{
	color:#ca6933;
}


/*----------------------------------------------------------------


	トップ


----------------------------------------------------------------*/

.secHeader{
	text-align: center;
}
.secHeader .heading{
	font-size:20px;
	background:url("../images/contents/top/dot-green.png") repeat-x left bottom;
	padding-bottom:5px;
	margin-bottom:20px;
	display: inline-block;
}
.secHeader .heading span{
	font-size:25px;
	color:#e24a27;
}
.secHeader .EN{
	font-family: 'Dancing Script', cursive;
	font-size:20px;
	color:#ffce00;
	font-weight: 700;
	margin-bottom:20px;
}

#secOnayami{
}
#secOnayami > .inner{
	background:url("../images/contents/top/onayami-1.png") no-repeat center bottom;
	background-size:128px 287px;
	padding:0 3% 280px;
}

ul.checkList li{
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
	font-weight: bold;
	margin-bottom:6px;
	padding-bottom:6px;
	overflow: hidden;
}
ul.checkList li:before{
	content: url(../images/contents/top/checkbox.png);
	margin-right: 9px;
	position: relative;
	top: 4px;
	display: block;
	float: left;
}
#secOnayami .textArea{
	position: relative;
}
#secOnayami .textArea .image-1,
#secOnayami .textArea .image-2,
#secOnayami .textArea .image-3{
	display: none;
}






#secKaiketsu{
	margin:-10px 0 60px;

}
#secKaiketsu .heading{
	background: url("../images/contents/top/kaiketsu-heading.png") repeat-x center top;
	background-size:1000px 102px;
	color:#fff;
	font-size:20px;
	text-align: center;
	height:102px;
	padding:16px 3% 0;
}
#secKaiketsu .heading span.inner{
	position: relative;
}
#secKaiketsu .heading span.inner:before{
	content: url("../images/contents/top/white-logo.png");
	position: absolute;
	top: -35px;
	left:-150px;
}

#secKaiketsu > .inner{
	padding:0 3%;

}
#secKaiketsu .kaiketsuBLK{
	margin:0 0 40px;
}
#secKaiketsu .kaiketsuBLK .imageArea{
}
#secKaiketsu .kaiketsuBLK .textArea{
	padding-top:20px;
	text-shadow: 0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff;
}
#secKaiketsu .kaiketsuBLK h4.heading-S{
	font-size:20px;
	color:#59a034;
	position: relative;
	margin-bottom:15px;
}
#secKaiketsu .kaiketsuBLK h4.heading-S:after{
}
#secKaiketsu .kaiketsuBLK-1 h4.heading-S:after{
}
#secKaiketsu .kaiketsuBLK-2 h4.heading-S:after{
}
#secKaiketsu .kaiketsuBLK-3 h4.heading-S:after{
}
#secKaiketsu .kaiketsuBLK-4 h4.heading-S:after{
}







#secCase{
	background:url("../images/contents/top/bg-case.png") repeat-x center top;
	padding-top:20px;
	color:#fff;
}
#secCase > .inner{
	background:#3da252;
}
#secCase .inner-2{
	padding:40px 3%;
	position: relative;
}
#secCase #babydog{
	position: absolute;
	right: 50px;
	top: -100px;
	width:160px;
}

#secCase .heading{
	font-size:20px;
	background:none;
	padding-bottom:5px;
	margin-bottom:10px;
	display: inline-block;
}
#secCase .heading span{
	font-size:64px;
	color:#e24a27;
}
#secCase .EN{
	color:#fff000;
	margin-bottom:10px;
}


#secCase ul.caseList li{
	margin:0 0 30px;
	text-align: center;
}
#secCase ul.caseList li a{
	color:#fff;
}
#secCase ul.caseList li .heading-S{
	font-size:18px;
	color:#fff000;
	margin-bottom:5px;
}
#secCase ul.caseList li .image{
	margin-bottom:15px;
}
#secCase ul.caseList li .image img{
	border:4px solid #fff;
}









#secKodawari{
	margin-bottom:50px;
}
#secKodawari .heading{
	text-align: center;
	margin-bottom:40px;
}
#secKodawari .heading > .inner{
	background: url("../images/mv/bg-mv-sub.png") no-repeat center top;
	color:#fff;
	font-size:20px;
	position: relative;
	display: block;
	padding: 30px 70px 10px;
	line-height: 1.2;
}
#secKodawari .heading > .inner .workerL{
	position: absolute;
	left:0px;
	bottom:0;
	width:50px;
}
#secKodawari .heading > .inner .workerR{
	position: absolute;
	right:0px;
	bottom:0;
	width:71px;
}
#secKodawari .heading span.inner{
}

#secKodawari > .inner{
	padding:0 3%;
}
#secKodawari .kodawariBLK{
	margin:0 0 40px;
}
#secKodawari .imageArea{
	margin:0 0 20px;
}
#secKodawari .textArea{
	padding-top:20px;
}

#secKodawari .kodawariBLK h4.heading-S{
	font-size:20px;
	color:#59a034;
	position: relative;
	margin-bottom:15px;
}











#secWorks{
	background:url("../images/contents/top/bg-works.png") repeat-x center top;
	padding-top:20px;
	margin:-20px 0 0;
}
#secWorks > .inner{
	background:#fff5eb;
}
#secWorks .inner-2{
	padding:30px 3%;
}

#secWorks .heading{
	text-align: center;
	margin-bottom:30px;
}
#secWorks .heading img{
	width:200px;
}

#secWorks .worksBLK {
	overflow: hidden;
	margin-bottom:30px;
	padding-bottom:10px;
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
}
#secWorks .worksBLK .imageArea{
	position: relative;
	margin-bottom:15px;

}
#secWorks .worksBLK .before{
	position: relative;
	margin-bottom:13px;
}
#secWorks .worksBLK .before:after,
#secWorks .worksBLK .after:after{
	font-family: 'Dancing Script', cursive;
	font-size:23px;
	font-weight: 700;
	position: absolute;
	left:0;
	top:0;
	padding:0 10px;
	color:#fff;
}
#secWorks .worksBLK .before:after{
	content: "Before";
	background:#5e3e1c;
}
#secWorks .worksBLK .after{
	position: relative;
}
#secWorks .worksBLK .after:after{
	content: "After";
	background:#e24a27;
}
#secWorks .worksBLK .arrow{
	position: absolute;
	left: 60px;
	top: 190px;
	width: 56px;
}

#secWorks .heading-S{}
#secWorks .heading-S span{
	display: block;
}
#secWorks .heading-S span.line-1{
	font-size:20px;
	color:#59a034;
	margin-bottom:4px;
}
#secWorks .heading-S span.line-2{
	font-size:16px;
	color:#26a574;
}

#secWorks .worksBLK .more a{
	float:right;
	margin:0;
	background:#59a034;
	color:#fff;
	display: block;
	font-weight: bold;
	line-height: 32px;
	border-radius: 17px;
	padding:0 20px;
	font-size:12px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}









section .more{
	text-align: center;
}
section .more a{
	background:#59a034;
	color:#fff;
	font-weight: bold;
	display: inline-block;
	border-radius: 6px;
	padding:14px 53px;
}
section .more a:hover{
	background:#ffce00;
}









#secPartner{
	background:url("../images/contents/top/bg-partner.png") repeat-x center top;
	padding:20px 3% 0;
}
#secPartner > .inner{
	padding:50px 0;
}

#secPartner .heading{
	font-size:20px;
	background:none;
	color:#3da252;
	margin-bottom:0px;
}
#secPartner .EN{
}

#secPartner .mapContainer{
}












.NFwrapper{
	padding:0 3%;
}

#secNews,
#facebookFeed{
	background: #fff;
}
#secNews{
	padding:15px 5%;
	border-radius: 10px;
	margin-bottom:15px;
}
#facebookFeed{
}

#secNews .heading{	
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
	margin:0;
	padding-bottom:10px;
}
#secNews .heading .EN{
	font-size:30px;
	color:#6a9100;
	margin-right:10px;
}
#secNews .heading .JP{
	font-size:16px;
}

.newsHeadline{
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
}
.newsHeadline a{
	display: block;
	padding:10px 0;
	position: relative;
}
.newsHeadline a:after{
	position: absolute;
	top:50%;
	right:10px;
	content: "\f105";
	font-family: FontAwesome;
	font-weight:normal;
	
	font-size: 24px;
	margin-top: -18px;
    opacity: 0.2;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.newsHeadline a:hover:after{
	right:0px;
    opacity: 1;
}
.newsHeadline time{
	font-weight: 700;
}
.newsHeadline .excerpt{
	margin:0;
	color:#5e3e1c;
}

#secNews .more{
	margin:20px 0 0 0;
}






/*----------------------------------------------------------------


	活用事例


----------------------------------------------------------------*/



.case{
	margin:0 0 30px;
	background: url("../images/contents/case/bg-case.png") repeat-x center bottom;
	background-size:1000px 99px;
	padding-bottom:100px;
}
.case > .inner{
	padding:0 3%;
}
.case .secHeader .heading {
    font-size: 20px;
    background: url("../images/contents/top/dot-green.png") repeat-x left bottom;
    padding:0 20px 5px;
    margin-bottom: 10px;
}
.case .secHeader .heading:first-letter{
    color:#26a574;
}
.case .secHeader .EN span{
	font-size:20px;
	position: relative;
	z-index: 1;
	display: inline-block;
	padding:0 25px 7px;
	background: url("../images/bg-body.jpg") repeat center top;
	border-radius: 0 0 10px 10px;
	/* box-shadow */
	box-shadow:2px 5px 5px -3px rgba(0,0,0,0.30);
}
.case .eyeCatch{
	text-align: center;
	position: relative;
	margin:-40px 0 30px;
}
.case .eyeCatch .badge{
	position: absolute;
	left:0;
	bottom:0;
	width:30px;
}
.case .leadText{
	text-align: center;
	font-size: 112%;
}
.secRep.secRepCase .imageArea {
}
.secRepCase .imageArea img {
	border: 5px solid #fff;
	box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.50);
}

.secRep.secRepCase .textArea{
}



.contentsCase #secCase{
	margin-bottom:-60px;
	background:none;
}
.contentsCase #secCase > .inner{
	background: #1bb9e6;
	padding-top:20px;
}





/*----------------------------------------------------------------


	商品・価格


----------------------------------------------------------------*/


.anchorButton{
	margin:0 auto 50px;
	padding:10px 3% 0;
}
.anchorButton .purpose{
	border:3px solid #2a7c00;
	margin:0 0 40px;
	padding:0 10px 10px;
	border-radius: 10px;
	text-align: center;
}
.anchorButton .purpose .heading{
	font-size:16px;
	display: inline-block;
	background: url("../images/bg-body.jpg") repeat center top;
	padding:0 20px;
	font-weight: bold;
	margin:0 0 5px;
	position: relative;
	top: -18px;
}
.anchorButton .purpose ul{
	margin:0;
}
.anchorButton .purpose ul li{
	margin:0 0px 10px;
}
.anchorButton .purpose ul li a{
	background:#2a7c00;
	color:#fff;
	display: block;
	font-weight: bold;
	line-height: 40px;
	border-radius: 20px;
	padding:0 20px;
}
.anchorButton .purpose ul li a:before{
	content: "\f107";
	font-family: FontAwesome;
	font-weight:normal;
	margin-right:10px;
}





.secProduct{
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
	padding-bottom:40px;
	margin-bottom:40px;
}
.secProduct:last-child{
	background:none;
	padding-bottom:0px;
}
.secProduct > .inner{
	padding:0 3%;
}
.secProduct .upperArea,
.secProduct .lowerArea{
	overflow: hidden;
}
.secProduct .lowerArea{
}
.secProduct .upperArea .heading{
	background: url("../images/contents/bg-heading-s.png") no-repeat left bottom;
	margin:0 0 35px;
	padding:20px 20px 0 70px;
	min-height: 48px;
	display: inline-block;
	position: relative;
}
.secProduct .upperArea .heading:after{
	content:"";
	width:100%;
	height:2px;
	background:url("../images/contents/top/dot-green.png") repeat-x left bottom;
	display: inline-block;
	position: absolute;
	bottom:-11px;
	left:0;
}


.secProduct .upperArea .textArea{
	overflow: hidden;
}
.secProduct .lowerArea .textArea{
	padding-top:20px;
	overflow: hidden;
}

.secProduct .upperArea dl.price {
	margin-bottom:15px;
}
.secProduct .upperArea dl.price dt{
	background:#e24a27;
	color:#fff;
	line-height:32px;
	border-radius: 16px;
	font-weight: bold;
	display: inline-block;
	padding:0 20px;
	margin-right:20px;
}
.secProduct .upperArea dl.price dd{
	color:#e24a27;
	font-size:20px;
	line-height:32px;
	font-weight: bold;
	display: inline-block;
}
.secProduct .lowerArea .heading{
	background:#5e3e1c;
	color:#fff;
	line-height:32px;
	border-radius: 16px;
	font-size:16px;
	font-weight: bold;
	display: inline-block;
	padding:0 20px;
	margin:0 0 15px;	
}






/*----------------------------------------------------------------


	施工事例


----------------------------------------------------------------*/




/* 一覧
----------------------------------------------- */

.secWorksList > .inner{
	overflow: hidden;
	padding:0 4%;
    margin: 0 auto 100px;
}
.secWorksList .artHeadline{
	margin:0 0 27px;
	
	font-size:16px;
	
	letter-spacing:normal;
}

.secWorksList .artHeadline img{
	width:100%;
	height:auto;
}
.secWorksList .artHeadline a{
	display: block;
	color:#000;
	text-decoration: none;
}
.secWorksList .artHeadline .TRcontainer{
	overflow: hidden;
	margin-bottom:10px;
	padding:0 0 3px;
}
.secWorksList .artHeadline .TRcontainer time{
	float:left;
	color:#0053b0;
}


.secWorksList .artHeadline h3{
	font-size:18px;
	margin-bottom:15px;
	float: left;
}
.secWorksList .artHeadline .eyeCatch {
	margin-bottom:15px;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 55% 0 0;
	background: #59a034;
	border-radius: 10px;
}
.secWorksList .artHeadline .eyeCatch .eyeCatchInner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.secWorksList .artHeadline .eyeCatch img {
	cursor: pointer;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.secWorksList .artHeadline .eyeCatch img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.secWorksList .artHeadline .textArea{
	overflow: hidden;
}


.secWorksList .products-widget ul{
	text-align:center;
}
.secWorksList .products-widget ul li{
	display: inline-block;
}
.secWorksList .widget.products-widget ul li a{
	padding: 5px 20px 3px;
}




/* シングル
----------------------------------------------- */

#secWorks.single{
	background:none;
	padding-top:0;
	margin:0;
}
#secWorks.single > .inner{
	background:none;
	padding:0 3%;
}
#secWorks.single .inner-2{
	padding:0;
}
#secWorks.single .worksBLK {
	overflow: visible;
	margin-bottom:30px;
	padding-bottom:30px;
	background:none;
}

.workGallery{
	clear: both;
	padding-top:40px;
}
.workGallery ul li{
	margin:0 0 10px;
}
.workGallery p{
	font-family: 'Dancing Script', cursive;
	font-size: 33px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
}



/*----------------------------------------------------------------


	よくある質問


----------------------------------------------------------------*/


.secFAQ > .inner {
	padding:0 3%;
}
.dl-faq{
	position: relative;
}
.dl-faq dt.Q{
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
	padding-bottom:15px;
	margin-bottom:20px;
	font-size:18px;
	font-weight: bold;
	color:#59a034;
}
.dl-faq .Q > .inner{
	overflow: hidden;
	padding-top: 14px;
}
.dl-faq dd.A{
	margin-bottom:40px;
}

.dl-faq .Q:before{
	content:"Q";
	font-size:26px;
	font-weight: 700;
	float:left;
	margin-right:5px;
	position:relative;
	width: 35px;
	text-align: center;
	top:3px;
}
.dl-faq .A:before{
	content:"A";
	font-size:26px;
	font-weight: 700;
	float:left;
	margin-right:5px;
	position:relative;
	width: 35px;
	text-align: center;
	top:-12px;
	color: #e24a27;
}
.dl-faq .A > .inner{
	overflow: hidden;
}
.dl-faq .A > .inner *:last-child{
	margin:0;
}




/*----------------------------------------------------------------


	施工の流れ


----------------------------------------------------------------*/

.secFlow{}
.secFlow .heading{
	background: #59a034;
	color:#fff;
	text-align: center;
	padding:8px 0;
	border-radius: 8px;
}
.secFlow .innerWrap .innerRep:last-child{
	margin:0 0px 30px;
}
.secFlow .innerWrap .innerRep{
	margin:0 0px 30px;
	border:3px solid #3DA252;
	padding:15px 20px 0;
	position: relative;
	border-radius: 12px;
	background:#FFF5EB;
}

.secFlow > .inner > .imageArea {
	margin:0 70px;
}
.secFlow > .inner > .imageArea p{
	margin:0;
}
.secFlow > .inner > .imageArea p img{
	max-height:200px;
	width:auto;
}
.secFlow > .inner > .textArea{
	padding-top:0px;
}
.secFlow .innerWrap .innerRep:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #ffce00 transparent transparent transparent;
	bottom: -25px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
}
.secFlow .innerWrap .innerRep:last-child:after{
	display: none;
}








/*----------------------------------------------------------------


	ブログ


----------------------------------------------------------------*/


/* 一覧
----------------------------------------------- */

.blogWrapper{
	padding:0 3%;
}
.mainColumn{
	margin-bottom:30px;
}
#sideColumn{

}


.secHeadline{
}
.secHeadline > .inner{
}
.secHeadline .artHeadline{	
	font-size:16px;
	border-bottom: 1px solid #dedede;
}

.secHeadline .artHeadline img{
	width:100%;
	height:auto;
}
.secHeadline .artHeadline a{
	display: block;
	color:#5e3e1c;
	text-decoration: none;
	padding:25px 0;
	overflow: hidden;
	position: relative;
}
.secHeadline .artHeadline:first-child a{
	padding:0 0 25px;
}
.secHeadline .artHeadline .TRcontainer{
	overflow: hidden;
	margin-bottom:15px;
}
.artHeadline .TRcontainer time{
	float:left;
	color:#59a034;
	margin:0 20px 0 0;
}
.secHeadline .artHeadline .TRcontainer .cat {

}

.artHeadline .more{
	float:right;
	margin:0;
	background:#59a034;
	color:#fff;
	display: block;
	font-weight: bold;
	line-height: 32px;
	border-radius: 17px;
	padding:0 20px;
	font-size:12px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}




.secHeadline .artHeadline h3{
	font-size:18px;
	margin-bottom:10px;
}
.secHeadline .artHeadline .eyeCatch {
	float:right;
	width:30%;
	margin-left:10px;
}

.secHeadline .artHeadline .excerpt{

}



/* ウィジェット
----------------------------------------------- */

#sideColumn .widget{
	margin-bottom:40px;
}
#sideColumn .widget .heading{
	background:#995936;
	text-align: center;
	color:#fff;
	padding:7px;
	border-radius: 7px;
	margin-bottom:7px;
	position: relative;
}
#sideColumn .widget .heading:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #995936 transparent transparent transparent;
    bottom: -8px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    content: "";
}
#sideColumn .widget ul li{
	background:url("../images/contents/top/dot-black.png") repeat-x left bottom;
}
#sideColumn .widget ul li a{
	display: block;
	padding:10px;
}
#sideColumn .widget ul li a:hover{
	color:#5e3e1c;
}




/*-----　シングル　-----*/

.secPost{
	position: relative;
	z-index: 1;
}

.secPost > .inner{
}
.artPost{
}
.artPost > header{
	overflow: hidden;
	padding-bottom:20px;
}
.artPost > header time{
	letter-spacing: 1px;
	font-size:18px;
	font-weight: 700;
	float: left;
	margin:0 30px 0 0;
}

.artPost > header time span{
	font-size:80%;
	margin-left:5px;
}

.artPost .postTitle{
	font-size:20px;
	color:#59a034;
	border-bottom: 1px solid #dedede;
	padding-bottom:20px;
	margin-bottom:20px;
}
.artPost .eyeCatch{
	text-align: center;
}
.artPost .textArea{
}
.artPost .textArea h4{
margin: 30px 0 20px -50px;
}



/* ページャー
----------------------------------------------- */

.pagination {
    margin: 40px 0 0;
	font-size:12px;
	text-align: center;
}

.pagination ul {
    margin: 0;
	padding-top: 5px;
	overflow:hidden;
	*zoom:1;
	text-align:center;
}
.pagination li {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:0 3px 6px;
	font-weight:bold;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.pagination li.current {
	background:#0099d1;
	color:#fff;
	border:2px solid #0099d1;
	font-weight: bold;
	line-height: 32px;
	border-radius: 17px;
	padding:0 20px;
}
.pagination li a {
	background:#59a034;
	color:#fff;
	display: block;
	font-weight: bold;
	line-height: 32px;
	border-radius: 17px;
	padding:0 20px;
}







/*----------------------------------------------------------------


	CONTACTFORM 7


----------------------------------------------------------------*/

div.wpcf7 form.wpcf7-form{

}
div.wpcf7 form.wpcf7-form table,
div.wpcf7 form.wpcf7-form table tbody,
div.wpcf7 form.wpcf7-form table tr,
div.wpcf7 form.wpcf7-form table th,
div.wpcf7 form.wpcf7-form table td{
	display: block;
}
div.wpcf7 form.wpcf7-form table{
	width:100%;
	margin-bottom:20px;
	border:none;
}

div.wpcf7 form.wpcf7-form table th,
div.wpcf7 form.wpcf7-form table td{
	border:none;
	background:none;
	padding:10px 0;
	color:#000;
	width: 100%;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.wpcf7 form.wpcf7-form table th{
	text-align:left;
	padding:10px 0 0;
}

div.wpcf7 form.wpcf7-form table td input,
div.wpcf7 form.wpcf7-form table td textarea,
div.wpcf7 form.wpcf7-form table td select {
    padding: 10px;
	width:100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.wpcf7 form.wpcf7-form table td input[type="radio"] ,
div.wpcf7 form.wpcf7-form table td input[type="checkbox"] ,
div.wpcf7 form.wpcf7-form table td .your-age,
div.wpcf7 form.wpcf7-form table td .datetime{
	width:auto;
}
span.required,
span.red{
	color:#e50012;
	margin:0 3px;
}

div.wpcf7 form.wpcf7-form .button {
	text-align:right;
}
div.wpcf7 form.wpcf7-form .button input {
    border: medium none;
    cursor: pointer;
	margin:0px auto 40px;


	background:#59a034;
	color:#fff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	width:160px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","meiryo","ＭＳ Ｐゴシック",sans-serif;

	letter-spacing: 0.8em;
	padding-left: 0.8em;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}



div.wpcf7 form.wpcf7-form span.wpcf7-list-item {
    margin: 0 15px 8px 0;
	display:inline-block;
	*zoom:1;
	*display:inline;
}


    .contact-form .txt01,
    .contact-form .txt02,
    .contact-form .txt03,
    .contact-form textarea,
    .contact-form select
    {
        padding: 10px;
        width: 100%;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact-form .txt02
    {
        width: 20%;
    }
    .contact-form .txt03
    {
        width: 50% !important;
    }
    .contact-form table{
        width: 90%;
        margin: 0 auto;
    }
    .contact-form table tr th,
    .contact-form table tr td{
        vertical-align: middle;
        display: block;
    }
    .contact-form table tr th .hosoku{
        font-size: 0.8rem;
        color: #3da252;
    }
    .contact-form .button {
        display: flex;
        justify-content: center;
    }
    .contact-form .button input {
        cursor: pointer;
        margin:20px 20px 0;

        background:#59a034;
        color:#fff;

        display: inline-block;
        font-weight: bold;
        border-radius: 6px;
        border:none;
        width:150px;
        padding:14px 0;

        font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","meiryo","ＭＳ Ｐゴシック",sans-serif;

        letter-spacing: 0.8em;
        padding-left: 0.8em;

        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }


.topimage {
	width: 100vw; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 50px;
	}	
	
	.benefits {
		font-size: 1.4rem;
	}
	
	ul.checkList li {
		font-size: 1.0rem;
	}
	.secHeader .tell_nomber {
		font-size: 2.6rem;
				margin-top: -10px;
	}
	.secHeader .tell_info {
		font-size: 1.4rem;
		margin-top: -50px;
		margin-bottom: 100px;
	}
	.heading {
		font-size: 1.8rem; 
		color:#009900;  
		margin: -20px 0 0 0;
	}
	.company_name {
		font-size: 1.0rem;
	}
	.ceo_name {
		font-size: 1.6rem;
	}
	.family-benefit {
	font-size: 1.3rem;
	}
	.family-content ul {
	font-size: 1.2rem;
	}
	.before-image {
	max-width:200px; 
	}
	#formWrap th {
		background-color: #e8f5e9;
		font-weight: bold;
	}
	#formWrap select {
		font-size: 1.6rem;
	}
	#formWrap input {
		font-size: 1.6rem;
	}
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
	
	
	
	
	
	r
	
	
}
/* メディアクエリー閉じタグ */