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

/* ====================================
LINE査定
====================================== */
#lineMv {
	width: 100%;
	margin: auto;
	padding: 0 0 57vw;
	background: url("../img/line_mv_bg.png") no-repeat center bottom;
	background-size: 100%;
}

.lineConts {
	width: 88%;
	margin: auto;
	text-align: center;
}

.lineConts .lineTtl {
	padding-bottom: 40px;
	font-size: 5.0rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	color: #00b900;
	margin-bottom: 17px;
	background: url("../img/line_mv_logo.png") no-repeat center bottom;
}

.lineMvTxt1 {
	margin-bottom: 15px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.14em;
}

.lineMvTxt2 {
	width: 100%;
	margin-bottom: 15px;
}

.lineMvGuide {
	width: 90%;
	margin: 0 auto 20px;
}

.lineMvTxt3 {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.08em;
}

.lineSe {
	width: 100%;
	margin: 0 auto 40px;
}

#lineSe4 {
	margin-bottom: 0;
}

.lineSe .contsTtl {
	position: relative;
	padding: 13px 0 13px 60px;
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.1em;
	background-color: #00b900;
}

.lineSe .contsTtl:before {
	content: "";
	position: absolute;
	top: -20px;
	left: 10px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#lineSe1 .contsTtl:before {
	background-image: url("../img/line_conts_ttl_step1.png");
}

#lineSe2 .contsTtl:before {
	background-image: url("../img/line_conts_ttl_step2.png");
}

#lineSe3 .contsTtl:before {
	background-image: url("../img/line_conts_ttl_step3.png");
}

#lineSe4 .contsTtl:before {
	background-image: url("../img/line_conts_ttl_step4.png");
}

.lineSeIn {
	padding: 0 20px;
}

.stp1L,
.stp1R {
	border: 3px solid #000;
	padding: 4%;
}

.stp1L {
	float: left;
	width: 100%;
	margin-bottom: 5.3vw;
}

.stp1R {
	float: right;
	width: 100%;
}

.qrcode {
	width: 208px;
}

.stp1BoxTtl {
	padding: 13px 0;
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	letter-spacing: 0.08em;
	background-color: #000;
}

.stp1BoxTxt,
.stp1R ul {
	margin-bottom: 8px;
}

.stp1BoxTxt,
.stp1R li {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.lineCapL {
	float: left;
}

.lineCapR {
	float: right;
}

.lineCapL,
.lineCapR {
	width: 47.7%;
	margin: 0 auto 2.6vw;
	text-align: center;
}


/* 査定をしたい製品の写真を撮る */
.lineSe2InTtl {
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.08em;
}

.lineSeL {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.picBox {
	float: left;
	width: 48.5%;
	margin-bottom: 25px;
}

.picBox:nth-of-type(odd) {
	margin-right: 2.5%;
}

.smplImg {
	margin-bottom: 15px;
}

.smplImg img {
	width: 100%;
}

.smplCap {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}

.smplCap:before {
	content: url("../img/line_icon02.png");
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

.lineSe2R {
	float: right;
	width: 100%;
}

.lineSeTxtTop {
	margin-bottom: 15px;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.lineSeTxtBot {
	padding: 20px;
	background-color: #fff2c7;
	border-radius: 10px;
}

.txtBotTtl {
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.06em;
}

.txtBotTtl:before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 26px;
	margin-right: 4px;
	background: url("../img/line_icon01.png") no-repeat 0 0;
	background-size: 100%;
	vertical-align: -3px;
}

.picPoint1,
.picPoint2 {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.08em;
}

.picPoint1 {
	margin-bottom: 10px;
}


/* 「トーク」より写真とメッセージ送付, 査定金額のご連絡 */
.lineSeConts {
	padding: 0 20px;
}

.lineSeImg,
.lineSeDes {
	display: inline-block;
	vertical-align: middle;
}

.lineSeImg {
	width: 100%;
	margin-bottom: 15px;
}

.lineSeImg img {
	width: 100%;
}

.lineSeDes {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.tsuikaLine {
	width: 48%;
	margin: auto;
}