/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}



/* ---------------------------------------- telnum */

#telnum { 
	text-align: center; 
	margin: 0 0 5em;
}
#telnum .num { 
	color: var(--theme-color01-middle); 
	line-height: 1;
	margin: .5em 0 0;
}
#telnum .num + p { margin: .5em 0 0; }

@media (max-width: 480px) {
	#telnum .num { font-size: 2.0rem; }
}

@media (min-width: 481px) and (max-width:767px) {
	#telnum .num { font-size: 2.4rem; }
}

@media (min-width: 768px) and (max-width:959px) {
	#telnum .num { font-size: 2.8rem; }
}

@media (min-width: 960px) {
	#telnum .num { font-size: 3.2rem; }
}

/* ---------------------------------------- #visit-app */

.required { 
    display: inline-block;
    color: #fff; 
    background: #f49d3a; 
    font-weight: bolder;
    font-size: 80%;
    line-height: 1;
    padding: 4px 1em;
    margin: 0 0 0 .5em;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

#visit-app th {
   background-color: #ffeddc; 
}

#visit-app td {
   background-color: #fff9f5; 
}

#visit-app input[type="text"],
#visit-app input[type="email"],
#visit-app textarea {
	border: 1px #888 solid;
	padding: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#visit-app input[type="text"],
#visit-app input[type="email"],
#visit-app textarea {
	width: 100%;
}
#visit-app input[type="text"].middle {
	width: 60%;
}
#visit-app input[type="text"].short {
	width: 4em;
}

#visit-app .submits { 
	text-align: center; 
	margin: 2em 0 0;
}
#visit-app input[type="submit"] {
    color: #fff;
    background: #f49d3a;
    border: 1px #f49d3a solid;
    border-radius: 8px;
    padding: 0.75em;
    cursor: pointer;
}
#visit-app input[type="submit"]:hover {
	color: #ffffff;
	background: #d68534;
}

#visit-app table td p { margin: .5em 0 0; }

span.error {
	color: #d68534;
	font-weight: 700;
}

@media (max-width: 768px) {

	#visit-app input[type="text"],
	#visit-app input[type="email"],
	#visit-app textarea {
		font-size: 1.3rem;
	}
	#visit-app input[type="submit"] {
		min-width: 50%;
		font-size: 1.4rem;
	}

} /* end -599 */

@media (min-width: 769px) and (max-width:959px) {

	#visit-app input[type="text"],
	#visit-app input[type="email"],
	#visit-app textarea {
		font-size: 1.4rem;
	}
	#visit-app input[type="submit"] {
		min-width: 50%;
		font-size: 1.6rem;
	}

} /* end 600-959 */

@media (min-width: 960px) {

	#visit-app table th { width: 30%; }

	#visit-app input[type="text"],
	#visit-app input[type="email"],
	#visit-app textarea {
		font-size: 1.6rem;
	}
	#visit-app input[type="submit"] {
		width: 200px;
		font-size: 1.8rem;
	}

} /* 960- */


/* ---------------------------------------- contact */

.required { 
    display: inline-block;
    color: #fff; 
    background: #f49d3a; 
    font-weight: bolder;
    font-size: 80%;
    line-height: 1;
    padding: 4px 1em;
    margin: 0 0 0 .5em;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

#contact th {
   background-color: #ffeddc; 
}

#contact td {
   background-color: #fff9f5; 
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
	border: 1px #888 solid;
	padding: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
	width: 100%;
}
#contact input[type="text"].middle {
	width: 60%;
}
#contact input[type="text"].short {
	width: 4em;
}

#contact .submits { 
	text-align: center; 
	margin: 2em 0 0;
}
#contact input[type="submit"] {
    color: #fff;
    background: #f49d3a;
    border: 1px #f49d3a solid;
    border-radius: 8px;
    padding: 0.75em;
    cursor: pointer;
}
#contact input[type="submit"]:hover {
	color: #ffffff;
	background: #d68534;
}

#contact table td p { margin: .5em 0 0; }

span.error {
	color: #d68534;
	font-weight: 700;
}

@media (max-width: 768px) {

	#contact input[type="text"],
	#contact input[type="email"],
	#contact textarea {
		font-size: 1.3rem;
	}
	#contact input[type="submit"] {
		min-width: 50%;
		font-size: 1.4rem;
	}

} /* end -599 */

@media (min-width: 769px) and (max-width:959px) {

	#contact input[type="text"],
	#contact input[type="email"],
	#contact textarea {
		font-size: 1.4rem;
	}
	#contact input[type="submit"] {
		min-width: 50%;
		font-size: 1.6rem;
	}

} /* end 600-959 */

@media (min-width: 960px) {

	#contact table th { width: 30%; }

	#contact input[type="text"],
	#contact input[type="email"],
	#contact textarea {
		font-size: 1.6rem;
	}
	#contact input[type="submit"] {
		width: 200px;
		font-size: 1.8rem;
	}

} /* 960- */