/*========================================

　●　上部エリア
　●　お問い合わせ＆フォーム部分

========================================*/

/*========================================
　●　上部エリア
========================================*/
/*------------------------------ 上部エリア */
.p04infoWhole{
 margin-bottom: 56px;
}

/*-------------------- 上部エリア　ベース上書き・追加 */
.business{ margin-left: auto;}

.sports h3,
.business h3,
.stay h3{ margin-bottom: 12px;}

.sports .u-br01,
.stay .u-br01{}

.business .u-br01{ display: none;}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
/*------------------------------ 上部エリア */
.p04infoWhole{
 max-width: 840px;
}

/*-------------------- 上部エリア　ベース上書き・追加 */
.sports,
.business,
.stay{
 max-width: 750px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.sports h3,
.business h3,
.stay h3{
 max-width: 750px;
 margin-bottom: 12px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.sports figure,
.business figure,
.stay figure{
 max-width: 600px;
 margin-left: auto;
 margin-right: auto;
}

.business .u-br01{ display: block;}

}/*----- media -----*/


/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){}/*----- media -----*/

/*============================== □ max-width 600 */
@media screen and (max-width: 600px){
.business .u-br01{ display: none;}

}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.sports,
.business,
.stay{
 text-align: left;
}

.sports .u-br01,
.stay .u-br01{ display: none;}

}/*----- media -----*/


/*========================================
　●　お問い合わせ＆フォーム部分
========================================*/
input[type="submit"] {
 appearance: none;
 -webkit-appearance: none;
 color: #393939;
}

/*------------------------------ お問い合わせ */
.contact{}

.contact h3{ margin-bottom: 12px;}

.p_contact{
 margin-bottom: 20px;
 line-height: 1.8;
 text-align: center;
}

.contact p br.u-br01{ display: none;}

dl.contact--tel{
 width: 240px;
 margin-bottom: 24px;
 margin-left: auto;
 margin-right: auto;
 padding: 8px 4px;
 color: #44245d;
 border: 1px solid #44245d;
 border-radius: 10px;
}

dl.contact--tel dt{
 font-size: 18px;
 line-height: 1.5;
 text-align: center;
}

dl.contact--tel dd{
 font-size: 22px;
 line-height: 1.5;
 text-align: center;
}

/*------------------------------ フォームエリア */
.formArea{
 width: 100%;
 max-width: 960px;
 margin: 0px auto 20px auto;
 padding-top: 16px;
 padding-bottom: 30px;
 background: #fff;
 border-radius: 10px;
}

.formArea h4{ margin-bottom: 20px;}

/*-----*/
.contact_form{
 width: 95%;
 margin: 0 auto 0 auto;
 font-size: 16px;
}

.contact_form dt{ min-height: 45px; padding: 7px 0;}
.contact_form dd{ padding-bottom: 15px;}

/*---------------------------------------- 入力枠設定 */
.contact_form select{
 padding: 10px;
 background: #ffffff;
 border: 1px solid #bfbfbf;
 border-radius: 1px;
}

.contact_form input,
.contact_form textarea{
 width: 100%;
 padding: 10px;
 background: #ffffff;
 border: 1px solid #bfbfbf;
 border-radius: 1px;
}

.contact_form textarea{
 width: 100%;
}

/*-----*/
.fsubmit_div{text-align: center;}
.contact_form input.fsubmit{
 width: 200px;
 padding: 12px 4px 10px 4px;
 margin-top: 24px;
 font-size: 18px;
}

.fsubmit:hover{ cursor: pointer;}

/*-----*/
.hissu{
 display: inline-block;
 margin-left: 8px;
 padding: 5px 10px 7px 10px;
 color: #fff;
 font-size: 16px;
 text-align:center;
 background: #44245d;
 border-radius: 5px;
 vertical-align: 1px;
}

.ninni{
 display: inline-block;
 margin-left: 8px;
 padding: 5px 10px 7px 10px;
 color: #888;
 font-size: 16px;
 text-align:center;
 background: #fff;
 border: 1px solid #cbb9f8;
 border-radius: 5px;
 vertical-align: 1px;
}

.memo{
 font-size: 16px;
 line-height: 1.3;
 margin-top: 6px;
}

/*---------------------------------------- 2カラム部分 */
.form2column{
 display: flex;
  align-items: flex-start;
  justify-content: space-between;
 width: 100%;
}

.form2column > div{ width: 49.5%;}
.form2column > div:nth-of-type(1) dd p.memo{ padding-right: 1.0em;}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
.contact p br.u-br01{ display: block;}

/*------------------------------ フォームエリア */
.contact01Area{
 width: 97%;
 max-width: 960px;
 margin: 5px auto 5px auto;
 padding-top: 20px;
 padding-bottom: 30px;
 background: #fff;
 border-radius: 10px;
}

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){
/*---------------------------------------- 2カラム部分 */
.form2column{
 display: block;
 width: 100%;
}

.form2column > div{ width: 100%;}
.form2column > div:nth-of-type(1) dd p.memo{ padding-right: 0em;}

}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.p_contact{
 text-align: left;
}

.contact p br.u-br01{ display: none;}

}/*----- media -----*/