﻿@charset "utf-8";

/**
 * お問合せ（買取）・ブロック定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2018 Polaris, Inc.
 *
 */
.BLK15002
{
    margin: 2rem auto 8rem;
}
.BLK15002 .frame
{
    margin:4rem auto 0;
    width:760px;
}
.BLK15002 div.preface
{
    position:relative;
    margin:50px auto 3rem auto;
    width:760px;
    max-width:100%;
}
.BLK15002 div.preface > div:nth-of-type(1)
{
    position:absolute;
    display:flex;
    float:left;
    width:52%;
    height:100%;
    align-items:center;
}
.BLK15002 div.preface > div:nth-of-type(1) > p
{
    padding-left:0.8rem;
    line-height:2rem;
    font-size:1.2rem;
}
.BLK15002 div.preface > div:nth-of-type(2)
{
    float:right;
    width:33%;
    text-align:center;
}
.BLK15002 div.preface > div:nth-of-type(2) > img
{
    max-width:100%;
    vertical-align: bottom;
}
.BLK15002 div.frame a.privacy
{
    position:relative;
    display:inline-block;
    margin-top:1rem;
    padding-bottom:0.3rem;
    font-size:1.1rem;
    color:#29a7df;
    border-bottom:2px dashed #aaa;
}
.BLK15002 .frame #button_zip_code
{
    display:inline-block;
    width:100px;
}
.BLK15002 .frame .check_label
{
    display:inline-block;
}
.BLK15002 .frame .mailmagazine
{
    margin-top:1rem;
    padding:1rem;
}
.BLK15002 .frame .mailmagazine > p:nth-of-type(1)
{
    font-size:1.2rem;
}
.BLK15002 .frame .mailmagazine > p:nth-of-type(2)
{
    margin-top:0.5rem;
}
.BLK15002 .frame .mailmagazine .check_label
{
    margin-top:0.5rem;
}
.BLK15002 .frame .mailmagazine > p:nth-of-type(3)
{
    margin-top:0.5rem;
}
.BLK15002 .frame #manufacturing_date,
.BLK15002 .frame #purchase_year
{
    width:7rem;
}
.BLK15002 .frame #manufacturing_date + span,
.BLK15002 .frame #purchase_year + span
{
    margin-left:1rem;
}
.BLK15002 .tips,
.BLK15002 .sms
{
    display:block;
    font-size:0.7rem;
    line-height:1rem;
    color:#555;
}

/* 確認画面 */
.BLK15002 div.frame > div.foreword
{
    margin:30px auto 2rem;
}
.BLK15002 div.frame > div.foreword > p
{
    line-height:2;
    font-size:1.1rem;
}
/* 完了画面 */
.BLK15002 div.frame h1.title0
{
    margin:3rem 0 5rem 0;
}
.BLK15002 div.frame.complete div.description
{
    margin:0 auto 5rem auto;
    width:95%;
}
.BLK15002 div.frame.complete > div.section > div
{
    width:95%;
    margin-bottom:8rem;
}
.BLK15002 div.frame.complete > div.section > div > p
{
    margin:0 auto;
    width:80%;
    font-size:1.4rem;
}
@media screen and (max-width:960px)
{
    .BLK15002
    {
        width:98%;
    }
    .BLK15002 .frame
    {
        margin-top:2rem;
        width:100%;
    }
    .BLK15002 div.frame > div.foreword
    {
        width:96%;
    }
    .BLK15002 div.preface
    {
        margin:0 auto 3rem auto;
    }    
    .BLK15002 div.preface > div:nth-of-type(1)
    {
        display:block;
        position:relative;
        margin-bottom:1rem;
        width:100%;
    }
    .BLK15002 div.preface > div:nth-of-type(2)
    {
        clear:both;
        width:100%;
    }
    .BLK15002 div.preface > div:nth-of-type(2) > img
    {
        width:60%;
    }
}