@charset "UTF-8"; /* ========================================================== 回収できるもの（kind）個別ページ　2026/10 デザイン改修 single-kind.php からのみ読み込む ========================================================== */ /* ----- 結論ボックス（入力があるページだけ表示） ----- */ #page_collect_single .page_kind_answer_sec { padding: 0 0 60px; background: #fff; } #page_collect_single .page_kind_answer_sec .kind_answer_block { padding: 40px 50px; background: #FFEEE0; border-radius: 20px; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_ttl { margin: 0 0 0.62em; font-size: 26px; line-height: 1.4; font-weight: 700; color: #C90007; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_text { margin: 0 0 1.34em; font-size: 18px; line-height: 1.9; font-weight: 700; color: #333; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table { width: 100%; border-collapse: collapse; background: #fff; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_th { padding: 0.7em 1em; font-size: 16px; font-weight: 700; color: #333; text-align: left; background: #f1f1f1; border: 1px solid #e5e5e5; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_td_name { width: 26%; padding: 0.8em 1em; font-size: 16px; font-weight: 700; color: #C90007; border: 1px solid #e5e5e5; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_td_effort { width: 30%; padding: 0.8em 1em; font-size: 16px; line-height: 1.6; color: #333; border: 1px solid #e5e5e5; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_td_case { padding: 0.8em 1em; font-size: 16px; line-height: 1.6; color: #333; border: 1px solid #e5e5e5; } @media (max-width: 750px) { #page_collect_single .page_kind_answer_sec { padding: 0 0 8vw; } #page_collect_single .page_kind_answer_sec .kind_answer_block { padding: 5.3vw; border-radius: 10px; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_ttl { font-size: 5.3vw; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_text { font-size: 3.9vw; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_th { padding: 0.6em; font-size: 3.2vw; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_td_name { padding: 0.6em; font-size: 3.2vw; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_td_effort { padding: 0.6em; font-size: 3.2vw; } #page_collect_single .page_kind_answer_sec .kind_answer_block .kind_answer_table_wrap .kind_answer_table .kind_answer_td_case { padding: 0.6em; font-size: 3.2vw; } } /* ----- 動画（入力があるページだけ表示） ----- */ #page_collect_single .kind_movie { padding: 0 0 60px; } #page_collect_single .kind_movie .wrap iframe { display: block; width: 100%; max-width: 800px; height: auto; aspect-ratio: 16 / 9; margin: 0 auto; } @media (max-width: 750px) { #page_collect_single .kind_movie { padding: 0 0 8vw; } #page_collect_single .kind_movie .wrap iframe { max-width: none; height: auto; } } /* ----- 吹き出し・導入文 ----- */ #page_collect_single .page_kind_talk_sec { padding: 60px 0; background: #fffdeb; } #page_collect_single .page_kind_talk_sec .kind_talk_list { display: flex; flex-direction: column; gap: 20px; max-width: 860px; margin: 0 auto; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item { display: flex; align-items: flex-start; gap: 20px; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item.item_company { flex-direction: row-reverse; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon { flex-shrink: 0; width: 96px; text-align: center; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon .item_icon_img { display: block; width: 70px; height: 70px; margin: 0 auto; border-radius: 50%; overflow: hidden; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon .item_icon_img img { width: 100%; height: 100%; object-fit: contain; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon .item_name { margin: 0.34em 0 0; font-size: 12px; line-height: 1.4; color: #333; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_text { flex-grow: 1; margin: 0; padding: 1.06em 1.42em; font-size: 17px; line-height: 1.8; font-weight: 700; color: #333; background: #fff; border: 1px solid #ddd; border-radius: 10px; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item.item_company .item_text { color: #C90007; border: 2px solid #C90007; } #page_collect_single .page_kind_talk_sec .kind_talk_intro { display: flex; flex-direction: column; gap: 30px; margin-top: 50px; padding: 40px; background: #fff; border-radius: 20px; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_img { width: 100%; max-width: 800px; margin: 0 auto; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_img img { display: block; width: 100%; height: 100%; object-fit: contain; } @media (max-width: 750px) { #page_collect_single .page_kind_talk_sec { padding: 10.7vw 0; } #page_collect_single .page_kind_talk_sec .kind_talk_list { gap: 4vw; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item { gap: 3.2vw; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon { width: 16vw; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon .item_icon_img { width: 13.3vw; height: 13.3vw; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_icon .item_name { font-size: 2.7vw; } #page_collect_single .page_kind_talk_sec .kind_talk_list .item .item_text { padding: 0.86em 1.08em; font-size: 3.7vw; } #page_collect_single .page_kind_talk_sec .kind_talk_intro { gap: 4.3vw; margin-top: 8vw; padding: 5.3vw; border-radius: 10px; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_img { max-width: none; } } /* ----- 処分費用 ----- */ #page_collect_single .page_kind_price_sec { padding: 70px 0; background: #fff; } #page_collect_single .page_kind_price_sec .kind_price_ttl { margin: 0 0 0.75em; font-size: 32px; line-height: 1.4; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_price_sec .kind_price_img { width: 100%; max-width: 800px; margin: 0 auto 30px; } #page_collect_single .page_kind_price_sec .kind_price_img img { display: block; width: 100%; height: 100%; object-fit: contain; } #page_collect_single .page_kind_price_sec .kind_price_lead { max-width: 860px; margin: 0 auto 30px; } #page_collect_single .page_kind_price_sec .kind_price_block { max-width: 860px; margin: 0 auto; padding: 40px; border: 4px dashed #C90007; border-radius: 20px; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_ttl { margin: 0 0 0.91em; font-size: 22px; line-height: 1.4; font-weight: 700; color: #C90007; text-align: center; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table { width: 100%; border-collapse: collapse; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table .kind_price_th { padding: 0.8em 1em; font-size: 17px; font-weight: 700; color: #fff; background: #C90007; border: 1px solid #C90007; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table .kind_price_td_name { width: 55%; padding: 1em 1.2em; font-size: 17px; font-weight: 700; color: #333; background: #fafafa; border: 1px solid #e5e5e5; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table .kind_price_td_cost { padding: 1em 1.2em; font-size: 17px; font-weight: 700; color: #C90007; text-align: center; border: 1px solid #e5e5e5; } @media (max-width: 750px) { #page_collect_single .page_kind_price_sec { padding: 12vw 0; } #page_collect_single .page_kind_price_sec .kind_price_ttl { font-size: 5.9vw; } #page_collect_single .page_kind_price_sec .kind_price_img { max-width: none; margin: 0 auto 5.3vw; } #page_collect_single .page_kind_price_sec .kind_price_lead { margin: 0 auto 5.3vw; } #page_collect_single .page_kind_price_sec .kind_price_block { padding: 5.3vw 4vw; border-radius: 10px; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_ttl { font-size: 4.5vw; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table .kind_price_th { font-size: 3.7vw; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table .kind_price_td_name { padding: 0.8em; font-size: 3.5vw; } #page_collect_single .page_kind_price_sec .kind_price_block .kind_price_table_wrap .kind_price_table .kind_price_td_cost { padding: 0.8em; font-size: 3.5vw; } } /* ----- 処分方法（カード型） ----- */ #page_collect_single .page_kind_method_sec { padding: 70px 0; background: #f7f7f7; } #page_collect_single .page_kind_method_sec .kind_method_list { display: flex; flex-direction: column; gap: 40px; } #page_collect_single .page_kind_method_sec .kind_method_list .item { background: #fff; border-radius: 20px; overflow: hidden; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_ttl { margin: 0; padding: 0.85em 1.54em; font-size: 26px; line-height: 1.4; font-weight: 700; color: #fff; background: #C90007; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body { padding: 36px 40px 40px; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_thumb { width: 100%; max-width: 800px; margin: 0 auto 30px; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_thumb img { display: block; width: 100%; height: 100%; object-fit: contain; } @media (max-width: 750px) { #page_collect_single .page_kind_method_sec { padding: 10.7vw 0; } #page_collect_single .page_kind_method_sec .kind_method_list { gap: 6.4vw; } #page_collect_single .page_kind_method_sec .kind_method_list .item { border-radius: 10px; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_ttl { padding: 0.75em 1em; font-size: 5.3vw; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body { padding: 5.3vw; } #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_thumb { max-width: none; margin: 0 0 4.3vw; } } /* ----- 本文（WYSIWYG）の共通スタイル：導入文・処分費用・処分方法・強み ----- 文字色は指定しない（編集画面で付けた色をそのまま活かすため） */ #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text, #page_collect_single .page_kind_price_sec .kind_price_lead, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text { font-size: 16px; line-height: 2; color: #333; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text p, #page_collect_single .page_kind_price_sec .kind_price_lead p, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text p, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text p { margin: 0 0 1.2em; font-size: 1em; line-height: 2; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text p:last-child, #page_collect_single .page_kind_price_sec .kind_price_lead p:last-child, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text p:last-child, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text p:last-child { margin-bottom: 0; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text h1, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text h2, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text h3, #page_collect_single .page_kind_price_sec .kind_price_lead h2, #page_collect_single .page_kind_price_sec .kind_price_lead h3, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text h2, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text h3, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text h3 { margin: 1.8em 0 0.8em; padding: 0.6em 1em; font-size: 1.25em; line-height: 1.4; font-weight: 700; background: #FFEEE0; border-radius: 8px; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text h4, #page_collect_single .page_kind_price_sec .kind_price_lead h4, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text h4, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text h4 { margin: 1.4em 0 0.5em; font-size: 1.125em; line-height: 1.4; font-weight: 700; color: #C90007; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text h5, #page_collect_single .page_kind_price_sec .kind_price_lead h5, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text h5, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text h5 { margin: 1.2em 0 0.4em; padding: 0 0 0 0.6em; font-size: 1.0625em; line-height: 1.4; font-weight: 700; border-left: 4px solid #C90007; } /* 先頭の見出しは上の余白を詰める */ #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text > :first-child, #page_collect_single .page_kind_price_sec .kind_price_lead > :first-child, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text > :first-child, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text > :first-child { margin-top: 0; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ul, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ol, #page_collect_single .page_kind_price_sec .kind_price_lead ul, #page_collect_single .page_kind_price_sec .kind_price_lead ol, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ul, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ol, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ul, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ol { margin: 0 0 1.2em; padding: 1.2em 1.5em; background: #fafafa; border: 1px solid #e5e5e5; border-radius: 10px; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ul, #page_collect_single .page_kind_price_sec .kind_price_lead ul, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ul, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ul { list-style: none; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ol, #page_collect_single .page_kind_price_sec .kind_price_lead ol, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ol, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ol { padding-left: 2.6em; list-style: decimal; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ul li, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ol li, #page_collect_single .page_kind_price_sec .kind_price_lead ul li, #page_collect_single .page_kind_price_sec .kind_price_lead ol li, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ul li, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ol li, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ul li, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ol li { margin: 0; font-size: 1em; line-height: 2; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ul li, #page_collect_single .page_kind_price_sec .kind_price_lead ul li, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ul li, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ul li { position: relative; padding-left: 1.1em; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ul li::before, #page_collect_single .page_kind_price_sec .kind_price_lead ul li::before, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ul li::before, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ul li::before { content: ""; position: absolute; top: 0.8em; left: 0; width: 0.4em; height: 0.4em; background: #C90007; border-radius: 50%; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ol li::marker, #page_collect_single .page_kind_price_sec .kind_price_lead ol li::marker, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ol li::marker, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ol li::marker { font-weight: 700; color: #C90007; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text a, #page_collect_single .page_kind_price_sec .kind_price_lead a, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text a, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text a { color: #C90007; text-decoration: underline; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text img, #page_collect_single .page_kind_price_sec .kind_price_lead img, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text img, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text img { display: block; max-width: 100%; height: auto; margin: 1em auto; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table, #page_collect_single .page_kind_price_sec .kind_price_lead table, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table { width: 100%; margin: 0 0 1.2em; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table th, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table td, #page_collect_single .page_kind_price_sec .kind_price_lead table, #page_collect_single .page_kind_price_sec .kind_price_lead table th, #page_collect_single .page_kind_price_sec .kind_price_lead table td, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table th, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table td, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table th, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table td { border: 1px solid #e5e5e5; border-collapse: collapse; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table th, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table td, #page_collect_single .page_kind_price_sec .kind_price_lead table th, #page_collect_single .page_kind_price_sec .kind_price_lead table td, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table th, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table td, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table th, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table td { padding: 0.7em 1em; font-size: 0.9375em; line-height: 1.6; text-align: left; vertical-align: top; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table th, #page_collect_single .page_kind_price_sec .kind_price_lead table th, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table th, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table th { font-weight: 700; background: #FFEEE0; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table tr:first-child td, #page_collect_single .page_kind_price_sec .kind_price_lead table tr:first-child td, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table tr:first-child td, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table tr:first-child td { background: #fafafa; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text iframe, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text iframe { display: block; width: 100%; max-width: 800px; height: auto; aspect-ratio: 16 / 9; margin: 1em auto; } @media (max-width: 750px) { #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text, #page_collect_single .page_kind_price_sec .kind_price_lead, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text { font-size: 3.7vw; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ul, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ol, #page_collect_single .page_kind_price_sec .kind_price_lead ul, #page_collect_single .page_kind_price_sec .kind_price_lead ol, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ul, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ol, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ul, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ol { padding: 1em; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text ol, #page_collect_single .page_kind_price_sec .kind_price_lead ol, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text ol, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text ol { padding-left: 2.2em; } /* 本文内の表は横にはみ出す場合だけ横スクロール */ #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table, #page_collect_single .page_kind_price_sec .kind_price_lead table, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table { display: block; overflow-x: auto; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table th, #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text table td, #page_collect_single .page_kind_price_sec .kind_price_lead table th, #page_collect_single .page_kind_price_sec .kind_price_lead table td, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table th, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text table td, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table th, #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text table td { padding: 0.6em; min-width: 6em; } #page_collect_single .page_kind_talk_sec .kind_talk_intro .kind_talk_intro_text iframe, #page_collect_single .page_kind_method_sec .kind_method_list .item .item_body .item_text iframe { max-width: none; } } /* ----- 問い合わせ（処分方法の後へ移動したため、上にも余白を取る） ----- */ #page_collect_single .kind_contact { padding-top: 100px; } @media (max-width: 750px) { #page_collect_single .kind_contact { padding-top: 15vw; } } /* ----- 強み ----- */ #page_collect_single .page_kind_strength_sec { padding: 70px 0; background: #FFEEE0; } #page_collect_single .page_kind_strength_sec .kind_strength_ttl { margin: 0 0 1.25em; font-size: 32px; line-height: 1.4; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_strength_sec .kind_strength_block { display: flex; flex-direction: column; gap: 40px; padding: 40px; background: #fff; border-radius: 20px; } #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_img { width: 100%; max-width: 600px; aspect-ratio: 4 / 3; margin: 0 auto; } #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_img img { width: 100%; height: 100%; object-fit: cover; } #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_text { min-width: 0; } @media (max-width: 750px) { #page_collect_single .page_kind_strength_sec { padding: 10.7vw 0; } #page_collect_single .page_kind_strength_sec .kind_strength_ttl { font-size: 5.9vw; } #page_collect_single .page_kind_strength_sec .kind_strength_block { gap: 5.3vw; padding: 5.3vw; border-radius: 10px; } #page_collect_single .page_kind_strength_sec .kind_strength_block .kind_strength_img { max-width: none; aspect-ratio: auto; height: 60vw; } } /* ----- よくある質問（開いた状態で並べる） ----- */ #page_collect_single .page_kind_faq_sec { padding: 70px 0; background: #fff; } #page_collect_single .page_kind_faq_sec .kind_faq_ttl { margin: 0 0 1.25em; font-size: 32px; line-height: 1.4; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_faq_sec .kind_faq_list { display: flex; flex-direction: column; gap: 20px; max-width: 960px; margin: 0 auto; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item { margin: 0; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_q { display: flex; align-items: center; gap: 16px; margin: 0; padding: 20px 28px; background: #FFEEE0; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_q .item_mark { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2em; height: 2em; font-size: 20px; font-weight: 700; color: #fff; background: #C90007; border-radius: 50%; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_q .item_q_text { margin: 0; font-size: 18px; line-height: 1.6; font-weight: 700; color: #333; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_a { display: flex; align-items: flex-start; gap: 16px; margin: 0; padding: 20px 28px; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_a .item_mark { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2em; height: 2em; font-size: 20px; font-weight: 700; color: #C90007; background: #fff; border: 2px solid #C90007; border-radius: 50%; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_a .item_a_text { margin: 0; font-size: 16px; line-height: 2; color: #333; } @media (max-width: 750px) { #page_collect_single .page_kind_faq_sec { padding: 10.7vw 0; } #page_collect_single .page_kind_faq_sec .kind_faq_ttl { font-size: 5.9vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list { gap: 4vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_q { gap: 3.2vw; padding: 4vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_q .item_mark { font-size: 4vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_q .item_q_text { font-size: 3.9vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_a { gap: 3.2vw; padding: 4vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_a .item_mark { font-size: 4vw; } #page_collect_single .page_kind_faq_sec .kind_faq_list .item .item_a .item_a_text { font-size: 3.7vw; } } /* ----- おすすめ記事 ----- */ #page_collect_single .page_kind_recommend_sec { padding: 70px 0; background: #f7f7f7; } #page_collect_single .page_kind_recommend_sec .kind_recommend_ttl { margin: 0 0 1.07em; font-size: 28px; line-height: 1.4; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item { margin: 0; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link { display: block; height: 100%; padding: 16px; background: #fff; border-radius: 10px; text-decoration: none; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link .item_img { display: flex; align-items: center; justify-content: center; width: 100%; height: 140px; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link .item_img img { width: 100%; height: 100%; object-fit: contain; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link .item_name { display: block; margin-top: 0.8em; font-size: 16px; line-height: 1.4; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_recommend_sec .kind_recommend_btn_wrap { margin-top: 40px; text-align: center; } #page_collect_single .page_kind_recommend_sec .kind_recommend_btn_wrap .kind_recommend_btn { display: inline-block; width: fit-content; padding: 1em 3em; font-size: 18px; font-weight: 700; color: #fff; background: #C90007; border-radius: 50px; text-decoration: none; } @media (max-width: 750px) { #page_collect_single .page_kind_recommend_sec { padding: 10.7vw 0; } #page_collect_single .page_kind_recommend_sec .kind_recommend_ttl { font-size: 5.3vw; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list { grid-template-columns: repeat(2, 1fr); gap: 3.2vw; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link { padding: 3.2vw; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link .item_img { height: 26.7vw; } #page_collect_single .page_kind_recommend_sec .kind_recommend_list .item .item_link .item_name { font-size: 3.7vw; } #page_collect_single .page_kind_recommend_sec .kind_recommend_btn_wrap { margin-top: 6.4vw; } #page_collect_single .page_kind_recommend_sec .kind_recommend_btn_wrap .kind_recommend_btn { font-size: 4vw; } } /* ----- その他の不用品回収例（12件分の高さで枠内スクロール） ----- */ #page_collect_single .page_kind_terms_sec { padding: 70px 0; background: #fff; } #page_collect_single .page_kind_terms_sec .kind_terms_ttl { margin: 0 0 1.07em; font-size: 28px; line-height: 1.4; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll { height: 504px; padding: 20px; overflow-y: auto; background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 10px; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 140px; gap: 12px; margin: 0; padding: 0; list-style: none; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item { margin: 0; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; height: 100%; padding: 12px; background: #fff; border-radius: 10px; text-decoration: none; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link .item_img { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link .item_img img { width: 100%; height: 100%; object-fit: contain; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link .item_name { font-size: 15px; line-height: 1.3; font-weight: 700; color: #333; text-align: center; } #page_collect_single .page_kind_terms_sec .kind_terms_note { margin: 0.86em 0 0; font-size: 14px; line-height: 1.6; color: #666; text-align: center; } @media (max-width: 750px) { #page_collect_single .page_kind_terms_sec { padding: 10.7vw 0; } #page_collect_single .page_kind_terms_sec .kind_terms_ttl { font-size: 5.3vw; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll { height: 196vw; padding: 3.2vw; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 28vw; gap: 2.7vw; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link { gap: 1.6vw; padding: 2.7vw; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link .item_img { width: 14.9vw; height: 14.9vw; } #page_collect_single .page_kind_terms_sec .kind_terms_scroll .kind_terms_grid .item .item_link .item_name { font-size: 3.5vw; } #page_collect_single .page_kind_terms_sec .kind_terms_note { font-size: 3.2vw; } }