@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
*/
}

ul, ol {
	list-style-type:none;
}

h1, h2, h3 {
	font-size: 100%;
	font-weight: normal;
}

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

html, body {
	height: 100%;
	-webkit-overflow-scrolling: touch !important;
	overflow-scrolling: touch;
}

body {
	position: relative;
	height: 100%;
	min-width: 1000px;
	min-height: 100%;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, "Yu Gothic", YuGothic, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	-webkit-overflow-scrolling: touch !important;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

@media (max-width: 999px) {
	body {
		min-width: 100%;
	}
}

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

button, input, select, textarea, pre {
	font-family: inherit;
	font-size: 100%;
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{
	border :0px;
}

img {
	vertical-align: middle;
}

a:link ,a:visited, a:hover, a:active {
	color: #0042aa;
	text-decoration: underline;
}

a:hover{
	cursor: pointer;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	zoom: 1;
	transition: 0.7s;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

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

#header {
	z-index: 999;
	position: fixed;
	top: 0;
	width: 100%;
	height: 155px;
	background: #ffffff;
}

#header > .nav_background {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 55px;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(217, 238, 255, 1) 0%,rgba(181, 225, 255, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 96.64% ,color-stop(0,rgba(217, 238, 255, 1) ),color-stop(1,rgba(181, 225, 255, 1) ));
	background : -o-linear-gradient(-90deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9EEFF', endColorstr='#B5E1FF' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9EEFF',endColorstr='#B5E1FF' , GradientType=0);
}

#header > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 155px;
}

#header > .wrapper > h1 {
	position: absolute;
	top: 15px;
	left: 2px;
	font-size: 70%;
	line-height: 1;
}

#header > .wrapper > .logo {
	position: absolute;
	top: 34px;
	left: 2px;
	width: 191px;
	height: 56px;
}

#header > .wrapper > .logo img {
	width: 191px;
	height: 56px;
}

#header > .wrapper > .text {
	position: absolute;
	top: 41px;
	left: 213px;;
}

#header > .wrapper > .text > p {
	line-height: 21px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

#header > .wrapper > a > .contact {
	position: absolute;
	top: 38px;
	right: 2px;
	width: 286px;
	height: 52px;
	font-size: 0;
	background: url("../image/header/contact_pc.png") no-repeat center;
}

#header > .wrapper > .menu {
	display: none;
}

#header > .wrapper > ul {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 980px;
	height: 55px;
	font-size: 0;
	background: #ffffff;
}

#header > .wrapper > ul:after {
	content: " ";
	display: block;
	clear: both;
}

#header > .wrapper > ul li {
	float: left;
	width: 161px;
	height: 55px;
	background: -moz-linear-gradient(50% 0% -90deg,rgba(217, 238, 255, 1) 0%,rgba(181, 225, 255, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	background: -webkit-gradient(linear,50% 0% ,50% 96.64% ,color-stop(0,rgba(217, 238, 255, 1) ),color-stop(1,rgba(181, 225, 255, 1) ));
	background: -o-linear-gradient(-90deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9EEFF', endColorstr='#B5E1FF' ,GradientType=0)";
	background: linear-gradient(180deg, rgba(217, 238, 255, 1) 0%, rgba(181, 225, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9EEFF',endColorstr='#B5E1FF' , GradientType=0);
}

#header > .wrapper > ul li:hover {
	cursor: pointer;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	zoom: 1;
}

#header > .wrapper > ul li > a {
	display: block;
	height: 50px;
	border-bottom: 5px solid #4d7bc3;
	line-height: 53px;
	color: #000;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}

#header > .wrapper > ul li.line {
	width: 0px;
	height: 55px;
	border-left: 2px solid #ffffff;
	border-bottom: none;
}

.header_space {
	height: 155px;
}

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

@media (max-width: 999px) {

	#header {
		height: 50px;
	}

	#header > .nav_background {
		bottom: 55px;
	}

	#header > .wrapper {
		width: 100%;
		height: auto;
	}

	#header > .wrapper > h1 {
		display: none;
	}

	#header > .wrapper > .logo {
		position: absolute;
		top: 10px;
		left: 8px;
		margin: 0;
		width: 102px;
		height: 31px;
	}

	#header > .wrapper > .logo img {
		width: 102px;
		height: auto;
	}

	#header > .wrapper > .text {
		display: none;
	}

	#header > .wrapper > a > .contact {
		position: absolute;
		top: 0px;
		right: 50px;
		width: 50px;
		height: 50px;
		background: url("../image/header/contact_sp.png") no-repeat center;
		background-size: 50px;
	}


	#header > .wrapper > label {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 50px;
		background: url("../image/header/menu.png") no-repeat center;
		background-size: 50px;
	}

	#header > .wrapper > .menu:checked + label {
		background: url("../image/header/menu_close.png") no-repeat center;
		background-size: 50px;
	}

	#header > .wrapper > .menu:checked ~ ul {
		display: block;
	}

	#header > .wrapper > ul {
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		width: 100%;
		height: 264px;
	}

	#header > .wrapper > ul li {
		float: none;
		display: block;
		width: 100%;
		height: 44px;
		line-height: 44px;
		background: #e7effb;
		border-bottom: 1px solid #ffffff;
	}

	#header > .wrapper > ul li:hover {
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	#header > .wrapper > ul li > a {
		display: block;
		padding: 0 10px;
		height: 44px;
		border-bottom: none;
		line-height: 44px;
		color: #000;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
	}

	#header > .wrapper > ul li.line {
		display: none;
	}

	.header_space {
		height: 50px;
	}

}

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

#index_title {
	height: 560px;
	overflow: hidden;
}

#index_title > .image_box {
	position: relative;
	height: 400px;
	background: url("../image/index/title_background.png") no-repeat center;
}

#index_title > .image_box > .pieces {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1000px;
	height: 400px;
}

#index_title > .image_box > .pieces > .title {
	position: absolute;
	top: 34px;
	left: 3px;
	width: 610px;
	height: 253px;
	background: url("../image/index/title_title.png") no-repeat center;
}

#index_title > .image_box > .pieces > .point {
	position: absolute;
	bottom: -14px;
	left: 40px;
	width: 454px;
	height: 139px;
	background: url("../image/index/title_point.png") no-repeat center;
}

#index_title > .image_box > .pieces > .balloon {
	position: absolute;
	top: 18px;
	right: 47px;
	width: 140px;
	height: 197px;
	background: url("../image/index/title_balloon_pc.png") no-repeat center;
}

#index_title > .contact_box {
	position: relative;
	height: 100px;
	background : -moz-linear-gradient(50% 100% 90deg,rgba(13, 93, 214, 1) 0%,rgba(0, 66, 170, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(13, 93, 214, 1) 0%, rgba(0, 66, 170, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% -0.4% ,color-stop(0,rgba(13, 93, 214, 1) ),color-stop(1,rgba(0, 66, 170, 1) ));
	background : -o-linear-gradient(90deg, rgba(13, 93, 214, 1) 0%, rgba(0, 66, 170, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(13, 93, 214, 1) 0%, rgba(0, 66, 170, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D5DD6', endColorstr='#0042AA' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(13, 93, 214, 1) 0%, rgba(0, 66, 170, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0042AA',endColorstr='#0D5DD6' , GradientType=0);
}

#index_title > .contact_box > .pieces {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1000px;
	height: 100px;
}

#index_title > .contact_box > .pieces .telephone {
	position: absolute;
	top: 24px;
	left: 94px;
	width: 586px;
	height: 63px;
	background: url("../image/index/title_telephone_pc.png") no-repeat center;
}

#index_title > .contact_box > .pieces .mailaddress {
	position: absolute;
	top: 18px;
	right: 86px;
	width: 219px;
	height: 76px;
	background: url("../image/index/title_mailaddress_pc.png") no-repeat center;
}

#index_title > .shadow {
	height: 60px;
	background : -moz-linear-gradient(50% 1% -90deg,rgba(179, 179, 179, 1) 0%,rgba(196, 196, 196, 1) 1.01%,rgba(218, 218, 218, 1) 2.71%,rgba(235, 235, 235, 1) 4.72%,rgba(246, 246, 246, 1) 7.2%,rgba(253, 253, 253, 1) 10.69%,rgba(255, 255, 255, 1) 20.37%);
	background : -webkit-linear-gradient(-90deg, rgba(179, 179, 179, 1) 0%, rgba(196, 196, 196, 1) 1.01%, rgba(218, 218, 218, 1) 2.71%, rgba(235, 235, 235, 1) 4.72%, rgba(246, 246, 246, 1) 7.2%, rgba(253, 253, 253, 1) 10.69%, rgba(255, 255, 255, 1) 20.37%);
	background : -webkit-gradient(linear,50% 1% ,50% 100.18% ,color-stop(0,rgba(179, 179, 179, 1) ),color-stop(0.0101,rgba(196, 196, 196, 1) ),color-stop(0.0271,rgba(218, 218, 218, 1) ),color-stop(0.0472,rgba(235, 235, 235, 1) ),color-stop(0.072,rgba(246, 246, 246, 1) ),color-stop(0.1069,rgba(253, 253, 253, 1) ),color-stop(0.2037,rgba(255, 255, 255, 1) ));
	background : -o-linear-gradient(-90deg, rgba(179, 179, 179, 1) 0%, rgba(196, 196, 196, 1) 1.01%, rgba(218, 218, 218, 1) 2.71%, rgba(235, 235, 235, 1) 4.72%, rgba(246, 246, 246, 1) 7.2%, rgba(253, 253, 253, 1) 10.69%, rgba(255, 255, 255, 1) 20.37%);
	background : -ms-linear-gradient(-90deg, rgba(179, 179, 179, 1) 0%, rgba(196, 196, 196, 1) 1.01%, rgba(218, 218, 218, 1) 2.71%, rgba(235, 235, 235, 1) 4.72%, rgba(246, 246, 246, 1) 7.2%, rgba(253, 253, 253, 1) 10.69%, rgba(255, 255, 255, 1) 20.37%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#FFFFFF' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(179, 179, 179, 1) 0%, rgba(196, 196, 196, 1) 1.01%, rgba(218, 218, 218, 1) 2.71%, rgba(235, 235, 235, 1) 4.72%, rgba(246, 246, 246, 1) 7.2%, rgba(253, 253, 253, 1) 10.69%, rgba(255, 255, 255, 1) 20.37%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3',endColorstr='#FFFFFF' , GradientType=0);
}

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

@media (max-width: 999px) {

	#index_title {
		height: 530px;
	}

	#index_title > .image_box {
		position: relative;
		height: 350px;
		background: url("../image/index/title_background.png") no-repeat calc(100% / 2 - 118px) bottom;
		background-size: 880px;
	}

	#index_title > .image_box > .pieces {
		width: 320px;
		height: 350px;
	}

	#index_title > .image_box > .pieces > .title {
		top: 13px;
		left: 0;
		width: 100%;
		height: 129px;
		background-position: center;
		background-size: 310px;
	}

	#index_title > .image_box > .pieces > .point {
		position: absolute;
		bottom: 10px;
		left: 0;
		width: 100%;
		height: 94px;
		background-position: center;
		background-size: 306px;
	}

	#index_title > .image_box > .pieces > .balloon {
		position: absolute;
		top: 144px;
		right: 202px;
		width: 94px;
		height: 96px;
		background: url("../image/index/title_balloon_sp.png") no-repeat center;
	}

	#index_title > .contact_box {
		position: relative;
		height: 100px;
		background : none;
		-ms-filter: none;
		filter: none;
	}

	#index_title > .contact_box > .pieces {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		height: 100px;
}

	#index_title > .contact_box > .pieces .telephone {
		position: absolute;
		top: 24px;
		left: 0;
		width: 100%;
		height: 68px;
		background: url("../image/contact/contact_telephone_sp.png") no-repeat center;
		background-size: 298px;
	}

	#index_title > .contact_box > .pieces .mailaddress {
		position: absolute;
		top: 86px;
		right: 0;
		width: 100%;
		height: 68px;
		background: url("../image/contact/contact_mailaddress_sp.png") no-repeat center;
		background-size: 298px;
	}

	#index_title > .shadow {
		display: none;
	}

}

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

#index_service {
	margin: 0 0 60px 0;
}

#index_service > .wrapper {
	position: relative;
	margin: 0 auto 0px auto;
	width: 980px;
	border-bottom: 1px solid #666666;
}

#index_service > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 318px;
	height: 40px;
}

#index_service > .wrapper > .title > img {
	width: 318px;
	height: 40px;
}

#index_service > .wrapper > ul {
	width: 980px;
	font-size: 0;
}

#index_service > .wrapper > ul:after {
	content: " ";
	display: block;
	clear: both;
}

#index_service > .wrapper > ul li {
	float: left;
	margin: 0 40px 30px 0;
	padding: 0 3px 3px 3px;
	width: 294px;
	box-shadow:0px 0px 10px 0px #bbbbbb;
}

#index_service > .wrapper > ul li.toilet {
	background: #0087d6;
}

#index_service > .wrapper > ul li.kitchen {
	background: #ff9541;
}

#index_service > .wrapper > ul li.washroom {
	background: #ffa0af;
}

#index_service > .wrapper > ul li.bath {
	background: #47bf72;
}

#index_service > .wrapper > ul li.outdoor {
	background: #848484;
}

#index_service > .wrapper > ul li.renovation {
	background: #bd9959;
}

#index_service > .wrapper > ul a:nth-child(3n) > li {
	margin: 0 0 30px 0;
}

#index_service > .wrapper > ul li > .title {
	position: relative;
	width: 294px;
	height: 51px;
}

#index_service > .wrapper > ul li > .title > img {
	height: 50%;
}

#index_service > .wrapper > ul li > .image {
	position: relative;
	width: 294px;
	height: 187px;
}

#index_service > .wrapper > ul li img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#index_service > .wrapper > ul li > .contents {
	padding: 0 6px 20px 6px;
	color: #000000;
	font-size: 13px;
	background: #ffffff;
}

#index_service > .wrapper > ul li > .contents > .price {
	margin: 0 0 7px 0;
	width: 294px;
	height: 50px;
	background: url("../image/index/service_price.png") no-repeat left bottom;
	background-size: 277px;
}

#index_service > .wrapper > ul li > .contents > .estimate {
	margin: 0 0 14px 0;
	width: 294px;
	height: 40px;
	background: url("../image/index/service_estimate.png") no-repeat left bottom;
	background-size: 179px;
}

#index_service > .wrapper > ul li > .contents > .trip {
	height: 65px;
}

#index_service > .wrapper > ul li > .contents > .trip > div {
	float: left;
	width: 212px;
}

#index_service > .wrapper > ul li > .contents > .trip > div.column {
	width: 60px;
}

#index_service > .wrapper > ul li > .contents > .notice {
	height: 28px;
	font-size: 13px;
}

#index_service > .wrapper > ul li > .contents > .trouble {
	height: 130px;
	white-space: nowrap;
	overflow: hidden;
}

#index_service > .wrapper > ul li > .contents > .trouble > .column {
	color: #BD9959;
	font-size: 14px;
	font-weight: bold;
}

#index_service > .wrapper > ul li > .contents > .choose {
	height: 52px;
	font-size: 14px;
	font-weight: bold;
}

#index_service > .wrapper > ul li > .contents > .example {
	margin: 0 0 10px 0;
	padding: 12px;
	width: 256px;
	height: 62px;
	font-size: 13px;
	background: #e6e6e6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#index_service > .wrapper > ul li > .contents > .example > .column {
	font-size: 14px;
	font-weight: bold;
}

#index_service > .wrapper > ul li.toilet > .contents > .example {
	background: #e5f3fb;
}

#index_service > .wrapper > ul li.toilet > .contents > .example > .column {
	color: #0087d6;
}

#index_service > .wrapper > ul li.kitchen > .contents > .example {
	background: #fff4ec;
}

#index_service > .wrapper > ul li.kitchen > .contents > .example > .column {
	color: #ff9541;
}

#index_service > .wrapper > ul li.washroom > .contents > .example {
	background: #ffecef;
}

#index_service > .wrapper > ul li.washroom > .contents > .example > .column {
	color: #ffa0af;
}

#index_service > .wrapper > ul li.bath > .contents > .example {
	background: #daf2e3;
}

#index_service > .wrapper > ul li.bath > .contents > .example > .column {
	color: #47bf72;
}

#index_service > .wrapper > ul li.outdoor > .contents > .example {
	background: #e6e6e6;
}

#index_service > .wrapper > ul li.outdoor > .contents > .example > .column {
	color: #848484;
}

#index_service > .wrapper > ul li.renovation > .contents > .example {
	margin: 0 0 0 0;
	background: #f2ebde;
}

#index_service > .wrapper > ul li.renovation > .contents > .example > .column {
	color: #bd9959;
}

#index_service > .wrapper > ul li > .contents > .other {
	padding: 12px;
	width: 256px;
	height: 52px;
	font-size: 13px;
	background: #e6e6e6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#index_service > .wrapper > ul li > .contents > .other > .column {
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}

#index_service > .wrapper > .comment {
	margin: 0 auto 40px auto;
	font-size: 14px;
}

#index_service > .wrapper .link {
	margin: 0 auto 60px auto;
	width: 300px;
	height: 50px;
}

#index_service > .wrapper .link > img {
	width: 300px;
	height: 50px;
}

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

@media (max-width: 999px) {

	#index_service {
		margin: 0 0 30px 0;
	}

	#index_service > .wrapper {
		width: 100%;
		border-bottom: none;
	}

	#index_service > .wrapper > .title {
		margin: 0 auto 30px auto;
		width: 216px;
		height: 27px;
	}

	#index_service > .wrapper > .title > img {
		width: 216px;
		height: 27px;
	}

	#index_service > .wrapper > ul {
		margin: 0 auto;
		width: 620px;
	}

	#index_service > .wrapper > ul li {
		margin: 0 20px 20px 0;
	}

	#index_service > .wrapper > ul a:nth-child(3n) > li {
		margin: 0 20px 20px 0;
	}

	#index_service > .wrapper > ul a:nth-child(2n) > li {
		margin: 0 0 20px 0;
	}

	#index_service > .wrapper > ul li > .contents {
		padding: 0 6px 10px 6px;
	}

	#index_service > .wrapper > ul li > .contents > .example {
		display: none;
	}

	#index_service > .wrapper > ul li > .contents > .other {
		display: none;
	}

	#index_service > .wrapper > .comment {
		margin: 0 auto 30px auto;
		padding: 0 10px;
		max-width: 600px;
	}

	#index_service > .wrapper .link {
		margin: 0 auto 30px auto;
	}

}

@media (max-width: 619px) {

	#index_service > .wrapper > ul {
		margin: 0 auto;
		width: 300px;
	}

	#index_service > .wrapper > ul li {
		margin: 0 0 20px 0;
	}

	#index_service > .wrapper > ul a:nth-child(3n) > li {
		margin: 0 0 20px 0;
	}

	#index_service > .wrapper > .comment {
		margin: 0 auto 30px auto;
		max-width: 375px;
	}

}

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

#index_workflow {
	margin: 0 0 60px 0;
}

#index_workflow > .wrapper {
	position: relative;
	margin: 0 auto 0px auto;
	width: 980px;
	border-bottom: 1px solid #666666;
}

#index_workflow > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 239px;
	height: 39px;
}

#index_workflow > .wrapper > .title > img {
	width: 236px;
	height: 39px;
}

#index_workflow > .wrapper .image {
	margin: 0 auto 40px auto;
	width: 980px;
	height: 160px;
	background: url("../image/index/workflow_image_pc.png") no-repeat center;
}


#index_workflow > .wrapper .link {
	margin: 0 auto 60px auto;
	width: 300px;
	height: 50px;
}

#index_workflow > .wrapper .link > img {
	width: 300px;
	height: 50px;
}

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

@media (max-width: 999px) {

	#index_workflow {
		margin: 0 0 30px 0;
	}

	#index_workflow > .wrapper {
		width: 100%;
		border-bottom: none;
	}

	#index_workflow > .wrapper > .title {
		margin: 0 auto 30px auto;
		width: 160px;
		height: 26px;
	}

	#index_workflow > .wrapper > .title > img {
		width: 160px;
		height: 26px;
	}

	#index_workflow > .wrapper .image {
		margin: 0 auto 30px auto;
		width: 300px;
		height: 291px;
		background: url("../image/index/workflow_image_sp.png") no-repeat center;
	}

	#index_workflow > .wrapper .link {
		margin: 0 auto 60px auto;
	}

}

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

#index_area {
	margin: 0 0 100px 0;
}

#index_area > .wrapper {
	position: relative;
	margin: 0 auto 0px auto;
	width: 980px;
}

#index_area > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 223px;
	height: 39px;
}

#index_area > .wrapper > .title > img {
	width: 223px;
	height: 39px;
}

#index_area > .wrapper > .map {
	padding: 0 0 0 542px;
	height: 481px;
	background: url("../image/area/map.png") no-repeat left;
	background-size: 487px;
}


#index_area > .wrapper > .map > .same {
	padding: 30px 0 0 0;
}

#index_area > .wrapper > .map > .same > .column {
	margin: 0 0 20px 0;
	padding: 0 0 0 90px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background: url("../image/area/same.png") no-repeat left;
}

#index_area > .wrapper > .map > .next {
	padding: 30px 0 20px 0;
}

#index_area > .wrapper > .map > .next > .column {
	margin: 0 0 20px 0;
	padding: 0 0 0 90px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background: url("../image/area/next.png") no-repeat left;
}

#index_area > .wrapper > .map > .car {
	padding: 0 0 0 40px;
	width: 364px;
	height: 171px;
	background: url("../image/area/car.png") no-repeat center;
}

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

@media (max-width: 999px) {

	#index_area {
		margin: 0 0 50px 0;
	}

	#index_area > .wrapper {
		width: 100%;
	}

	#index_area > .wrapper > .title {
		margin: 0 auto 30px auto;
		width: 151px;
		height: 25px;
	}

	#index_area > .wrapper > .title > img {
		width: 151px;
		height: 25px;
	}

	#index_area > .wrapper > .map {
		margin: 0 auto;
		padding: 0 10px;
		max-width: 375px;
		height: auto;
		background: none;
	}

	#index_area > .wrapper > .map br {
		display: none;
	}

	#index_area > .wrapper > .map > .same {
		margin: 0 0 30px 0;
		padding: 0;
	}

	#index_area > .wrapper > .map > .same > .column {
		margin: 0 0 5px 0;;
		padding: 0;
		color: #0042aa;
		font-size: 18px;
		font-weight: bold;
		background: none;
		border-bottom: 1px Dashed #0042aa;
	}

	#index_area > .wrapper > .map > .next {
		margin: 0 0 10px 0;
		padding: 0 0 0 0px;
	}

	#index_area > .wrapper > .map > .next > .column {
		margin: 0 0 5px 0;
		padding: 0;
		color: #0042aa;
		font-size: 18px;
		font-weight: bold;
		background: none;
		border-bottom: 1px Dashed #0042aa;
	}

	#index_area > .wrapper > .map > .car {
		padding: 0;
		width: 100%;
		height: 98px;
		background-position: 30%;
		background-size: 209px;
	}

}

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

#page_title {
	position: relative;
	margin: 0 0 26px 0;
	width: auto;
	height: 200px;
	overflow: hidden;
}

#page_title > div {
	z-index: 1;
	position: absolute;
	left: 50%;
	margin-left: -750px;
	width: 1500px;
	height: 200px;
}

#page_title > div.service {
	background: url("../image/service/title_background.png") no-repeat center;
}

#page_title > div.workflow {
	background: url("../image/workflow/title_background.png") no-repeat center;
}

#page_title > div.area {
	background: url("../image/area/title_background.png") no-repeat center;
}

#page_title > div.company {
	background: url("../image/company/title_background.png") no-repeat center;
}

#page_title > div.contact,
#page_title > div.privacypolicy {
	background: url("../image/contact/title_background.png") no-repeat center;
}

#page_title > div.estimate {
	background: url("../image/estimate/title_background.png") no-repeat center;
}

#page_title > div > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#page_title > div.service > img {
	width: 279px;
}

#page_title > div.workflow > img {
	width: 206px;
}

#page_title > div.area > img {
	width: 196px;
}

#page_title > div.company > img {
	width: 162px;
}

#page_title > div.contact > img {
	width: 317px;
}

#page_title > div.estimate > img {
	width: 317px;
}

#page_title > div.privacypolicy > img {
	width: 337px;
}

.page_title_space {
	height: 66px;
}

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

@media (max-width: 999px) {

	#page_title {
		margin: 0 0 4px 0;
		height: 100px;
	}

	#page_title > div {
		margin-left: -375px;
		width: 750px;
		height: 100px;
	}

	#page_title > div.service,
	#page_title > div.workflow,
	#page_title > div.area,
	#page_title > div.company,
	#page_title > div.contact,
	#page_title > div.privacypolicy,
	#page_title > div.estimate {
		background-size: 750px;
	}

	#page_title > div.service > img {
		width: 216px;
	}

	#page_title > div.workflow > img {
		width: 160px;
	}

	#page_title > div.area > img {
		width: 151px;
	}

	#page_title > div.company > img {
		width: 125px;
	}

	#page_title > div.contact > img {
		width: 242px;
	}

	#page_title > div.privacypolicy > img {
		width: 261px;
	}

	#page_title > div.estimate > img {
		width: 270px;
	}

	.page_title_space {
		height: 0px;
	}

}

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

#breadcrumb {
	z-index: 10;
	position: absolute;
	top: 165px;
	left: calc(100% / 2 - 490px);
	width: 980px;
	font-size: 0;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#breadcrumb:after {
	content: " ";
	display: block;
	clear: both;
}

#breadcrumb li {
	float: left;
	padding: 0 0 0 24px;
	color: #333333;
	font-size: 12px;
	background: url("../image/common/breadcrumb_arrow.png") no-repeat 6px 50%;
	background-size: 5px;

}

#breadcrumb li:first-child {
	padding: 0 10px 0 0;
	background: none;
	text-decoration: underline;
}

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

@media (max-width: 999px) {

	#breadcrumb {
		position: relative;;
		top: 0;
		left: 0;
		margin: 0 0 4px 0;
		padding: 0 10px;
		width: auto;
	}

	#breadcrumb:after {
		content: " ";
		display: block;
		clear: both;
	}

	#breadcrumb li {
		float: left;
		padding: 0 0 0 24px;
		color: #333333;
		font-size: 12px;
		background: url("../image/common/breadcrumb_arrow.png") no-repeat 6px 50%;
		background-size: 5px;

	}

	#breadcrumb li:first-child {
		padding: 0 10px 0 0;
		background: none;
		text-decoration: underline;
	}

}

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

#service_navi {
	margin: 0 0 36px 0;
}

#service_navi > ul {
	margin: 0 auto;
	width: 978px;
	font-size: 0;
	border-right : 2px dotted #0042aa;
}

#service_navi > ul:after {
	content: " ";
	display: block;
	clear: both;
}

#service_navi > ul li {
	float: left;
	width: 161px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
	border-left : 2px dotted #0042aa;
}

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

@media (max-width: 999px) {

	#service_navi {
		margin: 0;
	}

	#service_navi > ul {
		width: calc(100% - 1px);
		border-right: 1px solid #848484;
		border-top: 1px solid #848484;
	}

	#service_navi > ul li {
		width: calc(50% - 1px);
		border-left: 1px solid #848484;
		border-bottom: 1px solid #848484;
	}

}

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

#service_list {
	margin: 0 0 70px 0;
}

#service_list > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
}

#service_list > .wrapper > div {
	position: relative;
	margin: 0 0 30px 0;
}

#service_list > .wrapper > div > .link {
	position: absolute;
	top: -150px;
	font-size: 0;
}

#service_list > .wrapper > div > .title {
	position: relative;
	margin: 0 0 30px 0;
	width: 980px;
	height: 150px;
}

#service_list > .wrapper > div.toilet > .title {
	background: #0087d6 url("../image/service/toilet_image.png") no-repeat right;
}

#service_list > .wrapper > div.kitchen > .title {
	background: #ff9541 url("../image/service/kitchen_image.png") no-repeat right;
}

#service_list > .wrapper > div.washroom > .title {
	background: #ffa0af url("../image/service/washroom_image.png") no-repeat right;
}

#service_list > .wrapper > div.bath > .title {
	background: #47bf72 url("../image/service/bath_image.png") no-repeat right;
}

#service_list > .wrapper > div.outdoor > .title {
	background: #848484 url("../image/service/outdoor_image.png") no-repeat right;
}

#service_list > .wrapper > div.renovation > .title {
	background: #bd9959 url("../image/service/renovation_image.png") no-repeat right;
}

#service_list > .wrapper > div > .title > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 44px;
	margin: auto 0;
}

#service_list > .wrapper > div.toilet > .title > img {
	width: 100px;
	height: 32px;
}

#service_list > .wrapper > div.kitchen > .title > img {
	width: 150px;
	height: 33px;
}

#service_list > .wrapper > div.washroom > .title > img {
	width: 120px;
	height: 33px;
}

#service_list > .wrapper > div.bath > .title > img {
	width: 115px;
	height: 32px;
}

#service_list > .wrapper > div.outdoor > .title > img {
/*	width: 247px; */
	height: 43px;
}

#service_list > .wrapper > div.renovation > .title > img {
/*	width: 298px; */
	height: 42px;
}

#service_list > .wrapper > div > ul {
	margin: 0 auto;
	width: 980px;
	font-size: 0;
}

#service_list > .wrapper > div > ul:after {
	content: " ";
	display: block;
	clear: both;
}

#service_list > .wrapper > div > ul li {
	float: left;
	margin: 0 20px 30px 0;
	padding: 2px;
	width: 309px;
	height: 273px;
}

#service_list > .wrapper > div.toilet > ul li {
	background: #0087d6;
}

#service_list > .wrapper > div.kitchen > ul li {
	background: #ff9541;
}

#service_list > .wrapper > div.washroom > ul li {
	background: #ffa0af;
}

#service_list > .wrapper > div.bath > ul li {
	background: #47bf72;
}

#service_list > .wrapper > div.outdoor > ul li {
	background: #848484;
}

#service_list > .wrapper > div.renovation > ul li {
	background: #bd9959;
}

#service_list > .wrapper > div > ul li:nth-child(3) {
	margin: 0 0 30px 1px;
}

#service_list > .wrapper > div > ul li > .image {
	position: relative;
	width: 309px;
	height: 194px;
	overflow: hidden;
}

#service_list > .wrapper > div > ul li > .image > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#service_list > .wrapper > div > ul li > .name {
	width: 309px;
	height: 43px;
	line-height: 43px;
	color: #ffffff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	overflow:hidden;
}

#service_list > .wrapper > div > ul li > .small {
	line-height: 44px;
	font-size: 18px;
}

#service_list > .wrapper > div > ul li > .price {
	width: 309px;
	height: 36px;
}

#service_list > .wrapper > div > ul li > .en1000 {
	background: #ffffff url("../image/service/price_1000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .en2000 {
	background: #ffffff url("../image/service/price_2000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .en4000 {
	background: #ffffff url("../image/service/price_4000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .en5000 {
	background: #ffffff url("../image/service/price_5000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .en6000 {
	background: #ffffff url("../image/service/price_6000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .en15000 {
	background: #ffffff url("../image/service/price_15000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .en25000 {
	background: #ffffff url("../image/service/price_25000_pc.png") no-repeat center 8px;
}

#service_list > .wrapper > div > ul li > .estimate {
	background: #ffffff url("../image/service/price_estimate.png") no-repeat center 8px;
	background-size: 187px;
}

#service_list > .wrapper > div > ul li.comment {
	margin: 0;
	width: 642px;
	height: 274px;
	background: #ffffff;
}

#service_list > .wrapper > div > ul li.comment > div {
	margin: 0 0 0 0;
	padding: 0 0 0 28px;
}

#service_list > .wrapper > div.toilet > ul li.comment > div {
	background: url("../image/service/square_toilet.png") no-repeat 0 7px;
}

#service_list > .wrapper > div.kitchen > ul li.comment > div {
	background: url("../image/service/square_kitchen.png") no-repeat 0 7px;
}

#service_list > .wrapper > div.washroom > ul li.comment > div {
	background: url("../image/service/square_washroom.png") no-repeat 0 7px;
}

#service_list > .wrapper > div.bath > ul li.comment > div {
	background: url("../image/service/square_bath.png") no-repeat 0 7px;
}

#service_list > .wrapper > div.outdoor > ul li.comment > div {
	background: url("../image/service/square_outdoor.png") no-repeat 0 7px;
}

#service_list > .wrapper > div > ul li.comment > div > p {
	line-height: 1.7;
	font-size: 18px;
}

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

@media (max-width: 999px) {

	#service_list {
		margin: 0 0 50px 0;
	}

	#service_list > .wrapper {
		width: 100%;
	}

	#service_list > .wrapper > div {
		margin: 0 0 24px 0;
	}

	#service_list > .wrapper > div > .link {
		top: -50px;
	}

	#service_list > .wrapper > div > .title {
		position: relative;
		margin: 0;
		width: 100%;
		height: 75px;
	}

	#service_list > .wrapper > div.toilet > .title,
	#service_list > .wrapper > div.kitchen > .title,
	#service_list > .wrapper > div.washroom > .title,
	#service_list > .wrapper > div.bath > .title,
	#service_list > .wrapper > div.outdoor > .title,
	#service_list > .wrapper > div.renovation > .title {
		background-position: right;
		background-size: 180px;
	}

	#service_list > .wrapper > div > .title > img {
		left: 30px;
	}

	#service_list > .wrapper > div.toilet > .title > img {
		width: 66px;
		height: 21px;
	}

	#service_list > .wrapper > div.kitchen > .title > img {
		width: 99px;
		height: 21px;
	}

	#service_list > .wrapper > div.washroom > .title > img {
		width: 79px;
		height: 23px;
	}

	#service_list > .wrapper > div.bath > .title > img {
		width: 76px;
		height: 21px;
	}

	#service_list > .wrapper > div.outdoor > .title > img {
		width: 195px;
		height: 27px;
	}

	#service_list > .wrapper > div.renovation > .title > img {
		width: 242px;
		height: 27px;
	}

	#service_list > .wrapper > div > ul {
		width: 100%;
	}

	#service_list > .wrapper > div > ul li {
		float: none;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 75px;
		border-bottom: 1px solid #848484;
	}

	#service_list > .wrapper > div.toilet > ul li,
	#service_list > .wrapper > div.kitchen > ul li,
	#service_list > .wrapper > div.washroom > ul li,
	#service_list > .wrapper > div.bath > ul li,
	#service_list > .wrapper > div.outdoor > ul li,
	#service_list > .wrapper > div.renovation > ul li {
		background: #ffffff;
	}

	#service_list > .wrapper > div > ul li:nth-child(3) {
		margin: 0;
	}

	#service_list > .wrapper > div > ul li > .image {
		width: 100px;
		height: 75px;
		overflow: hidden;
	}

	#service_list > .wrapper > div > ul li > .image > img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -10px;
		right: 0;
		margin: auto;
		max-height: 75px;
	}

	#service_list > .wrapper > div > ul li > .name {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 5px 0 0;
		width: calc(100% - 110px);
		height: 39px;
		line-height: 39px;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
	}

	#service_list > .wrapper > div > ul li > .small {
		line-height: 39px;
		font-size: 15px;
	}

	#service_list > .wrapper > div.toilet > ul li > .name {
		color: #0087d6;
	}

	#service_list > .wrapper > div.kitchen > ul li > .name {
		color: #ff9541;
	}

	#service_list > .wrapper > div.washroom > ul li > .name {
		color: #ffa0af;
	}

	#service_list > .wrapper > div.bath > ul li > .name {
		color: #47bf72;
	}

	#service_list > .wrapper > div.outdoor > ul li > .name {
		color: #848484;
	}

	#service_list > .wrapper > div.renovation > ul li > .name {
		color: #bd9959;
	}

	#service_list > .wrapper > div > ul li > .price {
		position: absolute;
		bottom: 0;
		left: 100px;
		padding: 0 0 0 5px;
		width: calc(100% - 115px);
		height: 37px;
	}

	#service_list > .wrapper > div > ul li > .en1000 {
		background: #ffffff url("../image/service/price_1000_sp.png") no-repeat right 5px;
		background-size: 107px;
	}

	#service_list > .wrapper > div > ul li > .en2000 {
		background: #ffffff url("../image/service/price_2000_sp.png") no-repeat right 5px;
		background-size: 109px;

	}

	#service_list > .wrapper > div > ul li > .en4000 {
		background: #ffffff url("../image/service/price_4000_sp.png") no-repeat right 5px;
		background-size: 110px;
	}

	#service_list > .wrapper > div > ul li > .en5000 {
		background: #ffffff url("../image/service/price_5000_sp.png") no-repeat right 5px;
		background-size: 109px;
	}

	#service_list > .wrapper > div > ul li > .en6000 {
		background: #ffffff url("../image/service/price_6000_sp.png") no-repeat right 5px;
		background-size: 109px;
	}

	#service_list > .wrapper > div > ul li > .en15000 {
		background: #ffffff url("../image/service/price_15000_sp.png") no-repeat right 5px;
		background-size: 124px;
	}

	#service_list > .wrapper > div > ul li > .en25000 {
		background: #ffffff url("../image/service/price_25000_sp.png") no-repeat right 5px;
		background-size: 127px;
	}

	#service_list > .wrapper > div > ul li > .estimate {
		background-position: right 50%;
	}

	#service_list > .wrapper > div > ul li > .price > p {
		height: 39px;
		background: url("../image/service/price.png") no-repeat left 16px;
		background-size: 56px;
	}

	#service_list > .wrapper > div > ul li.comment {
		margin: 20px 0 0 0;
		width: 100%;
		height: auto;
		background: #ffffff;
		border: none;
	}

	#service_list > .wrapper > div > ul li.comment > div {
		margin: 0 10px 0 10px;
		padding: 0 0 0 16px;
	}

	#service_list > .wrapper > div.toilet > ul li.comment > div,
	#service_list > .wrapper > div.kitchen > ul li.comment > div,
	#service_list > .wrapper > div.washroom > ul li.comment > div,
	#service_list > .wrapper > div.bath > ul li.comment > div,
	#service_list > .wrapper > div.outdoor > ul li.comment > div {
		background-position: 0 6px;
		background-size: 10px;
	}

	#service_list > .wrapper > div > ul li.comment > div > p {
		line-height: 1.7;
		font-size: 14px;
	}

	#service_list > .wrapper > div > ul li.comment > div > p > br {
		display: none;
	}

}

@media (max-width: 374px) {

	#service_list > .wrapper > div > ul li > .small {
		line-height: 42px;
		font-size: 13px;
	}

}

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

#workflow {
	margin: 0;
}

#workflow > .wrapper {
	position: relative;
	margin: 0 auto 0px auto;
	width: 980px;
}

#workflow > .wrapper > ul {
	width: 980px;
	font-size: 0;
}

#workflow > .wrapper > ul:after {
	content: " ";
	display: block;
	clear: both;
}

#workflow > .wrapper > ul li {
	float: left;
	margin: 0 40px 60px 0;
	padding: 0;
	width: 300px;
	height: 395px;
}

#workflow > .wrapper > ul li:nth-child(3n) {
	margin: 0 0 60px 0;
}

#workflow > .wrapper > ul li > .title {
	margin: 0 0 20px 0;
	width: 300px;
	height: 200px;
}

#workflow > .wrapper > ul li > .title > img {
	width: 300px;
	height: 200px;
}

#workflow > .wrapper > ul li > .contents {
	line-height: 1.7;
	font-size: 13px;
}

#workflow > .wrapper > ul li > .contents > .column {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	line-height: 1.4;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	background: none;
	border-bottom: 1px dashed #000000;
	white-space: nowrap;
	overflow:hidden;
}

#workflow > .wrapper > ul li > .contents > .contact {
	margin: 14px 0 0 0;
	width: 270px;
	height: 51px;
}

#workflow > .wrapper > ul li > .contents > .contact > img {
	width: 270px;
	height: 51px;
}

#workflow > .wrapper > ul li > .contents > a {
	display: none;
}

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

@media (max-width: 999px) {

	#workflow {
		margin: 0 0 30px 0;
	}

	#workflow > .wrapper {
		width: 100%;
		border-bottom: none;
	}

	#workflow > .wrapper > ul {
		margin: 0 auto;
		width: 620px;
	}

	#workflow > .wrapper > ul li {
		margin: 0 20px 20px 0;
		height: auto;
	}

	#workflow > .wrapper > ul li:nth-child(3n) {
		margin: 0 20px 20px 0;
	}

	#workflow > .wrapper > ul li:nth-child(2n) {
		margin: 0 0 20px 0;
	}

	#workflow > .wrapper > ul li > .contents > .contact {
		margin: 14px 0 6px 0;
	}

	#workflow > .wrapper > ul li > .contents > a {
		display: block;
	}

	#workflow > .wrapper > ul li > .contents .telephone {
		width: 100%;
		height: 68px;
		background: url("../image/contact/contact_telephone_sp.png") no-repeat center;
		background-size: 298px;
	}

}

@media (max-width: 619px) {

	#workflow > .wrapper > ul {
		margin: 0 auto;
		width: 300px;
	}

	#workflow > .wrapper > ul li {
		margin: 0 0 20px 0;
	}

	#workflow > .wrapper > ul li:nth-child(3n) {
		margin: 0 0 20px 0;
	}

	#workflow > .wrapper > .comment {
		margin: 0 auto 30px auto;
		max-width: 375px;
	}

}
/* ========================================================================== */

#area {
	margin: 0 0 50px 0;
}

#area > .wrapper {
	position: relative;
	margin: 0 auto 0px auto;
	width: 980px;
}

#area > .wrapper > .map {
	padding: 662px 0 0 0;
	background: url("../image/area/map.png") no-repeat center top;

}

#area > .wrapper > .map > .same {
	padding: 30px 0 0 0;
}

#area > .wrapper > .map > .same > .column {
	margin: 0 0 20px 0;
	padding: 0 0 0 90px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background: url("../image/area/same.png") no-repeat left;
}

#area > .wrapper > .map > .next {
	padding: 30px 0 20px 0;
}

#area > .wrapper > .map > .next > .column {
	margin: 0 0 20px 0;
	padding: 0 0 0 90px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background: url("../image/area/next.png") no-repeat left;
}

#area > .wrapper > .map > .car {
	display: none;
}

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

@media (max-width: 999px) {

	#area {
		margin: 0 0 50px 0;
	}

	#area > .wrapper {
		width: 100%;
	}

	#area > .wrapper > .map {
		margin: 0 auto;
		padding: 0 10px;
		max-width: 375px;
		background: none;
	}

	#area > .wrapper > .map br {
		display: none;
	}

	#area > .wrapper > .map > .same {
		margin: 0 0 30px 0;
		padding: 0;
	}

	#area > .wrapper > .map > .same > .column {
		margin: 0 0 5px 0;;
		padding: 0;
		color: #0042aa;
		font-size: 18px;
		font-weight: bold;
		background: none;
		border-bottom: 1px Dashed #0042aa;
	}

	#area > .wrapper > .map > .next {
		margin: 0 0 10px 0;
		padding: 0 0 0 0px;
	}

	#area > .wrapper > .map > .next > .column {
		margin: 0 0 5px 0;
		padding: 0;
		color: #0042aa;
		font-size: 18px;
		font-weight: bold;
		background: none;
		border-bottom: 1px Dashed #0042aa;
	}

	#area > .wrapper > .map > .car {
		display: block;
		width: 100%;
		height: 98px;
		background: url("../image/area/car.png") no-repeat 30%;
		background-size: 209px;
	}

}

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

#company_overview {
	margin: 0 0 100px 0;
}

#company_overview > .wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px;
}

#company_overview > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 109px;
	height: 23px;
}

#company_overview > .wrapper > .title > img {
	width: 109px;
	height: 23px;
}

#company_overview > .wrapper > dl {
	width: 980px;
	font-size: 0;
	border-bottom: 1px dashed #666666;
}

#company_overview > .wrapper > dl:after {
	content: " ";
	display: block;
	clear: both;
}

#company_overview > .wrapper > dl > dd {
	float:left;
	padding: 0 0 0 20px;
	width: 174px;
	height: 79px;
	line-height: 79px;
	font-size: 16px;
	border-top: 1px dashed #666666;

}

#company_overview > .wrapper > dl > dt {
	float:left;
	width: 786px;
	height: 79px;
	line-height: 79px;
	font-size: 16px;
	border-top: 1px dashed #666666;
}

#company_overview > .wrapper > dl > dt > span {
	padding: 0 46px 0 0;
}


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

@media (max-width: 999px) {

	#company_overview {
		margin: 0 0 60px 0;
	}

	#company_overview > .wrapper {
		padding: 0 10px;
		width: auto;
		border-bottom: none;
	}

	#company_overview > .wrapper > .title {
		margin: 0 auto 30px auto;
		width: 108px;
		height: 26px;
	}

	#company_overview > .wrapper > .title > img {
		width: 108px;
		height: 23px;
	}

	#company_overview > .wrapper > dl {
		width: auto;
		border: none;
	}

	#company_overview > .wrapper > dl > dd,
	#company_overview > .wrapper > dl > dt {
		float: none;
		padding: 0 0 0 10px;
		width: auto;
		height: 40px;
		line-height: 40px;
		border: none;
	}

	#company_overview > .wrapper > dl > dd {
		background: #E5ECF6;
		line-height: 40px;
	}

	#company_overview > .wrapper > dl > dd.empty {
		display: none;
	}

	#company_overview > .wrapper > dl > dt.together {
		padding: 8px 0 0 10px;
		height: auto;
		line-height: 1.4;
	}

	#company_overview > .wrapper > dl span {
		display: block;
		margin: 0 0 8px 0;
	}

}

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

#company_access {
	margin: 0 0 100px 0;
}

#company_access > .wrapper {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 456px;
}

#company_access > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 109px;
	height: 23px;
}

#company_access > .wrapper > .title > img {
	width: 109px;
	height: 23px;
}

#company_access > .wrapper .map {
	margin: 0 auto;
	width: 980px;
	height: 400px;
	background: url("../image/company/map.png") no-repeat center;
	background-size: 960px;
}

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

@media (max-width: 999px) {

	#company_access {
		margin: 0 0 40px 0;
	}

	#company_access > .wrapper {
		position: relative;
		margin: 0 10px;
		width: auto;
		height: 456px;
		border-bottom: none;
		overflow: hidden;
	}

	#company_access > .wrapper > .title {
		margin: 0 auto 30px auto;
		width: 102px;
		height: 22px;
	}

	#company_access > .wrapper > .title > img {
		width: 102px;
		height: 22px;
	}

	#company_access > .wrapper .map {
		z-index: 1;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -490px;
		height: 400px;
	}

}

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

#contact {
	margin: 0 0 100px 0;
}

#contact > .wrapper {
	margin: 0 auto 0 auto;
	width: 980px;
}

#contact > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 107px;
	height: 22px;
}

#contact > .wrapper > .title > img {
	width: 107px;
	height: 22px;
}

#contact > .wrapper > .contents {
	margin: auto;
	padding: 60px 0;
	width: 880px;
	background: #ffffef;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:0px 0px 10px 0px #bbbbbb;
}

#contact > .wrapper > .contents > div {
	margin: 0 auto;
	width: 550px;
}

#contact > .wrapper > .contents > div.list01 {
	margin: 0 auto 90px auto;
}

#contact > .wrapper > .contents > div > .subtitle {
	padding: 0 0 15px 10px;
	margin: 0 0 15px 0;
	height: 30px;
	border-bottom: 2px Dashed #0042aa;
}

#contact > .wrapper > .contents > div.list01 > .subtitle > img {
	width: 285px;
	height: 30px;
}

#contact > .wrapper > .contents > div.list02 > .subtitle {
	padding: 0 0 11px 10px;
}

#contact > .wrapper > .contents > div.list02 > .subtitle > img {
	width: 295px;
	height: 26px;
}

#contact > .wrapper > .contents > div > .contact > img {
	width: 550px;
	height: 105px;
}

#contact > .wrapper > .contents > div .telephone {
	display: none;
}

#contact > .wrapper > .contents > div a {
	text-decoration: none;
}

#contact > .wrapper > .contents > div .mailaddress {
	margin: 0 0 18px 0;
	font-size: 36px;
	font-weight: bold;
}

#contact > .wrapper > .contents > div > p {
	line-height: 1.7;
	font-size: 15px;
}

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

@media (max-width: 999px) {

	#contact {
		margin: 0 0 60px 0;
	}

	#contact > .wrapper {
		padding: 0 10px;
		width: auto;
		max-width: 375px;
	}

	#contact > .wrapper > .contents {
		padding: 30px 10px 10px 10px;
		width: auto;
	}

	#contact > .wrapper > .contents > div {
		width: 100%;
	}
	
	#contact > .wrapper > .contents > div.list01 {
		margin: 0 auto 20px auto;
	}
	
	#contact > .wrapper > .contents > div > .subtitle {
		padding: 0 0 20px 10px;
		margin: 0 0 20px 0;
		height: 23px;
		border-bottom: 2px Dashed #0042aa;
	}

	#contact > .wrapper > .contents > div.list01 > .subtitle > img {
		width: 219px;
		height: 23px;
	}

	#contact > .wrapper > .contents > div.list02 > .subtitle {
		padding: 0 0 15px 10px;
	}

	#contact > .wrapper > .contents > div.list02 > .subtitle > img {
		width: 230px;
		height: 20px;
	}

	#contact > .wrapper > .contents > div > .contact {
		margin: 0 0 20px 0;
	}

	#contact > .wrapper > .contents > div > .contact > img {
		width: 280px;
		height: 54px;
	}

	#contact > .wrapper > .contents > div .telephone {
		display: block;
		margin-left: -10px;
		width: calc(100% + 10px);
		height: 68px;
		background: url("../image/contact/contact_telephone_sp.png") no-repeat left;
		background-size: 298px;
	}

	#contact > .wrapper > .contents > div a {
		text-decoration: none;
	}

	#contact > .wrapper > .contents > div .mailaddress {
		display: block;
		margin-left: -10px;
		width: calc(100% + 10px);
		height: 68px;
		font-size: 0;
		background: url("../image/contact/contact_mailaddress_sp.png") no-repeat left;
		background-size: 298px;
	}

	#contact > .wrapper > .contents > div > p {
		display: none;
	}

}

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

#question_and_answer {
	margin: 0 0 100px 0;
}

#question_and_answer > .wrapper {
	margin: 0 auto 0 auto;
	width: 980px;
}

#question_and_answer > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 258px;
	height: 23px;
}

#question_and_answer > .wrapper > .title > img {
	width: 258px;
	height: 23px;
}

#question_and_answer > .wrapper > ul {
	margin: 0 auto;
	width: 880px;
	font-size: 0;
}

#question_and_answer > .wrapper > ul > li {
	margin: 0 0 20px 0;
	padding: 30px 60px;
	background: #f3ffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:0px 0px 10px 0px #bbbbbb;
}

#question_and_answer > .wrapper > ul > li > dl > dd {
	margin: 0 0 24px 0;
	padding: 0 0 0 38px;
	height: 30px;
	line-height: 30px;
	color: #0042aa;
	font-size: 20px;
	font-weight: bold;
	background: url("../image/contact/icon_question.png") no-repeat left top;
	background-size: 26px;
}

#question_and_answer > .wrapper > ul > li > dl > dt {
	padding: 0 0 0 38px;
	font-size: 15px;
	line-height: 1.7;
	background: url("../image/contact/icon_answer.png") no-repeat left 6px;
	background-size: 26px;
}

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

@media (max-width: 999px) {

	#question_and_answer {
		margin: 0 0 50px 0;
	}

	#question_and_answer > .wrapper {
		padding: 0 10px;
		width: auto;
		max-width: 375px;
	}

	#question_and_answer > .wrapper > .title {
		margin: 0 auto 30px auto;
		width: 258px;
		height: 23px;
	}

	#question_and_answer > .wrapper > .title > img {
		width: 258px;
		height: 23px;
	}

	#question_and_answer > .wrapper > ul {
		width: 100%;
	}

	#question_and_answer > .wrapper > ul > li {
		margin: 0 0 20px 0;
		padding: 20px 10px;
		background: #f3ffff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow:0px 0px 10px 0px #bbbbbb;
	}

	#question_and_answer > .wrapper > ul > li > dl > dd {
		margin: 0 0 14px 0;
		padding: 0 0 0 38px;
		height: 30px;
		line-height: 30px;
		color: #0042aa;
		font-size: 20px;
		font-weight: bold;
		background: url("../image/contact/icon_question.png") no-repeat left top;
		background-size: 26px;
	}

	#question_and_answer > .wrapper > ul > li > dl > dt {
		padding: 0 0 0 38px;
		font-size: 15px;
		line-height: 1.7;
		background: url("../image/contact/icon_answer.png") no-repeat left 6px;
		background-size: 26px;
	}

}

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

#contact_bottom {
	margin: 0 0 50px 0;
}

#contact_bottom > .image {
	position: relative;
	margin: 0 auto 0px auto;
	width: 980px;
	height: 231px;
	background: url("../image/contact_bottom/contact_pc.png") no-repeat center;
}

#contact_bottom > .image .telephone {
	position: absolute;
	top: 93px;
	left: 144px;
	width: 480px;
	height: 56px;
	background: url("../image/contact_bottom/contact_telephone_pc.png") repeat-x;
}

#contact_bottom > .image .mailaddress {
	position: absolute;
	top: 83px;
	left: 646px;
	width: 136px;
	height: 71px;
	background: url("../image/contact_bottom/contact_mailaddress_pc.png") repeat-x;
}

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

@media (max-width: 999px) {

	#contact_bottom {
		position: relative;
		margin: 0;
		height: 370px;
		background: url("../image/contact_bottom/contact_background.png") repeat-x;
	}

	#contact_bottom > .image {
		position: absolute;
		top: -18px;
		left: 0;
		right: 0;
		width: 318px;
		height: 385px;
		background: url("../image/contact_bottom/contact_sp.png") no-repeat center;
	}

	#contact_bottom > .image .telephone {
		position: absolute;
		top: 226px;
		left: 10px;
		width: 298px;
		height: 69px;
		background: url("../image/contact/contact_telephone_sp.png") repeat-x;
		background-size: 298px;
	}

	#contact_bottom > .image .mailaddress {
		position: absolute;
		top: 288px;
		left: 10px;
		width: 298px;
		height: 69px;
		background: url("../image/contact/contact_mailaddress_sp.png") repeat-x;
		background-size: 298px;
	}
}

/* ========================================================================== */
#flow {
	margin: 0 0 100px 0;
}

#flow > .wrapper {
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 980px;
}

#flow > .wrapper > .title {
	margin: 50px auto 60px auto;
	width: 150px;
	height: 22px;
}

#flow > .wrapper > .title > img {
	width: 150px;
	height: 22px;
}

#flow > .wrapper > .contents {
	width: 100%;
}

#flow > .wrapper > .contents .flow-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border: 3px solid #0042aa;
	background-color: #f3ffff;
	width: 100%;
	max-width: 680px;
	margin: auto;
	padding: 30px;
	border-radius: 20px;
	box-sizing: border-box;
	position: relative;
}

#flow > .wrapper > .contents .flow-item::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -45px;
	transform: translateX(-50%);
	background: no-repeat url(../image/estimate/estimate_arrow.png) center center / contain;
	width: 40px;
	height: 30px;
}

#flow > .wrapper > .contents .flow-item:nth-of-type(6)::after {
	background: none;
}

#flow > .wrapper > .contents > .flow-item:nth-last-of-type(n + 2) {
	margin-bottom: 50px;
}

#flow > .wrapper > .contents .flow-item .flow-1 {
	max-width: 78px;
	height: auto;
	margin-right: 20px;
}

#flow > .wrapper > .contents > .flow-item .flow-1 img {
	width: 78px;
	height: auto;
}

#flow > .wrapper > .contents > .flow-item .flow-2 img {
	width: 100%;
	height: auto;
}

#flow > .wrapper > .contents .flow-item:nth-of-type(1) .flow-2 .flow-title,
#flow > .wrapper > .contents .flow-item:nth-of-type(6) .flow-2 .flow-title {
	width: 43px;
	height: auto;
}

#flow > .wrapper > .contents .flow-item:nth-of-type(2) .flow-2 .flow-title {
	width: 86px;
	height: auto;
}

#flow > .wrapper > .contents .flow-item:nth-of-type(3) .flow-2 .flow-title {
	width: 120px;
	height: auto;
}

#flow > .wrapper > .contents .flow-item:nth-of-type(4) .flow-2 .flow-title {
	width: 104px;
	height: auto;
}

#flow > .wrapper > .contents .flow-item:nth-of-type(5) .flow-2 .flow-title {
	width: 87px;
	height: auto;
}

#flow > .wrapper > .contents .flow-item .flow-2 .flow-title {
	padding-top: 10px;
	margin-bottom: 10px;
}

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

@media (max-width: 767px) {
	#flow {
		margin: 0 0 50px 0;
	}

	#flow > .wrapper > .contents .flow-item {
		padding: 15px 25px 25px;
	}

	#flow > .wrapper > .contents .flow-item .flow-1 {
		margin-right: 15px;
	}

	#flow > .wrapper > .contents > .flow-item .flow-1 img {
		width: 70px;
		height: auto;
	}
}
/* ========================================================================== */
#estimate {
	margin: 0 0 100px 0;
}

#estimate > .wrapper {
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 980px;
}

#estimate > .wrapper > .title {
	margin: 0 auto 30px auto;
	width: 208px;
	height: auto;
}

#estimate > .wrapper > .estimate-check-title {
	margin: 50px auto 30px auto;
}

#estimate > .wrapper > .estimate-done-title {
	margin: 50px auto 30px;
	width: 100%;
	max-width: 800px;
}

#estimate > .wrapper > .title > img {
	width: 208px;
	height: auto;
}

#estimate > .wrapper > .top-text {
	text-align: center;
}

#estimate > .wrapper > .top-text > p {
	display: inline-block;
	margin: auto;
	text-align: left;
}

#estimate > .wrapper > .contents {
	width: 100%;
	max-width: 800px;
	margin: 50px auto 0;
}

#estimate > .wrapper > .contents form .estimate-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #ccc;
	background-color: #eee;
}

#estimate > .wrapper > .contents form .estimate-item:nth-of-type(6) {
	border-bottom: 1px solid #ccc;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-label {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
	background-color: #eee;
}

#estimate > .wrapper > .contents form .estimate-item label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 15px;
	padding: 0 10px;
}

#estimate > .wrapper > .contents form .estimate-item label > span {
	display: block;
	background-color: #f00;
	color: #fff;
	font-size: 14px;
	width: 35px;
	text-align: center;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input {
	-webkit-box-flex: 1;
	-ms-flex: 0 1 75%;
	flex: 0 1 75%;
	font-size: 15px;
	background-color: #fff;
	padding: 10px 0 10px 10px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input .estimate-input-check {
	padding: 10px 0 10px 10px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file .estimate-input-check {
	padding: 0 0 0 10px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input input,
#estimate > .wrapper > .contents form .estimate-item .estimate-input textarea {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 50px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input textarea {
	height: 200px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file {
	padding: 20px 0 20px 10px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file .file-text {
	margin-bottom: 20px;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file .file-input-area #file {
	width: 60%;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file .file-input-area #clearbtn {
	display: inline-block;
	font-size: 12px;
	width: 45px;
	min-width: 45px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file input {
	width: auto;
	height: auto;
	border: none;
	border-radius: 0;
}

#estimate > .wrapper > .contents form .estimate-item .estimate-input-file input:hover {
	cursor: pointer;
}

#estimate > .wrapper > .contents form #check-btn,
#estimate > .wrapper > .contents form #check-okbtn {
	margin-top: 70px;
	text-align: center;
}

#estimate > .wrapper > .contents form #check-btn input {
	background: no-repeat url(../image/estimate/form_button1.png) center center / contain;
	width: 300px;
	height: 50px;
}

#estimate > .wrapper > .contents form #check-okbtn input {
	background: no-repeat url(../image/estimate/form_button2.png) center center / contain;
	width: 300px;
	height: 50px;
}

#estimate > .wrapper > .contents form #check-btn input:hover,
#estimate > .wrapper > .contents form #check-okbtn input:hover {
	opacity: 0.8;
	cursor: pointer;
}

#estimate > .wrapper > .contents form #check-btn .page-backbtn {
	margin-top: 30px;
}

#estimate > .wrapper > .contents form #check-okbtn .page-backbtn a {
	display: inline-block;
	background: no-repeat url(../image/estimate/form_button3.png) center center / contain;
	width: 300px;
	height: 50px;
	margin-top: 20px;
}

#estimate > .wrapper > .contents .done-text {
	margin-bottom: 100px;
}

#estimate > .wrapper > .contents .go-homebtn {
	text-align: center;
}

#estimate > .wrapper > .contents .go-homebtn a {
	display: inline-block;
	background: no-repeat url(../image/estimate/form_button4.png) center center / contain;
	width: 300px;
	height: 50px;
}

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

@media (max-width: 767px) {
	#estimate > .wrapper > .contents form .estimate-item {
		display: block;
	}
	
	#estimate > .wrapper > .contents form .estimate-item .estimate-input {
		padding: 10px;
	}

	#estimate > .wrapper > .contents form .estimate-item .estimate-input-file .file-input-area #file {
		width: 80%;
	}

	#estimate > .wrapper > .contents form #check-btn {
		margin-top: 40px;
	}

	#estimate > .wrapper > .contents form #check-btn input,
	#estimate > .wrapper > .contents form #check-okbtn input,
	#estimate > .wrapper > .contents form #check-okbtn .page-backbtn a,
	#estimate > .wrapper > .contents .go-homebtn a {
		width: 280px;
		height: 50px;
	}

	#estimate > .wrapper > .contents form .estimate-item .estimate-input-file .estimate-input-check {
		padding: 10px;
	}
}
/* ========================================================================== */
#privacypolicy {
	margin: 0 0 100px 0;
}

#privacypolicy > .wrapper {
	margin: 0 auto 0 auto;
	width: 880px;
	line-height: 1.7;
}

#privacypolicy > .wrapper > dl > dd {
	margin: 30px 0 0 0;
	color: #0042aa;
	font-size: 20px;
	font-weight: bold;
}

#privacypolicy > .wrapper > dl > .follow {
	margin: 20px 0 0 0;
}

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

@media (max-width: 999px) {

	#privacypolicy {
		margin: 0 0 50px 0;
	}

	#privacypolicy > .wrapper {
		padding: 0 10px;
		width: auto;
	}

	#estimate > .wrapper > .contents form .estimate-item label {
		font-size: 15px;
		padding: 20px 10px;
	}

}

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

#footer {
	background: url("../image/footer/background.png");
}

#footer > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 300px;
}

#footer > .wrapper > .company {
	position: absolute;
	top: 40px;
	width: 320px;
	line-height: 1.4;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

#footer > .wrapper > .company > .title {
	margin: 0 0 35px 0;
	width: 300px;
	height: 61px;
	font-size: 0;
	background: url("../image/footer/logo_pc.png") no-repeat left;
}

#footer > .wrapper > ul {
	position: absolute;
	top: 40px;
	left: 330px;
	width: 300px;
	font-size: 0;
}

#footer > .wrapper > ul.right {
	left: 630px;
}

#footer > .wrapper > ul:after {
	content: " ";
	display: block;
	clear: both;
}

#footer > .wrapper > ul li {
	float:left;
	padding: 0 0 0 20px;
	width: 280px;
	height: 23px;
	line-height: 24px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	background: url("../image/footer/arrow.png") no-repeat left center;
}

#footer .copyright {
	height: 30px;
	line-height: 30px;
	color: #666666;
	font-size: 12px;
	text-align: center;
	background-color: #ffffff;
}

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

@media (max-width: 999px) {

	#footer {
		padding-top: 308px;
		background: #ffffff;
	}

	#footer > .wrapper {
		margin: 0 auto;
		width: auto;
		height: 214px;
	}

	#footer > .wrapper > .company {
		position: absolute;
		top: 18px;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 10px;
		width: auto;
		line-height: 1.5;
		color: #333333;
		font-size: 14px;
		font-weight: normal;
	}

	#footer > .wrapper > .company > .title {
		margin: 0 0 18px 0;
		width: 192px;
		background: url("../image/footer/logo_sp.png") no-repeat left;
	}

	#footer > .wrapper > ul {
		top: -308px;
		left: 0;
		width: 100%;
		background-color: #0d5dd6;
	}

	#footer > .wrapper > ul.right {
		top: -176px;
		left: 0;
	}

	#footer > .wrapper > ul li {
		padding: 0 10px;
		width: calc(100% - 20px);
		height: 43px;
		line-height: 44px;
		font-size: 16px;
		background: none;
		border-bottom: 1px solid #ffffff;
	}

	#footer .copyright {
		color: #ffffff;
		background-color: #0d5dd6;
	}
}

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

.top-back-wrap {
	position: relative;
	margin: 0 auto 0 auto;
	width: 960px;
	height: 0;
}
.top-back {
	z-index: 1;
	position: fixed;
	bottom: 20px;
	margin: 0 auto;
	padding-right: 0px;
	width: 960px;
}
.top-back a {
	z-index: 2;
	position: relative;
	display: block;
	margin-left: auto;
	width: 57px;
	height: 58px;
	background: url("../image/common/return.png") no-repeat;
	background-size: contain;
}
.top-back a:hover {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
}

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

@media (max-width: 999px) {
	.top-back-wrap {
		width: 100%;
	}

	.top-back {
		width: 100%;
	}

	.top-back a {
		width: 48px;
		height: 48px;
	}
}

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

/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}