@charset "utf-8";
/* お問い合わせ */
#contact {
}
#contact .title-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap: wrap;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	color:#FFF;
	background: linear-gradient(270deg, #FFF 10%, #C00 80%);
	padding:16px 20px 20px;
	border-top: solid 4px #C00;
	margin-bottom:20px;
}
#contact .content {
	margin-bottom:20px;
}

/* Mail Foam */
.need {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #E60012;
	display: inline-block;
	padding: 2px;
	border: 1px solid #E60012;
	line-height: 10px;
	border-radius: 6px;
}
input {
	display:inline-block;
	vertical-align: middle;
}
label {
}
label.label_type02 {
	margin-left: 1em;
}
@media screen and (max-width: 767px) {
.f_table {
	width: 100%;
	margin-bottom: 2em;
	border:solid 1px #CCC;
}
.ftr {
	border-bottom:solid 1px #CCC;
}
.ftr:last-child {
	border-bottom:none;
}
.ftr .f_title {
	padding: 1em;
	color: #333;
	background-color: #DDD;
}
.ftr .ftd_2 {
	padding: 1em;
	background-color: rgba(255,255,255,1);
}
.bloc {
	margin-right: 40px;
}
.in_td {
	margin-bottom: 5px;
}
.line_t {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: 5px;
	margin-bottom: 5px;
}
.wid_type01 {
	width: 100px;
	margin-right: 1em;
}
.wid_type02 {
	width: 100px;
}
.wid_type03 {
	width:100%;
	max-width:calc(200px + 1.6em);
	margin-bottom:1px;
}
.wid_type04 {
	margin-bottom:1px;
}
.wid_type05 {
	width:100%;
	max-width:calc(200px + 1.6em);
}
.wid_type07 {
	margin-right: 20px;
}
.submitbutton-box {
	display:table;
	border-collapse:separate;
	border-spacing:1em 0;
	margin-left:auto;
	margin-right:auto;
}
.submitbutton-box ul {
	display:table-row;
}
.submitbutton-box ul li {
	display:table-cell;
}
.submit_a {
	border: 0;
	border-radius: 6px;
	outline: none;
	margin: 0 1em;
	padding: 1em 1em;
	font-size: 16px;
	color: #FFF;
	background-color: #5979E6;
	cursor: pointer;
}
.submit_b {
	border: 0;
	border-radius: 6px;
	outline: none;
	margin: 0 1em;
	padding: 1em 1em;
	font-size: 16px;
	color: #FFF;
	background-color: #999;
	cursor: pointer;
}
.submit_c {
	border: 0px;
	padding: 0px;
	cursor: pointer;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
}
@media screen and (min-width: 768px) {
.f_table {
	display: table;
	border-collapse: separate;
	border-spacing: 1px 1px;
	background-color: #CCC;
	width:100%;
	min-width:800px;
	margin:0 auto 2em auto;
}
.ftr {
	display: table-row;
}
.ftr .f_title {
	width:30%;
	display: table-cell;
	height: auto;
	text-align: center;
	padding:1.5rem 2rem;
	vertical-align: middle;
	color: #333;
	background-color:#F6F6F6;
}
.ftr .ftd_2 {
	display: table-cell;
	height: auto;
	padding:1.5rem 2rem;
	background-color: rgba(255,255,255,1);
}
.bloc {
	margin-right: 40px;
}
.in_td {
	margin-bottom: 5px;
}
.line_t {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: 5px;
	margin-bottom: 5px;
}
.wid_type01 {
	width: 180px;
	margin-right: 1em;
}
.wid_type02 {
	width: 180px;
}
.wid_type03 {
	width:calc(180px + 180px + 1.6em);
	margin-bottom:1px;
}
.wid_type04 {
	margin-bottom:1px;
}
.wid_type05 {
	width:calc(180px + 180px + 1.6em);
}
.wid_type07 {
	margin-right: 20px;
}
.submit_a {
	border: 0;
	border-radius: 6px;
	outline: none;
	margin: 0 1em;
	padding: 2rem 4rem;
	font-size: 24px;
	color: #FFF;
	background-color: #5979E6;
	cursor: pointer;
}
.submit_b {
	border: 0;
	border-radius: 6px;
	outline: none;
	margin: 0 1em;
	padding: 2rem 4rem;
	font-size: 24px;
	color: #FFF;
	background-color: #999;
	cursor: pointer;
}
}
.msg {
	color: #C00;
}