@charset "UTF-8";
/*contact form*/
.lp-contact table {width: 100%;margin-bottom:48px;table-layout: fixed;border-collapse: separate;border-spacing: 0;}
.lp-contact table tr {border-bottom: 1px solid #666;padding: 10px;}
.lp-contact table th {font-weight: bold;}
.lp-contact table tr:last-child th,
.lp-contact table tr:last-child td {border-bottom: 1px solid #bbb;}
.lp-contact table td,
.lp-contact table th {border-top: 1px solid #bbb;padding: 20px 10px 20px 50px;}
.lp-contact table th {background-color: #eee;width: 30%;padding-left: 10px;}
.lp-contact table th.required::after {
  border-radius: 4px;content: "必須";display: inline-block;color: #fff;float:right;margin-right: 24px;background: #DC143C;padding:6px;}
.lp-contact table .font-weight,
.lp-contact table .font-weight .mwform-checkbox-field-text {font-weight: bold;}
.lp-contact table p{margin-bottom:16px;}
.lp-contact table .error {margin: 10px auto 0;}
.lp-contact table input,
.lp-contact table textarea {
box-sizing: border-box;max-width: 100%;padding: 10px;border: 1px solid #bbb;border-radius: 4px; }
.lp-contact table input[type="text"],
.lp-contact table input[type="email"] {-webkit-appearance: none;}
.lp-contact table input[type="checkbox"]{ vertical-align: middle; transform: translateY(-1px);}
.lp-contact input[type="submit"] {
cursor: pointer;display:block;border: none;border-radius: 4px;background: linear-gradient(30deg, #DC143C, #FC5974);
color:#ffffff;font-size:18px;letter-spacing:1px;padding:16px;margin: 48px 0;text-align: center;transition: 0.5s;}
.lp-contact input[type="submit"]:hover{opacity:0.5;transition: 0.5s;}
.lp-contact select {width: 200px;height: 40px;padding: 5px;font-size: 14px;border: 1px solid #ccc; border-radius: 4px;}
.contact.confirm .lp-contact table tr.company-name .note,
.contact.confirm .lp-contact table tr.section-name .note {display: none;}
.mwform-tel-field{display:inline-block;margin-bottom:16px;}
.submitbutton-wrap{display: flex;justify-content: center;gap: 16px;}

/*for tab(Ipad Air Ipad mini etc)*/
@media screen and (max-width: 820px) {
}
/*for sp*/
@media screen and (max-width: 767px) {
.lp-contact {font-size:12px;letter-spacing:1px;}
.lp-contact h3{font-size:14px;letter-spacing:2px;} 
.mv-wrap{aspect-ratio: 1 / 1;}
/*contact form*/
.lp-contact table td,
.lp-contact table th {display: block;width:calc(100% - 24px);}
.lp-contact table th{padding: 10px;}
.lp-contact table td{padding: 16px 0px;width:calc(100% - 4px);}
.lp-contact table th.required::after {margin-top:-4px;padding:4px;}
}