/*===============================================
 *	コンテンツ
===============================================*/
#second-visualcontents h1 span{max-width:110px;}
.banner-ttl{position: relative;max-width: 685px;margin: 0 auto;}
.icon-ttl{font-weight: bold;margin-bottom: 30px;}
.icon-ttl span em{color: #f29011; background:linear-gradient(transparent 60%, #f2e200 60%);}
.icon-ttl span::before {content: '';display: block;background: url(../img/icon-left.png) no-repeat;width: 30px;height: 50px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.icon-ttl span::after {content: '';display: block;background: url(../img/icon-right.png) no-repeat;width: 30px;height: 50px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.estimate{border: 4px solid var(--site-primary);background: #fff; border-radius: 6px;margin-top: 40px;padding: 30px 40px;line-height: 1.8;}
.change_element_content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 0 20px;}
.change_element_btn {font-size: 22px;font-weight: bold;background: #d7e6d5;color: var(--site-primary);width: 295px;padding: 18px 0 20px;border: none;border-radius: 10px 10px 0 0;margin: 0;cursor: pointer;}
.change_element_btn:hover {background: #dfebdd;color: #519655;}
.change_element_btn.is_active {color: #fff;background: var(--site-primary);}
.change_element_btn.is_active:hover {background: #519655cc;}
.change_element_panel {display: none;}
.change_element_panel.is_active {display: block;}
#contact_form table {background: #fff;border: 1px solid #267c2a54;border-collapse: separate;border-radius: 20px;width: 100%;}
#contact_form table th {font-size: 19px;font-weight: bold;background: #ebf0ea;width: 350px;border-bottom: 1px solid #267c2a54;padding: 30px 30px 20px;vertical-align: text-top;box-sizing: border-box;}
#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 #267c2a54;padding: 20px 30px;}
#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 td.date01 {border-bottom: none;padding: 20px 30px 5px;}
#contact_form td.date02 {padding: 5px 30px 20px;}
#contact_form td.date01 > div, #contact_form td.date02 > div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0 10px;}
#contact_form td.date01 > div label, #contact_form td.date02 > div label {font-size: 16px;margin-right: 8px;}
#contact_form .date-select input {width: 301px;background: #f5f5f5 url(../img/contact/icon_calender.svg) no-repeat 20px center;background-size: 22px 22px;padding: 18px 22px 18px 58px;box-sizing: border-box;}
#contact_form select.time_box {width: 301px;font-size: 16px;background: #f5f5f5 url(../img/contact/icon_arrow_down_gray.svg) no-repeat right 20px center;background-size: 12px 7px;-webkit-appearance: none; -moz-appearance: none;appearance: none;color: #333;}
#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 {margin-left: 36px;}
#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 36px;}
#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;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: 40px 0 40px;}
#contact_form .form_txt a {color: var(--site-primary);border-bottom: 1px solid var(--site-primary);padding-bottom: 3px;}
#contact_form #form_btn {width: 400px;position: relative;margin: 0 auto;}
#contact_form #form_btn::after {content: '';background: url(../img/contact/icon_arrow_right_white.svg) center no-repeat;background-size: contain;position: absolute;width: 10px;height: 16px;top: 50%;right: 30px;-webkit-transform: translate(0px, -50%);transform: translate(0px, -50%);}
#contact_form #form_btn input {height: initial;display: block;font-size: 22px;font-weight: bold;border: none;color: #fff;background: #ff8811;border-radius: 100px;padding: 20px 0 22px;-webkit-box-shadow: 0px 6px 1px #ce6700;box-shadow: 0px 6px 1px #ce6700;position: relative;cursor: pointer;letter-spacing: 0.05em;-moz-appearance: none; appearance: none;-webkit-appearance: none;}
#contact_form #form_btn input:hover {background: #ff9a34;-webkit-box-shadow: 0px 6px 1px #d57e26;box-shadow: 0px 6px 1px #d57e26;}
.estimate a{color: #267c2a;text-decoration: underline;}
.estimate a:hover{text-decoration: none;}

@media screen and (max-width: 1024px) {#contact_form td.date01 > div, #contact_form td.date02 > div {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#contact_form td.date01 > div label, #contact_form td.date02 > div label {width: 100%;}
#contact_form .date-select input {width: 270px;}
#contact_form select.time_box {width: 240px;}
#contact_form th .br-pc {display: block;}
}
@media screen and (max-width: 960px) {
.change_element_btn {font-size: 17px;width: 260px;padding: 14px 0 16px;}
#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 td.date01 > div, #contact_form td.date02 > div {gap: 10px 0;}
#contact_form td.date01 > div label, #contact_form td.date02 > div label {font-size: 14px;}
#contact_form .date-select input {width: 350px;}
#contact_form select.time_box {font-size: 14px;}
#contact_form .form_txt {margin: 26px 0 32px;}
#contact_form #form_btn input {font-size: 18px;padding: 16px 0 18px;}
}
@media screen and (max-width: 568px) {
#intro .ttl_section_top {font-size: 28px;margin: -10px 0 23px;}
.estimate{padding: 20px;}
.change_element_content {gap: 0 10px;}
.change_element_btn {font-size: 17px;width: 165px;padding: 12px 0 13px;}
#contact_form form {margin: 0 -5vw;}
#contact_form table {border-radius: 0;border-right: none;border-left: none;}
#contact_form table th {width: 100%;display: block;border-radius: 0 !important;font-size: 17px;padding: 7px 5.3vw 9px;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 #267c2a54;}
#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 td.date01 {padding: 12px 5.3vw 15px;}
#contact_form td.date02 {padding: 0 5.3vw 20px;}
#contact_form td.date01 > div label, #contact_form td.date02 > div label {font-size: 15px;}
#contact_form .date-select, #contact_form .time-select {width: 100%;}
#contact_form .date-select input {width: 100%;background-position: 16px center;}
#contact_form select.time_box {width: 100%;font-size: 15px;}
#contact_form .form_txt {margin: 18px 0 20px;}
#contact_form #form_btn {width: 74.7%;}
#contact_form #form_btn input {font-size: 17px;padding: 9px 0 11px;-webkit-box-shadow: 0px 5px 1px #ce6700;box-shadow: 0px 5px 1px #ce6700;margin-bottom: 5px;}
#contact_form #form_btn::after {width: 8px;height: 12px;right: 16px;}
}