<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* --------------------
   hdtitle
-------------------- */
#hdtitle {
	background: url("../images/contact/title.jpg") no-repeat center top #F0EEE5;
	background-size: auto 600px;
	background-attachment: fixed;}
@media screen and (max-width: 768px) {
	#hdtitle {
		background-size: auto 300px;
		background-attachment:inherit;}}

/* --------------------
   point
-------------------- */
#telbox .text {
	margin: 0 auto;
	padding: 30px;
	max-width: 820px;
	background: #FFFFFF;
	border-radius: 4px;
	text-align: center;}

@media screen and (max-width: 768px) {
#telbox .text { padding: 20px 8vw;}}

#mailfm .form {
	margin: 80px auto 120px;
	max-width: 820px;}
@media screen and (max-width: 768px) {
	#mailfm .form { margin: 30px auto 40px;}}


/* --------------------
   mailfm
-------------------- */
#mailfm input[type="text"], #mailfm textarea, #mailfm input[type="email"], #mailfm input[type="tel"] {
  background: #fff;
  border-radius: 3px;
	border: 1px solid #EFEBE5;
  font-size: 18px;
  height: 40px;
  width: 100%;
  padding: 0 0.5em;}
#mailfm textarea { height: 200px; padding: 0.5em 0.5em;}
#mailfm input[type=radio] { display: none;}
#mailfm input[type=radio]:checked + .wpcf7-list-item-label:after { opacity: 1!important;}
#mailfm input[type=checkbox] { display: none;}
#mailfm input[type=checkbox]:checked + .wpcf7-list-item-label:after { opacity: 1!important;}
#mailfm span.wpcf7-list-item-label {
	position: relative;
	display: inline-block;
	margin: 0 30px 0 0;
	padding: 0 0 0 25px;
  font-weight: 500;
	line-height:1;
	height: 24px;
	vertical-align: middle;
	cursor: pointer;}
#mailfm .wpcf7-list-item.last span.wpcf7-list-item-label{
  margin-right: 0;
}
#mailfm .wpcf7-list-item { margin: 0;}
#mailfm .wpcf7-list-item-label:before {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  content: '';
	border: 1px solid #433108;
  background: #fff;}
#mailfm .wpcf7-list-item-label:after {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background-color: #433108;
	content: '';
	opacity: 0;}
#mailfm input[type=submit] {
  cursor:pointer;
  background: #433108;
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 640px;
  margin: 40px auto;
  border: 0;
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 80px;
  border-radius: 40px;
  height: 80px;}
#mailfm .line {
  padding: 20px 0;
  border-bottom: 1px solid #EFEBE5;}
#mailfm .line h2 { font-size: 18px;font-weight: 700;}
#mailfm .line span.req,#mailfm .line span.any {
  background: #EA9454;
  color: #fff;
  text-align: center;
  width: 60px;
  display: block;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  border-radius: 12px;}
#mailfm .line span.any { background: #eee;color: #433108;}
#mailfm .privacy {
  padding-top: 40px;
  text-align: center;}
#mailfm .privacy a { display: inline;text-decoration: underline;color: #EA9454;}
@media screen and (min-width: 1280px) {
  #mailfm .item { width: 260px;}
  #mailfm .point { width: 60px;}
  #mailfm .column { width: 460px;}
  #mailfm .tel { width: 400px;}
  #mailfm .line { 
    align-items: top;
    display: flex;
    justify-content: space-between;}
  #mailfm .line span.req { margin-top: 6px;}}
@media screen and (max-width: 1280px){
  #mailfm .line h2 { padding-left:70px;}
  #mailfm .point { position: relative;top: -28px;height: 20px;}}
@media screen and (max-width: 768px){
  #mailfm .point { position: relative;top: -28px;height: 20px;}
  #mailfm .line { padding-bottom: 30px;}
  #mailfm span.checkbox-label { display: block; margin-top: 10px;}
  #mailfm span.checkbox-label { display: block; margin-top: 10px;}}

.waku {
	padding: 30px;
	background:#EFEBE5;}
.waku .center {
	font-weight: 700;
	font-size: 18px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	text-align: center;}
#mailfm .waku .line { border-color: #fff;}
#mailfm .waku .line.none { border: none;}
#mailfm .waku h3 { 
	font-size: 18px;
	font-weight: 700;}
@media screen and (min-width: 1280px){
#mailfm .privacy span.wpcf7-list-item-label { margin: 0;}
#mailfm .waku h3 { width: 150px;}
#mailfm .waku .column { width: 640px;}
#mailfm .waku .yoko { display:flex;}
#mailfm .waku .yoko p { min-width: 120px;margin-top: 10px;}
#mailfm .waku .yoko input[type="text"] { width: 100%;}}
@media screen and (max-width: 1280px){ 
	#mailfm .privacy { text-align: left;line-height: 2;}
	#mailfm .privacy span {line-height: 1.4;display: inline-block; margin-right: 0;}
	#mailfm .waku .yoko p { margin-top: 10px;}
	#mailfm .waku h3 { margin-bottom: 10px;}
}</pre></body></html>