@charset "utf-8";
body#form_mail_sys {
	background-color:rgba(47,41,53,1);
}
body#form_mail_sys header,
body#form_mail_sys footer nav {
	display:none !important;
}
body#form_mail_sys main {
	background-color:#FFF;
}
body#form_mail_sys {
	background-color:rgba(47,41,53,1);
}

body#form_mail_sys main #form_mail .ftr:has(.ftd .msg) .fth {
	color:#FFF;
    background-color:#C00;
}

/*Mobile*/
@media screen and (max-width: 767.98px) {
/* Mail Foam */
#form_mail {
	color:#000;
	margin:auto;
}
.msg {
	color:#F00;
}

#form_mail .ftr .fth.required {
	position:relative;
}
#form_mail .ftr .fth.required::after {
	content:"※";
	display:inline-block;
	color:rgba(77,35,44,1);
	font-size:.75em;
	line-height:1;
}

#form_mail input {
	display:inline-block;
	line-height:1;
	outline:none 0;
	vertical-align:middle;
	padding:1rem 1rem;
	margin:0;
}
#form_mail input[type="text"],
#form_mail input[type="email"],
#form_mail input[type="tel"],
#form_mail input[type="number"],
#form_mail input[type="password"],
#form_mail textarea {
	background-color:rgba(228,222,223,.5);
	border: solid 1px rgba(228,222,223,1);
}
#form_mail textarea {
	display:block;
	padding:1rem 1rem;
	margin:0;
}
#form_mail select {
	padding:.5rem .5rem;
	border: solid 1px rgba(201,189,191,1);
}
#form_mail label.label_type01 {
	display: inline-block;
	margin: 0 1.5em 0 0.25em;
	padding: 0;
	vertical-align: middle;
}
#form_mail ul.checkbox_list li{
	display:inline-block;
	margin-right:1.5em;
}
#form_mail ul.checkbox_list li:last-child{
	margin-right:0;
}
#form_mail .ftable {
	width: 100%;
}
#form_mail .ftr {
	padding:2rem 1rem;
	border-bottom:solid 2px rgba(228,222,223,1);
	border-image: linear-gradient(to right, rgba(228,222,223,0), rgba(228,222,223,1) 20%, rgba(228,222,223,1) 80%, rgba(228,222,223,0)) 1;
}
#form_mail .ftr .fth {
	font-size:16px;
	color:rgba(228,158,72,1);
	text-align: center;
	padding-bottom:1rem;
}
#form_mail .ftr .ftd {
	
}
#form_mail .ftr:last-of-type .fth,
#form_mail .ftr:last-of-type .ftd {
	border-bottom:none 0;
}

#form_mail .bloc {
	margin-right: 40px;
}
#form_mail .in_td {
	margin-bottom: 5px;
}
#form_mail .line_t {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: .5rem;
	margin-bottom: .5rem;
}
#form_mail .ftable .name-box {
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items: stretch;
}
#form_mail .ftable .name-box input {
	display:block;
	width: calc(100% / 2 - .5rem);
}
#form_mail .ftable input.name_sei {
}
#form_mail .ftable input.name_mei {
}
#form_mail .ftable ul.address li {
	display:block;
}
#form_mail .ftable ul.address li:not(:last-child) {
	margin-bottom:.25rem;
}
#form_mail .ftable ul.address li.zip {
	display:flex;
	align-items:center;
	width:50%;
	margin-bottom:1rem;
}
#form_mail .ftable ul.address li.zip::before {
	content:"〒";
	display:inline-block;
	margin-right:.5em;
}
#form_mail .ftable ul.address li.zip input {
	flex-grow:1;
}
#form_mail .ftable ul.list-row li {
	display:inline-block;
	margin-right:1rem;
}
#form_mail .ftable ul.list-column li {
	display:block;
}
#form_mail .ftable ul.list-column li:not(:last-child) {
	padding-bottom:.5rem;
	margin-bottom:.5rem;
	border-bottom:dashed 1px #333;
}
#form_mail .ftable .width_100per {
	width:100%;
}
#form_mail .ftable .width_050per {
	width:100%;
}
#form_mail .ftable .width_025per {
	width:100%;
}

#form_mail ul.button-box {
	padding:4rem 1rem;
}
#form_mail ul.button-box > li:not(:last-child) {
	margin-bottom:3rem;
}
#form_mail ul.button-box > li > input {
	display:block;
	font-size:14px;
	letter-spacing:.1em;
	text-indent:.1em;
	border-radius:6px;
	width: 100%;
	padding: 1.5rem 0;
}
#form_mail ul.button-box li .submit-next {
	color:#FFF;
	background-color:rgba(77,35,44,1);
	border:solid 1px rgba(77,35,44,1);
}
#form_mail ul.button-box li .submit-next:hover {
	background-color:rgba(77,35,44,.8);
	border:solid 1px rgba(77,35,44,.8);
}
#form_mail ul.button-box li .submit-back {
	color:#333;
	background-color:rgba(204,204,204,1);
	border:solid 1px rgba(153,153,153,1);
}
#form_mail ul.button-box li .submit-back:hover {
	background-color:rgba(204,204,204,.8);
	border:solid 1px rgba(153,153,153,.8);
}

/*縦向き*/
@media (orientation: portrait){
}
/*横向き*/
@media (orientation: landscape){
#form_mail {
	max-width:400px;
}
}
}

/* Foam Mail SYS */
@media screen and (max-width: 767.98px) {

/* HEADER + MAIN + FOOTER */
body#form_mail_sys main #form_mail h2.title {
	text-align:center;
}
body#form_mail_sys main {
	background-color:#FFF;
}
body#form_mail_sys main #form_mail {
	padding:4rem 1rem 0;
}
body#form_mail_sys main #form_mail .ftable .ftr .fth,
body#form_mail_sys main #form_mail .ftable .ftr .ftd {
	text-align: left;
	padding:1rem 1rem;
}
body#form_mail_sys main #form_mail .ftable .ftr .fth {
	color:#FFF;
	background-color:rgba(77,35,44,.8);
}
body#form_mail_sys main #form_mail .ftable .ftr .ftd {
	background-color:rgba(77,35,44,.1);
}
}


/*Desktop*/
@media screen and (min-width: 768px), print {

/* Mail Foam */
#form_mail {
	color:#000;
	max-width:800px;
	margin:auto;
}
.msg {
	color:#F00;
}

#form_mail .ftr .fth.required {
	position:relative;
}
#form_mail .ftr .fth.required::after {
	content:"※";
	color:rgba(77,35,44,1);
	font-size:.75em;
	line-height:1;
	position:absolute;
	top:3em;
	right:0;
}

#form_mail input {
	display:inline-block;
	line-height:1;
	outline:none 0;
	vertical-align:middle;
	padding:1rem 1rem;
	margin:0;
}
#form_mail input[type="text"],
#form_mail input[type="email"],
#form_mail input[type="tel"],
#form_mail input[type="number"],
#form_mail input[type="password"],
#form_mail textarea {
	background-color:rgba(228,222,223,.5);
	border: solid 1px rgba(228,222,223,1);
}
#form_mail textarea {
	display:block;
	padding:1rem 1rem;
	margin:0;
}
#form_mail select {
	padding:.5rem .5rem;
	border: solid 1px rgba(201,189,191,1);
}
#form_mail label.label_type01 {
	display: inline-block;
	margin: 0 1.5em 0 0.25em;
	padding: 0;
	vertical-align: middle;
}
#form_mail ul.checkbox_list li{
	display:inline-block;
	margin-right:1.5em;
}
#form_mail ul.checkbox_list li:last-child{
	margin-right:0;
}
#form_mail .ftable {
	display:table;
	border-collapse:separate;
	border-spacing:1px 1px;
	width: 100%;
}
#form_mail .ftr {
	display: table-row;
}
#form_mail .ftr .fth {
	display:table-cell;
	text-align: right;
	vertical-align:top;
	white-space:nowrap;
	padding:2.75rem 1rem 2rem 4rem;
	border-bottom:solid 1px rgba(228,222,223,1);
	color:rgba(228,158,72,1);
	border-image: linear-gradient(to left, rgba(228,222,223,1) 60%, rgba(228,222,223,0)) 1;
}
#form_mail .ftr .ftd {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:100%;
	padding:2rem 4rem 2rem 1rem;
	border-bottom:solid 1px rgba(228,222,223,1);
	border-image: linear-gradient(to right, rgba(228,222,223,1) 60%, rgba(228,222,223,0)) 1;
}
#form_mail .ftr:last-of-type .fth,
#form_mail .ftr:last-of-type .ftd {
	border-bottom:none 0;
}

#form_mail .bloc {
	margin-right: 40px;
}
#form_mail .in_td {
	margin-bottom: 5px;
}
#form_mail .line_t {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: .5rem;
	margin-bottom: .5rem;
}
#form_mail .ftable .name-box {
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items: stretch;
}
#form_mail .ftable .name-box input {
	display:block;
	width: calc(100% / 2 - .5rem);
}
#form_mail .ftable input.name_sei {
}
#form_mail .ftable input.name_mei {
}
#form_mail .ftable ul.address li {
	display:block;
}
#form_mail .ftable ul.address li:not(:last-child) {
	margin-bottom:.25rem;
}
#form_mail .ftable ul.address li.zip {
	display:flex;
	align-items:center;
	width:50%;
	margin-bottom:1rem;
}
#form_mail .ftable ul.address li.zip::before {
	content:"〒";
	display:inline-block;
	margin-right:.5em;
}
#form_mail .ftable ul.address li.zip input {
	flex-grow:1;
}
#form_mail .ftable ul.list-row li {
	display:inline-block;
	margin-right:1rem;
}
#form_mail .ftable ul.list-column li {
	display:block;
}
#form_mail .ftable ul.list-column li:not(:last-child) {
	padding-bottom:.5rem;
	margin-bottom:.5rem;
	border-bottom:dashed 1px #333;
}
#form_mail .ftable .width_100per {
	width:100%;
}
#form_mail .ftable .width_050per {
	width:100%;
	max-width: calc(100% / 2);
}
#form_mail .ftable .width_025per {
	width:100%;
	max-width: calc(100% / 4);
}

#form_mail ul.button-box {
	padding:4rem 0;
}
#form_mail ul.button-box.sys {
	display:flex;
	flex-flow:row-reverse nowrap;
	justify-content:space-between;
	align-items:stretch;
}
#form_mail ul.button-box li {
	width:calc(50% - 1.5rem);
	margin:0 auto;
}
#form_mail ul.button-box.sys li {
	margin:0 0;
}
#form_mail ul.button-box > li > input {
	display:block;
	font-size:18px;
	letter-spacing:.1em;
	text-indent:.1em;
	border-radius:6px;
	width: 100%;
	padding: 2rem 0;
	cursor: pointer;
}
#form_mail ul.button-box li .submit-next {
	color:#FFF;
	background-color:rgba(77,35,44,1);
	border:solid 1px rgba(77,35,44,1);
}
#form_mail ul.button-box li .submit-next:hover {
	background-color:rgba(77,35,44,.8);
	border:solid 1px rgba(77,35,44,.8);
}
#form_mail ul.button-box li .submit-back {
	color:#333;
	background-color:rgba(204,204,204,1);
	border:solid 1px rgba(153,153,153,1);
}
#form_mail ul.button-box li .submit-back:hover {
	background-color:rgba(204,204,204,.8);
	border:solid 1px rgba(153,153,153,.8);
}
}
/* Foam Mail SYS */
@media screen and (min-width: 768px), print {
body#form_mail_sys main {
	background-color:#FFF;
	padding:80px;
}
body#form_mail_sys main #form_mail h2.title, body#form_mail_sys main #form_mail p {
	text-align:center;
}
body#form_mail_sys main #form_mail .ftr {
	display: table-row;
}
body#form_mail_sys main #form_mail .ftable .ftr .fth,
body#form_mail_sys main #form_mail .ftable .ftr .ftd {
	display:table-cell;
	text-align:left;
	vertical-align:top;
	padding:2rem 2rem;
}
body#form_mail_sys main #form_mail .ftable .ftr .fth {
	white-space:nowrap;
	color:#FFF;
	background-color:rgba(77,35,44,1);
}
body#form_mail_sys main #form_mail .ftable .ftr .ftd {
	width:100%;
	background-color:rgba(255,255,255,1);
	border:solid 1px #CCC;
}
}