<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.sec-mv {
  background-image: url(../../img/biente/contact/sec-mv.jpg);
}

.wrap {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

.tel-box{
	border: 1px solid #7e7e7e;
	padding: 35px 30px;
	width: 705px;
	margin: 75px auto;
}

.tel-box-txt{
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

.tel-box-img{
	text-align: center;
}

.tel-box-txt02{
	text-align: center;
	font-size: 1.5rem;
	margin-top: 10px;
}

.top-txt{
	text-align: center;
	font-size: 1.5rem;
	line-height: 3.2rem;
	margin-bottom: 75px;
}

.bold{
	font-weight: bold;
}

.color{
	color: #005dad;
}

.contact-tab{
	padding: 0 60px;
	font-size: 0;
}

.tab{
	width: 46%;
	text-align: center;
	background-color: #7e7e7e;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.tab::after{
	position: absolute;
	top: 39%;
	right: 22%;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(135deg);
}

.select{
	background-color: #005dad;
}

.tab + .tab{
	margin-left: 7.5%;
}

.tab a,.tab span{
  display: block;
	padding: 25px 0;
}

.tab img{
	max-width: 45%;
}

.hide{
	display: none;
}

.contact-tab-area{
	padding-top: 60px;
	background-color: #f2f7fb;
	border-top: 2px solid #005dad;
	border-bottom: 2px solid #005dad;
	margin-bottom: 200px;
}

.contact-tab-inner{
	max-width: 1080px;
	margin: 0 auto 60px;
}

.contact-ttl01{
	font-size: 2.0rem;
	border-bottom: 1px solid #005dad;
}

.cus-table{
	width: 570px;
	margin:45px auto;
}

.cus-table-left{
	font-size: 1.4rem;
	font-weight: normal;
	text-align: left;
	width: 165px;
}

.cus-table-right{
	width: 405px;
	font-size: 1.4rem;
	text-align: left;
	font-weight: normal;
}

.cus-table-right input{
	border: 1px solid #e3e0dd;
	background-color: #ffffff;
	height: 40px;
	width: 405px;
}

.cus-table-tr{
	height: 60px;
}

/*.cus-table-tr-con,.use-table-tr-con{
	border-top: 1px solid #e3e0dd;
	border-bottom: 1px solid #e3e0dd;
}*/

.use-table{
	max-width: 835px;
	margin: 55px auto 30px;
}

.use-table-left{
	font-size: 1.4rem;
	font-weight: normal;
	text-align: left;
	width: 180px;
}

.use-table-right{
	font-size: 1.4rem;
}

.use-table-tr{
	height: 60px;
}

.use-table-tr2{
	height: 85px;
}

.use-table-tr3{
	height: 90px;
}

.use-table-tr4{
	height: 230px;
}

.use-table-tr5{
	height: 75px;
}

.use-table-right input,.use-table-right select{
	height: 30px;
	border: 1px solid #e3e0dd;
	background-color: #ffffff;
}


.a-lodging,.c-lodging{
	width: 50px;
	margin: 0 5px;
}

.calendar{
	position: relative;
	width: 260px;
}

.checkin + img,
.checkout + img{
	position: absolute;
	top: 32%;
	right: 24%;
}

.parking-start + img,
.parking-end + img{
	position: absolute;
	top: 22%;
	right: 24%;
}

.checkin,.checkout,.parking-start,.parking-end{
	width: 200px;
}

.room{
	width: 170px;
}

.attention{
	display: block;
	font-size: 1.2rem;
	margin-top: 5px;
}

.attention a{
	color: #005dad;
	text-decoration: underline;
}

textarea{
	width: 100%;
	height: 160px;
	border: 1px solid #e3e0dd;
	background-color: #ffffff;
}

input[type="checkbox"],
input[type="radio"] {
	display: none;
}

label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 33px;
	cursor: pointer;
}

label.checkbox::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	background: #fff;
	border: 1px solid #e3e0dd;
}

/*input[type="checkbox"]:checked + label::after {*/
label.checkbox.on::after {
	position: absolute;
	content: '';
	top: 10px;
	left: 3px;
	width: 13px;
	height: 5px;
	border-left: 2px solid #005dad;
	border-bottom: 2px solid #005dad;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

label.radio::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	background: #fff;
	border: 1px solid #e3e0dd;
	border-radius: 50%;
}

/*input[type="checkbox"]:checked + label::after {*/
label.radio.on::after {
	position: absolute;
	content: '';
	top: 8px;
	left: 6px;
	width: 10px;
	height: 10px;
	background: #005dad;
	border-radius: 50%;
}

.line{
	width: 1080px;
	height: 1px;
	background-color: #005dad;
	margin: 0 auto;
}

.form-btn{
	margin: 40px auto 75px;
	width: 560px;
	display: flex;
	justify-content: space-between;
}

.reset input,
.back input{
	width: 240px;
	background: url(../../img/biente/contact/btn-01.jpg) repeat center center;
	text-align: center;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 0;
	height: 80px;
}
.reset input{
	background: url(../../img/prix/contact/btn-01.jpg) repeat center center;
}
.back input{
	background: url(../../img/prix/contact/btn-01.jpg) repeat center center;
}
.send input{
	width: 240px;
	background: url(../../img/biente/contact/btn-02.jpg) repeat center center;
	text-align: center;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 0;
	height: 80px;
}

.reset-con input,.reset-res input{
	width: 240px;
	background: url(../../img/biente/contact/btn-03.jpg) repeat center center;
	text-align: center;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 0;
	height: 80px;
}

.send-con input,.send-res input{
	width: 240px;
	background: url(../../img/biente/contact/btn-04.jpg) repeat center center;
	text-align: center;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 0;
	height: 80px;
}

.mw_wp_form_input .reset-res,
.mw_wp_form_input .send-res{
	display: none;
}


/* 遒ｺ隱咲判髱｢ */

.mw_wp_form_preview .reset{
	display: none;
}


.mw_wp_form_preview .cus-table-tr,
.mw_wp_form_preview .use-table-tr{
	border-top: 1px solid #e3e0dd;
	border-bottom: 1px solid #e3e0dd;
}



.thanks-img{
	text-align: center;
	margin-bottom: 45px;
}

.thanks-txt{
	text-align: center;
	font-size: 1.5rem;
	line-height: 3.2rem;
}

.top-btn{
	text-align: center;
	margin-top: 75px;
	margin-bottom: 80px;
}

.cus-table-con{
	max-width: 835px;
	width: 100%;
}

.mw_wp_form_preview .confirm-hide{
  display: none;
}


@media screen and (max-width: 767px) {

.sp-br{
	display: block;
}

.sec-mv {
	background-image: url(../../img/biente/contact/sec-mv-sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 87%;
	height: auto;
}

h3{
	width: 75%;
}


.wrap {
	width: 100%;
	max-width: 96%;
	margin: 0 auto;
	padding: 0 3%;
}

.tel-box{
	border: 1px solid #7e7e7e;
	padding: 6%x 0;
	width: 100%;
	margin: 15% auto 12%;
}

.tel-box-txt{
	text-align: center;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 3%;
}

.tel-box-img{
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

.tel-box-txt02{
	text-align: center;
	font-size: 1rem;
	margin-top: 2%;
}

.top-txt{
	text-align: center;
	font-size: 1.4rem;
	line-height: 2.5rem;
	margin-bottom: 15%;
}

.bold{
	font-weight: bold;
}

.color{
	color: #005dad;
}

.contact-tab{
	padding: 0 5%;
	width: 110%;
	margin-left: -5%;
}

.tab{
	padding: 25px 0;
	width: 46%;
	text-align: center;
	background-color: #7e7e7e;
	display: inline-block;
	cursor: pointer;
	font-size: 0;
}
.tab::after{
	display: none;
}

.tab img{
	max-width: 70%;
}

.select{
	background-color: #005dad;
}

.tab + .tab{
	margin-left: 7.5%;
}

.hide{
	display: none;
}

.contact-tab-area{
	padding-top: 12%;
	background-color: #f2f7fb;
	width: 110%;
	margin-left: -5%;
	margin-bottom: 20%;
}


.contact-tab-inner{
	width: 100%;
	padding: 0 5%;
	margin: 0 auto 15%;
}

.contact-ttl01{
	font-size: 1.5rem;
	border-bottom: 1px solid #005dad;
}

.cus-table{
	width: 100%;
	margin: 6% auto 15%;
}

.cus-table-left{
	font-size: 1.4rem;
	font-weight: normal;
	text-align: left;
	width: 100%;
	display: block;
	margin: 4% 0 1%;
}

.cus-table-right{
	width: 100%;
	font-size: 1.4rem;
	text-align: left;
	font-weight: normal;
	display: block;
}

.cus-table-right input{
	border: 1px solid #e3e0dd;
	background-color: #ffffff;
	height: 40px;
	width: 100%;
}

.cus-table-tr{
	height: 60px;
}

.use-table{
	width: 100%;
	margin: 6% auto 15%;
}

.use-table-left{
	font-size: 1.4rem;
	font-weight: normal;
	text-align: left;
	width: 100%;
	display: block;
	margin: 4% 0 1%;
}

.use-table-right{
	display: block;
	width: 100%;
}

.use-table-tr{
	height: 60px;
}

.use-table-tr2{
	height: 85px;
}

.use-table-tr3{
	height: 90px;
}

.use-table-tr4{
	height: 230px;
}

.use-table-tr5{
	height: 75px;
}

.use-table-right input,.use-table-right select{
	height: 30px;
	border: 1px solid #e3e0dd;
	background-color: #ffffff;
}


.a-lodging,.c-lodging{
	width: 50px;
	margin: 0 5px;
}

.calendar{
	position: relative;
	width: 100%;
}

.checkin + img,
.checkout + img{
	position: absolute;
	top: 16%;
	right: 35%;
}

.parking-start + img,
.parking-end + img{
	position: absolute;
	top: 8%;
	right: 35%;
}

.checkin,.checkout{
	width: 100%;
}

.use-table-right{
	width: 100%;
}

.use-table-right input{
	width: 70%;
}

.room{
	width: 70%;
}

.parking-right{
	width: 100%;
}

.parking-right select{
	width: 70%;
}

.lodging-right{
	width: 100%;
}

.attention{
	display: block;
	font-size: 1.2rem;
	margin-top: 5px;
}

.attention a{
	color: #005dad;
	text-decoration: underline;
}

textarea{
	width: 100%;
	height: 160px;
	border: 1px solid #e3e0dd;
	background-color: #ffffff;
}

.line{
	width: 100%;
	height: 1px;
	background-color: #005dad;
	margin: 0 auto;
}

.form-btn{
	margin: 12% auto 15%;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.reset,.send,.reset-con,.reset-res,.send-con,.send-res{
	width: 48%;
}

.reset input{
	width: 100%;
	background: url(../../img/biente/contact/btn-01-02.jpg) repeat center center;
	text-align: center;
	background-size: 100%;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 12% 0;
	height: auto;
}

.send input{
	width: 100%;
	background: url(../../img/biente/contact/btn-02-02.jpg) repeat center center;
	text-align: center;
	background-size: 100%;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 12% 0;
	height: auto;
}

.reset-con input,.reset-res input{
	width: 100%;
	background: url(../../img/biente/contact/btn-03-02.jpg) repeat center center;
	text-align: center;
	background-size: 100%;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 12% 0;
	height: auto;
}

.send-con input,.send-res input{
	width: 100%;
	background: url(../../img/biente/contact/btn-04-02.jpg) repeat center center;
	text-align: center;
	background-size: 100%;
	display: block;
	cursor: pointer;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	padding: 12% 0;
	height: auto;
}

.thanks-img{
	text-align: center;
	margin-bottom: 10%;
}

.thanks-txt{
	text-align: center;
	font-size: 1.4rem;
	line-height: 2.5rem;
}

.top-btn{
	text-align: center;
	margin-top: 10%;
	margin-bottom: 12%;
}

.border-con{
	border-bottom: 1px solid #e3e0dd;
}

.use-table-tr3-con,.use-table-tr5-con{
	height: 60px;
}

.use-table-tr4-con{
	height: auto;
}

}


.errormsg {
	margin: 75px auto;
	font-size: 1.8rem;
	font-weight: bold;
	color: #B70000;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.errormsg {
		margin: 40px auto -20px;
		font-size: 1.4rem;
	}
}</pre></body></html>