@charset "UTF-8";
/* ======================================================
 * customized buttons etc.
====================================================== */

/* ----- /lineup/index.html ONLY ----- */
div.lineupSectionListWrap ul li p.text {
	margin: 0!important;
}

/* ----- custom btns for all pages.----- */
.conversion-column__item {
    width: calc((100% - 340px));
}
@media only screen and (max-width: 767px) {
    .conversion-column__item {
        width: auto;
    }
}

.customer-top-visualbutton.h100px {
    height: 100px;
}
@media only screen and (max-width: 767px) {
    .customer-top-visualbutton.h100px {
        height: auto;
    }
}

.customer-top-visualbutton div.conversion-custom01 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.customer-top-visualbutton-icon.is-iconFaq {
    background-image: url(/customer/img/index_ic04.png);
    width: 50px;
    height: 50px;
    background-size: contain;
}

h3.heading3.heading3-customer-top.under-box15-30 {
    margin: 15px 0 30px !important;
}
h3.heading3.heading3-customer-top.under-box15-40 {
    margin: 15px 0 40px !important;
}
h3.heading3.heading3-customer-top.under-box30-30 {
    margin: 30px 0 30px !important;
}
h3.heading3.heading3-customer-top.under-box45-30 {
    margin: 45px 0 30px !important;
}

.customer-top-large {
    height: 120px;
    width: 728px;
    font-size: 2.0rem;
}
@media only screen and (max-width: 767px) {
    .customer-top-large {
        height: 100px;
    }
}

.customer-top-inquire:before {
    margin-right: 30px;
    content: "";
    display: block;
    background: url(/customer/img/index_ic10.png) 0 8px no-repeat;
    background-size: contain;
    width: 90px;
    height: 80px;
    background-size: 90px auto;
}
@media only screen and (max-width: 767px) {
    .customer-top-inquire:before {
        width: 60px;
        height: 60px;
        background-size: 60px auto;
    }
}

/* ----- others ----- */
.mt_pc80sp40 {
    margin-top: 80px!important;
}
@media only screen and (max-width: 767px) {
    .mt_pc80sp40 {
        margin-top: 40px!important;
    }
}
.mt_pc60sp40 {
    margin-top: 60px!important;
}
@media only screen and (max-width: 767px) {
    .mt_pc60sp40 {
        margin-top: 40px!important;
    }
}
.mt_pc40sp30 {
    margin-top: 40px!important;
}
@media only screen and (max-width: 767px) {
    .mt_pc40sp30 {
        margin-top: 30px!important;
    }
}