/* -----------------------------------------------
	#header
----------------------------------------------- */
#header {
	background-color: #fff;
	padding: 10px 0 0 0;
	position: relative;
	height: auto;
	max-width: 90%;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
#header::after {
	display: block;
	content: "";
	clear: both;
}
#header .logo {
	float: left;
	width: 180px;
	height: auto;
	padding: 5px 0 0 0;
	position: relative;
	top: 1px;
	left: 0;
	text-align: left;
}
#header .logo .click_area {
	display: block;
	position: relative;
	width: 180px;
	height: auto;
	top: 1px;
}
#header .info {
	float: right;
	position: relative;
	right: 10px;
	top: 1px;
	display: none;
}
#header .info .title {
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #fff;
	font-weight: 800;
	text-align: center;
	display: block;
}
#header .info .ruby {
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
}
@media only screen and (max-width: 767px) {
	#header {
		text-align: center;
		height: auto;
		padding: 10px 0 0 0;
	}
	#header .logo {
		padding: 0;
		position: static;
	}
	#header .logo .click_area {
		width: 160px;
		height: auto;
		text-align: center;
		display: block;
		position: relative;
		top: 3px;
	}
	#header .info {
		display: none;
	}
}

/* layout */
#page-header {
	margin-bottom: 0;
	padding-bottom: 5px;
}
#page-header .main {
	max-width: 90%;
}
#page-header .page-title {
	font-size: 18px;
	padding-top: 10px;
}
#page-header .page-title .text {
	font-size: 18px;
	font-weight: 800;
}
#page-header .read {
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
	#page-header {
		padding-top: 10px;
	}
	#page-header .page-title {
		font-size: 18px;
		padding-top: 0;
	}
}
label {
	cursor: pointer;
	margin-right: 10px;
	line-height: 1em;
	position: relative;
	color: #333;
}
label input[type="checkbox"],
label input[type="radio"] {
	position: relative;
	left: 0;
	top: 2px;
}
label:hover {
	color: #ff8d00;
}
label input {
	padding: 0 0 1px 0;
}
input[type="text"],
textarea {
	padding: 0.4em;
	border: 1px solid #ccc;
	margin-right: 5px;
}
input[type="submit"],
input[type="button"] {
	cursor: pointer;
	margin: 0 5px;
}
.read.center {
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
}
.btn-area {
	padding: 10px 0;
	text-align: center;
}
.content .main {
	max-width: 90%;
}
#formWrap {
	max-width: 100%;
	margin: 0 auto;
	color: #555;
	line-height: 1.3em;
	font-size: 12px;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	background-color: #f5f5f5;
}
table.formTable td,
table.formTable th {
	border: none;
	padding: 5px;
	border-bottom: 2px solid #fff;
}
table.formTable th {
	width: auto;
	font-weight: normal;
	padding-right: 10px;
	text-align: left;
}
table.formTable th .note {
	font-size: 12px;
	padding-top: 10px;
	display: inline-block;
}
table.formTable td {
	width: auto;
}
table.formTable td .note {
	color: #999;
	padding-bottom: 0;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width: 767px) {
	#formWrap {
		width:100%;
		margin:0 auto;
	}
	table.formTable th,
	table.formTable td {
		width:auto;
		display:block;
	}
	table.formTable td {
		border-bottom: 2px solid #fff;
		padding-bottom: 10px;
	}
	table.formTable td .note {
		display: block;
		padding-top: 5px;
	}
	table.formTable th {
		margin-top:5px;
		border-bottom:0;
		text-align: left;
		font-weight: 800;
		max-width: 100%;
	}
	input[type="text"], textarea {
		width: 80%;
		padding: 5px;
		font-size: 110%;
		display: block;
	}
	input[type="submit"], input[type="reset"], input[type="button"] {
		display:block;
		width:100%;
		height:40px;
	}
}
/* text */
.content .main .read {
	font-size: 12px;
}
.content .main .btn-area.error {
	text-align: left;
}
.content .main .btn-area.error .error_messe {
	margin-bottom: 5px;
	color: #ff0000;
}
/* button */
.content .main .btn-area .btn-list {
	width: 33%;
}
.content .main .btn-area .btn-list .click-area {
	display: block;
	background-color: #FFAD01;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	width: 200px;
	height: 40px;
	border-radius: 20px;
	margin: 0 ;
	border: 2px solid  #FFAD01;
	outline: none;
	text-decoration: none;
}
.content .main .btn-area .btn-list .click-area span {
	color: #fff;
}
.content .main .btn-area .btn-list .click-area:hover {
	background-color: #fff;
	border: 2px solid  #FFAD01;
	color: #FFAD01;
}
.content .main .btn-area .btn-list .click-area:hover span {
	color: #FEAA08;
}
@media only screen and (max-width: 767px) {
	.content .main .btn-area .btn-list {
		width: 100%;
	}
}

/* button */
.content .main .submit,
.content .main .back {
	display: block;
	background-color: #FFAD01;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	width: 200px;
	height: 40px;
	border-radius: 20px;
	margin: 0 ;
	border: 2px solid  #FFAD01;
	outline: none;
}
.content .main .submit:hover,
.content .main .back:hover {
	background-color: #fff;
	border: 2px solid  #FFAD01;
	color: #FFAD01;
}

.content .main .btn-area .btn-list {
	width: 100%;
}
.content .main .btn-area .btn-list .submit,
.content .main .btn-area .btn-list .back {
	float: left;
	margin-right: 20px;
}
@media only screen and (max-width: 767px) {
	.content .main .service label {
		display: block;
		margin-bottom: 10px;
	}
	.content .main .submit,
	.content .main .back {
		width: 140px !important;
		margin-bottom: 10px !important;
		display: block !important;
		background: linear-gradient(#FFAD01, #FFAD01) !important;
		background-color: #FFAD01 !important;
		cursor: pointer !important;
		font-size: 14px !important;
		color: #fff !important;
		position: relative !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center !important;
				-ms-flex-align: center !important;
						align-items: center !important;
		-webkit-box-pack: center !important;
				-ms-flex-pack: center !important;
						justify-content: center !important;
		height: 40px !important;
		border-radius: 20px !important;
		margin: 0 !important;
		border: 2px solid  #FFAD01 !important;
		outline: none !important;
	}
}
.content .main .tel input[type="text"] {
	display: inline-block;
	width: 4%;
}
#formWrap .read {
	margin-bottom: 0;
	padding-bottom: 0;
}
#formWrap .privacy {
	display: inline-block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 10px;
	font-size: 14px;
	background-color: #f5f5f5;
}
/* -----------------------------------------------
	#global_footer
----------------------------------------------- */
body {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}
#page {
	flex: 1;
}
#global_footer {
	margin-top: 10px;
	min-height: 100%;
	max-height: 100%;
	height: 100%;
}
#global_footer .gf_sitemap {
	padding-top: 10px;
}