@charset "UTF-8";
.fbx-modal,.fbx-modal *{box-sizing:content-box}.fbx-modal{position:fixed;top:0;left:0;z-index:9000001;visibility:hidden;width:100%;height:100%;font-family:"Segoe UI",Helvetica,Arial,"Sans Serif",serif;line-height:normal;outline:0!important;transform:translate3d(0,0,0);perspective:0}.fbx-modal.fbx-loading,.fbx-modal.fbx-show{visibility:visible}.fbx-no-scroll{overflow:hidden!important}.fbx-inner-spacer{display:none;padding:40px}.fbx-inner{position:absolute;top:50%;left:50%;visibility:hidden;overflow:visible!important;margin-top:-5px;margin-left:-5px;min-width:100px;min-height:100px;width:100px;height:100px;z-index:100002}.fbx-show .fbx-inner{visibility:visible}.fbx-loader{position:absolute;top:50%;left:50%;visibility:hidden;z-index:100005;width:80px;height:80px;font-size:16px;transform:translateX(-50%) translateY(-50%)}.fbx-loader .fbx-icon{width:48px;height:48px;margin-top:-24px;margin-left:-24px;transform:none}.fbx-loading .fbx-loader{visibility:visible}.fbx-loading .fbx-loader .fbx-icon{animation:spin 2s infinite linear}.fbx-phone.fbx-portrait .fbx-loader{top:calc(50% + 20px)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.fbx-stage{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;outline:0;border:none;overflow:hidden}.fbx-item-current,.fbx-item-next{-webkit-user-drag:none;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;outline:0;border:none;overflow:auto}.fbx-loading .fbx-item-current,.fbx-loading .fbx-item-next{overflow:hidden}.fbx-item-next{z-index:100001}.fbx-item-current{z-index:100002}.fbx-error-msg{width:240px;height:240px;position:relative}.fbx-error-msg>svg{width:auto;height:150px;display:block;top:calc(50% - 20px)}.fbx-error-msg>p{position:absolute;bottom:24px;text-align:center;width:100%;margin:0}.fbx-item-embed,.fbx-item-iframe,.fbx-item-image,.fbx-item-video{margin:0;padding:0;width:100%;height:100%;outline:0;border:none;display:block}.fbx-item-video>.fbx-video{background-color:#000}.fbx-item-embed embed,.fbx-item-embed iframe,.fbx-item-embed object{margin-bottom:0}.fbx-item-embed>embed,.fbx-item-embed>iframe,.fbx-item-embed>object{max-width:100%;max-height:100%}.fbx-ios-12-or-below .fbx-item-current{-webkit-overflow-scrolling:touch!important;overflow:auto!important}.fbx-ios-12-or-below .fbx-item-iframe{width:1px;min-width:100%}.fbx-close,.fbx-next,.fbx-prev{position:absolute;z-index:100006;display:block;outline:0!important;text-decoration:none;cursor:pointer}.fbx-no-buttons .fbx-next,.fbx-no-buttons .fbx-prev{display:none!important}.fbx-credit{position:absolute;z-index:100003;text-transform:lowercase;font-size:10px}.fbx-credit em{font-style:normal;font-size:10px}.fbx-credit a{text-decoration:none;font-size:10px}.fbx-credit a span{letter-spacing:1px;font-size:10px}.fbx-count{position:absolute;z-index:100002;width:100%;text-align:center;font-size:10px}.fbx-btn-transition{transition-property:color,border-color,opacity,box-shadow,filter,-webkit-filter;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease-in,linear,ease-in,ease-in,ease-in,ease-in;outline:0}@media (hover:hover){.fbx-close:hover,.fbx-next:hover,.fbx-prev:hover{text-decoration:none}.fbx-credit a:hover span{text-decoration:underline}}.fbx-phone .fbx-count{display:none}.fbx-phone .fbx-credit em{display:none}.fbx-phone.fbx-landscape.fbx-no-nav .fbx-next,.fbx-phone.fbx-landscape.fbx-no-nav .fbx-prev{display:none}.fbx-modal.fbx-phone .fbx-inner{border:none}.fbx-modal.fbx-phone .fbx-close,.fbx-modal.fbx-phone .fbx-next,.fbx-modal.fbx-phone .fbx-prev{position:fixed}.fbx-modal.fbx-phone .fbx-credit{bottom:2px;left:2px}.fbx-modal.fbx-phone.fbx-portrait .fbx-inner-spacer{padding:45px 5px 5px 5px}.fbx-modal.fbx-phone.fbx-portrait .fbx-close,.fbx-modal.fbx-phone.fbx-portrait .fbx-next,.fbx-modal.fbx-phone.fbx-portrait .fbx-prev{border:none;opacity:1;margin:0;top:0;bottom:auto;width:auto;height:40px;border-radius:0;line-height:40px}.fbx-modal.fbx-phone.fbx-portrait .fbx-prev{left:0;right:66%}.fbx-modal.fbx-phone.fbx-portrait .fbx-next{left:33%;right:33%}.fbx-modal.fbx-phone.fbx-portrait .fbx-close{left:66%;right:0}.fbx-modal.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close{left:0;right:0}.fbx-modal.fbx-phone.fbx-landscape{border-right-width:46px;border-right-style:solid;box-sizing:border-box}.fbx-modal.fbx-phone.fbx-landscape .fbx-inner-spacer{padding:5px}.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-modal.fbx-phone.fbx-landscape .fbx-prev{bottom:auto;left:auto;right:-45px;width:44px;height:44px;line-height:44px;border:none;opacity:1;margin:0}.fbx-modal.fbx-phone.fbx-landscape .fbx-close{top:0;height:60px}.fbx-modal.fbx-phone.fbx-landscape .fbx-prev{top:62px}.fbx-modal.fbx-phone.fbx-landscape .fbx-next{top:108px}.fbx-icon{display:inline-block;fill:currentColor;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fbx-icon-close path{display:none}.fbx-flat .fbx-icon-close-flat,.fbx-metro .fbx-icon-close-default,.fbx-rounded .fbx-icon-close-default{display:inline}.fbx-flat .fbx-pause .fbx-icon-play-flat,.fbx-flat .fbx-play .fbx-icon-pause-flat,.fbx-icon-slideshow path,.fbx-metro .fbx-pause .fbx-icon-play-default,.fbx-metro .fbx-play .fbx-icon-pause-default,.fbx-rounded .fbx-pause .fbx-icon-play-default,.fbx-rounded .fbx-play .fbx-icon-pause-default{display:none}.fbx-flat .fbx-pause .fbx-icon-pause-flat,.fbx-flat .fbx-play .fbx-icon-play-flat,.fbx-metro .fbx-pause .fbx-icon-pause-default,.fbx-metro .fbx-play .fbx-icon-play-default,.fbx-rounded .fbx-pause .fbx-icon-pause-default,.fbx-rounded .fbx-play .fbx-icon-play-default{display:inline}.fbx-flat .fbx-maximize .fbx-icon-minimize-flat,.fbx-flat .fbx-minimize .fbx-icon-maximize-flat,.fbx-icon-fullscreen path,.fbx-metro .fbx-maximize .fbx-icon-minimize-default,.fbx-metro .fbx-minimize .fbx-icon-maximize-default,.fbx-rounded .fbx-maximize .fbx-icon-minimize-default,.fbx-rounded .fbx-minimize .fbx-icon-maximize-default{display:none}.fbx-flat .fbx-maximize .fbx-icon-maximize-flat,.fbx-flat .fbx-minimize .fbx-icon-minimize-flat,.fbx-metro .fbx-maximize .fbx-icon-maximize-default,.fbx-metro .fbx-minimize .fbx-icon-minimize-default,.fbx-rounded .fbx-maximize .fbx-icon-maximize-default,.fbx-rounded .fbx-minimize .fbx-icon-minimize-default{display:inline}.fbx-flat.fbx-arrows-1 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-10 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-11 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-2 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-3 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-4 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-5 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-6 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-7 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-8 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-9 .fbx-icon-arrows-flat,.fbx-icon-next path,.fbx-icon-prev path,.fbx-metro.fbx-arrows-1 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-10 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-11 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-2 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-3 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-4 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-5 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-6 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-7 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-8 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-9 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-1 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-10 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-11 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-2 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-3 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-4 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-5 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-6 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-7 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-8 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-9 .fbx-icon-arrows-default{display:none}.fbx-arrows-1 .fbx-icon-arrows-1,.fbx-arrows-10 .fbx-icon-arrows-10,.fbx-arrows-11 .fbx-icon-arrows-11,.fbx-arrows-2 .fbx-icon-arrows-2,.fbx-arrows-3 .fbx-icon-arrows-3,.fbx-arrows-4 .fbx-icon-arrows-4,.fbx-arrows-5 .fbx-icon-arrows-5,.fbx-arrows-6 .fbx-icon-arrows-6,.fbx-arrows-7 .fbx-icon-arrows-7,.fbx-arrows-8 .fbx-icon-arrows-8,.fbx-arrows-9 .fbx-icon-arrows-9,.fbx-flat .fbx-icon-arrows-flat,.fbx-metro .fbx-icon-arrows-default,.fbx-rounded .fbx-icon-arrows-default{display:inline}.fbx-flat.fbx-spinner-1 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-10 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-11 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-2 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-3 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-4 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-5 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-6 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-7 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-8 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-9 .fbx-icon-spinner-flat,.fbx-icon-spinner path,.fbx-metro.fbx-spinner-1 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-10 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-11 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-2 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-3 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-4 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-5 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-6 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-7 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-8 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-9 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-1 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-10 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-11 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-2 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-3 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-4 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-5 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-6 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-7 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-8 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-9 .fbx-icon-spinner-default{display:none}.fbx-flat .fbx-icon-spinner-flat,.fbx-metro .fbx-icon-spinner-default,.fbx-rounded .fbx-icon-spinner-default,.fbx-spinner-1 .fbx-icon-spinner-1,.fbx-spinner-10 .fbx-icon-spinner-10,.fbx-spinner-11 .fbx-icon-spinner-11,.fbx-spinner-2 .fbx-icon-spinner-2,.fbx-spinner-3 .fbx-icon-spinner-3,.fbx-spinner-4 .fbx-icon-spinner-4,.fbx-spinner-5 .fbx-icon-spinner-5,.fbx-spinner-6 .fbx-icon-spinner-6,.fbx-spinner-7 .fbx-icon-spinner-7,.fbx-spinner-8 .fbx-icon-spinner-8,.fbx-spinner-9 .fbx-icon-spinner-9{display:inline}.fbx-loader{box-shadow:0 0 3px rgba(0,0,0,.4)}.fbx-rounded .fbx-prev.fbx-btn-shadow,.fbx-rounded .fbx-prev.fbx-btn-shadow:hover{box-shadow:-2px 0 2px rgba(0,0,0,.4)}.fbx-rounded .fbx-next.fbx-btn-shadow,.fbx-rounded .fbx-next.fbx-btn-shadow:hover{box-shadow:2px 0 2px rgba(0,0,0,.4)}.fbx-fullscreen-mode .fbx-btn-shadow,.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,.fbx-inner-shadow,.fbx-rounded .fbx-btn-shadow,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow .fbx-icon,.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow{box-shadow:0 0 12px rgba(0,0,0,.4)}@media (hover:hover){.fbx-fullscreen-mode .fbx-btn-shadow:hover,.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,.fbx-rounded .fbx-btn-shadow:hover,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover .fbx-icon,.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover{box-shadow:0 0 6px rgba(0,0,0,.4)}}.fbx-flat .fbx-inner-shadow{box-shadow:0 5px 35px rgba(0,0,0,.65)}.fbx-flat .fbx-inner-shadow,.fbx-flat .fbx-loader,.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow,.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow:hover,.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover{box-shadow:none}.fbx-flat .fbx-loader .fbx-icon,.fbx-flat:not(.fbx-phone) .fbx-btn-shadow .fbx-icon{filter:drop-shadow(0 0 3px rgba(0, 0, 0, 1))}.fbx-flat:not(.fbx-phone) .fbx-btn-shadow:hover .fbx-icon{filter:drop-shadow(0 0 1px rgba(0, 0, 0, 1))}.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-rounded .fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow .fbx-icon,.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow .fbx-icon,.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow{box-shadow:none}.fbx-rounded .fbx-inner{border:solid 8px transparent;border-radius:6px}.fbx-rounded .fbx-item-current,.fbx-rounded .fbx-item-image,.fbx-rounded .fbx-item-next{border-radius:3px}.fbx-rounded .fbx-loader{border-radius:50%}.fbx-rounded .fbx-close{top:-21px;right:-21px;width:28px;height:28px;line-height:28px;border:solid 3px transparent;border-radius:50%}.fbx-rounded .fbx-next,.fbx-rounded .fbx-prev{position:absolute;top:50%;margin-top:-50px;width:30px;height:100px;line-height:100px;border:solid 3px transparent}.fbx-rounded .fbx-prev{left:-40px;border-radius:6px 0 0 6px}.fbx-rounded .fbx-next{right:-40px;border-radius:0 6px 6px 0}.fbx-rounded .fbx-next.fbx-disabled,.fbx-rounded .fbx-prev.fbx-disabled{display:none}.fbx-rounded.fbx-phone .fbx-next.fbx-disabled,.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled{display:block;cursor:default}.fbx-rounded.fbx-phone .fbx-next.fbx-disabled .fbx-icon,.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled .fbx-icon{opacity:.3}.fbx-rounded.fbx-desktop .fbx-next,.fbx-rounded.fbx-desktop .fbx-prev{position:absolute}.fbx-rounded .fbx-count,.fbx-rounded .fbx-credit{bottom:-25px}.fbx-rounded .fbx-inner-spacer{padding:40px 40px 50px 40px}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait .fbx-inner-spacer{padding:45px 5px 5px 5px}.fbx-rounded.fbx-sticky-buttons .fbx-next,.fbx-rounded.fbx-sticky-buttons .fbx-prev{position:fixed;top:50%;margin-top:-50px;width:40px;height:100px;line-height:100px}.fbx-rounded.fbx-sticky-buttons .fbx-prev{left:0;border-radius:0 6px 6px 0}.fbx-rounded.fbx-sticky-buttons .fbx-next{right:0;border-radius:6px 0 0 6px}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer{padding:40px 80px}.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer{padding:45px 5px 5px 5px}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer{padding:5px}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:0;bottom:0;border-radius:0;width:55px;height:auto;opacity:.3}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover{opacity:1}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon,.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon{height:32px;width:auto}.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:0;bottom:auto;border-radius:0;width:auto;min-width:0;height:40px;opacity:1}.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next .fbx-icon,.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev .fbx-icon{height:16px;width:auto}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{left:0;right:66%}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next{left:34%;right:34%}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close{left:66%;right:0}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close{left:0;right:0}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:50%;bottom:auto;width:34px;height:80px;opacity:.5}.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-prev,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:62px}.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next{top:108px}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover{opacity:1}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{border-radius:0 6px 6px 0}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next{border-radius:6px 0 0 6px}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev{z-index:100003;position:absolute;top:0;bottom:0;height:100%;width:25%;margin:0;border-radius:0;box-sizing:border-box;opacity:1}@media (hover:hover){.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev{opacity:0}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next:hover,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev:hover,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next:hover,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev:hover{opacity:1}}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev{left:0;right:auto}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next{right:0;left:auto}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev .fbx-icon{width:16px;height:16px;border-radius:50%;position:absolute;top:50%;padding:5px;border-width:3px;border-style:solid;transform:translateY(-50%)}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev .fbx-icon{left:10px;right:auto}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next .fbx-icon{right:10px;left:auto}.fbx-light,.fbx-light .fbx-caption,.fbx-light .fbx-open-caption,.fbx-light.fbx-phone .fbx-social{background-color:rgba(0,0,0,.7)}.fbx-light .fbx-progress{background-color:rgba(255,255,255,.5)}.fbx-fullscreen-mode.fbx-light{background-color:grey}.fbx-light .fbx-inner,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon,.fbx-light.fbx-modal,.fbx-modal.fbx-light.fbx-phone .fbx-close:hover,.fbx-modal.fbx-light.fbx-phone .fbx-fullscreen-toggle:hover,.fbx-modal.fbx-light.fbx-phone .fbx-next:hover,.fbx-modal.fbx-light.fbx-phone .fbx-pause:hover,.fbx-modal.fbx-light.fbx-phone .fbx-play:hover,.fbx-modal.fbx-light.fbx-phone .fbx-prev:hover,.fbx-modal.fbx-light.fbx-phone .fbx-social-toggle:hover,.fbx-rounded.fbx-light .fbx-close,.fbx-rounded.fbx-light .fbx-fullscreen-toggle,.fbx-rounded.fbx-light .fbx-pause,.fbx-rounded.fbx-light .fbx-play,.fbx-rounded.fbx-light .fbx-social-toggle{border-color:#fff}.fbx-light .fbx-close,.fbx-light .fbx-fullscreen-toggle,.fbx-light .fbx-inner,.fbx-light .fbx-loader,.fbx-light .fbx-next,.fbx-light .fbx-pause,.fbx-light .fbx-play,.fbx-light .fbx-prev,.fbx-light .fbx-social-toggle,.fbx-light.fbx-inset-buttons.fbx-phone:not(.fbx-fullscreen-mode) .fbx-next,.fbx-light.fbx-inset-buttons.fbx-phone:not(.fbx-fullscreen-mode) .fbx-prev,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon{background-color:#fff}.fbx-flat.fbx-light .fbx-close,.fbx-flat.fbx-light .fbx-fullscreen-toggle,.fbx-flat.fbx-light .fbx-loader,.fbx-flat.fbx-light .fbx-next,.fbx-flat.fbx-light .fbx-pause,.fbx-flat.fbx-light .fbx-play,.fbx-flat.fbx-light .fbx-prev,.fbx-flat.fbx-light .fbx-social-toggle,.fbx-flat.fbx-light.fbx-inset-buttons .fbx-next .fbx-icon,.fbx-flat.fbx-light.fbx-inset-buttons .fbx-prev .fbx-icon,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev{background-color:transparent}.fbx-flat.fbx-light.fbx-inset-buttons .fbx-next .fbx-icon,.fbx-flat.fbx-light.fbx-inset-buttons .fbx-prev .fbx-icon{border-color:transparent}.fbx-flat.fbx-light.fbx-modal{border-color:rgba(0,0,0,.2)}.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-close,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-fullscreen-toggle,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-next,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-pause,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-play,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-prev,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-social-toggle{background-color:rgba(0,0,0,.2)}.fbx-light .fbx-close,.fbx-light .fbx-error-msg,.fbx-light .fbx-fullscreen-toggle,.fbx-light .fbx-loader,.fbx-light .fbx-next,.fbx-light .fbx-pause,.fbx-light .fbx-play,.fbx-light .fbx-prev,.fbx-light .fbx-social-toggle,.fbx-metro.fbx-light .fbx-count,.fbx-metro.fbx-light .fbx-credit a{color:#666!important}.fbx-flat.fbx-light .fbx-close,.fbx-flat.fbx-light .fbx-close:hover,.fbx-flat.fbx-light .fbx-count,.fbx-flat.fbx-light .fbx-credit a,.fbx-flat.fbx-light .fbx-fullscreen-toggle,.fbx-flat.fbx-light .fbx-fullscreen-toggle:hover,.fbx-flat.fbx-light .fbx-loader,.fbx-flat.fbx-light .fbx-next,.fbx-flat.fbx-light .fbx-next:hover,.fbx-flat.fbx-light .fbx-pause,.fbx-flat.fbx-light .fbx-pause:hover,.fbx-flat.fbx-light .fbx-play,.fbx-flat.fbx-light .fbx-play:hover,.fbx-flat.fbx-light .fbx-prev,.fbx-flat.fbx-light .fbx-prev:hover,.fbx-flat.fbx-light .fbx-social-toggle,.fbx-flat.fbx-light .fbx-social-toggle:hover{color:#fff!important}.fbx-flat.fbx-light .fbx-count,.fbx-flat.fbx-light .fbx-credit a,.fbx-rounded.fbx-light .fbx-count,.fbx-rounded.fbx-light .fbx-credit a{color:#888}.fbx-light .fbx-caption{color:#fff}.fbx-light .fbx-caption-desc,.fbx-light .fbx-caption-desc a{color:#eee}@media (hover:hover){.fbx-light .fbx-close:hover,.fbx-light .fbx-fullscreen-toggle:hover,.fbx-light .fbx-next:hover,.fbx-light .fbx-pause:hover,.fbx-light .fbx-play:hover,.fbx-light .fbx-prev:hover,.fbx-light .fbx-social-toggle:hover,.fbx-metro.fbx-light .fbx-credit a:hover{color:#bababa!important}.fbx-metro.fbx-light .fbx-close:hover,.fbx-metro.fbx-light .fbx-fullscreen-toggle:hover,.fbx-metro.fbx-light .fbx-next:hover,.fbx-metro.fbx-light .fbx-pause:hover,.fbx-metro.fbx-light .fbx-play:hover,.fbx-metro.fbx-light .fbx-prev:hover,.fbx-metro.fbx-light .fbx-social-toggle:hover{border-color:#bababa}.fbx-flat.fbx-light .fbx-credit a:hover span,.fbx-rounded.fbx-light .fbx-credit a:hover span{color:#ddd}}.fbx-light .fbx-item-current::-webkit-scrollbar{width:12px;height:12px}.fbx-light .fbx-item-current::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.fbx-light .fbx-item-current::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5)}.fbx-light .fbx-item-current::-webkit-scrollbar,.fbx-light .fbx-item-next::-webkit-scrollbar{width:12px;height:12px}.fbx-light .fbx-item-current::-webkit-scrollbar-track,.fbx-light .fbx-item-next::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.fbx-light .fbx-item-current::-webkit-scrollbar-corner,.fbx-light .fbx-item-current::-webkit-scrollbar-thumb,.fbx-light .fbx-item-next::-webkit-scrollbar-corner,.fbx-light .fbx-item-next::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.fbx-caption{position:absolute;top:auto;right:auto;bottom:0;left:0;z-index:100004;width:100%;text-align:center;font-size:14px;transition:visibility .3s ease,opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.fbx-caption.fbx-hide-caption{transition:none}.fbx-show .fbx-caption{visibility:visible}.fbx-show .fbx-caption.fbx-fade-caption{opacity:0;visibility:hidden}.fbx-caption.fbx-slide-caption{transform:translateY(100%)}.fbx-loading .fbx-caption.fbx-hide-caption,.fbx-show .fbx-caption.fbx-hide-caption{visibility:hidden}.fbx-fullscreen-mode .fbx-caption,.fbx-sticky-caption .fbx-caption{position:fixed;z-index:100007}.fbx-modal.fbx-phone .fbx-caption{position:fixed;z-index:100004}.fbx-rounded .fbx-caption{border-radius:0 0 3px 3px}.fbx-modal.fbx-phone .fbx-caption,.fbx-sticky-caption.fbx-rounded .fbx-caption{border-radius:0}.fbx-close-caption{position:absolute;top:0;right:0;padding:3px 3px 10px 10px;color:#fff!important;font-size:24px;text-decoration:none;line-height:20px;cursor:pointer}.fbx-open-caption{z-index:100004;position:absolute;bottom:0;right:5px;padding:0 10px 10px 10px;color:#fff!important;font-size:24px;text-decoration:none;line-height:20px;opacity:0;visibility:hidden;transition:opacity .3s ease;border-top-left-radius:6px;border-top-right-radius:6px;cursor:pointer}.fbx-caption-toggle-only.fbx-captions-hidden .fbx-open-caption,.fbx-pannable-item.fbx-captions-hidden .fbx-open-caption{opacity:1;visibility:visible}.fbx-caption-title{font-size:15px;padding:15px}.fbx-caption-desc{font-size:12px;line-height:20px;padding:15px}.fbx-caption-desc a{font-size:12px}.fbx-caption-title+.fbx-caption-desc{margin-top:-30px}.fbx-phone .fbx-caption{min-height:20px;font-size:12px;line-height:20px}.fbx-phone .fbx-caption-title{font-size:13px;padding:10px}.fbx-phone .fbx-caption-desc{font-size:11px;line-height:15px;padding:10px}.fbx-phone .fbx-caption-title+.fbx-caption-desc{margin-top:-20px}.fbx-modal.fbx-phone .fbx-caption{bottom:0;position:fixed}.fbx-modal.fbx-phone.fbx-landscape .fbx-caption,.fbx-phone.fbx-landscape.fbx-sticky-caption .fbx-caption{z-index:100004}.fbx-pannable{cursor:-moz-grab;cursor:-webkit-grab;cursor:grab}.fbx-pannable.fbx-panning{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor:grabbing}.fbx-pannable>div>img.fbx-item{max-width:none;max-height:none}.fbx-pan-overview{cursor:pointer;max-width:150px;max-height:150px;overflow:hidden;background-position:top left;background-size:cover;position:absolute;z-index:100006;border:solid 2px #666;box-shadow:0 0 12px rgba(0,0,0,.8)}.fbx-pan-overview.fbx-top-left{top:20px;left:20px}.fbx-pan-overview.fbx-top-right{top:20px;right:32px}.fbx-pan-overview.fbx-bottom-left{bottom:32px;left:20px}.fbx-pan-overview.fbx-bottom-right{bottom:32px;right:32px}.fbx-pan-viewport{position:absolute;top:0;left:0;box-shadow:0 0 300px 300px rgba(0,0,0,.7)}.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-pause,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-play,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-pause,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-play,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-pause,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-play,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle{right:1px!important}

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font: inherit;
font-size: 100%;
text-decoration: none;
vertical-align: baseline;
}
*,
*:before,
*:after {
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body {
-webkit-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
height: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
img,
small,
time,
svg {
display: block;
}
audio,
canvas,
video {
display: inline-block;
vertical-align: middle;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
cursor: pointer;
}
strong {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
caption,
th {
font-weight: bold;
text-align: left;
}
label {
cursor: pointer;
}
label span {
vertical-align: middle;
}
input,
textarea,
select {
border-radius: 0;
vertical-align: middle;
}
input,
select {
padding: 0 8px;
}
input:not([type=radio]):not([type=checkbox]),
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 4px 8px;
}
input[type=radio],
input[type=checkbox],
input[type=submit] {
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
a,
area,
button,
input,
label,
select,
textarea {
touch-action: manipulation;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} .slick-slider {
display: block;
position: relative;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-list {
display: block;
position: relative;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
}
.slick-track {
display: block;
position: relative;
top: 0;
left: 0;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-arrow {
display: block;
background: transparent no-repeat center;
width: 40px;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
margin: auto;
font-size: 0;
line-height: 0;
color: transparent;
cursor: pointer;
transition: 0.3s;
}
@media screen and (min-width: 961px) {
.slick-arrow:hover {
opacity: 0.5;
}
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
display: block;
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
left: 0;
bottom: -30px;
}
.slick-dots li {
display: inline-block;
width: 15px;
height: 15px;
margin: 0 10px;
cursor: pointer;
position: relative;
}
.slick-dots li button {
display: block;
background: transparent;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
color: transparent;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:before {
content: "";
background-color: #626262;
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.slick-dots li.slick-active button:before {
background-color: #000;
} html.remodal-is-locked {
overflow: hidden;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
display: none;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: -5000px;
left: -5000px;
right: -5000px;
bottom: -5000px;
z-index: 9999;
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
display: none;
padding: 60px 15px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
content: "";
display: inline-block;
height: 100%;
margin-left: -0.05em;
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
background: #fff;
width: 100%;
max-width: 720px;
text-align: left;
position: relative;
margin-bottom: 60px;
transform: translate3d(0, 0, 0);
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
}
.remodal-is-initialized { display: inline-block;
} .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
display: block;
background-color: transparent;
width: 40px;
height: 40px;
position: absolute;
top: -50px;
right: 0;
cursor: pointer;
transition: 0.3s;
}
@media screen and (min-width: 961px) {
.remodal-close:hover,
.remodal-close:focus {
opacity: 0.5;
}
}
.remodal-close-icon {
display: block;
position: relative;
}
.remodal-close-icon:before,
.remodal-close-icon:after {
content: "";
background-color: #fff;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
}
.remodal-close-icon:before {
transform: rotate(45deg);
}
.remodal-close-icon:after {
transform: rotate(-45deg);
} .remodal-confirm,
.remodal-cancel {
display: inline-block;
min-width: 110px;
padding: 12px 0;
font: inherit;
overflow: visible;
margin: 0;
cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
background: #81c784;
color: #fff;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
background: #e57373;
color: #fff;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
}
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
.clear {
clear: both;
}
@media screen and (max-width: 1139px) {
.pc {
display: none !important;
}
}
@media screen and (min-width: 1140px) {
.sp {
display: none !important;
}
}
.tab_only {display: none !important;}
.tab {display: block !important;}
@media screen and (min-width: 768px) and (max-width: 1139px){
.tab {display: none !important;}
.tab_only {display: block !important;}
}
@media screen and (min-width: 767px) {
.sp_mini {
display: none !important;
}
}
body,
input,
textarea,
select {
font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Osaka-mono", "MS Gothic", "sans-serif";
color: #000;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
}
@media all and (-ms-high-contrast: none) {
body,
input,
textarea,
select {
font-family: Meiryo, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Osaka-mono", "MS Gothic", "sans-serif";
font-weight: normal;
}
}
body.preload * {
transition: none !important;
}
body:not(#top) {
padding-top: 0;
}
body:not(#top) main {
margin-top: 0;
}
@media screen and (max-width: 1139px) {
body {
margin: 0 auto;
}
body:not(#top) {
padding-top: 50px;
}
}
input,
textarea,
select {
background-color: #fff;
border: 1px solid #dddddd;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
}
.min {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS Mincho", "serif";
font-weight: normal;
}
@media all and (-ms-high-contrast: none) {
.min {
transform: translateY(3px);
}
}
.min02 {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS Mincho", "serif";
font-weight: normal;
}
@media all and (-ms-high-contrast: none) {
.min02 {
transform: translateY(3px);
}
}
main {
overflow: hidden;
transition: 1.5s;
transform: translateY(80px);
position: relative;
}
a {
color: #000;
}
@media screen and (min-width: 1140px) {
a.tel {
pointer-events: none;
}
}
@media screen and (min-width: 1140px) {
a,
.submitbtn {
transition: 0.3s;
}
a:hover,
.submitbtn:hover {
opacity: 0.5;
text-decoration: none !important;
}
}
.wrapper {
max-width: 1140px;
margin: 0 auto;
}
#footer > .wrapper {
margin-top:100px;
}
@media screen and (max-width: 1139px) {
#footer > .wrapper {
margin-top: 0px;
}
}
.bold {
font-weight: bold;
}
.indent {
display: inline-block;
text-indent: -0.5em;
}
@media screen and (max-width: 1139px) {
.sp_indent {
display: inline-block;
text-indent: -0.5em;
}
}
.indent2 {
display: inline-block;
text-indent: -1em;
padding-left: 1em;
}
#loading {
background-color: #fff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transition: 1.5s;
}
.loaded #loading {
opacity: 0;
visibility: hidden;
}
.temp_more {
display: flex;
justify-content: center;
align-items: center;
background: #fff url(//f-creation.co.jp/wp-content/themes/foresight/img/top_service_more_arrow.png) no-repeat right 6px bottom 6px/15px auto;
width: 360px;
height: 60px;
border: 1px solid #ffa200;
transition: 0.1s;
}
.temp_more img {
width: 49px;
height: auto;
}
@media screen and (min-width: 1140px) {
.temp_more:hover {
opacity: 1;
border-width: 3px;
}
}
@media screen and (max-width: 1139px) {
.temp_more {
width: 89%;
height: 50px;
margin: 0 auto;
}
}
.temp_more01 {
display: flex;
justify-content: center;
align-items: center;
background: #fff url(//f-creation.co.jp/wp-content/themes/foresight/img/top_service_more_arrow.png) no-repeat right 6px bottom 6px/15px auto;
width: 360px;
height: 60px;
border: 1px solid #ffa200;
transition: 0.1s;
}
.temp_more01 img {
width: 49px;
height: auto;
}
@media screen and (min-width: 1140px) {
.temp_more01:hover {
opacity: 1;
border-width: 3px;
}
}
@media screen and (max-width: 1139px) {
.temp_more01 {
width: 89%;
height: 50px;
margin: 0 auto;
}
}
.temp_ttl {
border-left: 5px solid #ffa200;
padding-left: 15px;
font-weight: bold;
font-size: 24px;
line-height: 1.2;
}
@media screen and (max-width: 1139px) {
.temp_ttl {
padding-left: 10px;
font-size: 18px;
}
} .drawer_open {
overflow: hidden !important;
}
#header {
background-color: #fff;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
#header .wrapper {
display: flex;
align-items: center;
}
#header .logo {
width: 262px;
}
#header .logo a {
display: block;
}
#header .logo img {
width: 100%;
height: auto;
}
@media screen and (min-width: 1140px) {
#header .drawer_nav {
margin-left: auto;
text-align: center;
}
#header .drawer_nav ul {
display: flex;
}
#header .drawer_nav .drawer_menu>li {
display: flex;
justify-content: center;
align-items: center;
height: 80px;
}
#header .drawer_nav .drawer_item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
padding: 0 30px;
}
#header .drawer_nav .drawer_item .txt {
display: block;
font-size: 14px;
line-height: 1;
margin-top: 7px;
position: relative;
}
#header .drawer_nav .drawer_item .txt:before {
content: "";
background-color: #ffa200;
width: 0;
height: 3px;
position: absolute;
left: 0;
right: 0;
bottom: -11px;
margin: auto;
transition: 0.3s;
}
#header .drawer_nav .drawer_item.works .txt:before {
background-color: #cb0000;
}
#header .drawer_nav .drawer_item.strength .txt:before {
background-color: #0088f1;
}
#header .drawer_nav .drawer_item.about .txt:before,
#header .drawer_nav .drawer_item.recruit .txt:before,
#header .drawer_nav .drawer_item.contact .txt:before {
background-color: #005d2e;
}
#header .drawer_nav .drawer_item.active,
#header .drawer_nav .drawer_item:hover {
opacity: 1;
}
#header .drawer_nav .drawer_item.active .txt:before,
#header .drawer_nav .drawer_item:hover .txt:before {
width: 50px;
}
#header .drawer_nav .drop_menu {
background-color: #f7f2ea;
width: 100vw;
height: 0;
padding-top: 0;
font-weight: bold;
line-height: 1.4;
position: absolute;
top: 80px;
left: 0;
z-index: 2;
transition: 0.3s;
overflow: hidden;
}
#header .drawer_nav .drop_menu li {
width: 261px;
}
#header .drawer_nav .drop_menu li:not(:last-child) {
margin-right: 32px;
}
#header .drawer_nav .drop_menu a {
display: block;
}
#header .drawer_nav .drop_menu a:hover img {
transform: scale(1.1);
}
#header .drawer_nav .drop_menu figure {
margin-bottom: 15px;
overflow: hidden;
}
#header .drawer_nav .drop_menu img {
transition: 0.3s;
}
#header .drawer_nav .hover:hover .drop_menu {
height: 270px;
padding-top: 30px;
}
#header .drawer_nav .hover:hover .drawer_item .txt:before {
width: 100%;
}
#header .drawer_nav .drop_overlay {
display: none;
background-color: rgba(0, 0, 0, 0.5);
width: 100vw;
height: 100vh;
position: absolute;
top: 80px;
left: 0;
z-index: 1;
}
}
@media screen and (max-width: 1139px) {
#header .wrapper {
height: 50px;
padding: 0 50px 0 12px;
}
#header .logo {
width: 156px;
}
#header .contact_btn {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 50px;
margin-left: auto;
}
#header .contact_btn img {
width: 20px;
height: auto;
}
#header .drawer_btn {
display: block;
background-color: transparent;
width: 50px;
height: 50px;
padding: 0 15px;
position: fixed;
top: 0;
right: 0;
z-index: 104;
transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transform: translate3d(0, 0, 0);
cursor: pointer;
}
#header .drawer_btn .icon {
display: block;
position: relative;
}
#header .drawer_btn .icon,
#header .drawer_btn .icon:before,
#header .drawer_btn .icon:after {
background-color: #000;
width: 100%;
height: 2px;
transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
#header .drawer_btn .icon:before,
#header .drawer_btn .icon:after {
content: "";
position: absolute;
top: -6px;
left: 0;
}
#header .drawer_btn .icon:after {
top: 6px;
}
.drawer_open #header .drawer_btn .icon {
background-color: transparent;
}
.drawer_open #header .drawer_btn .icon:before,
.drawer_open #header .drawer_btn .icon:after {
top: 0;
}
.drawer_open #header .drawer_btn .icon:before {
transform: rotate(45deg);
}
.drawer_open #header .drawer_btn .icon:after {
transform: rotate(-45deg);
}
#header .drawer_nav {
background-color: #fff;
width: 100%;
height: auto;
max-height: 100%;
position: fixed;
top: -100%;
left: 0;
z-index: 101;
overflow: auto;
-webkit-overflow-scrolling: touch;
transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer_open #header .drawer_nav {
top: 0;
}
#header .drawer_nav .drawer_menu {
padding-top: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1.4;
}
#header .drawer_nav .drawer_menu>li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#header .drawer_nav .drawer_item {
display: flex;
align-items: center;
height: 50px;
padding-left: 20px;
font-weight: bold;
}
#header .drawer_nav .drawer_drop {
position: relative;
}
#header .drawer_nav .drawer_drop_btn {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
}
#header .drawer_nav .drawer_drop_btn:before,
#header .drawer_nav .drawer_drop_btn:after {
content: "";
background-color: #000;
width: 20px;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
#header .drawer_nav .drawer_drop_btn:after {
transform: rotate(90deg);
transition: 0.3s;
}
#header .drawer_nav .drawer_drop_btn.open:after {
opacity: 0;
}
#header .drawer_nav .drop_menu {
display: none;
}
#header .drawer_nav .drop_menu .wrapper {
display: block;
height: auto;
padding: 0;
}
#header .drawer_nav .drop_menu li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#header .drawer_nav .drop_menu a {
display: flex;
align-items: center;
height: 50px;
padding-left: 35px;
}
#header .drawer_info {
padding: 20px 20px 30px;
font-size: 14px;
}
#header .drawer_info .drawer_logo {
width: 156px;
}
#header .drawer_info .drawer_logo a {
display: block;
}
#header .drawer_info .drawer_logo img {
width: 100%;
height: auto;
}
#header .drawer_info .name {
padding: 20px 0;
font-weight: bold;
line-height: 1;
}
#header .drawer_info .name .big {
display: block;
font-size: 16px;
margin-top: 5px;
}
#header .drawer_info .address {
margin-bottom: 20px;
}
} #top_main {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_main_bg.jpg) no-repeat center/cover;
height: 100vh;
padding-top: 80px;
position: relative;
}
#top_main .ttl {
padding: 0;
transition: 1s 1s;
opacity: 0;
}
#top_main h1.txt1{
margin-bottom: 4%;
color: #52544f;
}
#top_main .txt1 {
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 2;
color:#fff;
transition: 1s 1.5s;
opacity: 0;
padding-bottom: 0.5%;
}
#top_main .scroll {
display: block;
width: 66px;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
}
.loaded #top_main .ttl,
.loaded #top_main .txt1 {
opacity: 1;
}
@media screen and (max-width: 1139px) {
main {
transform: translateY(0);
}
#top_main {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_main_bgsp.jpg);
padding-top: 5vh;
margin-top: 50px;
height: 80vh;
}
#top_main img {
width: 100%;
height: auto;
}
#top_main h1.txt1 {
margin-bottom: 10%;
}
}
@media screen and (max-width: 769px) {
#top_main {
margin-top: 0;
}
#top_main .txt1 {
font-size: 15px;
}
#top_main h1.txt1 {
font-size: 13px;
margin-bottom:12%;
}
}
#top_service {
padding-top: 175px;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_service:before {
content: "";
background-color: #fff5cc;
width: 100%;
height: 360px;
position: absolute;
top: 320px;
left: 1065px;
z-index: -1;
}
}
#top_service .ttlbox {
padding-left: 585px;
position: relative;
}
#top_service .ttlbox figure {
width: 925px;
position: absolute;
top: -65px;
left: -520px;
z-index: -1;
}
#top_service .ttlbox figure img {
width: 100%;
height: auto;
}
#top_service .ttlbox .ttl img {
width: 270px;
height: auto;
}
#top_service .ttlbox p {
margin-top: 30px;
font-weight: bold;
line-height: 2;
}
#top_service ul {
display: flex;
margin: 60px 0;
}
#top_service li {
background: #fff url(//f-creation.co.jp/wp-content/themes/foresight/img/top_service_arrow.png) no-repeat right 6px bottom 6px/21px auto;
width: 1140px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
#top_service li:not(:last-child) {
margin-right: 32px;
}
#top_service li a {
display: block;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_service li a:hover figure img {
transform: scale(1.1);
}
}
#top_service li figure {
overflow: hidden;
}
#top_service li figure img {
width: 100%;
height: auto;
transition: 0.3s;
}
#top_service li .min {
background-color: #ffffff87;
color: #c25200;
font-size: 20px;
line-height: 1.4;
position: absolute;
top: 261px;
right: 20px;
padding: 10px 0;
}
#top_service li .min02 {
background-color: #ffffff87;
color: #c25200;
font-size: 22px;
line-height: 1.4;
position: absolute;
top: 100px;
right: 36px;
padding: 10px 0;
}
.pc01 {
display: none !important;
}
.sp01 {
display: block !important;
}
@media screen and (min-width: 1140px) {
#top_service li .min,
#top_service li .min02 {
writing-mode: vertical-rl;
}
.pc01 {
display: block !important;
}
.sp01 {
display: none !important;
}
}
#top_service li .txtbox {
height: 270px;
padding: 20px 15px 0;
}
#top_service li .txtbox02 {
height: 120px;
padding: 10px 15px 0;
text-align: center;
}
#top_service li .en02 img {
width: auto;
}
#top_service li .ja02 {
padding: 10px 0 5px;
font-weight: bold;
font-size: 21px;
line-height: 1.4;
}
#top_service li .en img {
width: auto;
height: 17px;
}
#top_service li .ja {
padding: 20px 0 5px;
font-weight: bold;
font-size: 17px;
line-height: 1.4;
}
#top_service li .detail {
font-size: 14px;
line-height: 1.7;
}
@media screen and (min-width: 1140px) {
#top_service .temp_more {
margin-left: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#top_service {
padding: 10% 2% 0;
}
#top_service ul {
display: flex;
margin: 12% 0;
flex-wrap: wrap;
gap: 2px;
}
#top_service .ttlbox {
padding-left: 0;
}
#top_service .ttlbox p {
margin-top: 7%;
text-align: right;
}
#top_service .ttlbox .ttl img {
width: 50%;
margin-left: auto;
}
#top_service li {
width: 49%;
}
#top_service .ttlbox p {
font-size: 24px;
}
#top_service li a {
display: flex;
}
#top_service li .min {
padding: 6% 0 0 6%;
font-size: 4.8vw;
white-space: normal;
position: static;
}
#top_service li .photo {
width: 45%;
}
#top_service li .min {
font-size: 23px;
}
#top_service li:not(:last-child) {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
#top_service {
padding: 20% 5% 0;
}
#top_service .ttlbox {
padding-left: 0;
}
#top_service .ttlbox figure {
width: 69%;
top: 0;
margin-top: -9%;
left: -19%;
}
#top_service .ttlbox .ttl img {
width: 50%;
margin-left: auto;
}
#top_service .ttlbox p {
margin-top: 7%;
text-align: right;
font-size: 4.2vw;
}
#top_service ul {
display: block;
margin: 12% 0;
}
#top_service li {
width: auto;
}
#top_service li:not(:last-child) {
margin: 0 0 20px;
}
#top_service li a {
display: flex;
}
#top_service li .photo {
width: 45%;
}
#top_service li .min {
padding: 6% 0 0 6%;
font-size: 4.8vw;
white-space: normal;
position: static;
}
#top_service li .txtbox {
width: 55%;
height: auto;
padding: 4.5% 3% 7%;
}
#top_service li .en img {
height: auto;
max-width: 100%;
max-height: 16px;
}
#top_service li .ja {
padding: 10px 0 3px;
}
#top_service li .detail {
font-size: 13px;
}
}
#top_strength {
margin-top: 200px;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_strength:before {
content: "";
background-color: #cce7fc;
width: 100%;
height: 360px;
position: absolute;
top: 140px;
right: 1218px;
z-index: -1;
}
}
#top_strength .ttlbox {
padding-top: 45px;
position: relative;
}
#top_strength .ttlbox .ttl img {
width: 319px;
height: auto;
}
#top_strength .ttlbox p {
margin-top: 25px;
font-weight: bold;
line-height: 2;
}
#top_strength .ttlbox figure {
width: 1274px;
position: absolute;
top: 0;
left: 723px;
z-index: -1;
}
#top_strength .ttlbox figure img {
width: 100%;
height: auto;
}
#top_strength ul {
display: flex;
padding: 30px 0 65px;
flex-wrap: wrap;
justify-content: space-between;
}
#top_strength li {
background-color: rgba(255, 255, 255, 0.7);
width: 24%;
height: 260px;
padding-top: 35px;
}
#top_strength li img {
width: 100%;
height: auto;
}
#top_strength li figure {
width: 225px;
margin: 0 auto;
}
#top_strength li p {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
font-weight: bold;
color: #005190;
font-size: 18px;
line-height: 1.3;
}
#top_strength li p span {
display: block;
line-height: 1em;
}
#top_strength li p .number {
width: 30px;
flex: 0 0 auto;
margin-right: 5px;
}
#top_strength .temp_more {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_strength_more_arrow.png);
border-color: #0088f1;
}
@media screen and (max-width: 1139px) {
#top_strength {
margin: 24% 5% 0;
}
#top_strength .ttlbox {
padding-top: 3%;
}
#top_strength .ttlbox .ttl img {
width: 59%;
}
#top_strength .ttlbox p {
margin-top: 6%;
font-size: 4.2vw;
}
#top_strength .ttlbox figure {
width: 53%;
left: 75%;
overflow: hidden;
}
#top_strength .ttlbox figure img {
margin-left: -10%;
}
#top_strength li {
margin-right: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
#top_strength li figure {
order: 2;
width: 44%;
margin: 0 0 0 auto;
}
#top_strength li p {
order: 1;
justify-content: flex-start;
width: 56%;
margin-top: 0;
font-size: 4.2vw;
}
#top_strength li p .number {
width: 17%;
flex: 0 0 auto;
margin-right: 5%;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#top_strength .ttlbox p {
font-size: 24px;
}
#top_strength li {
width: 48%;
}
#top_strength li p span {
font-size: 24px;
}
#top_strength li {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
#top_strength ul {
display: block;
padding: 4% 0 8%;
}
#top_strength li {
display: flex;
align-items: center;
width: auto;
height: auto;
padding: 15px 0;
}
#top_strength li:last-child {
margin-right: 0;
border-bottom: 0;
}
}
#top_works {
margin-top: 220px;
}
#top_works .ttl img {
width: 224px;
height: auto;
}
#top_works nav {
padding: 35px 0;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
}
#top_works nav ul {
display: flex;
flex-wrap: wrap;
margin: 0 0 -20px 0;
}
#top_works nav li {
width: 17%;
margin: 0 1% 20px 1%;
}
@media screen and (max-width: 540px){
#top_works nav li {
width: 48%!important;
}
}
#top_works nav a {
display: flex;
justify-content: center;
align-items: center;
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_works_arrow.png) no-repeat right bottom 6px/15px auto;
height: 58px;
position: relative;
}
#top_works nav a:before {
content: "";
background-color: #990000;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
transition: 0.3s;
}
#top_works nav a.active {
color: #cb0000;
}
#top_works nav a.active:before {
height: 8px;
}
@media screen and (min-width: 1140px) {
#top_works nav a:hover {
opacity: 1;
color: #cb0000;
}
#top_works nav a:hover:before {
height: 8px;
}
}
#top_works .works_list {
display: flex;
flex-wrap: wrap;
margin: 0 -30px -30px 0;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_works .works_list:before {
content: "";
background-color: #f5cccc;
width: 100%;
height: 360px;
position: absolute;
top: 0;
left: 890px;
bottom: 0;
margin: auto;
z-index: -1;
}
}
#top_works .works_list li {
background-color: #fff;
width: 555px;
margin: 0 30px 30px 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 10px 10px 15px;
}
#top_works .works_list figure {
border: 1px solid #ddd;
}
#top_works .works_list figure a {
display: block;
overflow: hidden;
}
#top_works .works_list figure img {
width: 100%;
height: 300px;
transition: 0.3s;
object-fit: cover;
}
@media screen and (min-width: 1140px) {
#top_works .works_list figure:hover img {
transform: scale(1.1);
}
}
#top_works .works_list .txtbox {
padding: 15px 10px 0;
}
#top_works .works_list .name {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
}
#top_works .works_list .name a {
display: block;
}
#top_works .works_list .meta {
display: flex;
font-size: 14px;
line-height: 1.4;
align-items: center;
}
#top_works .works_list .meta:not(:last-child) {
margin-bottom: 3px;
}
#top_works .works_list .meta .cate_list {
display: flex;
flex-wrap: wrap;
}
#top_works .news_list {
display: flex;
flex-wrap: wrap;
margin: 0 -30px -30px 0;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_works .news_list:before {
content: "";
background-color: #f5cccc;
width: 100%;
height: 360px;
position: absolute;
top: 0;
left: 890px;
bottom: 0;
margin: auto;
z-index: -1;
}
}
#top_works .news_list li {
display: flex;
background-color: #fff;
width: 1100px;
margin: 0 30px 30px 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 10px 10px 15px;
}
#top_works .news_list figure {
width: 40%;
border: 1px solid #ddd;
}
#top_works .news_list figure a {
display: block;
overflow: hidden;
}
#top_works .news_list figure img {
width: 100%;
height: 100px;
transition: 0.3s;
object-fit: cover;
}
@media screen and (min-width: 1140px) {
#top_works .news_list figure {
width: 20%;
border: 1px solid #ddd;
}
#top_works .news_list figure:hover img {
transform: scale(1.1);
}
#top_works .news_list figure img {
width: 100%;
height: 120px;
transition: 0.3s;
object-fit: cover;
}
}
#top_works .news_list .txtbox {
width: 80%;
padding: 15px 10px 0;
font-size: 12px;
}
#top_works .news_list .name {
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
line-height: 1.3;
}
#top_works .news_list .name a {
display: block;
}
#top_works .news_list .meta {
display: flex;
font-size: 14px;
line-height: 1.4;
}
#top_works .news_list .meta:not(:last-child) {
margin-bottom: 3px;
}
#top_works .news_list .meta .cate_list {
display: flex;
flex-wrap: wrap;
}
#top_works .temp_more {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_works_arrow.png);
border-color: #cb0000;
}
@media screen and (min-width: 1140px) {
#top_works .temp_more {
margin: 60px 0 0 auto;
}
}
@media screen and (max-width: 1139px) {
#top_works {
margin-top: 20%;
padding: 0 5%;
}
#top_works .ttl img {
width: 41%;
}
#top_works nav {
padding: 9% 0 7%;
font-size: 13px;
}
#top_works nav ul {
margin: 0 0 -15px;
}
#top_works nav li {
width: 31%;
margin: 0 3.5% 15px 0;
}
#top_works nav a {
background-position: right bottom 4px;
height: 34px;
}
#top_works nav a.active:before {
height: 5px;
}
#top_works .works_list {
display: flex; flex-wrap: wrap; margin: 0 0 -20px;
overflow: hidden;
}
#top_works .works_list li {
width: 50%;
margin: 0 0 20px;
}
#top_works .temp_more {
margin-top: 40px;
}
#top_works .news_list {
display: block;
margin: 0 0 -20px;
overflow: hidden;
}
#top_works .news_list li {
width: auto;
margin: 0 5px 20px;
}
}
@media screen and (max-width: 540px){
#top_works .works_list li {
width: 100%;
margin: 0 0 20px;
}
#top_works .works_list figure img {
height: 150px;
}
}
@media screen and (min-width: 5411px) and (max-width: 1139px) {
#top_works nav li:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 540px){
#top_works nav li:nth-child(2n) {
margin-right: 0;
}
}
#top_about {
padding-top: 185px;
position: relative;
}
#top_about .ttlbox {
padding: 0 0 60px 390px;
}
#top_about .ttlbox .ttl img {
width: 329px;
height: auto;
}
#top_about .ttlbox .txt1 {
padding: 30px 0 20px;
font-weight: bold;
font-size: 32px;
line-height: 1.5;
}
#top_about .ttlbox .txt2 {
font-weight: bold;
line-height: 2;
}
#top_about figure {
width: 943px;
position: absolute;
top: -20px;
right: 680px;
z-index: -1;
}
#top_about figure img {
width: 100%;
height: auto;
}
#top_about .temp_more {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow.png);
border-color: #005d2e;
}
@media screen and (min-width: 1140px) {
#top_about .temp_more {
margin-left: auto;
}
}
@media screen and (max-width: 1139px) {
#top_about {
padding: 18% 5% 0;
}
#top_about .ttlbox {
padding: 0 0 10%;
}
#top_about .ttlbox .ttl img {
width: 61%;
}
#top_about .ttlbox .txt1 {
padding: 7% 0 6%;
font-size: 6.4vw;
}
#top_about .ttlbox .txt2 {
font-size: 4.2vw;
}
#top_about figure {
width: 94%;
top: 0;
margin-top: 21%;
right: 25%;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#top_about .ttlbox .txt1 {
font-size: 40px;
}
#top_about .ttlbox .txt2 {
font-size: 24px;
}
}
#top_news {
padding: 100px 0 0 585px;
position: relative;
z-index: 2;
}
#top_news .ttl img {
width: 114px;
height: auto;
}
#top_news ul {
padding: 30px 0 60px;
line-height: 1.4;
}
#top_news li:not(:last-child) {
margin-bottom: 20px;
}
#top_news li a {
display: flex;
}
@media screen and (min-width: 1140px) {
#top_news li .date {
width: 105px;
flex: 0 0 auto;
}
}
#top_news li .txt {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_news_arrow.png) no-repeat left top 7px/7px auto;
padding-left: 15px;
}
#top_news .temp_more {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow.png);
border-color: #005d2e;
}
@media screen and (min-width: 1140px) {
#top_news .temp_more {
margin-left: auto;
}
}
@media screen and (max-width: 1139px) {
#top_news {
padding: 17% 5% 0;
}
#top_news .ttl img {
width: 24%;
}
#top_news ul {
padding: 25px 0 35px;
}
#top_news li:not(:last-child) {
margin-bottom: 30px;
}
#top_news li a {
display: block;
}
#top_news li .txt {
margin-top: 3px;
}
}
#top_teams {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_teams_bg.jpg) left top/32px auto;
margin-top: 130px;
padding: 175px 0 70px;
}
#top_teams .ttl {
margin-bottom: 70px;
}
#top_teams .ttl img {
width: 249px;
height: auto;
}
#top_teams .in_ttl {
display: flex;
align-items: flex-end;
padding-bottom: 20px;
font-weight: bold;
line-height: 1;
}
#top_teams .in_ttl a {
display: flex;
align-items: flex-end;
}
#top_teams .in_ttl .blank {
position: relative;
}
#top_teams .in_ttl .blank::before {
content: "";
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/icon_window2.png) no-repeat left top / 100% 100%;
width: 16px;
height: 14px;
position: absolute;
top: 4px;
right: -25px;
bottom: 0;
margin: auto;
}
#top_teams .in_ttl span {
display: block;
}
#top_teams .in_ttl .en {
margin-right: 20px;
}
#top_teams .in_ttl .en img {
width: auto;
height: 21px;
}
#top_teams .temp_more {
background-color: #B59986;
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow01.png);
border-color: #B59986;
}
#top_teams .temp_more img {
width: 124px;
}
#top_teams .temp_more01 {
background-color: #006AC4;
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow01.png);
border-color: #006AC4;
}
#top_teams .temp_more01 img {
width: 124px;
}
#top_teams .slick_sp {
padding-top: 30px;
}
@media screen and (min-width: 1140px) {
#top_teams .slide {
line-height: 1.4;
margin: 0 0 0;
}
}
#top_teams .slide {
line-height: 1.4;
margin: 0 0 15px;
}
#top_teams .slide a {
display: block;
}
@media screen and (min-width: 1140px) {
#top_teams .slide a:hover img {
transform: scale(1.1);
}
}
#top_teams .slide figure {
margin-bottom: 10px;
overflow: hidden;
}
#top_teams .slide img {
width: 100%;
height: 150px;
transition: 0.3s;
object-fit: cover;
}
#top_teams .slide .date {
font-size: 10px;
margin-bottom: 3px;
}
@media screen and (min-width: 1140px) {
#top_teams .flex {
display: flex;
}
#top_teams .flex section {
border-left: 1px solid #000;
padding: 20px 0 25px 30px;
}
#top_teams .flex .slide:not(:last-child) {
margin-bottom: 30px;
}
#top_teams .flex .slide a {
display: flex;
}
#top_teams .flex .slide figure {
width: 263px;
flex: 0 0 auto;
margin: 0 15px 0 0;
}
#top_teams .flex .bridal {
width: 585px;
padding-right: 50px;
}
#top_teams .flex .recruit {
width: 555px;
}
#top_teams .strategy {
margin-top: 90px;
border-top: 1px solid #000;
padding-top: 20px;
}
#top_teams .strategy .slick_sp {
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(84, 56, 34, 0.25);
margin: 0 -32px -32px 0;
}
#top_teams .strategy .slide {
width: 261px;
margin: 0 32px 32px 0;
}
}
#top_teams .logo {
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
}
#top_teams .logo a {
display: block;
}
#top_teams .logo a:not(:last-child) {
margin-right: 70px;
}
#top_teams .logo img {
width: 100%;
height: auto;
}
#top_teams .logo .logo_team_bridal {
width: 174px;
}
#top_teams .logo .logo_team_recruit {
width: 174px;
}
#top_teams .logo .logo_kikaku {
width: 167px;
}
@media screen and (max-width: 1139px) {
#top_teams {
margin-top: 22%;
padding: 22% 5% 10%;
}
#top_teams .ttl {
margin-bottom: 13%;
}
#top_teams .ttl img {
width: 53%;
}
#top_teams section {
padding-bottom: 50px;
}
#top_teams .in_ttl {
flex-wrap: wrap;
border-top: 2px solid #000;
padding: 20px 0 0;
margin-bottom: -10px;
overflow: hidden;
}
#top_teams .in_ttl a {
flex-wrap: wrap;
}
#top_teams .in_ttl .blank::before {
top: 0;
bottom: 12px;
}
#top_teams .in_ttl span {
padding-bottom: 10px;
}
#top_teams .in_ttl .en {
margin-right: 15px;
}
#top_teams .in_ttl .en img {
height: 15px;
}
#top_teams .temp_more {
margin-top: 20px;
}
#top_teams .temp_more01 {
margin-top: 20px;
}
#top_teams .slick_sp {
border-top: 1px solid rgba(84, 56, 34, 0.25);
margin-top: 20px;
padding: 30px 35px 0;
}
#top_teams .logo {
padding-top: 0;
}
#top_teams .logo a {
display: block;
}
#top_teams .logo a:not(:last-child) {
margin-right: 15px;
}
#top_teams .logo .logo_team_bridal {
width: 103px;
}
#top_teams .logo .logo_team_recruit {
width: 103px;
}
#top_teams .logo .logo_kikaku {
width: 100px;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#top_teams {
margin-top: 130px;
padding: 18% 5% 10%;
}
#top_teams .slick_sp{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1%;
}
#top_teams .slick_sp .slide{
width: 48%;
}
}
@media screen and (max-width: 374px) {
#top_teams .in_ttl {
padding: 5.3vw 0 0;
margin-bottom: -2.6vw;
font-size: 4.2vw;
}
#top_teams .in_ttl .blank::before {
width: 4.2vw;
height: 3.7vw;
right: -6.6vw;
bottom: 3.2vw;
}
#top_teams .in_ttl span {
padding-bottom: 2.6vw;
}
#top_teams .in_ttl .en {
margin-right: 4vw;
}
#top_teams .in_ttl .en img {
height: 4vw;
}
}
.slick-arrow {
background-size: 15px auto;
width: 26px;
}
.slick-prev {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/slide_prev.png);
}
.slick-next {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/slide_next.png);
}
.slick-dots li button:before {
background-color: transparent;
border: 1px solid #000;
}
.slick-dots li.slick-active button:before {
background-color: #000;
} .bg_bread {
background-color: #ebe8e2;
}
.breadcrumbs {
padding: 15px 0;
}
@media screen and (max-width: 1139px) {
.breadcrumbs {
padding: 15px 5%;
font-size: 1em;
}
} #footer {
padding: 70px 0;
transition: 1.5s;
transform: translateY(100px);
}
.loaded #footer {
transform: translateY(0);
}
#footer .foot1 {
display: flex;
font-size: 12px;
line-height: 1.4;
}
#footer .foot_info {
width: 340px;
}
#footer .foot_info .name {
font-weight: bold;
line-height: 1;
}
#footer .foot_info .name .big {
display: block;
font-size: 16px;
margin-top: 5px;
}
#footer .foot_info .address {
padding: 10px 0;
}
@media screen and (min-width: 1140px) {
#footer .foot_nav {
width: 800px;
margin-top: 10px;
}
#footer .foot_nav .drawer_menu {
display: flex;
justify-content: space-between;
}
#footer .foot_nav .drawer_menu>li {
min-width: 120px;
}
#footer .foot_nav li li:not(:last-child) {
margin-bottom: 12px;
}
#footer .foot_nav a {
display: block;
}
#footer .foot_nav .drawer_item {
font-weight: bold;
}
#footer .foot_nav .drop_menu {
padding: 12px 0 0 1em;
}
}
#footer .foot_nav .blank:after ,.foot_link_child .blank:after ,.add.web_linlk:after{
content: "";
display: inline-block;
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/icon_window.png) no-repeat left top/100% 100%;
width: 11px;
height: 10px;
margin-left: 5px;
}
#footer .foot2 {
display: flex;
align-items: flex-end;
padding-top: 60px;
}
#footer .logo {
width: 222px;
margin-bottom: 10px;
}
#footer .logo a {
display: block;
}
#footer .logo img {
width: 100%;
height: auto;
}
#footer .copy {
margin: auto;
font-size: 12px;
line-height: 1.4;
}
@media screen and (max-width: 1139px) {
#footer {
padding: 60px 5% 50px;
}
#footer .foot1 {
display: block;
}
#footer .foot_info {
width: auto;
padding-bottom: 30px;
}
#footer .foot_nav .drawer_menu {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1.4;
}
#footer .foot_nav li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer .foot_nav .drawer_item {
display: flex;
align-items: center;
height: 45px;
font-weight: bold;
}
#footer .foot_nav .drawer_drop {
position: relative;
}
#footer .foot_nav .drawer_drop_btn {
display: block;
width: 45px;
height: 45px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
}
#footer .foot_nav .drawer_drop_btn:before,
#footer .foot_nav .drawer_drop_btn:after {
content: "";
background-color: #000;
width: 20px;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
#footer .foot_nav .drawer_drop_btn:after {
transform: rotate(90deg);
transition: 0.3s;
}
#footer .foot_nav .drawer_drop_btn.open:after {
opacity: 0;
}
#footer .foot_nav .drop_menu {
display: none;
}
#footer .foot_nav .drop_menu .wrapper {
display: block;
height: auto;
padding: 0;
}
#footer .foot_nav .drop_menu a {
display: flex;
align-items: center;
height: 50px;
padding-left: 1em;
}
#footer .foot_nav .in_menu li:first-child {
border-top: none;
}
#footer .foot2 {
display: block;
padding-top: 40px;
}
#footer .logo {
width: 156px;
}
#footer .copy {
margin: 15px 0 0;
}
}
.pagetop {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.5);
width: 50px;
height: 50px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 90;
}
.pagetop img {
width: 25px;
height: auto;
}
@media screen and (max-width: 1139px) {
.pagetop {
right: 0;
bottom: 0;
}
} .breadcrumb {
width: 100%;
max-width: 1140px;
font-size: 12px;
line-height: 1.4;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
z-index: 5;
}
.breadcrumb a {
text-decoration: underline;
}
@media screen and (max-width: 1139px) {
.breadcrumb {
position: static;
margin: 10px 5%;
}
}
.temp_head {
position: relative;
}
.temp_head .head {
position: absolute;
top: 0;
left: 570px;
}
.temp_head .txtbox {
padding-top: 90px;
}
.temp_head .ttl {
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
.temp_head .ttl img {
height: auto;
}
.temp_head .ttl .ja {
display: block;
margin-top: 20px;
}
.temp_head .sub {
margin-top: 30px;
font-weight: bold;
font-size: 20px;
line-height: 2;
}
@media screen and (max-width: 1139px) {
.temp_head .head {
width: auto;
position: static;
}
.temp_head .head img {
width: 100%;
height: auto;
}
.temp_head .txtbox {
padding: 6.6% 3% 0;
}
.temp_head .ttl {
font-size: 16px;
}
.temp_head .ttl .ja {
margin-top: 15px;
}
.temp_head .sub {
font-size: 16px;
}
} #service {
border-bottom: 1px solid #ddd;
padding-bottom: 100px;
}
#service .temp_head .ttl img {
width: 270px;
}
@media screen and (max-width: 1139px) {
#service {
padding-bottom: 21%;
}
#service .temp_head .ttl img {
width: 50%;
}
}
#service_step {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_step_bg.png) no-repeat center top 10px;
margin-top: 155px;
}
#service_step li {
position: relative;
}
#service_step li .step {
position: absolute;
top: 0;
z-index: 3;
}
#service_step li .step img {
width: 97px;
height: auto;
}
#service_step li .step .min {
display: block;
padding: 25px 0 0 25px;
font-weight: bold;
font-size: 46px;
line-height: 1;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
#service_step li .step .spacing {
display: inline-block;
letter-spacing: -0.5em;
}
#service_step li .box {
background-color: rgba(255, 255, 255, 0.8);
min-width: 140px;
min-height: 104px;
padding: 15px 30px 15px 20px;
font-weight: bold;
font-size: 18px;
position: absolute;
z-index: 2;
}
#service_step li .txtimg {
position: absolute;
z-index: 4;
}
#service_step li .txtimg img {
height: auto;
}
#service_step li figure img {
width: 100%;
height: auto;
}
#service_step .step1 {
padding: 65px 0 0 115px;
}
#service_step .step1 .step {
left: 20px;
}
#service_step .step1 .box {
left: 110px;
bottom: -40px;
}
#service_step .step1 .txtimg {
left: 220px;
bottom: -25px;
}
#service_step .step1 .txtimg img {
width: 118px;
}
#service_step .step1 figure {
width: 514px;
}
#service_step .step2 {
width: 430px;
margin: -210px 0 0 auto;
padding: 110px 25px 0 0;
}
#service_step .step2 .step {
right: 20px;
}
#service_step .step2 .box {
right: 10px;
bottom: -15px;
}
#service_step .step2 .txtimg {
right: 5px;
bottom: 120px;
}
#service_step .step2 .txtimg img {
width: 121px;
}
#service_step .step3 {
margin-top: -335px;
padding-top: 35px;
}
#service_step .step3 .step {
left: 20px;
}
#service_step .step3 .box {
left: 10px;
bottom: -30px;
}
#service_step .step3 .txtimg {
left: 5px;
bottom: 90px;
}
#service_step .step3 .txtimg img {
width: 127px;
}
#service_step .step3 figure {
width: 547px;
}
#service_step .step4 {
width: 625px;
margin: -180px 0 0 auto;
padding: 90px 125px 0 0;
}
#service_step .step4 .step {
right: 20px;
}
#service_step .step4 .step img {
width: 99px;
}
#service_step .step4 .box {
right: 0;
bottom: -65px;
}
#service_step .step4 .txtimg {
left: 20px;
bottom: -45px;
}
#service_step .step4 .txtimg img {
width: 263px;
}
@media screen and (max-width: 1139px) {
#service_step {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_step_bgsp.png);
background-position: left top;
background-size: 100% auto;
margin-top: 12%;
padding: 0 5%;
}
#service_step li .step {
width: 100%;
}
#service_step li .step img {
width: 23%;
}
#service_step li .step .min {
padding: 6% 0 0;
font-size: 10vw;
}
#service_step li .box {
min-width: 0;
min-height: 0;
padding: 0.6em 1em;
font-size: 4.8vw;
}
#service_step li .txtimg {
width: 100%;
}
#service_step .step1 {
padding: 17% 0 0 17%;
}
#service_step .step1 .step {
left: 0;
}
#service_step .step1 .box {
left: 15%;
bottom: 0;
margin-bottom: -11%;
}
#service_step .step1 .txtimg {
left: auto;
right: 4%;
bottom: 0;
margin-bottom: -7%;
}
#service_step .step1 .txtimg img {
width: 22%;
margin-left: auto;
}
#service_step .step1 figure {
width: auto;
}
#service_step .step2 {
width: auto;
margin: 20% 0 0;
padding: 15% 19% 0 16%;
}
#service_step .step2 .step {
right: 0;
}
#service_step .step2 .step img {
margin-left: auto;
}
#service_step .step2 .step .min {
width: 100%;
text-align: right;
}
#service_step .step2 .box {
right: 0;
bottom: 0;
margin-bottom: -16%;
}
#service_step .step2 .txtimg {
left: 1.5%;
right: auto;
bottom: 0;
margin-bottom: -8.5%;
}
#service_step .step2 .txtimg img {
width: 24%;
}
#service_step .step3 {
margin-top: 22%;
padding: 6% 0 0 14%;
}
#service_step .step3 .step {
left: 0;
}
#service_step .step3 .box {
left: -1em;
bottom: 0;
margin-bottom: -13%;
}
#service_step .step3 .txtimg {
left: auto;
right: 0;
bottom: 0;
margin-bottom: -4.5%;
}
#service_step .step3 .txtimg img {
width: 24%;
margin-left: auto;
}
#service_step .step3 figure {
width: auto;
}
#service_step .step4 {
width: auto;
margin: 18% 0 0;
padding: 15% 19% 0 0;
}
#service_step .step4 .step {
right: 0;
}
#service_step .step4 .step img {
width: 23%;
margin-left: auto;
}
#service_step .step4 .step .min {
width: 100%;
text-align: right;
}
#service_step .step4 .box {
left: -1em;
right: auto;
bottom: 0;
margin-bottom: -17%;
}
#service_step .step4 .txtimg {
left: 32%;
bottom: 0;
margin-bottom: -17%;
}
#service_step .step4 .txtimg img {
width: 51%;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#service_step li .step .min {
font-size: 75px;
}
#service_step li .box {
font-size: 36px;
}
}
#service #top_service {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_list_head.png) no-repeat center top;
margin-top: 110px;
padding: 55px 0 10px;
}
#service #top_service:before {
display: none;
}
#service #top_service .ttl {
text-align: center;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
#service #top_service ul {
margin: 30px 0 0;
}
@media screen and (max-width: 1139px) {
#service #top_service {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_list_headsp.png);
background-size: 100% auto;
margin: 30% 5% 0;
padding: 16% 0 10px;
}
#service #top_service .ttl {
font-size: 28px;
}
} @media screen and (min-width: 1140px) {
#service_single .temp_head {
min-height: 750px;
}
}
#service_single .temp_head .head {
top: 80px;
}
#service_single .temp_head .txtbox {
position: relative;
z-index: 2;
}
@media screen and (min-width: 1140px) {
#service_single .temp_head .txtbox {
padding-top: 80px;
}
}
#service_single .temp_head .ttl img {
width: 296px;
}
#service_single .temp_head .ttl .ja {
margin-top: 10px;
}
#service_single .temp_head .work {
border-left: 1px solid #000;
padding-left: 15px;
margin: 30px 0 -30px;
line-height: 1.8;
}
#service_single .temp_head .txt1 {
width: 540px;
line-height: 2;
margin-top: 20px;
}
#service_single .btn-flat-simple {
width: 100%;
font-weight: bold;
padding: 0.5em 2em;
text-align: center;
margin-top: 20px;
text-decoration: none;
color: #ffffff;
background: #d35900;
letter-spacing: 0.1em;
transition: .4s;
float: right;
}
#service_single .btn-flat-simple:hover {
background: #d35900;
color: white;
}
@media screen and (max-width: 1139px) {
#service_single .btn-flat-simple {
width: 90%;
margin: 15px;
}
}
@media screen and (max-width: 1139px) {
#service_single .temp_head .ttl img {
width: 56%;
}
#service_single .temp_head .work {
margin: 25px 0 45px;
}
#service_single .temp_head .catch {
position: absolute;
top: 0;
margin-top: -8%;
right: 5%;
}
#service_single .temp_head .catch img {
width: 79px;
height: auto;
}
#service_single .temp_head .txt1 {
width: auto;
margin-top: 0;
}
}
#service_single_concept {
background-color: #f7f2ea;
padding: 60px 0 50px;
margin-top: 80px;
text-align: center;
line-height: 1.5;
}
#service_single_concept .txt1 {
margin-bottom: 10px;
font-weight: bold;
color: #d35900;
font-size: 34px;
}
#service_single_concept .txt2 {
font-weight: bold;
color: #985626;
font-size: 23px;
}
@media screen and (max-width: 1139px) {
#service_single_concept {
padding: 10% 0 8%;
margin-top: 12%;
}
#service_single_concept .txt1 {
margin-bottom: 4%;
font-size: 6.4vw;
}
#service_single_concept .txt2 {
font-size: 4.8vw;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#service_single_concept .txt1 {
font-size: 48px;
}
#service_single_concept .txt2 {
font-size: 36px;
}
}
#service_single_detail {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_single_bg.jpg) repeat-y center top;
margin-top: 110px;
padding-top: 110px;
}
#service_single_detail.branding_cat_top ,#service_single_detail.graphic_cat_top{
margin-top: 10px;
}
#service_single_detail section {
position: relative;
}
@media screen and (min-width: 1140px) {
#service_single_detail section:nth-child(even) {
padding-left: 585px;
}
#service_single_detail section:nth-child(even) .photo {
left: 0;
right: auto;
}
}
#service_single_detail .ttl {
display: flex;
align-items: center;
margin-bottom: 15px;
font-weight: bold;
color: #d35900;
font-size: 24px;
line-height: 1.3;
}
#service_single_detail .ttl:before {
content: "";
width: 0;
display: inline-block;
margin-right: 52px;
transform: scale(0.45);
}
#service_single_detail .detail1 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail01.png);
}
#service_single_detail .detail2 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail02.png);
}
#service_single_detail .detail3 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail03.png);
}
#service_single_detail .detail4 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail04.png);
}
#service_single_detail .detail5 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail05.png);
}
#service_single_detail .detail6 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail06.png);
}
#service_single_detail.branding_cat_top .detail1 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail02.png);
}
#service_single_detail.branding_cat_top .detail2 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail03.png);
}
#service_single_detail.branding_cat_top .detail3 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail04.png);
}
#service_single_detail.branding_cat_top .detail4 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail05.png);
}
#service_single_detail.branding_cat_top .detail5 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail01.png);
}
#service_single_detail.graphic_cat_top .detail1 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail02.png);
}
#service_single_detail.graphic_cat_top .detail2 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail03.png);
}
#service_single_detail.graphic_cat_top .detail3 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail04.png);
}
#service_single_detail.graphic_cat_top .detail4 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail05.png);
}
#service_single_detail.graphic_cat_top .detail5 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail06.png);
}
#service_single_detail.graphic_cat_top .detail6 .ttl:before {
content: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_branding_detail01.png);
}
#service_single_detail .ttl span {
display: block;
}
#service_single_detail .ttl .number {
width: 50px;
flex: 0 0 auto;
margin-right: 20px;
}
#service_single_detail .ttl img {
width: 100%;
height: auto;
}
#service_single_detail .photo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
#service_single_detail .photo figure {
height: 100%;
}
#service_single_detail .photo img {
width: auto;
height: 100%;
}
#service_single_detail .photo p {
position: absolute;
z-index: 2;
}
#service_single_detail .photo p img {
width: 100%;
height: auto;
}
#service_single_detail .txt1 {
max-width: 555px;
line-height: 2;
}
#service_single_detail .box {
background-color: #fffdf7;
max-width: 555px;
border: 1px solid #ffa200;
padding: 15px 25px;
margin-top: 15px;
font-weight: bold;
line-height: 1.8;
}
#service_single_detail .box span {
display: inline-block;
}
#service_single_detail .type2,
#service_single_detail .type3,
#service_single_detail .type4 {
padding-left: 0 !important;
}
#service_single_detail .type2 .txt1,
#service_single_detail .type3 .txt1,
#service_single_detail .type4 .txt1 {
max-width: none;
}
#service_single_detail .type2 ul,
#service_single_detail .type3 ul,
#service_single_detail .type4 ul {
display: flex;
padding-top: 30px;
flex-wrap: wrap;
justify-content: space-between;
}
#service_single_detail .type2 li,
#service_single_detail .type3 li,
#service_single_detail .type4 li {
width: 47%;
padding: 15px 0 10px;
position: relative;
}
#service_single_detail .type2 li:not(:last-child):before,
#service_single_detail .type3 li:not(:last-child):before,
#service_single_detail .type4 li:not(:last-child):before {
content: "";
background-color: #ddd;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: -37px;
}
#service_single_detail .type2 li figure,
#service_single_detail .type3 li figure,
#service_single_detail .type4 li figure {
width: 240px;
margin: 0 auto;
}
#service_single_detail .type2 li figure img,
#service_single_detail .type3 li figure img,
#service_single_detail .type4 li figure img {
width: 100%;
height: auto;
}
#service_single_detail .type2 li .ttl1,
#service_single_detail .type3 li .ttl1,
#service_single_detail .type4 li .ttl1 {
padding: 15px 0 10px;
font-weight: bold;
color: #d35900;
font-size: 16px;
line-height: 1.4;
}
@media screen and (min-width: 1140px) {
#service_single_detail .type2 li .ttl1,
#service_single_detail .type3 li .ttl1,
#service_single_detail .type4 li .ttl1 {
white-space: nowrap;
}
}
#service_single_detail .type2 li .ttl2,
#service_single_detail .type3 li .ttl2,
#service_single_detail .type4 li .ttl2 {
font-weight: bold;
font-size: 19px;
}
@media screen and (min-width: 1140px) {
#service_single_detail .type2 li .ttl2,
#service_single_detail .type3 li .ttl2,
#service_single_detail .type4 li .ttl2 {
white-space: nowrap;
}
}
#service_single_detail .type2 li .txt1,
#service_single_detail .type3 li .txt1,
#service_single_detail .type4 li .txt1 {
margin-top: 10px;
font-size: 15px;
line-height: 1.7;
}
@media screen and (min-width: 1140px) {
#service_single_detail .type3 li {
width: 50%;
min-height: 270px;
padding: 30px 300px 40px 0;
border: solid #ddd;
border-width: 0 1px 1px 0;
}
#service_single_detail .type3 li:not(:last-child) {
margin-right: 0;
}
#service_single_detail .type3 li:not(:last-child):before {
display: none;
}
#service_single_detail .type3 li:nth-child(even) {
border-right: none;
padding: 30px 270px 40px 30px;
}
#service_single_detail .type3 li:nth-child(even) figure {
right: 0;
}
#service_single_detail .type3 li:nth-child(-n+2) {
padding-top: 0;
}
#service_single_detail .type3 li:nth-child(-n+2) figure {
top: 0;
}
#service_single_detail .type3 li:nth-last-child(-n+2) {
border-bottom: none;
}
#service_single_detail .type3 li figure {
margin: 0;
position: absolute;
top: 30px;
right: 35px;
}
#service_single_detail .type4 li {
width: 212px;
padding: 0;
}
#service_single_detail .type4 li:not(:last-child) {
margin-right: 20px;
}
#service_single_detail .type4 li:not(:last-child):before {
display: none;
}
#service_single_detail .type4 li figure {
width: auto;
margin-bottom: 15px;
}
#service_single_detail .type4 li .ttl2 {
text-align: center;
line-height: 1.1;
}
#service_single_detail .detail1 .photo {
height: 368px;
}
#service_single_detail .detail1 .txt1 {
white-space: nowrap;
}
#service_single_detail .detail2{
margin-top: 300px;
}
#service_single_detail.branding_cat_top .detail1 ,#service_single_detail.graphic_cat_top .detail1{
margin-top: 200px;
}
#service_single_detail .detail2 .photo {
height: 500px;
left: -10px !important;
}
#service_single_detail .detail2 .photo p {
width: 80px;
top: 55px;
right: -30px;
}
#service_single_detail .detail3 {
margin-top: 330px;
}
#service_single_detail .detail3 .photo {
height: 352px;
}
#service_single_detail .detail4 {
margin-top: 230px;
}
#service_single_detail .detail4 .photo {
height: 343px;
}
#service_single_detail .detail5 {
margin-top: 150px;
}
#service_single_detail.branding_cat_top .detail5 ,#service_single_detail.graphic_cat_top .detail6{
margin-top: 0!important;
}
}
@media screen and (max-width: 1139px) {
#service_single_detail {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_single_bgsp.jpg);
background-size: 100% auto;
margin-top: 10%;
padding: 0 3%;
}
#service_single_detail section:not(:last-child) {
margin-bottom: 40px;
}
#service_single_detail .ttl {
font-size: 22px;
}
#service_single_detail .ttl .number {
margin-right: 15px;
}
#service_single_detail .photo {
position: relative;
margin: 0 0 10px;
}
#service_single_detail .photo figure {
height: auto;
}
#service_single_detail .photo img {
width: 100%;
height: auto;
margin: 0 auto;
}
#service_single_detail .photo p img {
margin: 0;
}
#service_single_detail .txt1 {
max-width: none;
}
#service_single_detail .box {
max-width: none;
padding: 10px 15px;
}
#service_single_detail .type2 ul,
#service_single_detail .type3 ul,
#service_single_detail .type4 ul {
padding-top: 25px;
}
#service_single_detail .type2 li,
#service_single_detail .type4 li {
width: auto;
padding: 0;
}
#service_single_detail .type3 li {
padding: 15px 0 40px;
position: relative;
}
#service_single_detail .type2 li:not(:last-child),
#service_single_detail .type3 li,
#service_single_detail .type4 li:not(:last-child) {
margin: 0 0 50px;
}
#service_single_detail .type3 li:last-child:before{
width: 100%;
height: 1px;
top: auto;
right: 0;
bottom: -25px;
content: "";
background-color: #ddd;
position: absolute;
}
#service_single_detail .type2 li:not(:last-child):before,
#service_single_detail .type3 li:not(:last-child):before,
#service_single_detail .type4 li:not(:last-child):before {
width: 100%;
height: 1px;
top: auto;
right: 0;
bottom: -25px;
}
#service_single_detail .type2 li .ttlbox,
#service_single_detail .type3 li .ttlbox,
#service_single_detail .type4 li .ttlbox {
display: flex;
}
#service_single_detail .type2 li figure,
#service_single_detail .type3 li figure,
#service_single_detail .type4 li figure {
order: 2;
width: 120px;
flex: 0 0 auto;
margin: 0 0 0 auto;
}
#service_single_detail .type2 li .list_ttl,
#service_single_detail .type3 li .list_ttl,
#service_single_detail .type4 li .list_ttl {
order: 1;
padding-right: 10px;
}
#service_single_detail .type2 li .ttl1,
#service_single_detail .type3 li .ttl1,
#service_single_detail .type4 li .ttl1 {
padding: 0 0 10px;
}
#service_single_detail .type4 li {
display: flex;
align-items: center;
}
#service_single_detail .type4 li:not(:last-child) {
margin: 0 0 20px;
}
#service_single_detail .type4 li:not(:last-child):before {
display: none;
}
#service_single_detail .type4 li figure {
order: 1;
width: 46%;
margin: 0;
}
#service_single_detail .type4 li .ttl2 {
order: 2;
width: 49%;
margin-left: auto;
text-align: center;
font-size: 4.8vw;
line-height: 1.1;
white-space: nowrap;
}
#service_single_detail .detail2 .photo figure img {
width: 97%;
}
#service_single_detail .detail2 .photo p {
width: 16%;
top: 0;
margin-top: 7%;
right: 0;
}
#service_single_detail .detail4 .photo img {
width: 97%;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#service_single_detail .type4 li .ttl2 {
font-size: 36px;
}
}
#service_single #top_works {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_teams_bg.jpg) left top/32px auto;
margin-top: 105px;
padding: 120px 0;
}
#service_single #top_works .temp_ttl {
margin-bottom: 30px;
}
#addpage #top_works {
margin-top: 0;
}
@media screen and (max-width: 1139px) {
#service_single #top_works {
margin-top: 20%;
padding: 11% 5%;
}
#service_single #top_works .temp_ttl {
margin-bottom: 20px;
}
#addpage #add_teams {
margin-top: 0;
margin-bottom: 0;
}
#addpage #top_works {
margin-top: 0;
padding: 11% 5%;
}
}
#service_single_flow {
padding: 115px 0;
}
#service_single_flow ul {
display: flex;
flex-wrap: wrap;
margin: 30px -30px -50px 0;
}
#service_single_flow li {
width: 360px;
margin: 0 30px 50px 0;
position: relative;
}
.addflow {
background-color: #f7f2ea;
}
@media screen and (min-width: 1140px) {
#service_single_flow li:before {
content: "";
background-color: #000;
width: 1px;
height: calc(100% - 76px);
position: absolute;
left: 0;
bottom: 0;
}
}
#service_single_flow li:last-child .list_ttl {
background: #ffa200;
}
#service_single_flow li:last-child .list_ttl.op {
background: #c1a36e;
}
#service_single_flow li .list_ttl {
display: flex;
align-items: center;
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_single_flow_bg.png) no-repeat left top/100% 100%;
height: 56px;
padding-left: 20px;
margin-bottom: 20px;
color: #fff;
font-weight: bold;
font-size: 20px;
line-height: 1;
}
#service_single_flow li .list_ttl.op {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_single_flow_bg_op.png);
}
#service_single_flow li .list_ttl span {
display: block;
}
#service_single_flow li .list_ttl .number {
width: 20px;
flex: 0 0 auto;
margin-right: 12px;
}
#service_single_flow li .list_ttl .number img {
width: 100%;
height: auto;
}
#service_single_flow li .list_ttl .small {
display: inline-block;
font-size: 80%;
}
#service_single_flow li .detail {
padding-left: 20px;
font-weight: bold;
font-size: 15px;
}
@media screen and (min-width: 1140px) {
#service_single_flow li .detail {
white-space: nowrap;
}
}
#service_single_flow li .detail p:not(:last-child) {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/service_single_flow_arrow.png) no-repeat left bottom/21px auto;
padding-bottom: 20px;
margin-bottom: 5px;
}
#service_single_flow li .detail .normal {
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
#service_single_flow li .detail .normal {
font-weight: normal;
}
}
@media screen and (max-width: 1139px) {
#service_single_flow {
padding: 10% 5% 21%;
}
#service_single_flow ul {
display: block;
margin: 20px 0 -30px;
}
#service_single_flow li {
width: auto;
margin: 0 0 30px;
}
#service_single_flow li .list_ttl {
padding-left: 15px;
margin-bottom: 15px;
}
#service_single_flow li .detail {
height: auto;
padding-left: 10px;
border-left: 1px solid #000;
}
}
#service_single #top_service {
background-color: #f7f2ea;
padding: 100px 0;
}
#service_single #top_service ul {
margin: 30px 0 0;
}
@media screen and (max-width: 1139px) {
#service_single #top_service {
padding: 11% 3%;
}
#service_single #top_service ul {
margin: 20px 0 0;
}
}
@media screen and (min-width: 1140px) {
#service_single.graphic .temp_head .ttl img {
width: 438px;
}
#service_single.graphic #service_single_detail .detail1 .txt1 {
white-space: normal;
}
#service_single.graphic #service_single_detail .detail2 {
margin-top: 290px;
}
#service_single.graphic #service_single_detail .detail2 .photo {
height: 369px;
}
#service_single.graphic #service_single_detail .detail3 {
margin-top: 260px;
}
#service_single.graphic #service_single_detail .detail3 .photo {
height: 369px;
}
#service_single.graphic #service_single_detail .detail4 {
margin-top: 300px;
}
#service_single.graphic #service_single_detail .detail4 .photo {
height: 369px;
}
#service_single.graphic #service_single_detail .detail5 {
margin-top: 200px;
}
#service_single.graphic #service_single_detail .detail5 .photo {
height: 343px;
}
#service_single.graphic #service_single_detail .detail6 {
margin-top: 110px;
}
}
@media screen and (max-width: 1139px) {
#service_single.graphic .temp_head .ttl img {
width: 70%;
}
#service_single.graphic .temp_head .catch img {
width: 98px;
}
}
@media screen and (min-width: 1140px) {
#service_single.web .temp_head .ttl img {
width: 483px;
}
#service_single.web .temp_head .ttl .ja {
margin-top: 25px;
}
#service_single.web #service_single_detail .detail1 .txt1 {
white-space: normal;
}
#service_single.web #service_single_detail .detail2 {
margin-top: 290px;
}
#service_single.web #service_single_detail .detail2 .photo {
height: 369px;
}
#service_single.web #service_single_detail .detail3 {
margin-top: 170px;
}
#service_single.web #service_single_detail .detail4 {
margin-top: 180px;
}
#service_single.web #service_single_detail .detail4 .photo {
height: 369px;
}
#service_single.web #service_single_detail .detail5 {
margin-top: 270px;
}
#service_single.web #service_single_detail .detail5 .photo {
height: 369px;
}
#service_single.web #service_single_detail .detail6 {
margin-top: 220px;
}
#service_single.web #service_single_detail .detail6 .photo {
height: 343px;
}
#service_single.web #service_single_detail .detail7 {
margin-top: 120px;
}
}
@media screen and (max-width: 1139px) {
#service_single.web .temp_head .ttl img {
width: 84%;
}
}
html.remodal-is-locked.service_web_popup {
overflow: auto;
touch-action: auto;
}
.remodal-overlay.service_web_popup {
background-color: rgba(255, 255, 255, 0.7);
}
.remodal-wrapper.service_web_popup {
padding: 60px 0;
}
.remodal.service_web_popup {
background: none;
width: 92vw;
max-width: 480px;
}
.remodal.service_web_popup .remodal-close-icon::before,
.remodal.service_web_popup .remodal-close-icon::after {
background-color: #000;
}
.remodal.service_web_popup .bana {
display: block;
}
.remodal.service_web_popup .bana img {
width: 100%;
height: auto;
}
@media screen and (min-width: 1140px) {
#service_single.system .temp_head .ttl img {
width: 542px;
}
#service_single.system .temp_head .work {
margin-bottom: -20px;
}
#service_single.system .temp_head .txt1 {
margin-top: 10px;
}
#service_single.system #service_single_detail .detail1 .txt1 {
white-space: normal;
}
#service_single.system #service_single_detail .detail2 {
margin-top: 300px;
}
#service_single.system #service_single_detail .detail2 .photo {
height: 369px;
}
#service_single.system #service_single_detail .detail3 {
margin-top: 250px;
}
#service_single.system #service_single_detail .detail3 .photo {
height: 369px;
}
#service_single.system #service_single_detail .detail4 {
margin-top: 280px;
}
#service_single.system #service_single_detail .detail4 .photo {
height: 369px;
}
#service_single.system #service_single_detail .detail5 {
margin-top: 210px;
}
}
@media screen and (max-width: 1139px) {
#service_single.system .temp_head .ttl img {
width: 62%;
}
#service_single.system .temp_head .catch {
margin-top: -11%;
right: -1%;
}
#service_single.system .temp_head .catch img {
width: 129px;
}
#service_single_detail.branding_cat_top .detail5 ,#service_single_detail.graphic_cat_top .detail6{
margin-bottom: 65px;
}
} #works {
border-bottom: 1px solid #ddd;
padding-bottom: 100px;
}
@media screen and (min-width: 1140px) {
#works .temp_head .txtbox {
display: flex;
}
#works .temp_head .ttl img {
width: 224px;
}
#works .temp_head .sub {
width: 555px;
margin: 0 0 0 auto;
border-left: 1px solid #ddd;
padding-left: 20px;
font-weight: 500;
font-size: 16px;
}
}
@media screen and (min-width: 1140px) and (-ms-high-contrast: none) {
#works .temp_head .sub {
font-weight: normal;
}
}
#works #top_works {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/works_bg.jpg) repeat-y center top 335px;
margin-top: 40px;
}
#works #top_works nav {
padding-top: 0;
}
@media screen and (min-width: 1140px) {
#works #top_works .works_list:before {
display: none;
}
}
@media screen and (max-width: 1139px) {
#works {
padding-bottom: 21%;
}
#works .temp_head .ttl img {
width: 41%;
}
#works .temp_head .sub {
margin-top: 20px;
font-weight: 500;
}
#works #top_works {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/works_bgsp.jpg);
background-position: center top;
background-size: 100% auto;
margin-top: 6%;
padding: 0;
}
#works #top_works nav {
padding: 0 5% 8%;
}
#works #top_works .works_list {
padding: 0 5%;
}
}
.pager {
padding-top: 50px;
}
.pager ul {
display: flex;
flex-wrap: wrap;
text-align: center;
font-size: 18px;
line-height: 1;
margin: 0 -10px -10px 0;
}
.pager li {
margin: 0 10px 10px 0;
}
.pager .page-numbers {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
width: 50px;
height: 50px;
border: 1px solid #ddd;
}
.pager .current,
.pager a:hover {
opacity: 1;
background-color: #cb0000;
border: none;
color: #fff;
}
.pager .dots {
background-color: transparent;
width: auto !important;
border: none !important;
}
@media screen and (max-width: 1139px) {
.pager {
padding: 12% 5% 0;
}
.pager ul {
font-size: 15px;
margin: 0 -4px -4px 0;
}
.pager li {
margin: 0 4px 4px 0;
}
.pager .page-numbers {
width: 44px;
height: 44px;
}
} #works.single {
border-bottom: none;
padding-bottom: 0;
}
@media screen and (min-width: 1140px) {
#works.single #top_works nav {
padding-bottom: 45px;
}
}
#works_single_slide .slick-slide img {
width: 100%;
height: auto;
}
#works_single_slide .main img {
width: 100%;
height: auto;
}
#works_single_slide .slick-arrow {
background-color: rgba(255, 255, 255, 0.5);
background-size: 13px auto;
width: 50px;
height: 50px;
}
@media screen and (max-width: 1139px) {
#works_single_slide .slick-arrow {
background-size: 10px auto;
width: 40px;
height: 40px;
}
}
#works_single_cont {
padding-top: 20px;
}
#works_single_cont .job {
font-size: 14px;
line-height: 1;
}
#works_single_cont h2 {
border-bottom: 3px solid #990000;
padding: 8px 0;
margin-bottom: 70px;
font-weight: bold;
font-size: 32px;
line-height: 1.3;
}
@media screen and (min-width: 1140px) {
#works_single_cont .first_wrap {
display: flex;
}
}
@media screen and (max-width: 1139px) {
#works_single_cont {
padding-top: 5%;
}
#works_single_cont .job {
padding: 0 5%;
}
#works_single_cont h2 {
margin: 0 5% 12%;
font-size: 24px;
}
}
#news_single_cont {
padding-top: 20px;
padding-bottom: 150px;
}
#news_single_cont .job {
font-size: 14px;
line-height: 1;
}
#news_single_cont .newsimg {
width: 100%;
margin: 20px;
}
#news_single_cont h1 {
border-bottom: 3px solid #005D2E;
padding: 8px 0;
margin-bottom: 45px;
font-weight: bold;
font-size: 32px;
line-height: 1.3;
}
@media screen and (min-width: 1140px) {
#news_single_cont .first_wrap {
display: flex;
}
}
@media screen and (max-width: 1139px) {
#news_single_cont {
padding-top: 5%;
}
#news_single_cont h1 {
margin: 0 5% 12%;
font-size: 24px;
}
#news_single_cont p {
margin: 2% 5%;
}
}
.article {
line-height: 2;
}
.article.first :first-child {
margin-top: 0;
}
@media screen and (min-width: 1140px) {
.article.first {
width: 750px;
}
}
.article h3,
.article h4,
.article h5,
.article h6 {
font-weight: bold;
line-height: 1.4;
}
.article h3 {
margin: 70px 0 20px;
border-left: 5px solid #990000;
padding: 5px 0 10px 15px;
font-size: 28px;
position: relative;
}
.article h3:before {
content: "";
background-color: #990000;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
.article h4,
.article h5 {
margin: 70px 0 30px;
}
.article h4 {
border-left: 3px solid #990000;
padding-left: 15px;
font-size: 24px;
position: relative;
}
.article h4:before {
content: "";
background-color: #990000;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -10px;
}
.article h5 {
border-bottom: 1px solid #990000;
padding-bottom: 10px;
font-size: 20px;
}
@media screen and (max-width: 1139px) {
.article {
padding: 0 5%;
}
.article h3,
.article h4 {
margin-top: 40px;
}
.article h3 {
font-size: 20px;
}
.article h4 {
padding-left: 10px;
font-size: 18px;
}
.article h5 {
margin-top: 40px;
font-size: 16px;
}
}
.article p,
.article table,
.article dl,
.article ul,
.article ol,
.article blockquote,
.article hr,
.article .wp-caption,
.article figure {
margin: 0 0 20px;
}
@media screen and (min-width: 1140px) {
.article .m50 {
margin-bottom: 50px;
}
}
.article a {
display: inline-block;
color: #00a9ef;
text-decoration: underline;
}
.article a.wp-block-button__link {
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 1140px) {
.article a:hover {
opacity: 0.5;
text-decoration: none;
}
}
.article .wp-block-button {
margin-bottom: 10px;
}
.article strong {
font-weight: bold;
}
.article strong,
.article span {
display: inline;
line-height: 1.6;
}
.article em {
font-style: oblique;
}
.article del {
text-decoration: line-through;
}
.article img {
max-width: 100%;
height: auto;
border: solid 1px #585a5a;
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1139px) {
.article img {
margin: 0 auto;
}
}
@media screen and (min-width: 1140px) {
.article .alignleft {
float: left;
margin-right: 30px;
text-align: left;
}
.article .alignright {
float: right;
margin-left: 30px;
text-align: right;
}
}
.article .aligncenter {
display: flex;
justify-content: center;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.article .aligncenter img {
margin: 0;
}
@media screen and (max-width: 1139px) {
.article .aligncenter {
display: block;
}
}
.article .wp-caption {
display: block;
max-width: 100%;
}
.article .wp-caption img {
width: 100%;
height: auto;
margin: 0 !important;
}
.article .wp-caption .wp-caption-text {
font-size: 14px;
line-height: 1.7;
margin: 15px 0 0;
}
@media screen and (max-width: 1139px) {
.article .wp-caption .wp-caption-text {
text-align: left;
font-size: 10px;
margin: 10px 0 0;
}
}
.article table {
width: 100%;
table-layout: auto;
line-height: 1.6;
}
.article th,
.article td {
border: 1px solid #dcdcdc;
padding: 10px 15px;
}
.article th {
background-color: #eaf1f5;
}
.article dt {
font-weight: bold;
margin-bottom: 5px;
}
.article dd {
margin-bottom: 30px;
}
@media screen and (max-width: 1139px) {
.article dd {
margin-bottom: 20px;
}
}
.article ul,
.article ol {
line-height: 1.4;
}
.article ul {
list-style: disc outside;
padding-left: 1em;
}
.article li:not(:last-child) {
margin-bottom: 8px;
}
.article ul+ul,
.article ol+ol {
margin-top: -20px;
}
.article ul ul,
.article ol ol {
margin: 0.8em 0 0;
}
.article ul ul {
list-style: circle outside;
}
.article ul ul ul {
list-style: none;
}
.article ul ul ul li {
position: relative;
}
.article ul ul ul li:before {
content: ">";
position: absolute;
top: 0;
left: -1.2em;
}
.article ol {
counter-reset: number;
}
.article ol li {
padding-left: 1.2em;
position: relative;
}
.article ol li:before {
counter-increment: number;
content: counters(number, "-") ".";
position: absolute;
top: 0;
left: 0;
}
.article ol ol li {
padding-left: 2.2em;
}
.article ol ol li li {
padding-left: 3.2em;
}
.article blockquote {
display: block;
background-color: #eaf1f5;
padding: 25px 30px 10px;
border: 2px solid #dcdcdc;
}
.article blockquote:before {
content: "“";
display: block;
height: 35px;
color: #9daaac;
font-family: Georgia, "Times New Roman", Times, "serif";
font-size: 70px;
line-height: 0.8;
text-indent: -0.18em;
}
@media screen and (max-width: 1139px) {
.article blockquote {
padding: 15px 20px 1px;
}
}
.article hr {
display: block;
background-color: #dcdcdc;
height: 1px;
}
.article .movie {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
position: relative;
margin-bottom: 20px;
}
.article .movie iframe {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.article .gallery {
width: calc(100% + 7px);
}
.article .gallery .gallery-item {
margin-top: 0 !important;
padding-right: 7px;
}
.article .gallery .gallery-item a {
display: block;
}
.article .gallery .gallery-icon {
margin-bottom: 10px;
}
.article .gallery .attachment-thumbnail {
width: 100%;
border: none !important;
}
.article .gallery .gallery-caption {
margin-bottom: 0;
font-size: 14px;
line-height: 1.4;
}
@media screen and (max-width: 1139px) {
.article .gallery {
width: calc(100% + 3px);
}
.article .gallery .gallery-item {
padding-right: 3px;
}
.article .gallery .gallery-caption {
font-size: 12px;
}
}
#works_single_gallery {
background-color: #f5f5f5;
margin-top: 80px;
padding: 30px;
}
#works_single_gallery .ttl {
border-left: 5px solid #cb0000;
padding-left: 15px;
margin-bottom: 30px;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
#works_single_gallery ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -4px -4px 0;
list-style: none;
}
#works_single_gallery li {
width: 267px;
margin: 0 4px 4px 0;
border: 1px solid #ddd;
}
#works_single_gallery li a {
display: block;
overflow: hidden;
}
@media screen and (min-width: 1140px) {
#works_single_gallery li a:hover img {
transform: scale(1.1);
}
}
#works_single_gallery li img {
width: 100%;
transition: 0.3s;
}
@media screen and (max-width: 1139px) {
#works_single_gallery {
margin-top: 14%;
padding: 10% 5% 11%;
}
#works_single_gallery .ttl {
padding-left: 10px;
margin-bottom: 20px;
font-size: 18px;
}
#works_single_gallery ul {
margin: 0 0 -2%;
}
#works_single_gallery li {
width: 49%;
margin: 0 2% 2% 0;
}
#works_single_gallery li:nth-child(even) {
margin-right: 0;
}
} @keyframes remodal_prev_open {
from {
transform: translateX(-20%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal_prev_close {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(20%);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal_next_open {
from {
transform: translateX(20%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal_next_close {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(-20%);
opacity: 0;
filter: blur(0);
}
}
.remodal-wrapper {
overflow: hidden;
}
.remodal_slide {
background-color: transparent;
max-width: 800px;
}
@media screen and (min-width: 1140px) {
.remodal_slide .remodal-close {
top: -70px;
right: -70px;
}
}
.remodal_slide .remodal_prev,
.remodal_slide .remodal_next {
background-color: transparent;
width: 40px;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 100;
cursor: pointer;
transition: 0.3s;
}
.remodal_slide .remodal_prev:before,
.remodal_slide .remodal_next:before {
content: "";
width: 50%;
height: 50%;
border: solid #fff;
border-width: 1px 0 0 1px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
@media screen and (min-width: 1140px) {
.remodal_slide .remodal_prev:hover,
.remodal_slide .remodal_next:hover {
opacity: 0.5;
}
}
.remodal_slide .remodal_prev {
left: -80px;
}
.remodal_slide .remodal_prev:before {
left: 35%;
transform: rotate(-45deg);
}
.remodal_slide .remodal_next {
right: -80px;
}
.remodal_slide .remodal_next:before {
right: 35%;
transform: rotate(135deg);
}
.remodal_slide.remodal-is-opening.prev {
animation-name: remodal_prev_open;
}
.remodal_slide.remodal-is-closing.prev {
animation-name: remodal_prev_close;
}
.remodal_slide.remodal-is-opening.next {
animation-name: remodal_next_open;
}
.remodal_slide.remodal-is-closing.next {
animation-name: remodal_next_close;
}
.remodal_slide img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1139px) {
.remodal_slide {
padding: 0 25px;
}
.remodal_slide .remodal_prev {
left: -15px;
}
.remodal_slide .remodal_next {
right: -15px;
}
}
.works_single_detail {
width: 342px;
margin-left: auto;
font-size: 14px;
}
.works_single_detail .box {
background-color: #f5f5f5;
padding: 20px 20px 25px;
}
.works_single_detail .detail1 {
width: 100%;
}
.works_single_detail .detail1 th {
background-color: transparent;
width: 95px;
}
.works_single_detail .detail2 {
border-top: 1px solid #ddd;
margin-top: 10px;
padding-top: 10px;
}
.works_single_detail .detail2 dt {
margin-bottom: 5px;
font-weight: bold;
}
.works_single_detail .detail2 dd {
display: flex;
flex-wrap: wrap;
margin: 0 -2px -2px 0;
}
.works_single_detail .detail2 dd span {
display: block;
background-color: #fff;
margin: 0 2px 2px 0;
padding: 1px 5px;
}
.works_single_detail .detail3 {
border-top: 1px solid #ddd;
margin-top: 10px;
padding-top: 15px;
}
.works_single_detail .detail3 dt {
margin-bottom: 5px;
font-weight: bold;
font-size: 16px;
}
.works_single_detail .detail3 dt .small {
display: block;
font-weight: 500;
font-size: 12px;
}
@media all and (-ms-high-contrast: none) {
.works_single_detail .detail3 dt .small {
font-weight: normal;
}
}
.works_single_detail .sns {
display: flex;
flex-wrap: wrap;
margin: 15px -10px -10px 0;
}
.works_single_detail .sns a {
display: block;
width: 40px;
margin: 0 10px 10px 0;
}
.works_single_detail .sns img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1139px) {
.works_single_detail {
width: auto;
margin: 11% 5% 0;
}
.works_single_detail .box {
padding: 15px 15px 20px;
}
}
#works_single_pickup {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_teams_bg.jpg) left top/32px auto;
margin-top: 130px;
padding: 100px 0;
}
#works_single_pickup .ttl {
border-left: 5px solid #cb0000;
padding-left: 15px;
margin-bottom: 30px;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
@media screen and (max-width: 1139px) {
#works_single_pickup {
margin-top: 10%;
padding: 11% 5%;
}
#works_single_pickup .ttl {
padding-left: 10px;
margin-bottom: 20px;
font-size: 18px;
}
#top_works #works_single_pickup .works_list {
padding: 0;
}
} #strength {
border-bottom: 1px solid #ddd;
}
#strength .temp_head .ttl img {
width: 319px;
}
@media screen and (max-width: 1139px) {
#strength .temp_head .ttl img {
width: 50%;
}
#strength .temp_head .sub {
position: relative;
}
#strength .temp_head .sub img {
width: 37%;
height: auto;
position: absolute;
top: 0;
right: -16%;
bottom: 0;
margin: auto;
z-index: -1;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#strength .temp_head .sub {
font-size: 28px;
}
}
#strength #top_works {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_teams_bg.jpg) left top/32px auto;
margin-top: 15px;
padding: 120px 0;
}
#strength #top_works .temp_ttl {
margin-bottom: 30px;
}
@media screen and (max-width: 1139px) {
#strength #top_works {
margin-top: 11%;
padding: 11% 5%;
}
#strength #top_works .temp_ttl {
margin-bottom: 20px;
}
}
#strength_list {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/strength_bg.jpg) no-repeat center top;
margin-top: 140px;
padding: 60px 0 240px;
}
@media screen and (min-width: 1140px) {
#strength_list ul {
padding-left: 70px;
}
}
#strength_list li {
padding-right: 425px;
position: relative;
}
#strength_list li:not(:last-child) {
margin-bottom: 150px;
}
#strength_list .list_ttl {
display: flex;
align-items: center;
}
#strength_list .list_ttl span {
display: block;
}
#strength_list .list_ttl .number {
width: 88px;
flex: 0 0 auto;
margin-right: 15px;
}
#strength_list .list_ttl .number img {
width: 100%;
height: auto;
}
#strength_list .list_ttl .min {
width: 100%;
padding: 20px 0;
color: #0088f1;
font-weight: bold;
font-size: 38px;
line-height: 1.1;
position: relative;
}
@media screen and (min-width: 1140px) {
#strength_list .list_ttl .min:before {
content: "";
background-color: #005190;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 10px;
}
}
#strength_list p {
padding-left: 103px;
font-size: 15px;
line-height: 2;
}
@media screen and (min-width: 1140px) {
#strength_list p {
white-space: nowrap;
}
}
#strength_list .img {
width: 354px;
height: auto;
position: absolute;
top: 0;
right: 60px;
bottom: 0;
margin: auto;
}
@media screen and (max-width: 1139px) {
#strength_list {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/strength_bgsp.jpg);
background-size: 100% auto;
margin-top: 13%;
padding: 0 5% 18%;
}
#strength_list li {
padding-right: 0;
}
#strength_list li:not(:last-child) {
margin-bottom: 50px;
}
#strength_list .list_ttl {
border-bottom: 1px solid #005190;
padding-bottom: 10px;
}
#strength_list .list_ttl .number {
width: 19%;
margin: 0 1.5% 0 -1.5%;
}
#strength_list .list_ttl .min {
padding: 0;
font-size: 6.4vw;
}
#strength_list p {
padding: 15px 0 10px;
}
#strength_list .img {
width: 74%;
position: static;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#strength_list .list_ttl .min {
font-size: 48px;
}
} #about {
border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 1140px) {
#about .temp_head .txtbox {
padding-top: 150px;
}
}
#about .temp_head .ttl img {
width: 329px;
}
@media screen and (max-width: 1139px) {
#about .temp_head .ttl img {
width: 50%;
}
}
#about_wrap {
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/about_bg.jpg) repeat-y center top;
margin-top: 240px;
padding: 100px 0 80px;
}
@media screen and (max-width: 1139px) {
#about_wrap {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/about_bgsp.jpg);
background-size: 100% auto;
margin-top: 10%;
padding: 0 5% 22%;
}
}
#about_intro {
text-align: center;
font-size: 18px;
line-height: 2.2;
position: relative;
z-index: 2;
}
#about_intro:before {
content: "";
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/about_intro_bg.png) no-repeat left top/100% 100%;
width: 389px;
height: 714px;
position: absolute;
top: -90px;
right: -105px;
z-index: -1;
}
#about_intro .ttl {
font-weight: bold;
color: #005d2e;
font-size: 40px;
line-height: 1.5;
}
#about_intro .txt1 {
margin: 40px 0;
}
#about_intro .txt2 {
margin-bottom: 40px;
font-weight: bold;
color: #d35900;
font-size: 32px;
line-height: 1;
}
#about_intro .txt2 .small {
display: block;
font-size: 28px;
margin-bottom: 15px;
}
@media screen and (max-width: 1139px) {
#about_intro:before {
width: 63%;
height: 0;
padding-top: 117%;
top: 0;
left: 0;
right: 0;
margin: 37% auto 0;
}
#about_intro .ttl {
font-size: 5.8vw;
white-space: nowrap;
}
#about_intro .txt1 {
margin: 5% 0 5%;
text-align: left;
}
#about_intro .txt2 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 9%;
font-size: 5.2vw;
white-space: nowrap;
}
#about_intro .txt2 .small {
font-size: 94%;
margin-bottom: 2%;
}
#about_intro .txt3 {
text-align: left;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#about_intro .ttl {
font-size: 43px;
}
}
#about_vision {
margin-top: 90px;
position: relative;
z-index: 2;
}
#about_vision .bg {
position: absolute;
top: 0;
left: -130px;
z-index: -1;
}
#about_vision .txtbox {
padding: 100px 0 100px 680px;
font-size: 15px;
line-height: 2;
}
#about_vision .txtbox .ttl {
font-weight: bold;
font-size: 20px;
line-height: 1;
}
#about_vision .txtbox .ttl img {
width: 249px;
height: auto;
margin-bottom: 20px;
}
#about_vision .txtbox .txt1 {
margin: 70px 0 40px;
color: #005d2e;
font-weight: bold;
font-size: 29px;
line-height: 1;
white-space: nowrap;
}
@media screen and (min-width: 1140px) {
#about_vision .txtbox .txt2 {
white-space: nowrap;
}
}
#about_vision ul {
display: flex;
line-height: 1.5;
}
#about_vision li {
width: 360px;
}
#about_vision li:not(:last-child) {
margin-right: 30px;
}
@media screen and (min-width: 1140px) {
#about_vision li:not(:last-child) .list_ttl {
color: #fff;
}
}
#about_vision li .list_ttl {
font-weight: bold;
font-size: 20px;
line-height: 1;
}
#about_vision li figure {
margin: 20px 0;
}
#about_vision li figure img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1139px) {
#about_vision {
margin-top: 13%;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#about_vision .bg {
width: 70%;
left: auto;
right: -13%;
}
#about_vision .bg img {
width: 100%;
height: auto;
}
#about_vision .txtbox {
padding: 17% 0 12%;
}
#about_vision .txtbox .ttl {
font-size: 16px;
}
#about_vision .txtbox .ttl img {
width: 59%;
margin-bottom: 15px;
}
#about_vision .txtbox .txt1 {
margin: 35px 0 20px;
font-size: 5.5vw;
}
#about_vision ul {
display: block;
}
#about_vision li {
width: auto;
}
#about_vision li:not(:last-child) {
margin: 0 0 35px;
}
#about_vision li figure {
margin: 15px 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#about_vision .txtbox .txt1 {
font-size: 41px;
}
}
#about_company {
margin-top: 150px;
}
#about_company .ttlbox {
display: flex;
align-items: center;
background-color: #f5f5f5;
}
#about_company .ttlbox .ttl {
padding-left: 60px;
font-weight: bold;
font-size: 20px;
line-height: 1;
}
#about_company .ttlbox .ttl img {
width: 391px;
height: auto;
margin-bottom: 15px;
}
#about_company .ttlbox .slick_dots {
width: 570px;
margin: 0 0 0 auto;
}
#about_company .ttlbox .slick_dots img {
width: 100%;
height: auto;
}
#about_company .ttlbox .slick_dots .slick-arrow {
background-color: rgba(255, 255, 255, 0.5);
background-size: 13px auto;
width: 50px;
height: 50px;
}
#about_company .ttlbox .slick_dots .slick-dots {
bottom: 20px;
}
#about_company .ttlbox .slick_dots .slick-dots li {
width: 11px;
height: 11px;
margin: 0 7px;
}
#about_company .ttlbox .slick_dots .slick-dots button:before {
border-color: #fff;
}
#about_company .ttlbox .slick_dots .slick-dots .slick-active button:before {
background-color: #fff;
}
@media screen and (max-width: 1139px) {
#about_company {
margin-top: 13%;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#about_company .ttlbox {
display: block;
background-color: transparent;
}
#about_company .ttlbox .ttl {
padding: 15% 0 8%;
font-size: 16px;
}
#about_company .ttlbox .ttl img {
width: 93%;
margin-bottom: 10px;
}
#about_company .ttlbox .slick_dots {
width: auto;
margin: 0;
}
#about_company .ttlbox .slick_dots .slick-arrow {
background-size: 10px auto;
width: 40px;
height: 40px;
}
#about_company .ttlbox .slick_dots .slick-dots {
bottom: 10px;
}
}
#about_company_name {
margin-top: 100px;
}
#about_company_name .ttl {
text-align: center;
font-weight: bold;
color: #005d2e;
font-size: 28px;
line-height: 1;
}
#about_company_name .ttl span {
display: inline-block;
border-bottom: 1px solid #005d2e;
padding-bottom: 15px;
}
#about_company_name .flex {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
}
#about_company_name .flex .logo {
width: 149px;
margin-right: 40px;
}
#about_company_name .flex .logo img {
width: 100%;
height: auto;
}
#about_company_name .flex .box {
line-height: 2;
}
#about_company_name .flex .box p:not(:last-child) {
margin-bottom: 10px;
}
#about_company_name .bottom {
text-align: center;
font-weight: bold;
color: #d35900;
font-size: 24px;
line-height: 1.5;
white-space: nowrap;
}
@media screen and (max-width: 1139px) {
#about_company_name {
margin-top: 15%;
}
#about_company_name .ttl {
font-size: 22px;
}
#about_company_name .ttl span {
padding-bottom: 10px;
}
#about_company_name .flex {
display: block;
padding: 30px 0;
}
#about_company_name .flex .logo {
margin: 0 auto 25px;
}
#about_company_name .bottom {
font-size: 5.3vw;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#about_company_name .bottom {
font-size: 39px;
}
}
#about_company_detail {
display: flex;
margin-top: 90px;
}
#about_company_detail .ttl {
margin-bottom: 20px;
font-weight: bold;
color: #005d2e;
font-size: 24px;
line-height: 1;
}
#about_company_detail .company {
width: 750px;
}
#about_company_detail .company table {
width: 100%;
border-top: 1px solid #ddd;
line-height: 1.5;
}
#about_company_detail .company tr {
border-bottom: 1px solid #ddd;
}
#about_company_detail .company th {
width: 85px;
border-right: 1px solid #ddd;
padding: 12px 0;
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
#about_company_detail .company th {
font-weight: normal;
}
}
#about_company_detail .company td {
padding: 12px;
}
#about_company_detail .access {
width: 360px;
margin-left: auto;
position: relative;
}
#about_company_detail .access figure img {
width: 100%;
height: auto;
}
#about_company_detail .access .time {
margin: 10px 0 20px;
}
#about_company_detail .access .google {
display: flex;
justify-content: center;
align-items: center;
background-color: #004120;
width: 165px;
height: 40px;
margin-left: auto;
color: #fff;
font-size: 14px;
line-height: 1;
}
#about_company_detail .access .temp_more {
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow.png);
border-color: #005d2e;
color: #004120;
font-weight: bold;
}
@media screen and (min-width: 1140px) {
#about_company_detail .access .temp_more {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
}
}
@media screen and (max-width: 1139px) {
#about_company_detail {
display: block;
margin-top: 15%;
}
#about_company_detail .ttl {
margin-bottom: 15px;
font-size: 20px;
}
#about_company_detail .company {
width: auto;
}
#about_company_detail .company tr:last-child {
border-bottom: none;
}
#about_company_detail .company th,
#about_company_detail .company td {
display: block;
}
#about_company_detail .company th {
width: 100%;
border-right: none;
border-bottom: 1px dotted #ddd;
padding: 10px 0;
}
#about_company_detail .company td {
padding: 10px 0 25px;
}
#about_company_detail .access {
width: auto;
margin: 20px 0 0;
}
#about_company_detail .access .temp_more {
margin-top: 40px;
}
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 10px 15px;
margin: 5px;
}
.flow-navi__wrapper {
display: none;
}
.flow-navi a {
position: fixed;
width: 300px;
height: 44px;
text-align: center;
line-height: 44px;
left: 50%;
bottom: 10px;
margin-left: -150px;
display: block;
background: rgba(0, 93, 46, 0.5);
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 10px;
}
.flow-navi02 a {
position: fixed;
width: 30px;
height: 200px;
text-align: center;
line-height: 35px;
right: 0%;
top: 120px;
margin-right: 5px;
display: block;
background: rgba(255, 143, 4, 0.5);
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 10px;
writing-mode: vertical-rl;
}
.flow-navi a :hover {
background: rgba(0, 93, 46, 0.6);
}
@media screen and (min-width: 1140px) {
.flow-navi a {
position: fixed;
width: 580px;
height: 60px;
text-align: center;
line-height: 60px;
left: 50%;
bottom: 20px;
margin-left: -290px;
display: block;
background: rgba(0, 93, 46, 0.5);
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
border-radius: 10px;
}
.flow-navi02 a {
position: fixed;
width: 50px;
height: 280px;
text-align: center;
right: 0%;
line-height: 50px;
top: 260px;
margin-right: 10px;
display: block;
background: rgba(255, 143, 4, 0.5);
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
border-radius: 10px;
writing-mode: vertical-rl;
}
}
#addpage {
margin-top: 40px;
}
#addpage ol {
list-style-type: decimal;
margin: 20px;
}
#addpage_single_cont {
padding-top: 20px;
}
#addpage_single_cont .job {
line-height: 1;
}
#addpage_single_cont .center {
text-align: center;
}   #addpage_single_cont h2 {
border-left: 5px solid #990000;
background: #f5cccc;
padding: 1rem;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
line-height: 1.2;
}
#addpage_single_cont h3 {
display: inline-block;
padding: 8px;
background: #ffd68c52;
margin-bottom: 16px;
border-bottom: 2px solid #990000;
line-height: 1.3;
font-weight: bold;
}
#addpage_single_cont .tcomment {
padding: 1rem;
margin-bottom: 30px;
}
#addpage_single_cont p {
margin-bottom: 1rem;
}
@media screen and (min-width: 1140px) {
#addpage_single_cont .first_wrap {
display: flex;
}
}
@media screen and (max-width: 1139px) {
#addpage_single_cont {
padding-top: 5%;
}
#addpage_single_cont .job {
padding: 0 5%;
} #addpage_single_cont h2 {
font-size: 20px;
}
}
#add_teams {
margin-bottom: 100px;
padding: 50px 0;
}
#add_teams .ttl {
margin-bottom: 70px;
}
#add_teams .ttl img {
width: 249px;
height: auto;
}
#add_teams .in_ttl {
display: flex;
align-items: flex-end;
padding-bottom: 20px;
font-weight: bold;
line-height: 1;
}
#add_teams .in_ttl a {
display: flex;
align-items: flex-end;
}
#add_teams .in_ttl .blank {
position: relative;
}
#add_teams .in_ttl .blank::before {
content: "";
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/icon_window2.png) no-repeat left top / 100% 100%;
width: 16px;
height: 14px;
position: absolute;
top: 4px;
right: -25px;
bottom: 0;
margin: auto;
}
#add_teams .in_ttl span {
display: block;
}
#add_teams .in_ttl .en {
margin-right: 20px;
}
#add_teams .in_ttl .en img {
width: auto;
height: 21px;
}
#add_teams .temp_more {
background-color: #B59986;
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow01.png);
border-color: #B59986;
}
#add_teams .temp_more img {
width: 124px;
}
#add_teams .temp_more01 {
background-color: #006AC4;
background-image: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_about_more_arrow01.png);
border-color: #006AC4;
}
#add_teams .temp_more01 img {
width: 124px;
}
#add_teams .slick_sp {
padding-top: 30px;
}
@media screen and (min-width: 1140px) {
#add_teams .slide {
line-height: 1.4;
margin: 0 0 0;
}
}
#add_teams .slide {
line-height: 1.4;
margin: 0 0 15px;
}
#add_teams .slide a {
display: block;
}
@media screen and (min-width: 1140px) {
#add_teams .slide a:hover img {
transform: scale(1.1);
}
}
#add_teams .slide figure {
margin-bottom: 10px;
overflow: hidden;
}
#add_teams .slide img {
width: 100%;
height: 150px;
transition: 0.3s;
object-fit: cover;
}
#add_teams .slide .date {
font-size: 10px;
margin-bottom: 3px;
}
@media screen and (min-width: 1140px) {
#add_teams .flex {
display: flex;
}
#add_teams .flex section {
border-left: 1px solid #000;
padding: 20px 0 25px 30px;
}
#add_teams .flex .slide:not(:last-child) {
margin-bottom: 30px;
}
#add_teams .flex .slide a {
display: flex;
}
#add_teams .flex .slide figure {
width: 263px;
flex: 0 0 auto;
margin: 0 15px 0 0;
}
#add_teams .flex .bridal {
width: 585px;
padding-right: 50px;
}
#add_teams .flex .recruit {
width: 555px;
}
#add_teams .strategy {
padding-top: 20px;
}
#add_teams .strategy .slick_sp {
display: flex;
flex-wrap: wrap;
margin: 0 -32px -32px 0;
}
#add_teams .strategy .slide {
width: 261px;
margin: 0 32px 32px 0;
}
}
@media screen and (min-width: 751px) {
#add_teams .strategy .slick_sp {
display: flex; flex-wrap: wrap; margin: 0 -32px -32px 0;
}
#add_teams .slide{
width: 50%;
}
}
#add_teams .logo {
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
}
#add_teams .logo a {
display: block;
}
#add_teams .logo a:not(:last-child) {
margin-right: 70px;
}
#add_teams .logo img {
width: 100%;
height: auto;
}
#add_teams .logo .logo_team_bridal {
width: 174px;
}
#add_teams .logo .logo_team_recruit {
width: 174px;
}
#add_teams .logo .logo_kikaku {
width: 167px;
}
@media screen and (max-width: 1139px) {
#add_teams {
margin-top: 22%;
padding: 22% 5% 10%;
}
#add_teams .ttl {
margin-bottom: 13%;
}
#add_teams .ttl img {
width: 53%;
}
#add_teams section {
padding-bottom: 50px;
}
#add_teams .in_ttl {
flex-wrap: wrap;
border-top: 2px solid #000;
padding: 20px 0 0;
margin-bottom: -10px;
overflow: hidden;
}
#add_teams .in_ttl a {
flex-wrap: wrap;
}
#add_teams .in_ttl .blank::before {
top: 0;
bottom: 12px;
}
#add_teams .in_ttl span {
padding-bottom: 10px;
}
#add_teams .in_ttl .en {
margin-right: 15px;
}
#add_teams .in_ttl .en img {
height: 15px;
}
#add_teams .temp_more {
margin-top: 20px;
}
#add_teams .temp_more01 {
margin-top: 20px;
}
#add_teams .slick_sp {
margin-top: 20px;
padding: 30px 35px 0;
}
#add_teams .logo {
padding-top: 0;
}
#add_teams .logo a {
display: block;
}
#add_teams .logo a:not(:last-child) {
margin-right: 15px;
}
#add_teams .logo .logo_team_bridal {
width: 103px;
}
#add_teams .logo .logo_team_recruit {
width: 103px;
}
#add_teams .logo .logo_kikaku {
width: 100px;
}
}
@media screen and (max-width: 374px) {
#add_teams .in_ttl {
padding: 5.3vw 0 0;
margin-bottom: -2.6vw;
font-size: 4.2vw;
}
#add_teams .in_ttl .blank::before {
width: 4.2vw;
height: 3.7vw;
right: -6.6vw;
bottom: 3.2vw;
}
#add_teams .in_ttl span {
padding-bottom: 2.6vw;
}
#add_teams .in_ttl .en {
margin-right: 4vw;
}
#add_teams .in_ttl .en img {
height: 4vw;
}
}
#add_service {
padding-top: 175px;
background-color: #f7f2ea;
}
#add_service .ttlbox {
padding-left: 585px;
position: relative;
}
#add_service .ttlbox figure {
width: 925px;
position: absolute;
top: -65px;
left: -520px;
z-index: -1;
}
#add_service .ttlbox figure img {
width: 100%;
height: auto;
}
#add_service .ttlbox .ttl img {
width: 270px;
height: auto;
}
#add_service .ttlbox p {
margin-top: 30px;
font-weight: bold;
line-height: 2;
}
#add_service ul {
display: flex;
margin: 60px 0;
}
#add_service li {
width: 261px;
}
#addpage #add_service li {
width: 236px;
}
#add_service li:not(:last-child) {
margin-right: 32px;
}
#add_service li a {
display: block;
position: relative;
}
@media screen and (min-width: 1140px) {
#add_service li a:hover figure img {
transform: scale(1.1);
}
}
#add_service li figure {
overflow: hidden;
}
#add_service li figure img {
width: 100%;
height: auto;
transition: 0.3s;
}
#add_service li .add {
margin-top: 8px;
line-height: 1.4;
text-align: center;
}
#add_service li .txtbox {
height: 255px;
padding: 20px 15px 0;
}
#add_service li .en img {
width: auto;
height: 17px;
}
#add_service li .ja {
padding: 20px 0 5px;
font-weight: bold;
font-size: 17px;
line-height: 1.4;
}
#add_service li .detail {
font-size: 14px;
line-height: 1.7;
}
@media screen and (min-width: 1140px) {
#add_service .temp_more {
margin-left: auto;
}
}
@media screen and (max-width: 1139px) {
#add_service {
padding: 20% 5% 0;
}
#add_service .ttlbox {
padding-left: 0;
}
#add_service .ttlbox figure {
width: 69%;
top: 0;
margin-top: -9%;
left: -19%;
}
#add_service .ttlbox .ttl img {
width: 50%;
margin-left: auto;
}
#add_service .ttlbox p {
margin-top: 7%;
text-align: right;
font-size: 4.2vw;
}
#add_service ul {
display: flex; flex-wrap: wrap; justify-content: space-around;
}
#add_service li {
width: 49%;
}
#add_service li:not(:last-child) {
margin: 0 0 20px;
}
#add_service li a {
display: flex;
}
#add_service li .photo {
width: 100%;
}
#add_service li .min {
padding: 6% 0 0 6%;
font-size: 4.8vw;
white-space: normal;
position: static;
}
#add_service li .txtbox {
width: 55%;
height: auto;
padding: 4.5% 3% 7%;
}
#add_service li .en img {
height: auto;
max-width: 100%;
max-height: 16px;
}
#add_service li .ja {
padding: 10px 0 3px;
}
#add_service li .detail {
font-size: 13px;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#add_service .ttlbox p {
font-size: 31px;
}
#add_service li .min {
font-size: 36px;
}
}
#add_service {
padding: 60px 0;
}
#add_service ul {
margin: 50px;
}
@media screen and (max-width: 1139px) {
#add_service {
padding: 11% 5%;
}
#add_service ul {
margin: 20px 20px;
}
}
#addflowt {
background-color: #004120;
}  .pu1,
.pu2,
.pu3,
.pu4 {
box-shadow: 0 0 0 9999px rgba(0, 0, 0, .2);
background-color: #efefef;
display: none;
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: 10%;
width: 80%;
overflow-y: scroll !important;
overflow-x: hidden;
color: #000;
max-width: 90%;
max-height: 90%;
}
.popup-inner {
padding-bottom: 100px;
} #pu-on1,
#pu-on2,
#pu-on3,
#pu-on4 {
display: none;
}
.icon-close3:checked+#header {
display: none;
-webkit-animation: byeShutter 2.6s forwards;
animation: byeShutter 2.6s forwards;
} #pu-on1:checked+.pu1,
#pu-on2:checked+.pu2,
#pu-on3:checked+.pu3,
#pu-on4:checked+.pu4 {
display: block;
-webkit-animation: shutterOpen 1.6s forwards;
animation: shutterOpen 1.6s forwards;
} @keyframes shutterOpen {
0% {
width: 0;
height: 1px;
}
70% {
width: 90%;
height: 1px;
}
100% {
width: 100%;
height: 100%;
position: fixed;
}
body {
overflow: hidden;
}
}
@keyframes byeShutter {
0% {
width: 90%;
height: 800px;
}
70% {
width: 90%;
height: 1px;
}
100% {
width: 0;
height: 1px;
}
} .icon-close1,
.icon-close2,
.icon-close3,
.icon-close4 {
background: #fff;
color: #000;
font-size: 30px;
padding: 0 10px;
position: fixed;
cursor: pointer;
top: 10%;
right: 5%;
z-index: 999999;
} .btn-open1,
.btn-open2,
.btn-open3,
.btn-open4 {
cursor: pointer;
} .pu-content1,
.pu-content2,
.pu-content3,
.pu-content4 {
margin: 40px auto 40px auto;
width: 90%;
height: 1000px;
} .popup-flex {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.flex-free {
justify-content: flex-start;
margin-bottom: 20px;
}
.popup-box h2 {
font-size: 24px;
font-weight: bold;
padding-bottom: 20px;
}
.popup-box h2 img {
width: 50%;
padding-bottom: 20px;
}
.popup-box {
width: 45%;
}
.popup-box .popup-img-ab {
position: relative;
}
.popup-box .popup-img-ab img {
position: absolute;
top: -20px;
left: -15px;
}
.popup-box .text-01 {
margin-top: 180px;
}
.text-02 {
font-size: 24px;
font-weight: bold;
color: #d35900;
}
.popup-wrap .number {
display: inline-block;
margin-right: 10px;
}
.popup-wrap .number img {
width: 50px;
height: auto;
}
.popup-img img {
width: 100%;
}
.flex-row {
margin-bottom: 50px;
justify-content: space-between;
}
.bk-orange {
margin: 30px auto;
background-color: #f7f2ea;
padding: 30px 0 25px;
text-align: center;
color: #d35900;
font-weight: bold;
font-size: 40px;
}
.popup-point .popup-flex:nth-child(even) {
flex-direction: row-reverse;
}
.popup-img-list {
margin-bottom: 50px;
}
.popup-img-list img {
width: 100%;
}
.popup-img-list ul {
display: flex;
padding-top: 30px;
margin: 0 !important;
}
.popup-img-list ul figure {
margin-bottom: 15px;
}
.popup-img-list ul li {
background: none !important;
width: 20%;
box-shadow: none !important;
}
.popup-img-list ul li .ttl2 {
text-align: center;
line-height: 1.1;
font-weight: bold;
font-size: 19px;
}
.img-list-column ul {
flex-wrap: wrap;
}
.img-list-column li {
display: flex;
width: 50% !important;
justify-content: space-between;
padding: 20px;
}
.img-list-column li:nth-child(odd) {
border-right: 1px solid #ddd;
}
.img-list-column li:nth-child(1),
.img-list-column li:nth-child(2) {
border-bottom: 1px solid #ddd;
}
.img-list-column .lil-ttl {
padding: 15px 0 10px;
font-weight: bold;
color: #d35900;
font-size: 16px;
line-height: 1.4;
}
.img-list-column .lil-ttl2 {
font-weight: bold;
font-size: 16px;
padding-bottom: 10px;
}
.img-list-column .btn-flat-simple {
width: 100%;
font-weight: bold;
padding: 0.5em 2em;
text-align: center;
margin-top: 20px;
text-decoration: none;
color: #ffffff;
background: #d35900;
letter-spacing: 0.1em;
transition: .4s;
float: right;
}
.box {
background-color: #fffdf7;
max-width: 555px;
border: 1px solid #ffa200;
padding: 15px 25px;
margin-top: 15px;
font-weight: bold;
line-height: 1.8;
} #top_service .img-list-column li:not(:last-child) {
margin-right: 0;
}
.popup-sec .sec-ttl {
border-left: 5px solid #ffa200;
padding-left: 15px;
font-weight: bold;
font-size: 24px;
line-height: 1.2;
} .popup-flow {
margin-top: 100px;
}
.popup-flow ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.popup-flow ul li {
width: 30% !important;
margin: 0 30px 50px 0;
position: relative;
background: none !important;
box-shadow: none !important;
}
.popup-flow ul li .detail {
padding-left: 20px;
font-weight: bold;
font-size: 15px;
}
.popup-flow ul li::before {
content: "";
background-color: #000;
width: 1px;
height: calc(100% - 76px);
position: absolute;
left: 0;
bottom: 0;
}
.popup-flow .list_ttl {
display: flex;
align-items: center;
background: url(https://f-creation.co.jp/wp-content/themes/foresight/img/service_single_flow_bg.png) no-repeat left top/100% 100%;
height: 56px;
padding-left: 20px;
margin-bottom: 20px;
color: #fff;
font-weight: bold;
font-size: 20px;
line-height: 1;
}
.popup-flow li .detail p:not(:last-child) {
background: url(https://f-creation.co.jp/wp-content/themes/foresight/img/service_single_flow_arrow.png) no-repeat left bottom/21px auto;
padding-bottom: 20px;
margin-bottom: 5px;
}
.popup-flow li:last-child .list_ttl.op {
background-image: url(https://f-creation.co.jp/wp-content/themes/foresight/img/service_single_flow_bg_op.png);
}
.popup-flow .list_ttl.op {
background: #c1a36e;
}
.popup-flow .list_ttl .number {
width: 20px;
flex: 0 0 auto;
margin-right: 12px;
}
.popup-flow .list_ttl .number img {
width: 100%;
height: auto;
}
.popup-flow .list_ttl .small {
display: inline-block;
font-size: 80%;
}
.service_web_popup #top_works {
margin-top: 50px;
} .popup-faq .panel-grid.panel-has-style>.panel-row-style,
.panel-grid.panel-no-style {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: nowrap;
-ms-justify-content: space-between;
justify-content: space-between;
}
.popup-faq .panel-grid-cell {
box-sizing: border-box;
}
.popup-faq .so-widget-sow-accordion-default-d56cfb02f21e-153 .sow-accordion .sow-accordion-panel {
margin-bottom: 10px;
}
.popup-faq .so-widget-sow-accordion-default-d56cfb02f21e-153 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
position: relative;
cursor: pointer;
padding: 15px 30px 15px 30px;
background-color: #0189f2;
color: #ffffff;
display: flex;
flex-direction: row;
}
#top_works .works_list {
margin-top: 50px;
}
@media screen and (max-width: 999px) {
.pu1,
.pu2,
.pu3,
.pu4 {
height: 80%;
}
.pu-content1,
.pu-content2,
.pu-content3,
.pu-content4 {
width: 90%;
}
.popup-flex {
flex-direction: column;
}
.popup-box {
width: 100%;
}
.popup-box h2 img {
width: 85%;
}
.popup-box .popup-img-ab img {
top: -200px;
left: 85%;
width: 50px;
}
.popup-box .text-01 {
margin-top: 25px;
}
.popup-box img {
width: 100%;
}
.bk-orange {
font-size: 16px;
margin: 15px auto;
}
.flex-free {
flex-direction: row;
}
.text-02 {
font-size: 16px;
}
.popup-point .popup-flex:nth-child(even) {
flex-direction: column;
}
.img-list-column li {
width: 100% !important;
flex-wrap: wrap-reverse;
}
.img-list-column li:nth-child(1),
.img-list-column li:nth-child(2),
.img-list-column li:nth-child(odd) {
border: none;
}
.pu3 .popup-flow ul li {
width: 100% !important;
}
}
@media screen and (max-width: 999px) {
.popup-img-list>ul {
display: block;
padding-top: 25px;
}
.popup-img-list>ul>li>figure {
width: 42%;
margin-right: 10px;
}
.popup-img-list>ul>li {
display: flex;
align-items: center;
width: 100%;
}
.popup-img-list>ul>li:not(:last-child) {
margin: 0 0 20px;
}
.popup-img-list>img {
width: 95%;
}
} #top_strength li {
height: 340px;
}
#top_strength li .list-normal-p {
font-size: 12px;
color: #000;
border-top: 1px solid #000;
padding: 10px 0;
margin: 10px 10px 0;
}
@media screen and (max-width: 1139px) {
#top_strength li {
display: block;
height: auto;
}
#top_strength li .st-flex {
display: flex;
align-items: center;
width: auto;
height: auto;
}
#top_strength li .list-normal-p {
width: 100%;
border: 0;
}
}
#top_jisseki {
padding-top: 175px;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_jisseki:before {
content: "";
background-color: #fff5cc;
width: 100%;
height: 360px;
position: absolute;
top: 320px;
left: 1065px;
z-index: -1;
}
}
#top_jisseki .ttlbox {
padding-left: 0px;
position: relative;
}
#top_jisseki .ttlbox figure {
width: 925px;
position: absolute;
top: -65px;
left: -520px;
z-index: -1;
}
#top_jisseki .ttlbox figure img {
width: 100%;
height: auto;
}
#top_jisseki .ttlbox .ttl img {
width: 270px;
height: auto;
}
#top_jisseki .ttlbox p {
margin-top: 30px;
font-weight: bold;
line-height: 2;
}
#top_jisseki ul {
display: flex;
margin: 60px 0;
flex-wrap: wrap;
justify-content: space-between;
}
#top_jisseki li {
width: 48%;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
#top_jisseki li.pu-box3 {
width: 100%;
}
#top_jisseki li:not(:last-child) {
margin-right: 32px;
}
#top_jisseki li a {
display: block;
position: relative;
}
@media screen and (min-width: 1140px) {
#top_jisseki li a:hover figure img {
transform: scale(1.1);
}
}
#top_jisseki li figure {
overflow: hidden;
}
#top_jisseki li figure img {
width: 100%;
height: auto;
transition: 0.3s;
}
#top_jisseki li .min {
background-color: #ffffff87;
color: #c25200;
font-size: 20px;
line-height: 1.4;
position: absolute;
top: 261px;
right: 20px;
padding: 10px 0;
}
#top_jisseki li .min02 {
background-color: #ffffff87;
color: #c25200;
font-size: 22px;
line-height: 1.4;
position: absolute;
top: 100px;
right: 36px;
padding: 10px 0;
}
.pc01 {
display: none !important;
}
.sp01 {
display: block !important;
}
@media screen and (min-width: 1140px) {
#top_jisseki li .min,
#top_jisseki li .min02 {
writing-mode: vertical-rl;
}
.pc01 {
display: block !important;
}
.sp01 {
display: none !important;
}
}
#top_jisseki figure{
margin: 0;
}
#top_jisseki li .txtbox {
height: 255px;
padding: 20px 15px 0;
}
#top_jisseki li .txtbox02 {
height: 120px;
padding: 10px 15px 0;
text-align: center;
}
#top_jisseki li .en02 img {
width: auto;
}
#top_jisseki li .ja02 {
padding: 10px 0 5px;
font-weight: bold;
font-size: 21px;
line-height: 1.4;
}
#top_jisseki li .en img {
width: auto;
height: 17px;
}
#top_jisseki li .ja {
padding: 20px 0 5px;
font-weight: bold;
font-size: 17px;
line-height: 1.4;
}
#top_jisseki li .detail {
font-size: 14px;
line-height: 1.7;
}
@media screen and (min-width: 1140px) {
#top_jisseki .temp_more {
margin-left: auto;
}
}
@media screen and (max-width: 1139px) {
#top_jisseki {
padding: 20% 5% 0;
}
#top_jisseki .ttlbox {
padding-left: 0;
}
#top_jisseki .ttlbox figure {
width: 69%;
top: 0;
margin-top: -9%;
left: -19%;
}
#top_jisseki .ttlbox .ttl img {
width: 50%;
margin-left: auto;
}
#top_jisseki > h2 > img ,#top_jisseki > div > h2 > img{
width: 61%;
}
#top_jisseki .ttlbox p {
margin-top: 7%;
text-align: left;
font-size: 4.2vw;
}
#top_jisseki li {
width: 48%;
}
#top_jisseki li:not(:last-child) {
margin: 0 0 20px;
}
#top_jisseki li a {
display: flex;
}
#top_jisseki li .photo {
width: 100%;
}
#top_jisseki li .min {
padding: 6% 0 0 6%;
font-size: 4.8vw;
white-space: normal;
position: static;
}
#top_jisseki li .txtbox {
width: 55%;
height: auto;
padding: 4.5% 3% 7%;
}
#top_jisseki li .en img {
height: auto;
max-width: 100%;
max-height: 16px;
}
#top_jisseki li .ja {
padding: 10px 0 3px;
}
#top_jisseki li .detail {
font-size: 13px;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
#top_jisseki .ttlbox p {
font-size: 24px;
}
#top_jisseki li .min {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
#top_jisseki ul {
display: block;
margin: 12% 0;
}
#top_jisseki li {
width: 100%;
}
}
.j_reason{
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/top_teams_bg.jpg) left top/32px auto;
margin-top: 15px;
padding: 120px 0;
}
#header h2.hp_link::after{
content: "";
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/icon_window2.png) no-repeat left top / 100% 100%;
width: 16px;
height: 14px;
margin-left: 3px;
position: absolute;
}
#top_service > ul > li:nth-child(3) > a > div.txtbox > h2::after ,#top_service > ul > li:nth-child(3) > a > div.txtbox > p.ja::after ,#top_service > div > ul > li:nth-child(3) > a > div.txtbox > p.ja::after{
content: "";
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/icon_window2.png) no-repeat left top / 100% 100%;
width: 16px;
height: 14px;
margin-left: 3px;
position: absolute;
}
#top_service > ul > li:nth-child(4) > a > div.txtbox > h2::after ,#top_service > ul > li:nth-child(4) > a > div.txtbox > p.ja::after ,#top_service > div > ul > li:nth-child(4) > a > div.txtbox > p.ja::after{
content: "";
background: url(//f-creation.co.jp/wp-content/themes/foresight/img/icon_window2.png) no-repeat left top / 100% 100%;
width: 16px;
height: 14px;
margin-left: 3px;
position: absolute;
}
.cop_jump::after {
content: '\f08e';
font-family: 'Font Awesome 6 Free';
margin-left: 3px;
font-weight: bold;
} .h1_back{
background-color: #d5d5d5cc;
}
.h1_top{
font-size: 9px;
margin-left: 5px;
color: #686868;
} .single_title {
display: inline-block;
border-bottom: 3px solid #990000;
padding: 8px 0;
margin-top: 100px;
margin-bottom: 100px!important;
font-weight: bold;
font-size: 32px;
line-height: 1.3;
}
.single_subtitle{
display: inline-block;
padding: 8px;
margin-bottom: 60px!important;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
}
.single_h{
font-size: 9px;
text-align: left;
}
@media screen and (max-width: 1139px){
.single_title {
margin: 0 5% 12%;
font-size: 24px;
}
.single_subtitle{
font-size: 22px;
}
}
.sp_display ,.sp_line{
display: none;
}
.pc_display ,.pc_line{
display: block;
}
.temp_head .txtbox .ttl h1 ,.temp_head .txtbox .ttl h2{
color: #333333;
margin-bottom: 10px;
font-weight: bold;
}
.temp_head .txtbox .ttl h1{
margin-top: 10px;
font-size: 25px;
}
.temp_head .txtbox .ttl h2{
font-size: 17px;
}
@media screen and (max-width: 768px){
#service_single_detail .type2 li, #service_single_detail .type3 li, #service_single_detail .type4 li {
width: auto;
}
.sp_display ,.sp_line{
display: block;
}
.pc_display ,.pc_line{
display: none;
}
.temp_head .txtbox .ttl h1{
font-size: 18px;
}
.temp_head .txtbox .ttl h2{
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 1139px){
#top_teams > div > section > h2{
margin-top: 11%;
margin-left: 5%;
}
.temp_head .txtbox .ttl h1{
font-size: 27px;
}
.temp_head .txtbox .ttl h2{
font-size: 17px;
}
}
#our_strength .ttl .txt{
color:#d35900;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}