@charset "UTF-8";
/*======================================================= 
    買取査定用スタイル
=======================================================*/
/* 共通 */
.page-tit-area{
    background-color: #f5f5f5;
    padding: 100px 0;
}
.page-tit-area h1{
    font-size: 24px;
}
.page-tit-area span{
    display: block;
    font-size: 84px;
    background: linear-gradient(to right, #BB171E, #F6B256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}
h2{
    position: relative;
    text-align: center;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
}
h2::after{
    position: absolute;
    content: "";
    width: 2.5em;
    height: 2px;
    background-color: #BB171E;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* trade-top */
.trade-top{
    background-color: #fff;
}
.trade-no1{
    display: block;
    margin: 0 auto 30px auto;
}
.trade-img-block{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
    margin-top: 30px;
}

/* import-trade */
.import-trade{
    background-color: #f5f5f5;
}
.trade-point{
    background-color: #fff;
    box-shadow: 3px 3px 0 #eee;
    padding: 20px;
    margin-top: 20px;
}
.trade-point .tit{
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 10px;
}
.trade-point ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
    padding-left: 0;
}
.trade-point ul li{
    list-style: none;
}

/* route-trade */
.route-trade{
    background-color: #fff;
}

.mailform{
    margin-top: 50px;
}

/*750px以下*/
@media screen and (max-width: 750px){
    .page-tit-area{
        padding: 50px 0;
    }
    .page-tit-area span{
        font-size: 50px;
    }
    .trade-point ul{
        display: block;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
    .page-tit-area{
        padding: 30px 0;
    }
    .page-tit-area h1{
        font-size: 20px;
    }
    .page-tit-area span{
        font-size: 35px;
    }
}