/*--- RESERVE ---*/
.controls {
	margin-bottom: 20px;
}
.filter {
	width: 49%;
	padding: 0;
    font-size: 2rem;
}
.recruitBanner {
    line-height: 0;
    margin-bottom: 20px;
}
.text {
    line-height: 2rem;
    margin-bottom: 15px;
}
.recruitTable:last-of-type {
    margin-bottom: 50px;
}
.recruitTable dt {
    width: 12%;
}
.recruitTable dd {
    width: 87%;
}
.formTable:first-of-type {
    margin-top: 10px;
}
.formTable dt,
.formTable dd {
    padding: 5px 10px;
}
.formTable dt {
    width: 30%;
}
.formTable dd {
    width: 100%;
    padding-left: 0;
}
.formTable dd span.pc_view {
    display: inline-block;
    margin-left: .5em;
}
#number dd span {
    display: block;
    margin: 2px 0 5px 0;
}
#number dt {
    padding: 10px 0;
    line-height: 0;
}
input[type="text"] {
    width: 38%;
    min-width: 300px;
}
label+label {
    margin-left: 2em;
}
textarea {
    width: 52%;
    min-width: 410px;
}
.borderBtn {
    width: 45%;
    min-width: 450px;
    margin: 0 auto;
}
.borderBtn .inner_left,
.borderBtn .inner_right {
    width: 49%;
}
.borderBtn input[type="submit"],
.borderBtn input[type="reset"] {
    width: 100%;
    min-width: inherit;
    margin: 20px 0;
    border-radius: 0;
}
.reserveText{
    text-align: center;
    margin-bottom: 30px;
    }
.reserveText span{
    font-size: 1.8rem;
    font-weight: bold;
    text-decoration: underline;
    }

/*--- SP-style ---*/
@media screen and (max-width: 768px) {
    .controls {
        width: 93.7%;
    }
    .recruitBanner {
        margin-bottom: 10px;
    }
    #contents .text {
        margin-bottom: 15px;
    }
    h3 {
        margin-bottom: 30px;
    }
    .reserveText {
        text-align: left;
        line-height: 2rem;
        padding: 15px;
        width: fit-content;
        margin: 0 auto;
    }
    .tableStyle dt,
    .tableStyle dd {
        display: block;
        width: 100%;
        font-size: 1.4rem;
    }
    .tableStyle dt {
        padding: 7px 10px 0 0;
        line-height: 1;
    }
    .tableStyle dd {
        border-bottom: none;
        margin-bottom: 10px;
        padding: 7px 0;
        line-height: 1.8rem;
    }
    .recruitTable:last-of-type {
        margin-bottom: 10px;
    }
    .formTable dt {
        border-bottom: none;
    }
    .formTable dd {
        border-bottom: 1px solid #000;
        padding-bottom: 15px;
        margin-bottom: 5px;
    }
    .formTable dd span.pc_view {
        display: none;
    }
    .formTable span.sp_view {
        display: inline-block;
        margin-left: .5em;
    }
    input[type="text"], textarea {
        width: 100%;
        min-width: inherit;
    }
    label {
        font-size: 1.6rem;
    }
    #number dt {
        padding: 0;
    }
    #number dd {
        border-bottom: none;
    }
    #number img {
        width: 66.6%;
        max-width: 200px;
    }
    .floatBox .inner_left,
    .floatBox .inner_right {
        float: none;
        width: 100%;
    }
    .borderBtn {
        min-width: inherit;
    }
    .borderBtn input[type="submit"],
    .borderBtn input[type="reset"] {
        margin: 5px auto 10px;
    }
}