@charset "UTF-8"; /* General ------------------------------ */ body { min-width: 0; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } main { display: block; } .wrapper { position: relative; overflow: hidden; background: #fff; line-height: 1.6; transform: none !important; } .wrapper img { max-width: 100%; height: auto; vertical-align: bottom; } .wrapper a { transition: none; } .js_highlight_words { display: inline-block; padding: 0 2px; background: #ff9; color: #333; } .contents_wrap { box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 980px; } .contents_wrap::after { display: block; clear: both; height: 0; content: ""; } /* Header ------------------------------- */ #header { overflow: hidden; width: 100%; height: 90px; background: #fff; } #header .inner { box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 980px; } #header .inner::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #header .site_title { float: left; } #header .site_title_inner { display: flex; flex-direction: column; line-height: 1.2; } #header .lead_text { font-size: 16px; color: #000; } #header .title_text { font-size: 32px; color: #000; font-weight: bold; } @media screen and (max-width: 768px) { #header .lead_text { font-size: 15px; } } #header .site_title img { max-width: 100%; height: auto; } #header a { text-decoration: none; } #header ul { display: flex; flex-wrap: nowrap; justify-content: space-between; float: right; width: 401px; } #header ul li { float: left; min-height: 38px; width: 198px; } #header ul li a { display: flex; padding: 0 10px; width: 100%; height: 100%; color: #fff; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 1.25; } #header ul li a::before { background-position: center; background-size: 100% auto; background-repeat: no-repeat; content: ""; vertical-align: middle; } #header ul li a .label { display: flex; justify-content: center; align-items: center; flex: 1 1 auto; padding: 3px 4px; text-align: center; } #header ul li a .label > span { display: none; font-weight: bold; } #header ul .btn_download { margin-right: 5px; border-radius: 0 0 5px 5px; background-color: #e60012; } #header ul .btn_download a::before { width: 18px; background-image: url(../../../../../img/ss/common/bg_icon_dl_001.png); } #header ul .btn_contact { border-radius: 0 0 5px 5px; background-color: #41a147; } #header ul .btn_contact a::before { width: 24px; background-image: url(../../../../../img/ss/common/bg_icon_contact_001.png); } #header ul .btn_tel { display: none; background-color: #00284a; } #header ul .btn_tel a::before { background-image: url(../../../../../img/ss/common/bg_icon_tel_001.png); } #header .logo { float: right; margin-left: 10px; width: 93px; line-height: 1; } #header .logo a { display: inline-block; padding: 10px 0 0; } #header .logo a img { max-width: 100%; height: auto; } #header .logo { width: 180px; } #header ul { width: 345px; } #header .site_title { padding: 15px 0 10px; } /* Breadcrumbs --------------------------- */ #breadcrumb { padding: 9px 0; background: #eaf0f7; } #breadcrumb a { color: #06c; text-decoration: none; } #breadcrumb a:hover { text-decoration: underline; } #breadcrumb ul, #breadcrumb ol { box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 960px; text-align: left; } #breadcrumb li { display: inline-block; color: #333; font-size: 12px; } #breadcrumb li::after { display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; content: ""; vertical-align: 2px; transition: all 0.3s; transform: rotate(45deg); } #breadcrumb li:last-child { padding-right: 0; } #breadcrumb li:last-child::after { display: none; } /* Container --------------------------- */ #container { padding: 40px 0 100px; } /* Pager -------------------------- */ #container .pager { display: flex; justify-content: space-between; margin: 50px 0 0; width: 100%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } #container .pager li { position: relative; flex: 1 1 50%; border-left: 1px solid #e7e7e7; word-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: anywhere; -ms-hyphens: auto; } #container .pager li a { position: relative; display: block; padding: 16px; height: 100%; background-repeat: no-repeat; text-decoration: none; opacity: 1; } #container .pager li a > strong { display: block; color: #003b88; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 1.6; } #container .pager li a > span { display: block; color: #333; text-decoration: none; font-size: 14px; } #container .pager li a:hover { background-color: #e0f4ff; opacity: 1; } #container .pager li a::before { position: absolute; top: 8px; bottom: 8px; display: block; width: 23px; background-color: #003b88; background-repeat: no-repeat; content: ""; } #container .pager li:first-child { border-left: none; } #container .pager .prev a { padding-left: 55px; } #container .pager .prev a::before { left: 0; background-image: url(../../../../../img/ss/common/bg_pager_001.png); background-position: 3px center; } #container .pager .next { text-align: right; } #container .pager .next a { padding-right: 55px; } #container .pager .next a::before { right: 0; background-image: url(../../../../../img/ss/common/bg_pager_002.png); background-position: 5px center; } #container .back_index { margin: 0; padding: 15px 0; border-bottom: 1px solid #e7e7e7; text-align: center; font-size: 14px; line-height: inherit; } #container .back_index a { position: relative; display: inline-block; padding-left: 20px; color: #333; text-align: left; text-decoration: none; } #container .back_index a::before { position: absolute; top: 0.15em; left: 0; width: 16px; height: 17px; background: #003b88 url(../../../../../img/ss/common/bg_pager_003.png) no-repeat center; content: ""; line-height: 1.6; } #container .back_index a:hover { text-decoration: underline; opacity: 1; } /* CV Bottom ------------------------------- */ #cv_contact { position: relative; width: 100%; height: 68px; } #cv_contact a { text-decoration: none; } #cv_contact .fixed_wrapper { position: relative; padding: 9px 0 8px; width: 100%; height: 68px; background: #003b88; } #cv_contact .fixed_wrapper .inner { overflow: hidden; box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 980px; } #cv_contact .fixed_wrapper .inner p { float: left; padding: 12px 0 10px; width: 420px; } #cv_contact .fixed_wrapper .inner p a { display: inline-block; color: #fff; vertical-align: bottom; text-decoration: none; font-weight: bold; font-size: 24px; line-height: 1; opacity: 1; cursor: default; } #cv_contact .fixed_wrapper .inner p img { max-width: 100%; height: auto; } #cv_contact .fixed_wrapper .inner ul { float: right; width: 465px; } #cv_contact .fixed_wrapper .inner li { display: table; float: left; margin: 0 0 0 5px; width: 230px; height: 46px; vertical-align: middle; } #cv_contact .fixed_wrapper .inner li:first-child { margin: 0; } #cv_contact .fixed_wrapper .inner li a { display: table-cell; color: #fff; font-size: 16px; line-height: 1; transition: none; } #cv_contact .fixed_wrapper .inner li a i { position: relative; display: inline-block; width: 44px; height: 46px; vertical-align: middle; } #cv_contact .fixed_wrapper .inner li a i::before { position: absolute; top: 50%; left: 50%; content: ""; transform: translate(-50%, -50%); } #cv_contact .fixed_wrapper .inner li span { display: inline-block; margin-top: 2px; width: calc(100% - 44px); vertical-align: middle; text-align: center; font-weight: bold; } #cv_contact .fixed_wrapper .inner .catalog { background: #e60012; } #cv_contact .fixed_wrapper .inner .catalog a span { margin-left: -4.8%; } #cv_contact .fixed_wrapper .inner .catalog a i::before { width: 18px; height: 24px; background: url(../../../../../img/ss/common/bg_icon_dl_001.png) no-repeat center; } #cv_contact .fixed_wrapper .inner .contact { background: #41a147; } #cv_contact .fixed_wrapper .inner .contact a span { margin-left: -3.8%; } #cv_contact .fixed_wrapper .inner .contact a i::before { width: 24px; height: 24px; background: url(../../../../../img/ss/common/bg_icon_contact_001.png) no-repeat center; } #cv_contact #pagetop { position: absolute; top: -71px; right: 50%; margin: 0 -590px 0 0; width: 50px; } #cv_contact #pagetop a { position: relative; display: inline-block; width: 51px; height: 51px; background: #003b88; transition: none; } #cv_contact #pagetop a::before { position: absolute; top: 50%; left: 31.37255%; display: block; margin-top: -5px; width: 20px; height: 20px; background: #fff; content: ""; transform: rotate(45deg); } #cv_contact #pagetop a::after { position: absolute; top: 50%; left: 31.37255%; display: block; margin-top: 1px; width: 20px; height: 20px; background: #003b88; content: ""; transform: rotate(45deg); } #cv_contact #pagetop a:hover { opacity: 0.7 !important; } #cv_contact.fixed .fixed_wrapper { position: fixed; bottom: -1px; left: 0; z-index: 10000; } #cv_contact.fixed.hidden .fixed_wrapper { display: none; } /* Footer ------------------------------- */ #footer .inner { box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 980px; } #footer .inner::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #footer .copy { padding: 20px 0; background-color: #fff; } #footer .copy a { text-decoration: none; } #footer .copy p { float: left; width: 55%; color: #333; font-size: 12px; } #footer .copy ul { float: right; width: 45%; text-align: right; } #footer .copy ul li { display: inline-block; padding: 0 12px; border-right: solid 1px #333; } #footer .copy ul li:last-child { border-right: none; } #footer .copy ul li a { color: #333; font-size: 12px; opacity: 1; } #footer .copy ul li a:hover { text-decoration: underline; } /* Main Contents --------------------------------- */ .main_contents { float: right; width: calc(100% - 260px); font-size: 16px; } .main_contents p { margin: 0 0 15px; } .main_contents a { color: #06c; text-decoration: underline; opacity: 1; } .main_contents a span { text-decoration: inherit; } .main_contents a:hover { text-decoration: none; } .main_contents .ss_download_btn { text-decoration: none; } .main_contents .ss_download_btn:hover { opacity: 0.7; } .main_contents { color: #333; } .main_contents .ss_download_btn, .main_contents .prt_series_btn, .main_contents .prt_inquiry_btn { text-decoration: none; } .main_contents .ss_download_btn:hover, .main_contents .prt_series_btn:hover, .main_contents .prt_inquiry_btn:hover { opacity: 0.7; } /* CV Right ------------------------------- */ .cv_right { position: absolute; top: 170px; left: 50%; margin: 0 0 180px 520px; width: 210px; } .cv_right a, .cv_right .banner { display: block; } .cv_right a { background: #fff; opacity: 1; } .cv_right .banner { overflow: hidden; width: 210px; background: #fff; } .cv_right a:hover .banner { opacity: 0.7; } .cv_right .ss_download_btn.bnr { padding: 0 5px; height: 22px; border-radius: 3px; } .cv_right .ss_download_btn.bnr .txt05 { padding: 2px 0 2px 17px; background-size: 10px auto; } .cv_right .banner { border: 2px solid #2d2d2d; } .cv_right .thumb { display: table; width: 100%; table-layout: fixed; } .cv_right .thumb .image, .cv_right .thumb .name { display: table-cell; vertical-align: middle; } .cv_right .thumb .image { padding: 10px 10px 0; width: 80px; text-align: center; } .cv_right .thumb .name { padding: 10px 0 0; color: #000; letter-spacing: -1px; font-size: 13px; line-height: 1.6; } .cv_right .thumb .name strong { color: #070707; font-weight: bold; font-size: 14px; line-height: 1.2; } .cv_right .document .thumb .image img { border: 1px solid #ccc; } .cv_right .catalog .thumb .image { padding: 0; width: 90px; } .cv_right .button { padding: 10px; } .cv_right .ss_download_btn.bnr { max-width: none; } .cv_right .asset_bnr { margin: 0 0 10px; } .cv_right .asset_bnr .caption { padding: 5px 5px 4px; background: #003b88; color: #fff; text-align: center; font-weight: bold; font-size: 15px; line-height: 1.5; } .cv_right .series_list li { margin: 10px 0 0; } .cv_right .series_list .banner { border-width: 2px; } .cv_right .series_list:first-child li:first-child { margin-top: 0; } /* CV Area ------------------------------- */ .cv_area { margin-top: 50px; } .cv_area .banner { display: block; border: 3px solid #004b98; text-decoration: none; } .cv_area .banner:hover { opacity: 0.7; } .cv_area .banner .inner { position: relative; } .cv_area .banner .text_box { padding: 20px 50px 30px; min-height: 160px; width: calc(100% - 200px); color: #333; } .cv_area .banner .text_box .title { margin: 0 0 20px; border-bottom: 3px solid #004b98; font-weight: bold; font-size: 24px; } .cv_area .banner .text_box .title span { color: #004b98; } .cv_area .banner .text_box .text { margin: 0; font-size: 15px; } .cv_area .banner .img_box { position: absolute; top: 20px; right: 60px; } .cv_area .banner .img_box img { border: 1px solid #ccc; } .cv_area .banner .btn_box { padding: 20px 60px; background: #f3f8fd; } .cv_area .banner .btn_box .ss_download_btn { width: calc(100% - 200px); } .cv_area .banner .btn_box .ss_download_btn span { padding-right: 20px; } /* Override Base ------------------------------- */ .index_nav .js_new_icon::after, #footer .sitemap .js_new_icon::after { position: relative; top: -2px; display: inline-block; margin-left: 4px; padding: 0 4px; background: #e60012; color: #fff; content: "NEW"; vertical-align: middle; font-weight: bold; font-size: 12px; line-height: 1.4; } .index_nav .ac_btn .js_new_icon::after, #footer .sitemap .ac_btn .js_new_icon::after { margin-left: 8px; font-size: 14px; } #container .pager .next { text-align: left; } #container .pager .next a { padding-right: 30px; } #container .pager li a > strong { font-size: 15px; } #container .pager .prev a { padding-left: 40px; } .cv_right .banner { border: 2px solid #003b88; } /* Modules ------------------------------- */ .prt_main_section { margin: 30px 0 60px; } .prt_sub_section { margin: 30px 0 40px; } .prt_header_01 { position: relative; margin: 0 0 20px; padding: 20px 105px 18px 20px; background: #003b88 url(../../../../../img/ss/products/static/static-electricity/bg_header_001.png) no-repeat right center; color: #fff; font-weight: normal; font-size: 24px; line-height: 1.2; } .prt_header_01 .cat { margin: 0 0 5px; font-size: 16px; } .prt_header_01 span { display: block; margin-bottom: 8px; font-size: 17px; line-height: 1em; } .prt_header_02 { position: relative; margin: 20px 0; padding: 18px 20px 16px; border-top: 3px solid #004b98; background: #eaf0f7; color: #2d2d2d; font-weight: bold; font-size: 22px; line-height: 1.455; } .prt_header_03 { position: relative; margin: 20px 0; padding: 4px 0 16px 20px; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 20px; line-height: 1.3; } .prt_header_03::before { position: absolute; top: 0; bottom: 16px; left: 0; width: 5px; background: #004b98; content: ""; } .prt_header_04 { margin: 10px 0 14px; padding: 10px 20px 8px; background: #eaf0f7; color: #2d2d2d; font-weight: bold; font-size: 18px; line-height: 1.444; } .prt_header_05 { margin: 10px 0; color: #2d2d2d; font-weight: bold; font-size: 18px; line-height: 1.444; } .prt_lead_01 { color: #004b98; font-weight: bold; font-size: 20px; } .prt_alpha_list_02.caption { text-align: center; } .prt_inblock { display: inline-block; } .prt_bold { font-weight: bold; } .prt_small { font-size: 13px; } .prt_txt_red { color: #a30107; font-weight: bold; font-size: 18px; } .prt_linktext_01 { text-align: right; } .prt_linktext_01 a { position: relative; display: inline-block; padding: 0 0 0 12px; vertical-align: bottom; text-align: left; text-decoration: none; line-height: 1.4; } .prt_linktext_01 a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } .prt_linktext_01 a:hover { text-decoration: underline; } .prt_note_01 { padding-left: 1em; text-align: left; text-indent: -1em; font-size: 14px; line-height: 1.615; } .prt_note_01::before { content: "*"; } .prt_note_01.nomark { padding-left: 0; text-indent: 0; } .prt_note_01.nomark::before { display: none; } .prt_columns.col2.style_01 .prt_note_01 { margin-top: 15px; } .prt_note_02 { font-size: 14px; } .prt_sup, .main_contents sup { vertical-align: super; font-size: smaller; line-height: 1; } .prt_sub, .main_contents sub { vertical-align: sub; font-size: smaller; } .prt_impress_calc { color: #a30107; font-weight: bold; font-size: 18px; } .prt_anchor_list_01 { margin: 0 0 25px; padding: 7px 12px 15px; border: 2px solid #003b88; font-size: 0; } .prt_anchor_list_01 li { position: relative; display: inline-block; margin: 8px 8px 0; padding-left: 14px; font-size: 14px; } .prt_anchor_list_01 li::before { position: absolute; top: 5px; left: 0; width: 0; height: 0; border-width: 9px 4.5px 0; border-style: solid; border-color: #dc2426 transparent transparent; content: ""; font-size: 0; } .prt_anchor_list_01 li a { color: #333; text-decoration: none; } .prt_anchor_list_01 li a:hover { text-decoration: underline; } .prt_anchor_list_02 { display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 0 25px; } .prt_anchor_list_02 > li { position: relative; float: left; margin: 10px 0 0 10px; width: 48%; width: calc(50% - 5px); } .prt_anchor_list_02 > li:first-child, .prt_anchor_list_02 > li:first-child + li { margin-top: 0; } .prt_anchor_list_02 > li:nth-of-type(2n+1) { margin-left: 0; } .prt_anchor_list_02 > li a { display: table; width: 100%; height: 100%; border: 1px solid #003b88; color: #000; text-decoration: none; font-size: 14px; line-height: 1.571; opacity: 1; } .prt_anchor_list_02 > li a::before { position: absolute; top: 50%; left: 15px; margin-top: -2px; width: 8px; height: 8px; border-right: 2px solid #003b88; border-bottom: 2px solid #003b88; content: ""; transform: translate(0, -50%) rotate(45deg); } .prt_anchor_list_02 > li a .label { display: table-cell; padding: 8px 20px 8px 40px; vertical-align: middle; } .prt_anchor_list_02 > li a:hover { background: #003b88; color: #fff; } .prt_anchor_list_02 > li a:hover::before { border-color: #fff; } .prt_anchor_list_03 { display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 0 25px; } .prt_anchor_list_03 > li { position: relative; float: left; margin: 10px 0 0 10px; width: 48%; width: calc(50% - 5px); } .prt_anchor_list_03 > li:first-child, .prt_anchor_list_03 > li:first-child + li { margin-top: 0; } .prt_anchor_list_03 > li:nth-of-type(2n+1) { margin-left: 0; } .prt_anchor_list_03 > li a { display: table; width: 100%; height: 100%; border: 1px solid #003b88; color: #000; text-decoration: none; font-size: 14px; line-height: 1.571; opacity: 1; } .prt_anchor_list_03 > li a:hover { background: #003b88; color: #fff; } .prt_anchor_list_03 > li a .label { display: table-cell; padding: 8px 40px 8px 20px; vertical-align: middle; } .prt_anchor_list_03 > li a .icon { position: absolute; top: 50%; right: 10px; margin-top: -9px; width: 18px; height: 18px; border: 1px solid #003b88; background: #fff; } .prt_anchor_list_03 > li a .icon i { position: absolute; top: 6px; left: 50%; overflow: hidden; margin-left: -4px; width: 8px; height: 5px; } .prt_anchor_list_03 > li a .icon i::before { position: absolute; top: 0; left: 50%; width: 6px; height: 6px; border-right: 2px solid #003b88; border-bottom: 2px solid #003b88; content: ""; transform: translate(-50%, -50%) rotate(45deg); } .prt_page_index { overflow: hidden; margin: 24px 0; padding: 11px 24px 20px; border-top: 1px dotted #003b88; border-bottom: 1px dotted #003b88; } .prt_page_index li { float: left; margin: 8px 0 0 36px; width: 49%; width: calc(50% - 18px); } .prt_page_index li:nth-of-type(2n+1) { clear: left; margin-left: 0; } .prt_page_index li a { position: relative; display: inline-block; padding: 0 0 0 12px; vertical-align: bottom; line-height: 1.4; line-height: 1.625; } .prt_page_index li a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } .prt_page_index li a::before { top: 0.45em; border-width: 4.5px 0 4.5px 9px; } .prt_disc_list { margin: 15px 0; padding-left: 1.5em; list-style: disc outside; } .prt_ordered_list { margin: 15px 0; padding-left: 1.5em; list-style: decimal outside; } .prt_alpha_list { margin: 15px 0; padding-left: 1.5em; list-style: upper-alpha outside; text-align: left; } .prt_alpha_list_02 { margin: 15px 0; padding-left: 0; text-align: left; } .prt_alpha_list_02 li { display: inline-block; padding-right: 10px; } .prt_ability_list li { position: relative; } .prt_ability_list li:nth-child(1) { padding-left: 8em; } .prt_ability_list li:nth-child(2) { padding-left: 8em; } .prt_ability_list li:nth-child(3) { padding-left: 6em; } .prt_ability_list li:nth-child(1)::before { position: absolute; top: 0; left: 0; content: "銉绘帹鑽愬畨瑁呰窛绂伙細"; font-weight: bold; } .prt_ability_list li:nth-child(2)::before { position: absolute; top: 0; left: 0; content: "銉婚潤鐢垫秷闄ら€熷害锛?; font-weight: bold; } .prt_ability_list li:nth-child(3)::before { position: absolute; top: 0; left: 0; content: "銉荤瀛愬钩琛★細"; font-weight: bold; } .style_spot_01 li { margin-bottom: 10px; padding: 9px; background: #ccc; text-align: center; } .prt_link_list { margin: 15px 0; list-style: none; } .prt_link_list > li > a { position: relative; display: inline-block; padding: 0 0 0 12px; color: #333; vertical-align: bottom; text-decoration: none; line-height: 1.4; } .prt_link_list > li > a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } .prt_link_list > li > a:hover { text-decoration: underline; } .prt_in_annotations li { display: inline-block; margin: 0 0.5em; } ul.prt_notes_list, ol.prt_notes_list { margin: 15px 0; list-style: none; font-size: 13px; } ul.prt_notes_list { padding-left: 1em; text-indent: -1em; } ul.prt_notes_list > li::before { content: "*"; } ol.prt_notes_list { padding-left: 2.5em; counter-reset: prt-ordered-notes; text-indent: -2.5em; } ol.prt_notes_list > li { counter-increment: prt-ordered-notes; } ol.prt_notes_list > li::before { display: inline-block; width: 2.5em; content: "*"counter(prt-ordered-notes); text-indent: 0; } .prt_defines_01, .prt_defines_02, .prt_disc_def, .prt_ordered_def, .prt_alpha_def { margin: 30px 0; } .prt_defines_01 > .item, .prt_defines_02 > .item, .prt_disc_def > .item, .prt_ordered_def > .item, .prt_alpha_def > .item, .prt_defines_01 > .term, .prt_defines_02 > .term, .prt_disc_def > .term, .prt_ordered_def > .term, .prt_alpha_def > .term { margin: 20px 0 0; } .prt_defines_01 > .item + *, .prt_defines_02 > .item + *, .prt_disc_def > .item + *, .prt_ordered_def > .item + *, .prt_alpha_def > .item + *, .prt_defines_01 > .term + *, .prt_defines_02 > .term + *, .prt_disc_def > .term + *, .prt_ordered_def > .term + *, .prt_alpha_def > .term + * { margin-top: 0; } .prt_defines_01 > .item:first-child, .prt_defines_02 > .item:first-child, .prt_disc_def > .item:first-child, .prt_ordered_def > .item:first-child, .prt_alpha_def > .item:first-child, .prt_defines_01 > .term:first-child, .prt_defines_02 > .term:first-child, .prt_disc_def > .term:first-child, .prt_ordered_def > .term:first-child, .prt_alpha_def > .term:first-child { margin-top: 0; } .prt_defines_01 > .item > .term, .prt_defines_02 > .item > .term, .prt_disc_def > .item > .term, .prt_ordered_def > .item > .term, .prt_alpha_def > .item > .term, .prt_defines_01 > .term, .prt_defines_02 > .term, .prt_disc_def > .term, .prt_ordered_def > .term, .prt_alpha_def > .term { margin-bottom: 8px; font-weight: bold; font-size: 18px; } .prt_defines_01 > .desc > *:first-child, .prt_defines_02 > .desc > *:first-child, .prt_disc_def > .desc > *:first-child, .prt_ordered_def > .desc > *:first-child, .prt_alpha_def > .desc > *:first-child { margin-top: 0; } .prt_defines_01 > .desc > *:last-child, .prt_defines_02 > .desc > *:last-child, .prt_disc_def > .desc > *:last-child, .prt_ordered_def > .desc > *:last-child, .prt_alpha_def > .desc > *:last-child { margin-bottom: 0; } .prt_defines_01 .style_center { text-align: center; } .prt_defines_02 { counter-reset: def2; } .prt_defines_02 > .term, .prt_defines_02 > .item > .term { padding-left: 1em; counter-increment: def2; text-indent: -1em; } .prt_defines_02 > .term::before, .prt_defines_02 > .item > .term::before { display: inline-block; width: 1em; content: counter(def2, disc); text-indent: 0; } .prt_defines_01 .prt_defines_01 { margin: 10px 0 20px; } .prt_disc_def { counter-reset: def-disc; } .prt_disc_def > .item, .prt_disc_def > .term { counter-reset: def-disc; } .prt_disc_def > .desc { padding: 0 0 0 1.5em; counter-increment: def-disc; text-indent: -1.5em; } .prt_disc_def > .desc::before { display: inline-block; margin-right: 0.5em; width: 1em; content: counter(def-order, disc); text-align: right; white-space: nowrap; } .prt_ordered_def { counter-reset: def-order; } .prt_ordered_def > .item, .prt_ordered_def > .term { counter-increment: def-order; } .prt_ordered_def > .item > .term, .prt_ordered_def > .term { padding: 0 0 0 1.5em; text-indent: -1.5em; } .prt_ordered_def > .item > .term::before, .prt_ordered_def > .term::before { display: inline-block; margin-right: 0.5em; width: 1em; content: counter(def-order) "."; text-align: right; white-space: nowrap; } .prt_alpha_def { counter-reset: def-alpha; } .prt_alpha_def > .item, .prt_alpha_def > .term { counter-increment: def-alpha; } .prt_alpha_def > .item > .term, .prt_alpha_def > .term { padding: 0 0 0 1.625em; text-indent: -1.625em; } .prt_alpha_def > .item > .term::before, .prt_alpha_def > .term::before { display: inline-block; margin-right: 0.5em; width: 1.125em; content: counter(def-alpha, upper-alpha) "."; text-align: right; white-space: nowrap; } .ss_download_btn { position: relative; display: table; border-radius: 5px; background: #e60012; background: linear-gradient(#e24140, #cc1717); transition: opacity 0.3s; } .ss_download_btn.type01, .ss_download_btn.type02, .ss_download_btn.type03, .ss_download_btn.type04, .ss_download_btn.type05 { padding: 6px 0 5px; width: 100%; text-align: center; } .ss_download_btn.type01, .ss_download_btn.type02 { padding-right: 12px; padding-left: 12px; } .ss_download_btn.type01 { max-width: 360px; height: 45px; } .ss_download_btn.type02 { max-width: 380px; height: 60px; } .ss_download_btn.type03, .ss_download_btn.type05 { padding-right: 8px; padding-left: 8px; max-width: 160px; height: 30px; } .ss_download_btn.type04 { padding-right: 4px; padding-left: 4px; max-width: 110px; height: 34px; color: #fff; font-weight: bold; } .ss_download_btn.type05 { border-radius: 0 0 5px 5px; } .ss_download_btn.icon01 > span:first-child { background: url(../../../../../img/ss/common/bg_icon_dl_001.png) no-repeat left center; } .ss_download_btn.icon02 > span:first-child { background: url(../../../../../img/ss/common/bg_icon_dl_002.png) no-repeat left center; } .ss_download_btn .img01, .ss_download_btn .img02, .ss_download_btn .img03 { position: absolute; top: 50%; right: 12px; display: inline-block; transform: translateY(-50%); } .ss_download_btn .img01 img, .ss_download_btn .img02 img, .ss_download_btn .img03 img { border: solid 1px #ccc; } .ss_download_btn .txt01, .ss_download_btn .txt02, .ss_download_btn .txt03, .ss_download_btn .txt04, .ss_download_btn .txt05 { display: table-cell; color: #fff; vertical-align: middle; word-break: break-all; font-weight: bold; } .ss_download_btn .txt01, .ss_download_btn .txt02, .ss_download_btn .txt03, .ss_download_btn .txt04 { padding-left: 30px; width: calc(100% - 30px); font-size: 16px; line-height: 1.2; } .ss_download_btn .txt01 { padding-right: 60px; } .ss_download_btn .txt02 { padding-right: 79px; } .ss_download_btn .txt03 { padding-right: 77px; } .ss_download_btn .txt04 { padding-right: 104px; } .ss_download_btn .txt05 { padding-left: 20px; font-size: 12px; line-height: 1; } .ss_download_btn .in_txt1, .ss_download_btn .in_txt2 { display: block; } .ss_download_btn .in_txt1 { font-size: 14px; } .ss_subpage_bnr { margin: 16px 0 30px; } .ss_subpage_bnr img { max-width: 100%; height: auto; vertical-align: bottom; } .ss_subpage_bnr .banner { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; overflow: hidden; box-sizing: border-box; margin: 0 auto; padding: 30px 30px 24px; max-width: 580px; border: 1px solid #004b98; background: #fff; color: #333; text-decoration: none; word-break: break-word; font-size: 14px; line-height: 1.4; } .ss_subpage_bnr .banner:hover { text-decoration: none; opacity: 0.7; } .ss_subpage_bnr .img { flex: 1 0 104px; -webkit-box-flex: 1; } .ss_subpage_bnr .img img { border: 1px solid #ccc; } .ss_subpage_bnr .inner { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 390px; margin: 0 0 0 24px; width: auto; -webkit-box-flex: 1; } .ss_subpage_bnr .title { flex: 0 0 auto; margin-bottom: 8px; font-size: 18px; -webkit-box-flex: 0; } .ss_subpage_bnr .title strong { font-weight: bold; } .ss_subpage_bnr .txt { flex: 1 0 auto; margin: 0 0 20px; padding-top: 8px; border-top: 1px solid #004b98; -webkit-box-flex: 1; } .ss_subpage_bnr .btn_wrap { flex: 0 0 auto; text-align: center; -webkit-box-flex: 0; } .ss_subpage_bnr .btn_wrap .button { display: inline-block; padding: 8px 36px; max-width: 320px; width: 100%; border-radius: 5px; background: url(../../../../../img/ss/common/bg_icon_dl_001.png) no-repeat 12px center, linear-gradient(#e24141, #ca1616); background-color: #e24141; color: #fff; font-weight: bold; } .prt_button_01 { margin: 0 auto; padding: 15px 15px 10px; width: 80%; background: #eaf0f7; text-align: center; } .prt_button_01 a { position: relative; display: inline-block; border: 5px solid #fff; border-radius: 5px; color: #fff; text-align: center; text-decoration: none; word-break: break-all; font-weight: bold; font-size: 16px; line-height: 1.2; } .prt_button_01 a:hover { opacity: 0.7; } .prt_button_01 a::before { position: absolute; top: -5px; left: -5px; width: calc(100% + 12px); height: calc(100% + 12px); border: solid 1px #e2e0e0; border-radius: 5px; box-shadow: 1px 1px 2px -2px rgba(0, 0, 0, 0.3); content: ""; } .prt_button_01 a span { display: table-cell; padding: 20px 90px; max-width: 400px; border-radius: 5px; background: linear-gradient(#e24140, #cc1717); } .prt_sect_cv { margin: 48px 0 0; } .prt_sect_cv::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } .prt_sect_cv .button { width: 48%; width: calc(50% - 10px); } .prt_sect_cv .button.series, .prt_sect_cv .button.inquiry { float: left; clear: left; } .prt_sect_cv .button.download { float: right; clear: right; } .prt_series_btn, .prt_inquiry_btn { display: table; max-width: 380px; width: 100%; height: 60px; border-radius: 5px; background: #1284c8; background: linear-gradient(#1284c8, #044aa0); text-align: center; text-decoration: none; font-size: 15px; } .prt_series_btn:hover, .prt_inquiry_btn:hover { opacity: 0.7; } .prt_series_btn .label, .prt_inquiry_btn .label { display: table-cell; color: #fff; vertical-align: middle; text-decoration: none; font-weight: bold; line-height: 1.2; } .prt_inquiry_btn { position: relative; padding: 0 12px; background: #3e944c; background: linear-gradient(#3e944c, #176a25); } .prt_inquiry_btn.icon01 > span:first-child { background: url(../../../../../img/ss/common/icon_download_001.png) no-repeat left center; } .prt_inquiry_btn .img01 { position: absolute; top: 50%; right: 12px; display: inline-block; transform: translateY(-50%); } .prt_inquiry_banner { margin: 0 auto 40px; max-width: 720px; } .prt_inquiry_banner a, .prt_inquiry_banner a * { text-decoration: none; } .prt_inquiry_banner a { display: block; } .prt_inquiry_banner a:hover { opacity: 0.7; } .prt_inquiry_banner .banner { position: relative; border: 3px solid #3e944d; background: #eaf4f6; } .prt_inquiry_banner .banner::after { position: absolute; top: 14px; right: 14px; width: 97px; height: 134px; background: url(../../../../../img/ss/common/icon_calculator_001.png) no-repeat center / contain; content: ""; } .prt_inquiry_banner .caption { position: relative; overflow: hidden; padding: 14px 120px 14px 18px; background: #3e944d; color: #fff; font-weight: bold; font-size: 24px; line-height: 1.143; } .prt_inquiry_banner .caption::before { position: absolute; top: 0; right: -405px; width: 720px; height: 400px; background: #6ba573; content: ""; transform: rotate(-60deg); } .prt_inquiry_banner .caption::after { position: absolute; top: 0; right: -425px; width: 720px; height: 400px; background: #a3ccaa; content: ""; transform: rotate(-60deg); } .prt_inquiry_banner .caption span { position: relative; z-index: 10; } .prt_inquiry_banner .content { padding: 10px 120px 14px 18px; } .prt_inquiry_banner .content p { margin: 0; color: #333; font-weight: bold; font-size: 16px; } .prt_inquiry_banner .content .button { display: flex; -ms-flex-pack: center; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 12px 0 0; padding: 8px 8px 9px; background: #ce3939; color: #fff; text-align: center; font-weight: bold; font-size: 20px; line-height: 1.3; } .prt_inquiry_banner .content .button::after { display: inline-block; flex: 0 0 13px; margin-left: 10px; height: 13px; border-top: 3px solid #fff; border-right: 3px solid #fff; content: ""; vertical-align: middle; font-size: 0; transform: rotate(45deg); } .prt_figure_01 { margin: 30px 0; text-align: center; } .prt_figure_01 .image { font-size: 0; } .prt_figure_01 .image > *:first-child { margin-top: 0; } .prt_figure_01 .image > *:last-child { margin-bottom: 0; } .prt_figure_01 .caption { margin: 8px 0; color: #333; font-size: 14px; line-height: 1.615; } .prt_figure_01 .caption.left { text-align: left; } .prt_figure_01 .caption.right { text-align: right; } .prt_figure_01.frame, .prt_figure_01 .frame { padding: 10px; border: 1px solid #ccc; background: #fff; } .prt_figure_01.frame > *:first-child, .prt_figure_01 .frame > *:first-child { margin-top: 0; } .prt_figure_01.frame > *:last-child, .prt_figure_01 .frame > *:last-child { margin-bottom: 0; } .prt_svg_wrap { position: relative; padding-top: 48.6%; } .prt_svg_wrap .svg_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .prt_svg_wrap svg { max-width: 100%; height: auto; } .prt_svg_wrap .svg_text1 { font-size: 18px; fill: #fff; } .prt_svg_wrap .svg_text2 { font-weight: bold; font-size: 20px; fill: #3d8d4b; } .prt_columns { display: flex; flex-wrap: wrap; overflow: hidden; margin: 30px 0; } .prt_columns.baseline { align-items: baseline; } .prt_columns > .item { float: left; } .prt_columns > .item > *:first-child { margin-top: 0; } .prt_columns > .item > *:last-child { margin-bottom: 0; } .prt_columns.col2 > .item { margin: 30px 0 0 40px; width: 45%; width: calc(50% - 20px); } .prt_columns.col2 > .item:first-child, .prt_columns.col2 > .item:first-child + .item { margin-top: 0; } .prt_columns.col2 > .item:nth-child(2n+1) { clear: left; margin-left: 0; } .prt_columns.col2 > .item.narrow { width: calc((100% - 40px) / 3); } .prt_columns.col2 > .item.wide { width: calc((100% - 40px) / 3 * 2); } .prt_columns.col3 > .item { margin: 20px 0 0 20px; width: 30%; width: calc(((100% - 40px) - 0.3px) / 3); } .prt_columns.col3 > .item:first-child, .prt_columns.col3 > .item:nth-child(2), .prt_columns.col3 > .item:nth-child(3) { margin-top: 0; } .prt_columns.col3 > .item:nth-child(3n+1) { clear: left; margin-left: 0; } .prt_image_contents { margin: 30px 0; } .prt_image_contents::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } .prt_image_contents .figure { float: right; margin: 0 0 20px 40px; max-width: 47.2%; text-align: center; } .prt_image_contents .figure.figure_02 { max-width: 60%; } .prt_image_contents.left_image .figure { float: left; margin: 0 40px 20px 0; } .prt_image_contents.notaround .desc { overflow: hidden; } .prt_annotated_image { overflow: hidden; margin: 30px 0; } .prt_annotated_image > .image { float: left; width: 60%; text-align: center; } .prt_annotated_image > .image.frame { padding: 10px; border: 1px solid #ccc; } .prt_annotated_image > .image.frame > *:first-child { margin-top: 0; } .prt_annotated_image > .image.frame > *:last-child { margin-bottom: 0; } .prt_annotated_image > .annotation { float: left; padding-left: 40px; width: 40%; } .prt_annotated_image > .annotation > * { margin: 0; } .prt_flexbox { display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 30px 0; } .prt_flexbox > .item { flex: 1; margin: 0 0 0 10px; -webkit-box-flex: 1; } .prt_flexbox > .item:first-child { margin-left: 0; } .prt_floatbox { margin: 30px 0; } .prt_floatbox::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } .prt_floatbox > * { float: left; margin-left: 20px; width: 45%; width: calc(50% - 10px); } .prt_floatbox > *:nth-child(2n+1) { clear: left; margin-left: 0; } .prt_box_01, .prt_box_02, .prt_fill_box, .prt_frame_box { margin: 30px 0; padding: 20px 30px; } .prt_box_01 > *:first-child, .prt_box_02 > *:first-child, .prt_fill_box > *:first-child, .prt_frame_box > *:first-child { margin-top: 0; } .prt_box_01 > *:last-child, .prt_box_02 > *:last-child, .prt_fill_box > *:last-child, .prt_frame_box > *:last-child { margin-bottom: 0; } .prt_box_01 > .header, .prt_box_02 > .header, .prt_fill_box > .header, .prt_frame_box > .header { margin: 0 0 10px; font-weight: bold; font-size: 18px; } .prt_box_01 { background: #eaf0f7; } .prt_box_01 .prt_figure_01 .image { background: #fff; } .prt_box_02 { position: relative; border: 1px solid #ccc; } .prt_fill_box { background: #eee; } .prt_frame_box { position: relative; border: 1px solid #ccc; } .prt_keyence_box { margin: 60px 0; } .prt_keyence_box .title { position: relative; margin: 0 0 30px; padding: 20px 20px 18px; background: #a38a47; color: #fff; font-size: 24px; line-height: 1.2; } .prt_keyence_box .title::before { position: absolute; top: 100%; left: 20px; width: 0; height: 0; border-width: 15px 10px 0; border-style: solid; border-color: #a38a47 transparent transparent; content: ""; font-size: 0; } .prt_keyence_box .header { margin: 10px 0 15px; padding: 10px 18px; background: #f7f4ea; font-weight: bold; font-size: 20px; line-height: 1.6; } .prt_keyence_box .sub_header { font-weight: bold; } .prt_column_box { margin: 60px 0; padding: 0 40px 30px; background: #eaf0f7; } .prt_column_box .header { position: relative; margin: 0 0 10px; padding: 60px 0 0; } .prt_column_box .label { position: absolute; top: 0; left: 0; padding: 9px 15px 8px; background: #004b98; color: #fff; font-size: 14px; line-height: 1.5; } .prt_column_box .label::after { margin-left: 7px; content: "Column"; font-size: 11px; opacity: 0.5; } .prt_column_box .title { font-weight: bold; font-size: 18px; line-height: 1.5; } .prt_column_box .cont { line-height: 2; } .prt_column_box .cont > *:first-child { margin-top: 0; } .prt_column_box .cont > *:last-child { margin-bottom: 0; } .prt_arrow_01, .prt_caret_01 { position: relative; display: inline-block; } .prt_arrow_01::before, .prt_caret_01::before, .prt_arrow_01::after, .prt_caret_01::after { position: absolute; content: ""; } .prt_arrow_01::after, .prt_caret_01::after { width: 0; height: 0; border-style: solid; } .prt_arrow_01::before, .prt_caret_01::before { background: #dc2426; } .prt_arrow_01[data-direction="top"]::after, .prt_caret_01[data-direction="top"]::after { border-color: transparent transparent #dc2426; } .prt_arrow_01[data-direction="bottom"]::after, .prt_caret_01[data-direction="bottom"]::after { border-color: #dc2426 transparent transparent; } .prt_arrow_01[data-direction="right"]::after, .prt_caret_01[data-direction="right"]::after { border-color: transparent transparent transparent #dc2426; } .prt_arrow_01[data-direction="left"]::after, .prt_caret_01[data-direction="left"]::after { border-color: transparent #dc2426 transparent transparent; } .prt_arrow_01[data-color="gray"]::before, .prt_caret_01[data-color="gray"]::before { background: #898989; } .prt_arrow_01[data-color="gray"][data-direction="top"]::after, .prt_caret_01[data-color="gray"][data-direction="top"]::after { border-bottom-color: #898989; } .prt_arrow_01[data-color="gray"][data-direction="bottom"]::after, .prt_caret_01[data-color="gray"][data-direction="bottom"]::after { border-top-color: #898989; } .prt_arrow_01[data-color="gray"][data-direction="right"]::after, .prt_caret_01[data-color="gray"][data-direction="right"]::after { border-left-color: #898989; } .prt_arrow_01[data-color="gray"][data-direction="left"]::after, .prt_caret_01[data-color="gray"][data-direction="left"]::after { border-right-color: #898989; } .prt_arrow_01[data-size="L"][data-direction="top"], .prt_arrow_01[data-size="L"][data-direction="bottom"] { width: 240px; height: 180px; } .prt_arrow_01[data-size="L"][data-direction="top"]::before, .prt_arrow_01[data-size="L"][data-direction="bottom"]::before { left: 50%; width: 50%; height: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="L"][data-direction="top"]::after, .prt_arrow_01[data-size="L"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="L"][data-direction="right"], .prt_arrow_01[data-size="L"][data-direction="left"] { width: 180px; height: 240px; } .prt_arrow_01[data-size="L"][data-direction="right"]::before, .prt_arrow_01[data-size="L"][data-direction="left"]::before { top: 50%; width: 50%; height: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="L"][data-direction="right"]::after, .prt_arrow_01[data-size="L"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="L"][data-direction="top"]::before { bottom: 0; } .prt_arrow_01[data-size="L"][data-direction="top"]::after { top: 0; border-width: 0 120px 96px; } .prt_arrow_01[data-size="L"][data-direction="bottom"]::before { top: 0; } .prt_arrow_01[data-size="L"][data-direction="bottom"]::after { bottom: 0; border-width: 96px 120px 0; } .prt_arrow_01[data-size="L"][data-direction="right"]::before { left: 0; } .prt_arrow_01[data-size="L"][data-direction="right"]::after { right: 0; border-width: 120px 0 120px 96px; } .prt_arrow_01[data-size="L"][data-direction="left"]::before { right: 0; } .prt_arrow_01[data-size="L"][data-direction="left"]::after { left: 0; border-width: 120px 96px 120px 0; } .prt_arrow_01[data-size="M"][data-direction="top"], .prt_arrow_01[data-size="M"][data-direction="bottom"] { width: 120px; height: 90px; } .prt_arrow_01[data-size="M"][data-direction="top"]::before, .prt_arrow_01[data-size="M"][data-direction="bottom"]::before { left: 50%; width: 50%; height: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="M"][data-direction="top"]::after, .prt_arrow_01[data-size="M"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="M"][data-direction="right"], .prt_arrow_01[data-size="M"][data-direction="left"] { width: 90px; height: 120px; } .prt_arrow_01[data-size="M"][data-direction="right"]::before, .prt_arrow_01[data-size="M"][data-direction="left"]::before { top: 50%; width: 50%; height: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="M"][data-direction="right"]::after, .prt_arrow_01[data-size="M"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="M"][data-direction="top"]::before { bottom: 0; } .prt_arrow_01[data-size="M"][data-direction="top"]::after { top: 0; border-width: 0 60px 48px; } .prt_arrow_01[data-size="M"][data-direction="bottom"]::before { top: 0; } .prt_arrow_01[data-size="M"][data-direction="bottom"]::after { bottom: 0; border-width: 48px 60px 0; } .prt_arrow_01[data-size="M"][data-direction="right"]::before { left: 0; } .prt_arrow_01[data-size="M"][data-direction="right"]::after { right: 0; border-width: 60px 0 60px 48px; } .prt_arrow_01[data-size="M"][data-direction="left"]::before { right: 0; } .prt_arrow_01[data-size="M"][data-direction="left"]::after { left: 0; border-width: 60px 48px 60px 0; } .prt_arrow_01[data-size="S"][data-direction="top"], .prt_arrow_01[data-size="S"][data-direction="bottom"] { width: 60px; height: 45px; } .prt_arrow_01[data-size="S"][data-direction="top"]::before, .prt_arrow_01[data-size="S"][data-direction="bottom"]::before { left: 50%; width: 50%; height: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="S"][data-direction="top"]::after, .prt_arrow_01[data-size="S"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="S"][data-direction="right"], .prt_arrow_01[data-size="S"][data-direction="left"] { width: 45px; height: 60px; } .prt_arrow_01[data-size="S"][data-direction="right"]::before, .prt_arrow_01[data-size="S"][data-direction="left"]::before { top: 50%; width: 50%; height: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="S"][data-direction="right"]::after, .prt_arrow_01[data-size="S"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="S"][data-direction="top"]::before { bottom: 0; } .prt_arrow_01[data-size="S"][data-direction="top"]::after { top: 0; border-width: 0 30px 24px; } .prt_arrow_01[data-size="S"][data-direction="bottom"]::before { top: 0; } .prt_arrow_01[data-size="S"][data-direction="bottom"]::after { bottom: 0; border-width: 24px 30px 0; } .prt_arrow_01[data-size="S"][data-direction="right"]::before { left: 0; } .prt_arrow_01[data-size="S"][data-direction="right"]::after { right: 0; border-width: 30px 0 30px 24px; } .prt_arrow_01[data-size="S"][data-direction="left"]::before { right: 0; } .prt_arrow_01[data-size="S"][data-direction="left"]::after { left: 0; border-width: 30px 24px 30px 0; } .prt_arrow_01[data-size="SS"][data-direction="top"], .prt_arrow_01[data-size="SS"][data-direction="bottom"] { width: 30px; height: 22.5px; } .prt_arrow_01[data-size="SS"][data-direction="top"]::before, .prt_arrow_01[data-size="SS"][data-direction="bottom"]::before { left: 50%; width: 50%; height: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="SS"][data-direction="top"]::after, .prt_arrow_01[data-size="SS"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_arrow_01[data-size="SS"][data-direction="right"], .prt_arrow_01[data-size="SS"][data-direction="left"] { width: 22.5px; height: 30px; } .prt_arrow_01[data-size="SS"][data-direction="right"]::before, .prt_arrow_01[data-size="SS"][data-direction="left"]::before { top: 50%; width: 50%; height: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="SS"][data-direction="right"]::after, .prt_arrow_01[data-size="SS"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_arrow_01[data-size="SS"][data-direction="top"]::before { bottom: 0; } .prt_arrow_01[data-size="SS"][data-direction="top"]::after { top: 0; border-width: 0 15px 12px; } .prt_arrow_01[data-size="SS"][data-direction="bottom"]::before { top: 0; } .prt_arrow_01[data-size="SS"][data-direction="bottom"]::after { bottom: 0; border-width: 12px 15px 0; } .prt_arrow_01[data-size="SS"][data-direction="right"]::before { left: 0; } .prt_arrow_01[data-size="SS"][data-direction="right"]::after { right: 0; border-width: 15px 0 15px 12px; } .prt_arrow_01[data-size="SS"][data-direction="left"]::before { right: 0; } .prt_arrow_01[data-size="SS"][data-direction="left"]::after { left: 0; border-width: 15px 12px 15px 0; } .prt_caret_01[data-size="L"][data-direction="top"], .prt_caret_01[data-size="L"][data-direction="bottom"] { width: 240px; height: 96px; } .prt_caret_01[data-size="L"][data-direction="top"]::before, .prt_caret_01[data-size="L"][data-direction="bottom"]::before { display: none; } .prt_caret_01[data-size="L"][data-direction="top"]::after, .prt_caret_01[data-size="L"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_caret_01[data-size="L"][data-direction="right"], .prt_caret_01[data-size="L"][data-direction="left"] { width: 96px; height: 240px; } .prt_caret_01[data-size="L"][data-direction="right"]::after, .prt_caret_01[data-size="L"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_caret_01[data-size="L"][data-direction="top"]::before { bottom: 0; } .prt_caret_01[data-size="L"][data-direction="top"]::after { top: 0; border-width: 0 120px 96px; } .prt_caret_01[data-size="L"][data-direction="bottom"]::before { top: 0; } .prt_caret_01[data-size="L"][data-direction="bottom"]::after { bottom: 0; border-width: 96px 120px 0; } .prt_caret_01[data-size="L"][data-direction="right"]::before { left: 0; } .prt_caret_01[data-size="L"][data-direction="right"]::after { right: 0; border-width: 120px 0 120px 96px; } .prt_caret_01[data-size="L"][data-direction="left"]::before { right: 0; } .prt_caret_01[data-size="L"][data-direction="left"]::after { left: 0; border-width: 120px 96px 120px 0; } .prt_caret_01[data-size="M"][data-direction="top"], .prt_caret_01[data-size="M"][data-direction="bottom"] { width: 120px; height: 48px; } .prt_caret_01[data-size="M"][data-direction="top"]::before, .prt_caret_01[data-size="M"][data-direction="bottom"]::before { display: none; } .prt_caret_01[data-size="M"][data-direction="top"]::after, .prt_caret_01[data-size="M"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_caret_01[data-size="M"][data-direction="right"], .prt_caret_01[data-size="M"][data-direction="left"] { width: 48px; height: 120px; } .prt_caret_01[data-size="M"][data-direction="right"]::after, .prt_caret_01[data-size="M"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_caret_01[data-size="M"][data-direction="top"]::before { bottom: 0; } .prt_caret_01[data-size="M"][data-direction="top"]::after { top: 0; border-width: 0 60px 48px; } .prt_caret_01[data-size="M"][data-direction="bottom"]::before { top: 0; } .prt_caret_01[data-size="M"][data-direction="bottom"]::after { bottom: 0; border-width: 48px 60px 0; } .prt_caret_01[data-size="M"][data-direction="right"]::before { left: 0; } .prt_caret_01[data-size="M"][data-direction="right"]::after { right: 0; border-width: 60px 0 60px 48px; } .prt_caret_01[data-size="M"][data-direction="left"]::before { right: 0; } .prt_caret_01[data-size="M"][data-direction="left"]::after { left: 0; border-width: 60px 48px 60px 0; } .prt_caret_01[data-size="S"][data-direction="top"], .prt_caret_01[data-size="S"][data-direction="bottom"] { width: 60px; height: 24px; } .prt_caret_01[data-size="S"][data-direction="top"]::before, .prt_caret_01[data-size="S"][data-direction="bottom"]::before { display: none; } .prt_caret_01[data-size="S"][data-direction="top"]::after, .prt_caret_01[data-size="S"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_caret_01[data-size="S"][data-direction="right"], .prt_caret_01[data-size="S"][data-direction="left"] { width: 24px; height: 60px; } .prt_caret_01[data-size="S"][data-direction="right"]::after, .prt_caret_01[data-size="S"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_caret_01[data-size="S"][data-direction="top"]::before { bottom: 0; } .prt_caret_01[data-size="S"][data-direction="top"]::after { top: 0; border-width: 0 30px 24px; } .prt_caret_01[data-size="S"][data-direction="bottom"]::before { top: 0; } .prt_caret_01[data-size="S"][data-direction="bottom"]::after { bottom: 0; border-width: 24px 30px 0; } .prt_caret_01[data-size="S"][data-direction="right"]::before { left: 0; } .prt_caret_01[data-size="S"][data-direction="right"]::after { right: 0; border-width: 30px 0 30px 24px; } .prt_caret_01[data-size="S"][data-direction="left"]::before { right: 0; } .prt_caret_01[data-size="S"][data-direction="left"]::after { left: 0; border-width: 30px 24px 30px 0; } .prt_caret_01[data-size="SS"][data-direction="top"], .prt_caret_01[data-size="SS"][data-direction="bottom"] { width: 30px; height: 12px; } .prt_caret_01[data-size="SS"][data-direction="top"]::before, .prt_caret_01[data-size="SS"][data-direction="bottom"]::before { display: none; } .prt_caret_01[data-size="SS"][data-direction="top"]::after, .prt_caret_01[data-size="SS"][data-direction="bottom"]::after { left: 50%; transform: translate(-50%, 0); } .prt_caret_01[data-size="SS"][data-direction="right"], .prt_caret_01[data-size="SS"][data-direction="left"] { width: 12px; height: 30px; } .prt_caret_01[data-size="SS"][data-direction="right"]::after, .prt_caret_01[data-size="SS"][data-direction="left"]::after { top: 50%; transform: translate(0, -50%); } .prt_caret_01[data-size="SS"][data-direction="top"]::before { bottom: 0; } .prt_caret_01[data-size="SS"][data-direction="top"]::after { top: 0; border-width: 0 15px 12px; } .prt_caret_01[data-size="SS"][data-direction="bottom"]::before { top: 0; } .prt_caret_01[data-size="SS"][data-direction="bottom"]::after { bottom: 0; border-width: 12px 15px 0; } .prt_caret_01[data-size="SS"][data-direction="right"]::before { left: 0; } .prt_caret_01[data-size="SS"][data-direction="right"]::after { right: 0; border-width: 15px 0 15px 12px; } .prt_caret_01[data-size="SS"][data-direction="left"]::before { right: 0; } .prt_caret_01[data-size="SS"][data-direction="left"]::after { left: 0; border-width: 15px 12px 15px 0; } .prt_tbl, .prt_rsp_tbl { margin: 20px 0; width: 100%; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; table-layout: fixed; word-wrap: break-word; } .prt_tbl.auto, .prt_rsp_tbl.auto { table-layout: auto; } .prt_tbl:first-child, .prt_rsp_tbl:first-child { margin-top: 0; } .prt_tbl caption, .prt_rsp_tbl caption { margin: 0 0 5px; text-align: inherit; font-weight: bold; font-size: 18px; line-height: 1.444; } .prt_tbl caption + *, .prt_rsp_tbl caption + * { margin-top: 0; } .prt_tbl th, .prt_tbl td, .prt_rsp_tbl th, .prt_rsp_tbl td { padding: 10px; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; vertical-align: top; text-align: left; } .prt_tbl th *:first-child, .prt_tbl td *:first-child, .prt_rsp_tbl th *:first-child, .prt_rsp_tbl td *:first-child { margin-top: 0; } .prt_tbl th *:last-child, .prt_tbl td *:last-child, .prt_rsp_tbl th *:last-child, .prt_rsp_tbl td *:last-child { margin-bottom: 0; } .prt_tbl th, .prt_rsp_tbl th { font-weight: bold; line-height: 1.375; } .prt_tbl thead th, .prt_rsp_tbl thead th { background: #454545; color: #fff; } .prt_tbl thead th.style_01, .prt_rsp_tbl thead th.style_01 { width: 30%; } .prt_tbl thead th.sub, .prt_rsp_tbl thead th.sub { background: #eaf0f7; color: #333; } .prt_tbl tbody th, .prt_rsp_tbl tbody th { background: #eee; color: #333; } .prt_tbl tbody th.sub, .prt_rsp_tbl tbody th.sub { background: #eaf0f7; color: #333; } .prt_tbl tbody td, .prt_rsp_tbl tbody td { background-color: #fff; color: #333; } .prt_tbl tbody .blank, .prt_rsp_tbl tbody .blank { background: #e6e6e6; } .prt_tbl.style_01 th, .prt_rsp_tbl.style_01 th { background: #fff; color: #333; } .prt_tbl.style_01 th[colspan="2"], .prt_rsp_tbl.style_01 th[colspan="2"] { background: #c5d6e9; } .prt_tbl.style_01 thead th, .prt_rsp_tbl.style_01 thead th { background: #012f7c; color: #fff; } .prt_tbl.style_01 thead th:first-child, .prt_rsp_tbl.style_01 thead th:first-child { width: 22%; } .prt_tbl.style_02 caption, .prt_rsp_tbl.style_02 caption { margin: 0; padding: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #012f7c; color: #fff; } .prt_tbl.style_02 th, .prt_rsp_tbl.style_02 th { width: 20%; background: #fff; color: #333; } .prt_tbl_frame { overflow: auto; -webkit-overflow-scrolling: touch; margin: 20px 0; width: 100%; } .prt_tbl_frame .prt_tbl { display: table; margin: 0; width: 720px; } .prt_tbl_frame .style_strong_01 { background: #004b98; } .prt_tbl_frame .style_strong_02 { background: #06c; color: #fff; } .prt_tbl_frame .style_strong_03 { background: #bddbff; color: #333; } .scroll_body, .scroll_body thead, .scroll_body tbody { display: block; width: 100%; border-top: none; } .scroll_body thead { overflow-y: scroll; } .scroll_body tbody { overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 315px; border-bottom: 1px solid #ccc; } .scroll_body tr { display: table; width: 100%; table-layout: fixed; } .scroll_body th, .scroll_body td { border-top: 1px solid #ccc; border-bottom: none; } .prt_relation_pages { margin: 40px 0; background: #eaf0f7; } .prt_relation_pages > .header { padding: 10px 20px 8px; background: #004b98; color: #fff; font-size: 18px; } .prt_relation_pages > .pages { padding: 15px 20px 10px; } .prt_relation_pages > .pages::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } .prt_relation_pages > .pages > li { float: left; margin: 0 0 5px 10px; width: 48%; width: calc(50% - 5px); font-size: 15px; line-height: 1.25; } .prt_relation_pages > .pages > li:nth-of-type(2n+1) { clear: left; margin-left: 0; } .prt_relation_pages > .pages > li a { position: relative; display: inline-block; padding: 0 0 0 12px; color: #333; text-decoration: none; line-height: 1.4; opacity: 1; } .prt_relation_pages > .pages > li a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } .prt_relation_pages > .pages > li a:hover { text-decoration: underline; } .prt_relation_pages > .pages > li.current a { color: #c80000; } .prt_header_01 + * { margin-top: 0; } .prt_header_02 + * { margin-top: 0; } .prt_header_03 + * { margin-top: 0; } .prt_header_04 + * { margin-top: 0; } .prt_header_05 + * { margin-top: 0; } /* Pages ------------------------------- */ #p_home .mainvisual { position: relative; min-height: 380px; background: url(../../../../../img/ss/products/static/static-electricity/bg_index_001.png) center; } #p_home .mainvisual .inner { margin: 0 auto; padding: 92px 15px 48px 0; min-height: 380px; max-width: 980px; background: url(../../../../../img/ss/products/static/static-electricity/bg_index_002.png) no-repeat; background-position: right 0 top 8px; background-size: auto; } #p_home .mainvisual .lead { max-width: 320px; text-align: center; } #p_home .mainvisual .button { margin-top: 25px; } #p_home .mainvisual .button a { max-width: 320px; } #p_home .subcategories .catname { font-weight: bold; } #p_home li.subcat { margin-bottom: 15px; } #p_home li.subcat:last-child { margin-bottom: 0; } #c_basic.p_nature .prt_tbl { margin-bottom: 10px; } #c_basic.p_nature .prt_tbl thead th { vertical-align: middle; } #c_basic.p_nature .prt_tbl th { text-align: center; } #c_basic.p_nature .tbl_caption { text-align: right; } #c_basic.p_nature .exp_table th { text-align: left; } #c_basic.p_nature .exp_table th::after { content: "锛?; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl { margin-bottom: 10px; } #c_trouble.p_destruction .style_01 { justify-content: center; } #c_trouble.p_destruction .style_01 .item { margin: 0; width: auto; } #c_trouble.p_destruction .fleximage { display: flex; flex-wrap: nowrap; justify-content: space-between; } #c_trouble.p_destruction .fleximage > .item:first-child { margin-right: 10px; } #c_ionizer.p_basic .style_right_01 { display: inline-block; width: 100%; } #c_ionizer.p_basic .style_right_01 p { text-align: right; } #c_ionizer.p_basic .prt_button_02.style_01 { text-align: center; } #c_ionizer.p_basic .prt_button_02.style_01 a { display: inline-block; padding: 21px 15px 20px; border-radius: 5px; background: #e60012; background: linear-gradient(#e24140, #cc1717); color: #fff; text-align: center; text-decoration: none; word-break: break-all; font-weight: bold; font-size: 16px; line-height: 1.2; } #c_ionizer.p_basic .prt_button_02.style_01 a:hover { opacity: 0.7; } #c_ionizer.p_method .prt_tbl th, #c_ionizer.p_method .prt_tbl td { vertical-align: middle; text-align: center; } #c_ionizer.p_point .prt_tbl td { vertical-align: middle; text-align: center; } #c_ionizer.p_point .style_charged { margin-top: 10px; padding: 8px; border: 1px solid #000; font-weight: bold; font-size: 18px; } #c_ionizer.p_point .style_charged.style_01 { margin-top: 35px; } #c_ionizer.p_maintenance .box_needle { margin: 10px auto; padding: 5px 10px; border: 1px solid #333; text-align: center; line-height: 1; } #c_ionizer.p_maintenance .e_mainte_overtime { text-align: center; font-size: 14px; } #c_ionizer.p_maintenance .e_mainte_overtime p { margin: 0; } #c_ionizer.p_maintenance .e_mainte_overtime p:first-child { margin-bottom: 15px; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list { display: table; table-layout: fixed; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list li { display: table-cell; padding-left: 20px; vertical-align: middle; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list li:first-child { padding-left: 0; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list .item { max-width: 185px; width: 185px; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list .item_arrow { width: 50px; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_box { display: table; width: 100%; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_box .inner { display: table-cell; vertical-align: middle; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_box p:first-child { margin: 0; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime { margin: 0; padding: 15px 10px; border: 1px solid #333; text-align: center; } #c_ionizer.p_maintenance .e_mainte_cols_01 { display: table; width: 100%; table-layout: fixed; } #c_ionizer.p_maintenance .e_mainte_cols_01 .item { display: table-cell; padding: 0 1%; vertical-align: middle; } #c_ionizer.p_maintenance .e_mainte_cols_01 .item .prt_bold { text-align: center; } #c_ionizer.p_maintenance .e_mainte_cols_01 .item .prt_figure_01 { margin: 0; } #c_ionizer.p_maintenance .prt_image_contents.style_01 { margin-top: 0; } #c_ionizer.p_maintenance .prt_image_contents.style_01 .prt_flexbox { margin: 0; } #c_ionizer.p_maintenance .desc.prt_columns.col2.style_01 { margin-bottom: 0; } #c_ionizer.p_maintenance .desc.prt_columns.col2.style_01 dd.style_01 { min-height: 50px; } #c_ionizer.p_maintenance .desc.prt_columns.col2.style_01 .prt_figure_01 { margin: 5px 0 15px; } #c_ionizer.p_maintenance .caption.style_02 { color: #333; text-align: center; font-size: 14px; } #c_lineup.p_bar .prt_disc_def.item .prt_figure_01 { margin: 0; } #c_lineup.p_spot .prt_columns.col2 .image, #c_lineup.p_spot .prt_columns.col2 .prt_alpha_list_02 { text-align: center; } #c_lineup.p_merit .arrow_box { display: flex; flex-wrap: nowrap; justify-content: center; } #c_lineup.p_merit .arrow_box .item { flex: 0 1 300px; margin: 0; -webkit-box-flex: 0; } #c_lineup.p_merit .arrow_box .item.arrow { position: relative; flex: 0 0 60px; margin: 0 10px; width: 60px; -webkit-box-flex: 0; } #c_lineup.p_merit .arrow_box .item.arrow i { position: absolute; top: calc((100% - 60px) / 2); left: 50%; transform: translate(-50%, -50%); } #c_lineup.p_blower .prt_figure_01 .desc.caption { text-align: right; } #c_lineup.p_blower .prt_figure_01 .desc.caption span.prt_note_01 { display: inline-block; } #c_casestudy .prt_box_01.before { background: #eee; } #c_casestudy .prt_box_01.after { background: #eaf0f7; } #c_casestudy .prt_box_01.after .prt_columns.col2 .item.prt_figure_01 .image { background: #eaf0f7; } #c_casestudy .prt_columns.col2.style_01 .prt_disc_list { padding: 20px 30px; background: #eaf0f7; } #c_casestudy .prt_voice_box { display: table; width: 100%; border: 3px solid #004b98; background: #fff; } #c_casestudy .prt_voice_box .title { display: none; } #c_casestudy .prt_voice_box .prt_sub_section { margin: 20px 0; } #c_casestudy .prt_voice_box .prt_sub_section *:last-child { margin-bottom: 0; } #c_casestudy .prt_voice_box .header { font-weight: bold; font-size: 20px; } #c_casestudy .prt_voice_box header { display: table; } #c_casestudy .prt_voice_box header .copy, #c_casestudy .prt_voice_box header .title { display: table-cell; vertical-align: middle; } #c_casestudy .prt_voice_box header .title { padding: 20px 10px 20px 40px; color: #004b98; font-weight: bold; font-size: 24px; } #c_casestudy .prt_voice_box header .copy { padding: 10px 10px 10px 62px; width: 209px; background: #004b98 url(../../../../../img/ss/products/static/static-electricity/bg_style_006.png) no-repeat 22px 50%; color: #fff; text-align: center; font-size: 17px; } #c_casestudy .prt_voice_box header .copy p { position: relative; margin-bottom: 0; } #c_casestudy .prt_voice_box header .copy p span { display: block; font-weight: bold; font-size: 25px; line-height: 1.4; } #c_casestudy .prt_voice_box header .copy p span::before { position: absolute; top: 50%; right: -31px; width: 0; height: 0; border-width: 7px 0 7px 22px; border-style: solid; border-color: transparent transparent transparent #004b98; content: ""; transform: translate(0, -50%); } #c_casestudy .prt_voice_box .contents { padding: 20px 10px 10px; } #c_casestudy .prt_voice_box .result { padding: 20px; background: #eaf0f7; } #c_casestudy .prt_voice_box .prt_box_01 { margin: 10px 0; padding: 10px; } #c_casestudy .prt_box_01.before .header { position: relative; margin-bottom: 24px; padding: 0 0 10px 35px; border-bottom: 2px solid #333; font-size: 24px; } #c_casestudy .prt_box_01.before .header::before { position: absolute; top: -20px; left: 0; width: 15px; height: 50px; background: #333; content: ""; } #c_casestudy .prt_box_01.before .prt_sub_section { margin: 20px 0; } #c_casestudy .prt_box_01.before .subheader { margin: 0 0 5px; font-weight: bold; } #c_casestudy .prt_box_01.before .subheader + * { margin-top: 0; } #c_casestudy .prt_box_01.after .header { position: relative; margin-bottom: 24px; padding: 0 0 10px 35px; border-bottom: 2px solid #004b98; font-size: 24px; } #c_casestudy .prt_box_01.after .header::before { position: absolute; top: -20px; left: 0; width: 15px; height: 50px; background: #004b98; content: ""; } #c_casestudy.c_electric.p_ic-chip .prt_note_01, #c_casestudy.c_electric.p_ic-chip .nomargin_bottom { margin: 0; } #c_casestudy.c_paper.p_making .prt_note_01, #c_casestudy.c_paper.p_making .nomargin_bottom { margin: 0; } #c_casestudy.c_foodstuffs #side .nav_item.casestudy .nav_list .foodstuffs a { color: #c80000; } #c_casestudy.c_resin #side .nav_item.casestudy .nav_list .resin a { color: #c80000; } #c_casestudy.c_machine #side .nav_item.casestudy .nav_list .machine a { color: #c80000; } #c_casestudy.c_electric #side .nav_item.casestudy .nav_list .electric a { color: #c80000; } #c_casestudy.c_glass #side .nav_item.casestudy .nav_list .glass a { color: #c80000; } #c_casestudy.c_paper #side .nav_item.casestudy .nav_list .paper a { color: #c80000; } #c_casestudy.c_metal #side .nav_item.casestudy .nav_list .metal a { color: #c80000; } #c_casestudy.c_automobile #side .nav_item.casestudy .nav_list .automobile a { color: #c80000; } #c_faq .prt_acc_menu { counter-reset: li; /* text */ /* link */ /* margin */ /* heading */ /* parts */ /* box */ /* column */ /* table */ } #c_faq .prt_acc_menu p { margin: 20px 0; } #c_faq .prt_acc_menu sub { vertical-align: sub; font-size: smaller; } #c_faq .prt_acc_menu sup { vertical-align: super; font-size: smaller; } #c_faq .prt_acc_menu .prt_sect_cv { margin-bottom: 30px; } #c_faq .prt_acc_menu .prt_lead { margin: 0 0 50px; } #c_faq .prt_acc_menu .style_middle { vertical-align: middle; text-align: center; } #c_faq .prt_acc_menu .prt_block_center { text-align: center; } #c_faq .prt_acc_menu .prt_block_center > span { display: inline-block; text-align: left; } #c_faq .prt_acc_menu .prt_vertical_mid { display: table; } #c_faq .prt_acc_menu .prt_vertical_mid .vertical_item { display: table-cell; vertical-align: middle; } #c_faq .prt_acc_menu .prt_block, #c_faq .prt_acc_menu .prt_break_pc { display: block; } #c_faq .prt_acc_menu .prt_aleft { text-align: left; } #c_faq .prt_acc_menu .prt_aright { text-align: right; } #c_faq .prt_acc_menu .prt_acenter { text-align: center; } #c_faq .prt_acc_menu .prt_reference { font-size: 12px; } #c_faq .prt_acc_menu .prt_em { font-weight: bold; } #c_faq .prt_acc_menu .prt_em.em_red_01 { color: #a30107; } #c_faq .prt_acc_menu .prt_em.em_red_02 { color: #a30107; font-size: 18px; } #c_faq .prt_acc_menu .prt_em.em_red_03 { margin-bottom: 15px; color: #a30107; font-weight: normal; font-size: 18px; } #c_faq .prt_acc_menu .style_strong_02 { background: #06c; color: #fff; } #c_faq .prt_acc_menu .style_strong_03 { background: #d6ebcc; } #c_faq .prt_acc_menu .prt_label { margin-bottom: 15px; padding: 8px 10px 6px; width: 100%; border-radius: 5px; background: #e5edf4; font-weight: bold; line-height: 1.2; } #c_faq .prt_acc_menu .prt_label + p { margin-top: 0; } #c_faq .prt_acc_menu .prt_link_dark { color: #333; } #c_faq .prt_acc_menu .btn_casestudy_box { margin: 15px 0; } #c_faq .prt_acc_menu .btn_casestudy_box::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #c_faq .prt_acc_menu .btn_casestudy_box a { float: right; max-width: 340px; } #c_faq .prt_acc_menu .prt_btn_casestudy { display: block; padding: 15.5px 0; width: 100%; border-radius: 4px; background: #004d9d; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #004d9d 0%, #0251a0 2%, #034b97 4%, #054d99 6%, #064a95 9%, #044589 23%, #034383 26%, #023f78 36%, #043a76 43%, #023972 49%, #053871 51%, #003466 68%, #002f5f 83%, #01305a 91%, #012d5e 96%, #032b66 98%, #0b2756 100%); box-shadow: 0 0 5px 2px #cbccce; color: #fff; text-align: center; letter-spacing: 1.5px; font-weight: bold; font-size: 17px; line-height: 1; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #c_faq .prt_acc_menu .no_margin { margin: 0; } #c_faq .prt_acc_menu .sect_contents { margin-bottom: 50px; } #c_faq .prt_acc_menu .sub_sect { margin-bottom: 30px; } #c_faq .prt_acc_menu .view_inner { margin: 30px 0; } #c_faq .prt_acc_menu .heading_01 { position: relative; margin-bottom: 40px; padding: 5px 0 0 15px; border-left: 8px solid #004b98; color: #004b98; font-size: 35px; line-height: 1.2; } #c_faq .prt_acc_menu .heading_01 .sub_ttl { display: block; font-size: 16px; line-height: 1.4; } #c_faq .prt_acc_menu .heading_02 { margin-bottom: 25px; padding: 15px 35px; background: url(../../../../../img/ss/products/static/static-electricity/bg_style_003.png) #004b98 no-repeat 97% center; background-size: contain; color: #fff; font-weight: bold; font-size: 25px; line-height: 1.5; } #c_faq .prt_acc_menu .heading_03 { position: relative; margin: 20px 0 30px; padding-bottom: 5px; font-weight: bold; font-size: 20px; } #c_faq .prt_acc_menu .heading_03::before { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 4px; background: #ccc; content: ""; } #c_faq .prt_acc_menu .heading_03::after { position: absolute; bottom: 0; left: 0; display: block; width: 39%; height: 4px; background: #2965a2; content: ""; } #c_faq .prt_acc_menu .heading_04 { margin: 20px 0 28px; padding: 6px 10px; border-left: 5px solid #004b98; background-color: #f3f8fd; color: #004b98; font-weight: bold; font-size: 20px; line-height: 1; } #c_faq .prt_acc_menu .heading_05 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px solid #003b84; font-weight: bold; } #c_faq .prt_acc_menu .heading_06 { margin-bottom: 20px; padding: 10px; background-color: #f3f8fd; color: #004b98; font-weight: bold; font-size: 18px; line-height: 1; } #c_faq .prt_acc_menu .heading_06 .add_border { display: block; border-bottom: 2px solid #003b84; } #c_faq .prt_acc_menu .heading_07 { margin: 30px 0; padding: 6px 10px; color: #fff; font-weight: bold; font-size: 18px; } #c_faq .prt_acc_menu .prt_image { text-align: center; } #c_faq .prt_acc_menu .prt_image.img_fl_left { float: left; } #c_faq .prt_acc_menu .prt_image.img_fl_right { float: right; } #c_faq .prt_acc_menu .prt_image.img_aleft { text-align: left; } #c_faq .prt_acc_menu .prt_image.img_aright { text-align: right; } #c_faq .prt_acc_menu .prt_image .img_margin { margin-bottom: 20px; } #c_faq .prt_acc_menu .prt_img_border img { border: 1px solid #333; } #c_faq .prt_acc_menu .border_box p:last-child { margin: 15px 0 0; } #c_faq .prt_acc_menu .border_box { padding: 15px; border: 1px solid #ddd; font-size: 14px; } #c_faq .prt_acc_menu .border_box.box_pd_small { padding: 15px 10px; } #c_faq .prt_acc_menu .border_box.box_bg_white { background: #fff; } #c_faq .prt_acc_menu .border_box.box_space { margin: 0 0 15px; } #c_faq .prt_acc_menu .border_box .caption_01, #c_faq .prt_acc_menu .border_box .caption_02, #c_faq .prt_acc_menu .border_box .caption_03, #c_faq .prt_acc_menu .border_box .caption_04, #c_faq .prt_acc_menu .border_box .caption_calc { font-weight: bold; } #c_faq .prt_acc_menu .border_box .caption_01.cap_normal, #c_faq .prt_acc_menu .border_box .caption_02.cap_normal, #c_faq .prt_acc_menu .border_box .caption_03.cap_normal, #c_faq .prt_acc_menu .border_box .caption_04.cap_normal, #c_faq .prt_acc_menu .border_box .caption_calc.cap_normal { font-weight: normal; } #c_faq .prt_acc_menu .border_box .caption_01, #c_faq .prt_acc_menu .border_box .caption_03 { margin: 0 0 15px; } #c_faq .prt_acc_menu .border_box .caption_02, #c_faq .prt_acc_menu .border_box .caption_04, #c_faq .prt_acc_menu .border_box .caption_blue { margin: 15px 0 0; } #c_faq .prt_acc_menu .border_box .caption_03, #c_faq .prt_acc_menu .border_box .caption_04, #c_faq .prt_acc_menu .border_box .caption_calc { font-size: 16px; } #c_faq .prt_acc_menu .border_box .caption_calc { text-align: right; } #c_faq .prt_acc_menu .border_box .caption_blue { color: #72d2f8; font-weight: bold; font-size: 28px; line-height: 1.2; } #c_faq .prt_acc_menu .border_box .note { margin: 15px 0 0; } #c_faq .prt_acc_menu .border_box .box_inner { margin-bottom: 30px; } #c_faq .prt_acc_menu .border_box .box_inner:last-child { margin-bottom: 0; } #c_faq .prt_acc_menu .border_box p:first-child { margin-bottom: 15px; } #c_faq .prt_acc_menu .blue_box { margin-bottom: 20px; background-color: #f3f8fd; } #c_faq .prt_acc_menu .blue_box .content_block { padding: 30px 25px; } #c_faq .prt_acc_menu .blue_box .column_mainttl { margin-bottom: 0; padding: 20px 60px; background: url(../../../../../img/ss/products/static/static-electricity/bg_style_005.png) no-repeat #004b98 25px center; color: #fff; font-weight: bold; font-size: 22px; line-height: 1; } #c_faq .prt_acc_menu .blue_box .column_subttl { margin: 0; padding: 20px 25px; border-bottom: 1px solid #004b98; color: #004b98; font-weight: bold; font-size: 22px; line-height: 1; } #c_faq .prt_acc_menu .blue_box p:first-child { margin-top: 0; } #c_faq .prt_acc_menu .blue_box p:last-child { margin-bottom: 0; } #c_faq .prt_acc_menu .prt_example_box .prt_em { margin: 0 0 15px; } #c_faq .prt_acc_menu .prt_example_box .prt_em + p { margin: 0 0 30px; } #c_faq .prt_acc_menu .prt_2cols .item.min_narrow, #c_faq .prt_acc_menu .prt_2cols_tbl .item.min_narrow, #c_faq .prt_acc_menu .prt_3cols_tbl .item.min_narrow, #c_faq .prt_acc_menu .prt_4cols_tbl .item.min_narrow { width: 34%; } #c_faq .prt_acc_menu .prt_2cols .item.narrow, #c_faq .prt_acc_menu .prt_2cols_tbl .item.narrow, #c_faq .prt_acc_menu .prt_3cols_tbl .item.narrow, #c_faq .prt_acc_menu .prt_4cols_tbl .item.narrow { width: 38%; } #c_faq .prt_acc_menu .prt_2cols .item.sl_narrow, #c_faq .prt_acc_menu .prt_2cols_tbl .item.sl_narrow, #c_faq .prt_acc_menu .prt_3cols_tbl .item.sl_narrow, #c_faq .prt_acc_menu .prt_4cols_tbl .item.sl_narrow { width: 42%; } #c_faq .prt_acc_menu .prt_2cols .item.sl_wide, #c_faq .prt_acc_menu .prt_2cols_tbl .item.sl_wide, #c_faq .prt_acc_menu .prt_3cols_tbl .item.sl_wide, #c_faq .prt_acc_menu .prt_4cols_tbl .item.sl_wide { width: 54%; } #c_faq .prt_acc_menu .prt_2cols .item.wide, #c_faq .prt_acc_menu .prt_2cols_tbl .item.wide, #c_faq .prt_acc_menu .prt_3cols_tbl .item.wide, #c_faq .prt_acc_menu .prt_4cols_tbl .item.wide { width: 58%; } #c_faq .prt_acc_menu .prt_2cols .item.max_wide, #c_faq .prt_acc_menu .prt_2cols_tbl .item.max_wide, #c_faq .prt_acc_menu .prt_3cols_tbl .item.max_wide, #c_faq .prt_acc_menu .prt_4cols_tbl .item.max_wide { width: 62%; } #c_faq .prt_acc_menu .prt_2cols.colwrap_narrow, #c_faq .prt_acc_menu .prt_2cols_tbl.colwrap_narrow, #c_faq .prt_acc_menu .prt_3cols_tbl.colwrap_narrow, #c_faq .prt_acc_menu .prt_4cols_tbl.colwrap_narrow { margin: auto; max-width: 420px; } #c_faq .prt_acc_menu .prt_2cols.colwrap_wide, #c_faq .prt_acc_menu .prt_2cols_tbl.colwrap_wide, #c_faq .prt_acc_menu .prt_3cols_tbl.colwrap_wide, #c_faq .prt_acc_menu .prt_4cols_tbl.colwrap_wide { margin: auto; max-width: 520px; } #c_faq .prt_acc_menu .prt_2cols::after, #c_faq .prt_acc_menu .prt_3cols::after, #c_faq .prt_acc_menu .prt_4cols::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #c_faq .prt_acc_menu .prt_2cols .item, #c_faq .prt_acc_menu .prt_3cols .item, #c_faq .prt_acc_menu .prt_4cols .item { float: left; } #c_faq .prt_acc_menu .prt_2cols .item:first-child, #c_faq .prt_acc_menu .prt_3cols .item:first-child, #c_faq .prt_acc_menu .prt_4cols .item:first-child { margin-left: 0; } #c_faq .prt_acc_menu .prt_2cols .item { margin: 0 0 0 4%; width: 48%; } #c_faq .prt_acc_menu .prt_2cols .item p:first-child { margin-top: 0; } #c_faq .prt_acc_menu .prt_2cols.first_item_right > .item { margin: 0; } #c_faq .prt_acc_menu .prt_2cols.first_item_right > .item:first-child { float: right; margin: 0 0 0 4%; } #c_faq .prt_acc_menu .prt_2cols.first_item_right > .item:last-child { margin: 0; } #c_faq .prt_acc_menu .prt_3cols .item { margin-left: 15px; width: calc((100% - 30px) / 3); } #c_faq .prt_acc_menu .prt_4cols::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #c_faq .prt_acc_menu .prt_4cols .item { float: left; margin-left: 10px; width: calc((100% - 30px)/4); } #c_faq .prt_acc_menu .prt_4cols_tbl { display: table; } #c_faq .prt_acc_menu .prt_4cols_tbl .item { display: table-cell; } #c_faq .prt_acc_menu .prt_2cols_tbl, #c_faq .prt_acc_menu .prt_3cols_tbl, #c_faq .prt_acc_menu .prt_4cols_tbl, #c_faq .prt_acc_menu .prt_cols_caret, #c_faq .prt_acc_menu .prt_cols_caret_02 { display: table; width: 100%; table-layout: fixed; } #c_faq .prt_acc_menu .prt_2cols_tbl .item, #c_faq .prt_acc_menu .prt_2cols_tbl .item_caret, #c_faq .prt_acc_menu .prt_3cols_tbl .item, #c_faq .prt_acc_menu .prt_3cols_tbl .item_caret, #c_faq .prt_acc_menu .prt_4cols_tbl .item, #c_faq .prt_acc_menu .prt_4cols_tbl .item_caret, #c_faq .prt_acc_menu .prt_cols_caret .item, #c_faq .prt_acc_menu .prt_cols_caret .item_caret, #c_faq .prt_acc_menu .prt_cols_caret_02 .item, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret { display: table-cell; } #c_faq .prt_acc_menu .prt_2cols_tbl.type_ver_mid .item, #c_faq .prt_acc_menu .prt_3cols_tbl.type_ver_mid .item, #c_faq .prt_acc_menu .prt_4cols_tbl.type_ver_mid .item, #c_faq .prt_acc_menu .prt_cols_caret.type_ver_mid .item, #c_faq .prt_acc_menu .prt_cols_caret_02.type_ver_mid .item { vertical-align: middle; } #c_faq .prt_acc_menu .prt_2cols_tbl .item { padding: 0 2%; width: 46%; } #c_faq .prt_acc_menu .prt_2cols_tbl.col_pd_small .item { padding: 0 1%; } #c_faq .prt_acc_menu .prt_3cols_tbl .item { padding-left: 15px; width: calc((100% - 30px) / 3); } #c_faq .prt_acc_menu .prt_3cols_tbl .item:first-child { padding-left: 0; } #c_faq .prt_acc_menu .prt_4cols_tbl .item { padding-left: 10px; width: calc((100% - 30px) / 4); } #c_faq .prt_acc_menu .prt_4cols_tbl .item:first-child { padding-left: 0; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret { width: 45px; vertical-align: middle; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret .icon_caret, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret .icon_caret { display: block; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret .icon_caret::before { display: block; width: 15px; border: 15px solid transparent; border-left: 15px solid #6dcff6; content: ""; transform: translateX(50%); } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_yellow .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_yellow .icon_caret::before { border-left: 15px solid #ffe226; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_blue .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_blue .icon_caret::before { border-left: 15px solid #6677af; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_green .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_green .icon_caret::before { border-left: 15px solid #a6d38e; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_yellow, #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_blue, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_l_yellow, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_l_blue { width: 90px; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_yellow .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_blue .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_l_yellow .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_l_blue .icon_caret::before { width: 30px; border: 30px solid transparent; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_blue .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_l_blue .icon_caret::before { border-left: 30px solid #6677af; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_yellow .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret_02 .item_caret.caret_l_yellow .icon_caret::before { border-left: 30px solid #ffe226; } #c_faq .prt_acc_menu .prt_tbl_block { margin: 30px 0; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl { margin: 0 0 10px; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl sup, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl sup { margin: 0; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .tbl_caption, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .tbl_caption { margin-bottom: 6px; text-align: left; font-weight: bold; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w10, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w10 { width: 10%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w15, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w15 { width: 15%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w20, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w20 { width: 20%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w25, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w25 { width: 25%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w30, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w30 { width: 30%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w35, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w35 { width: 35%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w40, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w40 { width: 40%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w45, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w45 { width: 45%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w50, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .cell_w50 { width: 50%; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .none_data, #c_faq .prt_acc_menu .prt_tbl_block .prt_tbl .none_data { display: none; } #c_faq .prt_acc_menu .prt_tbl.tbl_th_left tbody th, #c_faq .prt_acc_menu .prt_rsp_tbl.tbl_th_left tbody th { text-align: left; } #c_faq .prt_acc_menu .prt_tbl.tbl_th_right tbody th, #c_faq .prt_acc_menu .prt_rsp_tbl.tbl_th_right tbody th { text-align: right; } #c_faq .prt_acc_menu .prt_tbl.tbl_td_center td, #c_faq .prt_acc_menu .prt_rsp_tbl.tbl_td_center td { text-align: center; } #c_faq .prt_acc_menu .prt_tbl.tbl_all_center th, #c_faq .prt_acc_menu .prt_tbl.tbl_all_center td, #c_faq .prt_acc_menu .prt_rsp_tbl.tbl_all_center th, #c_faq .prt_acc_menu .prt_rsp_tbl.tbl_all_center td { text-align: center; } #c_faq .prt_acc_menu .prt_tbl .tbl_line_electric td, #c_faq .prt_acc_menu .prt_rsp_tbl .tbl_line_electric td { border-bottom: 3px double #bdbdbd; background: #fffeec; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 .tbl_label_sp { display: none; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_radiation td { text-align: left; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_radiation td .tbl_cell { display: table; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_radiation td .tbl_cell span { display: table-cell; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_radiation td .tbl_cell .symbol { padding-right: 5px; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_radiation td.td_empty { text-align: center; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_voltage .sub_label th { background: #eee; color: #333; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_fq_dest_q3 thead th { background: #fffbdb; color: #000; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_fq_dest_q3 tbody td:nth-child(2) { text-align: right; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_sjh { width: 700px; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_sjh .gauge_box p { margin: 10px 0; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_sjh .gauge_box .gauge { position: relative; margin: auto; width: 80px; height: 130px; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_sjh .gauge_box .gauge .gauge_item { display: block; width: 0; height: 0; border-width: 130px 40px 0 40px; border-style: solid; border-color: #666 transparent transparent transparent; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_sjh .gauge_box .gauge::after { position: absolute; top: 0; left: 0; display: block; width: 80px; height: 130px; background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); content: ""; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_other td { text-align: center; } #c_faq .prt_acc_menu .prt_tbl_block .tbl_other td:last-child { text-align: left; } #c_faq .prt_acc_menu .prt_anchor_list { overflow: hidden; margin: 30px 0; } #c_faq .prt_acc_menu .prt_anchor_list li { position: relative; float: left; margin: 0 10px 10px 0; width: calc((100% - 20px) / 3); background: #fff; } #c_faq .prt_acc_menu .prt_anchor_list li:nth-child(3n) { margin-right: 0; } #c_faq .prt_acc_menu .prt_anchor_list li::before { position: absolute; top: 50%; left: 10px; margin: -2px 0 0; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: #004b98; content: ""; transform: translate(0, -50%) rotate(45deg); } #c_faq .prt_acc_menu .prt_anchor_list li > span { display: table; width: 100%; word-break: break-word; font-size: 14px; } #c_faq .prt_acc_menu .prt_anchor_list li > span a { display: table-cell; padding: 15px 20px 12px 30px; border: 1px solid #004b98; color: #333; vertical-align: middle; text-decoration: none; line-height: 1.25; opacity: 1; } #c_faq .prt_acc_menu .prt_anchor_list li:hover { background: #004b98; } #c_faq .prt_acc_menu .prt_anchor_list li:hover::before { border-color: #fff; } #c_faq .prt_acc_menu .prt_anchor_list li:hover span a { color: #fff; } #c_faq .prt_acc_menu .prt_number_list { margin: 0 0 20px; counter-reset: li; } #c_faq .prt_acc_menu .prt_number_list li { margin-bottom: 15px; } #c_faq .prt_acc_menu .prt_number_list li .img_border { margin-top: 20px; } #c_faq .prt_acc_menu .prt_number_list li:last-child { margin-bottom: 0; } #c_faq .prt_acc_menu .prt_number_list li p:first-child { margin: 0 0 15px; } #c_faq .prt_acc_menu .prt_number_list li p:last-child { margin-bottom: 0; } #c_faq .prt_acc_menu .prt_number_list li .text_box p:first-child { margin: 0; } #c_faq .prt_acc_menu .prt_number_list.type_num_basic li, #c_faq .prt_acc_menu .prt_number_list.type_num_dot li, #c_faq .prt_acc_menu .prt_number_list.type_num_class li, #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet li { margin-bottom: 15px; } #c_faq .prt_acc_menu .prt_number_list.type_num_basic li:last-child, #c_faq .prt_acc_menu .prt_number_list.type_num_dot li:last-child, #c_faq .prt_acc_menu .prt_number_list.type_num_class li:last-child, #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet li:last-child { margin-bottom: 0; } #c_faq .prt_acc_menu .prt_number_list.type_num_basic li { position: relative; padding-left: 30px; } #c_faq .prt_acc_menu .prt_number_list.type_num_basic li::before { position: absolute; top: 0; left: 0; display: block; content: counter(li) ")"; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_dot li { position: relative; padding-left: 20px; } #c_faq .prt_acc_menu .prt_number_list.type_num_dot li::before { position: absolute; top: 0; left: 0; display: block; content: counter(li) "."; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_class li .item_nbr { position: relative; padding-left: 30px; } #c_faq .prt_acc_menu .prt_number_list.type_num_class li .item_nbr::before { position: absolute; top: 0; left: 0; display: block; content: counter(li) ")"; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_class li .item_nbr + p { margin-top: 0; } #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet { padding: 0 20px; } #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet li { position: relative; padding-left: 40px; } #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet li::before { position: absolute; left: 0; content: "("counter(li, lower-alpha) ")"; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition.list_mb_small li, #c_faq .prt_acc_menu .prt_number_list.type_num_definition_02.list_mb_small li { margin-bottom: 15px; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition li { margin-bottom: 30px; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition li dt { display: inline-block; font-weight: bold; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition li dt::before { margin-right: 10px; content: counter(li) ")"; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition.dl_wriststrap li dt { color: #a30107; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition_02 li { margin-bottom: 20px; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition_02 li dt { display: inline-block; } #c_faq .prt_acc_menu .prt_number_list.type_num_definition_02 li dt::before { margin-right: 10px; content: counter(li) "."; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_electrometer li dt { display: inline-block; margin: 0 0 20px; font-weight: bold; font-size: 18px; } #c_faq .prt_acc_menu .prt_number_list.type_num_electrometer li dt::before { margin-right: 10px; content: counter(li) "."; counter-increment: li; } #c_faq .prt_acc_menu .prt_number_list.type_num_electrometer li p { margin: 0; } #c_faq .prt_acc_menu .prt_number_list.type_num_electrometer li .dot_list01 li { margin: 0; } #c_faq .prt_acc_menu .dot_list01 { margin-bottom: 20px; padding-left: 1.5em; list-style-type: disc; } #c_faq .prt_acc_menu .dot_list01.type_strong { padding-left: 1.2em; font-weight: bold; } #c_faq .prt_acc_menu .triangle_list { margin-bottom: 15px; } #c_faq .prt_acc_menu .triangle_list dt { position: relative; padding-left: 15px; } #c_faq .prt_acc_menu .triangle_list dt::before { position: absolute; top: 6px; left: 0; border-top: 11px solid #333; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; } #c_faq .prt_acc_menu .triangle_list dd { margin-bottom: 30px; } #c_faq .prt_acc_menu .emphasis_list { margin-bottom: 30px; } #c_faq .prt_acc_menu .emphasis_list li { font-weight: bold; } #c_faq .prt_acc_menu .emphasis_list.type_emph_red li { color: #a30107; } #c_faq .prt_acc_menu .emphasis_list.type_emph_normal li { font-weight: normal; } #c_faq .prt_acc_menu .shape_list { margin-bottom: 30px; font-weight: bold; } #c_faq .prt_acc_menu .shape_list::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #c_faq .prt_acc_menu .shape_list dt { float: left; } #c_faq .prt_acc_menu .shape_list dd { padding-left: 26px; } #c_faq .prt_acc_menu .prt_arrow, #c_faq .prt_acc_menu .arrow_list_casestudy li { position: relative; vertical-align: middle; } #c_faq .prt_acc_menu .prt_arrow::before, #c_faq .prt_acc_menu .arrow_list_casestudy li::before, #c_faq .prt_acc_menu .prt_arrow::after, #c_faq .prt_acc_menu .arrow_list_casestudy li::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } #c_faq .prt_acc_menu .prt_arrow::before, #c_faq .prt_acc_menu .arrow_list_casestudy li::before { left: 15px; width: 12px; height: 10px; border: 10px solid transparent; border-left: 12px solid #898989; } #c_faq .prt_acc_menu .prt_arrow::after, #c_faq .prt_acc_menu .arrow_list_casestudy li::after { left: 0; width: 15px; height: 10px; border-left: 15px solid #898989; } #c_faq .prt_acc_menu .prt_arrow { padding: 0 0 0 30px; } #c_faq .prt_acc_menu .prt_arrow_list { display: table; width: 100%; table-layout: fixed; } #c_faq .prt_acc_menu .prt_arrow_list li { display: table-cell; padding-left: 20px; vertical-align: middle; } #c_faq .prt_acc_menu .prt_arrow_list li:first-child { padding-left: 0; } #c_faq .prt_acc_menu .prt_arrow_list .item_arrow { width: 50px; } #c_faq .prt_acc_menu .prt_arrow_box { display: table; margin: auto; width: 50px; height: 50px; } #c_faq .prt_acc_menu .prt_arrow_box .arrow { display: table-cell; vertical-align: middle; transform: rotate(135deg); } #c_faq .prt_acc_menu .arrow_list_casestudy li { padding: 0 0 0 35px; } #c_faq .prt_acc_menu .acc_content { overflow: hidden; max-height: 0; transition: max-height 0.6s ease-out 0s; } #c_faq .prt_acc_menu .acc_content .inner { padding: 0 10px; border-top: 1px solid #e7e7e7; } #c_faq .prt_acc_menu > dl:last-child label { border-bottom: 1px solid #e7e7e7; } #c_faq .prt_acc_menu > dl:last-child .acc_content .inner { border-top: none; } #c_faq .prt_acc_menu label { position: relative; display: table; padding: 10px 30px 10px 10px; width: 100%; border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; font-weight: bold; line-height: 1.4; cursor: pointer; } #c_faq .prt_acc_menu label > span { display: table-cell; } #c_faq .prt_acc_menu label::before { display: table-cell; width: 3em; color: #004b98; content: "Q"counter(li, decimal-leading-zero); counter-increment: li; } #c_faq .prt_acc_menu label::after { position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; background-image: url(../../../../../img/ss/common/bg_nav_001.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; transform: translateY(-50%); } #c_faq .prt_acc_menu input { display: none; } #c_faq .prt_acc_menu input:checked + dl > .acc_content { max-height: 9999px; transition: max-height 2s ease-in; } #c_faq .prt_acc_menu input:checked + dl > dt label::after { background-image: url(../../../../../img/ss/common/bg_nav_002.png); } #c_faq.p_basics .fq_basics_q06 .prt_center_01 { text-align: center; } #c_faq.p_adhesion .prt_2cols { margin-bottom: 30px; } #c_faq.p_pause .prt_acc_menu .prt_2cols .item .caption_01 { font-size: 18px; } #c_faq.p_pause .style_tbl { display: table; width: 100%; text-align: center; } #c_faq.p_pause .style_tbl .tbl_item { display: table-cell; padding: 0 5px; vertical-align: middle; } #c_faq.p_pause .style_tbl .tbl_item p.label_01 { color: #737373; font-weight: bold; font-size: 20px; } #c_faq.p_pause .style_tbl .tbl_item p.label_02 { color: #737373; text-align: left; font-size: 20px; } #c_faq.p_basic .tbl_all_center.tbl_sjh.style_01 td { vertical-align: middle; } #c_faq.p_basic .measure_conditions { width: 100%; text-align: left; } #c_faq.p_basic .measure_conditions th { white-space: nowrap; } #c_faq.p_basic .measure_conditions td { padding-left: 1em; text-indent: -1em; } #c_faq.p_basic .measure_conditions td span { text-indent: 0; } #c_faq.p_basic .measure_conditions td::before { content: "锛?; } #c_faq.p_application .prt_acc_menu .dot_list01 { margin-bottom: 20px; padding-left: 1.5em; list-style-type: disc; font-size: 16px; } #c_faq.p_application .prt_image.style_01 { margin-bottom: 20px; } #c_faq.p_application .caution.style_01 { display: table; margin: 15px 0 0; font-size: 16px; } #c_faq.p_application .caution.style_01 dt { display: table-cell; width: 50px; } #c_faq.p_application .caution.style_01 dd { display: table-cell; } #c_faq.p_application .heading_06.no_margin.style_01 { margin-bottom: 0; } #c_faq.p_application .style_tbl { display: table; width: 100%; text-align: center; } #c_faq.p_application .style_tbl .tbl_item { display: table-cell; padding: 0 5px; vertical-align: middle; } #c_faq.p_application .style_tbl .tbl_item p.label_01 { color: #6279ad; font-weight: bold; font-size: 16px; } #c_faq.p_application .style_tbl .tbl_item .label_02 { color: #333; text-align: left; font-weight: bold; font-size: 16px; } #c_faq.p_application .style_tbl .tbl_item .label_02 dt { position: relative; display: table-cell; width: 70px; } #c_faq.p_application .style_tbl .tbl_item .label_02 dt::before { position: absolute; top: 0; right: 0; content: "锛?; } #c_faq.p_application .style_tbl .tbl_item .label_02 dt span { display: block; width: 80px; } #c_faq.p_application .style_tbl .tbl_item .label_02 dt span .style_epsilon { display: initial; font-size: 21px; line-height: 0; } #c_faq.p_application .style_tbl .tbl_item .label_02 dd { display: table-cell; } #c_download .main_contents { float: none; width: auto; } #c_download .download_list li { border: 1px solid #d6d6d6; } #c_download .download_list a { display: block; padding: 20px; text-decoration: none; transition: opacity 0.2s; } #c_download .download_list a:hover { opacity: 0.7; } #c_download .download_list a:hover .name { text-decoration: underline; } #c_download .download_list .image { margin: 0 0 20px; text-align: center; font-size: 0; } #c_download .download_list .image img { border: solid 1px #ccc; } #c_download .download_list .name { margin: 0 0 15px; font-weight: bold; font-size: 19px; } #c_download .download_list .ss_download_btn { opacity: 1; } #c_download .download_list .ss_download_btn .txt01 { padding-right: 30px; } /* Media Screen ------------------------------- */ @media screen and (min-width: 641px) { /* General */ .sp_view { display: none; } #header .list_box .tel_modal { display: none !important; } /* Nav Menu */ #container .nav_menu .nav_list a { position: relative; display: inline-block; padding: 0 0 0 12px; line-height: 1.4; opacity: 1; } #container .nav_menu .nav_list a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } #container .nav_menu .nav_list a:hover { text-decoration: underline; } #container .nav_menu .nav_list a.active { color: #c80000; } /* Index Nav Base Styles */ .index_nav .nav_menu { margin: 0; } .index_nav .nav_menu > ul, .index_nav .nav_menu .nav_section { display: flex; flex-wrap: wrap; width: 100%; } .index_nav .nav_menu > ul::after, .index_nav .nav_menu .nav_section::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } .index_nav .nav_menu .nav_item { float: left; margin: 0 0 20px 20px; width: calc((100% - 20px) / 2); } .index_nav .nav_menu .nav_item:nth-child(2n+1) { clear: left; margin-left: 0; } .index_nav .ac_btn { position: relative; cursor: auto; } .index_nav .nav_list { display: block !important; padding: 0 !important; } .index_nav .nav_list > ul, .index_nav .nav_list .subcategories { padding: 15px 20px; } .index_nav .nav_list li { font-size: 15px; line-height: 1.3; } .index_nav .nav_list li:first-child { margin: 0; } .index_nav .nav_list li a::before { top: 0.25em; } /* Index Nav Unique Styles for each SS */ .index_nav .nav_menu > ul, .index_nav .nav_menu .nav_section { justify-content: flex-end; } .index_nav .nav_menu .nav_item { border: 1px solid #004b97; } .index_nav .nav_menu .nav_item .ac_btn { display: table; width: 100%; } .index_nav .nav_menu .nav_item .ac_btn .label { display: table-cell; padding: 10px 30px 8px; height: 68px; background: #003b88 no-repeat right center; color: #fff; vertical-align: middle; font-size: 20px; line-height: 1.3; } .index_nav .nav_menu .nav_item .nav_list li { margin: 8px 0 0; font-size: 15px; line-height: 1.5; } .index_nav .nav_menu .nav_item .nav_list li:first-child { margin-top: 0; } .index_nav .nav_menu .nav_item .nav_list a { color: #333; } .index_nav .nav_menu .nav_item.glossary { align-self: flex-start; } .index_nav .nav_menu .nav_item.coming_soon { position: relative; } .index_nav .nav_menu .nav_item.coming_soon::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 10; background: rgba(255, 255, 255, 0.6); content: ""; } .index_nav .nav_menu .nav_item.coming_soon .nav_list { position: relative; min-height: 145px; } .index_nav .nav_menu .nav_item.coming_soon .nav_list ul { display: none; } .index_nav .nav_menu .nav_item.coming_soon .nav_list::before { position: absolute; top: 50%; left: 50%; color: #333; content: "Comingsoon"; font-weight: bold; font-size: 36px; line-height: 1.3; transform: translate(-50%, -50%); } /* Side Nav Base Styles */ #side { float: left; width: 220px; } #side .nav_menu .js_accnav_item .ac_btn { position: relative; font-weight: bold; font-size: 15px; line-height: 1.5; cursor: pointer; -webkit-user-select: none; user-select: none; -ms-user-select: none; } #side .nav_menu .js_accnav_item .ac_btn:hover { background: #eaf0f7; color: #333; } #side .nav_menu .js_accnav_item .ac_btn::after { position: absolute; top: 50%; right: 10px; display: block; width: 18px; height: 18px; background-image: url(../../../../../img/ss/common/bg_nav_001.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; transform: translate(0, -50%); } #side .nav_menu .js_accnav_item .ac_btn .label { opacity: 1; } #side .nav_menu .js_accnav_item.opened .ac_btn::after { background-image: url(../../../../../img/ss/common/bg_nav_002.png); } #side .nav_menu .js_accnav_item.current .ac_btn { background: #eaf0f7; color: #333; } #side .nav_list { display: none; } /* Side Nav Unique Styles for each SS */ #side .nav_menu { border-top: 1px solid #ccc; } #side .nav_menu .js_accnav_item .ac_btn { display: block; padding: 20px 40px 19px 12px; border-bottom: 1px solid #ccc; font-size: 15px; } #side .nav_menu .js_accnav_item .ac_btn .label { color: #333; } #side .nav_menu .js_accnav_item .ac_btn .label:hover { text-decoration: underline; } #side .nav_menu .js_accnav_item .ac_btn::after { background-image: url(../../../../../img/ss/products/static/static-electricity/bg_nav_001.png); } #side .nav_menu .js_accnav_item.opened .ac_btn::after { background-image: url(../../../../../img/ss/products/static/static-electricity/bg_nav_002.png); } #side .nav_menu .nav_list > ul, #side .nav_menu .subcategories { padding: 16px 10px 19px; border-bottom: 1px solid #ccc; } #side .nav_menu .nav_list > ul .subcat, #side .nav_menu .subcategories .subcat { margin: 15px 0 0; } #side .nav_menu .nav_list > ul .subcat:first-child, #side .nav_menu .subcategories .subcat:first-child { margin-top: 0; } #side .nav_menu .nav_list > ul .subcat .catname, #side .nav_menu .subcategories .subcat .catname { margin: 0 0 5px; font-weight: bold; } #side .nav_menu .nav_list > ul li, #side .nav_menu .nav_list > ul .subpage, #side .nav_menu .subcategories li, #side .nav_menu .subcategories .subpage { margin-top: 5px; font-size: 14px; line-height: 1.5; } #side .nav_menu .nav_list > ul li:nth-of-type(1), #side .nav_menu .nav_list > ul .subpage:nth-of-type(1), #side .nav_menu .subcategories li:nth-of-type(1), #side .nav_menu .subcategories .subpage:nth-of-type(1) { margin-top: 0; } #side .nav_menu .nav_list > ul a, #side .nav_menu .subcategories a { color: #2d2d2d; } #side .nav_menu .nav_list > ul a::before, #side .nav_menu .subcategories a::before { top: 0.4em; border-width: 3px 0 3px 6px; } #side .nav_menu .nav_item.glossary { margin-top: 25px; } #side .nav_menu .nav_item.glossary .label { position: relative; display: block; padding: 23px 12px 23px; background: #012f7c; color: #fff; font-weight: bold; font-size: 15px; line-height: 1.25; } #side .nav_menu .nav_item.glossary .label::after { position: absolute; top: 50%; right: 20px; width: 0; height: 0; border-width: 3px 0 3px 6px; border-style: solid; border-color: transparent transparent transparent #fff; content: ""; font-size: 0; transform: translate(0, -50%); } #side .nav_menu .nav_item.coming_soon { display: none; } /* Footer */ #footer .sitemap { padding: 30px 0; background: #003b88; } #footer .sitemap a { color: #fff; text-decoration: none; } #footer .sitemap a:hover { text-decoration: underline; } #footer .sitemap .home_link { margin-bottom: 16px; } #footer .sitemap .home_link a { font-weight: bold; font-size: 16px; } #footer .sitemap .nav_menu::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #footer .sitemap .nav_menu > ul { display: flex; flex-wrap: wrap; } #footer .sitemap .nav_item { float: left; margin: 0 0 20px 20px; width: calc((100% - 40.1px) / 3); } #footer .sitemap .nav_item:nth-child(3n+1) { clear: left; margin-left: 0; } #footer .sitemap .nav_item .ac_btn { display: table; width: 100%; font-weight: bold; font-size: 15px; } #footer .sitemap .nav_item .ac_btn .label { display: table-cell; vertical-align: middle; } #footer .sitemap .nav_list li { margin: 5px 0 0; font-size: 13px; } #footer .sitemap .nav_list a { position: relative; display: inline-block; padding: 0 0 0 12px; line-height: 1.4; opacity: 1; } #footer .sitemap .nav_list a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } #footer .js_sp_menu .js_menu_button { display: none; } #footer .js_sp_menu .nav_list { display: block !important; padding: 0 !important; } #footer .sitemap { border-top: 1px solid #686868; } #footer .sitemap .nav_item .ac_btn { padding: 0 0 3px; border-bottom: 1px solid #e5e5e5; } #footer .sitemap .nav_list { margin-top: 6px; } #footer .sitemap .nav_list li { margin: 0; font-size: 14px; } #footer .sitemap .nav_list li a { line-height: 1.714; } #footer .sitemap .nav_list .catname { color: #fff; } #footer .sitemap .nav_item.coming_soon { display: none; } /* CV Area */ /* Override */ /* Modules */ /* Pages */ } @media screen and (min-width: 641px) and (max-width: 979px) { /* Index Nav */ } @media screen and (min-width: 641px) and (max-width: 865px) { /* Index Nav */ } @media screen and (min-width: 641px) and (max-width: 768px) { /* Index Nav */ .index_nav .nav_menu > ul { display: block; } .index_nav .nav_menu .nav_item { float: none; margin: 0 0 20px; width: auto; } .index_nav .nav_menu .nav_item:nth-child(2n+1) { margin-left: 0; } } @media screen and (max-width: 979px) { /* Header */ #header { height: auto; } #header .site_title { width: 28.5%; } /* CV Bottom */ #cv_contact { height: auto; } #cv_contact .fixed_wrapper { height: auto; } #cv_contact .fixed_wrapper .inner { padding: 0 5px; } #cv_contact .fixed_wrapper .inner p { width: 42.85%; } #cv_contact #pagetop { right: 0; margin-right: 0; } /* CV Area */ /* Override */ /* Modules */ .prt_sect_cv::after { display: none; } .prt_sect_cv .button { margin: 0 0 20px; width: auto; } .prt_sect_cv .button.series, .prt_sect_cv .button.inquiry, .prt_sect_cv .button.download { float: none; } .prt_sect_cv .button.inquiry { margin-bottom: 45px; } .prt_sect_cv .button a { margin: 0 auto; } /* Pages */ } @media screen and (max-width: 865px) { /* CV Bottom */ #cv_contact .fixed_wrapper .inner ul { float: right; width: 405px; } #cv_contact .fixed_wrapper .inner li { width: 200px; } #cv_contact .fixed_wrapper .inner li a { font-size: 14px; } /* CV Area */ /* Override */ /* Modules */ /* Pages */ #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list { display: block; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list li { display: block; margin: 0 auto 20px; padding-left: 0; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list li:first-child { padding-left: 0; } #c_ionizer.p_maintenance .e_mainte_overtime .prt_arrow_01 { transform: rotate(90deg); } } @media screen and (max-width: 768px) { /* Header */ #header .logo { width: 83px; } #header ul { width: 345px; } #header ul li { width: 170px; } #header ul li a { font-size: 12px; } #header .btn_download a::before { width: 18px; } #header .btn_contact a::before { width: 20px; } #header .btn_box { width: 345px; } #header .btn_box li { width: 170px; } #header .btn_box li a { font-size: 12px; } #header .inner { position: relative; } #header .logo { width: 180px; } #header ul { position: absolute; right: 5px; bottom: 0; float: none; } #header ul li { margin: 0; min-height: 36px; width: 50%; } #header ul .btn_download, #header ul .btn_contact { border-radius: 5px 5px 0 0; } /* CV Bottom */ #cv_contact .fixed_wrapper .inner ul { float: right; width: 345px; } #cv_contact .fixed_wrapper .inner li { width: 170px; } #cv_contact .fixed_wrapper .inner li a { font-size: 12px; } /* CV Area */ .cv_area .banner .text_box { width: calc(100% - 108px); } .cv_area .banner .text_box .title { font-size: 18px; } .cv_area .banner .text_box .text { font-size: 12px; } .cv_area .banner .img_box { max-width: 90px; } .cv_area .banner .btn_box .ss_download_btn { width: calc(100% - 108px); } /* Override */ /* Modules */ .prt_columns.col2 > .item, .prt_columns.col2 > .item:first-child, .prt_columns.col2 > .item:nth-child(2), .prt_columns.col2 > .item:nth-child(3), .prt_columns.col2 > .item:nth-child(3n+1), .prt_columns.col3 > .item, .prt_columns.col3 > .item:first-child, .prt_columns.col3 > .item:nth-child(2), .prt_columns.col3 > .item:nth-child(3), .prt_columns.col3 > .item:nth-child(3n+1) { margin: 20px 0 0 20px; width: 45%; width: calc(50% - 10px); } .prt_columns.col2 > .item:first-child, .prt_columns.col2 > .item:first-child + .item, .prt_columns.col3 > .item:first-child, .prt_columns.col3 > .item:first-child + .item { margin-top: 0; } .prt_columns.col2 > .item:nth-child(2n+1), .prt_columns.col3 > .item:nth-child(2n+1) { margin-left: 0; } .prt_image_contents .figure { margin: 0 0 20px 20px; } .prt_image_contents.left_image .figure { margin: 0 20px 20px 0; } .prt_annotated_image { overflow: visible; } .prt_annotated_image > .image { float: none; margin: 0 0 20px; width: auto; } .prt_annotated_image > .annotation { float: none; padding-left: 0; width: auto; } /* Pages */ #p_home .mainvisual { min-height: 0; background-size: cover; } #p_home .mainvisual .inner { padding: 40px 10px; min-height: 0; background-position: right 10px top 50%; background-size: 50%; } } @media screen and (max-width: 640px) { /* General */ .pc_view { display: none; } .wrapper { display: flex; flex-direction: column; } .contents_wrap { padding: 0 15px; } /* Header */ #header { border: none; } #header .inner { padding: 0; } #header .head_box { margin: 0; padding: 12px 15px; width: 100%; } #header .head_box::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #header .site_title { padding: 0; width: 50%; } #header .logo a { padding: 0; } #header ul { float: none; width: 100%; } #header ul li { width: 33.33333%; height: auto; } #header ul li a { display: block; min-height: 100%; height: auto; text-align: center; font-size: 14px; } #header ul li a::before { display: block; } #header ul li a .label { display: block; } #header ul li a .label > span { display: block; } #header ul .btn_download { margin-right: 0; border-radius: 0; } #header ul .btn_download a { padding: 10px 0 14px; } #header ul .btn_download a::before { margin: 0 auto 17px; width: 20px; height: 26px; } #header ul .btn_contact { margin-right: 0; border-radius: 0; } #header ul .btn_contact a { padding: 10px 0 5px; } #header ul .btn_contact a::before { margin: 0 auto 8px; width: 25px; height: 25px; } #header ul .btn_tel { display: block; } #header ul .btn_tel a { padding: 8px 0 5px; } #header ul .btn_tel a::before { margin: 0 auto 5px; width: 22px; height: 30px; } #header .inner { position: relative; } #header .logo { width: 115px; } #header ul { position: static; } #header ul li { min-height: 36px; } #header ul .btn_download, #header ul .btn_contact { border-radius: 0; } #header ul .tel_modal { position: fixed; top: 0; left: 0; z-index: 99999; display: none; width: 100%; height: 100vh; } #header ul .tel_modal .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } #header ul .tel_modal .numbers { position: absolute; top: 50%; right: 16px; left: 16px; transform: translate(0, -50%); } #header ul .tel_modal .close_btn { position: absolute; right: 0; bottom: 100%; width: 32px; height: 32px; background: #000; cursor: pointer; } #header ul .tel_modal .close_btn::before, #header ul .tel_modal .close_btn::after { position: absolute; top: 50%; left: 50%; width: 24px; height: 4px; background: #fff; content: ""; transform-origin: center; } #header ul .tel_modal .close_btn::before { transform: translate(-50%, -50%) rotate(45deg); } #header ul .tel_modal .close_btn::after { transform: translate(-50%, -50%) rotate(135deg); } #header ul .tel_modal a { display: block; margin: 8px 0; padding: 16px; border-radius: 4px; background: #00284a; font-size: 16px; opacity: 1; } #header ul .tel_modal a::before { content: none; } #header ul .tel_modal span { display: none; } #header ul .tel_modal.opened { display: block; } /* Breadcrumbs */ #breadcrumb { order: 1; } #breadcrumb ul, #breadcrumb ol { padding: 0 15px; } /* Container */ #container { padding: 25px 0 0; } /* Pager */ #container .pager li a { padding: 8px; } #container .pager li a::before { top: 4px; bottom: 4px; width: 15px; background-size: 8px; } #container .pager li a > span { font-weight: bold; font-size: 13px; } #container .pager li a > strong { font-size: 16px; line-height: 1.5; } #container .pager .prev a { padding-left: 35px; } #container .pager .prev a::before { background-image: url(../../../../../img/ss/common/bg_pager_sp_001.png); background-position: center; } #container .pager .next a { padding-right: 35px; } #container .pager .next a::before { background-image: url(../../../../../img/ss/common/bg_pager_sp_002.png); background-position: center; } /* CV Bottom */ #cv_contact { width: 100%; height: auto; } #cv_contact .fixed_wrapper { position: relative; padding: 0; width: 100%; background: #fff; } #cv_contact .fixed_wrapper .inner { overflow: visible; padding: 0; width: auto; background-color: #003b88; } #cv_contact .fixed_wrapper .inner p { float: none; width: 100%; text-align: center; } #cv_contact .fixed_wrapper .inner p a { display: block; padding: 2.2% 4.7% 1.6%; } #cv_contact .fixed_wrapper .inner ul { float: none; overflow: hidden; width: 100%; } #cv_contact .fixed_wrapper .inner li { display: table; float: left; margin: 0; width: 50%; height: auto; } #cv_contact .fixed_wrapper .inner li a { padding: 12px 8px; text-align: center; font-size: 14px; } #cv_contact #pagetop { position: relative; top: auto; right: auto; margin: 0; width: auto; height: 60px; background: none; } #cv_contact #pagetop a { position: absolute; right: 11px; bottom: 11px; display: block; width: 40px; height: 40px; } #cv_contact #pagetop a::before { margin-top: -4px; width: 16px; height: 16px; } #cv_contact #pagetop a::after { width: 16px; height: 16px; } #cv_contact.fixed .fixed_wrapper { position: relative; } #cv_contact.fixed .fixed_wrapper #pagetop a { position: fixed; } #cv_contact.fixed.hidden .fixed_wrapper { display: block; } #cv_contact.fixed.hidden .fixed_wrapper #pagetop a { display: none; } /* Footer */ #footer { order: 2; } #footer .sitemap { display: none; } #footer .js_sp_menu { display: block; padding: 0; } #footer .js_sp_menu .js_menu_button { position: fixed; top: 30px; right: 0; z-index: 10010; display: block; width: 49px; height: 34px; border-radius: 3px 0 0 3px; background: rgba(0, 0, 0, 0.6); font-size: 0; opacity: 0; transition: opacity 0.3s ease; } #footer .js_sp_menu .js_menu_button::before, #footer .js_sp_menu .js_menu_button::after, #footer .js_sp_menu .js_menu_button i { position: absolute; top: 50%; left: 50%; margin-left: -4px; width: 24px; height: 4px; background: #fff; content: ""; transition: transform 0.3s ease; } #footer .js_sp_menu .js_menu_button::before { transform: translate(-50%, -10px); } #footer .js_sp_menu .js_menu_button::after { transform: translate(-50%, 6px); } #footer .js_sp_menu .js_menu_button i { transform: translate(-50%, -50%); } #footer .js_sp_menu .js_menu_button.pagein { opacity: 1; cursor: pointer; } #footer .js_sp_menu .inner { position: fixed; top: 0; left: 0; z-index: 10000; display: none; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; padding: 30px 15px 80px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); transition: transform 0.3s ease; transform: translate(100%, 0); } #footer .js_sp_menu .home_link { margin: 0 0 20px; } #footer .js_sp_menu .home_link a { font-size: 0; } #footer .js_sp_menu .home_link a::before { color: #fff; content: attr(data-menu-label); font-weight: bold; font-size: 24px; } #footer .js_sp_menu .nav_list { background: #fff; } #footer .copy { padding: 12px 0; } #footer .copy p, #footer .copy ul { float: none; width: 100%; text-align: center; } #footer .copy ul { margin-bottom: 5px; } #footer .copy ul li a { font-weight: bold; } body.view-mode-sp #footer .inner { display: block; } body.menu-opened { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } body.menu-opened #footer .js_menu_button::before { transform: translate(-50%, -50%) rotate(-225deg); } body.menu-opened #footer .js_menu_button::after { transform: translate(-50%, -50%) rotate(225deg); } body.menu-opened #footer .js_menu_button i { transform: translate(-50%, -50%) rotate(225deg); } body.menu-opened #footer .inner { transform: translate(0); } /* CV Right */ /* Nav Menu */ .nav_menu .nav_item { margin: 0; } .nav_menu .js_accnav_item .ac_btn { position: relative; font-weight: bold; font-size: 18px; line-height: 1.5; cursor: pointer; -webkit-user-select: none; user-select: none; -ms-user-select: none; } .nav_menu .js_accnav_item .ac_btn::after { position: absolute; top: 50%; right: 10px; display: block; width: 18px; height: 18px; background-image: url(../../../../../img/ss/common/bg_nav_001.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; transform: translate(0, -50%); } .nav_menu .js_accnav_item .ac_btn .label { opacity: 1; } .nav_menu .js_accnav_item.opened .ac_btn::after { background-image: url(../../../../../img/ss/common/bg_nav_002.png); } .nav_list { display: none; font-size: 15px; } .nav_list a { position: relative; display: inline-block; padding: 0 0 0 12px; line-height: 1.4; opacity: 1; } .nav_list a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } .nav_list a:hover { text-decoration: underline; } .nav_list a.active { color: #c80000; } .nav_menu { border-top: 1px solid #ccc; } .nav_menu .ac_btn { padding: 14px 40px 12px 14px; background: #003b88 no-repeat right center; } .nav_menu .ac_btn .label { color: #fff; vertical-align: middle; font-weight: bold; font-size: 16px; line-height: 1.3; opacity: 1; } .nav_menu .js_accnav_item { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .nav_menu .js_accnav_item .ac_btn::after { background-color: #fff; } .nav_menu .nav_list > ul, .nav_menu .subcategories { padding: 14px 16px; border-top: 1px solid #ccc; } .nav_menu .nav_list > ul li, .nav_menu .nav_list > ul .subpage, .nav_menu .subcategories li, .nav_menu .subcategories .subpage { margin-top: 5px; } .nav_menu .nav_list > ul li:first-child, .nav_menu .nav_list > ul .subpage:first-child, .nav_menu .subcategories li:first-child, .nav_menu .subcategories .subpage:first-child { margin-top: 0; } .nav_menu .nav_list a { padding-left: 15px; color: #333; } .nav_menu .nav_list a.active { color: #c80000; } .nav_menu .nav_list a::before { top: 0.28em; border-width: 4px 0 4px 8px; } .nav_menu .nav_item:not(.js_accnav_item) { padding-top: 15px; } .nav_menu .nav_item:not(.js_accnav_item) .ac_btn { padding: 0; } .nav_menu .nav_item:not(.js_accnav_item) .ac_btn .label { display: block; padding: 14px 40px 12px 14px; } .nav_menu .nav_item.coming_soon { display: none; } #footer .js_sp_menu .nav_menu .nav_item { margin: 0; } #footer .js_sp_menu .nav_menu .js_accnav_item .ac_btn { position: relative; font-weight: bold; font-size: 18px; line-height: 1.5; cursor: pointer; -webkit-user-select: none; user-select: none; -ms-user-select: none; } #footer .js_sp_menu .nav_menu .js_accnav_item .ac_btn::after { position: absolute; top: 50%; right: 10px; display: block; width: 18px; height: 18px; background-image: url(../../../../../img/ss/common/bg_nav_001.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; transform: translate(0, -50%); } #footer .js_sp_menu .nav_menu .js_accnav_item .ac_btn .label { opacity: 1; } #footer .js_sp_menu .nav_menu .js_accnav_item.opened .ac_btn::after { background-image: url(../../../../../img/ss/common/bg_nav_002.png); } #footer .js_sp_menu .nav_list { display: none; font-size: 15px; } #footer .js_sp_menu .nav_list a { position: relative; display: inline-block; padding: 0 0 0 12px; line-height: 1.4; opacity: 1; } #footer .js_sp_menu .nav_list a::before { position: absolute; top: 0.25em; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #dc2426; content: ""; } #footer .js_sp_menu .nav_list a:hover { text-decoration: underline; } #footer .js_sp_menu .nav_list a.active { color: #c80000; } #footer .js_sp_menu .nav_menu { border-top: 1px solid #ccc; } #footer .js_sp_menu .nav_menu .ac_btn { padding: 14px 40px 12px 14px; background: #003b88 no-repeat right center; } #footer .js_sp_menu .nav_menu .ac_btn .label { color: #fff; vertical-align: middle; font-weight: bold; font-size: 16px; line-height: 1.3; opacity: 1; } #footer .js_sp_menu .nav_menu .js_accnav_item { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #footer .js_sp_menu .nav_menu .js_accnav_item .ac_btn::after { background-color: #fff; } #footer .js_sp_menu .nav_menu .nav_list > ul, #footer .js_sp_menu .nav_menu .subcategories { padding: 14px 16px; border-top: 1px solid #ccc; } #footer .js_sp_menu .nav_menu .nav_list > ul li, #footer .js_sp_menu .nav_menu .nav_list > ul .subpage, #footer .js_sp_menu .nav_menu .subcategories li, #footer .js_sp_menu .nav_menu .subcategories .subpage { margin-top: 5px; } #footer .js_sp_menu .nav_menu .nav_list > ul li:first-child, #footer .js_sp_menu .nav_menu .nav_list > ul .subpage:first-child, #footer .js_sp_menu .nav_menu .subcategories li:first-child, #footer .js_sp_menu .nav_menu .subcategories .subpage:first-child { margin-top: 0; } #footer .js_sp_menu .nav_menu .nav_list a { padding-left: 15px; color: #333; } #footer .js_sp_menu .nav_menu .nav_list a.active { color: #c80000; } #footer .js_sp_menu .nav_menu .nav_list a::before { top: 0.28em; border-width: 4px 0 4px 8px; } #footer .js_sp_menu .nav_menu .nav_item:not(.js_accnav_item) { padding-top: 15px; } #footer .js_sp_menu .nav_menu .nav_item:not(.js_accnav_item) .ac_btn { padding: 0; } #footer .js_sp_menu .nav_menu .nav_item:not(.js_accnav_item) .ac_btn .label { display: block; padding: 14px 40px 12px 14px; } #footer .js_sp_menu .nav_menu .nav_item.coming_soon { display: none; } /* Main Contents */ .main_contents { float: none; padding: 0 0 25px; width: auto; } /* CV Area */ .cv_area { margin-top: 25px; } .cv_area .banner .text_box { padding: 10px 15px 15px; } .cv_area .banner .text_box .title { font-size: 16px; } .cv_area .banner .text_box .text { font-size: 12px; } .cv_area .banner .img_box { position: absolute; top: 10px; right: 15px; } .cv_area .banner .btn_box { padding: 10px 15px; } .cv_area .banner .btn_box .ss_download_btn { width: 100%; } /* Override */ /* Modules */ .prt_main_section { margin: 20px 0 40px; } .prt_sub_section { margin: 20px 0; } .prt_header_01 { padding: 15px 60px 13px 15px; background-size: cover; font-size: 22px; } .prt_header_02 { padding: 15px 15px 12px; font-size: 20px; } .prt_header_03 { margin: 15px 0; padding: 4px 0 10px 15px; font-size: 20px; } .prt_header_03::before { bottom: 10px; } .prt_header_04 { padding: 10px 15px 8px; font-size: 18px; } .prt_header_05 { font-size: 16px; } .prt_lead_01 { font-size: 18px; } .prt_anchor_list_02 { display: block; overflow: visible; } .prt_anchor_list_02 > li { float: none; margin: 0 0 10px; width: auto; } .prt_anchor_list_03 { display: block; overflow: visible; } .prt_anchor_list_03 li { float: none; margin: 0 0 10px; width: auto; } .prt_page_index { overflow: hidden; margin: 20px 0; padding: 15px 5px; } .prt_page_index li { float: none; margin: 0 0 5px; width: auto; } .ss_download_btn.icon01 > span:first-child { background: url(../../../../../img/ss/common/bg_icon_dl_002.png) no-repeat left center; } .ss_download_btn img { max-width: 100%; height: auto; } .ss_download_btn .img02 img { width: 48px; } .ss_download_btn .img03 img { width: 67px; } .ss_download_btn .txt01, .ss_download_btn .txt02, .ss_download_btn .txt03, .ss_download_btn .txt04 { padding-left: 24px; width: calc(100% - 24px); font-size: 12px; } .ss_download_btn .txt02 { padding-right: 60px; } .ss_download_btn .txt04 { padding-right: 77px; } .ss_download_btn .in_txt1 { font-size: 12px; } .ss_subpage_bnr { margin: 20px 0; } .ss_subpage_bnr .banner { display: block; padding: 16px; max-width: none; width: 100%; line-height: inherit; } .ss_subpage_bnr .inner { display: block; } .ss_subpage_bnr .img { float: left; margin: 0 8px 8px 0; width: 64px; } .ss_subpage_bnr .inner { margin: 0; } .ss_subpage_bnr .title { overflow: hidden; margin-top: 8px; } .ss_subpage_bnr .txt { clear: both; } .prt_button_01 { width: 100%; } .prt_button_01 a { width: 100%; } .prt_button_01 a span { display: inherit; padding: 16px 10px 14px; max-width: initial; width: 100%; } .prt_sect_cv { margin: 30px 0 0; } .ss_download_btn .txt01, .ss_download_btn .txt02, .ss_download_btn .txt03 { padding-right: 48px; font-size: 15px; } .prt_inquiry_banner .caption { display: flex; align-items: center; padding: 8px 80px 8px 10px; min-height: 90px; font-size: 20px; } .prt_inquiry_banner .banner::after { top: 4px; right: 4px; width: 60px; height: 82px; } .prt_inquiry_banner .content { padding: 10px; } .prt_columns { display: block; overflow: visible; margin: 20px 0; } .prt_columns > .item { float: none; } .prt_columns.col2 > .item, .prt_columns.col2 > .item:first-child, .prt_columns.col2 > .item:nth-child(2), .prt_columns.col2 > .item:nth-child(3), .prt_columns.col2 > .item:nth-child(3n+1), .prt_columns.col3 > .item, .prt_columns.col3 > .item:first-child, .prt_columns.col3 > .item:nth-child(2), .prt_columns.col3 > .item:nth-child(3), .prt_columns.col3 > .item:nth-child(3n+1) { margin: 0 0 20px; width: auto; } .prt_image_contents::after { display: none; } .prt_image_contents .figure, .prt_image_contents.left_image .figure { float: none; margin: 20px 0; max-width: none; } .prt_image_columns { margin: 20px 0; } .prt_image_columns::after { display: none; } .prt_image_columns > .figure, .prt_image_columns > .desc { float: none; margin: 0 0 20px; width: auto; } .prt_flexbox { display: block; margin: 20px 0; } .prt_flexbox > .item { margin: 0 0 20px; } .prt_floatbox { margin: 20px 0; } .prt_floatbox::after { display: none; } .prt_floatbox > * { float: none; margin: 0; width: auto; } .prt_box_01, .prt_box_02, .prt_fill_box, .prt_frame_box { margin: 20px 0 30px; padding: 15px; } .prt_keyence_box { margin: 40px 0; } .prt_keyence_box .title { font-size: 22px; } .prt_keyence_box .header { padding: 10px; font-size: 18px; } .prt_column_box { margin: 40px 0; padding: 0 15px 20px; } .prt_column_box .header { margin: 0 0 10px; padding: 50px 0 0; } .prt_rsp_tbl { display: block; overflow: hidden; margin-top: 10px; border: none; } .prt_rsp_tbl caption, .prt_rsp_tbl tbody, .prt_rsp_tbl tr, .prt_rsp_tbl th, .prt_rsp_tbl td, .prt_rsp_tbl.scroll_body tr, .prt_rsp_tbl.scroll_body thead, .prt_rsp_tbl.scroll_body tbody { display: block; float: left; clear: left; overflow: visible; max-height: none; width: 100%; } .prt_rsp_tbl thead { display: none; } .prt_rsp_tbl.scroll_body tbody { border: none; } .prt_rsp_tbl caption { margin: 0 0 5px; text-align: left; } .prt_rsp_tbl caption .prt_inblock { margin-right: 1em; margin-left: 0; } .prt_rsp_tbl [data-label]::before { content: attr(data-label); } .prt_rsp_tbl .pc_view, .prt_rsp_tbl.scroll_body .pc_view { display: none; } .prt_rsp_tbl.spmode_txt caption.head { margin: 0 0 10px; padding: 0 5px 3px; border-bottom: 1px solid #ccc; text-align: left; font-weight: bold; } .prt_rsp_tbl.spmode_txt tr { padding: 10px 0; } .prt_rsp_tbl.spmode_txt tr:first-child { padding-top: 0; } .prt_rsp_tbl.spmode_txt th, .prt_rsp_tbl.spmode_txt td { padding: 0; border: none; } .prt_rsp_tbl.spmode_txt .prt_list_disc { margin: 0; } .prt_rsp_tbl.spmode_txt.type_01 tr:first-child th:first-child, .prt_rsp_tbl.spmode_txt.type_01 tr:first-child [data-label]:first-child::before { margin-top: 0; } .prt_rsp_tbl.spmode_txt.type_01 th, .prt_rsp_tbl.spmode_txt.type_01 [data-label]::before { display: block; margin: 10px 0 5px; width: 100%; border-bottom: 1px solid #ccc; background: none; text-align: left; font-weight: bold; } .prt_rsp_tbl.spmode_txt.type_01 td { text-align: left; } .prt_rsp_tbl.spmode_txt.type_02 tr { margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .prt_rsp_tbl.spmode_txt.type_02 tr:first-child { margin-top: 0; } .prt_rsp_tbl.spmode_txt.type_02 th, .prt_rsp_tbl.spmode_txt.type_02 td { padding: 0 10px; border: none; text-align: left; } .prt_rsp_tbl.spmode_txt.type_02 caption.head, .prt_rsp_tbl.spmode_txt.type_02 th { text-indent: 0; font-weight: bold; } .prt_rsp_tbl.spmode_txt.type_02 caption.head { padding: 8px 10px 6px; } .prt_rsp_tbl.spmode_txt.type_02 thead { margin: 0 0 20px; } .prt_rsp_tbl.spmode_txt.type_02 thead th::before { content: "銉?; } .prt_rsp_tbl.spmode_txt.type_02 tr:first-child th:first-child { margin-top: 0; } .prt_rsp_tbl.spmode_txt.type_02 th + td { margin-top: 10px; } .prt_rsp_tbl.spmode_txt.type_02 th { padding: 8px 10px 6px; } .prt_rsp_tbl.spmode_txt.type_02 [data-label]::before { display: inline-block; margin: 0 10px 0 0; padding: 0; border: none; background: none; content: attr(data-label); font-weight: bold; } .prt_rsp_tbl.spmode_cell tr { margin: 10px 0 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .prt_rsp_tbl.spmode_cell tr:first-child, .prt_rsp_tbl.spmode_cell tr:first-child th:first-child, .prt_rsp_tbl.spmode_cell tr:first-child [data-label]:first-child::before { margin-top: 0; } .prt_rsp_tbl.spmode_cell th, .prt_rsp_tbl.spmode_cell [data-label]::before { display: block; padding: 10px; width: 100%; border-bottom: 1px solid #ccc; content: attr(data-label); text-align: left; font-weight: bold; } .prt_rsp_tbl.spmode_cell [data-label]::before { background: #454545; color: #fff; } .prt_rsp_tbl.spmode_cell td { padding: 0 10px 10px; } .prt_rsp_tbl.spmode_cell td[data-label]::before, .prt_rsp_tbl.spmode_cell td [data-label]::before { margin: 0 -10px 10px; width: auto; } .prt_rsp_tbl.spmode_cell .blank { display: none; } .prt_rsp_tbl.spmode_cell.type_02 tr { margin: 0; border-top: none; } .prt_rsp_tbl.spmode_cell.type_02 tr:first-child { border-top: 1px solid #ccc; } .prt_rsp_tbl.spmode_cell.type_02 th { width: 100%; } .prt_rsp_tbl.style_02 th { width: 100%; } .prt_tbl th, .prt_tbl td { padding: 10px; } .sp_scroll_body, .sp_scroll_body caption, .sp_scroll_body thead, .sp_scroll_body tbody { display: block; width: 100%; border: none; } .sp_scroll_body thead, .sp_scroll_body tbody { border-left: 1px solid #ccc; } .sp_scroll_body thead { overflow-y: scroll; } .sp_scroll_body tbody { overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 315px; border-bottom: 1px solid #ccc; } .sp_scroll_body tr { display: table; width: 100%; table-layout: fixed; } .sp_scroll_body th, .sp_scroll_body td { border-top: 1px solid #ccc; border-bottom: none; } .prt_relation_pages > .headr { padding: 10px 15px 8px; } .prt_relation_pages > .pages { padding: 10px 15px 5px; } .prt_relation_pages > .pages > li { float: none; margin: 0 0 10px; width: auto; } /* Pages */ #p_home .mainvisual .inner { padding: 37% 10px 15px; background-position: center top 10px; background-size: 62%; text-align: center; } #p_home .mainvisual .inner .lead img { max-width: 68%; } #p_home .mainvisual .lead { max-width: none; } #p_home .mainvisual .button { margin-top: 15px; } #p_home .mainvisual .button a { margin: 0 auto; max-width: 350px; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl tr { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; border: none; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl tr:first-child, #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl tr.value_row { margin-top: 0; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl th { flex: 1 1 100%; margin-bottom: 10px; border-right: none; border-bottom: 1px solid #ccc; background: none; color: #333; -webkit-box-flex: 1; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl td { display: flex; flex-direction: column; justify-content: center; flex: 1 1 100%; padding: 0; border-left: 1px solid #bdbdbd; word-break: break-all; -webkit-box-flex: 1; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl td.half_column_for_smp { flex: 1 1 50%; -webkit-box-flex: 1; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl td.half_column_for_smp + .half_column_for_smp { border-left: none; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl td.pc_view { display: none; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl .cell_for_smp { display: block; padding: 10px; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl .header_for_smp { border-bottom: 1px solid #ccc; background: #454545; color: #fff; text-align: left; font-weight: bold; } #c_electrification.p_electric-field .gauss_section .prt_rsp_tbl [data-label]::before { margin: 0; } #c_trouble.p_destruction .style_01 .item { margin-top: 20px; } #c_ionizer.p_maintenance .e_mainte_overtime .overtime_list .item { width: 100%; } #c_ionizer.p_maintenance .e_mainte_cols_01 { display: block; } #c_ionizer.p_maintenance .e_mainte_cols_01 .item { display: block; margin-bottom: 30px; padding: 0; width: 100%; } #c_ionizer.p_maintenance .e_mainte_cols_01 .item:last-child { margin-bottom: 0; } #c_lineup.p_merit .arrow_box .item.arrow { flex: 0 0 30px; width: 30px; -webkit-box-flex: 0; } #c_lineup.p_merit .arrow_box .item.arrow i { top: calc((100% - 126px) / 2); transform: translate(-50%, -50%) scale(0.5, 0.5); } #c_casestudy .prt_voice_box { display: block; padding: 0; height: auto; background-image: none; } #c_casestudy .prt_voice_box header { display: initial; } #c_casestudy .prt_voice_box header .title { display: block; margin-bottom: 0; padding: 30px 10px 0; color: #004b98; font-weight: bold; font-size: 24px; } #c_casestudy .prt_voice_box header .copy { display: block; padding: 10px 10px 10px 90px; width: 100%; text-align: left; } #c_casestudy .prt_voice_box header .copy p span::before { top: initial; bottom: -30px; left: -56px; border-width: 22px 7px 0 7px; border-color: #004b98 transparent transparent transparent; transform: none; } #c_casestudy .prt_voice_box .prt_sub_section { display: block; } #c_casestudy .prt_voice_box .header { font-size: 18px; } #c_casestudy .prt_box_01.before .header::before, #c_casestudy .prt_box_01.after .header::before { top: -15px; } #c_faq .prt_acc_menu { /* list */ } #c_faq .prt_acc_menu .prt_break_pc { display: inline; } #c_faq .prt_acc_menu .btn_casestudy_box a { float: none; margin: auto; } #c_faq .prt_acc_menu .heading_01 { margin-bottom: 20px; padding: 0 0 0 8px; font-size: 21px; } #c_faq .prt_acc_menu .heading_01 .sub_ttl { font-size: 14px; } #c_faq .prt_acc_menu .heading_02 { font-size: 18px; } #c_faq .prt_acc_menu .heading_03, #c_faq .prt_acc_menu .heading_04, #c_faq .prt_acc_menu .heading_05, #c_faq .prt_acc_menu .heading_06 { font-size: 16px; } #c_faq .prt_acc_menu .heading_02 { margin-bottom: 12px; padding: 8px 12px; } #c_faq .prt_acc_menu .heading_03 { margin: 10px 0 15px; } #c_faq .prt_acc_menu .heading_04 { margin-bottom: 15px; } #c_faq .prt_acc_menu .heading_05 { margin-bottom: 14px; } #c_faq .prt_acc_menu .heading_06 { margin-bottom: 10px; } #c_faq .prt_acc_menu .blue_box { margin-bottom: 10px; } #c_faq .prt_acc_menu .blue_box .content_block { padding: 15px 12px; } #c_faq .prt_acc_menu .blue_box .column_mainttl { padding: 15px 15px 15px 48px; background: url(../../../../../img/ss/products/static/static-electricity/bg_style_005.png) no-repeat #004b98 12.5px center; } #c_faq .prt_acc_menu .blue_box .column_subttl { padding: 10px 12px; } #c_faq .prt_acc_menu .prt_tbl_block { margin: 20px 0; } #c_faq .prt_acc_menu .prt_tbl_block .prt_td_center td { text-align: left; } #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w10, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w15, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w20, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w25, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w30, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w35, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w40, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w45, #c_faq .prt_acc_menu .prt_tbl_block .prt_rsp_tbl .cell_w50 { width: 100%; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_txt.type_02 th { padding: 6px 10px 4px; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.tbl_material td::before { background: #eee; color: #333; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 tr { margin: 0 0 15px; border: none; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 tr:first-child, #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 tr:first-child th:first-child, #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 tr:first-child [data-label]:first-child::before { margin-top: 0; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 tr.no_space { margin: 0; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 th, #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 [data-label]::before { display: block; padding: 10px; width: 100%; text-align: left; font-weight: bold; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 th { margin-bottom: 10px; border-right: none; border-bottom: 1px solid #ccc; background: none; color: #333; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 .tbl_label_sp { display: block; border-bottom: 1px solid #ccc; background: #454545; color: #fff; text-align: left; font-weight: bold; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 [data-label]::before { border-bottom: 1px solid #ccc; content: attr(data-label); } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 td { padding: 0; border-left: 1px solid #bdbdbd; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 td.no_border_left { border-left: none; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 .prt_col2_cell:nth-of-type(2n+1) { clear: none; } #c_faq .prt_acc_menu .prt_rsp_tbl.spmode_cell.type_ionizer_01 .prt_col2_cell .prt_cell_wrap { text-align: left; } #c_faq .prt_acc_menu .prt_anchor_list li { float: none; margin: 0 0 10px; width: 100%; } #c_faq .prt_acc_menu .dot_list01 { margin-bottom: 10px; } #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet { padding: 0; } #c_faq .prt_acc_menu .emphasis_list { padding: 0 10px; } #c_faq .prt_acc_menu .prt_arrow_list { display: block; max-width: 100%; } #c_faq .prt_acc_menu .prt_arrow_list .item { display: block; margin: 0 auto 20px; padding-left: 0; } #c_faq .prt_acc_menu .prt_arrow_list .item_arrow { display: table; margin: auto; padding: 0; width: 50px; } #c_faq .prt_acc_menu .prt_arrow_list .item_arrow .arrow { display: table-cell; height: 50px; vertical-align: middle; transform: rotate(90deg); } #c_faq .prt_acc_menu .prt_arrow_box .arrow { transform: rotate(90deg); } #c_faq .prt_acc_menu .prt_image.img_fl_left, #c_faq .prt_acc_menu .prt_image.img_fl_right { float: none; } #c_faq .prt_acc_menu .prt_2cols .item.min_narrow, #c_faq .prt_acc_menu .prt_2cols .item.narrow, #c_faq .prt_acc_menu .prt_2cols .item.sl_narrow, #c_faq .prt_acc_menu .prt_2cols .item.sl_wide, #c_faq .prt_acc_menu .prt_2cols .item.wide, #c_faq .prt_acc_menu .prt_2cols .item.max_wide, #c_faq .prt_acc_menu .prt_2cols_tbl .item.min_narrow, #c_faq .prt_acc_menu .prt_2cols_tbl .item.narrow, #c_faq .prt_acc_menu .prt_2cols_tbl .item.sl_narrow, #c_faq .prt_acc_menu .prt_2cols_tbl .item.sl_wide, #c_faq .prt_acc_menu .prt_2cols_tbl .item.wide, #c_faq .prt_acc_menu .prt_2cols_tbl .item.max_wide, #c_faq .prt_acc_menu .prt_3cols_tbl .item.min_narrow, #c_faq .prt_acc_menu .prt_3cols_tbl .item.narrow, #c_faq .prt_acc_menu .prt_3cols_tbl .item.sl_narrow, #c_faq .prt_acc_menu .prt_3cols_tbl .item.sl_wide, #c_faq .prt_acc_menu .prt_3cols_tbl .item.wide, #c_faq .prt_acc_menu .prt_3cols_tbl .item.max_wide, #c_faq .prt_acc_menu .prt_4cols_tbl .item.min_narrow, #c_faq .prt_acc_menu .prt_4cols_tbl .item.narrow, #c_faq .prt_acc_menu .prt_4cols_tbl .item.sl_narrow, #c_faq .prt_acc_menu .prt_4cols_tbl .item.sl_wide, #c_faq .prt_acc_menu .prt_4cols_tbl .item.wide, #c_faq .prt_acc_menu .prt_4cols_tbl .item.max_wide { width: 100%; } #c_faq .prt_acc_menu .prt_2cols { margin: 0 0 30px; } #c_faq .prt_acc_menu .prt_2cols .item { float: none; margin: 0 0 30px; width: 100%; } #c_faq .prt_acc_menu .prt_2cols .item:first-child { margin: 0 0 30px; } #c_faq .prt_acc_menu .prt_2cols.first_item_right .item { margin: 0; } #c_faq .prt_acc_menu .prt_2cols.first_item_right .item:first-child { float: none; margin: 0 0 30px; } #c_faq .prt_acc_menu .prt_2cols.first_item_right .item:last-child { margin: 0 0 30px; } #c_faq .prt_acc_menu .prt_3cols .item, #c_faq .prt_acc_menu .prt_4cols .item { float: none; margin: 0 0 15px; width: 100%; } #c_faq .prt_acc_menu .prt_3cols .item:first-child, #c_faq .prt_acc_menu .prt_4cols .item:first-child { margin: 0 0 15px; } #c_faq .prt_acc_menu .prt_2cols_tbl, #c_faq .prt_acc_menu .prt_3cols_tbl, #c_faq .prt_acc_menu .prt_4cols_tbl, #c_faq .prt_acc_menu .prt_cols_caret { display: block; } #c_faq .prt_acc_menu .prt_2cols_tbl .item, #c_faq .prt_acc_menu .prt_3cols_tbl .item, #c_faq .prt_acc_menu .prt_4cols_tbl .item, #c_faq .prt_acc_menu .prt_cols_caret .item { display: block; width: 100%; } #c_faq .prt_acc_menu .prt_2cols_tbl .item, #c_faq .prt_acc_menu .prt_3cols_tbl .item, #c_faq .prt_acc_menu .prt_4cols_tbl .item { margin: 0 0 30px; padding: 0; } #c_faq .prt_acc_menu .casestudy_box.reduction .prt_em { font-size: 16px; } #c_faq .prt_acc_menu .prt_cols_caret .item { margin: 0 0 15px; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret { display: block; margin: auto; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret .icon_caret { padding-top: 15px; width: 30px; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret .icon_caret::before { border-top: 15px solid #6dcff6; border-left: 15px solid transparent; transform: translateX(0); } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_green .icon_caret::before { border-top: 15px solid #a6d38e; border-left: 15px solid transparent; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_blue .icon_caret::before { border-top: 15px solid #6677af; border-left: 15px solid transparent; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_yellow .icon_caret::before { border-top: 15px solid #ffe226; border-left: 15px solid transparent; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_yellow .icon_caret, #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_blue .icon_caret { padding-top: 15px; width: 60px; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_yellow .icon_caret::before, #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_blue .icon_caret::before { border-left: 30px solid transparent; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_blue .icon_caret::before { border-top: 30px solid #6677af; } #c_faq .prt_acc_menu .prt_cols_caret .item_caret.caret_l_yellow .icon_caret::before { border-top: 30px solid #ffe226; } #c_faq .prt_acc_menu .g_link { margin-bottom: 20px; } #c_faq .prt_acc_menu .prt_number_list.type_num_alphabet { padding: 0; } #c_faq.p_pause .style_tbl { display: initial; } #c_faq.p_pause .style_tbl .tbl_item { display: block; } #c_faq.p_pause .style_tbl .tbl_item p.label_02 { text-align: center; } #c_faq.p_application .style_tbl { display: initial; } #c_faq.p_application .style_tbl .tbl_item { display: block; margin-bottom: 20px; } #c_download.p_index .main_contents { padding: 0 15px; } #c_download.p_index .main_contents .ss_download_btn { max-width: none; } } @media screen and (max-width: 480px) { /* Header */ #header ul li a, #header .btn_box li a { font-size: 10px; } #header ul .btn_download a, #header .btn_box .btn_download a { padding: 10px 0; } #header ul .btn_download a::before, #header .btn_box .btn_download a::before { width: 16px; height: 20px; } #header ul .btn_contact a::before, #header .btn_box .btn_contact a::before { width: 21px; height: 21px; } #header ul .btn_tel a::before, #header .btn_box .btn_tel a::before { width: 18px; height: 26px; } /* CV Bottom */ #cv_contact .fixed_wrapper .inner li a { padding: 10px 5px; font-size: 11px; } #cv_contact .fixed_wrapper .inner li a i { width: 26px; height: 26px; } #cv_contact .fixed_wrapper .inner li span { width: calc(100% - 26px); } #cv_contact .fixed_wrapper .inner .catalog a i::before { width: 14px; height: 16px; background-size: contain; } #cv_contact .fixed_wrapper .inner .contact a i::before { width: 14px; height: 14px; background-size: contain; } /* CV Area */ /* Override */ /* Modules */ /* Pages */ }