@charset "utf-8";

.submenu ul li a.reform_option:link {background: #FED631;}

.div_h1 {
    height: 250px;
    background: url(../img/option/top_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
    background-position: center; /* 画像の中心を固定 */}


.img_chart{ width:100%; margin:0 auto; display:block; }
.img_chart img { width:100%; }
.ul_lineup li.li_long { width:100%; text-align:center; background:#0C2F54; color:#fff; font-size:18px; display:none; }

@media screen and (min-width: 960px) {
    .div_h1 {height: 250px;background: url(../img/option/top.jpg);
        background-repeat: no-repeat;
        background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
        background-position: center; /* 画像の中心を固定 */
       
    }

    .ul_lineup li { width:21.7%;  border:1px solid #ccc; }
    .ul_lineup li strong { font-size: 14px; }
    .ul_lineup li span { font-size: 13px; font-weight:normal; }
    .ul_lineup li span { font-size:12px; } 
    .div_price small { font-size:13px; font-weight:normal; }
    .img_chart { width:75%; }
    .banner { width:70%; margin:0 auto 100px auto; display: block; }
    .banner img { width:100%; }
    .banner:hover { opacity:0.7; }
    .ul_lineup li.li_long { display:block; }
}

.div_yellow { margin:50px 0; float:left; }

.contents.lineup { position:relative; }
.contents.lineup .oneder_orange { display:none; }
@media screen and (min-width: 960px) {
    .contents.lineup .oneder_orange {  width:150px; position:absolute; right:0; top:-120px; display:block; }
}
.div_white { width:90%; padding:20px 5%; display:block; background:#fff; }
.div_white img { width:100%; }
@media screen and (min-width: 960px) {
.div_white { width:100%; padding:30px; }
}

@media screen and (min-width: 960px) {
    .div_white { padding:50px 30px; }
    .div_white img { width:90%; margin:0 auto; display:block; }
}
.st_medium.loan { width:100%; margin:0 auto 30px auto; font-size:16px; border-bottom:1px solid #000; padding-bottom:10px; }
@media screen and (min-width: 960px) {
    .st_medium.loan { width:60%;  }
}

.wrap_yellow.light {width: 100%;background: url(../img/bg_yellow_light.png) repeat-x;background-size:1000px;}
@media screen and (min-width: 960px) {
.wrap_yellow.light {height:2vw;}
}
.bg_yellow.light { background:#FFFDD9; }



@media screen and (min-width: 960px) {
    .st_medium { text-align:center; }
    .st_medium.oneder { position:relative; }
    .st_medium.oneder::before {
        content: ""; /* 擬似要素の内容は空にする */
        position: absolute;
        top:0px;
        right: 0;
        width: 150px; /* 画像の幅 */
        height: 167px; /* 画像の高さ */
        background-image: url('../img/oneder_red.png'); /* 画像のパス */
        background-size: cover; /* 画像を要素に合わせて拡大縮小 */
        /* 他の必要なスタイルを追加 */
        z-index:10;
        animation: jumpAnimation 1s ease infinite alternate; /* アニメーションを適用 */
    }
    @keyframes jumpAnimation {
        0%, 100% {
            transform: translateY(0); /* 開始と終了位置 */
        }
        50% {
            transform: translateY(-20px); /* 最高点での位置 */
        }
      }
      


}

.div_white .inline_sp { display:block; }
.div_white .inline_pc { display:none; }
@media screen and (min-width: 960px) {
    .div_white .inline_sp { display:none; }
    .div_white .inline_pc { display:block; }
}