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

/* ====================================
LINE査定
====================================== */
#lineMv {
    width: 1080px;
    margin: auto;
    padding: 92px 0;
    background: url("../img/line_mv_bg.png") no-repeat center top;
    background-size: cover;
}
@media screen and (max-width:1080px) {
    #lineMv {
        width: 100%;
        padding: 92px 3%;
    }
}

.lineConts {
    width: 574px;
    text-align: center;
}

.lineConts .lineTtl {
    padding-bottom: 47px;
    font-size: 5.6rem;
    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: 29px;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0.14em;
}

.lineMvTxt2 { margin-bottom: 20px;}

.lineMvGuide { margin-bottom: 35px;}

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

.lineSe {
    width: 1080px;
    margin: 0 auto 60px;
}
#lineSe4 { margin-bottom: 0;}

@media screen and (max-width:1100px) {
    .lineSe { width: 100%;}
}

.lineSe .contsTtl {
    position: relative;    
    padding: 17px 0 17px 130px;
    margin-bottom: 40px;
    font-size: 2.7rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.1em;
    background-color: #00b900;
}

.lineSe .contsTtl:before {
    content: "";
    position: absolute;
    top: -39px;
    left:  21px;
    width: 94px;
    height: 90px;
    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: 5px solid #000;
    padding: 20px;
}

.stp1L {
    float: left;
    width: 400px;
}
.stp1R {
    float: right;
    width: 600px;
}

@media screen and (max-width:1100px) {
    .stp1L { width: 39%;}
    .stp1R { width: 59%;}    
}

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

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

.stp1BoxTxt,
.stp1R li {
    font-size: 1.6rem;
    line-height: 1.5;
}

.lineCapL { float: left;}
.lineCapR { float: right;}


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

.lineSeL {
    float: left;
    width: 476px;
}

.picBox {
    float: left;
    width: 228px;
    margin-bottom: 27px;
}

.picBox:nth-of-type(odd) { margin-right: 20px;}

.smplImg { margin-bottom: 17px;}

.smplImg img { width: 100%;}

.smplCap {
    font-size: 1.6rem;
    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: 520px;
}

@media screen and (max-width:1100px) {
    .lineSeL { width: 44%;}
    .lineSeR { width: 52%;}

    .picBox { width: 48%;}

    .picBox:nth-of-type(2n+1) { margin-right: 3%;}
}

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

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

.txtBotTtl {
    margin-bottom: 27px;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0.08em;
}
@media screen and (max-width:1100px) {
    .txtBotTtl { letter-spacing: 0.05em;}
}

.txtBotTtl:before {
    content: url("../img/line_icon01.png");
    display: inline-block;
    margin-right: 15px;
    vertical-align: -6px;
}

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

.picPoint1 { margin-bottom: 10px;}


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

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

.lineSeImg {
    width: 475px;
    margin-right: 40px;
}

.lineSeImg img { width: 100%;}

.lineSeDes {
    width: 520px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

@media screen and (max-width:1100px) {
    .lineSeImg { width: 43%;}

    .lineSeDes { width: 52%;}
}