@charset "UTF-8";

/*==================================
 * 買取ページ
==================================*/
h2.tit_purchase {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 35px;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width:480px){    
    h2.tit_purchase {
        font-size: 28px;
        margin: 0 10px 20px 10px;
    }
}

/** アイコン */
.icon_purchase {
    width: 100%;
    margin-bottom: 20px;
}

.icon_purchase img {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:480px){    
    .icon_purchase img {
        width: 20%;
        text-align: center;
    }
}

/** LINE友だち追加 */
.line_box {
    margin-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 40px 0 20px 0;
}

.line_box h2 {
    text-align: center;
}

.line_box p {
    font-size: 15px;
}

.line_box_registration {
    padding: 30px 50px 0px 50px;
}

.line_box_registration_sp {
    width: 47%;
    float: left;
    display: inline-block;
}

.line_box_registration_pc {
    width: 47%;
    float: right;
    display: inline-block;
}

.line_box_registration_sp h3,
.line_box_registration_pc h3 {
    background-color: #f6f6f6;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.line_box_registration_sp_txt,
.line_box_registration_pc_txt {
    float: left;
    display: inline-block;
    padding-left: 10px;
}

.line_box_registration_sp_btn,
.line_box_registration_pc_qr {
    float: right;
    display: inline-block;
    padding-right: 10px;
}

.line_box_registration_sp_btn a:hover {
    opacity: 0.7;
}

@media screen and (max-width:480px){    
    .line_box {
        padding: 20px 10px;
    }
    
    .line_box h2 img {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .line_box p {
        font-size: 14px;
    }
    
    .line_box_registration {
        padding: 0;
    }
    
    .line_box_registration_sp,
    .line_box_registration_pc {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .line_box_registration_sp h3,
    .line_box_registration_pc h3 {
        margin-top: 15px;
    }
    
    .line_box_registration_sp_txt,
    .line_box_registration_pc_txt,
    .line_box_registration_sp_btn,
    .line_box_registration_pc_qr {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 10px;
    }
}

/** 流れ*/
.purchase_flow_box {
    padding: 0 50px;
    margin-bottom: 40px;
}

.purchase_flow_box_lt {
    width: 30%;
    float: left;
}

.purchase_flow_box_rt {
    width: 68%;
    float: right;
    padding-top: 10px;
    font-size: 16px;
}

.purchase_flow_box_lt img {
    width: 100%;
}

@media screen and (max-width:480px){
    .purchase_flow_box {
        width: 100%;
        padding: 0 8px;
    }
    
    .purchase_flow_box_lt,
    .purchase_flow_box_rt {
        width: 100%;
    }
    
    .purchase_flow_box img {
        width: 70%;
        margin: 0 auto;
        display: block;
    }
}

/** Q&A */
.ques_box {
    width: 100%;
}

.ques_box dt, .ques_box dd {
    line-height: 30px;
    position: relative; 
}

.ques_box dt {
    margin-bottom: 10px;
}

.ques_box dd {
    margin-bottom: 50px; 
    margin-left: 0px;
}

.ques_box .ques_txt {
    width: 92%;
    margin: 0 0 0 60px;
    padding: 8px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
}

.ques_box .icon-ques:before {
    top: 3px;
    left: 0;
    width: 40px;
    position: absolute;
    height: 43px;
    display: inline-block;
    content: url(../img/icon_question.png);
}

.ques_box .icon-ans:before {
    top: 3px;
    left: 0;
    width: 40px;
    position: absolute;
    height: 43px;
    display: inline-block;
    content: url(../img/icon_answer.png); 
}
    
@media screen and (max-width:480px){
    .ques_box {
        padding: 0 8px;
    }
    
    .ques_box .ques_txt {
        width: 80%;
        font-size: 15px;
    }
}

/** お約束（3つ枠） */
.purchase_box {
    margin-bottom: 20px;
}

.purchase_box li {
    width: 32%;
    float: left;
    display: inline-block;
    margin-right: 2%;
    border: 2px solid #016a38;
    box-sizing: border-box;
    padding: 20px 15px 15px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
}

.purchase_box li:last-child {
    margin-right: 0%;
}

.purchase_box li img {
    display: block;
    margin: 0 auto 20px auto;
}

.purchase_box li h3 {
    font-size: 20px;
    color: #016a38;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media screen and (max-width:480px){
    .purchase_box li {
        width: 100%;
        margin: 0 0 20px 0;
    }
}



/*==================================
* 任意売却
==================================*/
.voluntary_box {
    width: 100%;
}

.voluntary_box_flow {
    width: 890px;
    float: left;
    display: inline-block;
    margin-bottom: 50px;
}

.voluntary_period {
    width: 40px;
    float: right;
    display: inline-block;
}

.voluntary_box_flow_lt {
    width: 200px;
    float: left;
    display: inline-block;
}

.voluntary_box_flow_rt {
    width: 660px;
    float: right;
    display: inline-block;
}

.voluntary_box_flow_rt.__last {
    padding-top: 80px;
}

.voluntary_box_flow_rt h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #aa0f46;
}

.voluntary_box_flow_rt p {
    font-size: 16px;
}

.bg_red {
    background: #aa0f46;
    padding: 5px;
    text-align: center;
    color: #FFF;
}

.bg_red p {
    font-size: 20px;
    font-weight: bold;
}

.bg_red span.new-line {
    font-size: 25px;
    font-weight: bold;
}

.ninbai_hikaku_lt {
    width: 200px;
    float: left;
    display: inline-block;
}

.ninbai_hikaku_rt {
    width: 700px;
    float: right;
    display: inline-block;
}

.ninbai_hikaku_rt .tit_hikaku {
    background: #016a38;
    color: #FFF;
    font-size: 17px;
}

.ninbai_hikaku_rt th,
.ninbai_hikaku_rt td {
    border: 1px solid #b4b4b4;
}

.ninbai_hikaku_rt td {
    font-size: 15px;
    text-align: center;
}

.ninbai_hikaku_rt .bg_white {
    background: #FFF;
}

.ninbai_hikaku_rt .bg_green {
    background: #e6f0eb;
}

.ninbai_hikaku_rt .txt_green {
    color: #016a38;
}

.ninbai_hikaku_rt .bg_gray {
    background: #f0f0f0;
}

.ninbai_hikaku_rt .txt_gray {
    color: #333;
}

@media screen and (max-width:480px){
    .voluntary_box {
        padding: 0 10px;
    }
    
    .voluntary_box_flow {
        width: 83%;
        margin-bottom: 20px;
    }
    
    .voluntary_period {
        width: 15%;
        padding-top: 20px;
    }
    
    .voluntary_box_flow_lt,
    .voluntary_box_flow_rt {
        width: 100%;
    }
    
    .voluntary_box_flow_lt img {
        width: 60%;
        display: block;
        margin: 0 auto 10px auto;
    }
    
    .voluntary_box_flow_rt.__last {
        padding: 0;
    }
    
    .voluntary_box_flow_rt h3 {
        font-size: 16px;
    }
    
    .voluntary_box_flow_rt p {
        font-size: 14px;
    }
    
    .bg_red span.new-line {
        content: "\A" ;
        white-space: pre;
    }
    
    .ninbai_hikaku_lt,
    .ninbai_hikaku_rt {
        float: none;
        width: 100%;
        padding: 0 10px;
    }
    
    .ninbai_hikaku_lt img {
        width: 50%;
        margin: 0 auto 30px auto;
        display: block;
    }
}

/** 任意売却と競売との違い */
.comparison_box {
    margin-bottom: 15px;
}

.comparison_box_ninbai,
.comparison_box_keibai {
    width: 47%;
    height: 85px;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

.bd_none {
    border-bottom: none;
    height: auto;
}

.comparison_box_ninbai {
    float: left;
}

.comparison_box_keibai {
    float: right;
}

.comparison_box_ninbai h2,
.comparison_box_keibai h2 {
    background: #016a38;
    color: #FFF;
    padding: 7px;
    text-align: center;
    margin-bottom: 10px;
}

.comparison_box_keibai h2 {
    background: #666;
}

.comparison_box_ninbai h3,
.comparison_box_keibai h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.comparison_box_ninbai h3:before,
.comparison_box_keibai h3:before {
    content:"■"
}

@media screen and (max-width:480px){    
    .comparison_box_ninbai,
    .comparison_box_keibai {
        width: 49%;
        height: auto;
        padding: 0 10px;
        border: none;
    }
}

/** 任意売却の大きなメリット */
.merit_box {
    width: 700px;
    margin: 0 auto 50px auto;
    border: 1px solid #aa0f46;
    background: #f6e7ec;
    padding: 30px 50px;
    box-sizing: border-box;
    border-radius: 8px;
}

.merit_box li {
    font-size: 17px;
    margin-bottom: 8px;
}

.merit_box li:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width:480px){    
    .merit_box {
        width: 90%;
        padding: 10px;
    }
    
    .merit_box li {
        font-size: 15px;
    }
}

/** タイトル（センター） */
h2.tit__ninbai {
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px;
}

@media screen and (max-width:480px){    
    h2.tit__ninbai {
        font-size: 20px;
        margin-bottom: 15px;
    }
}



/*==================================
 * 問合せ
==================================*/
/** 査定付き問合せ */
@media screen and (min-width:768px) {
    .inquiry_box {
        width: 980px;
        height: 220px;
        background-image: url(../img/inquiry_bg.png);
        background-repeat: no-repeat;
        display: block;
        margin: 10px auto 50px auto;
        position: relative;
    }

    .inquiry_btn_assessment {
        width: 425px;
        height: 60px;
        position: absolute;
        top: 50px;
        left: 225px;
    }

    .inquiry_btn_assessment a {
        display: block;
        overflow: hidden;
        height: 0px;
        width: 425px;
        background-image: url(../img/btn_inquiry_satei.png);
        background-repeat: no-repeat;
        margin: 0;
        padding: 60px 0 0 0;
    }
    
    .inquiry_btn_line {
        width: 285px;
        height: 60px;
        position: absolute;
        top: 50px;
        right: 30px;
    }

    .inquiry_btn_line a {
        display: block;
        overflow: hidden;
        height: 0px;
        width: 285px;
        background-image: url(../img/btn_inquiry_line.png);
        background-repeat: no-repeat;
        margin: 0;
        padding: 60px 0 0 0;
    }

    .inquiry_btn_mail {
        position: absolute;
        top: 125px;
        right: 30px;
        font-size: 17px;
        font-weight: bold;
    }

    .inquiry_btn_mail a {
        text-decoration: none;
        background: #cccccc;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #000;
        display: block;
        padding: 12px 40px 10px 40px;
    }

    .inquiry_btn_assessment:hover,
    .inquiry_btn_line:hover,
    .inquiry_btn_mail:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width:760px){
    .inquiry_box {
        width: 100%;
        padding: 0 8px;
    }
    
    .inquiry_btn_assessment a {
        width: 100%;
        height: 120px;
        background-image: url(../img/inquiry_sp.png);
        background-repeat: no-repeat;
        background-size:contain;
        display: block;
        text-indent:100%;
        white-space:nowrap;
        overflow:hidden;
        margin-bottom: 10px;
    }
    
    .inquiry_btn_line a {
        width: 100%;
        height: 60px;
        background-image: url(../img/btn_inquiry_line_sp.png);
        background-repeat: no-repeat;
        background-size:contain;
        display: block;
        text-indent:100%;
        white-space:nowrap;
        overflow:hidden;
        margin-bottom: 10px;
    }
    
    .inquiry_btn_mail a {
        text-decoration: none;
        text-align: center;
        background: #016a38;
        color: #FFF;
        display: block;
        padding: 10px 0;
        margin-bottom: 20px;
    }
}

/** メール問合せ */
@media screen and (min-width:768px) {
    .inquiry_mail_box {
        width: 980px;
        height: 180px;
        background-image: url(../img/inquiry__mail.png);
        background-repeat: no-repeat;
        display: block;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    
    .inquiry_mail_box_btn {
        position: absolute;
        top: 90px;
        right: 30px;
        font-size: 17px;
        font-weight: bold;
    }

    .inquiry_mail_box_btn a {
        text-decoration: none;
        background: #cccccc;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #000;
        display: block;
        padding: 12px 40px 10px 40px;
    }

    .inquiry_mail_box_btn:hover {
        opacity: 0.7;
    }
}
    
@media screen and (max-width:760px){
    .inquiry_mail_box {
        width: 90%;
        margin: 0 auto 30px auto;
    }
        
    .inquiry_mail_box a {
        width: 100%;
        height: 100px;
        background-image: url(../img/inquiry__mail__sp.png);
        background-repeat: no-repeat;
        background-size:contain;
        display: block;
        text-indent:100%;
        white-space:nowrap;
        overflow:hidden;
        margin-bottom: 10px;
    }
}


/*==================================
 * サイドあいさつ文
==================================*/
.bd_green {
    border: 2px solid #016a38;
    padding: 7px;
}