@charset "utf-8";
/*===============================================
 *	タブ切り替え
===============================================*/
.tabs {margin-top: 50px;padding-bottom: 40px;width: 100%;margin: 0 auto;}
.tab_item {width: calc(100%/3);height: 50px;background-color: #d9d9d9; line-height: 50px;font-size: 16px;text-align: center;color: #565656;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;cursor: pointer;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;clear: both;overflow: hidden;}
.tab_content.pink{border-top: 6px solid #ef8271;}
.tab_content.blue{border-top: 6px solid #5b9ed6;}
.tab_content.green{border-top: 6px solid #8ec882;}
#all:checked ~ #all_content,#gym:checked ~ #gym_content,
#kensetsu:checked ~ #kensetsu_content {display: block;}
.tabs input:checked + .tab_item {color: #fff;}
.tabs input:checked + .tab_item.pink {background-color: #ef8271;}
.tabs input:checked + .tab_item.blue {background-color: #5b9ed6;}
.tabs input:checked + .tab_item.green {background-color: #8ec882;}
/*===============================================
 *	アンカー
===============================================*/
.bg-anc_link.pink{background: #fdeae9;}
.bg-anc_link.blue{background: #e2f1fd;}
.bg-anc_link.green{background: #e8ffe4;}
.bg-anc_link ul{margin: 0 auto 30px;}
.bg-anc_link li span{width: 70%;margin: 0 auto 30px;}
.anc_link {display: flex;justify-content: space-between;align-items: center;padding: 20px;}
.anc_link li{font-weight: bold;}
.anc_link li span{background: #fff;border: 4px;padding: 2px 4px 3px 4px;margin-left: 1em;font-size: 12px;}
.anc_link li a{padding: 0 0 5px 0;}
.anc_link.pink span{color: #ef8271;}
.anc_link.pink a{border-bottom: 1px solid #ef8271;color: #ef8271;}
.anc_link.pink a.select{border-bottom: 2px solid #ef8271;}

.anc_link.blue{justify-content: space-around;}
.anc_link.blue span{color: #5b9ed6;}
.anc_link.blue a{border-bottom: 1px solid #5b9ed6;color: #5b9ed6;}
.anc_link.blue a.select{border-bottom: 2px solid #5b9ed6;}

.anc_link.green {justify-content: space-around;}

.anc_link.green span{color: #8ec882;}
.anc_link.green a{border-bottom: 1px solid #8ec882;color: #8ec882;}
.anc_link.green a.select{border-bottom: 2px solid #8ec882;}

.anc_link.pink a:hover,
.anc_link.blue a:hover,
.anc_link.green a:hover{border-bottom: none;}
@media only screen and (max-width: 568px) {
  .anc_link {padding: 20px 10px;}
  .anc_link li span{font-size: 10px;}
  .anc_link.pink span {display: block;text-align: center;margin: 10px auto 0;}
  .anc_link.pink {padding: 20px;}
  .anc_link.blue {padding: 20px 30px;}
  .anc_link.blue span {display: block;text-align: center;margin: 10px auto 0;}
  .anc_link.green span {display: block;text-align: center;margin: 10px auto 0;}
}
/*===============================================
 *	PR
===============================================*/
.store_pr {overflow: hidden;width: 80%;margin: 0 auto 2em;}
.store_pr p {font-size: 20px;}
.fr_thick {position: relative;border: 2px solid #b7aa00;padding: 1em;color: #b7aa00;font-weight: 600;text-align: center;}
.fr_thick:before,.fr_thick:after,.circle:before,.circle:after {position: absolute;display: block;border-radius: 50%;width: 20px;height: 20px;content: "";background-color: #fff ;border: 2px solid #b7aa00;}
.fr_thick:before {top: -12px;left: -12px;}
.fr_thick:after {top: -12px;right: -12px;}
.circle:before {right: -12px;bottom: -12px;}
.circle:after {left: -12px;bottom: -12px;}
.thin {position: absolute;top: 3px;right: 3px;bottom: 3px;left: 50%;border-top: 2px solid #b7aa00;border-bottom: 2px solid #b7aa00;z-index: 1;width: 95%;transform: translateX(-50%);}
@media only screen and (max-width: 568px) {
  .store_pr {width: 90%;margin: 0 auto 2em;}
  .store_pr p {font-size: 17px;}
}
/*===============================================
 *	store logo
===============================================*/
.logo_cafebrill{max-width: 333px;margin: 0 auto 1.5em;}
.logo_kobayashi{max-width: 331px;margin: 0 auto 1.5em;}
.logo_nishino{max-width: 317px;margin: 0 auto 1.5em;}
.logo_nextfit{max-width: 470px;margin: 0 auto 1.5em;}
.logo_yuwa{max-width: 281px;margin: 0 auto 1.5em;}
.logo_takumisou{max-width: 401px;margin: 0 auto 1.5em;}
.logo_cleantechjapan{max-width: 327px;margin: 0 auto 1.5em;}
.logo_security{max-width: 314px;margin: 0 auto 1.5em;}
@media only screen and (max-width: 568px) {
  .logo_cafebrill,
  .logo_kobayashi,
  .logo_nextfit,
  .logo_yuwa,
  .logo_takumisou,
  .logo_cleantechjapan,
  .logo_security {max-width: initial;width: 80%;}
}
/*===============================================
 *	store
===============================================*/
.store_ttl{background: #c5ba2a;padding: 10px 0;text-align: center;font-size: 36px;font-weight: bold;color: #fff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;letter-spacing: 1px;}
.request_detail{color: #988d00;font-size: 30px;text-align: center;margin: 0 0 .75em 0;}
.specification_detail{color: #988d00;font-size: 24px;text-align: center;margin: .75em 0;}
.store_box{padding: 5%;}
.store_point {font-size: 22px;color: #494645;}
@media only screen and (max-width: 568px) {
  .store_ttl {font-size: 22px;}
  .request_detail {font-size: 19px;}
  .specification_detail {font-size: 17px;}
  .store_point {font-size: 16px;}
}
/*===============================================
 *	料金表
===============================================*/
table.price-tbl {border-collapse: collapse;margin: 0 auto;padding: 0;width: 100%;table-layout: fixed;}
table.price-tbl tr {background-color: #fff9ef;padding: .35em;border-bottom: 2px solid #fff;}
table.price-tbl th,table.price-tbl td {padding: 1em 10px 1em 1em;border-right: 2px solid #fff;}
table.price-tbl th {font-size: 18px;font-weight: bold;}
table.price-tbl .last td {color: #d35845;}

table.price-tbl tbody th {background: #C8A063;color: #fff;}
table.price-tbl .txt{ text-align: left; font-size: .85em;}
table.price-tbl .price{font-size: 18px;text-align: right;color: #343434;font-weight: bold;}
table.price-tbl .price span{font-size: 14px;}
table.price-tbl .non{background:#fff}
@media screen and (max-width: 600px) {
  table.price-tbl {border: 0;width:100%}
  table.price-tbl th,table.price-tbl td {padding: 10px;letter-spacing: 1px;}
  table.price-tbl th{font-size: 17px;display: block;border-right: none;}
  table.price-tbl th span{margin-left: 1em;}
  table.price-tbl thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  table.price-tbl tr {display: block;border: none;padding: 0;}
  table.price-tbl td {border-bottom: 1px solid #bbb;display: block;font-size: .8em;text-align: right;position: relative;padding: .625em .625em .625em 4em;border-right: none;}
  table.price-tbl .price span{display: block;font-size: 13px;}
  table.price-tbl td::before {content: attr(data-label);font-weight: bold;position: absolute;left: 10px;color: #C8A063;font-size: 16px;}
  table.price-tbl td:last-child {border-bottom: 0;}
  table.price-tbl tbody th {color: #fff;}
}
/*===============================================
 *	流れ・納品について
===============================================*/
.img-credit{width: 80%;margin: 1.5em auto;}

/*===============================================
 *	[ハイフンなしで入力！]を非表示
===============================================*/
#autozip {
  display: none !important;
}
.contact_ttl{width: 80%;margin: 0 auto;}

/*=============================================== *
	フォーム
===============================================*/
#contact_form{margin-bottom: 40px;}
#contact_form table {background: #fff;border: 1px solid #ccc;border-collapse: separate;border-radius: 10px;width: 100%;margin-bottom: 40px;}
#contact_form table th {font-size: 17px;font-weight: bold;background: #e2dbcb;border-bottom: 1px solid #ccc;padding: 20px;vertical-align: text-top;box-sizing: border-box;width: 40%;}
#contact_form table th.last {border-radius: 0 0 0 10px;border-bottom: none;}
#contact_form table th.first_th {border-radius: 10px 0 0 0;}
#contact_form table th.last_th {border-radius: 0 0 0 10px;border-bottom: none;}
#contact_form table th span {font-size: 13px;padding: 3px 10px 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 #ccc;padding: 20px 30px;}
#contact_form table td.last {border-radius: 0 0 10px 0;border-bottom: none;}
#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;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 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 #5f5800;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: 42%;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 {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{margin-bottom: 30px;}
#contact_form.store_box{padding: 5% 0;}
#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: 7px;height: 7px;right: 16px;}

}