@charset "Shift_JIS";
/*@charset "UTF-8";*/
/* CSS Document */

html {
	box-sizing: border-box;
	height: 100%;
	background:#deddc9;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	padding: 0;
	color: #000;
	font-size: 0.94em;
	height:auto;
}
body * {
	box-sizing: border-box ;
	line-height:1.4;
	letter-spacing:0.075em;
}

h1 {
	margin: 0px;
	padding: 0px;
}
h1 img {
	vertical-align: bottom;
}
h2 {
	max-width: 1024px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
h2 img {
	vertical-align: bottom;
}

.linkbox {
	display: flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

#sakuhintit {
	width: 40%;
	margin: 0px 0px 0px;
	padding: 15px 20px 0px;
	color: #af8f10;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(transparent 50%, #f6f6ee 50%);
	font-weight: bold; 
}
a.btnlink {
	padding: 20px 20px;
	position: relative;
	font-size: 16px;
	text-align: center;
	background-color: #f6f6ee;
	border: 1px solid #af8f10;
	border-radius: 35px;
}
a.btnlink:hover {
	color: #fff;
	background-color: #af8f10;
	border: 1px solid #af8f10;
}


a {
	text-decoration: none;
	color: #164d7f;
}
a:hover {
	text-decoration: underline;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #297dd3;
}

header {
	max-width: 1024px;
	margin: 10px auto 0px;
	padding: 0px;
}

section {
	max-width: 1024px;
	margin: 0px auto 20px;
	padding: 10px;
	background:#fff;
}

footer {
	margin: 0px auto 30px;
	padding: 30px 30px 50px;
	text-align: center;
	font-size: 80%;
}
footer p {
	margin: 0px auto 10px;
	font-size: 100%;
}

table {
	margin: 0px auto 20px;
	border-collapse: collapse;
}

p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
 
/*input[type="submit"],*/
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}

input[type="file"] {
	margin: 10px;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
	height: 50px;
	width: 200px;
	margin: 10px;
}

input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  transition: 0.8s;
  border-radius: 0;
}
 
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
/*textarea[name="content"] {*/
textarea {
  display: inline-block;
  width: 100%;
  height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}

.requiredbox {
	margin: 10px auto 0px;
	padding: 30px;
	color: #000;
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
	font-weight: normal;
	background: #f6f6ee;
}
.required {
	color: red;
	font-size: 84%;
	font-weight: bold;
}

.conditional {
	font-size: 84%;
}

p.buttonbox {
	margin: 50px auto 50px;
}
input.cstfiald {
	width: 260px;
	margin: 10px;
	display: inline-block;
}
input.cstfiald2 {
	width: 460px;
	margin: 10px;
	display: inline-block;
}

.form-table {
  width: 100%;
}

.form-table th,
.form-table td {
  border-top: 1px solid #deddc9;
  border-bottom: 1px solid #deddc9;
  padding: 20px;
  overflow-wrap: anywhere;
}
.form-table th {
  width: 300px;
  padding-left: 50px;
  position: relative;
  text-align: left;
}

.form-table2 {
	width: 100%;
  	margin: 0px auto 0px;
}
.form-table2 th,
.form-table2 td {
	border-bottom: 1px solid #deddc9;
	padding: 20px;
	overflow-wrap: anywhere;
}
.form-table2 th {
  width: 300px;
  padding-left: 50px;
  position: relative;
  text-align: left;
}
.form-table2 td {
}

.form-table3 {
  width: 100%;
}
.form-table3 th,
.form-table3 td {
	border-bottom: 1px solid #deddc9;
	padding: 20px;
	overflow-wrap: anywhere;
}
.form-table3 th {
  width: 300px;
  padding-left: 50px;
  position: relative;
  text-align: left;
}
.form-table3 td {
	width: 70%;
}

.telbox {
	width: 70%;
	margin: 10px auto 20px;
	padding: 20px;
	border: 3px solid #f6f6ee;
}
.telbox h2 {
	margin: 5px;
	padding: 20px;
	font-weight: bold;
	font-size: 120%;
	background: #f6f6ee;
}
.telbox p {
	margin: 5px;
	padding: 20px 20px 0px;
	font-weight: normal;
	text-align: left;
}
.telbox > .tel {
	margin: 5px;
	padding: 0px 20px 10px;
	color: #af8f10;
	font-size: 200%;
	font-weight: bold;
	text-align: left;
}

/*@media screen and (min-width:769px) and (max-width: 950px) {*/
@media screen and (max-width: 850px) {

h1 img {
	width: 100%;
}

.linkbox {
	display: block;
}
#sakuhintit {
	width: 100%;
	margin: 0px 0px 40px;
	padding: 20px 20px 20px;
	color: #af8f10;
	text-align: left;
	font-weight: bold;
}
a.btnlink {
	padding: 10px 20px;
	position: relative;
	top: -20px; 
}
a.btnlink:hover {}


input[type="text"],
textarea {
	width: 100%;
}

input.cstfiald,
input.cstfiald2 {
	width: 80%;
}

.form-table {
	border-top: 1px solid #deddc9;
}
.form-table th {
	width: 100%;
	background: #f5f4e8;
}
.form-table th,
.form-table td {
	margin: 0 auto;
	padding: 10px;
	display: block;
	border-top: none;
	border-left: 1px solid #deddc9;
	border-right: 1px solid #deddc9;
	border-bottom: none
}
.form-table td:last-child {
	border-bottom: 1px solid #deddc9;
}

.form-table2 {}
.form-table2 th {
	width: 100%;
	background: #f5f4e8;
}
.form-table2 th,
.form-table2 td {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	display: block;
	border-top: 1px solid #deddc9;
	border-left: 1px solid #deddc9;
	border-right: 1px solid #deddc9;
	border-bottom: none
}
.form-table2 td:last-child {
	border-bottom: 1px solid #deddc9;
}

.form-table3 {
	margin: 0px auto 0px;
}
.form-table3 th {
	width: 100%;
	background: #f5f4e8;
}
.form-table3 th,
.form-table3 td {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	display: block;
	border-top: none;
	border-left: 1px solid #deddc9;
	border-right: 1px solid #deddc9;
	border-bottom: none
}
.form-table3 td:last-child {
	border-bottom: 1px solid #deddc9;
}

.conditional {
	display: block;
}

}

@media screen and (max-width: 768px) {}
/* min-width:481px) and (max-width: 768px ここまで*/

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

}