@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #F6F5EF;
	color: #000;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.4;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	margin: 0;
	padding: 0;
}

ul,ol {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

/* clearfix */
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}


/* header */
.header {
	background: #FFF;
}

.header_inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

.header_logo {
	display: inline-block;
	padding: 15px 0;
	line-height: 1;
	vertical-align: bottom;
}

.header_logo > img {
	display: block;
}

.header_description {
	display: inline-block;
	padding: 0 0 20px 10px;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: bottom;
}

.headerContact {
	position: fixed;
	width: 390px;
	height: 95px;
	top: 0;
	left: auto;
	margin-left: 610px;
	padding: 5px 0;
	background: #F5F3EE;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 0 3px 1px rgba(153,153,153,.75);
	box-shadow: 0 0 3px 1px rgba(153,153,153,.75);
	z-index: 9999;
}

.headerContact_title {
	display: inline-block;
	margin: 0 0 0 8px;
	vertical-align: middle;
}

.headerContact_title > img {
	display: block;
}

.headerContact_hour {
	display: inline-block;
	margin: 0 0 0 8px;
	vertical-align: middle;
}

.headerContact_hour > img {
	display: block;
}

.headerContact_tel {
	display: block;
	margin: 5px 0 0 8px;
}

.headerContact_tel > img {
	display: block;
}

.headerContact_form {
	display: block;
	margin: 0 12px;
	border: solid 1px #666668;
	background: #f0bd25;
	background: -moz-radial-gradient(center, ellipse cover,  #f0bd25 0%, #e58907 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #f0bd25 0%,#e58907 100%);
	background: radial-gradient(ellipse at center,  #f0bd25 0%,#e58907 100%);
}

.headerContact_form > img {
	display: block;
	padding: 0 0 0 36px;
}

.headerContact_img {
	display: block;
	position: absolute;
	bottom: 12px;
	right: 12px;
	z-index: -10;
}


/* firstview */
.firstview {
	background: url(../img/firstview_bg.jpg) no-repeat center center;
	background-size: cover;
}

.firstview_inner {
	position: relative;
	width: 1050px;
	margin: 0 auto;
	padding: 0 0 12px;
	text-align: center;
}

.firstview_feature {
	padding: 10px 0 0;
}

.firstview_feature > li {
	display: inline-block;
	margin: 0 22px;
	vertical-align: top;
}

.firstview_feature > li:first-child + li + li {
	margin-top: 10px;
}

.firstview_feature > li > img {
	display: block;
}

.firstview_title {
	margin: 12px 0 0;
}

.firstview_title > img {
	display: block;
	margin: 0 auto;
}

.firstview_form {
	width: 372px;
	margin: 10px auto 0;
	padding: 22px 40px 2px;
	background: #FFF;
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.24);
	box-shadow: 0 0 3px 3px rgba(0,0,0,.24);
}

.estimateForm {
	margin: 0 5px;
}

.estimateForm_title {
	height: 28px;
	overflow: visible;
	background: #F00000;
	text-align: center;
}

.estimateForm_title > img {
	display: inline-block;
	margin: -12px 0 0;
}

.estimateForm_caption {
	margin: 10px 0 0;
}

.estimateForm_caption-large {
	margin: 0 0 8px;
}

.estimateForm_caption > img {
	display: block;
}

.estimateForm_table {
	width: 100%;
	margin: 2px 0 0;
	table-layout: fixed;
	border-collapse: collapse;
}

.estimateForm_table th {
	width: 120px;
	padding: 3px 0;
	text-align: left;
	line-height: 41px;
	vertical-align: middle;
}

.estimateForm_table-narrow th {
	width: 100px;
}

.estimateForm_table th > img {
	vertical-align: middle;
}

.estimateForm_table td {
	padding: 3px 0;
	line-height: 41px;
	text-align: left;
	vertical-align: middle;
}

.estimateForm_table td > input, .estimateForm_table td > select {
	width: 100%;
	height: 35px;
	padding: 0 7px;
	border: solid 1px #999;
	background: #FFFFBF;
	font-size: 15px;
	box-sizing: border-box;
}

.estimateForm_table td > textarea {
	width: 100%;
	padding: 0 7px;
	border: solid 1px #999;
	background: #FFFFBF;
	font-size: 15px;
	box-sizing: border-box;
}

.estimateForm_require {
	display: inline-block;
	padding: 4px;
	background: #FF4000;
	vertical-align: middle;
}

.estimateForm_require-option {
	background: #BBB;
}

.estimateForm_require > img {
	display: block;
}

.estimateForm_button {
	display: inline-block;
	margin: 10px 0 0;
	border: 0;
	background: none;
}

.estimateForm_button > img {
	display: block;
}

.firstview_wrecker {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 20px;
}

.firstview_wrecker > img {
	display: block;
}

.firstview_estimate {
	position: absolute;
	width: 400px;
	height: 394px;
	bottom: 0;
	right: -5px;
	background: url(../img/firstview_estimate_bg.png) no-repeat center center;
}

.firstview_estimate_text {
	position: absolute;
}

.firstview_estimate_text-1 {
	top: 28px;
	left: 100px;
}

.firstview_estimate_text-2 {
	bottom: 45px;
	right: -15px;
}

.firstview_estimate_text > img {
	display: block;
}

.bn_newyear {
	margin: 20px auto 40px;
	text-align: center;
}

.carType {
	position: relative;
	padding: 20px 0 90px;
	background: url(../img/cartype_bg.jpg) repeat-x bottom center #EFEBDE;
	text-align: center;
}

.carType_subTitle {
	display: inline-block;
	height: 56px;
	padding: 0 30px;
	background: #00B2B2;
	border-radius: 28px;
	line-height: 1;
}

.carType_subTitle:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	margin: 0 -1px 0 0;
	vertical-align: middle;
}

.carType_subTitle > img {
	vertical-align: middle;
}

.carType_title {
	margin: 20px 0 0;
}

.carType_title > img {
	display: block;
	margin: 0 auto;
}

.carType_ul {
	width: 1012px;
	margin: 0 auto;
}

.carType_ul > li {
	width: 248px;
	height: 202px;
	float: left;
	margin: 15px 2px 0 3px;
	padding: 4px 9px 8px 4px;
	background: url(../img/cartype_item_bg.png) no-repeat top left;
	box-sizing: border-box;
}

.typeItem {
	height: 100%;
	background: #FFF;
	border: solid 1px #86836A;
	border-radius: 6px;
	box-sizing: border-box;
	overflow: hidden;
}

.typeItem_pic {
	display: block;
}

.typeItem_text {
	margin: 10px 0 0;
	text-align: center;
	line-height: 1;
}

.carType_assure {
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	line-height: 1;
	text-align: center;
}

.carType_assure > img {
	padding: 0 0 0 20px;
}


.campaign {
	padding: 30px 0 60px;
}

.areaCampaign {
	width: 1001px;
	height: 212px;
	margin: 0 auto;
	background: url(../img/campaign_area_bg.png) no-repeat center center;
}

.areaCampaign_title {
	padding: 20px 0 0 245px;
}

.areaCampaign_title > img {
	display: block;
}

.areaCampaign_price {
	padding: 23px 0 0 155px;
}

.areaCampaign_price > img {
	display: block;
}

.areaCampaign_description {
	margin: -5px 0 0;
	padding: 0 0 0 180px;
}

.areaCampaign_description > img {
	display: block;
}


.yearEnd {
	position: relative;
	width: 1000px;
	height: 181px;
	margin: 20px auto 0;
	background: url(../img/yearend_bg.png) no-repeat center bottom;
	border: solid 4px #0085B2;
	box-sizing: border-box;
}

.yearEnd_title {
	padding: 8px 0 8px 35px;
	background: #009EDB;
}

.yearEnd_title > img {
	display: block;
}

.yearEnd_main {
	padding: 5px 0 10px 35px;
	color: #FFF;
}

.yearEnd_timing {
	position: relative;
	margin: 0 0 5px;
	color: #FFFF4C;
	font-size: 46px;
	font-weight: bold;
	z-index: 100;
}

.yearEnd_timing span {
	font-size: 36px;
}

.yearEnd_timing > img {
	display: block;
}

.yearEnd_detail {
	margin: 0 0 5px;
	font-size: 17px;
	line-height: 1.2;
}

.yearEnd_attention {
	font-size: 14px;
	line-height: 1.2;
}

.yearEnd_countdown {
	display: block;
	position: absolute;
	width: 291px;
	height: 181px;
	bottom: -4px;
	right: 0;
	padding: 5px 0 0 27px;
	background: url(../img/yearend_img.png) no-repeat bottom right;
	box-sizing: border-box;
}

.yearEnd_day {
	padding-top: 20px;
    width: 125px;
    height: 69px;
    color: #B40101;
    font-size: 19px;
    font-weight: bold;
    line-height: 0.5 !important;
    background: url(../img/yearend_day_bg.png) no-repeat center center;
    text-align: center;
}

.yearEnd_day:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 100%;
	vertical-align: middle;
}

.yearEnd_day span {
	font-size: 36px;
}

.yearEnd_day > img {
	padding: 0 0 5px;
	vertical-align: middle;
}


.feature {
	padding: 0 0 10px;
	background: #E9DDD8;
}

.feature_header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 30px;
}

.feature_title {
	text-align: right;
}

.feature_title > img {
	margin: -40px -15px 0 0;
}

.feature_description {
	width: 680px;
	margin: 10px 0 0 auto;
	text-align: left;
	font-size: 18px;
	line-height: 1.4;
}

.feature_img {
	display: block;
	position: absolute;
	left: -60px;
	bottom: 0;
	z-index: 20;
}

.feature_ul {
	width: 1012px;
	margin: 0 auto;
}

.featureItem {
	position: relative;
	width: 484px;
	height: 152px;
	float: left;
	margin: 0 6px 25px;
	background: #FFF;
	border: solid 5px #00B2B2;
}

.featureItem:before {
	content: '';
	display: block;
	position: absolute;
	width: 76px;
	height: 78px;
	top: -18px;
	left: -14px;
	background: url(../img/feature_item_icon.png) no-repeat center center;
}

.featureItem_img {
	display: block;
	float: left;
}

.featureItem_detail {
	width: 220px;
	float: left;
	padding: 5px 10px;
}

.featureItem_title > img {
	display: block;
}

.featureItem_text {
	margin: 10px 0 0;
}

.featureItem_text > img {
	display: block;
}

.featureItem:first-child + li + li + li .featureItem_title {
	margin: 5px 0 -5px;
}


.example {
	position: relative;
	min-height: 600px;
	background: url(../img/example_upper_bg.png) no-repeat top center #FFF;
	background-size: 100% auto;
	z-index: 20;
}

.example:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background: url(../img/example_lower_bg.png) no-repeat bottom center;
	background-size: 100% auto;
	z-index: -10;
}

.example_header {
	position: relative;
	text-align: center;
	z-index: 20;
}

.example_title {
	display: inline-block;
	font-size: 84px;
	color: #000;
	font-weight: bold;
	vertical-align: bottom;
}

.example_title > small {
	font-size: 70px;
}

.example_badge {
	display: inline-block;
	margin: -2px 0 0;
	vertical-align: bottom;
}

.example_badge > img {
	display: block;
}

.example_ul {
	position: relative;
	width: 1208px;
	margin: 5px auto 0;
	z-index: 20;
}

.exampleItem {
	width: 294px;
	height: 360px;
	float: left;
	margin: 0 4px 40px;
	text-align: center;
}

.exampleItem_img {
	display: block;
}

.exampleItem_name {
	margin: 8px 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.exampleItem_status {
	margin: 5px 0 10px;
	font-size: 15px;
	line-height: 1.2;
	list-style: none;
}

.exampleItem_price {
	margin: 0 15px;
	padding: 4px 0;
	background: #F00000;
	color: #FFFE26;
	font-size: 19px;
	line-height: 1.2;
	font-weight: bold;
}


.reason {
	margin: 0 auto;
	padding: 60px 0 0;
	background: #FFF;
}

.reason_header {
	position: relative;
	width: 1080px;
	margin: 0 auto;
}

.reason_title > img {
	display: block;
}

.reason_subTitle {
	position: absolute;
	top: 30px;
	right: 12px;
	padding: 12px;
	background: #F00000;
	border-radius: 45px;
}

.reason_subTitle > img {
	display: block;
}

.reason_ol {
	width: 1000px;
	margin: 20px auto 0;
}

.reasonItem {
	padding: 35px 0 45px;
	border-top: dotted 1px #284F9A;
}

.reasonItem:first-child {
	border: 0;
}

.reasonItem_left {
	width: 600px;
	float: left;
}

.reasonItem_title {
	position: relative;
	height: 50px;
	margin: 0 0 0 13px;
	padding: 6px 0 0 84px;
	background: url(../img/reason_item_title_bg.png) no-repeat top left;
}

.reasonItem_num {
	display: block;
	position: absolute;
	top: -23px;
	left: -8px;
	width: 80px;
	height: 83px;
	background: url(../img/reason_num_bg.png) no-repeat center center;
	text-align: center;
}

.reasonItem_num:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	margin: 0 -1px 0 0;
	vertical-align: middle;
}

.reasonItem_num > img {
	padding: 10px 15px 0 0;
	vertical-align: middle;
}

.reasonTitle_text {
	margin: 15px 40px 0 0;
	font-size: 14px;
	line-height: 1.4;
	color: #212121;
	text-align: justify;
}

.reasonItem_img {
	float: right;
}


.step {
	margin: 0 0 30px;
	padding: 0 0 30px;
	background: url(../img/step_bg.png) no-repeat bottom center #FFF;
	background-size: 100% auto;
}

.step_title {
	padding: 5px 0 0;
}

.step_title > img {
	display: block;
	margin: 0 auto;
}

.step_ol {
	width: 1020px;
	margin: 35px auto 0;
}

.stepItem {
	position: relative;
	width: 184px;
	height: 350px;
	float: left;
	margin: 0 10px;
	background: #FFF;
}

.stepItem:before {
	content: '';
	display: block;
	position: absolute;
	top: 110px;
	left: -28px;
	width: 18px;
	height: 22px;
	background: url(../img/step_arrow.png) no-repeat center center;
}

.stepItem:first-child:before {
	content: none;
}

.stepItem_num {
	display: block;
	position: absolute;
	top: -13px;
	left: -12px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #0DB6AE;
	text-align: center;
}

.stepItem_num:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	margin: 0 -1px 0 0;
	vertical-align: middle;
}

.stepItem_num > img {
	vertical-align: middle;
}

.stepItem_img {
	display: block;
}

.stepItem_text {
	margin: 15px 0 0;
}

.stepItem_text > img {
	display: block;
	margin: 0 auto;
}


.estimateWrapper-arrow > .estimate:before {
	content: '';
	display: block;
	position: absolute;
	width: 67px;
	height: 68px;
	top: -68px;
	left: 35px;
	background: url(../img/estimate_wrapper_triangle.png) no-repeat center center;
}

.estimate {
	position: relative;
	width: 990px;
	margin: 0 auto 100px;
	padding: 5px;
	background: #07B4B0;
}

.estimate_title {
	padding: 5px 35px 10px;
}

.estimate_title > img {
	display: block;
}

.estimate_body {
	padding: 15px 35px;
	background: #FFF;
}

.estimate_block {
	display: inline-block;
	width: 290px;
	margin: 0 53px 0 0;
	vertical-align: top;
}

.estimate_bottom {
	position: relative;
	margin: 20px 0 -60px;
}

.estimate_button {
	display: block;
	width: 100%;
	padding: 3px 0 0;
	border: solid 2px #353535;
	border-radius: 4px;
	background: #E68705;
	background: -moz-radial-gradient(center, ellipse cover,  #EFB822 0%, #E68705 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #EFB822 0%,#E68705 100%);
	background: radial-gradient(ellipse at center,  #EFB822 0%,#E68705 100%);
	text-align: center;
	-webkit-box-shadow: 4px 4px 4px 0 rgba(153,153,153,.65);
	box-shadow: 4px 4px 4px 0 rgba(153,153,153,.65);
}

.estimate_button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -15px;
	width: 21px;
	height: 31px;
	background: url(../img/estimate_btn_arrow.png) no-repeat center center;
}

.estimate_img {
	display: block;
	position: absolute;
	top: -298px;
	right: 0;
}


.area {
	padding: 40px 0 75px;
	background: url(../img/area_bg.jpg) no-repeat center center;
	background-size: cover;
}

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

.area_title > img {
	display: block;
}

.area_text > img {
	display: block;
}

.area_text-1 {
	margin: 20px 0 0;
}

.area_text-2 {
	margin: 35px 0 0;
}

.area_point {
	margin: 15px 0 0 10px;
}

.area_point > li {
	display: inline-block;
	width: 160px;
	height: 160px;
	margin: 0 10px;
	border: solid 3px #FFF;
	border-radius: 50%;
	background: #9ED200;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(153,153,153,.75);
	box-shadow: 2px 2px 3px 1px rgba(153,153,153,.75);
	text-align: center;
	vertical-align: top;
}

.area_point > li:first-child + li {
	background: #6DE366;
}

.area_point > li:first-child + li + li {
	background: #5FD541;
}

.area_point > li:first-child + li + li + li {
	background: #9CE466;
}

.area_point > li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	margin: 0 -1px 0 0;
	vertical-align: middle;
}

.area_point > li > img {
	vertical-align: middle;
}

.area_map {
	display: block;
	margin: -360px 10px 0 auto;
}


.faq {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 60px;
}

.faq_title > img {
	display: block;
	margin: 0 auto;
}

.faq_category {
	position: relative;
	margin: 65px 85px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.faq_category:before {
	content: '';
	display: block;
	position: absolute;
	width: 242px;
	height: 4px;
	top: 50%;
	left: 0;
	margin-top: -2px;
	background: #07B4B0;
}

.faq_category:after {
	content: '';
	display: block;
	position: absolute;
	width: 242px;
	height: 4px;
	top: 50%;
	right: 0;
	margin-top: -2px;
	background: #07B4B0;
}

.faq_block {
	margin: 40px -30px 0;
}

.faq_row {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 30px 0;
}

.faq_row + .faq_row {
	margin: 40px 0 0;
}

.faq_item {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.faq_q {
	position: relative;
	padding: 0 0 0 50px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

.faq_q:before {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 37px;
	top: -15px;
	left: 0;
	background: url(../img/faq_q.png) no-repeat center center #4DA5A7;
	border-radius: 50%;
}


.faq_a {
	position: relative;
	margin: 18px 0 0;
	padding: 0 0 0 50px;
	font-size: 15px;
	line-height: 1.4;
	text-align: justify;
}

.faq_a:before {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 37px;
	top: -10px;
	left: 0;
	background: url(../img/faq_a.png) no-repeat center center #D66565;
	border-radius: 50%;
}


.footer {
	margin: 110px 0 0;
	padding: 20px 0 10px;
	background: #07B4B0;
	color: #FFF;
}

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

.footer_logo {
	display: block;
	float: left;
}

.footer_link {
	float: right;
}

.footer_link > li {
	display: inline-block;
	margin: 0 10px;
	font-size: 13px;
	line-height: 1.2;
}

.footer_copy {
	margin: 40px 0 0;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}


/* conpamy.php */
.company {
	padding: 60px 0 0;
	text-align: center;
}

.company_title {
	font-size: 48px;
	font-weight: bold;
	color: #00B2B2;
}

.company_body {
	display: block;
	margin: 30px auto 0;
}

.company_back {
	display: block;
	width: 450px;
	height: 80px;
	margin: 80px auto 0;
	padding: 5px 0 0;
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #efefef 50%, #c1c1c1 51%, #dfdfdf 100%);
	background: -webkit-linear-gradient(top,  #fefefe 0%,#efefef 50%,#c1c1c1 51%,#dfdfdf 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#efefef 50%,#c1c1c1 51%,#dfdfdf 100%);
	border: solid 1px #C2C2C2;
	border-radius: 4px;
	color: #2D2D2D;
	font-size: 40px;
	font-weight: bold;
	line-height: 75px;
	text-align: center;
	text-shadow: 1px 1px 1px #FFF;
	-webkit-box-shadow: 0 1px 1px 0 #FFF;
	box-shadow: 0 1px 1px 0 #FFF;
	box-sizing: border-box;
}


/* contact.php */
.contact {
	margin-top: 60px;
}
.contact_title {
	padding: 10px 20px;
}
.contact_title img {
}
.contact .estimate_body {
    padding: 35px 60px !important;
    background: #FFF;
}
.contact .estimate_block {
    width: 100% !important;
}
.contact .estimateForm_caption-large {
	padding-bottom: 10px;
	border-bottom: dotted 1px #0DB6AE;
}
.contact .estimateForm_table {
	margin-bottom: 30px;
}
.contact .estimateForm_table th {
    width: 200px !important;
	vertical-align: top;
}
.contact .estimateForm_table td {
	line-height: 45px;
}
.contact .estimateForm_table td > input, .estimateForm_table td > select {
    width: 70% !important;
}
.contact .estimateForm_table td > input.post_input {
    width: 40% !important;
}

.confirm .estimate_bottom { text-align: center; }
.confirm .back_button {
	position: relative;
	width: 300px; padding: 3px 0 0; border: solid 2px #353535; border-radius: 4px;
    text-align: center;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(153,153,153,.65);
    box-shadow: 4px 4px 4px 0 rgba(153,153,153,.65); }
.confirm .back_button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: -15px;
	width: 21px;
	height: 31px;
	background: url(../img/estimate_btn_arrow02.png) no-repeat center center;
}
.confirm .send { position: relative; display: inline-block !important; width: 300px; }

.red{
	font-size:12px;
	color:#C00;
	line-height:20px;}