@charset "UTF-8";

/*********************************************************************************************
 variable
*********************************************************************************************/
:root {
    --header-height: 216px;
}

div.preface {
    font-size: 14px;
}

.enq-list-select {
}

.enq-text-custom {
    padding-left: 4px;
}

@media only screen and (min-width: 768px) {
    .group-btn {
        display: flex !important;
    }

    div.preface {
        font-size: 16px;
    }

    .enq-list-select {
        padding: 70px 0;
    }
}

.enq-list-select-btn {
    padding: 20px 0;
    text-align: center;
}

.btn-enq {
    background: #1e3784;
    color: #fff;
    display: inline-block;
    font-size: 1.385em;
    margin: 0 10px;
    padding: 20px 30px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.btn-enq:hover {
    color: #fff;
    opacity: 0.7;
}

@media only screen and (min-width: 768px) {
    .btn-enq {
        font-size: 1.54em;
        margin: 0 20px;
        padding: 30px 50px;
    }
}

.enq-list-results {
    padding: 20px;
}

.enq-kushi-box {
    display: block;
}

.enq-list-kushi-ul {
    align-items: stretch;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-flow: row wrap;

    -ms-flex-align: stretch;
    -ms-flex-flow: row wrap;
    -ms-flex-pack: start;

    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;

    justify-content: flex-start;
}

.enq-list-kushi-ul-li {
    /* background: url('/asset/front/images/common/bg_point03.gif') 10px 50% no-repeat; */
    flex-basis: 50%;
    padding: 7px 0 7px 25px;
}

@media only screen and (min-width: 768px) {
    .enq-list-kushi-ul-li {
        flex-basis: 20%;
        font-size: 16px;
    }
}

.enq-list-kg-ul {
    align-items: stretch;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-flow: row wrap;

    -ms-flex-align: stretch;
    -ms-flex-flow: row wrap;
    -ms-flex-pack: start;

    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;

    justify-content: flex-start;

    padding: 10px 0 0;
}

.enq-list-kg-ul-li {
    /* background: url(../../images/common/bg_point03.gif) 10px 50% no-repeat; */
    flex-basis: 100%;
    padding: 7px 0 7px 25px;
}

@media only screen and (min-width: 768px) {
    .enq-list-kg-ul {
        padding: 20px 0 0;
    }

    .enq-list-kg-ul-li {
        flex-basis: 33.33333%;
        font-size: 14px;
    }
}

.enq-list-results-box {
}

@media only screen and (min-width: 768px) {
    .enq-list-results-box {
        /* padding: 70px 0; */
    }
}

.enq-list-results-ul {
    margin: 0 0 20px;
}

.enq-list-results-ul-li {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 10px 0 0;
    /* padding: 10px; */
    background-color: #fff;
}

.enq-list-results-h5 {
    display: table;
    font-size: 16px;
    font-weight: bold;
    /* margin: 0 0 10px; */
    padding: 10px 40px;
    position: relative;
    table-layout: fixed;
    width: 100%;
    /* border-bottom: 1px solid #ddd; */
}

.enq-list-results-h5::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("/../../../../asset/front/images/common/ico-arrow-up.png")
        no-repeat center;
    background-size: contain;
    position: absolute;
    right: 40px;
    top: 15px;
}

.enq-list-results-h5.rotate::after {
    transform: rotate(180deg);
}

.enq-list-results-h5.hidden-table::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("/../../../../asset/front/images/common/ico-arrow-down.png")
        no-repeat center;
    background-size: contain;
    position: absolute;
    right: 40px;
    top: 15px;
}

.enq-list-results-h5-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-family: "HiraginoKakuGothicPro-W6", Helvetica;
    color: #000000;
}

.enq-list-results-h5-btn-box {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 160px;
}

.enq-list-results-link-btn {
    background: #1e3784;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 30px;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.enq-list-results-link-btn:hover {
    color: #fff;
    opacity: 0.7;
}

@media only screen and (min-width: 768px) {
    .enq-list-results-ul {
        margin: 0 0 30px;
    }

    .enq-list-results-ul-li {
        margin: 20px 0 0;
        /* padding: 20px; */
    }

    .enq-list-results-h5 {
        font-size: 20px;
        /* border-bottom: 1px solid #ddd; */
    }

    .enq-list-results-h5-btn-box {
        width: 180px;
    }

    .enq-list-results-link-btn {
        font-size: 16px;
    }
}

.enq-list-results-tbl,
.enq-list-results-tbl > tbody,
.enq-list-results-tbl > tbody > tr {
    color: #faf7f5;
    display: block;
}

.enq-list-results-tbl > tbody > tr > th {
    background: #f8c5c8;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ddd;
    color: #000000;
    font-size: 14px;
    font-family: "HiraginoKakuGothicPro-W6", Helvetica;
}

.enq-list-results-tbl > tbody > tr:first-child > th {
    border-top-left-radius: 10px;
}

.enq-list-results-tbl > tbody > tr:first-child > td {
    border-top-right-radius: 10px;
}

.enq-list-results-tbl > tbody > tr:last-child > th {
    border-bottom-left-radius: 10px;
    border-bottom: 0;
}

.enq-list-results-tbl > tbody > tr:last-child > td {
    border-bottom-right-radius: 10px;
    border-bottom: 0;
}

.enq-list-results-tbl > tbody > tr > td {
    display: block;
    font-size: 14px;
    font-family: "HiraginoKakuGothicPro-W3", Helvetica;
    padding: 10px;
    vertical-align: middle;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ddd;
}

table.enq-list-results-tbl > tbody > tr:nth-child(even) > td {
    background-color: #faf7f5 !important;
}

table.enq-list-results-tbl > tbody > tr:nth-child(odd) > td {
    background-color: #fff !important;
}

@media only screen and (min-width: 768px) {
    .enq-list-results-tbl {
        display: table;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 10px;
        border-collapse: separate;
    }

    .enq-list-results-tbl > tbody {
        display: table-row-group;
    }

    .enq-list-results-tbl > tbody > tr {
        display: table-row;
    }

    .enq-list-results-tbl > tbody > tr:first-child > th {
        border-top-right-radius: 0 !important;
    }

    .enq-list-results-tbl > tbody > tr:last-child > th {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 10px !important;
    }

    .enq-list-results-tbl > tbody > tr:last-child > td {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 0 !important;
        border-bottom: 0 !important;
    }

    .enq-list-results-tbl > tbody > tr > th {
        background-color: #f8c5c8;
        display: table-cell;
        width: 270px;
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #ddd;
        font-size: 14px;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica;
    }

    .enq-list-results-tbl > tbody > tr > td {
        display: table-cell;
        font-size: 14px;
        font-family: "HiraginoKakuGothicPro-W3", Helvetica;
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #ddd;
    }
}

.enq-label {
    display: inline-block;
    padding: 0 0 0 14px;
    position: relative;
    vertical-align: middle;
    width: 5em;
}

.enq-check {
    border: 1px solid #f25a85;
    display: inline-block;
    font-size: 0;
    left: 0;
    line-height: 0;
    top: 4.2px;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border-radius: 3px;
}

.enq-check-checked {
    background: #f25a85;
}

.enq-check-checked::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("/../../../../asset/front/images/common/ico-checked.png")
        no-repeat center;
    background-size: contain;
    position: relative;
    right: -2px;
    top: 2px;
}

.enq-list-results-tbl > tbody > tr > td {
    font-size: 14px;
    font-family: "HiraginoKakuGothicPro-W3", Helvetica;
}

.enq-text {
    display: inline-block;
    padding: 0 0 0 5px;
    vertical-align: middle;
    font-size: 14px;
    font-family: "HiraginoKakuGothicPro-W3", Helvetica;
}

@media only screen and (min-width: 768px) {
    .enq-label {
        padding: 0 0 0 15px;
        width: 120px;
        min-width: 120px;
    }

    .enq-check {
        top: 4.5px;
        width: 22px;
        height: 22px;
    }
}

.enq-label-other {
    width: auto;
}

/*********************************************************************************************
 misc
*********************************************************************************************/
.dspn {
    display: none;
}

.anchor {
    margin-top: calc(var(--header-height) * -1);
    padding-top: var(--header-height);
}

.enq-text {
    display: inline-block;
}

.enq-text.overflow {
    white-space: normal;
    word-wrap: break-word;
}

.btn-custom button {
    background: transparent;
    border: 0;
    color: #fff;
}

.btn-back-grey button {
    background: transparent;
    border: 0;
    color: #614a3f;
}

.btn-back-grey {
    background-color: #f5f5f5;
    background: url("/../../../../asset/front/images/common/ico_arrow_right_grey.png")
        no-repeat right 20px center / 14px;
}

.mt-80 {
    margin-top: 80px !important;
}

.text-other {
    width: 155px;
}

.b-0 {
    border: 0 !important;
}

.only-ml-40 {
    margin: 0 0 0 40px;
}

.p-0 {
    padding: 0 !important;
}

.li-hidden {
    padding: 5px !important;
}

.table-group {
    padding: 0 40px;
}

.custom-border {
    display: inline-block;
    border-bottom: 1px solid #ddd;
    width: 100%;
    position: relative;
    top: -15px;
}

@media only screen and (min-width: 1400px) {
    .group-btn {
        display: flex !important;
    }

    .btn-back-grey,
    .btn-custom {
        margin: 20px !important;
    }

    .enq-list-results-h5-text {
        padding-bottom: 10px !important;
    }
}

@media only screen and (min-width: 1023px) {
    .group-btn {
        display: flex !important;
    }

    .btn-back-grey,
    .btn-custom {
        margin: 20px !important;
    }

    .enq-list-results-h5 {
        padding: 10px 10px 0 10px !important;
    }

    /* .enq-list-results-h5.hidden-table {
        padding: 10px !important;
    } */
}

@media only screen and (min-width: 320px) {
    .group-btn {
        display: block;
    }

    .enq-list-results-h5-text {
        white-space: nowrap;
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica;
        color: #000000;
    }

    .enq-label {
        display: inline-block;
        padding: 0 0 0 14px;
        position: relative;
        vertical-align: middle;
        width: 7em;
    }

    .text-other {
        width: 100%;
    }

    .enq-list-results-tbl > tbody > tr:first-child > th {
        border-top-right-radius: 10px;
    }

    .enq-list-results-tbl > tbody > tr:last-child > th {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .enq-list-results-tbl > tbody > tr:last-child > td {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom: 1px solid #ddd;
    }

    .btn-back-grey,
    .btn-custom {
        margin: 20px 10px;
    }

    .enq-list-results-ul-li {
        border: 1px solid #ddd;
        border-radius: 10px;
        margin: 10px;
        background-color: #fff;
        position: relative;
    }

    .table-group {
        padding: 10px;
    }

    .enq-list-results-h5.hidden-table::after,
    .enq-list-results-h5::after {
        right: 20px;
    }

    .enq-list-results-h5 {
        padding: 10px;
    }

    .bgr-hidden .mt-80 {
        margin-top: 0 !important;
    }

    .title-trigger {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .div2 .title.result {
        font-size: 19px;
    }
}

@media only screen and (max-width: 732px) {
    .div2 .title.result {
        font-size: 18px;
    }
}

@media only screen and (max-width: 694px) {
    .div2 .title.result {
        font-size: 17px !important;
    }
}

@media only screen and (max-width: 657px) {
    .div2 .title.result {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 619px) {
    .div2 .title.result {
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 580px) {
    .div2 .title.result {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 544px) {
    .div2 .title.result {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 506px) {
    .div2 .title.result {
        font-size: 11px !important;
    }
}
@media only screen and (max-width: 432px) {
    .div2 .title.result {
        font-size: 9px !important;
    }
    #pagetop p{
        font-size: 21px;
    }
}
@media only screen and (max-width: 360px) {
    .div2 .title.result {
        font-size: 8px !important;
    }
    #pagetop p{
        font-size: 18px;
    }
}