@charset "UTF-8";

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	margin:0 auto;
	display: block;
}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/control_prev.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/control_next.png) no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 25px;
	height: 48px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* index */
@media screen and (min-width:768px){

	section.slider .container { padding-bottom:30px; }
	section.slider .bx-pager {
		display: block;
		bottom:-20px;
	}

	section {
		margin-bottom:30px;
		clear:both;
	}

	section .image_l_block {
		width: 100%;
	}
	section .image_l_block .image {
		float: left;
		width:450px;
	}
	section .image_l_block .content {
		float: left;
		text-align:left;
		margin-left:25px;
		width:525px;
	}

	.goto {
		font-size:93%;
		line-height:1;
		display:inline-block;
		border: #5b5c5c 1px solid;
		padding:4px 4px 4px 8px;
		background: #fff;
	}
	.goto span {
		position: relative;
		top:1px;
	}
	.goto i {
		color:#fff;
		font-size:75%;
		background:#999;
		padding:4px;
		margin-left:1em;
	}
	.goto:hover {
		text-decoration:none;
		background:#5b5c5c;
		color:#fff;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.goto:hover i {
		color:#fff;
		background:#5b5c5c;
	}
	.goto.goto_large {
		padding:20px 20px 20px 20px;
	}


	/*==============================
			スライダー共通
	==============================*/

	/* 設定 */
	.container {width: 100%; height: 100%; overflow: hidden;}
	.slide_all {width: 1000px; margin: 0 auto; height: 450px; position: relative;}
	.slide_wrap {width: 1000px; position: absolute; left: 0;}
	.slide_body {width: 100%;}
	.slide {width: 1000px; }
	/*.slider .slide:before {*/
		/*z-index: 0;*/
		/*content: "";*/
		/*display: block;*/
		/*position: absolute;*/
		/*top: 0;*/
		/*left: 0;*/
		/*right: 0;*/
		/*bottom: 0;*/
		/*background:rgba(255,255,255,0.7);*/
		/*-webkit-transition: 0.8s;*/
		/*-moz-transition: 0.8s;*/
		/*-o-transition: 0.8s;*/
		/*-ms-transition: 0.8s;*/
		/*transition: 0.8s;*/
	/*}*/
	.slide.active:before {
		background:none;
	}
	.slide img {max-width: 100%; vertical-align: bottom;}

	/* 装飾 */
	.bx-pager {text-align: center;height: 25px;display: none;/*ページャー非表示*/}
	.bx-controls-direction a,.bx-pager-item {display: inline-block;}
	.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px;}
	.bx-pager-item a {opacity: 0.4;}
	.bx-pager-item a.active {opacity: 0.6;}
	.bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;}
	.bx-controls-direction a.bx-prev{position: absolute;top:50%;left:975px;margin-left:0;}
	.bx-controls-direction a.bx-next{position: absolute;top:50%;right:975px;margin-left:0;}
	.bx-controls {position: absolute;top: 0;z-index: 100;width: 100%;}
	.bx-wrapper .bx-viewport {
		left: 0;
	}
	section.slider .bx-controls {
		height:450px;
	}
	h2 {
		color: #353433;
		font-size:131%;
		letter-spacing:0.2em;
		padding-top:20px;
		padding-bottom:20px;
	}
	h2 span{
		display: block;
		font-size:10px;
		color:#759aa2;
		letter-spacing:0;
		padding-top:10px;
		line-height:1;
	}
	h2 .title_line {
		background:#759aa2;
		display:block;
		width:50%;
		height:5px;
		margin:14px auto 0 auto;
		max-width:80px;
	}
	/*==============================
			新着情報
	==============================*/

	.news {
		width: 100%;
		background: #e2e2e2;
		height: 100px;
	}
	.news .article_horizontal {
		width: 1000px;
		height: 100px;
		margin: 0 auto;
		position:relative;
	}
	.news h2 {
		display: block;
		width: 155px;
		border-right: #fff 15px solid;
		float: left;
		box-sizing:content-box;
	}
	.news h2 .title_line {
		margin:14px 0 0 0;
	}
	.news .bx-wrapper {
		min-width: 810px;
		float: left;
		margin-bottom:0;
		padding: 20px 0 20px 20px;
		margin-top: 20px;
		margin-left: 20px;
		background: #fff;
	}
	.news .bx-wrapper .text {
		width: 660px;
	}
	.news .bx-wrapper .bx-control {
		width: 810px;
	}
	.news .bx-wrapper .bx-viewport {
		left: 0;
		border:#f00 5px;
		max-width: 810px;
	}
	.news .bx-wrapper .bx-viewport .slide:before {
		background:none;
	}
	.news .text .date {
		display:inline-block;
		font-weight:500;
	}
	.news .text .title {
		display:inline-block;
	}
	.link_overslider {
		display:block;
		position: absolute;
		top: 37px;
		right: 15px;
		z-index:99;
	}

	/*==============================
			お客様の声
	==============================*/

	.voice {
		width: 100%;
		background: #e2e2e2;
		height: 100px;
	}
	.voice .article_horizontal {
		width: 1000px;
		height: 100px;
		margin: 0 auto;
		position:relative;
	}
	.voice h2 {
		display: block;
		width: 155px;
		border-right: #fff 15px solid;
		float: left;
		box-sizing:content-box;
	}
	.voice h2 .title_line {
		margin:14px 0 0 0;
	}
	.voice .bx-wrapper {
		min-width: 810px;
		float: left;
		margin-bottom:0;
		padding: 20px 0 20px 20px;
		margin-top: 20px;
		margin-left: 20px;
		background: #fff;
	}
	.voice .bx-wrapper .text {
		width: 310px;
		display: inline-block;
		line-height: 2em;
		padding-top:0;
	}
	.voice .bx-wrapper .text:first-child {
		border-right:#5b5c5c 1px solid;
		margin-right: 18px;
	}
	.voice .bx-wrapper .text .name {
		display:inline-block;
		width: 180px;
		color:#333;
	}
	.voice .bx-wrapper .text .readmore {
		display:inline-block;
		width:100px;
		text-align:right;
	}
	.voice .bx-wrapper .text .readmore a {
		color:#55838d;
	}
	.voice .bx-wrapper .text .readmore a:hover {
		opacity: 0.8;
	}
	.voice .bx-wrapper .bx-control {
		width: 810px !important;
	}
	.voice .bx-wrapper .bx-viewport {
		left: 0;
		border:#f00 5px;
		max-width: 810px;
		height: 22px !important;
	}

	.voice .bx-wrapper .bx-viewport .slide:before {
		background:none;
	}

	/*==============================
        フロアコーティングとは？
	==============================*/

	.about {
		width: 100%;
		background: #fff;
		min-height: 100px;
	}
	.about .article_horizontal {
		width: 1000px;
		min-height: 100px;
		margin: 0 auto;
		position:relative;
		min-height: 100%;
		overflow:hidden;
	}
	.about h2 {
		display: block;
		width: 100%;
		text-align: center;
	}
	.about .about_content_wrap {
		width: 100%;
	}
	.about .slide_body_about {
		width: 100%;
	}
	.about .slide_body_about .text {
		width: 100%;
		display: block;
		line-height: 3em;
		padding-top:0;
		border: #666 1px solid;
		margin-bottom: 10px;
		text-align:center;
	}
	.about .slide_body_about .text .name {
		display:inline-block;
		width: 100%;
		color:#333;
		font-size: 118%;
	}
	.about .slide_body_about .text .readmore {
		display:none;
	}
	.about .slide_body_about .text .readmore a {
		color:#55838d;
	}
	.about .banner .banner_list li a {
		height: 80px;
	}
	.about .banner .banner_list li a i {
		position: absolute;
		top: 28px;
		left: 15px;
		font-size: 120%;
	}
	.about .banner .banner_list li a span {
		height: 80px;
		position: relative;
		left: 56px;
		font-size: 113%;
	}


	/*==============================
			施工物件一覧
	==============================*/
	.works {
		width: 100%;
		background: #e2e2e2;
		padding-bottom:20px;
	}
	.works h2 {
		width:50%;
		float:left;
	}
	.works .pull-right {
		position:relative;
		top:35px;
		z-index: 10;
	}
	.works h2 .title_line {
		margin:14px 0 0 0;
	}
	.works .article {
		width: 1000px;
		margin: 0 auto;
		position:relative;
	}

	.works .bx-wrapper {
		margin-bottom:0;
	}
	.works .bx-controls {
		height:auto;
	}
	.works .bx-wrapper .bx-viewport .slide:before {
		background:none;
	}
	.works .slide {
		height:238px;
		position:relative;
	}
	.works .slide .caption {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0,0,0,0.7);
		color: #fff;
		height:88px;
	}
	.works .slide .caption .works_text {
		font-size:77%;
		color:#fff;
		padding:15px;
		line-height:1.6;
	}
	.works .slide .caption .works_text span.label {
		display:inline-block;
		padding: 0 10px;
		color:#fff;
		font-size:85%;
		line-height:2;
		margin-bottom:5px;
	}
	.works .slide .caption .works_text span.label_floor { background:#759aa2; }
	.works .slide .caption .works_text span.label_wetarea { background:#707b52; }
	.works .slide .caption .works_text span.label_fungicide { background:#6f5284; }
	.works .slide .caption .works_text span.label_ecocarat { background:#804766; }
	.works .slide .caption .works_text span.label_mirror { background:#8b634e; }
	.works .slide .caption .works_text span.label_other { background:#817845; }
	.works .slide .caption .works_text span.date {
		display:block;
		font-weight:700;
	}
	.works .slide .caption .works_text span.address {
		display:block;
	}
	.works .bx-controls-direction a.bx-prev{position: absolute;top:50%;left:0;margin-left:0;}
	.works .bx-controls-direction a.bx-next{position: absolute;top:50%;right:0;margin-left:0;}


	/*==============================
			サービス一覧
	==============================*/
	.services {
		width: 100%;
	}
	.services h2{
		width: 100%;
		text-align:center;
	}
	.services .services_block {
		width: 1000px;
		margin: 0 auto;
		position:relative;
	}
	.services .services_block article {
		width: 324px;
		height: 340px;
		margin: 0 0 14px 14px;
		float:left;
		background:#fff;
	}
	.services .services_block article:nth-child(3n+1) {
		margin-left: 0;
	}
	.services .services_block article img {
		max-width: 324px;
	}
	.services .services_block article {
		text-align: center;
	}
	.services .services_block article figcaption h3.title {
		color: #333333;
		font-weight:500;
		display: inline-block;
		margin: 5px auto;
		line-height: 3;
		font-size:100%;
		padding:0;
	}
	article figcaption span {
		font-size:60%;
		display:block;
	}
	article.service_menu.menu_floor span { color: #55838d; }
	article.service_menu.menu_wetarea span { color: #6f7a51; }
	article.service_menu.menu_fungicide span { color: #6f5284; }
	article.service_menu.menu_ecocarat span { color: #804766; }
	article.service_menu.menu_mirror span { color: #8b634e; }
	article.service_menu.menu_other span { color: #817845; }
	article.service_menu.menu_floor h3.title { border-bottom: #759aa2 1px solid; }
	article.service_menu.menu_wetarea h3.title { border-bottom: #707b52 1px solid; }
	article.service_menu.menu_fungicide h3.title { border-bottom: #6f5284 1px solid; }
	article.service_menu.menu_ecocarat h3.title { border-bottom: #804766 1px solid; }
	article.service_menu.menu_mirror h3.title { border-bottom: #8b634e 1px solid; }
	article.service_menu.menu_other h3.title { border-bottom: #817845 1px solid; }

	/*==============================
			保証
	==============================*/
	.warranty {
		width: 100%;
	}
	.warranty .article {
		text-align: center;
	}
	.warranty .article .block_wrap {
		width:100%;
		border: #47484b 4px solid;
		background:#fff;
		color:#fff;
		min-height:410px;
		z-index:-1;
		box-sizing:content-box;
	}
	.warranty .article .block_wrap .block_l {
		width:50%;
		float:left;
		position:relative;
		min-height:410px;
		background-size:100%;
	}
	.warranty .article .block_wrap .block_l a,
	.warranty .article .block_wrap .block_r a {
		padding: 20px 0 0 0;
		display: block;
		width: 100%;
		height: 100%;
		min-height:410px;
		color: #fff;
		text-decoration: none;
	}
	.warranty .article .block_wrap .block_l a:hover p,
	.warranty .article .block_wrap .block_r a:hover p {
	}
	.warranty .article .block_wrap .block_l:hover,
	.warranty .article .block_wrap .block_r:hover {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		opacity:0.6;
	}
	.warranty .article .block_wrap a span.link_btn {
		font-size: 13px;
    display: inline-block;
    background: #fff;
    color: #666;
    padding: 3px 6px;
    border-radius: 3px;
    position: absolute;
    bottom: 15px;
		right: 15px;
		opacity:0.9;
	}

	.warranty .article .block_wrap .block_l p {
		padding: 130px 0 0 0;
		background-image: url(/images/logo_mark_white.png);
		background-size:65px 80px;
		background-position:50% 25px;
		background-repeat:no-repeat;
		position:absolute;
		bottom: 60px;
		width:100%;
	}
	.warranty .article .block_wrap .block_r {
		background-size:100%;
		width:50%;
		float:right;
		position:relative;
		min-height:410px;
	}
	.warranty .article .block_wrap .block_r p {
		position:absolute;
		bottom: 70px;
		width:100%;
		padding: 0 122px;
		text-align:left;
		font-size: 118%;
		line-height: 1.8;
	}
	.warranty .article .block_wrap h3 {
		position: relative;
		line-height: 2;
		padding:2em 5em;
		display: inline-block;
		font-size:118%;
		font-weight:bold;
		color:#fff;
	}

	.warranty .article .block_wrap h3:before,h3:after{
		content:'';
		width: 20px;
		height: 30px;
		position: absolute;
		display: inline-block;
	}

	.warranty .article .block_wrap h3:before{
		border-left: solid 1px #fff;
		border-top: solid 1px #fff;
		top:0;
		left: 0;
	}

	.warranty .article .block_wrap h3:after{
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		bottom:0;
		right: 0;
	}
	.warranty .article .block_wrap .block_r h3 {
		position:relative;
		top:1.5em;
	}
	.warranty .article h2 {
		display: inline-block;
		z-index:10;
		padding:12px 20px;
		background: #5b5c5c; /* Old browsers */
		background: -moz-linear-gradient(left, #5b5c5c 0%, #6a6b6b 50%, #5b5c5c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5b5c5c), color-stop(50%,#6a6b6b), color-stop(100%,#5b5c5c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #5b5c5c 0%,#6a6b6b 50%,#5b5c5c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #5b5c5c 0%,#6a6b6b 50%,#5b5c5c 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(left, #5b5c5c 0%,#6a6b6b 50%,#5b5c5c 100%); /* IE10+ */
		background: linear-gradient(left, #5b5c5c 0%,#6a6b6b 50%,#5b5c5c 100%); /* W3C */
		color:#FFF;
		box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
		position:relative;
		top:20px;
	}




	/*==============================
			ショールーム
	==============================*/
	.showroom {
		width: 100%;
	}
	.showroom .article {
		text-align: center;
	}
	.article p.lead {
		margin-bottom:40px;
	}
	.article p.content_lead {
		margin-top:20px;
		margin-bottom:20px;
	}
	/*==============================
			必要性
	==============================*/
	.necessity {
		width: 100%;
	}
	.necessity .article {
		text-align: center;
	}
	.necessity .article .goto_wrap {
		margin-top: 30px;
	}

	/*==============================
			バナー
	==============================*/
	section.banner ul.banner_list li {
		display: block;
		width:310px;
		margin-left:35px;
		margin-bottom:20px;
		float:left;
	}
	section.banner ul.banner_list li:nth-child(3n+1) {
		margin-left:0;
	}
	.goto_image {
		padding: 0px;
		height:100px;
		width:310px;
		position:relative;
		box-sizing:border-box;
	}
	.goto_image.ban_nairan { background-image: url(/images/index/banner_nairan.jpg); background-position: right 9px center; background-repeat: no-repeat; }
	.goto_image.ban_zaitaku { background-image: url(/images/index/banner_zaitaku.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image.ban_pet { background-image: url(/images/index/banner_pet.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image.ban_baby { background-image: url(/images/index/banner_baby.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image.ban_blog { background-image: url(/images/index/banner_blog.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image.ban_tpoint { background-image: url(/images/index/banner_tpoint.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image.ban_interview { background-image: url(/images/index/banner_interview.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image.ban_mitsumori { background-image: url(/images/index/banner_mitsumori.jpg); background-position: right 9px center; background-repeat: no-repeat;}
	.goto_image i {
		margin-left:0;
		margin-right:0.5em;
		position:absolute;
		top:42px;
		left:9px;
	}
	.goto_image span {
		display:table-cell;
		vertical-align:middle;
		position:relative;
		left:35px;
		top:0;
		height:100px;
		line-height:1.5;
		font-weight:400;
		color:#353433;
	}
	.goto_image:hover {
		background-color: #5b5c5c;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		/*-webkit-filter: grayscale(100%);*/
		/*-moz-filter: grayscale(100%);*/
		/*-o-filter: grayscale(100%);*/
		/*-ms-filter: grayscale(100%);*/
		/*filter: grayscale(100%);*/
	}
	.goto_image:hover span {
		color:#fff;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.service_menu {
	  position: relative;
	  float: left;
	  overflow: hidden;
	  margin: 10px 1%;
	  width: 324px;
	  width: 100%;
	  color: #141414;
	  text-align: left;
	  line-height: 1.4em;
	  font-size: 16px;
	}
	.service_menu * {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	}
	.service_menu:hover img,
	.service_menu.hover img {
	  opacity: 0.4;
	}
	.service_menu img {
	  max-width: 100%;
	  vertical-align: top;
	}
	.service_menu figcaption {
	  position: absolute;
	  top: calc(70%);
	  width: 100%;
	  background-color: #ffffff;
	  padding: 5px 25px 65px;
	}
	.service_menu figcaption:before {
	  position: absolute;
	  content: '';
	  z-index: 2;
	  bottom: 100%;
	  left: 0;
	  width: 100%;
	  height: 80px;
	}
	.service_menu ul {
		display:block;
		margin-top:30px;
	}
	.service_menu ul li {
		border-top: #55838d 1px solid;
		color:#55838d;
		display:block;
		width:100%;
		line-height:3;
	}
	.service_menu ul li a {
		display:block;
		width:100%;
	}
	.service_menu ul li a:hover {
		color:#fff;
	}
	.service_menu:hover figcaption,
	.service_menu.hover figcaption {
	  top: 20px;
	}
	article.service_menu.menu_floor ul li { border-top: #759aa2 1px solid; color:#759aa2; }
	article.service_menu.menu_wetarea ul li { border-top: #707b52 1px solid; color:#707b52; }
	article.service_menu.menu_fungicide ul li { border-top: #6f5284 1px solid; color:#6f5284; }
	article.service_menu.menu_ecocarat ul li { border-top: #804766 1px solid; color:#804766; }
	article.service_menu.menu_mirror ul li { border-top: #8b634e 1px solid; color:#8b634e; }
	article.service_menu.menu_other ul li { border-top: #817845 1px solid; color:#817845; }

	article.service_menu.menu_floor ul li a { color: #55838d; }
	article.service_menu.menu_wetarea ul li a { color: #6f7a51; }
	article.service_menu.menu_fungicide ul li a { color: #6f5284; }
	article.service_menu.menu_ecocarat ul li a { color: #804766; }
	article.service_menu.menu_mirror ul li a { color: #8b634e; }
	article.service_menu.menu_other ul li a { color: #817845; }

	article.service_menu.menu_floor ul li a:hover { background: #759aa2; color:#fff; }
	article.service_menu.menu_wetarea ul li a:hover { background: #707b52; color:#fff; }
	article.service_menu.menu_fungicide ul li a:hover { background: #6f5284; color:#fff; }
	article.service_menu.menu_ecocarat ul li a:hover { background: #804766; color:#fff; }
	article.service_menu.menu_mirror ul li a:hover { background: #8b634e; color:#fff; }
	article.service_menu.menu_other ul li a:hover { background: #817845; color:#fff; }

	article.service_menu.menu_floor ul li:last-child { border-bottom: #759aa2 1px solid; }
	article.service_menu.menu_wetarea ul li:last-child { border-bottom: #707b52 1px solid; }
	article.service_menu.menu_fungicide ul li:last-child { border-bottom: #6f5284 1px solid; }
	article.service_menu.menu_ecocarat ul li:last-child { border-bottom: #804766 1px solid; }
	article.service_menu.menu_mirror ul li:last-child { border-bottom: #8b634e 1px solid; }
	article.service_menu.menu_other ul li:last-child { border-bottom: #817845 1px solid; }

	/*
	ボタン
	*/
	.btn_contact {
		clear:both;
		padding:40px 0 10px 0;
		text-align:center;
	}
	.btn_contact h3 {
		font-size:116%;
		margin-bottom:30px;
		line-height:1.8;
	}


	section.banner ul.follow-button {
		clear:both;
		padding:30px 0;
		display:table;
		margin:0 auto;
	}
	section.banner ul.follow-button::after{
		content:"";
		display:block;
		clear:both;
	}
	section.banner ul.follow-button li {
		float: left;
		display: table;
		margin-right:30px;
	}
	section.banner ul.follow-button li:last-child {
		margin-right:0;
	}
	section.banner ul.follow-button li a{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 40px;
		height: 40px;
		line-height:1;
		position:relative;
	}
	section.banner ul.follow-button li.fbbtn a{ border-radius:4px; background:#333; color:#fff; font-size:80%; vertical-align:bottom; }
	section.banner ul.follow-button li.twbtn a{ border-radius:4px; background:#333; color:#fff; font-size:70%;}
	section.banner ul.follow-button li.igbtn a{ background:#fff; border-radius:4px; color:#333; font-size:105%;}
	section.banner ul.follow-button li.fbbtn a i{ position:absolute; bottom:-2px; right:5px; }
	section.banner ul.follow-button li.igbtn a i{ position:relative; top:-1px; }














	.obj_overslider{
		width:334px;
		height:233px;
		position: absolute;
		bottom:1%;right:5%;
		z-index:99;
		}
	.obj_overslider img{
		width:100%;
		}



	/*==============================
			content_wrap
	==============================*/

	.content_wrap{
		width:1000px;
		margin:0 auto;
	}

	section.calc {
		background: #f4f4f4;
		padding: 20px;
		margin-top: 50px;
		overflow: auto;
		border: #999 3px solid;
	}
	section.calc .form-group {
		font-size: 14px !important;
	}
	section.calc .form-group input {
		font-size: 14px !important;
		line-height: 1;
	}
	section.calc input[type=text] {
		font-size: 118%;
		padding: 5px;
		position: relative;
		top: 4px;
		margin: 0 5px;
	}
	section.calc input[type=checkbox] {
		width: 20px;
		height: 20px;
	}
	section.calc h2 {
		font-weight: normal;
		margin: 0 0 20px 0;
		background:#999;
		color: #fff;
		padding: 10px 10px;
	}
	section.calc h3 {
		padding: 0 0 20px 0;
		text-align: left;
		font-size: 110%;

	}
	section.calc .block_l {
		float: left;
		width: 50%;
	}
	section.calc ul {
		color: #55838d;
	}
	section.calc ul.red {
		color: #f00;
	}
	section.calc .block_r {
		float: right;
		width: 50%;
	}
	section.calc .block_r a {
		color: #666;
		text-decoration: underline;
	}
	section.calc .block_r a:hover {
		color: #999;
		text-decoration: underline;
	}
	section.calc .block_btn {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
		padding-top: 20px;
	}
	.btn-submit {
		display: inline-block;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid transparent;
		background-color: #55838d;
		border-color: #55838d;
		color: #fff;
		font-size:118%;
		text-align:center;
		padding:12px 24px;
		color:#fff;
		text-decoration:none;
		border-radius:3px;
		margin:3px 5px;
		cursor: pointer;
	}
	.button-block {
		margin-top:20px;
		text-align:center;
	}
	a.btn-submit {
		display: inline-block;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid transparent;
		background-color: #55838d;
		border-color: #55838d;
		color: #fff;
		font-size:118%;
		text-align:center;
		padding:12px 24px;
		color:#fff;
		text-decoration:none;
		border-radius:3px;
		margin-left:20px;
		cursor: pointer;
	}
	a.btn-submit:first-child {
		margin-left:0;
	}

	.btn-submit:hover {
		opacity: 0.7;
	}
	.btn-reset {
		display: inline-block;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid transparent;
		background-color: #f0f0f0;
		border-color: #ccc;
		color: #666;
		font-size:118%;
		text-align:center;
		padding:12px 24px;
		border-radius:3px;
		margin:3px 5px;
		cursor: pointer;
	}
	.btn-reset:hover {
		opacity: 0.7;
	}

	.mitsumori-result {
		background: #fff;
		padding: 20px;
		margin-top: 20px;
		overflow: auto;
	}
	.mitsumori-result h2 {
		background: #f00;
	}
	section.calc .mitsumori-result h3 {
		padding-bottom: 10px;
		padding-top: 0;
		color: #666;
	}
	section.calc .mitsumori-result .block-detail {
		float: left;
		width: 50%;
	}
	section.calc .mitsumori-result .block-result {
		float: right;
		width: 50%;
	}
	.mitsumori-result .row-gaisan {
		margin-bottom: 20px;
	}
	.mitsumori-result .row-waribiki {
		margin-bottom: 20px;
	}
	.mitsumori-result p.result_price_1 {
		color: #333;
		font-weight: bold;
		font-size:150%;
		margin-bottom: 10px;
	}
	.mitsumori-result p.result_price_2 {
		color: #f00;
		font-weight: bold;
		font-size:180%;
		margin-bottom:10px;
	}
	.mitsumori-result p.tpoint {
		text-indent: 110px;
    background-image: url(/img/tpoint/logo-s.png);
    background-repeat: no-repeat;
    background-size: 100px;
    height: 30px;
    line-height: 31px;
	}
	.ban-mizumawari {
		text-align: center;
		margin: 40px auto;
		width: 1000px;
	}
	.ban-mizumawari img {
		max-width: 100%;
	}
}



@media screen and (min-width:0px) and (max-width:767px){
	.ban-mizumawari {
		padding: 2em 1em 1em 1em;
	}
	.ban-mizumawari img {
		max-width: 100%;
	}

.slide_caption_01 {
	position: absolute;
	bottom: 5px;
	right: 10px;
	background: #fff;
	padding: 5px 5px 0 5px;
	opacity: 0.7;
}
	.slide_caption_01 a {
		display: inline-block;
	}
	.slide_caption_01 a.payment-sp-card {
		padding-right:3px;
	}
	.slide_caption_01 a.payment-sp-tpoint {
		position: relative;
		top: 1px;
	}

	.slide_caption_01 img {
		max-height: 18px;
	}

	.container {width: 100%; height: 100%; overflow: hidden;}
	.bx-wrapper { overflow: hidden; }
	section {
		margin-bottom:1em;
		clear:both;
		padding:0 15px;
	}

	section .image_l_block {
		width: 100%;
	}
	section .image_l_block .image {
		float: left;
		width:450px;
	}
	section .image_l_block .content {
		float: left;
		text-align:left;
		margin-left:25px;
		width:525px;
	}
	.header_payment {
		margin: 1em auto 0 auto;
		text-align: center;

	}
	.header_payment img {
		max-height: 3.4em;
		width: auto;
	}
	.header_payment ul.icons li img {
		max-height: 3.2em;
		width: auto;
	}
	.goto {
		font-size:93%;
		line-height:1;
		display:inline-block;
		border: #5b5c5c 1px solid;
		padding:4px 4px 4px 8px;
	}
	.goto span {
		position: relative;
		top:1px;
	}
	.goto i {
		color:#fff;
		font-size:75%;
		background:#5b5c5c;
		padding:4px;
		margin-left:1em;
	}
	.goto:hover {
		text-decoration:none;
		background:#5b5c5c;
		color:#fff;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.goto:hover i {
		color:#fff;
		background:#5b5c5c;
	}
	.goto.goto_large {
		padding:20px 20px 20px 20px;
	}

	.about_banner { padding: 1em 1em 0 1em; }
	.about_banner img { max-width:100%; }
	/*==============================
			スライダー共通
	==============================*/

	/* 設定 */
	.slider_sp {width: 100%; vertical-align: bottom;}

	/* 装飾 */
	.bx-pager {text-align: center;height: 25px;display: none;/*ページャー非表示*/}
	.bx-controls-direction a,.bx-pager-item {display: inline-block;}
	.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px;}
	.bx-pager-item a.active {opacity: 0.3;}
	.bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;}
	.bx-controls-direction a.bx-prev{position: absolute;top:50%;left:975px;margin-left:0;}
	.bx-controls-direction a.bx-next{position: absolute;top:50%;right:975px;margin-left:0;}
	.bx-controls {position: absolute;top: 0;z-index: 100;width: 100%;}
	.bx-wrapper {
		margin-bottom:0;
	}
	.bx-wrapper .bx-viewport {
		left: 0;
	}
	section.slider .bx-controls {
		height:450px;
	}
	h2 {
		color: #353433;
		font-size:124%;
		letter-spacing:0.1em;
		padding-top:20px;
		padding-bottom:18px;
	}
	h2 span{
		display: block;
		font-size:10px;
		color:#759aa2;
		letter-spacing:0;
		padding-top:10px;
		line-height:1;
	}
	h2 .title_line {
		background:#759aa2;
		display:block;
		width:50%;
		height:5px;
		margin:12px auto 0 auto;
		max-width:80px;
	}
	/*==============================
			新着情報
	==============================*/

	.news {
		width: 100%;
	}
	.news .article_horizontal {
		width: 100%;
		margin: 0 auto;
		position:relative;
	}
	.news .slide_body_news {
		border-top:#ccc 1px solid;
		border-bottom:#ccc 1px solid;
	}
	.news h2 {
		display: block;
		box-sizing:content-box;
	}
	.news h2 .title_line {
		margin:12px 0 0 0;
	}
	.news .text {
		width: 100%;
	}
	.news article.slide {
		padding:0.5em 0;
		 border-bottom:#ccc 1px dotted;
	 }
	.news article.slide:last-child {
		border-bottom:none;
	}
	.news .text .date {
		display:inline-block;
		font-weight:500;
	}
	.news .text .title {
		display:inline-block;
	}

	.link_overslider {
		display:block;
		position: absolute;
		top: 37px;
		right: 0;
		z-index:999;
	}


	/*==============================
			フロアコーティングとは？
	==============================*/

	.about {
		width: 100%;
	}
	.about .article_horizontal {
		width: 100%;
		margin: 0 auto;
		position:relative;
	}
	.about .slide_body_about {
		border-top:#ccc 1px solid;
		border-bottom:#ccc 1px solid;
	}
	.about h2 {
		display: block;
		box-sizing:content-box;
	}
	.about h2 .title_line {
		margin:12px 0 0 0;
	}
	.about article.slide {
		border-bottom:none;
	}
	.about article.slide:last-child {
		border-bottom:none;
	}
	.about article .text {
		position:relative;
		padding:0.5em 0;
		border-bottom:#ccc 1px dotted;
	}
	.about article .text .name {
		display:inline-block;
		width:100%;
	}
	.about article .text .name a {
		display:inline-block;
		width:100%;
		height:100%;
	}
	.about article .text::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #ccc;
		border-right: solid 2px #ccc;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 0.5em;
		margin-top: -4px;
	}

	/*==============================
			お客様の声
	==============================*/

	.voice {
		width: 100%;
	}
	.voice .article_horizontal {
		width: 100%;
		margin: 0 auto;
		position:relative;
	}
	.voice .slide_body_voice {
		border-top:#ccc 1px solid;
		border-bottom:#ccc 1px solid;
	}
	.voice h2 {
		display: block;
		box-sizing:content-box;
	}
	.voice h2 .title_line {
		margin:12px 0 0 0;
	}
	.voice article.slide {
		border-bottom:none;
	}
	.voice article.slide:last-child {
		border-bottom:none;
	}
	.voice article .text {
		padding:0.5em 0;
		border-bottom:#ccc 1px dotted;
		position:relative;
	}
	.voice article .text .name {
		display:inline-block;
		width:100%;
		height:100%;
	}
	.voice article .text .name a {
		display:inline-block;
		width:100%;
		height:100%;
	}
	.voice article .text::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #ccc;
		border-right: solid 2px #ccc;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 0.5em;
		margin-top: -4px;
	}
	.voice article .text .readmore {
		display:none;
	}

	/*==============================
			施工物件一覧
	==============================*/
	.works {
		width: 100%;
		position:relative;
	}
	.works h2 {
		width:50%;
	}
	.works .pull-right {
		display:block;
		position: absolute;
		top: 37px;
		right: 0;
		z-index:10;
	}
	.works h2 .title_line {
		margin:12px 0 0 0;
	}
	.works .article {
		width: 100%;
		margin: 0 auto;
		position:relative;
	}

	.works .bx-wrapper {
		margin-bottom:0;
	}
	.works .bx-controls {
		height:auto;
	}
	.works .bx-wrapper .bx-viewport .slide:before {
		background:none;
	}
	.works .slide {
		height:180px;
		position:relative;
	}
	.works .slide .caption {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0,0,0,0.7);
		color: #fff;
		height:92px;
	}
	.works .slide .caption .works_text {
		font-size:77%;
		color:#fff;
		padding:15px;
		line-height:1.6;
	}
	.works .slide .caption .works_text span.label {
		display:inline-block;
		padding: 0 10px;
		color:#fff;
		font-size:85%;
		line-height:2;
		margin-bottom:5px;
	}
	.works .slide .caption .works_text span.label_floor { background:#759aa2; }
	.works .slide .caption .works_text span.label_wetarea { background:#707b52; }
	.works .slide .caption .works_text span.label_fungicide { background:#6f5284; }
	.works .slide .caption .works_text span.label_ecocarat { background:#804766; }
	.works .slide .caption .works_text span.label_mirror { background:#8b634e; }
	.works .slide .caption .works_text span.label_other { background:#817845; }
	.works .slide .caption .works_text span.date {
		display:block;
		font-weight:700;
	}
	.works .slide .caption .works_text span.address {
		display:block;
	}
	.works .bx-controls-direction a.bx-prev{position: absolute;top:50%;left:0;margin-left:0;}
	.works .bx-controls-direction a.bx-next{position: absolute;top:50%;right:0;margin-left:0;}


	/*==============================
			サービス一覧
	==============================*/
	section.services {
		width: 100%;
		padding:0;
	}
	.services h2{
		width: 100%;
		text-align:center;
	}
	.services .services_block {
		width: 100%;
		margin: 0 auto;
	}
	.services .services_block article  {
		clear:both;
		position:relative;
		overflow:auto;
		padding:15px;
		background:#f4f4f4;
		margin-bottom:10px;
	}
	.services .services_block article .eyecatch {
		width: 50%;
		display: block;
		float:left;
		padding-top: 3em;
		padding-right:10px;
	}
	.services .services_block article .eyecatch img {
		width:100%;
	}
	.services .services_block article figcaption {
		width: 50%;
		display: block;
		float:right;
	}
	.services .services_block article figcaption h3.title {
		color: #333333;
		font-weight:500;
		display: inline-block;
		line-height: 1.3;
		position:absolute;
		left:15px;
		top:10px;
	}
	.services .services_block article figcaption span {
		position:absolute;
		top:30px;
		left:15px;
	}
	.services .services_block article figcaption ul {
		display:block;
		padding-top:3em;
	}
	.services .services_block article figcaption ul li {
		font-size:100%;
		line-height:1.3;
		padding:0.5em 0;
	}
	article figcaption span {
		font-size:60%;
		display:block;
		line-height:1;
		margin-bottom:1.4em;
	}
	article.service_menu.menu_floor span { color: #55838d; }
	article.service_menu.menu_wetarea span { color: #6f7a51; }
	article.service_menu.menu_fungicide span { color: #6f5284; }
	article.service_menu.menu_ecocarat span { color: #804766; }
	article.service_menu.menu_mirror span { color: #8b634e; }
	article.service_menu.menu_other span { color: #817845; }

	/*==============================
			保証
	==============================*/
	.warranty {
		width: 100%;
		padding-top:30px;
	}
	.warranty .article {
		text-align: center;
	}
	.warranty .article .block_wrap {
		width:100%;
		border: #47484b 4px solid;
		background:#47484b;
		color:#fff;
		z-index:-1;
		box-sizing:border-box;
	}
	.warranty .article .block_wrap .block_l,
	.warranty .article .block_wrap .block_r {
		padding-bottom:4em;
	}
	.warranty .article .block_wrap .block_l {
		position:relative;
		background-image:url(/images/index/warranty_image_01.jpg);
		background-size:contain;
		border-bottom:#47484b 4px solid;
	}

	.warranty .article .block_wrap .block_l p {
		background-image: url(/images/logo_mark_white.png);
		background-size:auto 60px;
		background-position:50% 0;
		background-repeat:no-repeat;
		width:100%;
		padding:65px 0.5em 0 0.5em;
		font-size:93%;
	}
	.warranty .article .block_wrap .block_r {
		background-image:url(/images/index/warranty_image_02.jpg);
		background-size: cover;
		position:relative;
		text-align:center;
	}
	.warranty .article .block_wrap .block_r p {
		font-size:108%;
		margin:0 auto;
		text-align:left;
		display:inline-block;
	}
	.warranty .article .block_wrap a span.link_btn {
		font-size: 12px;
    display: inline-block;
    background: #fff;
    color: #333;
    padding: 3px 6px;
    border-radius: 3px;
    position: absolute;
    bottom: 1em;
		right:1em;
    margin: 0 auto;
		opacity:0.9;
	}
	.warranty .article .block_wrap .block_l a,
	.warranty .article .block_wrap .block_r a {
		padding: 10px 0 0 0;
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration: none;
	}
	.warranty .article .block_wrap .block_l a:hover p,
	.warranty .article .block_wrap .block_r a:hover p {
		opacity: 0.7;
	}
	.warranty .article .block_wrap h3 {
		position: relative;
		line-height: 1.8;
		padding:1em 3em;
		display: inline-block;
		font-size:110%;
		font-weight:bold;
		margin:1em auto;
		color:#fff;
	}

	.warranty .article .block_wrap h3:before,
	.warranty .article .block_wrap h3:after{
		content:'';
		width: 15px;
		height: 25px;
		position: absolute;
		display: inline-block;
	}

	.warranty .article .block_wrap h3:before{
		border-left: solid 1px #fff;
		border-top: solid 1px #fff;
		top:0;
		left: 0;
	}

	.warranty .article .block_wrap h3:after{
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		bottom:0;
		right: 0;
	}
	.warranty .article h2 {
		display: inline-block;
		z-index:10;
		padding:0.5em 1em;
		font-size:110%;
		background: #47484b; /* Old browsers */
		color:#FFF;
	}




	/*==============================
			ショールーム
	==============================*/
	.showroom {
		width: 100%;
	}
	.showroom .article {
		text-align: center;
	}
	.showroom .article .image_block img {
		width:100%;
	}
	.article p.lead {
		margin-bottom:40px;
	}
	.article p.content_lead {
		margin-top:20px;
		margin-bottom:20px;
		text-align:left;
	}
	/*==============================
			必要性
	==============================*/
	.necessity {
		width: 100%;
	}
	.necessity .article {
		text-align: center;
	}
	.necessity .article p.lead {
		display:none;
	}
	.necessity .article .goto_wrap {
		margin-top: 30px;
	}
	.necessity .article .image_l_block .image {
		float:none;
		width:100%;
	}
	.necessity .article .image_l_block .image img {
		width:100%;
	}
	.necessity .article .image_l_block .content {
		float:none;
		margin-left:0;
		margin-top:0.5em;
		text-align:center;
		width:100%;
	}
	/*==============================
			バナー
	==============================*/
	section.banner {
		margin-top:30px;
	}

	section.banner ul.banner_list {
		width:100%;
		text-align:center;
	}
	section.banner ul.banner_list li {
		display: block;
		width:90%;
		margin:0 auto 0.5em auto;
		float:none;
		text-align:left;
	}
	.goto_image {
		padding: 0px;
		height:60px;
		width:100%;
		position:relative;
		box-sizing:border-box;
	}
	.goto_image.ban_nairan { background-image: url(/images/index/banner_nairan.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_zaitaku { background-image: url(/images/index/banner_zaitaku.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_pet { background-image: url(/images/index/banner_pet.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_baby { background-image: url(/images/index/banner_baby.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_blog { background-image: url(/images/index/banner_blog.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_tpoint { background-image: url(/images/index/banner_tpoint.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_interview { background-image: url(/images/index/banner_interview.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image.ban_mitsumori { background-image: url(/images/index/banner_mitsumori.jpg); background-position: right 5px center; background-repeat: no-repeat; background-size: 80px;}
	.goto_image i {
		margin-left:0;
		margin-right:0.5em;
		position:absolute;
		top:22px;
		left:9px;
	}
	.goto_image span {
		display:table-cell;
		vertical-align:middle;
		position:relative;
		left:35px;
		top:0;
		height:60px;
		line-height:1.5;
		font-weight:bold;
		color:#353433;
		font-size:95%;
	}
	.goto_image:hover {
		background-color: #5b5c5c;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		/*-webkit-filter: grayscale(100%);*/
		/*-moz-filter: grayscale(100%);*/
		/*-o-filter: grayscale(100%);*/
		/*-ms-filter: grayscale(100%);*/
		/*filter: grayscale(100%);*/
	}
	.goto_image:hover span {
		color:#fff;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}


	article.service_menu.menu_floor ul li { border-top: #759aa2 1px solid; color:#759aa2; }
	article.service_menu.menu_wetarea ul li { border-top: #707b52 1px solid; color:#707b52; }
	article.service_menu.menu_fungicide ul li { border-top: #6f5284 1px solid; color:#6f5284; }
	article.service_menu.menu_ecocarat ul li { border-top: #804766 1px solid; color:#804766; }
	article.service_menu.menu_mirror ul li { border-top: #8b634e 1px solid; color:#8b634e; }
	article.service_menu.menu_other ul li { border-top: #817845 1px solid; color:#817845; }

	article.service_menu.menu_floor ul li a { color: #55838d; }
	article.service_menu.menu_wetarea ul li a { color: #6f7a51; }
	article.service_menu.menu_fungicide ul li a { color: #6f5284; }
	article.service_menu.menu_ecocarat ul li a { color: #804766; }
	article.service_menu.menu_mirror ul li a { color: #8b634e; }
	article.service_menu.menu_other ul li a { color: #817845; }

	article.service_menu.menu_floor ul li a:hover { background: #759aa2; color:#fff; }
	article.service_menu.menu_wetarea ul li a:hover { background: #707b52; color:#fff; }
	article.service_menu.menu_fungicide ul li a:hover { background: #6f5284; color:#fff; }
	article.service_menu.menu_ecocarat ul li a:hover { background: #804766; color:#fff; }
	article.service_menu.menu_mirror ul li a:hover { background: #8b634e; color:#fff; }
	article.service_menu.menu_other ul li a:hover { background: #817845; color:#fff; }

	article.service_menu.menu_floor ul li:last-child { border-bottom: #759aa2 1px solid; }
	article.service_menu.menu_wetarea ul li:last-child { border-bottom: #707b52 1px solid; }
	article.service_menu.menu_fungicide ul li:last-child { border-bottom: #6f5284 1px solid; }
	article.service_menu.menu_ecocarat ul li:last-child { border-bottom: #804766 1px solid; }
	article.service_menu.menu_mirror ul li:last-child { border-bottom: #8b634e 1px solid; }
	article.service_menu.menu_other ul li:last-child { border-bottom: #817845 1px solid; }

	/*
	ボタン
	*/
	.btn_contact {
		clear:both;
		padding-top:30px;
		text-align:center;
	}
	.btn_contact h3 {
		font-size:100%;
		margin-bottom:1em;
		line-height:1.6;
	}
	.btn_contact a img {
		width:70%;
	}

	section.banner ul.follow-button {
		display:none;
	}
	/*section.banner ul.follow-button {*/
		/*clear:both;*/
		/*padding:30px 0;*/
		/*display:table;*/
		/*margin:0 auto;*/
	/*}*/
	/*section.banner ul.follow-button::after{*/
		/*content:"";*/
		/*display:block;*/
		/*clear:both;*/
	/*}*/
	/*section.banner ul.follow-button li {*/
		/*float: left;*/
		/*display: table;*/
		/*margin-right:30px;*/
	/*}*/
	/*section.banner ul.follow-button li:last-child {*/
		/*margin-right:0;*/
	/*}*/
	/*section.banner ul.follow-button li a{*/
		/*display: table-cell;*/
		/*vertical-align: middle;*/
		/*text-align: center;*/
		/*width: 40px;*/
		/*height: 40px;*/
		/*line-height:1;*/
		/*position:relative;*/
	/*}*/
	/*section.banner ul.follow-button li.fbbtn a{ border-radius:4px; background:#333; color:#fff; font-size:80%; vertical-align:bottom; }*/
	/*section.banner ul.follow-button li.twbtn a{ border-radius:4px; background:#333; color:#fff; font-size:70%;}*/
	/*section.banner ul.follow-button li.igbtn a{ background:#fff; border-radius:4px; color:#333; font-size:105%;}*/
	/*section.banner ul.follow-button li.fbbtn a i{ position:absolute; bottom:-2px; right:5px; }*/
	/*section.banner ul.follow-button li.igbtn a i{ position:relative; top:-1px; }*/



	section.calc {
		background: #ccc;
		padding: 1em;
		margin-top: 50px;
		overflow: auto;
		font-size: 13px;
	}
	section.calc .form-group {
		font-size: 13px !important;
		margin-bottom: 0.5em;
	}
	section.calc .form-group input {
		font-size: 13px !important;
		line-height: 1;
	}
	section.calc .form-group label {
		display: inline !important;
	}
	section.calc input[type=text] {
		font-size: 118%;
		padding: 5px;
		position: relative;
		top: 4px;
		margin: 0 5px;
	}
	section.calc input[type=checkbox] {
		width: 1.6em;
		height: 1.6em;
	}
	section.calc h2 {
		font-weight: bold;
		margin: 0 0 0.5em 0;
		background:#666;
		color: #fff;
		padding: 1em;
		letter-spacing: 0;
	}
	section.calc h3 {
		background: #999;
		border: #999 1px solid;
		padding: 0.5em;
		color: #fff;
		border-radius: 2px;
		text-align: left;
		font-size: 110%;
		margin-bottom: 3px !important;
		margin-top: 6px !important;
		letter-spacing: 0;

	}
	section.calc .block_l {
	}
	section.calc ul {
		color: #55838d;
	}
	section.calc ul.red {
		color: #f00;
	}
	section.calc .block_r a {
		color: #666;
		text-decoration: underline;
	}
	section.calc .block_r a:hover {
		color: #999;
		text-decoration: underline;
	}
	section.calc .block_r {
		margin-top: 1.5em;
	}
	section.calc .block_btn {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
		margin-top: 0.5em;
	}
	.btn-submit {
		display: inline-block;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid transparent;
		background-color: #55838d;
		border-color: #55838d;
		color: #fff;
		font-size:118%;
		text-align:center;
		padding:12px 24px;
		color:#fff;
		text-decoration:none;
		border-radius:3px;
		margin:3px 5px;
		cursor: pointer;
	}
	.btn-submit:hover {
		opacity: 0.7;
	}
	.button-block {
		margin-top:1em;
		text-align:center;
	}
	.btn-reset {
		display: inline-block;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid transparent;
		background-color: #f0f0f0;
		border-color: #ccc;
		color: #666;
		font-size:118%;
		text-align:center;
		padding:12px 24px;
		border-radius:3px;
		margin:3px 5px;
		cursor: pointer;
	}
	.btn-reset:hover {
		opacity: 0.7;
	}

	.mitsumori-result {
		background: #fff;
		padding: 1em;
		margin-top: 1em;
	}
	.mitsumori-result h2 {
		background: #f00;
	}
	section.calc .mitsumori-result h3 {
		padding: 0.5em;
		border: #666 1px solid;
		background: #fff;
		color: #666;
		margin-bottom: 5px;
	}
	.mitsumori-result .row-gaisan {
		margin-bottom: 0.5em;
	}
	.mitsumori-result .row-waribiki {
		margin-bottom: 0.5em;
	}
	.mitsumori-result p.result_price_1 {
		color: #333;
		font-weight: bold;
		font-size:150%;
		margin-bottom: 10px;
	}
	.mitsumori-result p.result_price_2 {
		color: #333;
		font-weight: bold;
		font-size:150%;
	}
	.mitsumori-result p.tpoint {
		text-indent: 110px;
    background-image: url(/img/tpoint/logo-s.png);
    background-repeat: no-repeat;
    background-size: 100px;
    height: 30px;
    line-height: 31px;
	}











	.obj_overslider{
		width:334px;
		height:233px;
		position: absolute;
		bottom:1%;right:5%;
		z-index:99;
		}
	.obj_overslider img{
		width:100%;
		}


}
.css-fa-arrow-right:before {
	font-family: FontAwesome;
	content: "\f061";
	color: #fff;
	padding: 4px;
	background: #666;
	position:relative;
	top:-1px;
	margin-right:5px;
	font-size:10px;
}

.img-pad-left { display: inline-block; padding-left: 1em; }

.FullsizeBannerBlock { clear: both; margin:30px 0; }
.banner-full a img { max-width: 100%; }
.banner-full a:hover img { opacity: 0.7; }



.notice {
	margin: 1em auto;
	text-align: center;
	font-size: 16px;
}
.notice label {
	background: #f00;
	padding: 4px 8px;
	color: #fff;
	font-weight: normal;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.notice-wrap {
	text-align: center;
	margin: 2em 0;
}
.notice {
	display: inline-block;
	padding: 0.4em;
	font-size: 3vmin;
	background: #999;
	color: #fff;
	margin: 0 auto;
	line-height: 1;
	cursor: pointer;
	border-radius: 2px;
}
.notice label {
	display: inline-block;
	padding: 0.3em 0.5em;
	font-size: 3vmin;
}
.notice span {
	line-height: 1;
	font-weight: normal;
	text-decoration: underline;

}
@media screen and (min-width:768px) {
	.notice-wrap {
		margin-bottom: 2em;
	}
	.notice {
		font-size: 15px;
	}
	.notice:hover {
		opacity: 0.7;
	}
	.notice label {
		font-size: 14px;
	}
}


ul.ban {
	width: 1000px;
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: center;
	gap: 20px;
}
ul.ban li {
	width: 700px;
}
ul.ban li img {
	max-width: 100%;
}
@media only screen and (max-width: 767px) {
	ul.ban {
		display: block;
		width: 100%;
		padding: 0 1em;
		margin-bottom: 1em;
		margin-top: 2em;
		gap: 0;
	}
	ul.ban li {
		width: 100%;
		margin-bottom: 1em;
	}
}