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

body {
    font-family: vw-text, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    letter-spacing: calc(-0.02em + 0.02rem);
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    /*safari用*/

}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}


@font-face {
    font-family: vw;
    font-weight: normal;
    src: url(../webfont/vwhead-extrabold.eot?) format("eot"),
        url(../webfont/vwhead-extrabold.woff) format("woff"),
        url(../webfont/vwhead-extrabold.ttf) format("truetype");
}

@font-face {
    font-family: VWHead-Regular;
    src: url(../webfont/VWHead-Regular.eot?) format("eot"),
        url(../webfont/VWHead-Regular.woff) format("woff"),
        url(../webfont/VWHead-Regular.ttf) format("truetype");
}





@font-face {
    font-family: 'vw-head';
    font-weight: 400;
    font-display: swap;
    src: url('../webfont/vwhead-regular.woff2') format('woff2'),
        url('../webfont/vwhead-regular.woff') format('woff');
}

@font-face {
    font-family: 'vw-head';
    font-weight: 700;
    font-display: swap;
    src: url('../webfont/vwhead-bold.woff2') format('woff2'),
        url('../webfont/vwhead-bold.woff') format('woff');
}

@font-face {
    font-family: 'vw-head';
    font-weight: 200;
    font-display: swap;
    src: url('../webfont/vwhead-light.woff2') format('woff2'),
        url('../webfont/vwhead-light.woff') format('woff');
}





@font-face {
    font-family: 'vw-text';
    font-weight: 400;
    font-display: swap;
    src: url('../webfont/vwtext-regular.woff2') format('woff2'),
        url('../webfont/vwtext-regular.woff') format('woff');
}

@font-face {
    font-family: 'vw-text';
    font-weight: 700;
    font-display: swap;
    src: url('../webfont/vwtext-bold.woff2') format('woff2'),
        url('../webfont/vwtext-bold.woff') format('woff');
}

@font-face {
    font-family: 'vw-text-ar';
    font-weight: 200;
    font-display: swap;
    src: url('../webfont/beiruti-light.woff2') format('woff2'),
        url('../webfont/beiruti-light.woff') format('woff');
}

@font-face {
    font-family: 'vw-text-ar';
    font-weight: 400;
    font-display: swap;
    src: url('../webfont/beiruti-regular.woff2') format('woff2'),
        url('../webfont/beiruti-regular.woff') format('woff');
}

@font-face {
    font-family: 'vw-text-ar';
    font-weight: 700;
    font-display: swap;
    src: url('../webfont/beiruti-bold.woff2') format('woff2'),
        url('../webfont/beiruti-bold.woff') format('woff');
}

@font-face {
    font-family: 'roboto-vi';
    font-weight: 200;
    font-display: swap;
    src: url('../webfont/roboto-vietnamese-latin-ext-light.woff2') format('woff2'),
        url('../webfont/roboto-vietnamese-latin-ext-light.woff') format('woff');
}

@font-face {
    font-family: 'roboto-vi';
    font-weight: 400;
    font-display: swap;
    src: url('../webfont/roboto-vietnamese-latin-ext-regular.woff2') format('woff2'),
        url('../webfont/roboto-vietnamese-latin-ext-regular.woff') format('woff');
}

@font-face {
    font-family: 'roboto-vi';
    font-weight: 700;
    font-display: swap;
    src: url('../webfont/roboto-vietnamese-latin-ext-bold.woff2') format('woff2'),
        url('../webfont/roboto-vietnamese-latin-ext-bold.woff') format('woff');
}









.vw {
    font-family: vw;
    font-weight: normal;
}

.font_bold {
    font-weight: bold;
}

.font_bold_26 {
    font-weight: bold;
    font-size: 26px;
}


/* 自動改行を避け */
span.aks {
    display: inline-block;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc-main {
    display: block !important;
}

.sp-main {
    display: none !important;
}

.btn {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
}

.click img {
    transition: 0.5s;
}

.click img:hover {
    opacity: 0.8;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc-main {
    display: block !important;
}

.sp-main {
    display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 599px) {
    .pc-main {
        display: none !important;
    }

    .sp-main {
        display: block !important;
    }
}

@media screen and (min-width: 1080px) {

    /* ipad Air,ipad pro 11インチ（834px）以上での解像度での動き */
    /* ipad Air,ipad pro 11インチ（834px）から.sp_brは稼働 */
    .pc_br_big {
        display: block;
        line-height: 0;
    }

    .sp_br_big {
        display: none;
        line-height: 0;
    }
}

@media screen and (max-width: 1079px) {

    /* ここに1025px以下の範囲のスタイルを記述(ipad pro 11inc等) */
    /* 834px以下が適用範囲 */
    .pc_br_big {
        display: none;
        line-height: 0;
    }

    .sp_br_big {
        display: block;
        line-height: 0;
    }
}

@media screen and (min-width: 835px) {

    /* ipad Air,ipad pro 11インチ（834px）以上での解像度での動き */
    /* ipad Air,ipad pro 11インチ（834px）から.sp_brは稼働 */
    .pc_br {
        display: block;
        line-height: 0;
    }

    .sp_br {
        display: none;
        line-height: 0;
    }
}

@media screen and (max-width: 834px) {

    /* ここに1025px以下の範囲のスタイルを記述(ipad pro 11inc等) */
    /* 834px以下が適用範囲 */
    .pc_br {
        display: none;
        line-height: 0;
    }

    .sp_br {
        display: block;
        line-height: 0;
    }
}

@media screen and (min-width: 600px) {

    /* ipad Air,ipad pro 11インチ（834px）以上での解像度での動き */
    /* ipad Air,ipad pro 11インチ（834px）から.sp_brは稼働 */
    .pc_br_cross {
        display: block;
        line-height: 0;
    }

    .sp_br_cross {
        display: none;
        line-height: 0;
    }
}

@media screen and (max-width: 599px) {

    /* ここに1025px以下の範囲のスタイルを記述(ipad pro 11inc等) */
    /* 834px以下が適用範囲 */
    .pc_br_cross {
        display: none;
        line-height: 0;
    }

    .sp_br_cross {
        display: block;
        line-height: 0;
    }
}


























.wrapper {
    width: 100%;
}

.main_wrapper {
    max-width: 1280px;
    margin: auto;
    margin-bottom: 50px;
}

@media only screen and (max-width: 834px) {
    .main_wrapper {
        margin-bottom: 36px;
    }
}

@media only screen and (max-width: 599px) {
    .main_wrapper {
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 320px) {
    .main_wrapper {
        margin-bottom: 16px;
    }
}

.contents {
    max-width: 1060px;
    margin: auto;
    padding-left: 2%;
    padding-right: 2%;
}


@media only screen and (max-width: 1024px) {
    .contents {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 599px) {
    .contents {
        padding-left: 4%;
        padding-right: 4%;
    }
}

.contents_wrap {
    padding-left: 9%;
    padding-right: 9%;
    padding-top: 6%;
    padding-bottom: 3%;
}

.click {
    transition: 0.5s;
}

.click:hover {
    opacity: 0.8;
}












.main_cotents_txt_1 {
    font-size: 68px;
    line-height: 1.1;
    margin-bottom: 10px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .main_cotents_txt_1 {
        font-size: 48px;
        margin-top: -5px;
    }
}

.main_cotents_txt_1 span {
    font-size: 80%;
}

.main_cotents_txt_1_sub {
    font-size: 38px;
    line-height: 1.4;
    margin-bottom: 30px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .main_cotents_txt_1_sub {
        font-size: 26px;
        margin-bottom: 3.90625vw;
    }
}

.main_cotents_txt_2_sub {
    font-size: 38px;
    line-height: 1.4;
    margin-bottom: 20px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .main_cotents_txt_2_sub {
        font-size: 32px;
        margin-bottom: 12px;
    }
}

.main_cotents_txt_3_sub {
    font-size: 38px;
    line-height: 1.4;
    margin-bottom: 80px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .main_cotents_txt_3_sub {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .main_cotents_txt_3_sub {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .main_cotents_txt_3_sub {
        margin-bottom: 12px;
    }
}

.main_cotents_txt_4_sub {
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
    .main_cotents_txt_4_sub {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 599px) {
    .main_cotents_txt_4_sub {
        font-size: 19px;
        line-height: 1.4;
        margin-bottom: 16px;
    }
}

.main_comtents_txt_2 {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 160px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 1024px) {
    .main_comtents_txt_2 {
        margin-bottom: 120px;
    }
}

.main_comtents_txt_3 {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 40px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .main_comtents_txt_2 {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 86px;
    }
}

@media only screen and (max-width: 599px) {
    .main_comtents_txt_2 {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .main_comtents_txt_3 {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 20px;
    }
}

.main_comtents_txt_2 span {
    font-size: 17px;
    line-height: 1.7;
}

@media only screen and (max-width: 768px) {
    .main_comtents_txt_2 span {
        font-size: 14px;
        line-height: 1.6;
    }
}

@media only screen and (max-width: 599px) {
    .main_comtents_txt_2 span {
        font-size: 13px;
    }
}

.main_comtents_txt_3 .bold {
    font-weight: bold;
}

.box_tyuui {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 30px;
}


/************************************************************
 * 交互
 ************************************************************/

.inner {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 11vw;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    .inner {
        padding-bottom: 9.2vw;
    }
}


.box {
    display: flex;
    flex-direction: row;
}

.box+.box {
    margin-top: 50px;
}

.box__body {
    width: 50%;
}

.box__ttl {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.5;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .box__ttl {
        font-size: 24px;
    }
}

.box__txt {
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.6;
}

@media only screen and (max-width: 768px) {
    .box__txt {
        margin-top: 12px;
        font-size: 16px;
    }
}

.right_mg {
    margin-right: 40px;
}

.left_mg {
    margin-left: 40px;
}

.box__image {
    width: 50%;
}

.box__image img {
    height: auto;
}

.box.reverse {
    flex-direction: row-reverse;
    /*  左右逆 */
}

@media screen and (max-width:767px) {
    .box {
        display: flexbox;
        flex-direction: column-reverse;
    }

    .box.reverse {
        display: flexbox;
        flex-direction: column-reverse;
    }

    .right_mg {
        margin-right: 0px;
    }

    .left_mg {
        margin-left: 0px;
    }

    .box+.box {
        margin-top: 60px;
    }

    .box__body {
        width: 100%;
        padding: 0;
    }

    .box__image {
        margin-top: 20px;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .box__image {
        margin-top: 0px;
        margin-bottom: 20px;
    }
}




















/*  お問い合わせボタン------------------------------------------------------ */
.contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
}

.col-2 {
    width: 48%;
    margin-bottom: 3%;
}


/*  半分ずつ------------------------------------------------------ */
.oya {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.child1 {
    width: 48.5%;
    margin-bottom: 1.6%;
}

/*  半分ずつここまで------------------------------------------------------ */

.shop_p {
    margin-bottom: 14px;
}

.shop_c1 {
    color: #000000;
    font-size: 22px;
    margin-bottom: 6px;
    line-height: 30px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

.shop_c2 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 14px;
}

@media only screen and (max-width: 320px) {
    .shop_c2 {
        font-size: 13px;
    }
}



.arrow00 li {
    list-style: none;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px;
    font-size: 20px;
}

.arrow00 li a:active {
    background: #656565;
    color: #fff;
}

/*↓元は　a:hover*/
.list-arrow00 li a:active {
    background: #bbb;
    /* マウスオーバーで背景色変更 */
    color: #fff;
    /* マウスオーバーで文字色変更 */
}

.arrow00 li a {
    display: block;
    color: #FFFFFF;
    position: relative;
    text-decoration: none;
    font-size: 100%;
    margin-bottom: 1px;
    text-align: center;
    background-color: #061f4e;
    font-size: 18px;
    /*縦の中心に。但し一行のみ*/
    height: 50px;
    line-height: 50px;
    /*縦の中心に。但し一行のみここまで*/
    transition: 0.5s;
}



/* ホバーアクションをPCだけにしたい場合、←のメディアクエリで囲む */
@media (hover: hover) and (pointer: fine) {
    .arrow00 a:hover {
        background-color: #0C4778;
    }
}

.arrow00 li a::after {
    border-right: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    border-radius: 2px;
    content: "";
    margin: 0 0 0 10px;
    height: 8px;
    right: 18px;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    /*↓矢印の上からのイチ*/
    top: 20px;
    width: 8px;
}







/*--スライダーの位置とサイズ調整--*/
.slider {
    width: 100%;
    margin: 0 auto;
}

/*-----------height調整----------*/
.slick-slide {
    height: auto !important;
}

/*-----------矢印表示----------*/
.slick-next {
    right: 32px !important;
}

.slick-prev {
    left: 10px !important;
}

.slick-arrow {
    z-index: 2 !important;
}

/*-----------矢印のサイズを変更したいとき----------*/
.slick-prev:before, .slick-next:before {
    font-size: 46px !important;
    /*少し大きくする*/
    opacity: 0.85 !important;
    /*デフォルトは.75が指定されている*/
}


/*-------ドットのサイズを変更する デフォルトが6px---------*/
.slick-dots li button:before {
    font-size: 10px !important;
}

/*-------ドットの縦位置を調整する デフォルトが-25px---------*/
.slick-dots {
    bottom: -34px !important;
}

.slider img {
    max-width: 94%;
    margin: 0 auto;
}



/* ここから矢印カスタマイズ */
.slick-arrow {
    position: absolute !important;
    top: 50% !important;
    margin-top: -16px !important;
    width: 36px !important;
    height: 36px !important;
    opacity: 0.9 !important;
    z-index: 10 !important;
    cursor: pointer;
}

.prev-arrow {
    left: 10px !important;
}

.next-arrow {
    right: 10px !important;
}











@media screen and (max-width: 599px) {

    /* ここに480px以下の範囲のスタイルを記述 */
    /* 480px以下適用範囲 */
    /* iphone 6/7/8 plus */
    .pc-main {
        display: none !important;
    }

    .sp-main {
        display: block !important;
    }

    .contents_wrap {
        padding-left: 4%;
        padding-right: 4%;
    }

    .click {
        transition: none;
    }

    .click:hover {
        opacity: 1.0;
    }

    .click img {
        transition: none;
    }

    .click img:hover {
        opacity: 1.0;
    }

    .oya {
        flex-direction: column;
    }

    .child1 {
        width: 100%;
        margin-bottom: 1.6%;
    }

    .shop_c1 {
        font-size: 19px;
    }

    .arrow00 li a {
        font-size: 16px;
    }

    .arrow00 li a:active {
        background: #2274ac;
    }

    .arrow00 a:hover {
        background-color: #2274ac;
    }

    .contact {
        display: flex;
        flex-direction: column;
        padding-right: 0%;
        padding-left: 0%;
    }

    .col-2 {
        width: 100%;
        margin-bottom: 3.6%;
    }

    .prev-arrow {
        /* [disabled]top: -1%!important; */
        top: 38% !important;
    }

    .next-arrow {
        top: 38% !important;
    }
}


@media only screen and (max-width: 320px) {
    .arrow00 li a {
        font-size: 14px;
    }
}



/************************************************************
 * 大きなボタン
 ************************************************************/

.wrap_box {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 599px) {
    .wrap_box {
        flex-direction: column;
        margin-bottom: 40px;
    }
}

/* ボタン */
.btn_arrow {
    display: block;
    position: relative;
    width: 48%;
    color: #ffffff !important;
    font-size: 29px;
    min-height: 0vw;
    line-height: 2.6;
    /* Safari用バグフィックス */
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
    background-color: #061f4e;
    vertical-align: middle;
    margin-bottom: 30px;
}

@media only screen and (max-width: 889px) {
    .btn_arrow {
        font-size: 25px;
        margin-bottom: 26px;
    }
}

@media only screen and (max-width: 768px) {
    .btn_arrow {
        font-size: 3.125vw;
    }
}

@media only screen and (max-width: 599px) {
    .btn_arrow {
        width: 100%;
        font-size: 5.4vw;
        margin-bottom: 2.8vw;
        line-height: 3;
    }
}

.btn_arrow::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 3px solid currentColor;
    border-top: 3px solid currentColor;
    content: "";
}

/* ホバーアクションをPCだけにしたい場合、←のメディアクエリで囲む */
@media (hover: hover) and (pointer: fine) {
    .btn_arrow:hover {
        background-color: #0C4778;
    }
}

.black_border_10 {
    border-top: 10px;
    border-color: #000000;
}





/************************************************************
 * Lineup
 ************************************************************/
.lineup {
    font-size: 42px;
    text-align: center;
    margin-bottom: 60px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .lineup {
        font-size: 36px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 599px) {
    .lineup {
        font-size: 30px;
        margin-bottom: 30px;
        padding-top: 60px;
    }
}

.lineup_box {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .lineup_box {
        flex-direction: column;
    }
}

.lineup_car {
    width: 47%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .lineup_car {
        width: 100%;
        margin-bottom: 20px;
    }
}

.lineup_car_name {
    font-size: 26px;
    line-height: 1.2;
    padding-top: 20px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 889px) {
    .lineup_car_name {
        font-size: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .lineup_car_name {
        font-size: 22px;
        padding-top: 20px;
    }
}

.lineup_price {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 768px) {
    .lineup_price {
        font-size: 14px;
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 889px) {
    .lineup_price span {
        font-size: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .lineup_price span {
        font-size: 22px;
    }
}

.lineup_spec {
    font-size: 14px;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    .lineup_spec {
        font-size: 13px;
        line-height: 1.5;
    }
}

.notice {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 12%;
    padding-top: 34px;
}

@media screen and (max-width: 1280px) {
    .notice {
        margin-bottom: 9.2vw;
    }
}

@media screen and (max-width: 768px) {
    .notice {
        font-size: 12px !important;
        padding-top: 30px;
    }
}

@media screen and (max-width: 599px) {
    .notice {
        padding-top: 16px;
    }
}

.underline {
    border-bottom: 1px solid #000000;
    padding-bottom: 2px;
}







/************************************************************
 * 表組
 ************************************************************/

.table_design03 {
    border-collapse: collapse;
    width: 75%;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 60px;
    font-family: vw-head, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, MS Pゴシック, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: calc(-0.02em + 0.02rem);
}

@media only screen and (max-width: 1099px) {
    .table_design03 {
        width: 85%;
    }
}

@media only screen and (max-width: 978px) {
    .table_design03 {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .table_design03 {
        font-size: 14px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 599px) {
    .table_design03 {
        font-size: 14px;
        margin-bottom: 30px;
    }
}

.table_design03 th, .table_design03 td {
    border-bottom: 2px solid #c1c7c6;
    padding: 1em 1em 1em 2em;
    vertical-align: middle;
    /* 垂直中央寄せ */
}

@media only screen and (max-width: 768px) {
    .table_design03 th, .table_design03 td {
        border-bottom: 2px solid #c1c7c6;
        padding: 0.6em;
    }
}

.table_design03 tr:last-child td {
    border-bottom: none;
}

.table_design03 tr:last-child th {
    border-bottom: none;
}

.table_design03 th {
    border-bottom: 2px solid #4d9bc1;
    font-weight: bold;
    text-align: left;
    width: 30%;
    min-width: 4em;
}

@media only screen and (max-width: 768px) {
    .table_design03 th {
        width: 9em;
    }
}






.sijyo_comment1 {
    font-size: 14px;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 40px;
}

@media only screen and (max-width: 599px) {
    .sijyo_comment1 {
        font-size: 12px;
        margin-bottom: 30px;
    }
}







.fotter {
    font-size: 14px;
    text-align: center;
    padding-bottom: 65px;
}