/* ===========================================================================================================*/
/* ▼お問い合わせ ピグメンテーションデトックスⅡ▼*/
/* ===========================================================================================================*/
#Entry {
    margin: 0 auto;
    max-width: 1020px;
    display: flex;
    padding: clamp(1.5rem, 5vw, 6rem);
    flex-direction: column;
    align-items: center;
    /* gap: 4rem; */
    padding-bottom: clamp(1.5rem, 5vw, 6rem);
    box-sizing: content-box;
    line-height: normal;
}
#Entry h2 img {
    width: 100%;
}
#Entry h2 + p {
    width: auto;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: normal;
}
.form {
    margin-top: 4rem;
    /* border: 1px solid #DDD; */
    border-bottom: none;
}
.form:not(:has(table)) {
    margin-top: 0;
}
.item_01 {
    /* display: flex; */
    /* width: 16.5rem; */
    width: 25%;
    height: 100%;
    padding: 0.875rem 1.1rem;
    vertical-align: top;
    color: #444;
    font-size: 0.875rem;
    font-weight: 600;
    /* border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD; */
    /* background: #FAFAFA; */
}
.item_02 {
    padding: 0.875rem 1.1rem;
}
.item_02:has(.item_02) {
    padding: 0;
}
/* .p-entry__body td, .p-entry__body th {
    padding: 1em 2em;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
}
.p-entry__body td:not(:last-child) {
    width: 264px;
}
.p-entry__body td {
    padding: 0.875rem 1.1rem;
    font-size: max(10px, 0.75rem);
    font-weight: 400;
    vertical-align: middle;
}
#contact select {
    display: flex;
    padding: 0.25em 0.5em;
    border: 1px solid #BBB;
}
*/
.line-height2 {
    line-height: 2;
}
.line-height2_2 {
    line-height: 2.2;
}
.line-height2_8 {
    line-height: 2.8;
}
.line-height3 {
    line-height: 3;
}
.margin-0 {
    margin: 0 !important;
}
#Entry select {
    padding: 0.1875rem 0.375rem;
    align-items: center;
    gap: 1.5rem;
}
#Entry .m5t {
    margin-top: 0.25em;
}
#Entry .m10t {
    margin-top: 0.5em;
}
#Entry .m20t {
    margin-top: 1em;
}
#Entry .p0_5t {
    padding-top: 0.5em;
}
#Entry .p80t {
    padding-top: 4em;
}
/* #Entry .m5t + .m5t {
    margin-top: 0.25em;
} */
 #Entry .m5b {
    margin-bottom: 0.25em;
}
#Entry input {
    margin: 0;
}
#Entry .m0_5l {
    margin-left: 0.5em;
}
/* #Entry .m10l {
    margin-left: 1em;
}
#Entry .m20l {
    margin-left: 2em;
}
#Entry .m30l {
    margin-left: 3em;
}
#Entry .m50l {
    margin-left: 4em;
} */
#Entry .border-top {
    border-top: 1px solid #ddd;
}
#Entry .under {
    text-decoration: underline;
}
#Entry input,
#Entry textarea,
#Entry select {
    /* display: flex; */
    padding: 0.5rem;
    font-size: 16px;
    align-items: center;
    /* flex: 1 0 0; */
    border-radius: 0.1875rem;
    border: 1px solid #ddd;
}
#Entry input[type="checkbox"] {
    margin-right: 0.5em;
    margin-bottom: 0.2em;
}
.product div:has(input[type="checkbox"]) {
    /* margin-left: 0.5em; */
    padding: 0.5em 0;
    padding-left: 0.5em;
    /* background: #ececec; */
}
div:has(input[type="checkbox"]) + div:has(input[type="checkbox"]) {
    margin-top: 0 !important;
    border-top: 1px solid #ddd;
}
#Entry input[name="name_sei"],
#Entry input[name="name_mei"],
#Entry input[name="name_k_sei"],
#Entry input[name="name_k_mei"],
#Entry input[name="zip"],
#Entry input[name="prefecture"],
#Entry input[name="address1"],
#Entry input[name="address2"] {
    /* margin-left: 1em; */
    width: 100%;
}
#Entry input[name="enquete_values[search_keyword]"],
#Entry input[name="enquete_values[salon]"] {
    /* max-height: 1rem; */
    padding: 0.125rem 0.1875rem;
}
#entry tr:first-child {
    /* border-top: 1px solid #ddd; */
}
#entry tr:not(:last-child) {
    /* border-right: 1px solid #ddd;
    border-left: 1px solid #ddd; */
}
#entry input[type="submit"] {
    max-width: 18rem;
    min-width: 12rem;
    width: 100% !important;
    display: inline-block;
    padding: 1em 2.5em;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.5em;
    background: #197F23;
    cursor: pointer;
}
#entry input[id="btnReset"],
#entry input[id="btnBack"],
.button_back-top {
    max-width: 18rem;
    min-width: 12rem;
    width: 100% !important;
    display: inline-block;
    padding: 1em 2.5em;
    color: #111;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    border-radius: 0.5em;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
}
.button_back-top {
    margin-top: 4rem;
}
#Entry .error {
    color: #f33;
    display: inline-block;
    line-height: normal;
    padding-top: 0.5em;
}
.parentheses {
    display: block;
    margin-left: calc(17px + 0.5em);
}
.b {
    color: #444;
    font-weight: 600 !important;
}

@media screen and (max-width: 767px) {
    #Entry {
        padding-bottom: 4rem;
    }
    #Entry table {
        width: 100%;
    }
    #Entry tr {
        display: grid;
        width: 100%;
    }
    #Entry div:not(.parentheses) {
        width: 100%;
        display: inline-block;
    }
    .item_01 {
        width: 100%;
        font-size: 1.25rem;
        border-right: none;
        padding: 1.25rem 1.5rem;
    }
    .item_02 {
        width: 100%;
        display: inline-block;
    }
    /* #Entry .item_02.product * {
        margin-left: 0;
    } */
    #entry tr:has(input[type="submit"]) td {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #entry tr:last-child td .p80t {
        padding-top: clamp(1.5rem, 5vw, 6rem);
    }
    #Entry .p80t {
        padding-top: 2em;
    }
}

@media screen and (max-width: 639px) {
    #Entry .text.m10t {
        width: 100%;
    }
    #Entry input:not(input[type="checkbox"]):not(.text.m10t),
    #Entry textarea {
        /* max-width: 90%; */
        width: 100%;
        margin: 0;
    }
    #Entry .parentheses,
    #Entry .parentheses input {
        width: auto !important;
    }
    /* #Entry .parentheses {
        display: flex;
    } */
    /* #Entry .parentheses input {
        height: 15px;
    } */
    /* #Entry input[name="name_sei"],
    #Entry input[name="name_mei"],
    #Entry input[name="name_k_sei"],
    #Entry input[name="name_k_mei"],
    #Entry input[name="zip"] {
        width: calc(100% - 3rem) !important;
        margin-left: 1rem !important;
    } */
}


/* デザイン変更分追加コード */
#Entry input,
#Entry textarea,
#Entry select {
    font-size: 16px !important;
    border: 1px solid #ccc;
}
#Entry select {
    padding: 0.375rem;
    border-color: #ccc;
}
.line-height2_2 {
    line-height: 3;
}
.enter {
    padding: clamp(2rem, 4vw, 4rem);
    padding-bottom: clamp(3rem, 5vw, 6rem);
    border-radius: clamp(0.375rem, 2.5vw, 1rem);
    background: #f4f4f4;
}
.item_02:has(.item_02) tr:not(:first-child) .item_02 {
    padding-top: 0;
}
table[summary="資料請求"],
#Entry table {
    table-layout: fixed;
}
.layout tr td:has(table):last-child  {
    padding-left: 1.5rem;
}
input[type="checkbox"] {
    position: relative;
    appearance: none;
    background: #fff;
}
input[type="checkbox"]:checked {
    background: #007bff;
    border-color: #007bff !important;
}
input[type="checkbox"]:checked::after {
    content: '';
    display: block;
    width: 0.3rem;
    height: 0.5rem;
    border: solid #fff; /* 線の色 */
    border-width: 0 3px 3px 0; /* 右・下のみ 3px の太さ */
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
/* .td_flex {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.layput td,
td:has(.td_flex) + td,
td:has(.td_flex) + td td  {
    display: flex;
} */
@media screen and (max-width: 767px) {
    .item_01,
    .item_02 {
        padding: 1.75rem 0;
        padding-left: 0;
        padding-right: 0;
    }
    .item_01 {
        padding-top: 1.25rem;
        padding-bottom: 0;
    }
    tr:not(:first-child) .item_01 {
        border-top: 1px solid #ccc;
    }
    .item_02,
    .item_02:has(.item_02) tr:not(:first-child) .item_02 {
        padding-top: 0.75rem;
        /* padding-bottom: 1.75rem; */
    }
    .item_02:has(.item_02) tr:not(:first-child) .item_02:last-child {
        padding-bottom: 1.75rem;
    }
    .item_02:has(.item_02) .item_02,
    .item_02:has(input[name="name_sei"]),
    .item_02:has(input[name="name_k_sei"]) {
        padding-bottom: 0;
    }
    .layout tr td:has(table):last-child  {
        padding-left: 0;
    }
}
@media screen and (max-width: 639px) {
    #Entry input[name="name_sei"],
    #Entry input[name="name_mei"],
    #Entry input[name="name_k_sei"],
    #Entry input[name="name_k_mei"],
    #Entry input[name="zip"] {
        width: 100%;
    }
    tr:has(input[name="name_sei"]) .line-height3,
    tr:has(input[name="name_k_sei"]) .line-height3,
    tr:has(input[name="zip"]) .line-height3 {
        line-height: 2.2;
    }
    tr:has(input[name="zip"]) * {
        display: block;
    }
    tr:has(input[name="zip"]) .item_01 {
        display: flex;
    }
    tr:has(input[name="zip"]) br {
        display: none;
    }
}