@charset "UTF-8"; .c_top_navi{ top:0; right:0; bottom:0; left:0; height:100%; padding:15px 0 15px 0; box-sizing:border-box; z-index:1;} @media (min-width:768px){ .layout_1 header:not(.scrolled_over_slider):not(.navi_open) .c_top_navi{ padding-top:120px; } } .c_top_navi.show > .inner{ position:absolute; top:0; left:0; right:0; height:60px;} .c_top_navi.show .menu_toggle .inner{ transform:translateY(-25px); -webkit-transform:translateY(-25px);} .c_top_navi.show .phonenumber{ display:none;} .c_top_navi .bg{ } .c_top_navi > .inner{ position:relative; height:100%; max-width:1560px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;} .c_top_navi .menu_toggle{ position:relative; margin-left:20px; color:#fff; z-index:2; cursor:pointer; height:25px; overflow:hidden;} .c_top_navi .menu_toggle .inner{ display:flex; flex-direction:column; transition:transform 0.3s;} .c_top_navi .menu_toggle .open, .c_top_navi .menu_toggle .close{ display:flex; height:25px; align-items:center;} .c_top_navi .menu_toggle .open img{ height:16px; margin-right:30px;} @media (max-width:639px){ .c_top_navi .menu_toggle .open .text{ display:none; } } .c_top_navi .menu_toggle .close{ color:#000;} .c_top_navi .menu_toggle .close img{ height:24px; margin-right:30px;} .c_top_navi .logo_link{ position:absolute; top:50%; left:50%; height:30px; transform:translate(-50%, -50%);} @media (min-width:768px){ header:not(.scrolled_over_slider) .c_top_navi .logo_link{ height:55px; } } .c_top_navi.show .logo_link{ transform:translate(-50%, -10px);} .c_top_navi .logo{ display:block; height:100%; } .layout_1 header.scrolled_over_slider .c_top_navi .logo, .c_top_navi.show .logo{ height:40px; margin-top:-5px;} .c_top_navi .phonenumber{ position:relative; margin-right:20px; float:right; z-index:2;} .c_top_navi .phonenumber a{ display:flex; align-items:center; font-size:20px; font-weight:normal; color:#fff;} .c_top_navi .phonenumber a img{ width:26px;} .c_top_navi .phonenumber .desktop .text{ display:none;} @media (min-width:480px){ .c_top_navi .phonenumber{ display:flex; align-items:center; font-size:16px; font-weight:600; } .c_top_navi .phonenumber .desktop img{ margin-right:20px; } .c_top_navi .phonenumber .desktop .text{ display:block; } } .c_top_navi .toggle{ position:relative; display:inline-block; padding:10px; font-weight:bold; font-size:16px; line-height:25px; text-transform:uppercase; cursor:pointer; z-index:1;} .c_top_navi .toggle .container{ height:25px; overflow:hidden;} .c_top_navi .toggle .container .inner{ transition:transform 0.3s; -webkit-transition:transform 0.3s;} .c_top_navi .toggle .container .inner .open{ color:#fff;} .c_top_navi .toggle .container .inner .close{ border-top:3px solid #000;} .c_top_navi .overlay{ position:fixed; display:flex; display:-webkit-flex; top:0; left:0; right:0; width:auto; height:100vh; visibility:hidden; opacity:0; background-color:#F7F7F7; overflow:hidden; box-sizing:border-box; transition:left 0.8s, right 0.8s, transform 0.6s, visibility 0.3s, opacity 0.3s;} @media (max-width:767px){ .c_top_navi .overlay{ padding-top:90px; } } .c_top_navi .overlay.show{ visibility:visible; opacity:1; height:100%; left:0; right:0; transform:translateX(0);} .c_top_navi .overlay.show .site_link_context{ transform:translateX(0);} .c_top_navi .overlay:not(.show) .site_link_context_pic{ visibility:hidden !important;} .c_top_navi .overlay .scrollable{ padding-bottom:20px; flex:1; overflow:auto; overscroll-behavior:contain; background-color:#F7F7F7;} .c_top_navi .navi_wrapper{ padding:0 10px;} .c_top_navi .navi_1 .item{ padding:20px 0 0 0;} .c_top_navi .navi_1 > .item > a{ display:inline-block; padding:0 10px 0 10px; color:#000; font-family:"OpenSans", sans-serif; font-size:20px; font-weight:normal;} .c_top_navi .navi_1 > .item > a:hover, .c_top_navi .navi_1 > .item > a.active{ color:#555;} .c_top_navi .navi_1 > .item > a > .text{ display:inline-block;} .c_top_navi .navi_2{ margin-left:36px; padding:0;} .c_top_navi .navi_2 .item a{ display:inline-block; padding:5px 10px; font-family:"OpenSansLight", sans-serif; font-size:20px; color:#000;} .c_top_navi .navi_2 .item a:hover{ color:#555;} .c_top_navi .site_link_context{ display:none; position:relative; width:33.33%; min-width:350px; text-align:center; transition:transform 0.6s; transition-delay:0.3s;} @media (min-width:768px){ .c_top_navi .site_link_context{ display:block; } } .c_top_navi .site_link_context_pic{ position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-position:center; opacity:0; transition:visibility 0.5s, opacity 0.5s;} .c_top_navi .site_link_context_pic.show{ visibility:visible; opacity:1;} .c_top_navi .site_link_context_content{ position:relative; display:flex; height:100%; flex-direction:column; justify-content:space-between; z-index:2;} .c_top_navi .site_link_context_content:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.2);} .c_top_navi .site_link_context_logo{ position:relative; display:block; padding-top:120px;} .c_top_navi .site_link_context_logo img{ width:80px;} .c_top_navi .site_link_context_contact{ position:relative; margin-bottom:60px;} .c_top_navi .site_link_context_mail{ display:inline-flex; justify-content:center; align-items:center; color:#fff;} .c_top_navi .site_link_context_phone{ display:inline-flex; margin-top:10px; justify-content:center; align-items:center; color:#fff;} .c_top_navi .site_link_context_mail img, .c_top_navi .site_link_context_phone img{ width:26px; margin-right:20px;} @media (min-width:640px){ .c_top_navi .navi_wrapper{ padding:0 22px; } } @media (min-width:768px){ .c_top_navi .toogle{ font-size:14px; } .c_top_navi .scrollable{ display:flex; } .c_top_navi .navi_wrapper{ width:100%; max-width:900px; margin:auto; } .c_top_navi .navi_1{ position:relative; } .c_top_navi .navi_1 .item{ } .c_top_navi .navi_1 .item a{ max-width:330px; line-height:30px; } .c_top_navi .navi_2{ padding:0; line-height:26px; transition:visibility 0.3s, opacity 0.3s; -webkit-transition:visibility 0.3s, opacity 0.3s; } .c_top_navi .navi_2 .item{ position:relative; line-height:26px; } .c_top_navi .navi_2 .item a{ display:inline-block; vertical-align:top; } .c_top_navi:not(.show) .navi_2{ visibility:hidden; opacity:0; } } @media (max-width:767px){ .c_top_navi .navi_1 .item a{ font-size:16px; } } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, 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") format("woff"); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} @charset "UTF-8"; .c_toppic_slider{ position:relative;} .c_toppic_slider .swiper-wrapper{ margin:0;} .c_toppic_slider .slideEntry{ display:block; position:relative; max-height:100vh; margin-top:0; padding-left:0; color:#fff !important; z-index:1; } .c_toppic_slider .slideEntryInner{ padding-bottom:100%;} @media screen and (orientation:portrait){ .c_toppic_slider .slideEntryInner{ padding-bottom:120%; } } .c_toppic_slider .slideEntryImage{ position:absolute; display:inline-block; width:100%; height:100%; vertical-align:top;} .c_toppic_slider .slideEntryImage:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);} .c_toppic_slider .slideEntryImage img{ width:100%; height:100%; object-fit:cover; object-position:center; font-family:"object-fit:cover; object-position:center; ";} .c_toppic_slider .slideEntryTextBox{ position:absolute; left:60px; right:60px; top:50%; max-width:1260px; margin:0 auto; text-align:center; transform:translate(0, -50%); z-index:4;} @media (min-width:1024px){ .c_toppic_slider .slideEntryTextBox{ left:80px; right:80px; } } .c_toppic_slider .slideEntryTextBox .headline{ display:block; margin-top:10px; font-family:var(--h1-font-family); font-size:calc(var(--h1-font-size) - 5px); line-height:calc(var(--h1-line-height) - 5px); color:#fff; text-shadow:0 4px 15px #000;} @media (min-width:640px){ .c_toppic_slider .slideEntryTextBox .headline{ font-size:calc(var(--h1-font-size)); line-height:calc(var(--h1-line-height)); } } .c_toppic_slider .slideEntryTextBox .subheadline{ display:block; font-family:var(--medium-headline1-font-family); font-size:var(--medium-headline1-font-size); line-height:var(--medium-headline1-line-height); color:#fff;} .c_toppic_slider .slideEntryTextBox .text{ display:block; margin-top:55px; font-family:"OpenSansSemibold", sans-serif; font-size:14px; letter-spacing:2px; color:#fff;} .c_toppic_slider .swiper-pagination-bullet{ width:15px; height:15px; margin:0 6px !important; border:1px solid #fff; opacity:1; background-color:transparent; transition:background-color 0.2s, border-color 0.2s;} .c_toppic_slider .swiper-pagination-bullet:hover, .c_toppic_slider .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color:var(--ematec-gray); background-color:var(--ematec-gray);} .c_toppic_slider .swiper-navigate-prev, .c_toppic_slider .swiper-navigate-next{ position:absolute; top:0; bottom:0; width:33.33%; cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; z-index:1;} .c_toppic_slider .swiper-navigate-prev{ left:0;} .c_toppic_slider .swiper-navigate-next{ right:0;} .c_toppic_slider .swiper-navigate-prev-button, .c_toppic_slider .swiper-navigate-next-button{ position:absolute; width:28px; height:28px; top:50%; cursor:pointer; outline:none; border-top:2px solid #fff; border-left:2px solid #fff; z-index:1;} @media (min-width:1024px){ .c_toppic_slider .swiper-navigate-prev-button, .c_toppic_slider .swiper-navigate-next-button{ width:38px; height:38px; } } .c_toppic_slider .swiper-navigate-prev-button{ left:24px; transform:translate(0, -50%) rotateZ(-45deg);} @media (min-width:1024px){ .c_toppic_slider .swiper-navigate-prev-button{ left:34px; } } .c_toppic_slider .swiper-navigate-next-button{ right:24px; transform:translate(0, -50%) rotateZ(135deg);} @media (min-width:1024px){ .c_toppic_slider .swiper-navigate-next-button{ right:34px; } } .c_toppic_slider .scroll_down{ position:absolute; left:50%; bottom:0; display:none; align-items:center; transform:translateX(-50%) rotateZ(90deg) translateX(-36%); cursor:pointer; z-index:1;} .c_toppic_slider .scroll_down .scroll_down_text{ margin-right:20px; font-family:"OpenSansSemibold", sans-serif; font-size:14px; color:#fff; text-transform:uppercase;} .c_toppic_slider .scroll_down .scroll_down_line{ width:6vw; height:2px; background-color:#fff;} @media only screen and (min-width:480px) and (min-height:640px){ .c_toppic_slider .scroll_down{ display:flex; } } .c_toppic_slider.c_toppic_slider_half_height .slideEntry{ max-height:50vh;} @media (min-width:768px){ .c_toppic_slider.c_toppic_slider_half_height .slideEntryTextBox .headline{ font-size:25px; line-height:40px; } } .c_toppic_slider.c_toppic_slider_half_height .scroll_down{ display:none;} @charset "UTF-8"; .component_path{ padding:20px; max-width:var(--content-max-width); margin:0 auto;} @charset "UTF-8"; .layout_1 .component_site{ } .layout_1 .component_site{ padding-top:70px;} @media only screen and (max-width:1024px){ .layout_1 .component_site{ padding-top:60px; } } .c_toppic_slider + .component_site{ padding-top:0;} @charset "UTF-8"; .component_navi_context{ text-align:center; padding:20px;} @media screen and (min-width:768px){ .lorem{ background-color:blue; } .lorem .test{ color:#fff; } } .ipsum{ color:red;} .c_footer_contact .template_cols_wrapper{ margin-top:50px; padding-top:40px; border-top:1px solid #808080;} @media (min-width:768px){ .c_footer_contact .template_cols_wrapper .template_col2{ text-align:center; } .c_footer_contact .template_cols_wrapper .template_col3{ text-align:right; } } .c_footer_contact .template_cols_wrapper .template_col_inner{ margin-top:10px;} .c_footer_contact h2{ font-size:20px; font-weight:normal;} .c_footer_contact .title{ font-family:"OpenSans", sans-serif;} .c_copyright{ padding:75px 0; text-align:center; color:#333333;} .c_copyright .logo_ivo{ width:55px; margin-bottom:10px;} .c_copyright .pmcms{ font-size:11px;}