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

.wpcf7-spinner{
    display: none !important;
}
.wpcf7-not-valid-tip {
    position: absolute;
    top:100%;
    left:0;
}
.wpcf7-list-item {
    margin-left:0 !important;
}

/*--------------------------------------
    diagnosis-form
--------------------------------------*/

.diagnosis-form .wpcf7-not-valid-tip {
    color: #FFFFFF;
}
.diagnosis-form .wpcf7-form-control-wrap{
    width:100%;
    display: block;
}
.diagnosis-form .dateArea{
    gap:0.5rem;
}
.diagnosis-form .dateArea .wpcf7-form-control-wrap{
    width:auto;
}
.diagnosis-form .zip .wpcf7-form-control-wrap{
    width:10.0rem;
    display: inline-block;
}

.diagnosis-form .wpcf7-radio{
    display: flex;
    gap: 0.5rem;
}
.diagnosis-form .wpcf7-checkbox{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.diagnosis-form .wpcf7-radio .wpcf7-list-item,
.diagnosis-form .wpcf7-checkbox .wpcf7-list-item {
    margin-left: 0;
}

.diagnosis-form .zip strong{
    display: inline-block;
    padding: 0 0.5rem;
}
.diagnosis-form .file{
    gap:1.0rem;
}
.diagnosis-form .file .wpcf7-form-control-wrap{
    width:auto;
}
.diagnosis-form .file span#clear{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color:#FFFFFF;
    font-size:10px;
    cursor: pointer;
}
.diagnosis-form .title{
    width:100%;
}
.diagnosis-form .btn{
    width:31.0rem;
    margin-left:auto;
    margin-right:auto;
}
.diagnosis-form .btn:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    border-radius: 2rem;
    background: var(--color-w) url(../img/ar_03.png) no-repeat center center / cover;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    transition: 0.15s linear;
}
.diagnosis-form .btn .wpcf7-submit{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    border: 2px solid var(--color-btn);
    border-radius: 0.6rem;
    background-color: var(--color-btn);
    min-width: 31rem;
    color: var(--color-b);
    min-height: 5.8rem;
    font-size: 1.8rem;
    box-shadow: 0 0.5rem 0 #ab3004;
    margin: 0;
    padding: 0.5rem 2rem 0.7rem 1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-align: center;
    transition: 0.2s linear;
}
.diagnosis-form .btn:hover .wpcf7-submit {
    border: 2px solid var(--color-w);
    transform: translate(0, 0.5rem);
    background-color: var(--color-w);
    color: var(--color-main);
    box-shadow: 0 0 0 #ab3004;
}
.diagnosis-form .btn:hover:after {
    background-image: url(../img/ar_01.png);
    transform: translate(0, 0.5rem);
}
.diagnosis-form .form-input p.comment{
    font-size:14px;
    margin-top: 20px;
}
@media (max-width: 768px) {
.diagnosis-form .wpcf7-form-control-wrap{
    width:100%;
    display: block;
}
.diagnosis-form .zip .wpcf7-form-control-wrap{
    width:10.0rem;
    display: inline-block;
}
.diagnosis-form .wpcf7-radio{
    display: flex;
    gap: 0.5rem;
}
.diagnosis-form .wpcf7-radio .wpcf7-list-item {
    margin-left: 0;
}
.diagnosis-form .btn .wpcf7-spinner{
    display: none;
}
.diagnosis-form .zip strong{
    display: inline-block;
    padding: 0 0.5rem;
}
.diagnosis-form .btn{
    width:31.0rem;
    margin-left:auto;
    margin-right:auto;
    padding: 0 !important;
}
.diagnosis-form .btn:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    border-radius: 2rem;
    background: var(--color-w) url(../img/ar_03.png) no-repeat center center / cover;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    transition: 0.15s linear;
}
.diagnosis-form .btn .wpcf7-submit{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    border: 2px solid var(--color-btn);
    border-radius: 0.6rem;
    background-color: var(--color-btn);
    min-width: 31rem;
    color: var(--color-b);
    min-height: 5.8rem;
    font-size: 1.8rem;
    box-shadow: 0 0.5rem 0 #ab3004;
    margin: 0;
    padding: 0.5rem 2rem 0.7rem 1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-align: center;
    transition: 0.2s linear;
}
.diagnosis-form .btn:hover .wpcf7-submit {
    border: 2px solid var(--color-w);
    transform: translate(0, 0.5rem);
    background-color: var(--color-w);
    color: var(--color-main);
    box-shadow: 0 0 0 #ab3004;
}
.diagnosis-form .btn:hover:after {
    background-image: url(../img/ar_01.png);
    transform: translate(0, 0.5rem);
}

.diagnosis-form .form-input p.comment{
    margin-top: 15px;
}
}
/*--------------------------------------
    complete
--------------------------------------*/

.complete{
    background: #FFEEB4;
    padding: 75px 0 75px 0;
}
.complete h2.style001{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.complete h2.style001 span{
    font-size: 37px;
    font-weight: 800;
    display: inline-block;
    position: relative;
    z-index: 10;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 75%,#FAC200 75%,#FAC200 85%,rgba(255,255,255,0) 85%);
    padding: 0 10px;
}
.complete .inner{
    width:1200px;
    padding: 75px 100px 95px 100px;
    box-sizing: border-box;
    background: #FFFFFF;
    margin: 0 auto;
}
.complete .inner h3{
    font-size:24px;
    margin: 30px auto;
}
.complete .btn2{
    margin: 4.0rem auto 0;
    text-align: center;
}
@media (max-width: 768px) {
    .complete{
        padding: 100px 20px 50px 20px;
    }
    .complete h2.style001{
        margin-bottom: 40px;
    }
    .complete h2.style001 span {
        font-size: 24px;
        background: none;
        padding: 0;
    }
    .complete .inner{
        width:100%;
        padding: 20px 20px 40px 20px;
    }
}

/*--------------------------------------
    contact
--------------------------------------*/

.contact .form-area{
    margin: 10.0rem auto 0 auto;
}
.contact .form-area .read{
    text-align: center;
    color:#000000;
    margin: 0 auto 4.0rem auto;
}
.contact .form-area .read .note{
    font-size: 1.6rem;
}
.contact .form-area .form-input{
    width:114.0rem;
    margin: 0 auto;
    padding: 6.0rem 8.0rem 8.0rem 8.0rem;
    box-sizing: border-box;
    background: #FBF3F1;
    border-radius: 2.0rem;
    box-sizing: border-box;
}
.contact .form-area .form-input h2{
    font-size:1.6rem;
    position: relative;
    margin-bottom: 6.0rem;
    padding-bottom: 1.5rem;
    text-align: center;
    color:#000000;
    font-weight: 500;
}
.contact .form-area .form-input h2::after{
    content: "";
    width:16.0rem;
    height:0.1rem;
    position: absolute;
    top:100%;
    left:0;
    right:0;
    bottom:auto;
    margin: auto;
    background: #000000;
}
.contact .form-area .form-input dl{
    display: flex;
    flex-wrap: wrap;
    gap:5.0rem 0;
}
.contact .form-area .form-input dt{
    width:30rem;
    position: relative;
    display: flex; 
    align-items:flex-start;
    gap:2.0rem;
    line-height: 1.5;
    padding: 1.2rem 1.0rem 5.0rem 0;
    box-sizing: border-box;
    margin: 0;
    border-bottom:0.1rem solid #DFD1CD;
}
.contact .form-area .form-input dt span{
    width:7rem;
    height:3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    border-radius: 1.7rem;
    color:#FFFFFF;
    margin: -0.6rem 0 0 0;
    padding: 0;
    font-size:1.6rem;
}
.contact .form-area .form-input dt span.required{
    background: #FF4D4D;
}
.contact .form-area .form-input dt span.any{
    background: #A4A4A4;
}
.contact .form-area .form-input dd{
    width:calc(100% - 30.0rem);
    margin: 0;
    padding:0 0 5.0rem 0;
    border-bottom:0.1rem solid #DFD1CD;
    box-sizing: border-box;
}
.contact .form-area .form-input dd {
    input[type="text"], input[type="url"], input[type="tel"], input[type="email"], select {
        border: none;
        height: 5.0rem;
        padding: 1.0rem 1.5rem;
        vertical-align: middle;
        font-size: 1.6rem;
        color: var(--color-b);
    }
}
.contact .form-area .form-input .wpcf7-form-control-wrap{
    width:100%;
    display: block;
}
.contact .form-area .form-input .postcodeArea{
    gap:0.5rem;
}
.contact .form-area .form-input .postcodeArea .wpcf7-form-control-wrap {
    width: auto;
}
.contact .form-area .form-input dd.inquirytype .wpcf7-checkbox,
.contact .form-area .form-input dd.kikkake .wpcf7-checkbox{
    display: grid;
    grid-template-columns: 6fr 5fr 4fr;
    gap:2.0rem 0.5rem;
}
.contact .form-area .form-input dd.inquirytype .wpcf7-checkbox label,
.contact .form-area .form-input dd.kikkake .wpcf7-checkbox label{
    margin-top: 0;
}
.contact .form-area .form-input dd.kikkake .wpcf7-checkbox :first-child{
    grid-column: 1 / 3;
}
.contact .form-area .form-input dd.inquirytype .wpcf7-checkbox .wpcf7-list-item,
.contact .form-area .form-input dd.kikkake .wpcf7-checkbox .wpcf7-list-item{
    margin: 0;
}
.contact .form-area .form-input dd.inquirytype .wpcf7-checkbox span.wpcf7-list-item-label,
.contact .form-area .form-input dd.kikkake .wpcf7-checkbox span.wpcf7-list-item-label{
    border: none;
    background-color: #FFFFFF00;
    width: 100%;
    height: 3.2rem;
    padding: 0.5rem 1rem 0.6rem 5.2rem;
    font-size: 1.6rem;
    line-height: 1.3;
    color:#000000;
}
.contact .form-area .form-input dd.inquirytype .wpcf7-checkbox span.wpcf7-list-item-label:before,
.contact .form-area .form-input dd.kikkake .wpcf7-checkbox span.wpcf7-list-item-label:before{
    top: 0rem;
    left: 0rem;
    border: none;
    width: 3.2rem;
    height: 3.2rem;
}
.contact .form-area .form-input dd.addressArea{
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap:2.0rem 1.0rem;
}
.contact .form-area .form-input dd.addressArea .wpcf7-form-control-wrap:last-child{
    grid-column: 1 / 3;
}
 .contact .form-area .form-input dd textarea {
     border: 0px;
     background-color: var(--color-w);
     width: 100%;
     height: 18rem;
     padding: 2.5rem 2rem;
     vertical-align: middle;
     font-size: 1.6rem;
     color: var(--color-b);
}
.contact .form-area .form-input dd.note{
    width:100%;
    padding:0;
    border-bottom:none;
    color:#000000;
}
.contact .form-area .form-input dd .privacy-txt {
    background-color: #FFFFFF;
    width: 100%;
    height: 18rem;
    padding: 2.4rem 3rem;
    font-size: 1.6rem;
    line-height: 1.7;
    color: #000000;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.contact .form-area .form-input dd .privacy-check {
    width: 100%;
    margin-top: 3rem;
    text-align: left;
}
.contact .form-area .form-input dd .privacy-check .wpcf7-list-item{
    margin: 0;
}
.contact .form-area .form-input dd .privacy-check .wpcf7-list-item-label{
    background-color: #FFFFFF00;
    height: 3.2rem;
    padding: 0 0 0 5.2rem;
}
.contact .form-area .form-input dd .privacy-check .wpcf7-list-item-label:before{
    border: none;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: -1.6rem;
}
.contact .form-area .form-input dt:last-of-type,
.contact .form-area .form-input dd:last-of-type{
    border-bottom:0px;
}
.contact .form-area .form-input .btn {
    width: 25rem;
    height: 5.8rem;
    margin: 2rem auto 0 auto;
    text-align: center;
}
.contact .form-area .form-input .btn input{
    min-width: 25rem;
    min-height: 5.8rem;
    font-size: 1.8rem;
    background-color: var(--color-main);
    color: var(--color-w);
    box-shadow: 0 0.5rem 0 #ab3004;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    border: 2px solid var(--color-main);
    border-radius: 0.6rem;
    margin: 0;
    padding: 0.5rem 2rem 0.7rem 1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-align: center;
    transition: 0.2s linear;
}
.contact .form-area .form-input .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    border-radius: 2rem;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    transition: 0.15s linear;
    background: var(--color-w) url(../img/ar_02.png) no-repeat center center / 2rem;
}
.contact .form-area .form-input .btn input:hover,
.contact .form-area .form-input .btn:hover:after{
    transform: translate(0, 0.5rem);
    border: 2px solid #ab3004;
    background-color: #ab3004;
    box-shadow: 0 0 0 #ab3004;
}
.contact .form-area .form-input p.comment{
    font-size:1.4rem;
    margin-top: 2.2rem;
    text-align: left;
}
@media (max-width: 768px) {
    .contact .form-area{
        width:calc(100% - 4.0rem);
        margin: 5.0rem auto 0 auto;
    }
    .contact .form-area .read{
        margin: 0 auto 3.0rem auto;
    }
    .contact .form-area .form-input{
        width:100%;
        padding: 4.0rem 2.0rem;
    }
    .contact .form-area .form-input h2{
        margin-bottom: 3.0rem;
    }
    .contact .form-area .form-input h2::after{
        width:5.0rem;
    }
    .contact .form-area .form-input dl{
        display: grid;
        gap:2.0rem 0;
    }
    .contact .form-area .form-input dt{
        width:100%;
        font-size:1.4rem;
        padding: 1.2rem 1.0rem 0 0;
        border-bottom:none;
    }
    .contact .form-area .form-input dt span{
        width:5rem;
        height:2.5rem;
        border-radius: 1.25rem;
        margin: -0.2rem 0 0 0;
        font-size:1.4rem;
    }
    .contact .form-area .form-input dd{
        width:100%;
        margin: 0;
        padding:0 0 2.0rem 0;
    }
    .contact .form-area .form-input dd {
        input[type="text"], input[type="url"], input[type="tel"], 
        nput[type="email"], select {
            font-size: 1.4rem;
        }
    }
    .contact .form-area .form-input dd input[type="text"].size2 {
        width: 8.0rem;
    }
    .contact .form-area .form-input dd.inquirytype .wpcf7-checkbox,
    .contact .form-area .form-input dd.kikkake .wpcf7-checkbox{
        grid-template-columns: 1fr;
        gap:1.0rem;
    }
    .contact .form-area .form-input dd.kikkake .wpcf7-checkbox label:first-child{
        grid-column: 1 / 2;
    }
    .contact .form-area .form-input dd.inquirytype .wpcf7-checkbox .wpcf7-list-item,
    .contact .form-area .form-input dd.kikkake .wpcf7-checkbox .wpcf7-list-item{
        height: auto;
        padding: 0.5rem 0rem 0.6rem 3.4rem;
        font-size: 1.3rem;
    }
    .contact .form-area .form-input dd.inquirytype .wpcf7-checkbox .wpcf7-list-item:before,
    .contact .form-area .form-input dd.kikkake .wpcf7-checkbox .wpcf7-list-item:before{
        width: 2.4rem;
        height: 2.4rem;
    }
    .contact .form-area .form-input dd textarea {
        font-size: 1.4rem;
    }
    .contact .form-area .form-input dd .privacy-txt {
        font-size: 1.4rem;
    }
    
    .contact .form-area .form-input p.comment{
    margin-top: 1.5rem;
}
}


/*--------------------------------------
    reservation
--------------------------------------*/

.reservation .form-area{
    margin: 10.0rem auto 0 auto;
}
.reservation .form-area .read{
    text-align: center;
    color:#000000;
    margin: 0 auto 4.0rem auto;
}
.reservation .form-area .read .note{
    font-size: 1.6rem;
}
.reservation .form-area .form-input{
    width:114.0rem;
    margin: 0 auto;
    padding: 6.0rem 8.0rem 8.0rem 8.0rem;
    box-sizing: border-box;
    background: #FBF3F1;
    border-radius: 2.0rem;
    box-sizing: border-box;
}
.reservation .form-area .form-input h2{
    font-size:1.6rem;
    position: relative;
    margin-bottom: 6.0rem;
    padding-bottom: 1.5rem;
    text-align: center;
    color:#000000;
    font-weight: 500;
}
.reservation .form-area .form-input h2::after{
    content: "";
    width:16.0rem;
    height:0.1rem;
    position: absolute;
    top:100%;
    left:0;
    right:0;
    bottom:auto;
    margin: auto;
    background: #000000;
}
.reservation .form-area .form-input dl{
    display: flex;
    flex-wrap: wrap;
    gap:5.0rem 0;
}
.reservation .form-area .form-input dt{
    width:30rem;
    position: relative;
    display: flex; 
    align-items:flex-start;
    gap:1.0rem 2.0rem;
    line-height: 1.5;
    padding: 1.2rem 1.0rem 5.0rem 0;
    box-sizing: border-box;
    margin: 0;
    border-bottom:0.1rem solid #DFD1CD;
}
.reservation .form-area .form-input dt span{
    width:7rem;
    height:3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    border-radius: 1.7rem;
    color:#FFFFFF;
    margin: -0.6rem 0 0 0;
    padding: 0;
    font-size:1.6rem;
}
.reservation .form-area .form-input dt span.required{
    background: #FF4D4D;
}
.reservation .form-area .form-input dt span.any{
    background: #A4A4A4;
}
.reservation .form-area .form-input dd{
    width:calc(100% - 30.0rem);
    margin: 0;
    padding:0 0 5.0rem 0;
    border-bottom:0.1rem solid #DFD1CD;
    box-sizing: border-box;
}
.reservation .form-area .form-input dd {
    input[type="text"], input[type="url"], input[type="tel"], input[type="email"], select {
        border: none;
        height: 5.0rem;
        padding: 1.0rem 1.5rem;
        vertical-align: middle;
        font-size: 1.6rem;
        color: var(--color-b);
    }
}
.reservation .form-area .form-input .wpcf7-form-control-wrap{
    width:100%;
    display: block;
}
.reservation .form-area .form-input dd.livetype{
    display: flex;
    flex-wrap: wrap;
    gap:2.0rem 0.5rem;
}
.reservation .form-area .form-input dd.method .wpcf7-radio{
    display: grid;
    gap:1.0rem;
}
.reservation .form-area .form-input dd.livetype label,
.reservation .form-area .form-input dd.method label{
    margin-top: 0;
}
.reservation .form-area .form-input dd.livetype .wpcf7-list-item-label,
.reservation .form-area .form-input dd.method .wpcf7-list-item-label{
    border: none;
    background-color: #FFFFFF00;
    width: 100%;
    height: 3.2rem;
    padding: 0.5rem 1rem 0.6rem 5.2rem;
    font-size: 1.6rem;
    line-height: 1.3;
    color:#000000;
}
.reservation .form-area .form-input dd.livetype .wpcf7-list-item-label:before,
.reservation .form-area .form-input dd.method .wpcf7-list-item-label:before{
    top: 0rem;
    left: 0rem;
    border: none;
    width: 3.2rem;
    height: 3.2rem;
}
.reservation .form-area .form-input .postcodeArea{
    gap:0.5rem;
}
.reservation .form-area .form-input .postcodeArea .wpcf7-form-control-wrap {
    width: auto;
}
.reservation .form-area .form-input dd.addressArea{
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap:2.0rem 1.0rem;
}
.reservation .form-area .form-input dd.addressArea .wpcf7-form-control-wrap:last-child{
    grid-column: 1 / 3;
}
.reservation .form-area .form-input dt span.comment{
    width:100%;
    height:0;
    font-size:1.0rem;
    color:#000000;
    box-sizing: border-box;
    padding-left: 9.0rem;
    justify-content: flex-start;
}
.reservation .form-area .form-input dd.price .wpcf7-form-control-wrap{
    width:60%;
    margin-right: 10px;
}
.reservation .form-area .form-input dd.file .wpcf7-form-control-wrap{
    width:auto;
}
.reservation .form-area .form-input dd.file span#clear{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color:#4f4f4f;
    font-size:10px;
    cursor: pointer;
}
.reservation .form-area .form-input dd textarea {
     border: 0px;
     background-color: var(--color-w);
     width: 100%;
     height: 18rem;
     padding: 2.5rem 2rem;
     vertical-align: middle;
     font-size: 1.6rem;
     color: var(--color-b);
}
.reservation .form-area .form-input dd.note{
    width:100%;
    padding:0;
    border-bottom:none;
    color:#000000;
}
.reservation .form-area .form-input dd .privacy-txt {
    background-color: #FFFFFF;
    width: 100%;
    height: 18rem;
    padding: 2.4rem 3rem;
    font-size: 1.6rem;
    line-height: 1.7;
    color: #000000;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.reservation .form-area .form-input dd .privacy-check {
    width: 100%;
    margin-top: 3rem;
    text-align: left;
}
.reservation .form-area .form-input dd .privacy-check .wpcf7-list-item{
    margin: 0;
}
.reservation .form-area .form-input dd .privacy-check .wpcf7-list-item-label{
    background-color: #FFFFFF00;
    height: 3.2rem;
    padding: 0 0 0 5.2rem;
}
.reservation .form-area .form-input dd .privacy-check .wpcf7-list-item-label:before{
    border: none;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: -1.6rem;
}
.reservation .form-area .form-input dt:last-of-type,
.reservation .form-area .form-input dd:last-of-type{
    border-bottom:0px;
}
.reservation .form-area .form-input .btn {
    width: 25rem;
    height: 5.8rem;
    margin: 2rem auto 0 auto;
    text-align: center;
}
.reservation .form-area .form-input .btn input{
    min-width: 25rem;
    min-height: 5.8rem;
    font-size: 1.8rem;
    background-color: var(--color-main);
    color: var(--color-w);
    box-shadow: 0 0.5rem 0 #ab3004;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    border: 2px solid var(--color-main);
    border-radius: 0.6rem;
    margin: 0;
    padding: 0.5rem 2rem 0.7rem 1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-align: center;
    transition: 0.2s linear;
}
.reservation .form-area .form-input .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    border-radius: 2rem;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    transition: 0.15s linear;
    background: var(--color-w) url(../img/ar_02.png) no-repeat center center / 2rem;
}
.reservation .form-area .form-input .btn input:hover,
.reservation .form-area .form-input .btn:hover:after{
    transform: translate(0, 0.5rem);
    border: 2px solid #ab3004;
    background-color: #ab3004;
    box-shadow: 0 0 0 #ab3004;
}
.reservation .form-area .form-input p.comment{
    font-size:1.4rem;
    margin-top: 2.2rem;
    text-align: left;
}
@media (max-width: 768px) {
    .reservation .form-area{
        width:calc(100% - 4.0rem);
        margin: 5.0rem auto 0 auto;
    }
    .reservation .form-area .read{
        margin: 0 auto 3.0rem auto;
    }
    .reservation .form-area .form-input{
        width:100%;
        padding: 4.0rem 2.0rem;
    }
    .reservation .form-area .form-input h2{
        margin-bottom: 3.0rem;
    }
    .reservation .form-area .form-input h2::after{
        width:5.0rem;
    }
    .reservation .form-area .form-input dl{
        display: grid;
        gap:2.0rem 0;
    }
    .reservation .form-area .form-input dt{
        width:100%;
        font-size:1.4rem;
        gap:2.0rem;
        padding: 1.2rem 1.0rem 0 0;
        border-bottom:none;
    }
    .reservation .form-area .form-input dt span{
        width:5rem;
        height:2.5rem;
        border-radius: 1.25rem;
        margin: -0.2rem 0 0 0;
        font-size:1.4rem;
    }
    .reservation .form-area .form-input dd{
        width:100%;
        padding:0 0 2.0rem 0;
    }
    .reservation .form-area .form-input dd {
        input[type="text"], input[type="url"], input[type="tel"], 
        nput[type="email"], select {
            font-size: 1.4rem;
        }
    }
    .reservation .form-area .form-input dd input[type="text"].size2 {
        width: 8.0rem;
    }
    .reservation .form-area .form-input dd.livetype .wpcf7-list-item-label{
        display: grid;
        grid-template-columns: 1fr;
        gap:1.0rem;
        font-size:1.4rem;
    }
    .reservation .form-area .form-input dd.method .wpcf7-list-item-label{
        display: block;
        font-size:1.4rem;
    }
    .reservation .form-area .form-input dd.livetype .wpcf7-list-item,
    .reservation .form-area .form-input dd.method .wpcf7-list-item{
        display: block;
        margin: 0 0 1rem 0;
    }
    .reservation .form-area .form-input dt span.comment{
        padding-left: 7.0rem;
    }
    .reservation .form-area .form-input dd textarea {
        font-size: 1.4rem;
    }
    .reservation .form-area .form-input dd .privacy-txt {
        font-size: 1.4rem;
    }
    .reservation .form-area .form-input p.comment{
    margin-top: 1.5rem;
}

}