.about{padding-bottom: 100px;}

/**********************************************
module-faq
***********************************************/
.faq .heading-title {font-size: 250%;}
.faq-block {border-bottom: 1px dashed #ccc;}
.faq-block dt {padding: 18px 50px 10px 40px;font-size: 130%;font-weight: 400;position: relative;cursor: pointer;transition: all 0.2s ease;}
.faq-block dt::before {content: "Q.";font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 28px;color: #000;position: absolute;left: 0;top: 10px;}
.faq-block dt::after {font-family: 'Font Awesome 6 pro';font-size: inherit;font-weight: 500;text-rendering: auto;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;line-height: 1;content: "\f107";line-height: normal;position: absolute;right: 15px;top: 50%;margin-top: -0.6em;transition: all 0.2s ease;color: #e00;}
.faq-block dt.is-open::after {content: "\f107";transform: rotate(180deg);}
.faq-block dd {display: none;}
.faq-answer {padding: 15px 0 30px 40px;position: relative;font-size: 124%;line-height: 1.8;}
.faq-answer::before {content: "A.";font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 28px;color: #fc1414;position: absolute;left: 0;top: 2px;}
.faq-block .faq-answer p {font-size: 95%;font-weight: 400;line-height: 1.6;}

@media screen and (max-width:768px) {
	.faq:nth-child(2n+1) {}
	.faq .heading-title {font-size: 170%;}
	.faq-block {}
	.faq-block dt {padding: 15px 40px 10px 30px;font-size: 116%;}
	.faq-block dt::before {font-size: 22px;top: 10px;}
	.faq-block dt::after {right: 5px;}
	.faq-block dt.is-open::after {}
	.faq-block dd {}
	.faq-answer {padding: 5px 0 30px 30px;font-size: 108%;line-height: 1.7;}
	.faq-answer::before {font-size: 22px;top: -2px;}
}


/**********************************************
module-shopList
***********************************************/
.shopList {}
.shopList > li {background-color: #fff;border: 3px solid #eee;padding: 30px 40px;margin-bottom: 30px;}
.shopList > li.shopList-empty {padding: 80px 50px;font-size: 139%;text-align: center;}

@media screen and (max-width:768px) {
	.shopList {}
	.shopList > li {border: 1px solid #eee;padding: 20px 20px;margin-bottom: 10px;}
}


/**********************************************
module-contact
***********************************************/
.contact {padding: 30px 50px;background-color: #fff;}
.contact-flow {display: flex;margin-top: 30px;margin-bottom: 50px;justify-content: space-between;}
.contact-flow li {width: 30%;background-color: #ddd;padding: 25px 0;text-align: center;font-size: 108%;font-weight: bold;position: relative;border-radius: 3px;}
.contact-flow li:not(:last-child)::after {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #aaa;position: absolute;right: -10%;top: 15px;}
.contact-flow li.is-active {background-color: #5f5c82;color: #fff;}
.form-table {}
.form-table tr {border-bottom: 1px dotted rgba(0, 0, 0, 0.1);}
.form-table th {text-align: left;vertical-align: top;padding: 30px 20px 40px 20px;font-size: 116%;font-weight: bold;width: 30%;position: relative;}
.form-table td {padding: 20px 20px 20px 0px;font-size: 116%;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
.input-icon {display: inline-block;background-color: #fff82f;color: #000;width: 40px;padding: 7px 0px;font-size: 12px;border-radius: 2px;letter-spacing: 0.1em;line-height: 1;font-weight: bold;text-align: center;vertical-align: 15%;margin-left: 15px;position: absolute;right: 30px;}
.input-icon.must {background-color: #c00;color: #fff;}
.input-icon.any {background-color: #ddd;}
.input-text,.input-textarea {font-size: 16px;padding: 5px 10px;min-height: 40px;border: none;background-color: #fff;border: 2px solid #ddd;}
.input-text:focus,.input-textarea:focus {box-shadow: 0 0 5px #60bde3;}
.input-text {box-sizing: border-box;}
.input-select {font-size: 14px;padding: 12px 10px;border-radius: 3px;background-color: #f6f6f6;border: none;}
.input-full {width: 100%;box-sizing: border-box;}
.input-half {width: 70%;box-sizing: border-box;}
.input-small {width: 130px;box-sizing: border-box;}
.label-list-inline {display: inline-block;padding-right: 30px;}
.label-list-inline label {display: inline-block;padding: 5px 10px;cursor: pointer;border-radius: 4px;margin-right: 5px;}
.label-list-inline label:hover {}
.label-list-inline label input {vertical-align: middle;margin-right: 0.3em;}
.input-zip {padding-left: 40px;width: 160px;box-sizing: border-box;}
.zip-get-btn {display: inline-block;margin-left: 15px;background-color: #000;font-size: 108%;padding: 7px 12px;color: #fff;text-decoration: none;cursor: pointer;}
.zip-get-btn:hover {background-color: #fc1414;}
.input-heading {display: inline-block;padding: 2px 13px;font-size: 16px;font-weight: bold;color: #999;box-sizing: border-box;z-index: 3;position: absolute;margin: 6px 0 0 0;}
.input-heading + .input-text {border-radius: 0 3px 3px 0;}
.submit-box {padding: 40px 0 70px 0;text-align: center;}
.submit-btn {display: inline-block;width: auto;padding: 20px 20px 20px 20px;min-width: 400px;background: #fff;box-shadow: none;font-size: 139%;font-weight: 600;color: #000;text-align: center;text-decoration: none !important;border: 2px solid #000;transition: all 0.2s ease;position: relative;cursor: pointer;transition: all 0.2s ease;}
.submit-btn::after {font-family: 'Font Awesome 5 Free';font-size: inherit;font-weight: 900;text-rendering: auto;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f105";position: absolute;right: 10px;top: 50%;margin-top: -0.5em;line-height: normal;}
.submit-btn:hover {background-color: #fc1414;border-color: #fc1414;color: #fff;}
.submit-btn.submit-btn-back {background-color: #ddd;color: #888;}
.confirm-submit-list {display: flex;justify-content: space-between;}
.confirm-submit-list li {width: 49%;flex: 1;text-align: center;}
.contact-privacy {text-align: center;font-size: 124%;}
.contact-privacy-text {padding-bottom: 15px;}
.contact-privacy-block {background-color: #f6f6f6;padding: 15px 0;}
.error {background: #f0f0f0;padding: 30px 5%;font-size: 116%;line-height: 1.8;}
.form-error {padding-bottom: 12px;}
.error_messe {color: #c00;}
.form-confirm {font-size: 116%;text-align: center;padding-bottom: 30px;}
.confirm-table {border: 1px solid #ccc;width: 100%;margin-bottom: 30px;}
.confirm-table th {border: 1px solid #ccc;font-size: 116%;padding: 12px 5%;font-weight: normal;text-align: left;vertical-align: top;background-color: #f0f0f0;width: 25%;}
.confirm-table td {border: 1px solid #ccc;font-size: 116%;padding: 12px 5%;font-weight: normal;text-align: left;vertical-align: top;background-color: #fff;}
.privacy-text {text-align: center;padding: 30px 0;}
.privacy-text strong {font-size: 124%;display: block;padding-bottom: 5px;}
.privacy-text label {font-size: 131%;font-weight: bold;padding: 10px 0;}
.privacy-block {border: 1px solid #ddd;overflow: auto;height: 200px;}
.privacy-block .privacy-block-inner {padding: 10px 30px;background-color: #fff;line-height: 1.8;}
.form-table-inner:not(:last-of-type) {border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.form-table-subtitle {font-size: 110%;padding-bottom: 15px;}
.confirm-text {text-align: center;font-size: 124%;padding-bottom: 30px;}
.confirm-link {text-align: center;}
.confirm-link input[type=button],.confirm-link input[type=submit] {display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 45%;margin: 0 1%;border: none;background: none;box-shadow: none;padding: 15px 0;font-size: 131%;font-weight: bold;text-align: center;cursor: pointer;}
.confirm-btn-back {background: #ddd !important;color: #000;}
.confirm-btn-submit {background: #cb6b05 !important;color: #fff;}



@media screen and (max-width:768px) {
	.contact {padding: 20px 20px;}
	.contact-flow {margin-bottom: 20px;}
	.contact-flow li {width: 31%;padding: 10px 0;font-size: 60%;}
	.contact-flow li:not(:last-child)::after {border-width: 10px 0 10px 5px;right: -8%;top: 8px;}
	.contact-flow li.is-active {color: #fff;}
	.form-table,.form-table tbody,.form-table tr,.form-table th,.form-table td {display: block;width: 100%;min-width: 100%;box-sizing: border-box;text-align: left;}
	.form-table th {text-align: left;width: 100%;padding: 20px 0px 4px;border-bottom: none;font-size: 124%;margin-bottom: 0;}
	.form-table td {padding: 10px 0 30px 0;border-bottom: 1px solid #eee;font-size: 100%;background: none;}
	.input-icon {padding: 3px 0px;margin-left: 5px;position: static;}
	.input-text,.input-textarea {font-size: 16px;padding: 5px 5px;}
	.input-zip {padding-left: 40px;width: 160px;box-sizing: border-box;}
	.input-heading {margin: 3px 0 0 0;}
	.label-list-inline {}
	.label-list-inline label {padding: 5px 4px;}
	.input-half {width: 80%;box-sizing: border-box;}
	.input-small {width: 90px;box-sizing: border-box;}
	.label-list-inline {display: block;padding-right: 0px;}
	.input-icon {width: 30px;padding: 5px 0px;font-size: 10px;right: 10px;}
	.submit-box {padding: 20px 0 20px 0;}
	.submit-btn {display: block;width: 100%;padding: 15px 20px 15px 20px;min-width: 200px;font-size: 131%;}
	.confirm-table {border: 1px solid #ccc;width: 100%;margin-bottom: 30px;}
	.confirm-table th {font-size: 85%;padding: 8px 4px;width: 25%;}
	.confirm-table td {font-size: 85%;padding: 8px 4px;}
	.privacy-block .privacy-block-inner {padding: 10px 10px;background-color: #fff;line-height: 1.4;font-size: 85%;}
	.privacy-text {padding: 10px 0;font-size: 93%;text-align: left;}
	.privacy-text label {text-align: center;display: block;font-size: 139%;padding-top: 20px;}
}