@charset "utf-8";

/**
* お問合せ（買取）・ブロック定義
*
* CSS versions
*
* @category   Web Application
* @package    Argus
* @copyright  2018 Polaris, Inc.
*
*/
.BLK15007
{
margin: 2rem auto 8rem;
}
.BLK15007 .frame
{
margin:4rem auto 0;
width:760px;
}
.BLK15007 div.preface
{
position:relative;
margin:50px auto 3rem auto;
width:760px;
max-width:100%;
}
.BLK15007 div.preface > div:nth-of-type(1)
{
position:absolute;
display:flex;
float:left;
width:52%;
height:100%;
align-items:center;
}
.BLK15007 div.preface > div:nth-of-type(1) > p
{
padding-left:0.8rem;
line-height:2rem;
font-size:1.2rem;
}
.BLK15007 div.preface > div:nth-of-type(2)
{
float:right;
width:33%;
text-align:center;
}
.BLK15007 div.preface > div:nth-of-type(2) > img
{
max-width:100%;
vertical-align: bottom;
}
.BLK15007 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;
}
.BLK15007 .frame #button_zip_code
{
display:inline-block;
width:100px;
}
.BLK15007 .frame .check_label
{
display:inline-block;
}
.BLK15007 .frame .mailmagazine
{
margin-top:1rem;
padding:1rem;
}
.BLK15007 .frame .mailmagazine > p:nth-of-type(1)
{
font-size:1.2rem;
}
.BLK15007 .frame .mailmagazine > p:nth-of-type(2)
{
margin-top:0.5rem;
}
.BLK15007 .frame .mailmagazine .check_label
{
margin-top:0.5rem;
}
.BLK15007 .frame .mailmagazine > p:nth-of-type(3)
{
margin-top:0.5rem;
}
.BLK15007 .frame #manufacturing_date,
.BLK15007 .frame #purchase_year
{
width:7rem;
}
.BLK15007 .frame #manufacturing_date + span,
.BLK15007 .frame #purchase_year + span
{
margin-left:1rem;
}
.BLK15007 .tips,
.BLK15007 .sms
{
display:block;
font-size:0.7rem;
line-height:1rem;
color:#555;
}

/* 確認画面 */
.BLK15007 div.frame > div.foreword
{
margin:30px auto 2rem;
}
.BLK15007 div.frame > div.foreword > p
{
line-height:2;
font-size:1.1rem;
}
/* 完了画面 */
.BLK15007 div.frame h1.title0
{
margin:3rem 0 5rem 0;
}
.BLK15007 div.frame.complete div.description
{
margin:0 auto 5rem auto;
width:95%;
}
.BLK15007 div.frame.complete > div.section > div
{
width:95%;
margin-bottom:8rem;
}
.BLK15007 div.frame.complete > div.section > div > p
{
margin:0 auto;
width:80%;
font-size:1.4rem;
}
@media screen and (max-width:960px)
{
.BLK15007
{
width:98%;
}
.BLK15007 .frame
{
margin-top:2rem;
width:100%;
}
.BLK15007 div.frame > div.foreword
{
width:96%;
}
.BLK15007 div.preface
{
margin:0 auto 3rem auto;
}
.BLK15007 div.preface > div:nth-of-type(1)
{
display:block;
position:relative;
margin-bottom:1rem;
width:100%;
}
.BLK15007 div.preface > div:nth-of-type(2)
{
clear:both;
width:100%;
}
.BLK15007 div.preface > div:nth-of-type(2) > img
{
width:60%;
}
}