@charset "utf-8";

.fNavLink{
    position: relative;
    display: block;
}

.fNavBox.fNavBox02 {
    max-width: 800px;
}

.fContIn{
  max-width:1334px;
  width:100%;
  margin:0 auto 0 auto;
  padding:0 15px 0 15px;
  position:relative;
}
.fContWr{
  max-width:1920px;
  width:100%;
  padding:20px 0 30px 0;
  position:relative;
  border-radius:30px 30px 0 0;
  background-image:url(https://nl-wakayama.com/system_panel/uploads/images/f_contact_bg.jpg);
  background-attachment:scroll;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.fContTitBox{
  text-align:center;
  margin:0 0 20px 0;
}
.fContBtnBox{
  position:relative;
}
.fContBtn{
  max-width:350px;
  width:100%;
  border-radius:72px;
  padding:15px 15px 15px 15px;
  display:block;
}
.fContBtnTel{
  background-color:#FBF8F2;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 20px auto;
}
.fContBtnForm{
  border:3px solid #C4A25C;
  background-color:#C4A25C;
  display:flex;
  align-items:center;
  padding:25px 25px 25px 25px;
  margin:0 auto 0 auto;
  justify-content:space-between;
}
.fContBtnTelIcon{
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:56px;
  width:10%;
  margin:0 8px 0 0;
}
.fContBtnTelTxtBox{
  color:#644016;
}
.fContBtnTelTxt{
  line-height:1.3em;
  margin:0 5px 0 0;
}
.fContBtnTelFlex{
  display:flex;
  align-items:flex-end;
}
.fContBtnTelNumber{
  font-size:18px;
  font-weight:700;
  letter-spacing:0.1em;
  line-height:1.212em;
}
.c9062{
  color:black;
}
.fContBtnFormIcon{
  max-width:54px;
  width:10%;
}
.fContBtnFormTxt{
  letter-spacing:0.05em;
  color:#fff;
  line-height:1.455em;
}
.fContTxt{
  margin:0 0 40px 0;
}
.c3284{
  color:black;
}
.fContDecoItem{
  position:absolute;
  top:-70%;
  right:2.25%;
  max-width:127px;
  width:10%;
}
.fContBtnFormArrow{
  max-width:27px;
  width:3%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.fContTelIn{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}
.fContFormlIn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin:0 auto 0 auto;
  max-width:235px;
}
.copy{
  letter-spacing:0.1em;
  color:#644016;
  line-height:2.154em;
  text-align:center;
}
.footer{
  padding:30px 0 18px 0;
}
.fIn{
  max-width:1450px;
  width:100%;
  margin:0 auto 0 auto;
  padding:0 15px 0 15px;
  position:relative;
}
.fLogo{
  font-size:20px;
  font-weight:700;
  letter-spacing:0.05em;
  line-height:1.5em;
  margin:0 0 14px 0;
}
.fInfoBox{
  color:#644016;
  text-align:center;
  margin:0 0 20px 0;
}
.fTelFlex{
  display:flex;
  justify-content:center;
  align-items:center;
}
.fInfoTxtBox{
  letter-spacing:0.1em;
  line-height:1.75em;
}
.fNavBox{
  display:none;
}
.fTopBtn{
  position:absolute;
  display:none;
}
.fTopBtnArrow{
  max-width:24px;
}

@media (min-width: 768px){
  .fContBtnForm{
	margin:0 0 0 0;
	padding:0 0 0 0;
  }
  .fContBtn{
	max-width:599px;
	width:48%;
	padding:15px 25px 15px 25px;
  }
  .fContBtnBox{
	display:flex;
	justify-content:space-between;
	align-items:center;
  }
  .fContBtnTel{
	margin:0 0 0 0;
  }
  .fContBtnTelIcon{
	margin:0 15px 0 0;
  }
  .fContBtnFormTxt{
	font-size:16px;
  }
  .fContTxt{
	text-align:center;
  }
  .fContFormlIn{
	max-width:460px;
  }
  .fContWr{
	padding:40px 0 50px 0;
  }
  .fContDecoItem{
	top:-100%;
  }
  .copy{
	font-size:13px;
  }
  .fInfoTxtBox{
	font-size:16px;
  }
  .fTopBtn{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	max-width:66px;
	height:66px;
	border-radius:50%;
	background-color:#644016;
	top:0;
	right:15px;
  }
  .fNavBox{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1117px;
	width:100%;
	margin:0 auto 0 auto;
  }
  .fInfoBox{
	margin:0 0 30px 0;
  }
  .fIn{
	margin:0 auto 30px auto;
  }
  .fNavLink{
	padding:0 10px 0 10px;
  }
  .fNavTxt{
	font-weight:700;
	letter-spacing:0.1em;
	color:#644016;
	line-height:1.75em;
  }
  .fNavItem{
	height:18px;
	width:1px;
	background-color:#644016;
  }
}

@media (min-width: 1024px){
  .fContBtnTelNumber{
	font-size:33px;
  }
  .fContBtnFormTxt{
	font-size:22px;
  }
  .fContBtn{
	padding:35px 15px 35px 15px;
  }
  .fContBtnForm{
	justify-content:space-between;
  }
  .fContWr{
	padding:66px 0 83px 0;
	border-radius:50px 50px 0 0;
  }
  .fContTxt{
	margin:0 0 60px 0;
  }
  .fNavTxt{
	font-size:16px;
  }
  .fNavLink{
	padding:0 0 0 0;
  }
  .footer{
	padding:78px 0 18px 0;
  }
  .fInfoBox{
	margin:0 0 49px 0;
  }
  .fIn{
	margin:0 auto 53px auto;
  }
  .fLogo{
	font-size:30px;
  }
}