@charset "utf-8";
/*===============================================
 *	お問い合わせ
===============================================*/
#contact .diagonal-ttl {font-size: 48px;}
@media screen and (max-width: 1024px) {
.bnr-campaign {width: 100%;}
}
@media screen and (max-width: 960px) {
#contact .diagonal-ttl {font-size: 38px;}
}
@media screen and (max-width: 568px) {
#contact .diagonal-ttl {font-size: 1.647em;}
#contact .diagonal-ttl span{line-height: 1.6;}
#sent .line-side_primary {font-size: 20px;}
#sent .diagonal-ttl {font-size: 20px;}
}
@media screen and (max-width: 375px) {
.line-side_primary {font-size: 21px;}
}
/*===============================================
 *	[ハイフンなしで入力！]を非表示
===============================================*/
#autozip {
  display: none !important;
}
/*=============================================== *
	フォーム
===============================================*/
#contact_form{max-width: 1120px;margin: 0 auto;}
#contact_form table {background: #fff;border: 1px solid var(--site-basecolor);border-collapse: separate;border-radius: 20px;width: 100%;}
#contact_form table th {font-size: 19px;font-weight: bold;background: #b6dedb;width: 350px;border-bottom: 1px solid var(--site-basecolor);padding: 30px 30px 20px;vertical-align: text-top;box-sizing: border-box;}
#contact_form table th.last {border-radius: 0 0 0 20px;border-bottom: none;}
#contact_form table th.first_th {border-radius: 20px 0 0 0;}
#contact_form table th.last_th {border-radius: 0 0 0 20px;border-bottom: none;}
#contact_form table th span {font-size: 15px;padding: 3px 14px 4px;border-radius: 3px;float: right;}
#contact_form table th span.hissu {color: #fff;background: #cf1126;}
#contact_form table th span.any {color: #cf1126;background: #fff;border: 1px solid #cf1126;}
#contact_form table td {border-bottom: 1px solid var(--site-basecolor);padding: 20px 30px;}
#contact_form table td.last {border-radius: 0 0 20px 0;border-bottom: none;}
#contact_form table td .annotation_txt {font-size: 15px;color: #999;margin: 8px 0 -5px 36px;padding-left: 0;text-indent: 0;}
#contact_form table td.last_td {border-bottom: none;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input::-webkit-input-placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input:-ms-input-placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input::-ms-input-placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input::placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea {width: 100%;background: #f5f5f5;border: none;padding: 0 20px;height: 50px;border-radius: 0;box-sizing: border-box;}
#contact_form textarea {display: block;}
#contact_form input::-webkit-input-placeholder {color: #999;}
#contact_form input:-ms-input-placeholder {color: #999;}
#contact_form input::-ms-input-placeholder {color: #999;}
#contact_form input::placeholder {color: #999;}
#contact_form .zip-box input, #contact_form .pref-select select {width: 310px;margin-bottom: 10px;}
#contact_form .zip-box input {margin-left: 14px;}
#contact_form .zip-box .error {margin: -5px 0 7px 38px;}
#contact_form .pref-select select {-webkit-appearance: none; -moz-appearance: none;appearance: none;background: #f5f5f5 url(../img/contact/icon_arrow_down_gray.svg) no-repeat right 20px center;background-size: 12px 7px;color: #333;}
#contact_form .addr-box {margin: 0 0 10px 0;}
#contact_form textarea {padding: 10px 12px;height: 215px;}
#contact_form .uploads {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#contact_form .uploads li {width: 49.3%;}
#contact_form .upload_box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 90%;background: #f5f5f5;padding: 12px 20px;position: relative;margin-top: 5px;}
#contact_form .upload_box [type="file"] {display: none !important;}
#contact_form .upload_box label {font-size: 14px;color: #333;border: 1px solid #767676;border-radius: 2px;text-align: center;margin-right: 10px;padding: 0 5px 2px;}
#contact_form .upload_box .mwform-file-delete {display: none;}
#contact_form .upload_box .fileclear {display: none;position: absolute;right: 10px;cursor: pointer;}
#contact_form .upload_box .js-upload-filename-1,
#contact_form .upload_box .js-upload-filename-2 {font-size: 14px;color: #999;}
#contact_form .media .annotation_txt {font-size: 14px;margin: 14px 0 0;}
#contact_form th.media span {margin-top: -30px;}
#contact_form .form_txt {margin: 30px 0 10px;color: #999;font-size: 14px;}
#contact_form .form_txt a {color: #999;border-bottom: 1px solid #999;padding-bottom: 3px;}
#contact_form #form_btn{max-width: 500px;margin: 0 auto;width: 100%;position: relative;}
#contact_form #form_btn input{background: var(--site-primary);border-radius: 6px;box-shadow: 0 5px 0 #12628e;color: #fff;cursor: pointer;font-size: clamp(17px, 1.8vw, 22px);font-weight: bold;text-align: center;padding: 20px 0 22px;height: auto;}
#contact_form #form_btn::after{content: "";display: block;position: absolute;right: 4%;top: 32%;width: 10px;height: 10px;border: 3px solid #fff;border-left: 0;border-bottom: 0;transform: translateX(-50%) rotate(45deg);}
#contact_form #form_btn input:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
@media screen and (max-width: 1024px) {
#contact_form table {margin: 0 auto;width: 92%;}
}
@media screen and (max-width: 960px) {
#contact_form table th {font-size: 16px;width: 30%;padding: 15px 2vw;}
#contact_form table th .br-pc {display: none;}
#contact_form table th span {font-size: 12px;padding: 2px 8px 3px;}
#contact_form table td {padding: 15px 2vw;}
#contact_form table td .annotation_txt {font-size: 13px;}
#contact_form #form_btn input {font-size: 18px;padding: 16px 0 18px;}
}
@media screen and (max-width: 568px) {
#contact_form table {border-radius: 0;border-right: none;border-left: none;width: 100%;}
#contact_form table th {width: 100%;display: block;border-radius: 0 !important;font-size: 18px;padding: 15px 5vw;position: relative;}
#contact_form table th span {font-size: 12px;padding: 0px 8px 1px;position: absolute;right: 5.3vw;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#contact_form table th.last_th {border-bottom: 1px solid #99b5e7;}
#contact_form table td {display: block;padding: 15px 5.3vw 20px;}
#contact_form table td .annotation_txt {font-size: 12px;margin: 0 0 -5px;}
#contact_form input, #contact_form select {height: 40px;padding: 0 15px;font-size: 16px;}
#contact_form textarea {height: 140px;font-size: 16px;}
#contact_form .zip-box input {width: 178px;margin-left: 2px;}
#contact_form .zip-box .error {margin: -5px 0 7px 22px;}
#contact_form .pref-select {margin-left: 0;}
#contact_form .pref-select select {width: 200px;}
#contact_form .addr-box {margin: 0 0 10px;}
#contact_form th.media span {margin: 0;}
#contact_form .media .annotation_txt {font-size: 12px;margin: 8px 0 -3px;}
#contact_form ul.uploads {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 12px 0;}
#contact_form ul.uploads li {width: 100%;}
#contact_form .upload_box {width: 90%;padding: 7px 15px;}
#contact_form .upload_box .js-upload-filename-1,
#contact_form .upload_box .js-upload-filename-2 {font-size: 13px;}
#contact_form .upload_box label {font-size: 12px;padding: 2px 12px 4px;}
#contact_form #form_btn {width: 80%;}
#contact_form #form_btn input::after{width: 7px;height: 7px;}
#contact_form #form_btn::after {width: 10px;height: 10px;right: 16px;top: 28%;}

}