@charset "UTF-8"; /* General ------------------------------ */ body { min-width: 0; font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; text-size-adjust: 100%; -webkit-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 { color: #06c; transition: none; } .wrapper sup { vertical-align: super; font-size: smaller; line-height: 1; } #container { padding-bottom: 50px; } .contents_wrap { overflow: hidden; box-sizing: border-box; margin: 0 auto; padding: 0; max-width: 1000px; } .contents_wrap::after { display: block; clear: both; height: 0; content: ""; } /* Header ------------------------------- */ #header { overflow: hidden; width: 100%; height: 70px; border-bottom: 1px solid #e5e5e5; } #header .inner { box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 1000px; } #header .inner::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #header .site_title { float: left; padding: 13px 0; } #header .site_title_inner { display: flex; flex-direction: column; line-height: 1.1; } #header .lead_text { font-size: 18px; color: #000; } #header .title_text { font-size: 27px; color: #063F96; } @media screen and (max-width: 1000px) { #header .lead_text { font-size: 12px; } #header .title_text { font-size: 18px; } } #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: 345px; } #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: 180px; line-height: 1; } #header .logo a { display: inline-block; padding: 10px 0 0; } #header .logo a img { max-width: 100%; height: auto; } /* Navigation ------------------------------- */ .navigation { position: relative; z-index: 100; width: 100%; border-bottom: 1px solid #e5e5e5; background: #fff; } .navigation .inner { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1000px; width: 100%; border-right: 1px solid #e5e5e5; } .navigation .inner .maincat { position: relative; flex: 1; border-left: 1px solid #e5e5e5; } .navigation .inner .maincat a, .navigation .inner .maincat .accordion_btn_style { display: block; padding: 23px 0 22px; background: #fff; color: #333; text-align: center; font-weight: bold; font-size: 15px; line-height: 1.25; } .navigation .inner .maincat .accordion_btn_style { position: relative; } .navigation .inner .maincat .accordion_btn_style::before { position: absolute; right: 50%; bottom: 6px; display: block; width: 7px; height: 7px; border-right: 2px solid #2b417c; border-bottom: 2px solid #2b417c; content: ""; font-size: 0; transform: translate(0, -50%) rotate(45deg); transform-origin: right bottom; } .navigation .inner .subcats { position: absolute; top: 100%; left: 0; display: none; width: 100%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background: #fff; } .navigation .inner .subcat { border-top: 1px solid #e5e5e5; background: #fff; } .navigation .inner .subcat a { padding: 15px 18px; color: #06c; font-size: 14px; line-height: 1.2; } .navigation .inner .col2 .subcats { border-bottom: none; } .navigation .inner .col2 .subcat_list { display: flex; flex-wrap: wrap; justify-content: space-between; } .navigation .inner .col2 .subcat_list::before, .navigation .inner .col2 .subcat_list::after { display: block; order: 99999; flex: 1 1 50%; border-top: 1px solid #e5e5e5; content: ""; } .navigation .inner .col2 .subcats .subcat { flex: 1 1 50%; box-sizing: content-box; } .navigation .inner .col2 .subcats .subcat:nth-child(2n+1) { flex-basis: calc(50% - 1px); border-right: 1px solid #e5e5e5; } .navigation .inner .col2 .subcats .subcat a { display: flex; justify-content: center; align-items: center; height: 100%; } /* Tag Cloud ------------------------------- */ .tag_cloud { padding: 9px 15px; width: 100%; background: #2b417c; } .tag_cloud .tag_cloud_inner { display: flex; margin: 0 auto; max-width: 970px; width: 100%; } .tag_cloud .tag_cloud_inner dt { position: relative; display: block; box-sizing: border-box; margin-right: 15px; padding: 10px 15px 8px 25px; min-width: 100px; border-right: 1px dotted #fff; background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_icon_001.png) no-repeat left 12px; color: #fff; } .tag_cloud .tag_cloud_inner .tagwrap { display: flex; flex-wrap: wrap; align-items: center; flex-grow: 1; text-align: left; font-size: 0; } .tag_cloud .tag_cloud_inner .tagwrap li { display: inline-block; margin: 3px 6px 3px 0; } .tag_cloud .tag_cloud_inner .tagwrap li a { display: inline-block; padding: 5px 15px 3px; border: 1px solid #afafaf; border-radius: 3px; background: #fff; color: #333; font-size: 13px; } .tag_cloud .tag_cloud_inner .tagwrap li a.match { border: 1px solid #154988; background: #154988; color: #fff; } /* CV Right ------------------------------- */ .cv_right { position: absolute; top: 210px; left: 50%; z-index: 1000; margin: 0 0 180px 520px; width: 250px; } .cv_right a, .cv_right .banner { display: block; } .cv_right a { background: #fff; opacity: 1; } .cv_right .banner { overflow: hidden; width: 250px; 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 #2b417c; } .cv_right .asset_bnr + .asset_bnr { margin-top: 10px; } .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 10px 0 0; color: #000; 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 10px; width: 110px; } .cv_right .button { padding: 10px; } .cv_right .ss_download_btn.bnr { max-width: none; } .cv_right .asset_bnr .caption { padding: 5px; background: #2b417c; 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 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: #2b417c; } #cv_contact .fixed_wrapper .inner { display: flex; justify-content: space-between; align-items: center; overflow: hidden; box-sizing: content-box; box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 980px; } #cv_contact .fixed_wrapper .inner p { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 1 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 .inner .TelSlsh { display: none; } #cv_contact .fixed_wrapper .inner ul { display: flex; justify-content: flex-end; flex: 0 0 465px; } #cv_contact .fixed_wrapper .inner li { display: table; 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.fixed .fixed_wrapper { position: fixed; bottom: -1px; left: 0; z-index: 10000; } #cv_contact.fixed.hidden .fixed_wrapper { display: none; } #pagetop { position: absolute; top: -71px; right: 50%; margin: 0 -590px 0 0; width: 50px; } #pagetop a { position: relative; display: inline-block; width: 51px; height: 51px; background: #2b417c; transition: none; } #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); } #pagetop a::after { position: absolute; top: 50%; left: 31.37255%; display: block; margin-top: 1px; width: 20px; height: 20px; background: #2b417c; content: ""; transform: rotate(45deg); } #pagetop a:hover { opacity: 0.7 !important; } /* Breadcrumb --------------------------------- */ #breadcrumb { margin: 0 0 40px; padding: 0 10px; width: 100%; border-bottom: 1px solid #e5e5e5; background: #f4f4f4; } #breadcrumb ul { overflow: hidden; margin: 0 auto; padding: 10px 0; max-width: 1000px; width: 100%; } #breadcrumb ul li { display: inline-block; font-size: 14px; line-height: 1.5em; } #breadcrumb ul li::after { content: ""; display: inline-block; width: 6px; height: 6px; transition: all 0.3s; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; margin: 0 7px; vertical-align: 2px; } #breadcrumb ul li:last-child { padding-right: 0; } #breadcrumb ul li:last-child:after { display: none; } #breadcrumb ul li a:hover { color: #06c; text-decoration: underline; opacity: 1; } /* Footer ------------------------------- */ #footer { background: #2b417c; } #footer .inner { overflow: hidden; margin: 0 auto; padding: 12px 5px 10px; max-width: 970px; width: 100%; } #footer .inner .copy { float: left; color: #fff; font-size: 12px; } #footer .inner .links { float: right; padding-top: 5px; color: #fff; font-size: 0; } #footer .inner .links li { display: inline-block; font-size: 12px; line-height: 1em; } #footer .inner .links li + li { margin-left: 9px; padding-left: 9px; border-left: 1px solid #fff; } #footer .inner .links li a { color: #fff; } /* Main Contents --------------------------------- */ .main_contents { font-size: 16px; line-height: 1.8; } .main_contents p { margin: 20px 0; } .main_contents .page_title { margin: 0 0 40px; font-weight: bold; font-size: 30px; line-height: 1.25; } .main_contents .pagination_box { margin: 30px auto; text-align: center; } .main_contents .pagination_box a { display: inline-block; padding: 7px 13px; border: 1px solid #d6d6d6; color: #000; } .main_contents .pagination_box .inner { display: inline-flex; justify-content: space-between; min-width: 300px; font-size: 13px; line-height: 1.61538; } .main_contents .pagination_box .pages { margin: 0 6px; } .main_contents .pagination_box .pages ol { display: inline-flex; justify-content: center; } .main_contents .pagination_box .pages li { display: inline-block; flex: 0 1 36px; margin: 0 2px; width: 36px; } .main_contents .pagination_box .pages li a { padding: 7px 4px; width: 100%; } .main_contents .pagination_box .pages li.current a, .main_contents .pagination_box .pages li a:hover { background-color: #e4e4e4; opacity: 1; } .main_contents .pagination_box .prev a, .main_contents .pagination_box .next a { position: relative; border: 1px solid #666; background-color: #666; color: #fff; } .main_contents .pagination_box .prev a::before, .main_contents .pagination_box .next a::before { position: absolute; top: 50%; width: 0; height: 0; border-style: solid; content: ""; font-size: 0; transform: translate(0, -50%); } .main_contents .pagination_box .prev a { padding-left: 22px; } .main_contents .pagination_box .prev a::before { left: 8px; border-width: 3px 6px 3px 0; border-color: transparent #fff transparent transparent; } .main_contents .pagination_box .next a { padding-right: 22px; } .main_contents .pagination_box .next a::before { right: 8px; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #fff; } .main_contents .product_link { display: flex; margin: 60px 0; } .main_contents .product_link li { max-width: 50%; width: 100%; } .main_contents .product_link li:first-child { margin-right: 20px; } .main_contents .product_link li a { position: relative; display: block; padding: 16px 50px 14px 30px; border: 2px solid #2b417c; background: #fff; color: #2b417c; font-weight: bold; font-size: 15px; } .main_contents .product_link li a::before { position: absolute; top: 50%; right: 30px; width: 14px; height: 14px; border-right: 2px solid #2b417c; border-bottom: 2px solid #2b417c; content: ""; transform: translate(0, -50%) rotate(-45deg); } .main_contents .tag_links { margin-bottom: 20px; text-align: left; font-size: 0; } .main_contents .tag_links li { display: inline-block; margin-right: 6px; margin-bottom: 6px; } .main_contents .tag_links li a { display: inline-block; padding: 5px 15px; border: 1px solid #afafaf; border-radius: 3px; background: #fff; color: #666; font-size: 13px; } .main_contents .casestudy_link { position: relative; margin: 40px 0; padding: 16px 25px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } .main_contents .casestudy_link dt { margin: 0 0 4px; font-weight: bold; line-height: 1.6875; } .main_contents .casestudy_link dd { font-size: 14px; line-height: 1.71429; } .main_contents .casestudy_link dd a { position: relative; display: inline-block; padding-left: 14px; } .main_contents .casestudy_link dd a::before { position: absolute; top: 0.7em; left: 0; display: block; margin-top: -4px; border-top: 4px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); border-left: 6px solid #333; content: ""; } .main_contents .casestudy_link dd a:hover { color: #06c; text-decoration: underline; opacity: 1; } .main_contents .prev_link { position: relative; margin-top: 60px; padding: 14px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; text-align: center; font-size: 14px; line-height: 1.6; } .main_contents .prev_link a { position: relative; display: inline-block; padding-left: 28px; color: #333; } .main_contents .prev_link a::before, .main_contents .prev_link a::after { position: absolute; display: block; content: ""; } .main_contents .prev_link a::before { top: 2px; left: 0; z-index: 0; width: 17px; height: 17px; background: #2b417c; } .main_contents .prev_link a::after { top: 55%; left: 2px; z-index: 5; margin-top: -6px; border: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid #fff; } .main_contents .link_list01 li { position: relative; margin-top: 16px; padding-left: 14px; line-height: 1.5; } .main_contents .link_list01 li:first-child { margin-top: 0; } .main_contents .link_list01 li::before { position: absolute; top: 0.7em; left: 0; display: block; margin-top: -4px; border-top: 4px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); border-left: 6px solid #333; content: ""; } .main_contents .link_list01 li a { color: #2d2d2d; } .main_contents .link_list01 li a:hover { text-decoration: underline; opacity: 1; } .main_contents .tipbox { margin: 50px 0; } .main_contents .tipbox .header { position: relative; padding: 10px 10px 10px 32px; background: #333; color: #fff; } .main_contents .tipbox .header::before { position: absolute; top: 0; bottom: 20px; left: 10px; width: 5px; background: #2b417c; content: ""; } .main_contents .tipbox .header .copy { margin: 0 0 5px; font-size: 14px; line-height: 1.57143; } .main_contents .tipbox .header .title { font-weight: bold; font-size: 20px; line-height: 1.4; } .main_contents .tipbox .cont { padding: 26px 32px 40px; background: #f4f4f4; } .main_contents .tipbox .cont > *:first-child { margin-top: 0; } .main_contents .tipbox .cont > *:last-child { margin-bottom: 0; } .main_contents .box_style01 { margin: 24px 0; } .main_contents .box_style01 .ttl { margin: 0; padding: 6px 16px; background: #2b417c; color: #fff; font-weight: bold; } .main_contents .box_style01 .lead_wrap { padding: 20px; border: 1px solid #2b417c; border-top: none; } .main_contents .box_style01 .lead_wrap p + p { margin-top: 15px; } .main_contents .catalog_box { position: relative; display: flex; flex-wrap: wrap; justify-content: center; margin: 20px -20px 50px; } .main_contents .catalog_box .col { flex: 0 1 480px; margin: 20px 20px; } .main_contents .catalog_box .col a { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; } .main_contents .catalog_box .ttl { margin: 0 0 20px; padding: 9px 0 6px; border-top: 2px solid #2b417c; border-bottom: 1px solid #ccc; color: #2b417c; text-align: center; font-weight: bold; font-size: 18px; } .main_contents .catalog_box .cont { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 0 16px; } .main_contents .catalog_box .thumb { flex: 1 1 125px; margin: 0 8px; text-align: center; } .main_contents .catalog_box .thumb img { border: 1px solid #ccc; } .main_contents .catalog_box .thumb.portrait img { max-width: 98px; } .main_contents .catalog_box .caption { flex: 1 1 auto; margin: 8px 8px 0; } .main_contents .catalog_box .lead { margin: 0; max-width: 290px; color: #333; font-size: 14px; line-height: 1.57143; } .main_contents .catalog_box .btn_wrap { margin-top: 30px; } .main_contents .catalog_box .btn_wrap .btn { position: relative; display: inline-block; padding: 6px 0 4px 20px; width: 100%; border-radius: 5px; background: linear-gradient(#e24140, #cc1717); color: #fff; text-align: center; font-weight: bold; font-size: 14px; } .main_contents .catalog_box .btn_wrap .btn::before { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 19px; height: 21px; background: url(../../../../../img/ss/common/bg_icon_dl_001.png) no-repeat center; content: ""; } .js_highlight_words { display: inline-block; padding: 0 2px; background: #ff9; color: #333; text-indent: 0; } .txt_style_01 { font-weight: bold; font-size: 20px; } .border_style_01 { padding: 20px; border: 2px solid #ccc; } .prt_anchor_list_01 .js_highlight_words { background: none; color: #06c; } #p_glossary .prt_rsp_tbl .desc_txt + .rels { margin-top: 15px; } #p_glossary .prt_rsp_tbl thead th { background: #505050; color: #fff; } #p_glossary .prt_rsp_tbl .sub.style_01 { background: #787878; color: #fff; } #p_glossary .prt_rsp_tbl thead th:first-child { width: 250px; } .contents_wrap .img_style_01 { margin: 30px auto; max-width: 510px; } .contents_wrap .img_style_02 { margin: 30px auto; max-width: 340px; } .contents_wrap .img_style_03 { margin: 30px auto; max-width: 598px; } .arrow_icon_01 i { display: inline-block; position: relative; margin-right: 5px; width: 10px; height: 4px; background-color: #333; transform: translate(0, -3px); } .arrow_icon_01 i::before { position: absolute; top: -3px; left: 7px; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #333; content: ""; } .arrow_icon_02 i { display: inline-block; position: relative; margin-right: 5px; width: 10px; height: 4px; background-color: #a30107; transform: translate(0, -3px); } .arrow_icon_02 i::before { position: absolute; top: -3px; left: 7px; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #a30107; content: ""; } .prt_tbl.style_001 { margin: 20px auto; width: auto; border-top: none; } .prt_tbl.style_001 th, .prt_tbl.style_001 td { vertical-align: middle; } .prt_tbl.style_001 td { padding: 0; } .prt_tbl.style_001 .cell_style_01 { border-top: 1px solid #cecece; } .prt_tbl.style_001 .cell_style_02 { border-top: 1px solid #cecece; border-right: 1px solid #cecece; } .prt_tbl.style_001 .blank { border: none; background: none; } /* Pages ------------------------------- */ #p_home #breadcrumb { margin-bottom: 0; } #p_home .main { padding-bottom: 30px; } #p_home .main .contents_wrap { overflow: visible; max-width: 970px; } #p_home .index_ttl { visibility: hidden; margin: 20px 0 0; font-weight: bold; font-size: 20px; opacity: 0; transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s; } #p_home .index_ttl.show { visibility: visible; opacity: 1; } #p_home .topics_list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; } #p_home .topics_list::before, #p_home .topics_list::after { display: block; order: 1000; content: ""; } #p_home .topics_list::before, #p_home .topics_list::after, #p_home .topics_list .topics { flex: 1 1 260px; margin: 18px 10px; } #p_home .topics_list .topics { position: relative; display: flex; visibility: hidden; flex-direction: column; overflow: hidden; border: 1px solid #e5e5e5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s; } #p_home .topics_list.show .topics { visibility: visible; opacity: 1; } #p_home .topics_list .topics a { display: block; } #p_home .topics_list .topics a:hover { opacity: 1; } #p_home .topics_list .topics .thumb { overflow: hidden; } #p_home .topics_list .topics .thumb img { width: 100%; transition: transform 0.3s ease 0s; } #p_home .topics_list .topics a:hover .thumb img { transform: scale(1.1); } #p_home .topics_list .topics.js_new_icon::before, #p_home .topics_list .topics.js_new_icon::after { position: absolute; top: 0; left: 0; display: block; background: #2b417c; } #p_home .topics_list .topics.js_new_icon::before { z-index: 5; width: 74px; height: 34px; border: 1px solid #fff; content: ""; font-weight: bold; transform: skew(-20deg, 0deg); } #p_home .topics_list .topics.js_new_icon::after { z-index: 10; padding: 6px 15px 0; height: 35px; border: 1px solid #fff; border-right: none; color: #fff; content: "NEW"; font-weight: bold; font-size: 14px; } #p_home .topics_list .topics .txt { padding: 15px; color: #333; font-weight: bold; font-size: 18px; } #p_home .topics_list .topics a:hover .txt { color: #06c; } #p_home .topics_list .topics .tag { position: relative; margin: 0 15px 15px; font-size: 0; } #p_home .topics_list .topics .tag li { display: inline-block; margin: 0 6px 6px 0; } #p_home .topics_list .topics .tag li a { display: inline-block; padding: 5px 9px 3px; border: 1px solid #afafaf; border-radius: 3px; background: #fff; color: #666; font-size: 12px; } #p_home .topics_list .topics .tag li a.match { border: 1px solid #1d2d58; background: #1d2d58; color: #fff; } #p_home .cv_bottom { padding: 50px 0; width: 100%; background: #e1e1e1; } #p_home .cv_bottom .inner { display: flex; justify-content: space-between; box-sizing: border-box; margin: 0 auto; max-width: 900px; width: 100%; background: #e4e4e4; } #p_home .cv_bottom .inner .box { position: relative; box-sizing: border-box; padding: 0 35px 105px; width: calc((100% - 20px) / 2); border-radius: 3px; background: #fff; } #p_home .cv_bottom .inner .box .ttl { position: relative; margin-bottom: 20px; padding: 13px 0 11px; border-bottom: 1px dotted #ccc; text-align: center; } #p_home .cv_bottom .inner .box .ttl .txt { display: inline-block; padding: 8px 0 6px 43px; font-weight: bold; font-size: 20px; } #p_home .cv_bottom .inner .box .btn_wrap { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } #p_home .cv_bottom .inner .box .btn_wrap .btn { position: relative; display: inline-block; padding: 13px 0 11px; width: 280px; color: #fff; text-align: center; font-weight: bold; font-size: 16px; } #p_home .cv_bottom .inner .box .btn_wrap .btn::before { position: absolute; top: 50%; left: 15px; margin-top: -4px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; transform: rotate(45deg); } #p_home .cv_bottom .inner .box.catalog .ttl .txt { background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_icon_002.png) no-repeat left 8px; } #p_home .cv_bottom .inner .box.catalog .catalog_image { display: flex; justify-content: space-between; } #p_home .cv_bottom .inner .box.catalog .catalog_image .thumb { flex: 0 0 88px; margin-right: 20px; } #p_home .cv_bottom .inner .box.catalog .catalog_image .thumb img { border: 1px solid #ccc; } #p_home .cv_bottom .inner .box.catalog .catalog_image .caption { flex: 1 1 auto; font-size: 16px; line-height: 1.5; } #p_home .cv_bottom .inner .box.catalog .btn_wrap .btn { background: #e60012; } #p_home .cv_bottom .inner .box.contact .ttl .txt { background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_icon_003.png) no-repeat left 4px; } #p_home .cv_bottom .inner .box.contact .lead { margin-bottom: 15px; text-align: center; font-size: 16px; } #p_home .cv_bottom .inner .box.contact .tel_box { text-align: center; } #p_home .cv_bottom .inner .box.contact .tel_box .tel_no { display: inline-block; margin-bottom: 5px; min-height: 28px; font-weight: bold; font-size: 28px; line-height: 1em; } #p_home .cv_bottom .inner .box.contact .tel_box .tel_no a { color: inherit; opacity: 1; cursor: default; } #p_home .cv_bottom .inner .box.contact .tel_box .tel_time { display: inline-block; font-size: 14px; } #p_home .cv_bottom .inner .box.contact .btn_wrap .btn { background: #41a147; } #p_home .page_top_wrap { position: relative; margin: 0 auto; max-width: 1000px; width: 100%; } #p_home .page_top_wrap .pagetop { position: fixed; right: 50%; bottom: 30px; display: none; margin: 0 -590px 0 0; width: 51px; height: 51px; } #p_home .page_top_wrap .pagetop.defoult { position: absolute; } #p_home .page_top_wrap .pagetop a { position: relative; display: inline-block; width: 51px; height: 51px; background: #2b417c; transition: none; } #p_home .page_top_wrap .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); } #p_home .page_top_wrap .pagetop a::after { position: absolute; top: 50%; left: 31.37255%; display: block; margin-top: 1px; width: 20px; height: 20px; background: #2b417c; content: ""; transform: rotate(45deg); } #p_lead-frame .counterplan_sction .prt_float_contents .col.image { width: 384px; } /* download ------------------------------- */ #c_download .prt_main_section { margin-bottom: 40px; } #c_download .download_list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 24px -10px 0; } #c_download .download_list::before, #c_download .download_list::after { display: block; order: 10000; flex: 1 1 320px; margin: 0 10px; content: ""; } #c_download .download_list > .item { flex: 1 1 320px; margin: 0 10px 20px; } #c_download .download_list > .item > *:first-child { margin-top: 0; } #c_download .download_list > .item > *:last-child { margin-bottom: 0; } #c_download .download_list a { display: block; padding: 20px; height: 100%; border: 1px solid #d6d6d6; 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 { max-width: none; opacity: 1; } #c_download .download_list .ss_download_btn .txt01 { padding-right: 30px; } /* Unipue ------------------------------- */ #p_shear-droop .prt_flexbox.style_01 { justify-content: space-between; } #p_shear-droop .prt_flexbox.style_01 > .item:last-child { flex-shrink: 0; flex-basis: 340px; } #p_shank-thread .arrow_list { text-align: left; font-size: 16px; } #p_shank-thread .arrow_list li:first-child { padding: 30px 0 30px 65px; background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_ss_measurement-solutions_shank-thread_001.png) no-repeat left center; } #p_shank-thread .arrow_list li:last-child { padding: 10px 0 10px 65px; background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_ss_measurement-solutions_shank-thread_002.png) no-repeat left center; } #p_plastic-burr .contents_wrap .img_style_02 { margin: 10px; } #p_warpage .prt_figure_01 .caption_style_01, #p_surface-waviness .prt_figure_01 .caption_style_01 { margin: 0 auto; max-width: 720px; } .prt_defines_01.style_01 .desc { padding-left: 20px; } #p_chip-parts .soldering_methods_table thead th { background: #505050; color: #fff; } #p_chip-parts .soldering_methods_table thead .sub { background: #787878; color: #fff; } #p_chip-parts .reflow_image > .item:not(.arrow) { flex: 1; } #p_chip-parts .surface_troubles > .item { flex: 1; margin: 8px; } #p_integrated-circuit .wire_bonding_flow { counter-reset: wire-bonding-flow; } #p_integrated-circuit .wire_bonding_flow > .process { counter-increment: wire-bonding-flow; margin: 0 0 20px; } #p_integrated-circuit .wire_bonding_flow > .process::before { content: "(" counter(wire-bonding-flow) ")"; display: block; margin: 0 0 10px; } #p_integrated-circuit .wire_bonding_flow > .process > *:first-child, #p_integrated-circuit .wire_bonding_flow .item > *:first-child { margin-top: 0; } #p_integrated-circuit .wire_bonding_flow > .process > *:last-child, #p_integrated-circuit .wire_bonding_flow .item > *:last-child { margin-bottom: 0; } #p_polishing .chemical_polishing_table thead th { background: #505050; color: #fff; } #p_medical-devices .gauge_table thead th { background: #505050; color: #fff; } #p_additive-manufacturing .arrow_list li { padding: 9px 10px 8px; } /* Modules ------------------------------- */ .prt_main_section { margin: 30px 0 60px; } .prt_sub_section { margin: 30px 0 40px; } .prt_column_section { margin: 30px 0 60px; } .prt_column_section .header { display: table; width: 100%; height: 65px; background-color: #2b417c; background-image: linear-gradient(to left bottom, #fff 0, #fff 50%, #2b417c 50%); background-position: right top; background-size: 22px 22px; background-repeat: no-repeat; } .prt_column_section .header .label, .prt_column_section .header .title { display: table-cell; } .prt_column_section .header .label { padding: 15px 8px 12px; width: 85px; background: #0e2e4e; color: #fff; vertical-align: top; text-align: center; } .prt_column_section .header .label strong, .prt_column_section .header .label span { display: block; } .prt_column_section .header .label strong { font-weight: bold; font-size: 14px; } .prt_column_section .header .label span { font-size: 10px; } .prt_column_section .header .title { padding: 16px 20px 17px 18px; color: #fff; vertical-align: top; font-weight: normal; font-size: 20px; } .prt_column_section .contents { padding: 18px 18px 52px; border-right: 2px solid #2b417c; border-bottom: 2px solid #2b417c; border-left: 2px solid #2b417c; } .prt_column_section .contents .prt_header_03 { font-size: 18px; } .prt_column_section .contents .prt_header_03::before { background: #666; } .prt_column_section .contents .prt_header_04 { color: #2d2d2d; font-size: 18px; } .prt_column_section .contents > *:first-child { margin-top: 0; } .prt_column_section .contents > *:last-child { margin-bottom: 0; } .prt_columns { display: flex; flex-wrap: wrap; justify-content: space-between; } .prt_columns.col2 > .item { flex-basis: calc(50% - 20px); } .prt_columns.col2 > .item.wide { flex-basis: calc(100% - 360px); margin: 0 10px 20px 0; } .prt_columns.col2 > .item .prt_gallery_box { margin: 16px -20px 0; } .prt_columns.col2 > .item .prt_gallery_box > * { margin: 14px 20px 20px; } .prt_columns.col2 > .item .prt_gallery_box .prt_figure_01 { flex-basis: 120px; } .prt_columns.col2 > .item .prt_figure_01 .notes { text-align: center; } .prt_columns.col2 > .item .notes_01 { margin: -10px 0 0; text-align: center; } .prt_columns.col2 > .item.narrow { flex-basis: 320px; margin: 0 0 20px 10px; } .prt_columns.col2.merit_cont > .item.narrow .prt_figure_01 .notes { text-align: left; } .prt_columns.col2.merit_cont > .item .notes_01 { font-size: 13px; } .prt_columns.col3 { margin: 24px -10px 4px; } .prt_columns.col3 > .item { flex-basis: calc((100% - 60px) / 3); margin: 0 10px 20px; } .prt_header_01 { margin: 0 0 36px; background: #333; } .prt_header_01 span { display: block; margin-left: 10px; padding: 10px 20px 8px 20px; border-left: 3px solid #0080ff; color: #fff; font-weight: bold; font-size: 30px; line-height: 1.5; } .prt_header_02 { position: relative; margin: 35px 0 16px; padding: 15px 15px 16px 18px; border-top: 3px solid #0080ff; background: #2b417c; color: #fff; font-weight: bold; font-size: 20px; line-height: 1.5; } .prt_header_03 { margin: 35px 0 16px; padding: 15px 15px 16px 15px; border-left: 3px solid #2b417c; background: #f4f4f4; color: #333; font-weight: bold; font-size: 20px; line-height: 1.5; } .prt_header_04 { margin: 10px 0; padding: 0 0 4px; border-bottom: 1px solid #ccc; color: #2d2d2d; font-weight: bold; font-size: 18px; } .prt_header_05 { margin: 10px 0; color: #2d2d2d; font-weight: bold; font-size: 18px; } .prt_lead_01 { color: #2b417c; font-weight: bold; font-size: 20px; } .prt_alpha_list_02.caption { text-align: center; } .prt_inblock { display: inline-block; } .prt_indent_text { padding-left: 1em; text-indent: -1em; } .prt_linktext_01.right { 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: 7px; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .prt_linktext_01 a:hover { text-decoration: underline; } .prt_note_01 { text-align: left; font-size: 13px; line-height: 1.615; } .prt_note_02 { padding-left: 2em; text-align: left; text-indent: -2em; font-size: 13px; line-height: 1.615; } .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; line-height: 1; } .prt_small, .main_contents small { font-size: 13px; } .prt_bold, .main_contents strong { font-weight: bold; } .prt_gray { color: #888; } .prt_red { color: #a30107; } .prt_blue { color: #0099ff; } .prt_impress_calc { color: #a30107; font-weight: bold; font-size: 18px; } .prt_anchor_list_01 { margin: 0 0 24px; padding: 10px 8px 15px; background: #f4f4f4; font-size: 0; } .prt_anchor_list_01 li { position: relative; display: inline-block; margin: 4px 12px 0; padding: 3px 0 4px 22px; font-size: 14px; line-height: 1.33333; } .prt_anchor_list_01 li .label { font-weight: bold; } .prt_anchor_list_01 li::before { position: absolute; top: 9px; left: 3px; z-index: 1; width: 0; height: 0; border-width: 5px 3px 0; border-style: solid; border-color: #fff transparent transparent; content: ""; font-size: 0; } .prt_anchor_list_01 li::after { position: absolute; top: 6px; left: 0; width: 12px; height: 12px; background: #333; content: ""; } .prt_anchor_list_01 > li ul { margin-left: -34px; font-size: 0; } .prt_anchor_list_01 > li ul li { padding-left: 22px; } .prt_anchor_list_01 > li ul li::before { border-color: #333 transparent transparent; } .prt_anchor_list_01 > li ul li::after { display: none; } .prt_anchor_list_01 li a { text-decoration: none; opacity: 1.0; } .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 #373737; 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 #373737; border-bottom: 2px solid #373737; 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: #373737; 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 #373737; color: #000; text-decoration: none; font-size: 14px; line-height: 1.571; opacity: 1; } .prt_anchor_list_03 > li a:hover { background: #373737; 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 #373737; 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 #373737; border-bottom: 2px solid #373737; content: ""; transform: translate(-50%, -50%) rotate(45deg); } #main .prt_anchor_list_04 { display: block; } .prt_page_index { overflow: hidden; margin: 24px 0; padding: 11px 24px 20px; border-top: 1px dotted #373737; border-bottom: 1px dotted #373737; } .prt_page_index li { float: left; margin: 4px 0 0 30px; width: 49%; width: calc(50% - 15px); } .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: 7px; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .prt_page_index li a::before { top: 9px; border-width: 4px 0 4px 5px; } .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_ordered_list li { margin-top: 10px; } .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_alpha_list_03 { margin: 15px 0; list-style: none; counter-reset: count; } .prt_alpha_list_03 li { position: relative; padding-left: 1.6em; } .prt_alpha_list_03 li::before { position: absolute; top: 0; left: 0; content: counter(count, upper-alpha) "锛?; counter-increment: count; } .prt_link_list { margin: 15px 0; list-style: none; } .prt_link_list > li > 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_link_list > li > a::before { position: absolute; top: 7px; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .prt_link_list > li > a:hover { text-decoration: underline; } .prt_link_list.right { text-align: right; } .prt_link_list.inpage li a::before { top: 16px; left: 6px; width: 7px; height: 7px; border: none; border-top: 1px solid #2b417c; border-left: 1px solid #2b417c; transform: rotate(-135deg); transform-origin: left top; } .arrow_list { display: flex; justify-content: space-between; margin-bottom: 40px; } .arrow_list li { position: relative; display: flex; justify-content: center; align-items: center; flex: 1 1 auto; padding: 7px 10px 10px; width: 100%; border: 1px solid #343434; text-align: center; } .arrow_list.color_blue li { border-color: #0080ff; } .arrow_list li { margin-right: 40px; } .arrow_list li:last-child { margin-right: 0; } .arrow_list li::after { position: absolute; top: 50%; right: -30px; display: block; margin-top: -15px; border-top: 15px solid rgba(0,0,0,0); border-right: none; border-bottom: 15px solid rgba(0,0,0,0); border-left: 15px solid #343434; content: ""; } .arrow_list li:last-child:after { display: none; } .arrow_list.color_blue li::after { border-left: 15px solid #0080ff; } .arrow_list.reverse li::after { transform: scale(-1, 1); } .prt_flex_list { display: flex; flex-wrap: wrap; justify-content: center; margin: 24px -5px; } .prt_flex_list > li { margin: 0 5px; } .prt_flex_list.wrap { flex-wrap: wrap; } .prt_flex_list.start { justify-content: flex-start; } .prt_notes_list { margin: 10px 0; list-style: none; font-size: 13px; line-height: 1.615; } .prt_defines_01, .prt_defines_02, .prt_disc_def, .prt_ordered_def, .prt_alpha_def, .prt_link_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_link_def > .item, .prt_defines_01 > .term, .prt_defines_02 > .term, .prt_disc_def > .term, .prt_ordered_def > .term, .prt_alpha_def > .term, .prt_link_def > .term { margin: 16px 0 0; } .prt_defines_01 > .item + *, .prt_defines_02 > .item + *, .prt_disc_def > .item + *, .prt_ordered_def > .item + *, .prt_alpha_def > .item + *, .prt_link_def > .item + *, .prt_defines_01 > .term + *, .prt_defines_02 > .term + *, .prt_disc_def > .term + *, .prt_ordered_def > .term + *, .prt_alpha_def > .term + *, .prt_link_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_link_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, .prt_link_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_link_def > .item > .term, .prt_defines_01 > .term, .prt_defines_02 > .term, .prt_disc_def > .term, .prt_ordered_def > .term, .prt_alpha_def > .term, .prt_link_def > .term { font-weight: bold; } .prt_defines_01 > .item > .term.center, .prt_defines_02 > .item > .term.center, .prt_disc_def > .item > .term.center, .prt_ordered_def > .item > .term.center, .prt_alpha_def > .item > .term.center, .prt_link_def > .item > .term.center, .prt_defines_01 > .term.center, .prt_defines_02 > .term.center, .prt_disc_def > .term.center, .prt_ordered_def > .term.center, .prt_alpha_def > .term.center, .prt_link_def > .term.center { text-align: center; } .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, .prt_link_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, .prt_link_def > .desc > *:last-child { margin-bottom: 0; } .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_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; font-family: sans-serif; } .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; } .prt_link_def .term { line-height: 1.25; } .prt_link_def a { position: relative; display: inline-block; padding: 0 0 0 12px; color: #06c; vertical-align: bottom; text-align: left; text-decoration: none; line-height: 1.4; opacity: 1.0; } .prt_link_def a::before { position: absolute; top: 7px; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .prt_link_def a:hover { text-decoration: underline; } .prt_link_def a::before { border-color: transparent transparent transparent #d52222; } .prt_colon_def > div { display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow: hidden; text-align: left; } .prt_colon_def dt, .prt_colon_def dd { float: left; flex: 0 1 auto; } .prt_colon_def.inline > div { display: inline-block; margin: 0 5px; white-space: nowrap; letter-spacing: -0.4em; } .prt_colon_def.inline dt, .prt_colon_def.inline dd { display: inline-block; float: none; letter-spacing: normal; vertical-align: top; } .prt_colon_def dt { white-space: nowrap; } .prt_colon_def dd { padding-left: 1em; text-indent: -1em; white-space: normal; } .prt_colon_def dd img { vertical-align: top; } .prt_colon_def dd::before { content: "锛?; text-indent: 0; } .prt_period_def > div { display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow: hidden; text-align: left; } .prt_period_def dt, .prt_period_def dd { float: left; flex: 0 1 auto; } .prt_period_def.inline > div { display: inline-block; margin: 0 5px; white-space: nowrap; letter-spacing: -0.4em; } .prt_period_def.inline dt, .prt_period_def.inline dd { display: inline-block; float: none; vertical-align: top; letter-spacing: normal; } .prt_period_def dt { padding-right: 0.25em; white-space: nowrap; } .prt_period_def dt::after { content: ". "; } .prt_period_def dd { white-space: normal; } .prt_brackets_def { margin: 30px 0; } .prt_brackets_def > div { display: flex; flex-wrap: nowrap; justify-content: flex-start; margin: 0 0 20px; text-align: left; } .prt_brackets_def dt, .prt_brackets_def dd { flex: 0 1 auto; } .prt_brackets_def dt { white-space: nowrap; } .prt_brackets_def dt::after { content: ")"; } .prt_brackets_def dd { margin: 0; } .prt_note_def { margin: 16px 0; text-align: left; font-size: 13px; } .prt_note_def > dt { padding-left: 1em; text-indent: -1em; } .prt_note_def > dt::before { content: "锛?; } .prt_note_def > dd { padding-left: 1em; } .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-word; 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; } .prt_button_01 { margin: 30px 0; text-align: center; } .prt_button_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; } .prt_button_01 a:hover { opacity: 0.7; } .prt_sect_cv { display: flex; flex-wrap: wrap; justify-content: center; margin: 60px -15px 14px; } .prt_sect_cv .button { flex-basis: 315px; margin: 0 15px 24px; } .prt_sect_cv .button a { text-decoration: none; } .prt_sect_cv .ss_download_btn { height: 54px; } .prt_sect_cv .ss_download_btn img { max-width: 60px; } .prt_sect_cv.style_01 .btn_wrap { flex-basis: 360px; } .prt_sect_cv.style_01 .btn_wrap:first-child { margin-right: 65px; } .prt_sect_cv.style_01 .btn_wrap .ttl { display: block; font-weight: bold; } .prt_sect_cv.style_01 dt { margin: 0 15px 24px; } .prt_contact_btn { display: table; width: 100%; height: 54px; border-radius: 5px; background: #338038; background: linear-gradient(to top, #338038, #41a147); text-align: center; text-decoration: none; } .prt_contact_btn:hover { opacity: 0.7; } .prt_contact_btn .label { display: table-cell; padding: 4px 24px; background-image: linear-gradient(to bottom left, transparent 50%, #fff 50%), linear-gradient(to top left, transparent 50%, #fff 50%); background-position: 10px 22px, 10px 28px; background-size: 6px 6px; background-repeat: no-repeat; color: #fff; vertical-align: middle; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 1.2; } .prt_series_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 { opacity: 0.7; } .prt_series_btn .label { display: table-cell; color: #fff; vertical-align: middle; text-decoration: none; font-weight: bold; line-height: 1.2; } .ss_subpage_bnr { margin: 20px 10px; } .ss_subpage_bnr img { max-width: 100%; height: auto; vertical-align: bottom; } .ss_subpage_bnr .banner { position: relative; display: block; overflow: hidden; box-sizing: border-box; margin: 0 auto; padding: 10px; max-width: 580px; border: 1px solid #2c63c7; 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 { float: left; width: 104px; border: 1px solid #ccc; } .ss_subpage_bnr .inner { margin: 0 0 0 114px; padding-bottom: 3em; width: auto; } .ss_subpage_bnr .title { margin-bottom: 8px; padding-bottom: 3px; border-bottom: 1px solid #2c63c7; } .ss_subpage_bnr .title strong { vertical-align: baseline; font-weight: bold; font-size: 128.5714%; } .ss_subpage_bnr .title.part_display { text-align: center; } .ss_subpage_bnr .title.part_display strong { display: block; } .ss_subpage_bnr .btn_wrap { position: absolute; right: 10px; bottom: 10px; left: 124px; text-align: center; } .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_banner_01 { margin: 36px auto; padding: 6px; max-width: 660px; background: #edf3f9; } .prt_banner_01:hover { opacity: 0.7; } .prt_banner_01 .banner { display: block; } .prt_banner_01 .inner { display: flex; align-items: center; padding: 13px; border: 1px solid #c9d8eb; } .prt_banner_01 .thumb { margin-right: 31px; } .prt_banner_01 .caption { margin: 0; color: #154988; font-weight: bold; font-size: 18px; line-height: 1.61111; } .prt_banner_01 .button { display: block; margin-top: 10px; } .prt_banner_01 .button .label { padding: 5px 44px; background: #e60012; color: #fff; font-weight: bold; font-size: 13px; } .prt_banner_02 { position: relative; margin: 40px auto; max-width: 740px; } .prt_banner_02 a { position: relative; display: block; padding-left: 178px; } .prt_banner_02 .lead, .prt_banner_02 .ttl, .prt_banner_02 .btn_wrap { text-align: left; } .prt_banner_02 .ttl { margin-bottom: 12px; padding: 9px 8px 6px; border-top: 2px solid #2b417c; border-bottom: 1px solid #ccc; color: #2b417c; font-weight: bold; font-size: 18px; } .prt_banner_02 .lead { color: #333; font-size: 14px; } .prt_banner_02 .thumb { position: absolute; top: 50%; left: 0; width: 156px; text-align: center; font-size: 0; transform: translate(0, -50%); } .prt_banner_02 .thumb.portrait { top: 0; transform: none; } .prt_banner_02 .thumb img { border: 1px solid #ccc; } .prt_banner_02 .thumb.portrait img { max-width: 110px; } .prt_banner_02 .btn_wrap { margin-top: 15px; } .prt_banner_02 .btn_wrap .btn { position: relative; display: inline-block; padding: 9px 0 6px 20px; min-width: 270px; border-radius: 5px; background: linear-gradient(#e24140, #cc1717); color: #fff; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.625; } .prt_banner_02 .btn_wrap .btn::before { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 19px; height: 21px; background: url(../../../../../img/ss/common/bg_icon_dl_001.png) no-repeat center; content: ""; } .prt_figure_01 { margin: 30px 0; text-align: center; } .prt_figure_01.left { text-align: left; } .prt_figure_01 .image { margin: 0; font-size: 0; } .prt_figure_01 .image > *:first-child { margin-top: 0; } .prt_figure_01 .image > *:last-child { margin-bottom: 0; } .prt_figure_01 .title, .prt_figure_01 .caption, .prt_figure_01 .notes { color: #333; text-align: left; line-height: 1.615; } .prt_figure_01 .title.center, .prt_figure_01 .caption.center, .prt_figure_01 .notes.center { text-align: center; } .prt_figure_01 .title.right, .prt_figure_01 .caption.right, .prt_figure_01 .notes.right { text-align: right; } .prt_figure_01 .title, .prt_figure_01 .caption { margin: 8px 0; font-weight: bold; } .prt_figure_01 .title + *, .prt_figure_01 .caption + * { margin-top: 0; } .prt_figure_01 .title { font-size: 18px; } .prt_figure_01 .caption { font-size: 14px; line-height: 1.57143; } .prt_figure_01 .notes { margin: 6px 0; font-size: 14px; } .prt_figure_01 .notes > *:first-child { margin-top: 0; } .prt_figure_01 .notes > *:last-child { margin-bottom: 0; } .prt_figure_01.frame, .prt_figure_01 .frame { padding: 16px; 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_formula_01 { margin: 30px 0; text-align: left; } .prt_formula_01 .formula { margin: 0; font-size: 0; } .prt_formula_01 .formula > *:first-child { margin-top: 0; } .prt_formula_01 .formula > *:last-child { margin-bottom: 0; } .prt_formula_01 .title, .prt_formula_01 .caption, .prt_formula_01 .notes { color: #333; line-height: 1.615; } .prt_formula_01 .title.center, .prt_formula_01 .caption.center, .prt_formula_01 .notes.center { text-align: center; } .prt_formula_01 .title, .prt_formula_01 .caption { margin: 6px 0; font-weight: bold; } .prt_formula_01 .title + *, .prt_formula_01 .caption + * { margin-top: 0; } .prt_formula_01 .title { font-size: 21px; } .prt_formula_01 .caption { font-size: 14px; } .prt_formula_01 .notes { margin: 8px 0; font-size: 16px; } .prt_formula_01 .notes > *:first-child { margin-top: 0; } .prt_formula_01 .notes > *:last-child { margin-bottom: 0; } .prt_formula_01.frame, .prt_formula_01 .frame { padding: 10px; border: 1px solid #ccc; background: #fff; } .prt_formula_01.frame > *:first-child, .prt_formula_01 .frame > *:first-child { margin-top: 0; } .prt_formula_01.frame > *:last-child, .prt_formula_01 .frame > *:last-child { margin-bottom: 0; } .prt_movie_box { position: relative; margin: 0 auto; max-width: 720px; height: 400px; } .prt_box_01, .prt_box_02, .prt_fill_box, .prt_frame_box { margin: 30px 0; padding: 30px 38px; } .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 { border: 2px solid #d9d9d9; background: #f3f3f3; } .prt_box_01 .prt_figure_01 .image { background: #fff; } .prt_box_02 { position: relative; border: 3px solid #e4e4e4; } .prt_box_02::before { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border: 1px solid #e4e4e4; content: ""; } .prt_box_02 * { position: relative; } .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: 24px 0; padding: 10px 19px; background: #f4f4f4; line-height: 1.5; } .prt_column_box .header { margin: 0 0 10px; padding: 0 0 8px; border-bottom: 1px solid #333; font-weight: bold; } .prt_column_box .contents > *:first-child { margin-top: 0; } .prt_column_box .contents > *: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: #333; } .prt_arrow_01[data-direction="top"]::after, .prt_caret_01[data-direction="top"]::after { border-color: transparent transparent #333; } .prt_arrow_01[data-direction="bottom"]::after, .prt_caret_01[data-direction="bottom"]::after { border-color: #333 transparent transparent; } .prt_arrow_01[data-direction="right"]::after, .prt_caret_01[data-direction="right"]::after { border-color: transparent transparent transparent #333; } .prt_arrow_01[data-direction="left"]::after, .prt_caret_01[data-direction="left"]::after { border-color: transparent #333 transparent transparent; } .prt_arrow_01[data-color="gray"]::before, .prt_caret_01[data-color="gray"]::before { background: #343434; } .prt_arrow_01[data-color="gray"][data-direction="top"]::after, .prt_caret_01[data-color="gray"][data-direction="top"]::after { border-bottom-color: #343434; } .prt_arrow_01[data-color="gray"][data-direction="bottom"]::after, .prt_caret_01[data-color="gray"][data-direction="bottom"]::after { border-top-color: #343434; } .prt_arrow_01[data-color="gray"][data-direction="right"]::after, .prt_caret_01[data-color="gray"][data-direction="right"]::after { border-left-color: #343434; } .prt_arrow_01[data-color="gray"][data-direction="left"]::after, .prt_caret_01[data-color="gray"][data-direction="left"]::after { border-right-color: #343434; } .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 #cecece; border-left: 1px solid #cecece; 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-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 #cecece; border-bottom: 1px solid #cecece; 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 .dashed_bottom, .prt_rsp_tbl .dashed_bottom { border-bottom: 1px dashed #cecece; } .prt_tbl thead th, .prt_rsp_tbl thead th { background: #f4f4f4; color: #2d2d2d; } .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: #f4f4f4; color: #2d2d2d; } .prt_tbl tbody th, .prt_rsp_tbl tbody th { background: #f4f4f4; color: #2d2d2d; } .prt_tbl tbody th.sub, .prt_rsp_tbl tbody th.sub { background: #f4f4f4; color: #2d2d2d; } .prt_tbl tbody td, .prt_rsp_tbl tbody td { background-color: #fff; color: #2d2d2d; } .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: 100%; } .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: #ebf3fa; } .prt_relation_pages > .header { padding: 10px 20px 8px; background: #2b417c; 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: 7px; left: 0; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .prt_relation_pages > .pages > li a:hover { text-decoration: underline; } .prt_relation_pages > .pages > li.current a { color: #c80000; } .prt_gallery_box { display: flex; flex-wrap: wrap; justify-content: center; margin: 16px -20px; } .prt_gallery_box > * { margin: 20px; } .prt_gallery_box.box_style01 > * { margin: 0 20px 20px; } .prt_gallery_box.vertical_center { align-items: center; } .prt_gallery_box.content_left { justify-content: flex-start; } .prt_gallery_box.col2 .prt_figure_01 { flex-basis: calc(50% - 40px); } .prt_float_contents { overflow: hidden; margin: 30px 0; } .prt_float_contents.notaround .col { overflow: hidden; } .main_contents .prt_float_contents .col p { margin-top: 0; } .prt_float_contents .col:first-child { float: left; margin: 0 40px 20px 0; } .prt_float_contents.right .col:first-child { float: right; margin: 0 0 20px 40px; } .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: center; margin: 24px -5px; } .prt_flexbox.vcenter { align-items: center; } .prt_flexbox.vbottom { align-items: flex-end; } .prt_flexbox > .item { margin: 0 5px; } .prt_flexbox.wrap { flex-wrap: wrap; } .prt_flexbox.start { justify-content: flex-start; } .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_flexarrows { display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; margin: 36px 0; } .prt_flexarrows .item { margin: 4px 0; } .prt_flexarrows.wrap { flex-wrap: wrap; justify-content: flex-start; } .prt_flexarrows.wrap .item { flex: 0 0 auto; } .prt_flexarrows > .item > *:first-child { margin-top: 0; } .prt_flexarrows > .item > *:last-child { margin-bottom: 0; } .prt_flexarrows > .item.arrow { align-self: center; flex: 0 0 40px; text-align: center; font-size: 0; } .prt_flexarrows.arrow_min > .item.arrow { flex-basis: 58px; } .prt_flexarrows.vertical_center { align-items: center; } .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; } /* Utility ------------------------------- */ .fwb { font-weight: bold; } .no_fwb { font-weight: normal !important; } .f14 { font-size: 14px !important; line-height: 1.5em; } .f15 { font-size: 15px !important; line-height: 1.6em; } .f16 { font-size: 16px !important; line-height: 1.8em; } .f17 { font-size: 17px !important; line-height: 1.8em; } .f18 { font-size: 18px !important; line-height: 1.8em; } /* Media Screen ------------------------------- */ @media screen and (min-width: 751px) { .sp_view { display: none; } #header .list_box .tel_modal { display: none !important; } .navigation .inner .maincat:hover::after { position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #2b417c; content: ""; } .navigation .inner .maincat a:hover, .navigation .inner .maincat a:hover > .txt { opacity: 1; } .navigation .inner .maincat:hover .subcats { display: block; } .navigation .inner a:hover, .navigation .inner .maincat:hover .accordion_btn_style { background: rgba(244, 244, 244, 0.5); } .navigation .inner .subcat a:hover { background: #2b417c; color: #fff; } .navigation .inner .js_accordion_cont { display: block !important; } #p_polishing .etching_types .prt_columns.col2 .item.wide { flex-basis: calc(100% - 380px); } #p_polishing .etching_types .prt_columns.col2 .item.narrow { flex-basis: 340px; } #p_polishing .polishing_pad_example .benefits_images > .item { flex: 0 1 360px; } #p_polishing .whetstone_exmaple .benefits_images > .item { flex: 0 0 360px; } #p_integrated-circuit .wire_bonding_flow .item:first-child, #p_integrated-circuit .wire_bonding_flow .item:first-child + .item { margin-bottom: 0; } #p_integrated-circuit .capllary_tip_names > .item { display: flex; flex-direction: column; } #p_integrated-circuit .capllary_tip_names > .item .title { flex: 0 0 30px; } } @media screen and (max-width: 1000px) { .contents_wrap { padding: 0 16px; } #header { height: auto; } #header .site_title { width: 30%; } #cv_contact { height: auto; } #cv_contact .fixed_wrapper { height: auto; } #cv_contact .fixed_wrapper .inner { padding: 0 5px; } #pagetop { right: 0; margin-right: 0; } .main_contents .catalog_box .col { flex: 1 1 320px; } #p_home .cv_bottom .inner { display: block; } #p_home .cv_bottom .inner .box { margin: 0 auto; width: 94%; } #p_home .cv_bottom .inner .box + .box { margin-top: 30px; } } @media screen and (max-width: 810px) { #header .inner { position: relative; min-height: 72px; } .prt_sect_cv.style_01 .btn_wrap:first-child { margin: 0; } #header ul { position: absolute; right: 5px; bottom: 0; float: none; width: 380px; } #header ul li { width: 50%; margin: 0; min-height: 36px; } #header ul li a { font-size: 12px; } #header ul .btn_download, #header ul .btn_contact { border-radius: 5px 5px 0 0; } .prt_sect_cv.style_01 .btn_wrap:first-child { margin: 0; } } @media screen and (max-width: 768px) { #header .logo { width: 180px; } #header .btn_download a::before { margin: 0 11px 0 0; width: 18px; } #header .btn_contact a::before { margin: -4px 4px 0 0; width: 20px; } #header .btn_box { width: 345px; } #header .btn_box li { width: 170px; } #header .btn_box li a { font-size: 12px; } /* Unipue ------------------------------- */ .prt_gallery_box.col2 { margin: 16px 0; } .prt_gallery_box.col2 .prt_figure_01 { flex-basis: 100%; } .contents_wrap .img_style_01 { max-width: 100%; } .contents_wrap .img_style_02 { max-width: 100%; } .prt_sect_cv.style_01 .btn_wrap:first-child { margin: 0 auto 20px; } #p_corner-relief .prt_gallery_box .prt_figure_01.style_01 { width: 100%; } } @media screen and (max-width: 750px) { .pc_view { display: none; } .wrapper { display: flex; flex-direction: column; } #container { padding: 5.2vw 0 0; } #header .inner { min-height: 0; 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 { width: 50%; padding: 0; } #header .logo { width: 115px; } #header .logo a { padding: 0; } #header ul { position: static; 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 ul .tel_modal { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100vh; z-index: 99999; } #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; } #breadcrumb { display: flex; order: 2; margin-bottom: 0; } .navigation { position: fixed; top: 0; right: 0; left: 100vw; z-index: 110; display: block; overflow: auto; -webkit-overflow-scrolling: touch; min-height: 100vh; width: 100vw; height: 100vh; border: none; background: rgba(0, 0, 0, 0.8); transition: left 0.5s cubic-bezier(0.64, 0.21, 0.33, 0.92) 0s; } .navigation .nav_window { box-sizing: border-box; padding: 40px 16px 160px; } .navigation .nav_sp_ttl { margin-bottom: 5vw; color: #fff; font-size: 20px; } .navigation .inner { display: block; margin: 0 auto; max-width: none; width: 100%; border: none; border: 1px solid #ccc; border-top: none; } .navigation .inner .maincat { width: 100%; border-left: none; } .navigation .inner .maincat:hover::after { display: none; } .navigation .inner .maincat > a, .navigation .inner .maincat .js_accordion_switch { display: block; padding: 16px 12px 14px; width: 100%; border-top: 1px solid #ccc; background: #2b417c; color: #fff; text-align: left; font-weight: bold; font-size: 15px; } .navigation .inner .maincat .js_accordion_switch { position: relative; cursor: pointer; } .navigation .inner .maincat .js_accordion_switch::before, .navigation .inner .maincat .js_accordion_switch::after { position: absolute; top: 50%; right: 12px; width: 16px; height: 16px; content: ""; transform: translate(0, -50%); } .navigation .inner .maincat .js_accordion_switch::before { background: #fff; } .navigation .inner .maincat .js_accordion_switch::after { border: 2px solid #fff; background: no-repeat linear-gradient(to bottom, transparent 0, transparent 7px, #2b417c 7px, #2b417c 9px, transparent 9px) center, no-repeat linear-gradient(to right, transparent 0, transparent 7px, #2b417c 7px, #2b417c 9px, transparent 9px) center; background-origin: border-box; } .navigation .inner .maincat .js_accordion_switch a, .navigation .inner .maincat .accordion_btn_style { display: inline; padding: 0; background: none; color: #fff; } .navigation .inner .maincat .accordion_btn_style::before { display: none; } .navigation .inner .maincat.opened .js_accordion_switch::after { background: no-repeat linear-gradient(to bottom, transparent 0, transparent 7px, #2b417c 7px, #2b417c 9px, transparent 9px) center; background-origin: border-box; } .navigation .inner .js_accordion_cont { display: none; } .navigation .inner .subcats { position: relative; top: auto; left: auto; display: block; } .navigation .inner .subcats a { padding: 16px 12px 14px; text-align: left; } .navigation .inner .col2 .subcats .subcat a { text-align: center; } .sp_navigation_btn { position: fixed; top: 50px; right: 0; z-index: 10010; width: 49px; height: 34px; border-radius: 3px 0 0 3px; background: rgba(0, 0, 0, 0.6); font-size: 0; cursor: pointer; } .sp_navigation_btn::before, .sp_navigation_btn::after, .sp_navigation_btn i { position: absolute; top: 45%; left: 50%; margin-left: -4px; width: 24px; height: 4px; background: #fff; content: ""; transition: transform 0.3s ease; } .sp_navigation_btn::before { transform: translate(-50%, -10px); } .sp_navigation_btn::after { transform: translate(-50%, 6px); } .sp_navigation_btn i { transform: translate(-50%, -50%); } .sp_navigation_btn.pagein { opacity: 1; cursor: pointer; } .wrapper.navi_open { position: fixed; } .wrapper.navi_open .navigation { left: 0vw; } .wrapper.navi_open .sp_navigation_btn::before { transform: translate(-50%, -50%) rotate(-225deg); } .wrapper.navi_open .sp_navigation_btn::after, .wrapper.navi_open .sp_navigation_btn i { transform: translate(-50%, -50%) rotate(225deg); } .tag_cloud { padding: 4px 15px 5px; } .tag_cloud .tag_cloud_inner { display: block; } .tag_cloud .tag_cloud_inner dt { display: block; align-items: center; margin-bottom: 3px; padding: 4px 15px 2px 25px; border-right: none; background-position: left center; } #cv_contact { width: 100%; height: auto; order: 1; } #cv_contact .fixed_wrapper { position: relative; padding: 0; width: 100%; background: #fff; } #cv_contact .fixed_wrapper .inner { display: block; padding: 0; width: auto; background-color: #2b417c; } #cv_contact .fixed_wrapper .inner p { display: block; padding: 8px 0; width: 100%; text-align: center; } #cv_contact .fixed_wrapper .inner p a { display: block; padding: 4px; } #cv_contact .fixed_wrapper .inner ul { width: 100%; } #cv_contact .fixed_wrapper .inner li { margin: 0; width: 50%; height: auto; } #cv_contact .fixed_wrapper .inner li a { padding: 12px 8px; text-align: center; font-size: 14px; } #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; } #pagetop { position: relative; top: auto; right: auto; margin: 0; width: auto; height: 60px; background: none; } #pagetop a { position: absolute; right: 11px; bottom: 11px; display: block; width: 40px; height: 40px; } #pagetop a::before { margin-top: -4px; width: 16px; height: 16px; } #pagetop a::after { width: 16px; height: 16px; } .main_contents .product_link { flex-direction: column; margin: 30px 0; } .main_contents .product_link li { max-width: 100%; } .main_contents .product_link li:first-child { margin-right: 0; margin-bottom: 20px; } #footer { order: 3; } #footer .inner { padding: 32px 5px 40px; } #footer .inner .links { float: none; margin-bottom: 5px; text-align: center; } #footer .inner .links li a { font-size: 11px; } #footer .inner .copy { width: 100%; text-align: center; font-size: 11px; } #c_download .main_contents .ss_download_btn { max-width: none; } #c_download .download_banner a .banner, #c_download .download_banner a .image, #c_download .download_banner a .detialbox { display: block; width: auto; height: auto; } #c_download .download_banner a .image { margin: 0 0 20px; } #c_download .download_banner a .name { margin: 0 0 5px; } #c_download .main_contents .ss_download_btn { max-width: none; } #c_download .download_banner a .banner, #c_download .download_banner a .image, #c_download .download_banner a .detialbox { display: block; width: auto; height: auto; } #c_download .download_banner a .image { margin: 0 0 20px; } #c_download .download_banner a .name { margin: 0 0 5px; } .main_contents .page_title { margin: 0 0 24px; font-size: 26px; } .main_contents .catalog_box { margin-top: 30px; } .main_contents .box_style01 .lead_wrap { padding: 15px; } .main_contents .tipbox .header .copy { margin: 0; } .main_contents .tipbox .cont { padding: 16px; } .main_contents .casestudy_link { margin-top: 30px; padding: 15px; } .prt_columns { display: block; } .prt_columns.col2 > .item.wide, .prt_columns.col2 > .item.narrow { margin: 0 0 20px; } #p_home .index_ttl { margin: 15px 0; } #p_home .main { padding-bottom: 0; } #p_home .topics_list { display: block; margin: 0; } #p_home .topics_list::before, #p_home .topics_listafter { display: none; } #p_home .topics_list .topics { display: block; margin: 0 0 25px; padding: 10px 8px 0; min-height: auto; width: 100%; } #p_home .topics_list .topics:nth-child(3n+2) { margin: 0 0 25px; } #p_home .topics_list .topics a::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0; } #p_home .topics_list .topics .thumb { float: left; padding-right: 10px; width: 57%; } #p_home .topics_list .topics .thumb img { width: auto; } #p_home .topics_list .topics a:hover .thumb img { transform: scale(1); } #p_home .topics_list .topics .txt { float: right; padding: 0; width: 43%; font-size: 16px; } #p_home .topics_list .topics a:hover .txt { color: #333; } #p_home .topics_list .topics .tag { position: relative; bottom: auto; left: auto; clear: both; margin: 15px 0 10px 0; } #p_home .topics_list .topics.js_new_icon::before, #p_home .topics_list .topics.js_new_icon::after { position: absolute; top: 0; left: 0; display: block; height: 25px; } #p_home .topics_list .topics.js_new_icon::before { z-index: 5; width: 64px; border: 1px solid #fff; content: ""; font-weight: bold; transform: skew(-20deg, 0deg); } #p_home .topics_list .topics.js_new_icon::after { z-index: 10; padding: 3px 12px 0; border: 1px solid #fff; border-right: none; color: #fff; content: "NEW"; font-weight: bold; font-size: 13px; } #p_home .cv_bottom_sp_wrap { position: relative; z-index: 10; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp { position: fixed; bottom: 0; left: 0; width: 100vw; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp.defoult { position: absolute; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .tel_box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 2.5vw 7vw 0.5vw; background: #333; color: #fff; text-align: center; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .tel_box .tel_lead { margin-bottom: 4px; width: 100%; text-align: left; font-size: 13px; line-height: 1em; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .tel_box .tel_number { width: 43vw; background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_icon_004.png) no-repeat 0 0; background-size: 16%; text-align: left; letter-spacing: 0.35vw; font-size: 2.3vw; line-height: 4.55vw; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .tel_box .tel_number span { padding-left: 16.5%; letter-spacing: 0.0vw; font-size: 4.5vw; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .tel_box .tel_time { width: 40vw; text-align: left; letter-spacing: 0.25vw; font-size: 3vw; line-height: 3.98vw; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn { display: flex; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn .btn { position: relative; display: block; padding: 4vw 0 3vw 0; width: 50vw; color: #fff; text-align: center; font-size: 3.1vw; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn .btn::before { display: inline-block; margin-top: -1.5vw; margin-right: 2.1vw; width: 5vw; height: 5vw; content: ""; vertical-align: middle; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn .btn.catalog { background: #e61e10; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn .btn.contact { background: #41a147; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn .btn.catalog::before { background: url(../../../../../img/ss/products/microscope/measurement-solutions/bg_icon_004.png) no-repeat center; background-size: 100% auto; } #p_home .cv_bottom_sp_wrap .cv_bottom_sp .cv_bottom_btn .btn.contact::before { background: url(../../../../../img/ss/common/bg_icon_contact_001.png) no-repeat center; background-size: 100% auto; } #p_home .cv_bottom .inner .box { padding: 0 20px 105px; } #p_home .page_top_wrap .pagetop { right: 10px; bottom: 30vw; margin: 0; width: 40px; height: 40px; background: none; } #p_home .page_top_wrap .pagetop a { width: 40px; height: 40px; } #p_home .page_top_wrap .pagetop a::before { margin-top: -4px; width: 16px; height: 16px; } #p_home .page_top_wrap .pagetop a::after { width: 16px; height: 16px; } #p_lead-frame .counterplan_sction .prt_float_contents .col.image { width: auto; } .prt_main_section { margin: 20px 0 40px; } .prt_sub_section { margin: 20px 0; } .prt_column_section { margin: 20px 0 40px; } .prt_column_section .header .label { width: 68px; } .prt_column_section .header .title { padding: 12px 20px 10px 12px; font-size: 18px; } .prt_column_section .contents { padding: 16px; } .prt_header_01 span { font-size: 24px; } .prt_header_02 { margin-top: 25px; } .prt_header_03 { 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; } .prt_link_list.right { text-align: inherit; } .prt_sect_cv .button { margin: 0 5px 24px; } .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 .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_download_btn.type02.icon01 > span:first-child { background-image: url(../../../../../img/ss/common/bg_icon_dl_001.png); } .ss_download_btn.type02.icon01 .txt02 { padding-right: 92px; padding-left: 32px; text-align: left; } .prt_button_01 a { padding: 16px 10px 14px; } .prt_sect_cv { margin: 60px 0 0; } .ss_download_btn .txt01, .ss_download_btn .txt02, .ss_download_btn .txt03 { padding-right: 48px; font-size: 15px; } .ss_subpage_bnr { margin: 20px 0; } .ss_subpage_bnr .banner { padding: 10px 10px; max-width: none; width: 100%; line-height: inherit; } .ss_subpage_bnr .btn_wrap .button { padding: 8px 10px 8px 48px; width: 100%; text-align: left; } .ss_subpage_bnr .title.part_display { text-align: inherit; } .ss_subpage_bnr .title.part_display strong { display: inline; } .prt_banner_01 .inner { display: block; } .prt_banner_01 .thumb { display: block; margin: 12px auto 20px; text-align: center; } .prt_banner_01 .cont { padding: 0 0 24px; width: auto; } .prt_banner_01 .button { margin-top: 20px; text-align: center; } .prt_banner_02 { margin: 30px auto; max-width: 480px; } .prt_banner_02 a { padding-left: 0; } .prt_banner_02 .ttl { text-align: center; } .prt_banner_02 .thumb { position: relative; top: auto; left: auto; display: block; margin: 10px 0 0; max-width: initial; width: 100%; transform: none; } .prt_banner_02 .thumb img { max-width: 126px; } .prt_banner_02 .btn_wrap { text-align: center; } .prt_banner_02 .btn_wrap .btn { min-width: 0; max-width: 260px; width: 100%; } .prt_movie_box { height: 60vw; } .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 { padding: 10px 15px; } .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: #f4f4f4; color: #2d2d2d; } .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; } .prt_tbl_frame .prt_tbl { display: table; margin: 0; width: 750px; } .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; } .prt_gallery_box.center p { text-align: left; } .prt_float_contents { overflow: visible; } .prt_float_contents.right { display: flex; flex-direction: column-reverse; } .prt_float_contents .col:first-child, .prt_float_contents.right .col:first-child { float: none; margin: 0 0 20px; } .prt_flexbox { display: block; margin: 20px 0 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_flexarrows { flex-direction: column; justify-content: flex-start; } .prt_flexarrows > .item { width: 100%; } .prt_flexarrows > .item.arrow { flex: 0 0 20px; } .prt_flexarrows > .item.arrow i { transform: rotate(90deg); } .arrow_list { flex-direction: column; } .arrow_list.arrow_list.reverse { flex-direction: column-reverse; } .arrow_list li { margin-right: 0; margin-bottom: 40px; } .arrow_list li:last-child { margin-bottom: 0; } .arrow_list li::after { top: auto; right: 50%; bottom: -35px; margin-top: -15px; margin-right: -7px; transform: rotate(90deg); } .arrow_list.reverse li:first-child { margin-bottom: 0; } .arrow_list.reverse li:last-child { margin-bottom: 40px; } .arrow_list.reverse li::after { position: absolute; top: auto; right: 50%; bottom: -35px; display: block; margin-top: -15px; margin-right: -7px; border-top: 15px solid rgba(0,0,0,0); border-right: none; border-bottom: 15px solid rgba(0,0,0,0); border-left: 15px solid #343434; content: ""; transform: rotate(90deg); } .arrow_list.reverse li:first-child::after { display: none; } .arrow_list.color_blue li:not(:first-child)::after { border-left: 15px solid #0080ff; } } @media screen and (max-width: 480px) { #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_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; } }