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

@charset "utf-8";

/**
 * 高価買取・査定　今すぐ査定をお考えの方・ブロック定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2018 Polaris, Inc.
 *
 */
/*--------------------------------------------------------
 * 中央エリアテーブル（高価買取・査定関連）
 *--------------------------------------------------------*/
.BLK10300 #seller
{
    margin:0 auto 10rem;
    width:94%;
}
.BLK10300 #seller .purchase_description
{	
    width:94%;
    margin:50px auto;
    padding:10px 0;
}
.BLK10300 #seller .purchase_description p
{
    margin:30px auto 0;
    line-height:30px;
    font-size:1.7em;
    font-weight:bold;
    text-align:center;
    color:#333333;
}
.BLK10300 #seller .purchase_description p.right_now
{
    color:#ff2828;
}
.BLK10300 #seller .purchase_description .voice
{
    margin:5rem auto 0;
}
.BLK10300 #seller .purchase_description .voice a
{
    padding:1.2rem;
    max-width:260px;
    font-size:1.2rem;
    color:#0066cc;
    border:1px solid #0066cc;
    border-radius:15px;
}
.BLK10300 #seller .purchase_description .voice a span
{
    color:#0066cc;
}
.BLK10300 #seller .purchase_description .features
{
    margin:6rem auto 8rem;
}
.BLK10300 #seller .purchase_description .features h2
{
    padding:0rem 1.2rem 0.5rem;
    text-align:left;
    letter-spacing:0.2rem;
    font-size:1.8rem;
    color:#313131;
    border-bottom:3px solid #b3b3b3;
}
.BLK10300 #seller .purchase_description .features h2 span
{
    font-size:2.5rem;
    color:#ff4000;
}
.BLK10300 #seller .purchase_description .features ul
{
    margin:3rem auto 1rem;
    padding:0 1.5rem;
}
.BLK10300 #seller .purchase_description .features li
{
    margin:2.5rem 0;
    text-align:left;
}
.BLK10300 #seller .purchase_description .features li .title
{
    font-size:1.5rem;
    font-weight:bold;
    color:#023499;
}
.BLK10300 #seller .purchase_description .features li div:nth-of-type(2)
{
    padding:1rem 2rem 0;
    font-size:1.1rem;
}
.BLK10300 #seller .purchase_description img
{
    width:100%;
    max-width:900px;
}
.BLK10300 #seller .nationwide_support
{
    margin:5px auto 30px;
    padding:15px;
    width:94%;
    font-size:2.3rem;
    background:#ff4000e7;
    border-radius:7px;
    color:#fff;
}
.BLK10300 #seller .example_inquiry
{
    overflow:hidden;
    margin:60px auto 60px;
    padding:10px;
    font-size:1.7rem;
    font-weight:bold;
    background-color:#0066cc;
    border-radius:7px;
    color:#fff;
}
.BLK10300 #seller .main_product
{
    margin:50px auto 100px;
}
.BLK10300 #seller .main_product p
{
    clear:both;
    font-size:1.7rem;
    font-weight:bold;
}
.BLK10300 #seller .main_product_item
{
    float:left;
    margin:20px auto;
    width:33%;
    height:auto;
    font-size:1.4rem;
    font-weight:bold;
}
.BLK10300 #seller .main_product_item p
{
    padding-bottom:30px;
    color:#333333;
}
.BLK10300 #seller .main_product_item a p{
  color: #023499;
		text-decoration: underline;
}

.BLK10300 #seller .main_product_item img
{
    width:90%;
    max-width:240px;
}
.BLK10300 #seller .another_product
{
    padding-top:30px;
}
.BLK10300 #seller .another_product span
{
    padding:7px;
    font-size:2.2rem;
    color:#2989d8;
}
.BLK10300 #seller a.product_line
{
    display:block;
    margin:3rem auto 0;
    padding:1.2rem;
    width:260px;
    font-size:1.2rem;
    color:#0066cc;
    border:1px solid #0066cc;
    border-radius:15px;
}
.BLK10300 #seller .supplier
{
    margin:60px auto 50px;
}
.BLK10300 #seller .supplier_name
{
    margin:30px auto;
    padding:1px 0;
    font-size:1.8rem;
    font-weight:bold;
    text-align:left;
    color:#333333;
    border-bottom:3px solid #66ccff;
}
.BLK10300 #seller .situation
{
    margin:40px 0 0 20px;
    text-align:left;
    font-size:1.5rem;
    font-weight:bold;
    color:#023499;
}
.BLK10300 #seller .situation::before
{
    content: "■";
    font-size:2.3rem;
    color:#0066cc;
}
.BLK10300 #seller .supplier span
{
    padding:10px 0 15px 20px;
    text-align:left;
    font-size:1.3rem;
    font-weight:normal;
    color:#333333;
}
.BLK10300 #seller .process_content
{
    margin:30px auto;
}
.BLK10300 #seller .process_item
{
    overflow:hidden;
    padding-bottom:20px;
    margin:20px auto;
    background-color:#eaeaea;
}
.BLK10300 #seller .process_item h3
{
    margin:15px auto;
    font-size:2rem;
    text-align:center;
    color:#0066cc;
}
.BLK10300 #seller .process_item p
{
    margin:20px 10px;
    font-size:1.3rem;
    text-align:center;
}
.BLK10300 #seller .process_item table
{
    width:96%;
    border-collapse:separate;
    border-spacing:20px;
    margin:20px auto;
    background-color:#bbdefb;
}
.BLK10300 #seller .process_item th
{
    width:40%;
    text-align:center;
    padding:15px;
    font-size:1.3rem;
    font-weight:normal;
    color:#ffffff;
    background-color:#0066cc;
    border-radius:10px;
}
.BLK10300 #seller .process_item td
{
    font-size:1.3rem;
    text-align:center;
}
.BLK10300 #seller .assessment_application
{
    position:relative;
    float:left;
    width:32%;
    height:270px;
    margin-left:1%;
    border:1px solid  #e7e7e7;
    background-color:#ffffff;
}
.BLK10300 #seller .assessment_application h4
{
    padding:15px;
    font-size:1.9rem;
    font-weight:bold;
    color:#023499;
}
.BLK10300 #seller .assessment_tel
{
    top:0;
    bottom:0;
    margin:30px auto;
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
}
.BLK10300 #seller .assessment_tel span
{
    position:relative;
}
.BLK10300 #seller .assessment_tel span::before
{
    position:absolute;
    top:-0.2rem;
    left:-3.0rem;
    content:url(/contents/block/10300/freedial_blue.png);
    font-size:0.6rem;
}
.BLK10300 #seller .assessment_tel span::after
{
    position:absolute;
    top:0.8rem;
    left:0;
    content:"ヨイイリョウはダブルオーセブン";
    font-size:0.8rem;
}
.BLK10300 #seller .fax
{
    font-size:2rem;
}
.BLK10300 #seller .click
{
    margin-top:10px;
    padding:0.5rem 0;
    font-size:1.2rem;
    margin:5px;
}
.BLK10300 #seller .assessment_application div.assessment_tel a
{
    margin-left:2rem;
    font-size:2rem;
    color:#000;
}
.BLK10300 #seller div.item_list_form
{
    margin-top:4rem;
    padding:2rem 1%;
    background-color:#f5f5f5;
}
.BLK10300 #seller div.item_list_form > div:nth-of-type(1)
{
    padding:1rem 1.2rem;
}
.BLK10300 #seller div.item_list_form > div:nth-of-type(1) > p
{
    margin:1rem 0;
    text-align:left;
    font-size:1.2rem;
    font-weight:normal;
}
.BLK10300 #seller div.item_list_form table
{
    margin-top:1rem;
    width:100%;
    background-color:#fff;
    border:1px solid #aaa;
}
.BLK10300 #seller div.item_list_form table tr td div
{
    padding:1rem 0;
    margin:0 auto;
    width:90%;
}
.BLK10300 #seller div.item_list_form table tr:not(:last-child) div
{
    border-bottom:1px solid #0066cc;
}
.BLK10300 #seller div.item_list_form table tr td div p
{
    margin:0;
    font-size:1.2rem;
}
.BLK10300 #seller .assessment_form
{
    margin:10px auto;
    max-width:260px;
    font-size:20px;
    background:linear-gradient(#295FCC, #023499);
    border-radius:8px;
    color:#ffffff;
}
.BLK10300 #seller .assessment_application div.assessment_sheet a,
.BLK10300 #seller div.assessment_form a
{
    display:block;
    padding:0.7em 0.3em;
    height:100%;
    color:#fff;
}
.BLK10300 #seller div.assessment_form a
{
    padding-left:3rem;
}
.BLK10300 #seller div.assessment_form a span
{
    position:relative;
}
.BLK10300 #seller div.assessment_form a span::before
{
    content:"";
    display:inline-block;
    position:absolute;
    left:-2.5rem;
    top:-0rem;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}
.BLK10300 #seller .assessment_sheet
{
    margin:10px auto 5px;
    width:80%;
    max-width:260px;
    font-size:20px;
    background:linear-gradient(#ff6633, #ff4000);
    border-radius:8px;
    color:#ffffff;
}
.BLK10300 #seller .go_assessment
{
    position:relative;
    display:block;
    margin:50px auto;
    padding:20px;
    width:80%;
    font-size:1.9rem;
    background:linear-gradient(#ff6633, #ff4000);
    border-radius:7px;
    color:#ffffff;
}

.BLK10300 #seller .btnList{
	margin: 0px;
	padding: 30px 0px;
}
.BLK10300 #seller .btnList .tabbtn{
 margin: 4px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}
.BLK10300 #seller .btnList .tabbtn a{
 display: inline-block;
	padding: 3px 10px;
	font-size: 18px;
	font-weight: bold;
	background: #023499;
	border: 2px solid #023499;
	border-radius: 5px;
	color: #FFF;
	transition: all 300ms 0s ease;
}
.BLK10300 #seller .btnList .tabbtn a:hover{
 background: #FFF;
	color: #023499;
}

@media screen and (min-width:0px) and (max-width:960px) 
{	
    .BLK10300 #seller .purchase_description
    {
        margin:30px auto 0;
    }
    .BLK10300 #seller .purchase_description p
    {
        line-height:25px;
        font-size:1.5rem;
    }
    .BLK10300 #seller .purchase_description span
    {
        font-size:1.5rem;
    }
    .BLK10300 #seller .nationwide_support
    {
        width:100%;
        padding:15px 5px;
        font-size:1.8rem;
        font-weight:bold;
    }
    .BLK10300 #seller .example_inquiry
    {
        width:98%;
        font-size:1.6rem;
        margin:70px auto 40px;
    }
    .BLK10300 #seller .example_inquiry_long
    {
        width:98%;
        margin:80px auto 50px;
        font-size:1.5rem;
    }
    .BLK10300 #seller .main_product
    {
        margin:30px auto 60px;
    }
    .BLK10300 #seller .main_product p
    {
        font-size:1.2rem;
    }
    .BLK10300 #seller .main_product_item
    {
        width:50%;
    }
    .BLK10300 #seller .main_product_item p
    {
        font-size:1.5rem;	
    }
    .BLK10300 #seller .another_product span
    {
        font-size:1.8rem;
    }
    .BLK10300 #seller .supplier
    {
        margin:0 auto;
    }
    .BLK10300 #seller .supplier_name
    {
        margin:50px 10px 25px;
        font-size:1.7rem;
        text-align:left;
    }
    .BLK10300 #seller .supplier p
    {
        padding-left:5px;
        padding-right:5px;
        font-size:1.4rem;
        text-align:left;
    }
    .BLK10300 #seller .situation
    {
        margin:0 10px 30px;
    }
    .BLK10300 #seller .supplier span
    {
        margin-bottom:10px;
        padding-left:0;
        font-size:1.4rem;
    }
    .BLK10300 #seller .assessment_application
    {	
        margin:0 3%;
        width:94%;
        margin-bottom:1rem;
    }
    .BLK10300 #seller .assessment_application:nth-of-type(1)
    {
        height:150px;
    }
    .BLK10300 #seller .assessment_application:nth-of-type(3)
    {
        height:200px;
    }
    .BLK10300 #seller .assessment_application:nth-of-type(2)
    {
        height:270px;
    }
    .BLK10300 #seller .assessment_application h4
    {
        padding:10px;
        font-size:1.8rem;
    }
    .BLK10300 #seller .assessment_tel
    {
        margin:0 auto 5px;
    }
    .BLK10300 #seller .assessment_tel a span
    {
        font-size:2.2rem;
    }	
    .BLK10300 #seller .assessment_tel span::after
    {
        top:1.2rem;
        font-size:0.8rem;
    }
    .BLK10300 #seller .fax
    {
        font-size:2.2rem;
    }
    .BLK10300 #seller .click
    {
        margin:5px auto;
        font-size:1.4rem;
    }
    .BLK10300 #seller .assessment_application p
    {
        margin:10px auto;
    }
    .BLK10300 #seller .assessment_sheet 
    {
        padding:5px;
        margin:5px auto 10px;
        width:70%;
        font-size:1.7rem;
    }
    .BLK10300 #seller .assessment_form 
    {
        padding:5px;
        margin:5px auto 15px;
        width:80%;
        font-size:1.7rem;
    }
    .BLK10300 #seller .process_item
    {
        width:98%;
    }
    .BLK10300 #seller .process_item table
    {
        margin:20px auto;
        width:96%;
        border-spacing:10px;
    }
    .BLK10300 #seller .process_item th
    {
        width:50%;
        font-size:1.4rem;
    }
    .BLK10300 #seller .process_item td
    {
        text-align:left;
        padding:0;
        font-size:1.4rem;
    }
    .BLK10300 #seller .process_item p
    {
        font-size:1.4rem;
        padding-left:5px;
        padding-right:5px;
    }
    .BLK10300 #seller .process_item h3
    {
        padding-left:5px;
        font-size:1.9rem;
    }
    .BLK10300 #seller .go_assessment
    {
        width:80%;
        font-size:1.8rem;
    }
    .BLK10300 #seller .assessment_tel span::before
    {
        top:-0.2rem;
        left:-3.5rem;
    }
}
@media screen and (min-width:0px) and (max-width:680px) 
{
    .BLK10300 #seller
    {
        width:98%;
    }
}

.BLK10300 .seller_faq
{
    text-align:left;
}
.BLK10300 .seller_faq h2
{
    margin:1rem 0;
    font-size:1.3rem;
}
.BLK10300 .seller_faq .title
{
    padding-left:0.5rem;
    border-left:6px solid #1F4799;
    font-size:1.4rem;
}
.BLK10300 .seller_faq .description ul li
{
    padding:1rem 0.5rem;
    border-bottom:1px solid #aaa;
}
.BLK10300 .seller_faq .description ul li p:nth-of-type(1)
{
    position:relative;
    margin-bottom:1rem;
    padding-left:3rem;
}
.BLK10300 .seller_faq .description ul li p:nth-of-type(1):before
{
    position:absolute;
    content:'質問';
    top:0;
    left:0;
    color:#1F4799;
    font-size:1.2rem;
    font-weight:bold;
}
.BLK10300 .seller_faq .description ul li p:nth-of-type(2)
{
    position:relative;
    padding-left:3rem;
}
.BLK10300 .seller_faq .description ul li p:nth-of-type(2):after
{
    position:absolute;
    content:'答え';
    top:0;
    left:0;
    color:#FF6633;
    font-size:1.2rem;
    font-weight:bold;
}
.BLK10300 .go_faq
{
    display:block;
    padding-top:3rem;
}

.BLK10300 #seller .purchaseArea{
	margin: 0px 0px 50px 0px;
	text-align: left;
}
.BLK10300 #seller .purchaseArea h3{
	font-size: 1.5rem;
    font-weight: bold;
    color: #023499;
				margin: 30px 0px 10px 0px;
}
.BLK10300 #seller .purchaseArea p{
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 20px 0px;
}
/* 追従バナー */
.BLK10300 .floating-banner
{
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
}
.BLK10300 .floating-banner .pc
{
    width: 280px;
}
.BLK10300.floating-banner:hover 
{
    opacity: .9;
}
.BLK10300 .floating-banner .sp 
{
    display: none;
}
@media screen and (max-width: 561px) 
{
    .BLK10300 .floating-banner .pc
    {
        display: none;
    }
}
@media screen and (max-width: 560px) 
{
    .BLK10300 .floating-banner .sp 
    {
        display: inline-block;
        vertical-align: top;
        width: 100vw;
    }
}


.BLK10300 #seller .caseArea{
	margin: 0px;
	padding: 0px;
}
.BLK10300 #seller .caseArea .caseMvArea{
	margin: 0px 0px 30px 0px;
	padding: 10px;
	background-color: #023499;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea{
	margin: 0px; 
	width: 60%;
	padding: 0px;
	text-align: left;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea .index{
	margin: 0px 10px 30px 0px;
	padding: 0px;
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea .text{
	margin: 0px 10px 20px 0px;
	padding: 0px;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	color: #FFF;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea .text br{
	display: none;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea{
	margin: 10px 0px 10px 0px; 
	width: 40%;
	position: relative;
	aspect-ratio: 8 / 6;
	background: url(/contents/article/60/seller_area_photo.jpg) center center no-repeat;
	background-size: cover;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea .text{
	position: absolute;
	left: 32%;
	top: 28%;
	width: 33%;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: #FF7214;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	color: #FFF;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea .text .inner{
	padding-top: 35px;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea .num{
	font-size: 22px;
	line-height: 1;
	margin: 0px;
	color: #FFF;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea .men{
	position: absolute;
	    right: 0%;
    bottom: -16px;
    width: 44%;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea .men img{
	width: 100%;
}


.BLK10300 #seller .caseArea .caseList{
	margin: 0px 0px 20px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.BLK10300 #seller .caseArea .caseList .caseBox{
	margin: 0px 20px 0px 0px;
	border: 1px solid #999;
	background: #FFF;
	padding: 0px;
	width : -webkit-calc(33.3% -19px) ;
 width : calc(33.3% - 19px) ;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.BLK10300 #seller .caseArea .caseList .caseBox:last-child{
	margin: 0px;
}
.BLK10300 #seller .caseArea .caseList .caseBox .img{
	margin: 0px;
	border-bottom: 1px solid #999;
	font-size: 0px;
	line-height: 0;
}
.BLK10300 #seller .caseArea .caseList .caseBox .name{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 2;
	font-size: 18px;
	font-weight: bold;
	color: #023499;
	text-align: center;
}
.BLK10300 #seller .caseArea .caseList .caseBox .status{
	line-height: 1.6;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
@media screen and (max-width: 560px) 
{

.BLK10300 #seller .caseArea .caseMvArea{
	display: block;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea{
	margin: 0px 0px 10px 0px; 
	padding: 0px 10px;
	width: auto;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea .index{
	margin: 0px 0px 20px 0px;
	font-size: 24px;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea .text{
	margin: 0px 0px 20px 0px;
	font-size: 16px;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaTextArea .text br{
	display: none;
}
.BLK10300 #seller .caseArea .caseMvArea .caseMvAreaimgArea{
	margin: 0px;
	width: auto;
}

.BLK10300 #seller .caseArea .caseList{
	display: block;
}
.BLK10300 #seller .caseArea .caseList .caseBox{
	margin: 0px 0px 20px 0px;
	width : auto
}
}