/*-------------------------------------- * 2024.05.24 投稿記事用 * --------------------------------------*/ /*余白調整*/ .mtb-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .case-p { margin: 10px 0 !important; } .case-p-forlv4 { margin: 12px 16px 28px !important; line-height: 28px !important; } .article-pl-12 { padding-left: 12px !important; } /*h2の装飾*/ .article-lv2Heading { margin-top: 60px; padding: 0.25em 0.5em; background: transparent; border-left: solid 5px #e83d1b; } /*h3の装飾*/ .article-lv3Heading { position: relative; font-size: 20px; line-height: 26px; border-bottom: 2px solid #e83d1b; margin-top: 45px; padding: 10px 16px 10px 40px; } .article-lv3Heading_nodeco { font-size: 20px; line-height: 26px !important; margin-top: 12px !important; margin-bottom: 0px !important; padding: 10px 16px !important; border-bottom: none !important; } .article-lv3Heading::after { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: block; content: '\f058'; font-family: 'Font Awesome 5 Free'; font-weight: 700; color: #e83d1b; } /*h3のリンク時*/ .article-HeadingLink a { text-decoration: none; color: #333; } /* h4の装飾 */ .article-lv4Heading { display: inline-block; /* background: linear-gradient(transparent 70%, #f4f07a 70%); */ font-size: 17px; background: #1362ae; color: white; padding: 4px 16px; border-radius: 50px; } /*特定のpの 文字サイズ*/ .article-p strong { font-size: 18px; } /*吹き出し*/ .article-fukidashi { position: relative; display: inline-block; margin: 1.5em 0; padding: 8px 20px; min-width: 240px; max-width: 100%; background: #fff; border-radius: 15px; box-shadow: 2px 2px 4px -3px; } @media(max-width:640px) { .article-fukidashi { min-width: 100%; max-width: 100%; } } .article-fukidashi::before { content: ""; position: absolute; top: 98%; left: 20px; border: 7px solid transparent; border-top: 15px solid #fff; } /*リスト装飾*/ .article-List li { position: relative; padding: 2px 0 2px 20px; } .article-List li::before { display: block; content: ''; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50px; background: #e83d1b; } /*リスト装飾 ナンバー*/ .article-ListN { padding: 2px 0 2px 20px; counter-reset: listnum; /* カウンターをリセット */ list-style: none;/ } .article-ListN li::before { counter-increment: listnum; content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */ padding-right: 6px; color: #e83d1b; vertical-align: middle; font-size: 20px; font-family: futura-pt, sans-serif; font-weight: bold; } /*価格リスト装飾*/ .article-priceList ul { padding-left: 12px; } .article-priceList li { padding: 12px 10px; border-bottom: 1px dotted #bfbfbf; } /*-------------------------------------- * 2024.05.24 目次プラグイン用 * --------------------------------------*/ /* 外枠 */ #ez-toc-container { padding: 20px 24px 20px 24px !important; border-radius: 0 !important; } /* 目次タイトルの余白とカラー */ div#ez-toc-container .ez-toc-title { display: block; line-height: 3; padding-left: 1em; } /* 目次開閉ボタン位置調整 */ .ez-toc-title-toggle { position: absolute; top: 32px; right: 4%; } /* 目次開閉ボタンデザイン */ .ez-toc-js-icon-con { border: none !important; border-radius: 0; width: 33px; } /* スマホ向けのサイズと位置調整 */ @media(max-width:640px) { /* 目次タイトル */ div#ez-toc-container .ez-toc-title { font-size: 15px; text-align: center; padding-left: initial; padding: 5px 0; } /* 開閉ボタンの位置 */ #ez-toc-container .ez-toc-title-toggle { left: -7%; } } /*-------------------------------------- * 2024.06.03 記事内 テーブル用 * --------------------------------------*/ .article-tb01 { width: 100%; overflow-x: scroll; } .article-tb01 tbody { background: #fff; } .article-tb01 figcaption { padding: 8px; font-size: 14px; color: #777; text-align: center; } .article-tb01 table { border-collapse: collapse; width: 1080px; } .article-tb01-mini table { width: 800px; } .article-tb01 tr:nth-child(1) { background: #333; color: #fff; } .article-tb01 tr td strong { color: #fff; } .article-tb01 tr:nth-child(1) td { text-align: center; } .article-tb01 td:nth-child(1) { color: #e83d1b; } .article-tb01 th, .article-tb01 td { padding: 12px; border: solid 1px #ccc; box-sizing: border-box; } .article-tb01 th { background: #1c1c1c; color: #fff; } /*-------------------------------------- * 2024.06.08 記事内 リンク紹介用 * --------------------------------------*/ .article-link { position: relative; font-size: 18px; line-height: 26px; margin-top: 0px; border: solid 1px #1362ae; /*blue*/ border-radius: 12px; padding: 16px 16px 16px 52px; background: #ffffff; } .article-link a { color: #1362ae; text-decoration: none; } .article-link a:hover { text-decoration: underline; } .article-link::after { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); display: block; content: '\f0c1'; font-family: 'Font Awesome 5 Free'; font-weight: 700; color: #1362ae; } /*----------------------------- * 2024.08.14 /column/用 始 -----------------------------*/ .blog { padding-top: 80px; background: #eee; } .blog img { object-fit: contain; } .breadcrumbs_outer { font-size: 0.9rem; padding: 10px 0 0 0; } .breadcrumbs_outer .breadcrumbs { width: 1000px; margin: 0 auto; color: #000; } .breadcrumbs_outer .breadcrumbs a { color: #000; text-decoration: underline; } .breadcrumbs_outer .breadcrumbs a:hover { text-decoration: none; } .blog .container { width: 1000px; margin: 70px auto 0; display: flex; } .blog .container .left { width: 670px; margin: 0 20px 0 0; color: #000; font-size: 1rem; } .blog .container .left h2 { color: #000; font-size: 2.6rem; margin: 0 0 20px; } .blog .container .left ul a { display: flex; } .blog .container .left .thumbnail { width: 270px; margin: 0 20px 0 0; } .blog .container .left .thumbnail img { width: 270px; height: 160px; object-fit: cover; } .blog .container .left .content { width: 440px; } .blog .container .left .content .title { font-size: 1.8rem; color: #000; margin: 0 0 10px; font-weight: normal; } .blog .container .left .content .des { font-size: 1.2rem; color: #000; margin: 0 0 15px; } .blog .container .left .content .time { font-size: 0.8rem; color: #aaa; } .blog .container .right { width: 310px; } .blog .container .right h3 { font-size: 1.2rem; color: #000; margin: 0 0 15px; } .blog .container .right .sidebar-wrapper { margin: 0 0 30px; width: 260px !important; } .blog .container .right .sidebar-wrapper .rpwe-li { display: flex; margin: 0 0 20px; } .blog .container .right .sidebar-wrapper .rpwe-li a { width: 125px; margin: 0 15px 0 0; color: #000; } .blog .container .right .sidebar-wrapper .rpwe-li a:hover { color: #0f4895; text-decoration: underline; } .blog .container .right .sidebar-wrapper .rpwe-li a img { width: 125px; height: 75px; object-fit: cover; } .blog .container .right .sidebar-wrapper .rpwe-li .category { margin: 5px 0 0; } .blog .container .right .sidebar-wrapper .rpwe-li .category a { background: #e83d1b; color: #fff; padding: 2px 10px 3px; border-radius: 20px; text-decoration: unset; font-size: 0.6rem; margin: 0 10px 0 0; } .blog .container .right .sidebar-wrapper .rpwe-li .category a:nth-child(n+2) { display: none; } .blog .container .right .sidebar-wrapper .rpwe-li h3 { width: 185px; font-weight: normal; font-size: 0.9rem; margin: 0; } .blog .container .right .widget_categories .cat-item { background: #fff; color: #000; padding: 10px 10px; border-top: solid 1px #e5e5e5; font-size: 1.4rem; } .blog .container .right .widget_categories .cat-item:hover { background: #f5f5f5; } .blog .container .right .widget_categories .cat-item:last-child { border-bottom: solid 1px #eee } .blog .container .right .widget_categories .cat-item a { color: #000; display: flex; justify-content: space-between; } .blog .container .right .widget_categories .cat-item a:hover { color: #0f4895; } .blog .wp-pagenavi { margin: 80px 0 0; color: #000; text-align: center; } .blog .wp-pagenavi .current { color: #fff; background: #aaa; padding: 5px 15px; margin: 0 5px; border-radius: 5px; font-size: 1.5rem; } .blog .wp-pagenavi .page { color: #000; padding: 5px 15px; margin: 0 5px; font-size: 1.5rem; } .blog .wp-pagenavi .page:hover { background: #eee; color: #000; border-radius: 5px; } .blog .wp-pagenavi .pages { color: #aaa; padding: 5px 15px; margin: 0 5px; font-size: 1.5rem; } .blog .wp-pagenavi .nextpostslink, .blog .wp-pagenavi .previouspostslink { padding: 5px 15px; margin: 0 5px; color: #aaa; } .blog .wp-pagenavi .nextpostslink:hover, .blog .wp-pagenavi .previouspostslink:hover { background: #eee; color: #000; border-radius: 5px; } .blog .content .data { display: flex; justify-content: space-between; margin: 0 0 30px; } .blog .content .data .category a { background: #e83d1b; color: #fff; padding: 2px 10px 3px; border-radius: 20px; text-decoration: unset; font-size: 1rem; margin: 0 10px 0 0; } .blog .content .data .time { padding: 5px 0; color: #bbb; font-size: 0.9rem; } .blog .content .left h1 { font-size: 1.7rem; margin: 0 0 30px; } .blog .content .left h2 { margin-top: 60px; padding: 0.25em 0.5em; background: transparent; border-left: solid 5px #e83d1b; font-size: 1.5rem; } .blog .content .left h3 { line-height: 2em; border-bottom: 2px solid #e83d1b; margin-top: 45px; font-size: 20px; margin-bottom: 20px; } .blog .content .left .thumbnail { width: 100%; margin: 0 0 30px; } .blog .content .left .thumbnail img { max-width: 100% !important; width: 100% !important; height: 400px !important; object-fit: cover; } .blog .content .left .a:hover { color: #0f4895; text-decoration: underline; } .blog .content .left table { border-collapse: collapse; border-spacing: 0; margin: 20px 10px; } .blog .content .left table th { padding: 10px; background: #f7f7f7; border: solid 1px #ccc; } .blog .content .left table td { padding: 10px; border: solid 1px #ccc; } .blog .content .left ul { list-style: disc; margin: 20px 10px; background: #f7f7f7; padding: 20px 20px 20px 50px; } .blog .content .left ol { list-style: decimal; margin: 20px 10px; background: #f7f7f7; padding: 20px 20px 20px 50px; } .blog .content .left p:has(.aligncenter) { text-align: center; } .blog .content .yarpp h3 { margin-top: 60px; padding: 0.25em 0.5em; background: transparent; border-left: solid 5px #e83d1b; font-size: 1.5rem; margin-bottom: 20px; border-bottom: none; line-height: 1.5; } .blog .content .yarpp .yarpp-thumbnails-horizontal { display: flex; flex-wrap: wrap; } .blog .content .yarpp a { width: 50% !important; height: auto !important; display: flex; border: none; margin: 0 0 20px; } .blog .content .yarpp a img { width: 40% !important; height: 90px !important; object-fit: cover; margin: 0 15px 0 0; } .blog .content .yarpp a .yarpp-thumbnail-title { width: 60% !important; font-size: 0.9rem; font-weight: normal; margin: 0; color: #000; } .blog .kansyu { background: #f7f7f7; border: solid 1px #e5e5e5; padding: 30px; margin: 40px 0 0; border-radius: 5px; } .blog .kansyu-profile-img { display: flex; } .blog .kansyu-profile-img .kansyu-img { width: 130px; height: auto; text-align: center; margin: 0 30px 0 0; } .blog .kansyu-profile-img .kansyu-img img { width: 100%; height: 130px; border-radius: 80px; } .blog .kansyu-profile-img .kansyu-content { width: 510px; margin: 0; } .blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt0 { font-size: 1.5rem; color: #e3295b; margin: 0 0 5px; } .blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 { font-size: 1.8rem; font-weight: bold; margin: 0 0 15px; } .blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span { font-size: 1.2rem; color: #000; font-weight: normal; } .blog .kansyu-profile-img .kansyu-content .d1 .txt2 { font-size: 1.4rem; } @media screen and (max-width:1100px) { .blog .breadcrumbs_outer .breadcrumbs { width: 980px; } .blog .container { width: 980px; } .blog .container .left { width: 610px; } .blog .container .left .thumbnail { width: auto; } } @media screen and (max-width:980px) { .blog { padding-top: 60px; } .breadcrumbs_outer { font-size: 1.2rem; padding: 15px; overflow-x: scroll; white-space: nowrap; } .breadcrumbs_outer .breadcrumbs { width: 100%; } .blog .container { width: 100%; margin: 30px auto 50px; display: block; padding: 0 0 10px 0; } .blog .container .left { width: 100%; margin: 0; padding: 0 15px; } .blog .container .left ul a { display: block; } .blog .content .left h1 { font-size: 1.5rem; } .blog .content .left h2 { font-size: 1.5rem; margin-top: 40px; } .blog .content .left h3 { font-size: 1.5rem; } .blog .content .left table { width: auto; } .blog .content .left table th { width: auto; } .blog .content .left table td { width: auto; } .blog .container .left .thumbnail { width: 100%; margin: 0 0 10px; } .blog .container .left .thumbnail img { width: 100%; height: 200px; } .blog .container .left .content { width: 100%; } .blog .container .left .content .title { margin: 0 0 10px; } .blog .container .left .content .des { margin: 0 0 10px; } .blog .container .left .content .time { margin: 0; } .blog .container .right { width: 100%; padding: 0 15px; } .blog .container .right h3 { margin: 0 0 15px; } .blog .container .right .sidebar-wrapper { margin: 0 0 30px; } .blog .container .right .sidebar-wrapper .rpwe-li a { width: 35%; } .blog .container .right .sidebar-wrapper .rpwe-li h3 { width: 65%; } .blog .wp-pagenavi { margin: 40px 0; } .blog .content .data { display: block; margin: 0 0 10px; } .blog .content .data .category a { display: inline-block; margin-bottom: 0; } .blog .content .data .time { margin: 10px 0 0; } .blog .content .left .thumbnail img { height: 200px !important; } .blog .content .yarpp { margin: 20px 0 50px; } .blog .content .yarpp .yarpp-thumbnails-horizontal { display: block; } .blog .content .yarpp a { width: 100% !important; margin: 0 0 20px; } .blog .content .yarpp a img { width: 35% !important; height: 72px !important; } .blog .content .yarpp a .yarpp-thumbnail-title { width: 65% !important; margin: 0 !important; font-size: 1.2rem; } .blog .kansyu { padding: 20px; } .blog .kansyu-profile-img { display: block; } .blog .kansyu-profile-img .kansyu-img { margin: 0 auto 30px; } .blog .kansyu-profile-img .kansyu-img img { width: 100%; } .blog .kansyu-profile-img .kansyu-content { width: 100%; } .blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt0 {} .blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 {} .blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span {} .blog .kansyu-profile-img .kansyu-content .d1 .txt2 {} .pc-991 { display: none; } .sp-991 { display: block; } } @media (min-width: 991px) { .blog .container { max-width: none; } } @media (min-width: 768px) { .blog .container { max-width: none; } } @media (min-width: 576px) { .blog .container { max-width: none; } } footer #area { margin-bottom: 0; } footer #area .city_item p { color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; border-bottom: solid; margin-bottom: 3px; } .voice_list_column { padding: 0 !important; } .blog #ez-toc-container { margin: 20px 0; } @media screen and (max-width: 648px) { .breadcrumbs_outer { white-space: unset; font-size: 0.8rem; } .siteHeader-logo[id="headerLogoSwap"] { display: block !important; } .siteHeader-logo[id="headerLogo"] { display: none !important; } .breadcrumbs_outer_under { padding-top: 60px !important; } } .breadcrumbs_outer_voice { margin-bottom: 80px !important; } .top_h1 { position: absolute; top: 0; right: 0; color: #fff; font-size: 50px; z-index: 2; bottom: 0; left: 0; margin: auto; text-align: center; height: 150px; letter-spacing: 3px; text-shadow: #000 7px 0 10px; } .breadcrumbs_outer_under { padding-top: 90px; } .breadcrumbs_outer_under .breadcrumbs { color: #fff; } .breadcrumbs_outer_under .breadcrumbs a { color: #fff; } .supportpage_gray { padding-top: 75px !important; } .downloadpage { padding-top: 75px !important; } #inquiry { margin-top: 75px !important; } @media screen and (max-width: 648px) { .supportpage_gray { padding-top: 0 !important; } .downloadpage { padding-top: 0 !important; } .top_h1 { font-size: 35px; } } .h1 { font-size: 1.5em; font-weight: bold; line-height: 1.5 !important; } #case .h3 { line-height: 2em; border-bottom: 2px solid #e83d1b; margin-top: 45px; font-size: 1.17em; } #voice_list { padding-top: 75px !important; } @media screen and (max-width: 648px) { .supportpage .breadcrumbs_outer { padding-top: 60px !important; } .downloadpage .breadcrumbs_outer { padding-top: 60px !important; } #inquiry .breadcrumbs_outer_voice { padding-top: 0 !important; } .breadcrumbs_outer_voice { padding-top: 0 !important; } #content .voice_list_add { padding-top: 60px !important; } #content .breadcrumbs_outer_plan { padding-top: 60px !important; } } /*----------------------------- * 2024.08.14 /column/用 終 -----------------------------*/ /*240826追記*/ .blog .content .left td ul { background: transparent !important; } @media screen and (max-width: 980px) { .blog .content .left table { width: 100% !important; margin-bottom: 1rem; display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .blog .content .left tbody { width: 100%; display: table; } } /*240826追記end*/ /*241024*/ .blog .right #ez-toc-container { padding: 20px 0 !important; } .blog .right div#ez-toc-container .ez-toc-title { font-size: 16px; } .blog .right .ez-toc-title-toggle { top: 28px; } .blog .right div#ez-toc-container ul li { font-size: 14px; } .blog .right div#ez-toc-container nav ul ul li { font-size: 12px; } /* サイドバーウィジェットのスタイル */ .sidebar-category-widget { padding: 20px; border: 1px solid #c9c9c9; } .category-section { margin-bottom: 25px; } .category-section:last-child { margin-bottom: 0; } .category-heading { font-size: 16px; font-weight: bold; color: #333; margin: 0 0 15px 0; border-bottom: 2px solid #0066cc; } .category-list { list-style: none; padding: 0; margin: 0; } .category-list li { margin-bottom: 10px; padding-left: 20px; position: relative; } .category-list li:before { content: "└"; position: absolute; left: 0; color: #666; } .category-list li:last-child { margin-bottom: 0; } .category-list a { color: #444; text-decoration: none; font-size: 14px; transition: color 0.3s ease; } .category-list a:hover { color: #0f4895; text-decoration: underline; } .sidebarImageLink { display: block; } .sidebarImageLink img { max-width: 100%; height: auto; } #toc_top { width: 50px; height: 50px; position: fixed; right: 5vw; bottom: -50px; background: #e83d1b; border-radius: 50%; } #toc_top a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; text-decoration: none; } /* レスポンシブ対応 */ @media (max-width: 768px) { .sidebar-category-widget { padding: 15px; } .category-heading { font-size: 15px; } .category-list a { font-size: 13px; } #toc_top { right: 10px; } } /*241024End*/ /*241105*/ .blog .content .data { gap: 16px; align-items: flex-start; } .blog .content .data .category a { margin: 0; } .blog .content .data .category { display: flex; flex-wrap: wrap; gap: 10px; width: calc(80% - 16px); } .blog .content .data .time { display: flex; flex-direction: column; gap: 4px; width: 20%; text-align: right; } @media (max-width: 980px) { .blog .content .data .category { width: 100%; } .blog .content .data .time { width: 100%; } } /* ウィジェット用 */ .sideberImageText { color: #333; font-size: 14px; } .sideberImageBottomText { color: #333; margin-top: 3%; font-size: 14px; } .sideberImageBottomText--layout { margin-bottom: 100px; } .sideberImageTextLink { color: #333; background-color: #ffbbae; text-decoration: none; font-size: 14px; } .sideberImageTextLink:hover { text-decoration: underline; } .blog .container { align-items: flex-start; } .right { position: sticky; top: 75px; height: 100vh; overflow-y: scroll; padding-bottom: 75px; } @media (max-width: 1200px) { .right { top: 40px; padding-bottom: 40px; } } @media (max-width: 980px) { .blog .container .right .sidebar-wrapper { width: 100% !important; } } /* 20241128start */ .siteFooter .siteFooter-body .siteFooter-signature .siteFooter-logoarea { display: flex; gap: 0 30px; } .siteFooter .siteFooter-body .siteFooter-signature .siteFooter-logoarea .siteFooter-copyright:last-child { /* background-color: #fff; height: 56px; */ } @media (max-width: 980px) { /* ロゴエリアの配置 */ .siteFooter-logoarea { display: flex; /* gap: 60px; */ align-items: center;/ } /* 最後の著作権エリアのスタイル */ .siteFooter .siteFooter-copyright:last-child { /* background-color: #fff; height: 56px; */ /* display: flex; */ align-items: center; } .siteFooter .telework-logo { display: flex; /* background-color: #fff; height: 56px; */ /* width: 22%; */ align-items: center; justify-content: center; margin: 20px auto; } } /* 20241128end */ /* 20250124追加 */ .blog .left .introduction_anxiety { margin: 50px 0; } .blog .left .introduction_anxiety .introduction_anxiety_title { font-size: 24px; text-align: center; width: 100%; padding: 20px; box-sizing: border-box; background-color: #E83D1B; color: #fff; } .blog .left .introduction_anxiety .introduction_anxiety_title span { display: block; font-size: 16px; line-height: 1.5; margin-top: 10px; } .blog .left .introduction_anxiety .introduction_anxiety_detail_border { padding-bottom: 30px; border: 1px solid #000; box-sizing: border-box; } .blog .left .introduction_anxiety .introduction_anxiety_text { font-size: 18px; line-height: 1.5; text-align: center; padding: 20px; margin-top: 30px; } .blog .left .introduction_anxiety .introduction_anxiety_detail { display: flex; padding: 0 20px; box-sizing: border-box; margin-top: 30px; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_img { max-width: 230px; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_img img { width: 100%; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text {} .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text .introduction_anxiety_detail_list { list-style: none; padding: 0px 20px 20px 20px; box-sizing: border-box; margin: 0; background: none; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text .introduction_anxiety_detail_list li { position: relative; padding-left: 35px; line-height: 2; font-feature-settings: "palt"; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text .introduction_anxiety_detail_list li::before { content: url("https://cast-er.com/wp-content/themes/biz2022/assets/img/icon_checkbox.png"); display: inline-block; transform: scale(0.1); position: absolute; top: -7.3em; left: -7em; vertical-align: middle; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text .introduction_anxiety_detail_list li strong { background-color: #ffbbae; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_btn { text-align: center; margin-top: 20px; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_btn a { display: inline-block; text-decoration: none; min-width: 250px; padding: 15px; box-sizing: border-box; background-color: #E83D1B; color: #fff; } @media screen and (max-width: 980px) { .blog .left .introduction_anxiety .introduction_anxiety_detail { flex-direction: column; gap: 0; padding: 0 20px; box-sizing: border-box; margin-top: 0; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_img { width: 100%; max-width: 100%; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text .introduction_anxiety_detail_list { padding: 0; } .blog .left .introduction_anxiety .introduction_anxiety_detail .introduction_anxiety_detail_text { margin-top: 30px; } } /* 20250124追加 */ /* 20250324追加 */ .blog .content .left .table-scroll { overflow-x: scroll; } @media (min-width: 1000px) { .blog .content .left .menu_detail .menu_detail_inner { display: flex; } .blog .content .left .menu_detail .description_area { height: 200px; } .blog .content .left .menu_detail .section_inner_box .description_area_button { /* height: auto; */ } .blog .content .left .menu_detail .section_inner_box .description_area_button a { height: 60px; } .blog .content .left .toppage_plan { padding-right: 0; margin-left: 0; } .blog .content .left .toppage_plan .plan_table .orange_th { background-color: #e83d1b; } .blog .content .left .toppage_plan .plan_table { position: relative; overflow-x: scroll; } .blog .content .left .toppage_plan .plan_table table { width: 140%; } /* 助成金・補助金サポートプラン */ .blog .content .left .supportplan { padding-top: 0px; padding-bottom: 0px; } .blog .content .left .supportplan .section_title { border-top: 1px solid #333; } .blog .content .left .supportplan .section_sub_title { border-top: 1px solid #333; padding-right: 0; } .blog .content .left .supportplan_title { margin-left: 0; margin-left: calc((100% - 1000px)/2); padding-left: 0px; font-size: 50px; border-top: 1px solid #333; } .blog .content .left .supportplan_title span { display: inline-block; width: auto; margin-top: 0; margin-bottom: 12px; margin-right: 20px; margin-left: 0; padding: 0 6px; font-size: 28px; } .blog .content .left .supportplan_about { display: flex; padding: 0; margin-top: 0; /* margin-left: calc((100% - 1000px)/2); */ /* margin-right: calc((100% - 1000px)/2); */ margin-bottom: 40px; } .blog .content .left .supportplan_about .supportplan_about_img { /* width: 460px; */ max-width: 280px; /* margin-right: 60px; */ margin-right: 30px; } .blog .content .left .supportplan_fukidashi { position: relative; margin-top: 0; margin-bottom: 44px; /* padding: 16px 20px; */ padding: 16px 20px 0px 16px; font-size: 18px; color: #fff; background-color: #333; box-sizing: border-box; } .blog .content .left .supportplan_fukidashi::before { content: ""; position: absolute; background: url("https://cast-er.com/wp-content/themes/biz2022/assets/img/fukidashi_bottom_gray.svg"); left: 48px; bottom: -32px; width: 32px; height: 32px; } .blog .content .left .fukidashi_trileft { position: absolute; top: 0; left: 0; width: 20px; height: 20px; filter: invert(0.94); } .blog .content .left .fukidashi_triright { position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; filter: invert(0.94); } .blog .content .left .supportplan_abouttext { font-size: 22px; } .blog .content .left .supportplan_price { /* margin-left: calc((100% - 1000px)/2); margin-right: calc((100% - 1000px)/2); */ } .blog .content .left .supportplan_price .plan_inner { padding: 32px 0; text-align: center; border-bottom: 1px solid #333; } .blog .content .left .supportplan_price .plan_month { width: 400px; margin: 0 auto; } .blog .content .left .supportplan_price_list { display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #333; } .blog .content .left .supportplan_price_list_text { min-width: 164px; margin-top: 0; margin-right: 32px; padding: 12px 0; font-size: 20px; text-align: center; } .blog .content .left .supportplan_price_list .fukidashi_trileft, .blog .content .left .supportplan_price_list .fukidashi_triright { width: 16px; height: 16px; } .blog .content .left .supportplan_price_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 20px; } .blog .content .left .supportplan_price_list li { width: calc(100% /3); margin-bottom: 16px; margin-right: 0; } .blog .content .left .supportplan_price_list li:nth-child(3) { padding-left: 20px; } .blog .content .left .supportplan_price_list li:nth-child(6) { padding-left: 20px; } .blog .content .left .supportplan_price_list ul::after { content: ""; display: block; width: calc(100% /3); } .blog .content .left .supportplan_price .button { width: 325px; margin: 16px auto; } .blog .content .left .supportplan_price .plan_price_font { font-size: 58px; line-height: 1; font-family: futura-pt, sans-serif; font-weight: 500; letter-spacing: 0; } .blog .content .left .supportplan_price .plan_tax { margin-top: 5px; } /* コンシェルジュプラン */ .blog .content .left .conciergeplan { margin-top: 0px; border-top: none; } .blog .content .left .conciergeplan .section_sub_title2 { padding-top: 0; padding-left: calc((100% - 1000px)/2); margin-right: 0; font-size: 30px; border-top: 1px solid #fff; } .blog .content .left .conciergeplan .plan_inner { width: 50%; text-align: start; } .blog .content .left .conciergeplan .plan_price { margin-top: 0; padding-top: 15px; } .blog .content .left .conciergeplan .plan_price_font { font-size: 50px; } .blog .content .left .conciergeplan .section_description { padding-bottom: 30px; } .blog .content .left .conciergeplan_box { max-width: none; padding: 0; display: flex; /* margin-right: calc((100% - 1000px)/2); */ /* margin-left: calc((100% - 1000px)/2); */ border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .blog .content .left .conciergeplan_box .plan_inner:first-child { border-right: none; text-align: center; } .blog .content .left .conciergeplan_box .plan_inner { padding: 40px; } .blog .content .left .conciergeplan .conciergeplan_txt { margin-bottom: 0px; font-size: 16px; line-height: 1.8em; } .blog .content .left .conciergeplan .conciergeplan_box .plan_inner .button { max-width: 250px; margin: 30px auto 0; } .blog .content .left .conciergeplan .planpage_space_02 { padding-left: calc((100% - 1000px)/2); padding-right: calc((100% - 1000px)/2); border-bottom: 1px solid #fff; text-align: right; } .blog .content .left .conciergeplan .conciergeplan .plan_txt { margin-top: 0px; } .blog .content .left .conciergeplan .conciergeplan .supportplan_fukidashi { letter-spacing: 1.3px; } .blog .content .left .conciergeplan .plan_sp { display: none; } .blog .content .left .supportplan_step { /* margin-left: calc((100% - 1000px)/2); margin-right: calc((100% - 1000px)/2); */ border-top: 1px solid #333; border-bottom: 0; margin-top: 0; margin-bottom: 0; } .blog .content .left .supportplan_step h3 { margin-top: 40px; font-size: 24px; text-align: center; border-bottom: 0; } .blog .content .left .supportplan_step .supportplan_step_text { margin-top: 12px; margin-bottom: 32px; font-size: 16px; text-align: center; } .blog .content .left .supportplan_step .supportplan_step_list { display: flex; } .blog .content .left .supportplan_step .supportplan_step_listbox { display: block; position: relative; width: calc(100% /4); margin-bottom: 0; text-align: center; } .blog .content .left .supportplan_step .supportplan_step_num { position: absolute; top: 0; left: 12px; font-size: 50px; font-family: futura-pt, sans-serif; font-weight: 600; color: #E83D1B; } .blog .content .left .supportplan_step .support_step_icon_img { margin-top: 0px; } .blog .content .left .supportplan_step .support_step_arrow { position: absolute; top: 60px; right: 0; } .blog .content .left .supportplan_step .supportplan_step_listbox h4 { margin-top: 12px; margin-bottom: 12px; font-size: 20px; } .blog .content .left .supportplan_step .supportplan_step_listbox ul { padding: 0 12px; box-sizing: border-box; background: none; padding: 0; } .blog .content .left .supportplan_step .supportplan_step_listbox li { font-size: 13px; list-style: none; margin-bottom: 8px; text-align: left; } .blog .content .left #voice_list { padding-top: 0 !important; } .blog .content .left #voice_list .box::after { content: ""; display: block; width: 32%; /* .boxに指定したwidthと同じ幅を指定する */ height: 0; } .blog .content .left #voice_list dl { width: 32%; height: 300px; margin-bottom: 2%; } .blog .content .left #voice_list dl dd:last-child { padding: 15px 10px; } .blog .content .left #voice_list .box { padding: 0; margin-top: 0px; } .blog .content .left #voice_list dl dd b { font-size: 14px; } .blog .content .left #voice_list dl dd { margin-bottom: 0; } .blog .content .left #voice_list dl dt img { height: 150px; } .blog .content .left #voice_list .voice_space { padding: 12px 0; padding-left: calc((100% - 1000px)/2); margin-right: calc((100% - 1000px)/2); text-align: right; border-top: 1px solid #333; } .blog .content .left #voice_list .voice_list-button-area { width: 100%; margin-top: 30px; } .blog .content .left #voice_list .voice_list-button-area .voice_list-button { max-width: 430px; width: 100%; padding: 20px; margin: 0 auto; box-sizing: border-box; } .blog .content .left #voice_list .voice_list-button-area2 { width: 100%; margin: 30px auto 0 auto; } .blog .content .left #voice_list2 { padding-top: 0 !important; } .blog .content .left #voice_list2 .box::after { content: ""; display: block; width: 32%; /* .boxに指定したwidthと同じ幅を指定する */ height: 0; } .blog .content .left #voice_list2 dl { width: 32%; height: 300px; margin-bottom: 2%; } .blog .content .left #voice_list2 dl dd:last-child { padding: 15px 10px; } .blog .content .left #voice_list2 .box { padding: 0; margin-top: 0px; } .blog .content .left #voice_list2 dl dd b { font-size: 14px; } .blog .content .left #voice_list2 dl dd { margin-bottom: 0; } .blog .content .left #voice_list2 dl dt img { height: 150px; } .blog .content .left #voice_list2 .voice_space { padding: 12px 0; padding-left: calc((100% - 1000px)/2); margin-right: calc((100% - 1000px)/2); text-align: right; border-top: 1px solid #333; } .blog .content .left #voice_list2 .voice_list-button-area { width: 100%; margin-top: 30px; } .blog .content .left #voice_list2 .voice_list-button-area .voice_list-button { max-width: 430px; width: 100%; padding: 20px; margin: 0 auto; box-sizing: border-box; } .blog .content .left #voice_list .voice_list-button-area2 .voice_list-button { max-width: 350px; width: 100%; padding: 20px; margin: 0 auto; box-sizing: border-box; } /* FAQ */ .blog .content .left .faq { /* margin-right: calc((100% - 1000px)/2); margin-left: calc((100% - 1000px)/2); */ } .maru { margin-right: 15px; } .blog .content .left .faq_content { padding: 15px 0; border-bottom: 1px solid #FFF; } .blog .content .left .faq-menu .faq-menu_inner label { display: flex; padding: 20px 15px 15px 0px; font-size: 18px; font-weight: bold; } .blog .content .left .faq-block { flex-wrap: wrap; flex-direction: row; justify-content: center; } .blog .content .left .faq-tl { position: relative; display: flex; flex-direction: column; } /*開いたときに表示される部分*/ .blog .content .left .faq-menu .faq-menu_inner ul { font-size: 18px; } .blog .content .left #menu_bar01:checked~#links01 li, .blog .content .left #menu_bar02:checked~#links02 li, .blog .content .left #menu_bar03:checked~#links03 li, .blog .content .left #menu_bar04:checked~#links04 li, .blog .content .left #menu_bar05:checked~#links05 li, .blog .content .left #menu_bar06:checked~#links06 li, .blog .content .left #menu_bar07:checked~#links07 li { height: auto; opacity: 1; border-width: 0px 1px 1px 1px; padding: 0 0px 20px; } .blog .content .left .faq-menu .faq-menu_inner label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 15px; top: 0; bottom: 15%; margin: auto; } /*開いた状態の矢印描画*/ .blog .content .left .faq-menu .faq-menu_inner input[type=checkbox]:checked+label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 15px; top: 7%; bottom: 0; margin: auto; } .blog .content .left .faq-cap { margin: 13px; margin-left: 0; color: #E83D1B; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 400; } .blog .content .left .faq_content { padding: 5px 0; border-bottom: 0.5px solid #FFF; } .blog .content .left .supportpage_space_04 { /* padding-left: calc((100% - 1000px)/2); padding-right: calc((100% - 1000px)/2); */ border-bottom: 1px solid #fff; } /* よくある質問 */ .blog .content .left .faq .section_sub_title, .blog .content .left .faq .section_title, .blog .content .left .faq .section_description { padding-left: 8px; padding-right: 8px; text-align: justify; color: #fff; } .blog .content .left .faq-body { margin: 0px auto; } /*アコーディオン全体*/ .blog .content .left .faq-menu .faq-menu_inner { width: 100%; } .blog .content .left .faq-menu .faq-menu_inner input { display: none; /*チェックボックスを隠す*/ } /*バー部分*/ .blog .content .left .faq-menu .faq-menu_inner label { cursor: pointer; display: flex; text-decoration: none; line-height: 1.3; position: relative; padding: 20px 40px 20px 8px; margin-bottom: 0; font-size: 18px; align-items: center; /* border-bottom: solid #FFF 1px; */ } /*開いたときに表示される部分*/ .blog .content .left .faq-menu .faq-menu_inner ul { margin: 0; padding: 0; font-size: 15px; list-style: none; margin-bottom: -1px; } .blog .content .left .faq-menu .faq-menu_inner li { height: 0; overflow-y: hidden; transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/ -webkit-transition: padding-bottom 0.5s, padding-top 0.5s; -moz-transition: padding-bottom 0.5s, padding-top 0.5s; -ms-transition: padding-bottom 0.5s, padding-top 0.5s; -o-transition: padding-bottom 0.5s, padding-top 0.5s; } .blog .content .left #menu_bar01:checked~#links01 li, .blog .content .left #menu_bar02:checked~#links02 li, .blog .content .left #menu_bar03:checked~#links03 li, .blog .content .left #menu_bar04:checked~#links04 li, .blog .content .left #menu_bar05:checked~#links05 li, .blog .content .left #menu_bar06:checked~#links06 li, .blog .content .left #menu_bar07:checked~#links07 li { height: auto; opacity: 1; border-width: 0px 1px 1px 1px; padding: 0 0 20px 8px; } /*閉じた状態の矢印描画*/ .blog .content .left .faq-menu .faq-menu_inner label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 15px; top: 0; bottom: 15%; margin: auto; } /*開いた状態の矢印描画*/ .blog .content .left .faq-menu .faq-menu_inner input[type=checkbox]:checked+label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 15px; top: 7%; bottom: 0; margin: auto; } .blog .content .left .faq-cap { margin: 13px; margin-left: 0; color: #E83D1B; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 400; } .blog .content .left .faq_content { padding: 5px 0; border-bottom: 0.5px solid #FFF; } .blog .content .left .supportpage_space_04 { border-bottom: 0.5px solid #fff; border-top: none; } .blog .content .left .menu_detail .description_area .description_text .description_title { border-bottom: none; } } @media (max-width: 768px) { .blog .content .left .menu_detail .description_area { align-items: center; } .blog .content .left .menu_detail .description_area .description_text .description_title { margin-top: 10px; } .blog .content .left .menu_detail .description_area .description_text .description_title { border-bottom: none; } .blog .content .left .menu_detail .section_inner_box .description_area_button { padding-bottom: 20px; } .blog .content .left .menu_detail .section_inner_box .description_area_button a { display: block; width: 100%; } .blog .content .left .supportplan_about img { width: 100%; } .blog .content .left .supportplan_fukidashi { position: relative; margin-top: 30px; margin-bottom: 44px; /* padding: 16px 20px; */ padding: 16px 20px 0px 16px; font-size: 18px; color: #fff; background-color: #333; box-sizing: border-box; } .blog .content .left .supportplan_fukidashi::before { content: ""; position: absolute; background: url("https://cast-er.com/wp-content/themes/biz2022/assets/img/fukidashi_bottom_gray.svg"); left: 48px; bottom: -32px; width: 32px; height: 32px; } .blog .content .left .fukidashi_trileft { position: absolute; top: 0; left: 0; width: 20px !important; height: 20px; filter: invert(0.94); } .blog .content .left .fukidashi_triright { position: absolute; right: 0; bottom: 0; width: 20px !important; height: 20px; filter: invert(0.94); } .blog .content .left .supportplan_abouttext { font-size: 18px; } .supportplan_price .plan_month { width: 100%; margin: 0 auto; text-align: center; } .blog .content .left .supportplan_price .plan_price_font { display: block; font-size: 58px; text-align: center; } .blog .content .left .supportplan_price .plan_tax { display: block; text-align: center; margin-top: -30px; } .blog .content .left .conciergeplan .plan_pc { display: none; } .blog .content .left .conciergeplan .plan_price_font { font-size: 30px; } .blog .content .left .plan_month { text-align: center; } .blog .content .left .plan_price { text-align: center; } .blog .content .left .supportplan_step { padding: 0 8px; border-top: 0.5px solid #333; } .blog .content .left .supportplan_step h3 { margin-top: 8px; font-size: 26px; } .blog .content .left .supportplan_step .supportplan_step_text { margin-top: 8px; margin-bottom: 40px; font-size: 16px; line-height: 1.7; } .blog .content .left .supportplan_step .supportplan_step_list {} .blog .content .left .supportplan_step .supportplan_step_listbox { display: flex; position: relative; margin-bottom: 20px; } .blog .content .left .supportplan_step .supportplan_step_listbox p { width: 30%; } .blog .content .left .supportplan_step .supportplan_step_listbox p img { max-width: 120px; } .blog .content .left .supportplan_step .supportplan_step_listbox img { margin-top: 24px; } .blog .content .left .supportplan_step .supportplan_step_num { position: absolute; top: -13px; left: 8px; font-size: 46px; font-family: futura-pt, sans-serif; font-weight: 600; color: #E83D1B; } .blog .content .left .supportplan_step .support_step_icon_img { margin-top: 0px; } .blog .content .left .supportplan_step .support_step_arrow { position: absolute; top: 60px; right: 0; } .blog .content .left .supportplan_step .supportplan_step_listbox .supportplan_step_listbox-text { width: 100%; } .blog .content .left .supportplan_step .supportplan_step_listbox h4 { margin-bottom: 8px; font-size: 20px; } .blog .content .left .supportplan_step .supportplan_step_listbox ul { width: 120%; padding: 10px; box-sizing: border-box; background: none; } .blog .content .left .supportplan_step .supportplan_step_listbox li { list-style: none; margin-bottom: 12px; font-size: 15px; } .blog .content .left #voice_list { padding: 0 !important; } .blog .content .left .voice_list_add .box { margin-top: 0; } .blog .content .left #voice_list2 { padding: 0 !important; } .blog .content .left #voice_list2 .box { margin-top: 0; } .blog .content .left #voice_list2 { padding: 0 !important; } .blog .content .left #voice_list2 .box { margin-top: 0; } .blog .content .left .voice_list_add { padding: 0 !important; } .blog .content .left #voice_list2 { padding: 0 !important; } .blog .content .left #voice_list2 .box { margin-top: 0; } .blog .content .left #voice_list2 { padding: 0 !important; } .blog .content .left #voice_list2 .box { margin-top: 0; } .blog .content .left #voice_list .box { margin-top: 0; } .blog .content .left #voice_list2 { padding: 0 !important; } .blog .content .left #voice_list2 .box { margin-top: 0; } .blog .content .left #voice_list2 { padding: 0 !important; } .blog .content .left #voice_list2 .box { margin-top: 0; } .blog .content .left #voice_list .voice_list-button-area2 { margin: 0 auto; } /* FAQ */ .blog .content .left .faq { /* margin-right: calc((100% - 1000px)/2); margin-left: calc((100% - 1000px)/2); */ } .maru { margin-right: 15px; } .blog .content .left .faq_content { padding: 15px 0; border-bottom: 1px solid #FFF; } .blog .content .left .faq-menu .faq-menu_inner label { display: flex; padding: 20px 15px 15px 0px; font-size: 18px; font-weight: bold; } .blog .content .left .faq-block { flex-wrap: wrap; flex-direction: row; justify-content: center; } .blog .content .left .faq-tl { position: relative; display: flex; flex-direction: column; } /*開いたときに表示される部分*/ .blog .content .left .faq-menu .faq-menu_inner ul { font-size: 18px; } .blog .content .left #menu_bar01:checked~#links01 li, .blog .content .left #menu_bar02:checked~#links02 li, .blog .content .left #menu_bar03:checked~#links03 li, .blog .content .left #menu_bar04:checked~#links04 li, .blog .content .left #menu_bar05:checked~#links05 li, .blog .content .left #menu_bar06:checked~#links06 li, .blog .content .left #menu_bar07:checked~#links07 li { height: auto; opacity: 1; border-width: 0px 1px 1px 1px; padding: 0 0px 20px; } .blog .content .left .faq-menu .faq-menu_inner label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 15px; top: 0; bottom: 15%; margin: auto; } /*開いた状態の矢印描画*/ .blog .content .left .faq-menu .faq-menu_inner input[type=checkbox]:checked+label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 15px; top: 7%; bottom: 0; margin: auto; } .blog .content .left .faq-cap { margin: 13px; margin-left: 0; color: #E83D1B; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 400; } .blog .content .left .faq_content { padding: 5px 0; border-bottom: 0.5px solid #FFF; } .blog .content .left .supportpage_space_04 { /* padding-left: calc((100% - 1000px)/2); padding-right: calc((100% - 1000px)/2); */ border-bottom: 1px solid #fff; } /* よくある質問 */ .blog .content .left .faq .section_sub_title, .blog .content .left .faq .section_title, .blog .content .left .faq .section_description { padding-left: 8px; padding-right: 8px; text-align: justify; color: #fff; } .blog .content .left .faq-body { margin: 0px auto; } /*アコーディオン全体*/ .blog .content .left .faq-menu .faq-menu_inner { width: 100%; } .blog .content .left .faq-menu .faq-menu_inner input { display: none; /*チェックボックスを隠す*/ } /*バー部分*/ .blog .content .left .faq-menu .faq-menu_inner label { cursor: pointer; display: flex; text-decoration: none; line-height: 1.3; position: relative; padding: 20px 40px 20px 8px; margin-bottom: 0; font-size: 18px; align-items: center; /* border-bottom: solid #FFF 1px; */ } /*開いたときに表示される部分*/ .blog .content .left .faq-menu .faq-menu_inner ul { margin: 0; padding: 0; font-size: 15px; list-style: none; margin-bottom: -1px; } .blog .content .left .faq-menu .faq-menu_inner li { height: 0; overflow-y: hidden; transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/ -webkit-transition: padding-bottom 0.5s, padding-top 0.5s; -moz-transition: padding-bottom 0.5s, padding-top 0.5s; -ms-transition: padding-bottom 0.5s, padding-top 0.5s; -o-transition: padding-bottom 0.5s, padding-top 0.5s; } .blog .content .left #menu_bar01:checked~#links01 li, .blog .content .left #menu_bar02:checked~#links02 li, .blog .content .left #menu_bar03:checked~#links03 li, .blog .content .left #menu_bar04:checked~#links04 li, .blog .content .left #menu_bar05:checked~#links05 li, .blog .content .left #menu_bar06:checked~#links06 li, .blog .content .left #menu_bar07:checked~#links07 li { height: auto; opacity: 1; border-width: 0px 1px 1px 1px; padding: 0 0 20px 8px; } /*閉じた状態の矢印描画*/ .blog .content .left .faq-menu .faq-menu_inner label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 15px; top: 0; bottom: 15%; margin: auto; } /*開いた状態の矢印描画*/ .blog .content .left .faq-menu .faq-menu_inner input[type=checkbox]:checked+label:after { content: ""; display: block; width: 10px; height: 10px; border-top: #E83D1B 2px solid; border-right: #E83D1B 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 15px; top: 7%; bottom: 0; margin: auto; } .blog .content .left .faq-cap { margin: 13px; margin-left: 0; color: #E83D1B; font-size: 30px; font-family: futura-pt, sans-serif; font-weight: 400; } .blog .content .left .faq_content { padding: 5px 0; border-bottom: 0.5px solid #FFF; } .blog .content .left .supportpage_space_04 { border-bottom: 0.5px solid #fff; border-top: none; } } /* 20250324追加 */