@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

/*------------------------------------------------------------
お問い合わせ・アンケート・WEB予約
-------------------------------------------------------------*/
.contact{ margin: 0 auto; padding-top: 20px; text-align: center;}
.contact .common_tit{ margin-bottom: 70px;}
.contact .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.enquete{ margin: 0 auto; padding-top: 20px; text-align: center;}
.enquete .common_tit{ margin-bottom: 70px;}
.enquete .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.reserve{ margin: 0 auto; padding-top: 20px; text-align: center;}
.reserve .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

/* フォーム本体
------------------------------------------------------------ */
.common_form_wrap{ border: 1px solid #c79d6e; background: #fff; padding: 40px;}
.common_form_wrap h3{ color: #c79d6e; margin-bottom: 50px; letter-spacing: 0.6em;}
.common_form_inner{ width: 1320px; margin: 0 auto;}
.common_form_inner .sub{ padding: 15px 0 0 12px; font-size: 13px;}

/*単位*/
.unit{ display: inline-block; height: 32px; line-height: 32px; padding: 0 4px;}

/*（ご予約フォーム）オプション注釈*/
.op_att{ padding-left: 20px; font-size: 13px;}
.op_att i{ padding-right: 2px;}
.op_att a{ padding: 0 5px;}

/* WEB予約備考
------------------------------------------------------------ */
.annotation{ box-sizing: border-box; width: 1400px; margin: 40px auto 50px;}

.annotation .annotation_inner{ display: flex; flex-wrap: wrap; justify-content: center;}
.annotation .annotation_inner .annotation_l{}
.annotation .annotation_inner .annotation_l p{ box-sizing: border-box; width: 500px; padding: 30px 0; text-align: center; border: 1px solid #c79d6e; font-size: 30px; color: #c79d6e; position: relative; line-height: 1.3;}
.annotation .annotation_inner .annotation_l p span{ display: block; font-family: 'Whisper', cursive; color: #fff; font-size: 60px; position: absolute; top: -42px; left: -40px; transform: rotate(-8deg);}

.annotation .annotation_inner .annotation_r{}
.annotation .annotation_inner .annotation_r p{ text-align: left; font-size: 35px; color: #fff; line-height: 1.3; padding-left: 20px;}
.annotation .annotation_inner .annotation_r p span{ color: #c79d6e;}