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

.bx-controls {
	margin-top:2%;
	position:relative;
}
.bx-pager {
	text-align:center;
	padding-top:3px;
}
.bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 6px;
}
.bx-pager .bx-pager-item a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#edeeee;
	width:20px;
	height:20px;
}
.bx-pager .bx-pager-item a:hover,
.bx-pager .bx-pager-item a.active {
	background:#532906;
}
.bx-prev,
.bx-next {
	position:absolute;
	top:0;
	display:block;
	overflow:hidden;
	width:28px;
	height:28px;
	text-indent:-9999px;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
}
.bx-prev {
	left:10px;
	background-image:url(../img/top/slide_arw1.png);
}
.bx-next {
	right:10px;
	background-image:url(../img/top/slide_arw2.png);
}
.header {
	margin-bottom:6%;
}
.top_bnr ul li {
	margin:3%;
}
#top_slider ul li:nth-child(n+2) {
	display:none;
}
#top_slider.comp ul li:nth-child(n+2) {
	display:block;
}

#sp #top_reason,
#sp #top_confidence {
	margin:6% 2%;
}
.tg {
	margin:3%;
}
.top_sbnr ul {
	overflow:hidden;
	padding:3%;
}
.top_sbnr ul li {
	float:left;
	width:49%;
}
.top_sbnr ul li:nth-child(even) {
	float:right;
}
/*--------------------
 吹き出しを作る
--------------------*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 40px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #aaa;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #aaa;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}
/*YouTube
-----------------------------------*/
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 初めての方へ
----------------------------*/
.begin .main {
	margin:0 0 6%;
}
.begin .color {
	margin-bottom:2%;
}
.begin .color strong {
	color:#532906;
}
.heightLine-date {
	color:#532906;
}

/* ページャー
----------------------------*/
.pageList {
	overflow:hidden;
	clear:both;
	text-align:center;
	padding:3% 0;
	margin:0 0 6%;
}
.pageList span,
.pageList a {
	display:inline-block;
	width:40px;
	line-height:40px;
	text-align:center;
	color:#532906;
	border:#532906 1px solid;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 4px;
	padding:2px;
	border-radius:4px;
}
.pageList a.last,
.pageList a.first {
	width:auto;
	padding:2px 20px;
}
.pageList span.pages {
	display:none
}
.pageList a:hover,
.pageList span.current {
	background:#532906;
	color:#fff;
}

/* ruleArea
----------------------------*/
.ruleArea {
	overflow:hidden;
}
.ruleArea p {
	margin:0;
}
.ruleArea h3 {
	color:#333333;
	padding:3% 0 10px;
	font-weight:normal;
	text-align:center;
	font-size:100%;
}
.ruleArea div {
	border:#cccccc 1px solid;
	clear:both;
	height:180px;
	overflow-y:auto;
	color:#4d4d4d;
	line-height:1.6;
	padding:2%;
	margin: 0 3%;
}
.ruleArea div ul li {
	padding:20px 0 8px;
}

.asm .ank_btn {
	text-align:center;
	margin:3%;
}
.asm .ank_btn ul li {
	margin-top:2%;
}
.asm .ank_btn ul li:first-child {
	margin-top:0;
}
.asm .contact_wrap {
	border:3px solid #ccc;
	padding:2%;
	margin:4% 1%;
}
.asm .contact_wrap input[type="text"],
.asm .contact_wrap input[type="tel"],
.asm .contact_wrap input[type="email"],
.asm .contact_wrap textarea {
	box-sizing:border-box;
	width:100%;
	border:2px solid #a7861d;
	padding:8px 4px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.asm .contact_wrap form {
	margin:0 3%;
}
.asm .contact_wrap form dt {
	margin-top:5%;
	margin-bottom:5px;
}
.asm .contact_wrap form dd .text {
	text-align:right;
	color:#514b4e;
	display:block;
	font-size:87.5%;
	margin-top:5px;
}
.asm .contact_wrap form dd p.list {
	margin-bottom:3%;
	font-size:87.5%;
}
.asm .contact_wrap form dd p.list br {
	display:none;
}
.asm .contact_wrap form dd p .text02 {
	display:block;
	padding:1%;
}
.asm .contact_wrap form dd p .text02 > span {
	display:inline-block;
	margin-left:5px;
}
.asm .contact_wrap form dd .txt_color03 {
	color:#e00012;
	margin-top:3%;
}
.asm .contact_wrap form dd .txt_color03 br {
	display:none;
}
.sendBtn02 {
	background:url(../img/asm/asm_send.jpg) center center no-repeat;
	width:250px;
	height:35px;
	display:block;
	margin:3% auto;
	border:none;
	background-size:100% 100%;
	text-indent:-9999px;
	overflow:hidden;
}
@media only screen and (min-width: 640px) {
	.sendBtn02 {
		width:500px;
		height:70px;
	}
}
.asm .contact_wrap p.att {
	padding:3%;
	font-size:93.75%;
}

/* LINE査定
----------------------------*/
#line.asm .contact_wrap {
	border-color:#00c300;
	padding-bottom:8%;
}
#line.asm .contact_wrap ul li {
	margin-top:4%;
}
#line.asm .contact_wrap h3 {
	margin-bottom:4%;
}
#line.asm .contact_wrap h4 {
	margin:4% 0;
	border-top:1px dotted #b3b3b3;
	padding-top:4%;
}

/* 事前査定
----------------------------*/
#asm.asm .contact_wrap {
	border-color:#532906;
}
#asm.asm .contact_wrap h3 {
	margin-bottom:4%;
}
#asm.asm .contact_wrap h4 {
	text-align:center;
	margin:0 3%;
}
.txt_color02 {
	color:#dc0000;
	display:inline-block;
	margin-left:10px;
	vertical-align:bottom;
}

/* 宅配査定
----------------------------*/
#asm_deli .contact_wrap {
	border-color:#ab152e;
}
#asm_deli .contact_wrap h3 {
	margin-bottom:4%;
}
#asm_deli .contact_wrap h4 {
	text-align:center;
	margin:0 3%;
}
#kitSize {
	margin:2% auto 0;
	overflow:hidden;
}
#kitSize .size {
	float:left;
	width:50%;
	overflow:hidden;
	margin-top:2%;
}
#kitSize .size dl {
	float:left;
}
#kitSize .size .image {
	float:left;
}
#kitSize .size:first-child .image {
	float:none;
}

#kitSize dl,
#kitSize dl dt,
#kitSize dl dd {
	padding:0;
	z-index:1;
}
#kitSize dl dt {
	color:#e70011;
	font-weight:bold;
	font-size:12px;
	line-height:1.2;
	margin-bottom:4px;
}
#kitSize dl dd {
	font-size:11px;
	line-height:1.2;
}
.kitbox {
	margin:4% 0;
}
.kitbox label {
	display:inline-block;
	width:30%;
	border:1px dotted #ccc;
	background:#f8ffff;
	padding:2% 4%;
	border-radius:4px;
	box-sizing:border-box;
}
.kitbox .first label {
	width:auto;
	margin-bottom:2%;
}
#delivery_kit .ex {
	margin:6% 10% 4%;
	font-size:11px;
	line-height:1.2;
}
#delivery_kit .ex ul {
	overflow:hidden;
}
#delivery_kit .ex ul li {
	width:48%;
	float:right;
}
#delivery_kit .ex p {
	color:#f00;
	margin-top:5px;
}
#delivery_kit .ex ul li:first-child {
	float:left;
}
#delivery_kit .ex ul li img {
	width:100%;
	height:auto;
}
#delivery_kit .ex ul li span {
	display:block;
}

#flow .step {
	border:6px solid #421f06;
	padding:5% 3% 3%;
	background:#fff;
}
#flow .step h3 {
	margin-bottom:3%;
}
#flow .step1 .image {
	margin-bottom:3%;
}
#flow .step1 .bold {
	font-weight:bold;
	color:#cf1c3e;
	margin:4% 0;
}
#flow .contact {
	border-top:4px solid #421f06;
	background:url(../img/flow/flow_bg.jpg) 0 0 repeat;
	padding:2% 3% 3%;
}
#flow .contact ul li {
	margin-top:3%;
}

#flow .step .image {
	margin:4% 0;
}
#flow .ready ul {
	background:#421f06;
	padding:2%;
}
#flow .ready ul li.t {
	background:#fff;
	margin-top:2%;
	padding:2% 3% 3%;
}
#flow .ready ul li.t p {
	margin:2% 0 0;
}
#flow .ready ul li .btn {
	margin-top:2%;
}
#flow .step3 p {
	margin-bottom:4%;
}
#flow .after {
	margin-top:4%;
}

#comp {
	text-align:center;
}
#comp h2 {
	background:#532906;
	padding:3%;
	color:#fff;
	margin-bottom:15px;
}
#comp .inn .btn {
	margin-top:6%;
}
#comp .inn .btn a {
	display:inline-block;
	margin:0 auto;
	padding:2% 20%;
	color:#fff;
	background:#ab152e;
	font-size:116.7%;
	font-weight:bold;
	border-radius:4px;
}
#comp .contact_wrap {
	border-color:#532906;
	padding-bottom:6%;
}
#about .table table {
	width:100%;
}
#about .table table th,
#about .table table td {
	border-bottom:1px dotted #a7861d;
	padding:10px 20px;
}
#about .table table th {
	background:#f8f6ef;
	font-size:81.20%;
	font-weight:normal;
	text-align:left;
	width:100px;
}
#about .table table td {
	font-size:80%;
}
#about .table table td a {
	color:#8e2200;
}


/* .detailArea */
.detailArea {
	padding:3%;
	margin:0 2% 3%;
	background:#532906;
}
.detailArea p {
	margin:0;
}
.detailArea .detail {
	clear:both;
	padding:3%;
	background:#fff;
}
.detailArea .headTitle03 {
	color: #604c3f;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 4%;
	margin-bottom: 4%;
	border-bottom: 1px dotted #503c28;
}

/* LP
----------------------------*/
#lp .header {
	margin-bottom:6%;
}
#lp .header h3 {
	margin-top:6%;
}
#lp .about {
	background:#421f06;
	padding:6% 2%;
}
#lp .about ul {
	overflow:hidden;
}
#lp .about ul li {
	float:left;
	width:49%;
	margin-top:2%;
	text-align:center;
}
#lp .about ul li:nth-child(even) {
	float:right;
}
#lp .about .tx1 {margin-bottom:4%;}
#lp .about .tx2 {margin-top:4%;}
#lp .tel,
#lp .form_bnr {
	margin:6% 5%;
}
#lp .other {
	background:#421f06;
	padding:6% 4%;
	text-align:center;
	margin:6% 0 0;
}
#lp .other ul li {
	margin-top:4%;
}
#lp .other ul li:first-child {
	margin-top:0;
}
#lp .service {
	padding:6% 4%;
	border-bottom:3px solid #e5e5e5;
	background:url(../img/lp/lp_bg.jpg) center center repeat;
}
#lp .service li {
	margin-top:4%;
}
#lp .point {
	margin-bottom:6%;
	margin-left:1%;
	margin-right:1%;
}
#lp .point .in {
	border:4px solid #532906;
	background:url(../img/top/point_bg.jpg) center center repeat;
	padding:2%;
}
#lp .point .in .sect {
	border:4px solid #532906;
	padding:3%;
	margin:2% 0;
	background:#fff;
}
#lp .point .in .sect h4 {
	margin-bottom:2%;
}
#lp_ft {
	position:relative;
}
#lp_ft #ft {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
}
#footer_lp {
	padding:2%;
	background:url(../img/lp/ft_bg.jpg) center center repeat;
	border-top:2px solid #8e2200;
}
#footer_lp table {
	width:100%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	table-layout:fixed;
}
#footer_lp table td {
	text-align:center;
	padding:1%;
}