@charset "UTF-8";
/*余剰在庫ページ*/
.font-size-SS {
    font-size: 14px;
}
.font-size-S {
    font-size: 16px;
}
.font-size-M {
    font-size: 17px;
}
.font-size-MM {
    font-size: 26px;
}

.font-size-L {
    font-size: 29px;
}
.font-size-LL {
    font-size: 35px;
}
.font-size-LLL {
    font-size: 40px;
}
.font-color-aka{
    color: #C90000;
}
.font-color-midori{
    color: #00A081;
}

h2{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    width: max-content;
    margin: 0px auto 2rem;
    border-bottom: 5px solid #00A081;
    padding-bottom: 8px;
    margin-top: 100px;
    margin-bottom: 80px;
}

.inner{
    background-color: #FFFFFF;
    padding: 0 30px;
    line-height: 1.6;
}

.line_btn {
  display: inline-block;
  width: 300px;
  background: #06C755; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 10px 45px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入るリンクの下線を消す */
  border-radius: 30px; /* 角を丸くする */
  font-size: 25px;
  font-weight: bold;
}
.closing-stock-main_cta{
    width: 100%;
    padding: 20px 0;
    background-color:#333333 ;
    text-align: center;

}
.closing-stock-main_cta p{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}

@media screen and (max-width:768px) {
    .container {
        width: 100%;
    }
    h2{
        margin-bottom: 40px;
    }
    .inner{
        padding: 0 15px;
        line-height: 1.5;
    }
    .line_btn {
        width: 80%;
        padding: 10px 45px; /* 上下の余白、左右の余白 */
        font-size: 18px;
    }
    .closing-stock-main_cta p{
        font-size: 16px;
    }
}

.closing-stock-onayami-catch{
    font-weight: bold;
}

.closing-stock-onayami-list li{
    padding-bottom: 20px;
    padding-left: 30px;
    background:url("./img/stock-page/list_mark.png") no-repeat 0 0;
    background-size:auto 20px;
}


/*CTA*/
.closing-stock-cta .smb-btn-box__lede{
    font-size: 20px;
    font-weight: bold;
}
.closing-stock-cta{
    width: calc(100% + 60px);
    margin: 50px -30px;
}
.closing-stock-cta a{
    font-size: 20px;
    padding: 10px 50px;
}
.closing-stock-cta a span{
    font-weight: bold;
}
.closing-stock-cta .smb-btn-box__note{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width:768px) {
    .closing-stock-cta{
        width: calc(100% + 60px);
        margin: 20px -30px;
    }
}


/*買取商材*/
.closing-stock-products{
    width: 90%;
    margin: auto;
}
.closing-stock-products-name{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.closing-stock-products-rem{
    font-size: 16px;
}

@media screen and (max-width:768px) {
    .closing-stock-products-name{
        font-size: 16px;
    }
    .closing-stock-products-rem{
        font-size: 14px;
    }
}
/*よくある質問*/
.closing-stock-faq .schema-faq-section{
    margin-bottom: 30px;
}
.closing-stock-faq .schema-faq-question{
    font-size: 20px;
    padding-bottom: 15px;
    display: block;
    align-items: center;       /* 垂直方向（天地）の中央揃え */
    padding-left: 40px;        /* 画像の幅＋余白分だけ左に余白を確保 */
    min-height: 30px;          /* テキストが一行でも高さが保証されるように */
}
.closing-stock-faq .schema-faq-question::before{
    content: "";               /* 疑似要素にはcontentプロパティが必要 */
    display: inline-block;     /* backgroundプロパティを使うためにブロック要素化 */
    width: 30px;               /* 画像の実際の幅 */
    height: 30px;              /* 画像の実際の高さ */
    margin-right: 10px;        /* 画像とテキストの間の余白 */
    background:url("./img/stock-page/faq_q.png") no-repeat 0 0; /* 画像のパスを指定 */
    background-size: cover;    /* 画像を要素内に収める */
}
.closing-stock-faq .schema-faq-answer{
    font-size: 18px;
    display: block;
    align-items: center;       /* 垂直方向（天地）の中央揃え */
    padding-left: 40px;        /* 画像の幅＋余白分だけ左に余白を確保 */
    min-height: 25px;          /* テキストが一行でも高さが保証されるように */
}
.closing-stock-faq .schema-faq-answer::before{
    content: "";               /* 疑似要素にはcontentプロパティが必要 */
    display: inline-block;     /* backgroundプロパティを使うためにブロック要素化 */
    width: 25px;               /* 画像の実際の幅 */
    height: 25px;              /* 画像の実際の高さ */
    margin-right: 10px;        /* 画像とテキストの間の余白 */
    background:url("./img/stock-page/faq_a.png") no-repeat 0 0; /* 画像のパスを指定 */
    background-size: cover;    /* 画像を要素内に収める */
}
@media screen and (max-width:768px) {
    .closing-stock-faq .schema-faq-question{
        font-size: 18px;
        padding-bottom: 15px;
        padding-left: 0px; 
    }
    .closing-stock-faq .schema-faq-question::before{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .closing-stock-faq .schema-faq-answer{
        font-size: 16px;
        padding-left: 0px; 
    }
    .closing-stock-faq .schema-faq-answer::before{
        width: 18px;
        height: 18px;
        margin-right: 10px; 
    }
}

/*for SP*/
@media screen and (max-width:768px) {
    .font-size-SS {
        font-size: 11px;
    }
    .font-size-S {
        font-size: 14px;
    }
    .font-size-M {
        font-size: 16px;
    }
    .font-size-MM {
        font-size: 20px;
    }

    .font-size-L {
        font-size: 24px;
    }
    .font-size-LL {
        font-size: 30px;
    }
    .font-size-LLL {
        font-size: 35px;
    }
    h2{
        font-size: 28px;
    }
}

/*for tablet*/
@media screen and (min-width:768px) and (max-width:1024px) {
    .font-size-SS {
        font-size: 12px;
    }
    .font-size-S {
        font-size: 14px;
    }
    .font-size-M {
        font-size: 18px;
    }
    .font-size-MM {
        font-size: 22px;
    }

    .font-size-L {
        font-size: 27px;
    }
    .font-size-LL {
        font-size: 32px;
    }
    .font-size-LLL {
        font-size: 38px;
    }
    h2{
        font-size: 30px;
    }
}





@media (max-width: 480px) {
    .closing-stock-onayami-catch{
        font-size: 28px;
    }
    .closing-stock-onayami-list li{
        font-size: 18px;
    }
    .closing-stock-cta .smb-btn-box__lede{
        font-size: 18px;
    }
    .closing-stock-cta a{
        font-size: 20px;
    }
}