無料カタログ請求CATALOG

.container{ overflow: hidden; } .container .lead{ width:100%; max-width:600px; margin:auto; } .container table { width:100%; } .bnr--catalog{ display: block; width: 100%; } .bnr--catalog img{ max-width:100%; width:100%; height:auto; } #frm_forminput #item_0 td.value::before { content: "（例）株式会社◯◯"; display: block; line-height: 1.8; } #frm_forminput #item_2 input[type=text] { width: 40%; } #frm_forminput #item_2 td.value::before { content: "（例）山田 花子"; display: block; line-height: 1.8; } #frm_forminput #item_3 td.value::before { content: "（例）例)静岡県○○市XX区XX町1-2-3 ABCビル3F"; display: block; line-height: 1.8; } #frm_forminput #item_5 td.value:before { content: "（例）053-472-1321"; display: block; line-height: 1.8; } #frm_forminput #item_5 td.value:before { content: "（例）053-472-1321"; display: block; line-height: 1.8; } .item#item_12, .item#item_13{ display:none; } .catalog_check_area .value .fl_box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; } .catalog_check_area .value .fl_box .input_box .photo { margin-bottom: 5px; } .catalog_check_area .value .fl_box .input_box { width: 23%; margin-top: 20px; order: 1; position: relative; } .catalog_check_area .value .fl_box .input_box input{ display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; opacity: 0; cursor: pointer; margin: 0; }.catalog_check_area .value .fl_box .input_box input + label { padding-left: 25px; position: relative; } .catalog_check_area .value .fl_box .input_box input + label:after{ content: ""; width: 6px; height: 9px; display: block; position: absolute; top: 4px; left: 7px; transition: opacity 0.3s; opacity: 0; border-right: 2px solid #003baf; border-bottom: 2px solid #003baf; transform: rotate(45deg); } .catalog_check_area .value .fl_box .input_box input + label:before{ content: ""; display: inline-block; width: 20px; height: 20px; border: 1px solid #ddd; position: absolute; top: 0; left: 0; } .catalog_check_area .value .fl_box .input_box input:checked + label:after{ opacity: 1; } @media screen and (max-width: 768px) { .catalog_check_area .value .fl_box:before, .catalog_check_area .value .fl_box:after, .catalog_check_area .value .fl_box .input_box { width: 48%; } .catalog_check_area .value .fl_box:before, .catalog_check_area .value .fl_box:after { order: 2; content: ''; display: block; } }