@charset "utf-8";
body#form_mail_sys footer div#contact {
	display:none !important;
}
body#form_mail_sys main article.nav-sub {
	display:none !important;
}

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

/*Mobile*/
/* Foam Mail SYS */
@media screen and (max-width: 767px) {
/* HEADER + MAIN + FOOTER */
body#form_mail_sys header h1,
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:2rem 1rem;
}
body#form_mail_sys main #form_mail .ftr {
	border-top:solid 1px rgba(84,143,242,1);
	border-left:solid 1px rgba(84,143,242,1);
	border-right:solid 1px rgba(84,143,242,1);
}
body#form_mail_sys main #form_mail .ftable {
	border-bottom:solid 1px rgba(84,143,242,1);
}
body#form_mail_sys main #form_mail .ftable .ftr .fth {
	background-color:rgba(84,143,242,.5);
}
body#form_mail_sys main #form_mail .ftable .ftr .ftd {
	background-color:rgba(255,255,255,1);
}

/*Title*/
body#form_mail_sys main #form_mail h2.title {
	font-size:24px;
	font-weight:700;
	text-align:center;
	margin-bottom:1rem;
}
body#form_mail_sys main #form_mail h2.title:first-letter {
	color:rgba(31,130,205,1);
}
body#form_mail_sys #error #form_mail h2.title:first-letter {
	color:#F00;
}
}
@media screen and (max-width: 767px) {
/* Mail Foam */
#form_mail {
	color:#000;
}
#form_mail .attention-box {
}
#form_mail .attention-box li {
	padding:1rem;
	border-bottom:dashed 1px #CCC;
}
#form_mail .attention-box li:last-child {
	border-bottom: none 0px;
}
#form_mail .attention-box .tel {
	font-size:16px;
}

.msg {
	color:#F00;
}
#form_mail .need {
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	background-color:#C00;
	display:inline-block;
	padding:.5em;
	margin-left:1rem;
	border: 1px solid #C00;
	border-radius: 6px;
}
#form_mail input {
	display:inline-block;
	line-height:1;
	outline:none 0;
	vertical-align:middle;
	padding:.5rem 1rem;
	margin:0;
}
#form_mail input[type="file"] {
	padding:0;
}
#form_mail textarea {
	display:block;
	padding:.5rem 1rem;
	margin:0;
}
#form_mail select {
	max-width:100%;
	padding:.5rem 1rem;
}
#form_mail label.label {
	display:flex;
	align-items:center;
	gap:.5em;
}
#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:not(:last-child){
	display:inline-block;
	margin-right:1.5em;
}
#form_mail .ftable {
	width: 100%;
}
#form_mail .ftr {
}
#form_mail .ftr .fth {
	text-align:left;
	padding: 1rem;
	background-color:rgba(84,143,242,.5);
	border-bottom:solid 1px rgba(84,143,242,.4);
}
#form_mail .ftr .ftd {
	text-align:left;
	padding:1rem;
	background-color:rgba(84,143,242,.4);
	border-bottom:solid 1px rgba(244,244,244,1);
}
#form_mail .add .ftr .fth {
	background-color:rgba(84,143,242,.2);
}
#form_mail .add .ftr .ftd {
	background-color:rgba(84,143,242,.1);
}
#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 {
	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 {
	margin-bottom:1rem;
}
#form_mail .ftable ul.address li.zip::before {
	content:"〒";
	display:inline-block;
	margin-right:.5em;
}
#form_mail .ftable ul.list-row li {
	display:block;
}
#form_mail .list-row li:not(:last-child) {
	margin-bottom:.5rem;
}
#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 #CCC;
}
#form_mail .doc li:not(:last-child) {
	border-bottom:dashed 1px #CCC;
}
#form_mail .doc li label {
	display:block;
	background-color:#FFF;
	line-height:100%;
	padding:0.5rem;
	cursor: pointer;
}
#form_mail .doc li label input[type="checkbox"] {
	margin-right:0.5em;
}

#form_mail ul.data-file {
	padding-top:1rem;
}
#form_mail ul.data-file li:not(:last-child) {
	margin-bottom:2rem;
}
#form_mail .supplementary-explanation {
	padding-top:1rem;
	margin-top:1rem;
	border-top:dashed 1px #CCC;
}
#form_mail .supplementary-explanation > li:not(:last-child) {
	margin-bottom:1rem;
}
#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:2rem 0;
}
#form_mail ul.button-box.sys {
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-items:center;
}
#form_mail ul.button-box li {
	width:100%;
	margin:0 auto;
}
#form_mail ul.button-box.sys li:not(:last-child) {
	margin-bottom:2rem;
}
#form_mail ul.button-box > li > input {
	display:block;
	font-size:16px;
	border-radius:6px;
	width: 100%;
	padding: 2rem 0;
}
#form_mail ul.button-box li .submit-next {
	color:#FFF;
	background-color:rgba(84,143,242,1);
	border:solid 1px rgba(84,143,242,1);
}
#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);
}
}
@media screen and (max-width: 767px) and (orientation: landscape) { /*横向き*/
#form_mail .ftable .name-box {
	width:50%;
}
}
@media screen and (max-width: 767px) and (orientation: portrait) { /*縦向き*/
#form_mail .ftable .name-box {
	width:100%;
}
}

/*Desktop*/

/* Foam Mail SYS */
@media screen and (min-width: 768px) {
/* HEADER + MAIN */

body#form_mail_sys {
}
body#form_mail_sys header {
}
body#form_mail_sys header h1 {
	text-align:center;
}
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 {
	width:1000px;
	margin:auto;
}
body#form_mail_sys main #form_mail .ftr {
	border-top:solid 1px rgba(84,143,242,1);
	border-left:solid 1px rgba(84,143,242,1);
	border-right:solid 1px rgba(84,143,242,1);
}
body#form_mail_sys main #form_mail .ftable .ftr .fth {
	background-color:rgba(84,143,242,1);
}
body#form_mail_sys main #form_mail .ftable .ftr .ftd {
	background-color:rgba(255,255,255,1);
	border:solid 1px #CCC;
}

/*Title*/
body#form_mail_sys main #form_mail h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	font-weight:700;
	text-align:center;
	margin-bottom:1rem;
}
body#form_mail_sys main #form_mail h2.title:first-letter {
	color:rgba(31,130,205,1);
}
body#form_mail_sys #error #form_mail h2.title:first-letter {
	color:#F00;
}

}

@media screen and (min-width: 768px) {
/* Mail Foam */
#form_mail {
	color:#000;
}
#form_mail .attention-box {
	text-align:center;
}
#form_mail .attention-box li {
	border-bottom:dashed 1px #333;
}
#form_mail .attention-box li:last-child {
	border-bottom: none 0px;
}
#form_mail .attention-box .tel {
	font-size:24px;
}
.msg {
	color:#F00;
}
#form_mail .need {
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	background-color:#E60012;
	display:inline-block;
	padding:.5em;
	margin-left:1rem;
	border:solid 1px #E60012;
	border-radius: 6px;
}
#form_mail input {
	display:inline-block;
	line-height:1;
	outline:none 0;
	vertical-align:middle;
	padding:.5rem 1rem;
	margin:0;
}
#form_mail input[type="file"] {
	padding:0;
}
#form_mail textarea {
	display:block;
	padding:.5rem 1rem;
	margin:0;
}
#form_mail select {
	padding:.5rem 1rem;
}
#form_mail label {
}
#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%;
	border-top:solid 1px rgba(0,0,0,0);
	border-right:solid 1px rgba(0,0,0,0);
}
#form_mail .ftr {
	display: table-row;
}
#form_mail .ftr .fth {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	padding:1rem 2rem;
	border-bottom:solid 1px rgba(0,0,0,0);
	border-left:solid 1px rgba(0,0,0,0);
	border-right:solid 1px rgba(0,0,0,0);
	background-color:rgba(84,143,242,1);
	color:#FFF;
}
#form_mail .ftr .ftd {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:100%;
	padding:1rem 2rem;
	background-color:rgba(84,143,242,.3);
	border-bottom:solid 1px rgba(0,0,0,0);
}
#form_mail .add .ftr .fth {
	background-color:rgba(84,143,242,.6);
	color:#333;
}
#form_mail .add .ftr .ftd {
	background-color:rgba(84,143,242,.2);
}
#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:50%;
	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 {
	margin-bottom:1rem;
}
#form_mail .ftable ul.address li.zip::before {
	content:"〒";
	display:inline-block;
	margin-right:.5em;
}
#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 ul.data-file {
}
#form_mail ul.data-file li:not(:last-child) {
	margin-bottom:1rem;
}
#form_mail .supplementary-explanation {
	padding-top:1rem;
	margin-top:1rem;
	border-top:dashed 1px #CCC;
}
#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:2rem 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:24px;
	border-radius:6px;
	width: 100%;
	padding: 2rem 0;
	cursor: pointer;
}
#form_mail ul.button-box li .submit-next {
	color:#FFF;
	background-color:rgba(84,143,242,1);
	border:solid 1px rgba(84,143,242,1);
}
#form_mail ul.button-box li .submit-next:hover {
	background-color:rgba(84,143,242,.8);
	border:solid 1px rgba(84,143,242,.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);
}
}