@charset "UTF-8"; /*SC Slider*/ .biz-slider .swiper-container { width: 100%; } .biz-slider .swiper-button-next, .biz-slider .swiper-button-prev { background: none; color: #333333; font-size: 50px; width: auto; height: auto; top: auto; bottom: 70px; } .biz-slider .swiper-button-prev { left: 15px; right: auto; } .biz-slider .swiper-button-next { right: 15px; left: auto; } .biz-slider .swiper-button-prev:hover, .biz-slider .swiper-button-next:hover { opacity: 0.6; } .biz-slider .control { height: 18px; margin: 15px 0; } .biz-slider .swiper-pagination { text-align: center; width: 100%; } .biz-slider .swiper-pagination-bullet { width: 12px; height: 12px; background: #51595f; opacity: 1; margin: 0 5px; } .biz-slider .swiper-pagination-bullet:hover { background: #da5d12; } .biz-slider .swiper-pagination-bullet-active { background: #da5d12; } .wp-information-slider { position: absolute; z-index: 10; padding: 10px 0; text-align: center; bottom: 0px; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); } .wp-information-slider .title { font-size: 22px; } .wp-information-slider .des { margin-top: 5px; } .no_result { display: none; } @media screen and (max-width: 640px) { .biz-slider .control { margin-top: 13px; position: relative; height: 25px; padding-bottom: 15px; margin-bottom: 0; } .biz-slider .swiper-pagination { margin-top: 7px; } .biz-slider .swiper-button-next, .biz-slider .swiper-button-prev { font-size: 25px; margin-top: 0; bottom: 10px; } .biz-slider .swiper-button-prev:before, .biz-slider .swiper-button-next:before { margin-top: -7px; } } /*End of SC Slider*/ /*Defaut Page*/ .biz-page { background-color: #edeff1; } .biz-page footer { background-color: #fff; } .biz-sc_title { padding: 17px 0; } .biz_content { margin-top: 80px; padding-bottom: 90px; } .wp_biz_btn { margin-top: 30px; } .wp_biz_btn .btn .btn_icon { margin-left: 10px; margin-right: 0; } .wp_biz_btn .hidden_mb { display: inline-block !important; } /* End of Defaut Page*/ /* Left Navigation*/ .biz_wrap .float_area { width: 212px; } .biz_wrap .list_filter li { margin-bottom: 1px; border-bottom: none !important; } .biz_wrap .list_filter .link_filter { font-size: 12px; padding: 12px 19px; background-color: #282a2f; font-weight: 500; color: #fff; position: relative; cursor: pointer; } .hover_on .wrap .left_nav ul li .link_filter:hover { background: #282a2f; color: #ffffff; opacity: 0.6; } .biz_wrap .list_filter .link_filter .text { display: inline-block; vertical-align: middle; max-width: 150px; } .biz_wrap .list_filter .link_filter.open .arrow { -ms-transform: translate(0, -50%) rotate(180deg); -o-transform: translate(0, -50%) rotate(180deg); -moz-transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .biz_wrap .list_filter .link_filter.open .filter_icon.plus:after { -ms-transform: translate(-50%, -50%) rotate(0); -o-transform: translate(-50%, -50%) rotate(0); -moz-transform: translate(-50%, -50%) rotate(0); -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } .biz_wrap .list_filter .link_filter.bg_mb { display: none; background-color: #8daed6; text-align: center; } .biz_wrap .list_filter .link_filter.bg_mb:hover { background-color: #8daed6 !important; } .biz_wrap .list_filter .link_filter .filter_icon { position: absolute; top: 50%; right: 20px; -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .biz_wrap .list_filter .link_filter .filter_icon.plus { display: none; width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .biz_wrap .list_filter .link_filter .filter_icon.plus:before, .biz_wrap .list_filter .link_filter .filter_icon.plus:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 6px; height: 2px; background-color: #27292f; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .biz_wrap .list_filter .link_filter .filter_icon.plus:after { -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .biz_wrap .inner_acc { padding: 25px 18px; } .biz_wrap .inner_acc.clear-pad { padding: 0; } .biz_wrap .inner_acc .item_inner { position: relative; margin-bottom: 15px; font-size: 12px; font-weight: 500; } .biz_wrap .inner_acc .item_inner.item_inner_large { font-weight: 700; } .biz_wrap .inner_acc .item_inner:last-child { margin-bottom: 0; } .biz_wrap .inner_acc .item_inner.clear_mgbt { margin-bottom: 0; } .biz_wrap .inner_acc .item_inner.has_sub .name_inner { display: inline-block; } .biz_wrap .inner_acc .inner_item_1 { position: relative; padding-left: 13px; } .biz_wrap .inner_acc .inner_item_1 li { position: relative; font-weight: 500; } .state .refine { display: none; } /* checkbox */ .list_filter .checkbox_wrap { border-radius: 4px; width: 100%; display: table; height: 100%; box-sizing: border-box; } .list_filter .checkbox_label { width: 100%; display: table-cell; vertical-align: middle; cursor: pointer; box-sizing: border-box; padding: 2px 0 4px 18px; } .list_filter .checkbox_label input[type="checkbox"]{ display: inline-block; vertical-align: middle; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; } .list_filter .checkbox_label .checkbox_icon { position: absolute; left: 0px; top: 2px; } .list_filter .checkbox_label .checkbox_icon:before, .list_filter .checkbox_label .checkbox_icon:after { content: ''; display: block; position: absolute; top: 50%; left: 0; } .list_filter .checkbox_label .checkbox_icon:before { width: 12px; height: 12px; border: 1px solid #282a2f; z-index: 1; } .list_filter .checkbox_label .checkbox_icon:after { left: 50%; width: 5px; height: 8px; border-right: 2px solid #292d30; border-bottom: 2px solid #292d30; -webkit-transform: rotate(30deg); transform: rotate(30deg); opacity: 0; z-index: 2; margin-left: 4px; top: 1px; } .list_filter .checkbox_wrap.is_checked .checkbox_icon:after { opacity: 1; } .list_filter .checkbox_wrap .checkbox_label .checkbox_icon:before { background: #ffffff; } .list_filter .checkbox_wrap.is_checked .checkbox_label .checkbox_icon:before { background: #ffffff; } @media screen and (max-width: 640px) { .list_filter .checkbox_label { padding: 0 0 0 20px; height: 100%; } .list_filter .checkbox_label .checkbox_icon { left: 4px; } .list_filter .checkbox_label .checkbox_icon:before { width: 9px; height: 9px; margin-top: 1px; } .list_filter .checkbox_label .checkbox_icon:after { width: 4px; height: 7px; margin-top: -1px; border-right-width: 2px; border-bottom-width: 2px; margin-left: 3px; } .list_filter .checkbox_label { padding-left: 20px; padding-right: 6px; } } /* Block anchor */ .block_anchor { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; background-color: #fff; padding: 4px; } .block_anchor .heading { background-color: #8daed6; text-align: center; padding: 8px 16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .block_anchor .body { padding: 8px; } .block_anchor .list_link li { border-bottom: 1px solid #8daed6; padding-bottom: 7px; margin-bottom: 5px; } .block_anchor .list_link li:last-child { padding-bottom: 0; margin-bottom: 0; } .block_anchor .list_link li a { display: block; position: relative; padding: 6px 25px 6px 0; } .block_anchor .list_link li a:after { font-family: 'FontAwesome'; content: '\f13a'; color: #8daed6; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .block_anchor .list_link li:last-child { border-bottom: 0; } .sc_anchor_st .top_block { font-size: 14px; margin-bottom: 20px; } .sc_anchor_st .bottom_block { font-size: 14px; margin-top: 20px; } .sc_anchor_st .img_block img { max-width: 100%; } .sc_anchor_st.style-02 { font-size: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .sc_anchor_st.style-02 .img_block { -webkit-flex-basis: 47%; flex-basis: 47%; } .sc_anchor_st.style-02 .list_flex { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .sc_anchor_st.style-02 .block_anchor:before { position: absolute; content: ''; width: 0; height: 0; } .sc_anchor_st.style-02 .left_block { font-size: 14px; margin-right: 20px; -webkit-flex-basis: calc(26.5% - 20px); flex-basis: calc(26.5% - 20px); } .sc_anchor_st.style-02 .left_block .item .block_anchor:before { top: 100%; left: 92%; border-style: solid; border-width: 47px 15px 0 15px; border-color: #fff transparent transparent transparent; -ms-transform: skew(59deg); -o-transform: skew(59deg); -moz-transform: skew(59deg); -webkit-transform: skew(59deg); transform: skew(59deg); } .sc_anchor_st.style-02 .right_block { font-size: 14px; margin-left: 20px; -webkit-flex-basis: calc(26.5% - 20px); flex-basis: calc(26.5% - 20px); } .sc_anchor_st.style-02 .right_block .item:first-child .block_anchor:before { top: 100%; left: -10%; border-style: solid; border-width: 27px 18px 0 18px; border-color: #fff transparent transparent transparent; -ms-transform: skew(-70deg); -o-transform: skew(-70deg); -moz-transform: skew(-70deg); -webkit-transform: skew(-70deg); transform: skew(-70deg); } .sc_anchor_st.style-02 .right_block .item:last-child .block_anchor:before { top: 34%; right: 100%; border-style: solid; border-width: 8px 58px 8px 0; border-color: transparent #fff transparent transparent; -ms-transform: skewY(11deg); -o-transform: skewY(11deg); -moz-transform: skewY(11deg); -webkit-transform: skewY(11deg); transform: skewY(11deg); } .sc_anchor_st.style-03 .img_block { text-align: center; } .sc_anchor_st.style-03 .list_flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .sc_anchor_st.style-03 .block_anchor:before { position: absolute; content: ''; width: 0; height: 0; } .sc_anchor_st.style-03 .top_block .item:first-child { -webkit-flex-basis: 53.013%; flex-basis: 53.013%; } .sc_anchor_st.style-03 .top_block .item:first-child .block_anchor:before { top: 100%; left: 35%; border-style: solid; border-width: 124px 21px 0 21px; border-color: #fff transparent transparent transparent; -ms-transform: skew(47deg); -o-transform: skew(47deg); -moz-transform: skew(47deg); -webkit-transform: skew(47deg); transform: skew(47deg); } .sc_anchor_st.style-03 .top_block .item:last-child { -webkit-flex-basis: 42.17%; flex-basis: 42.17%; } .sc_anchor_st.style-03 .top_block .item:last-child .block_anchor:before { top: 100%; left: 48%; border-style: solid; border-width: 72px 13px 0 13px; border-color: #fff transparent transparent transparent; -ms-transform: skew(-43deg); -o-transform: skew(-43deg); -moz-transform: skew(-43deg); -webkit-transform: skew(-43deg); transform: skew(-43deg); } .sc_anchor_st.style-03 .bottom_block { margin-top: 15px; } .sc_anchor_st.style-03 .bottom_block .item { margin-right: 21.687%; margin-left: auto; -webkit-flex-basis: 42.17%; flex-basis: 42.17%; } .sc_anchor_st.style-03 .bottom_block .item .block_anchor:before { bottom: 100%; left: 74%; border-style: solid; border-width: 0 8px 61px 8px; border-color: transparent transparent #fff transparent; -ms-transform: skew(-18deg); -o-transform: skew(-18deg); -moz-transform: skew(-18deg); -webkit-transform: skew(-18deg); transform: skew(-18deg); } @media screen and (max-width: 640px) { .sc_anchor_st .top_block, .sc_anchor_st .bottom_block, .sc_anchor_st .left_block, .sc_anchor_st .right_block { display: none; } .sc_anchor_st.style-02 .img_block { -webkit-flex-basis: 100%; flex-basis: 100%; text-align: center; } } /* end Block anchor */ .left_nav_info { text-align: center; width: 212px; margin: 27px 0; } .left_nav_info .title { font-size: 22px; } .left_nav_info .finding { font-size: 16px; margin-top: 5px; } .left_nav_info .line { margin: 22px auto 28px auto; display: block; width: 82%; height: 1px; background-color: #b7c3cd; } .left_nav_info .list_finding { text-align: left; padding: 0 35px; } .left_nav_info .list_finding li { font-size: 12px; border-bottom: none !important; line-height: 1.4; } .left_nav_info .list_finding li:first-child { margin-bottom: 10px; } /* End of Left Navigation*/ /* Title Position Absolute */ .howto-page.case .sc_bg_info .bg_st { background-position: top center; } .howto-page .sc_block_item.style-09:nth-child(odd) .block-img-right { padding-right: 35px; } .howto-page .sc_block_item.style-09 .block-img-right { padding-left: 30px; } .howto-page .wrap_position { position: relative; } .howto-page .title_pos { position: absolute; top: -25px; width: 100%; } /* Responsive */ @media screen and (max-width: 640px) { .wp_biz_btn .hidden_mb { display: none !important; } .wp_biz_btn .visible_mb { display: inline-block !important; } .howto-page.case .sc_bg_info .bg_st { background-position: top right; } .howto-page.store-page .sc_bg_info .info_st { margin-left: 0; padding: 36px 20px 40px; } .howto-page .wp-style-tab { padding-top: 35px; } } @media screen and (max-width: 640px) { .biz_content { margin-top: 0; padding-bottom: 60px; } .biz-sc_title { font-size: 16px; padding: 0; line-height: 1.9; } .biz-slider .swiper-pagination-bullet { width: 8px; height: 8px; } .wp-information-slider { position: relative; padding: 15px ; bottom: auto; background-color: #fff; } .wp-information-slider .title { font-size: 14px; } .wp-information-slider .des { font-size: 12px; margin-top: 10px; } .wp_biz_btn { margin-top: 15px; } .biz_sc_block_item .list_column.mlr_10.column_02 > .item { width: 100%; margin-bottom: 10px; } .biz_wrap { min-height: auto !important; } .biz_wrap .left_nav { display: block; position: relative; width: 100%; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .biz_wrap .left_nav .float_area { position: relative !important; top: auto !important; padding-left: 15px; padding-right: 15px; width: auto; background: none; } .biz_wrap .left_nav_info { display: none; } .biz_wrap .inner_acc { padding: 17px 10px; background-color: #fff; } .biz_wrap .list_filter { height: auto !important; overflow-y: inherit !important; } .biz_wrap .list_filter .link_filter { padding: 15px 10px; } .biz_wrap .list_filter .link_filter .filter_icon.plus { display: block; } .biz_wrap .list_filter .link_filter .arrow { display: none; } .biz_wrap .list_filter .link_filter.bg_mb { display: block; } .biz_wrap .list_filter .link_filter.bg_mb .arrow { display: block; } .list_filter { margin-bottom: 20px; } .inner_acc1_mb { display: none; } .howto-page { min-width: 100%; } .howto-page .sc_title.primary_title { font-size: 17px; } .howto-page .title_pos { top: -15px; } .howto-page .sc_block_item.style_07 .btn_group .btn { margin-bottom: 0; } .howto-page .sc_block_item.style_07 .block_info + .btn_group { margin-top: 10px; } .howto-page .sc_block_item.style-09:nth-child(odd) .block-img-right { padding-left: 0; } } /* End of Responsive */ .logistics-page .sc_anchor_st { margin-top: 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .logistics-page .sc_anchor_st * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .logistics-page .sc_anchor_st .top_block { margin-bottom: 24px; } .logistics-page .sc_anchor_st .top_block .block_anchor.block_01 { width: 200px; } .logistics-page .sc_anchor_st .top_block .block_anchor.block_01:before { top: 100%; left: 80%; border-style: solid; border-width: 94px 14px 0 14px; border-color: #ffffff transparent transparent transparent; -ms-transform: skew(37deg); -o-transform: skew(37deg); -moz-transform: skew(37deg); -webkit-transform: skew(37deg); transform: skew(37deg); } .logistics-page .sc_anchor_st .top_block .block_anchor.block_02 { width: 214px; margin-left: 12px; } .logistics-page .sc_anchor_st .top_block .block_anchor.block_02:before { top: 100%; left: 35%; border-style: solid; border-width: 69px 10px 0 10px; border-color: #ffffff transparent transparent transparent; -ms-transform: skew(-22deg); -o-transform: skew(-22deg); -moz-transform: skew(-22deg); -webkit-transform: skew(-22deg); transform: skew(-22deg); } .logistics-page .sc_anchor_st .top_block .block_anchor.block_03 { width: 214px; float: right; } .logistics-page .sc_anchor_st .top_block .block_anchor.block_03:before { top: 100%; left: 10%; border-style: solid; border-width: 94px 12px 0 12px; border-color: #ffffff transparent transparent transparent; -ms-transform: skew(-37deg); -o-transform: skew(-37deg); -moz-transform: skew(-37deg); -webkit-transform: skew(-37deg); transform: skew(-37deg); } .logistics-page .sc_anchor_st .bottom_block .block_anchor.block_01 { width: 224px; } .logistics-page .sc_anchor_st .bottom_block .block_anchor.block_01:before { bottom: 100%; left: 67%; border-style: solid; border-width: 0 12px 75px 12px; border-color: transparent transparent #ffffff transparent; -ms-transform: skew(-39deg); -o-transform: skew(-39deg); -moz-transform: skew(-39deg); -webkit-transform: skew(-39deg); transform: skew(-39deg); } .logistics-page .sc_anchor_st .bottom_block .block_anchor.block_02 { width: 222px; margin-left: 27px; } .logistics-page .sc_anchor_st .bottom_block .block_anchor.block_02:before { bottom: 100%; left: 67%; border-style: solid; border-width: 0 10px 58px 10px; border-color: transparent transparent #ffffff transparent; -ms-transform: skew(-10deg); -o-transform: skew(-10deg); -moz-transform: skew(-10deg); -webkit-transform: skew(-10deg); transform: skew(-10deg); } .logistics-page .sc_anchor_st .bottom_block .block_anchor.block_03 { width: 214px; float: right; } .logistics-page .sc_anchor_st .bottom_block .block_anchor.block_03:before { bottom: 100%; left: 7%; border-style: solid; border-width: 0 12px 50px 12px; border-color: transparent transparent #ffffff transparent; -ms-transform: skew(53deg); -o-transform: skew(53deg); -moz-transform: skew(53deg); -webkit-transform: skew(53deg); transform: skew(53deg); } .logistics-page .block_anchor { position: relative; z-index: 1; } .logistics-page .block_anchor:before { content: ''; position: absolute; width: 0; height: 0; } .logistics-page .block_anchor .heading { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 6px 10px; } .logistics-page .block_anchor .body { padding: 0px 8px; } .logistics-page .block_anchor .list_link li a { line-height: 1.5; letter-spacing: 1.5px; } .howto-page .sc_tab .list_tab_status .check_box + .name_check:before { line-height: 24px; } .howto-page .sc_tab .list_tab_status .check_box + .name_check span { display: inline-block; vertical-align: top; } /* Proposal label block - URL: product/biz/business-navi/column/medical/user1/index*/ .Proposal_label_block { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .Proposal_label_block * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .Proposal_label_block .bg_gray_st { background-color: #eeeff3; padding: 30px; } .Proposal_label_block .top_desc_block { margin-left: -80px; margin-bottom: -30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Proposal_label_block .top_desc_block > .item { width: calc((100% - 80px * 2) / 2); margin-left: 80px; margin-bottom: 30px; float: left; position: relative; } .Proposal_label_block .top_desc_block .inner { display: table; width: 100%; position: relative; } .Proposal_label_block .top_desc_block .inner .icon_block { width: 80px; max-width: 80px; height: 80px; vertical-align: middle; display: table-cell; line-height: 80px; font-size: 18px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; } .Proposal_label_block .top_desc_block .inner .block_info { display: table-cell; vertical-align: middle; padding-left: 20px; } .Proposal_label_block .top_desc_block .inner .icon-arrow { position: absolute; width: 0; height: 0; right: -50px; top: 50%; margin-top: -16px; border-style: solid; border-width: 15px 0 15px 16px; border-color: transparent transparent transparent #007bff; } .Proposal_label_block .top_desc_block .bg_gray { background-color: #51595f; } .Proposal_label_block .top_desc_block .bg_lightblue { background-color: #8daed6; } .Proposal_label_block .top_desc_block .list li { position: relative; line-height: 1.8; padding-left: 15px; } .Proposal_label_block .top_desc_block .list li:before { content: "・"; position: absolute; left: 0; top: 0; } .Proposal_label_block .line_bg { position: relative; height: 1px; width: 100%; background-color: #b5c5d2; display: block; } /* end Proposal label block */ .sc_block_item.style-04 .block-content .text-link .btn_icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .sc_block_item.style-04 .block-content .btn_txt_1 .btn_icon { border: none; }