@charset "UTF-8";
/*reset*/
*{box-sizing: border-box;}
form{
    background-color: transparent;
}
form table{
    white-space: normal;
}
form table tr{
    line-height: 1.4;
    border-bottom: 0;
}
form table th{
    vertical-align: top;
    padding:20px 1em 20px 0;
}
form table td{
    vertical-align: top;
    padding: 20px 0 ;
}
form table td input{
    width: auto;
    height: auto;
    padding: 0 0.5em;
    font-size: 18px;
    font-weight: bold;
}
form table td textarea{
    width: 100%;
}
@media screen and (min-width:980px){
#contact_page .w_92{
    width: 1000px;
    margin: auto;
}
}
@media screen and (max-width:690px){
form table{
    width: 100%;
    margin: 0;
}
form table tbody{
    width: 100%;
    display: block;
}
form table tr {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #89e5cb;
    line-height: 1.4;
    padding: 2em 0;
}
form table th{
    margin: 0 0 0.5em;
    padding: 0;
    height: auto;
}
form table td{
    margin: 0;
    padding: 0;
    height: auto;
}

}


/*-----------------------------------------------------------
representative
-----------------------------------------------------------*/
.commonTitle{
    background-color: #d1f4ea;
    text-align: left;
    font-size: 1.2em;
    margin: 0 -30px 1em;
}
.commonTitle span{
    display: inline-block;
    background-color: #5bc3a6;
    color: #FFF;
    margin-right: 1em;
    font-weight: normal;
    padding: 0.5em;
}
.formCommon input[type="text"]{
    width: 100%;
    padding: 0.8em;
    font-size: 16px;
}
.formCommon select{
    width: 100%;
    padding: 0.8em;
    font-size: 16px;
}
.formCommon th .hissu_bg{
    font-size: 0.65em;
    padding: 0.3em 0.5em;
    line-height: 1.2;
}
.representative{
    background-color: #f8f8f8;
    font-size: 14px;
    padding: 0 30px 30px;
}
.representative th{
    width: 12em;
}

/*問合せの種類*/
.labelBox label{
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    margin: 0.5em 2em 0.5em 0;
}
.queryType{
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}
/*郵便番号*/
#postCode{
    width: 10em;
}

/*datepicker*/
.ui-datepicker {
    font-size: 18px;
    line-height: 1.6;
}
/*人数*/
.person{
    display: inline-block;
    margin-right: 2em;
}
.person p{
    display: inline-block;
    margin-right: 0.5em;
    padding: 10px 0;
}
.person p strong,
.roomCount p strong{
    font-size: 1.2em;
    margin: 0 0.3em;
}
.roomCount{
    display: inline-block;
}
.formCommon .person input,
.formCommon .roomCount input{
    width: 4em;
}


.formCommon input[id^="datepicker-"]{
    background: url("../img/icon_calendar.png") no-repeat right center #FFF;
    background-size: auto 80%;
    width: 20em;
}
.formCommon input.reloclubId{
    width: 20em;
}
@media screen and (max-width:690px){
.representative {
    padding: 0 20px 20px;
}
.representative th{
    width: 100%;
}
.commonTitle {
    margin: 0 -20px 1em;
}
.labelBox.query label{
    width: 100%;
}
.formCommon input[id^="datepicker-"]{
    width: 100%;
}
.formCommon input.reloclubId{
    width: 100%;
}


}

/*-----------------------------------------------------------
accompanying
-----------------------------------------------------------*/
.accompanying{
    background-color: #f8f8f8;
    font-size: 14px;
    padding: 0 30px 30px;
    margin-top: 5em;
}
.accompanying th{
    width: 12em;
}
[class^="accompany0"]{
    padding: 1.5em 0;
}
.acTitle{
    background-color: #CCC;
    text-align: left;
    padding: 0.8em 1em;
    margin: 0 -1em;
    border: 1px solid #f8f8f8;
    cursor: pointer;
    position: relative;
    display: block;
}
.acTitle::before{
    content: "▼";
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-weight: bold;
    font-size: 1em;
}
.acTitle.open::before{
    content: "▲";
}
@media screen and (max-width:690px){
.accompanying {
    padding: 0 20px 20px;
}
.accompanying th{
    width: 100%;
}


}
/*-----------------------------------------------------------
informationSession
-----------------------------------------------------------*/
.informationSession{
    background-color: #f8f8f8;
    font-size: 14px;
    padding: 0 30px 30px;
    margin: 5em 0;
}
.is-title span{
    display: inline-block;
    font-weight: normal;
    font-size: 0.8em;
}
@media screen and (max-width:690px){
.informationSession {
    padding: 0 20px 20px;
}
.informationSession th{
    width: 100%;
}


}
/*-----------------------------------------------------------
privacy_policy
-----------------------------------------------------------*/
.privacy_policy{
    margin: 0;
    padding: 2em;
    border: 40px solid #f8f8f8;
    outline: 2px solid #333;
    outline-offset: -39px;
    
}
.privacy_policy p{
    font-size: 14px;
}
.privacy_button{
    margin: 2em 0 0 0;
    font-weight: bold;
    font-size: 16px;
}
.kakunin_box{
    margin-top: 0;
    background-color: #f8f8f8;
    padding: 2em 0 5em;
}
.kakunin_box .submit{
    background-color: #00bd88;
    font-size: 18px;
    padding: 1em 2em;
    border: 0;
    border-radius: 5px;
    width: auto;
    height: auto;
    line-height: 1.4;
    cursor: pointer;
}



@media screen and (max-width:690px){
.privacy_policy {
    margin: 0;
    padding: 2em;
    border: 12px solid #f8f8f8;
    outline: 2px solid #333;
    outline-offset: -14px;
}
.privacy_policy p{
    font-size: 12px;
}
}