@charset "UTF-8"; section:has(div#sim), #sim>div:not(:first-of-type) { display: none; } #b+section, section:has(div#sim.block) { display: block; } #b+section p.btn { margin-bottom: 80px; } #b+section .inner_item_txt { text-align: center; } p.btn { text-align: center; background: #EB6100; color: var(--i_bg_color); display: inline-block; font-size: 2.1rem; font-weight: bold; line-height: 1.5; width: 350px; border-radius: 70px; box-shadow: 15px 15px 10px 0 rgba(0, 0, 0, .5); padding: 15px 10px 20px; box-sizing: border-box; position: relative; cursor: pointer; min-height: 90px; display: flex; justify-content: center; align-items: center; margin: auto; } p.btn::before { position: absolute; display: block; content: ""; pointer-events: none; width: 100%; height: 100%; top: 0; right: 0; background: url("/common/upload_data/tabata-kogyocom/image/home.png") no-repeat top right / 35px; } .sticky { z-index: 5; } .sticky .heading.block_header_6 { margin-bottom: 0; } .sticky .heading.block_header_6 h2.h { margin-bottom: 0; padding-bottom: 0; font-size: 2rem !important; } #sim>div:not(:first-of-type) { margin-top: 150px; } #sim h1 { font-size: 3.5rem; line-height: 1.3; text-align: center; color: var(--i_main_color); padding-bottom: 20px; margin-bottom: 25px; position: relative; } #sim h1::before { position: absolute; display: block; content: ""; pointer-events: none; width: 60px; height: 5px; bottom: 0; left: 50%; transform: translateX(-50%); background: var(--i_main_color); } .block_html ul li { list-style-position: unset; list-style-type: none; padding-left: 0; } #sim ul { display: flex; flex-wrap: wrap; gap: 30px; } #sim ul li { border: 1px solid var(--i_border_color); box-shadow: 2px 2px 1px #ccc; border-radius: 3px; padding: 20px; background: var(--i_bg_color); width: 31%; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: center; cursor: pointer; } #sim ul li img { max-width: 150px; width: 100%; } #sim ul li.active { border: 3px solid var(--i_main_color); } #sim p { font-weight: bold; text-align: center; color: #7c7b79; } #sim ul+p { font-size: 2.2rem; padding-top: 30px; padding-bottom: 65px; position: relative; } #sim ul+p::before { position: absolute; display: block; content: ""; pointer-events: none; width: 30px; height: 30px; bottom: 0; left: calc(50% - 15px); border-right: 5px solid var(--i_main_color); border-bottom: 5px solid var(--i_main_color); transform: rotate(45deg); } #cont5 ul li img, #cont6 ul li img, #cont7 ul li img { max-width: 200px; height: 150px; } #cont6 ul li { aspect-ratio: 266/256; } #cont6 ul li span { display: block; font-size: 1.25rem; font-weight: 500; color: var(--i_main_color); line-height: 1.2; margin-bottom: 3px; } #r { text-align: center; } #r h1, #r h1+p { color: var(--i_main_color); } #r h1 { font-weight: 500; } #r h1+p { font-size: 3rem; font-weight: bold; } #r h1+p span { padding: 0 20px; } #r h1+p small { color: var(--i_txt_color); font-size: 1.45rem; font-weight: 500; } #r p:last-of-type { text-align: left; font-size: 1.4rem; margin-top: 20px; } #r p:last-of-type span { color: red; } /* 問い合わせフォーム */ .widget_form .privacypolicy { margin-bottom: 0; } main form dl { display: flex !important; flex-direction: column !important; border: none !important; } .widget_form form dt { min-width: 160px; width: 100%; font-size: 1.45rem; font-weight: bold; color: var(--i_main_color); border: none; margin-bottom: 5px; } .widget_form form input[type="checkbox"]+label { color: var(--i_main_color); } .widget_form form input[type="checkbox"]+label::before { border: 2px solid #ccc; background: var(--i_bg_color); } main form dl input, main form textarea { border: 2px solid #ccc; background: var(--i_bg_color); } main form dl input:focus, main form textarea:focus { border: 2px solid var(--i_main_color); } main form input[type="checkbox"]+label::before { background: var(--i_bg_color); } .widget_form form input[id*="form_zip"] { width: 100%; } .widget_form form dl:last-of-type dt { display: none; } main form .submit span input { background: var(--i_main_color); } main form .submit span input { background: var(--i_main_color); border: 2px solid var(--i_main_color) !important; border-radius: 5px; } main form .submit span input:hover { color: var(--i_main_color); } .contents_btn01 a:hover::before, main form .submit span:hover::before { border-top: 1px solid var(--i_main_color); border-right: 1px solid var(--i_main_color); } /* 登録した内容 */ #answer h1 { color: var(--i_main_color); font-weight: 500; text-align: center; margin-bottom: 30px; } #answer dl { font-size: 1.4rem; margin-bottom: 15px; } #answer dl:last-of-type { margin-bottom: 40px; } @media screen and (max-width: 650px) { .scrolled #b+section>.content_wrapper { margin-top: 45px; } .sticky .heading.block_header_6 { padding: 10px 10px 12px; } .sticky .heading.block_header_6 h2.h { font-size: 1.45rem !important; } .heading.block_header_6 h2.h { font-size: 1.7rem !important; } p.btn { width: 100%; } #sim h1 { font-size: 2rem; padding-top: 30px; } #sim ul { gap: 10px; } #sim ul li { width: 48%; } #sim ul li img { max-width: 80px; } #cont5 ul li img, #cont6 ul li img, #cont7 ul li img { max-width: 80px; height: 80px; } #sim ul+p { font-size: 1.5rem; } #r h1+p { font-weight: bold; } #r h1+p span { padding: 0 5px; } } section:has(div#r), .widget_form, section:has(div#answer) { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; } section.sakujyo:has(div#r), .widget_form.sakujyo, section.sakujyo:has(div#answer) { position: relative; top: 0; opacity: 1; pointer-events: all; }