@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;pointer-events:none}.fbx-modal.fbx-loading,.fbx-modal.fbx-show{visibility:visible;pointer-events:auto}.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;padding:0;margin:0;border:none}.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-no-count .fbx-count{display:none}.fbx-btn-transition{transition-property:color,background-color,border-color,opacity,box-shadow,filter,-webkit-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:ease;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-glass .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-glass .fbx-pause .fbx-icon-play-flat,.fbx-glass .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-glass .fbx-pause .fbx-icon-pause-flat,.fbx-glass .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-glass .fbx-maximize .fbx-icon-minimize-flat,.fbx-glass .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-glass .fbx-maximize .fbx-icon-maximize-flat,.fbx-glass .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-glass.fbx-arrows-1 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-10 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-11 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-2 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-3 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-4 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-5 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-6 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-7 .fbx-icon-arrows-flat,.fbx-glass.fbx-arrows-8 .fbx-icon-arrows-flat,.fbx-glass.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-flat,.fbx-rounded.fbx-arrows-11 .fbx-icon-arrows-flat,.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-glass .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-glass.fbx-spinner-1 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-10 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-11 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-2 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-3 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-4 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-5 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-6 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-7 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-8 .fbx-icon-spinner-default,.fbx-glass.fbx-spinner-9 .fbx-icon-spinner-default,.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-glass .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-glass.fbx-light{--fbx-glass-text:#FFF;--fbx-glass-tint:#FFF;--fbx-glass-tint-0:rgba(255, 255, 255, 0);--fbx-glass-tint-10:rgba(255, 255, 255, 0.1);--fbx-glass-tint-20:rgba(255, 255, 255, 0.2);--fbx-glass-tint-30:rgba(255, 255, 255, 0.3);--fbx-glass-tint-40:rgba(255, 255, 255, 0.4);--fbx-glass-tint-60:rgba(255, 255, 255, 0.6)}.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;margin: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}
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
body{
margin: 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
color: #333;
letter-spacing: 0.1em;
background: #faf8f6;
line-height: 1.7;
box-sizing: border-box;
}
body *,
body *::before,
body *::after {
box-sizing: inherit;
}
h1, h2, h3, h4, h5{
margin: 0;
}
p{
font-size: 1.0em;
margin: 0;
}
a{
text-decoration: none;
word-wrap:break-word;
}
li{
list-style: none;
}
ul{
padding: 0;
margin: 0;
}
.wrapper{
width: 1000px;
margin: 0 auto;
}
.color-purple{
color: #3a1412;
}
.number{
font-family: 'Lato', sans-serif;
font-style :italic;
font-weight: 400;
}
.alphabet{
font-family: 'Montserrat', sans-serif;
} @media screen and (min-width: 960px)
{
.display-sp{
display:none;
}
.display-spt{
display:none;
}
.sp-br{
display:none;
}
} @media screen and (max-width: 480px)
{
.wrapper{
width: 90%;
}
.display-pc{
display:none;
}
.display-pct{
display:none;
}
.pc-br{
display:none;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.wrapper{
width: 90%;
}
.display-pc
{
display:none;
}
.sp-br{
display:none;
}
.pc-br{
display:none;
}
.display-spt{
display:none;
}
} .alignleft {
float: left;
margin-left: 0;
margin-right: 1em;
}
.alignright {
float: right;
margin-left: 1em;
margin-right: 0;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter {
text-align: center;
}
figure {
margin-left: 0;
margin-right: 0;
}
.wp-embedded-content {
max-width: 100%;
} #header-top{
width: 100%;
position: fixed;
top: 30px;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
#header-top.show{
top: -150px;
}
#header-top img{
vertical-align: middle;
width: 130px;
}
.nav-menu ul{
display: flex;
justify-content: center;
align-items: center;
}
.nav-menu ul a{
position: relative;
display: inline-block;
color: #fff;
white-space: nowrap;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.nav-menu ul a::after{
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #fff;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
.nav-menu ul a:hover::after{
transform: scale(1, 1);
}
.nav-menu li{
margin-left:50px;
text-align: center;
line-height: 1.3;
}
.nav-menu-small{
font-size: 0.63em;
}
.nav-btn01{
width: 80px;
height: 65px;
padding-top: 5px;
background: #3a1412;
text-align: center;
line-height: 1.7;
}
.nav-btn01::after{
content: ''!important;
width: 100%!important;
height: 0!important;
opacity: 0!important;
transition: 0.3s!important;
}
.nav-btn02{
width: 130px;
height: 65px;
padding-top: 20px;
background: #7b397a;
text-align: center;
line-height: 1.7;
letter-spacing: 0.2em;
}
.nav-btn-02-1{
margin-left:0!important;
}
.nav-btn02::after{
content: ''!important;
width: 100%!important;
height: 0!important;
opacity: 0!important;
transition: 0.3s!important;
}
.nav-btn03{
width: 80px;
height: 65px;
padding-top: 5px;
background: #3a1412;
text-align: center;
color: #fff!important;
line-height: 1.7!important;
}
.nav-btn03::after{
content: ''!important;
width: 100%!important;
height: 0!important;
opacity: 0!important;
transition: 0.3s!important;
}
.nav-btn04{
width: 130px;
height: 65px;
padding-top: 20px;
background: #7b397a;
text-align: center;
color: #fff!important;
line-height: 1.7!important;
letter-spacing: 0.2em;
}
.nav-btn04::after{
content: ''!important;
width: 100%!important;
height: 0!important;
opacity: 0!important;
transition: 0.3s!important;
}
.header-change{
background-color:rgba(255,255,255,0.8);
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: -150px;
transition: .5s;
width: 100%;
z-index: 100;
}
.header-change.show{
top: 0;
}
.header-change ul{
display: flex;
justify-content: center;
align-items: center;
}
.header-change ul a{
position: relative;
display: inline-block;
color: #333;
white-space: nowrap;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.header-change ul a::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #7b397a;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
.header-change ul a:hover::after {
transform: scale(1, 1);
}
.header-change li{
margin-left:50px;
text-align: center;
line-height: 1.3;
}
.header-change img{
vertical-align: middle;
width: 130px;
}
.fixed{
width: 100%;
height: 70px;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
#header-top-sp{
background: #faf8f6;
height: 70px;
}
#header-top-sp img{
margin-top: 15px;
margin-left: 10px;
width: 130px;
} .globalMenuSp {
position: fixed;
z-index: 3;
top: 0;
right: 0;
text-align: left;
transform: translateY(-100%);
transition: all 0.7s;
width: 100%;
}
.globalMenuSp ul {
background: #faf8f6!important;
margin: 0 auto;
padding: 0;
width: 100%;
}
.globalMenuSp ul li {
font-size: 1.0em;
list-style-type: none;
padding-left: 15px;
width: 100%;
}
.globalMenuSp ul li:last-child {
padding-bottom: 0;
}
.globalMenuSp ul li a {
display: block;
color: #333!important;
padding: 1em 0;
text-decoration: none;
}
.globalMenuSp.active {
transform: translateY(0%);
}
.globalMenuSp ul li img{
margin-left: 0!important;
}
.navToggle {
display: block;
position: fixed;
right: 0px;
top: 0px;
width: 70px;
height: 70px;
cursor: pointer;
z-index: 101;
background: #faf8f6;
text-align: center;
}
.navToggle span {
display: block;
position: absolute;
width: 40px;
border-bottom: solid 3px #3a1412;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 15px;
} .navToggle span:nth-child(1) {
top: 17px;
}
.navToggle span:nth-child(2) {
top: 26px;
}
.navToggle span:nth-child(3) {
top: 35px;
}
.navToggle span:nth-child(4) {
border: none;
color: #3a1412;
font-size: 0.75em;
font-weight: bold;
top: 42px;
}
.navToggle.active
{
background:#faf8f6;
color:#3a1412;
}
.navToggle.active span:nth-child(1) {
top: 28px;
left: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 3px #3a1412;
}
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 28px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 3px #3a1412;
}
.navToggle.active span:nth-child(4)
{
color:#3a1412;
}
.language{
display: flex;
justify-content: center;
align-items: center;
}
.language p{
color: #fff;
margin: 0 10px 6px 10px;
}
.language i{
color: #fff;
margin-right: 10px;
}
.black a{
color: #333!important;
}
.black i{
color: #333!important;
}
.black p{
color: #333!important;
}
.sp-lang{
position: fixed;
z-index: 3;
top: 20px;
right: 90px;
display: flex;
justify-content: center;
align-items: center;
}
.sp-lang p{
margin: 0 10px;
}
.sp-lang a{
color: #3A1412!important;
}
.sp-lang i{
margin-right: 10px;
} .slick01{
width: 100%;
height: 100vh;
padding: 0;
margin: 0;
}
.slick01 img{
width: 100%;
height: 100vh;
object-fit: cover;
} @media screen and (max-width: 480px)
{
.slick01{
margin-top: 70px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.slick01{
margin-top: 70px;
}
} #salon-concept{
margin: 150px 0;
}
#salon-concept h2{
font-family: 'Noto Serif JP', serif!important;
font-weight: 700!important;
color: #3a1412;
border-bottom: 3px solid #3a1412;
padding-bottom: 10px;
}
.concept-box{
display: flex;
justify-content: space-between;
align-items: center;
}
.concept-pic{
width: 40%;
}
.concept-pic img{
width: 100%;
}
.concept-text{
width: 50%;
}
.concept-text p{
margin: 20px 0;
} @media screen and (max-width: 480px)
{
#salon-concept{
margin: 100px 0;
}
#salon-concept h2{
font-size: 1.37em;
margin-bottom: 20px;
}
.concept-box{
display: block;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.concept-pic{
width: auto;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.concept-text{
width: auto;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#salon-concept{
margin: 100px 0;
}
#salon-concept h2{
font-size: 1.37em;
margin-bottom: 20px;
}
.concept-box{
display: block;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.concept-pic{
width: 100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
text-align: center;
}
.concept-pic img{
width: 60%;
}
.concept-text{
width: auto;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
} #design-concept{
background: #eee7e0;
position: relative;
z-index: 0;
}
#design-concept h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.5em;
letter-spacing: 0.2em;
color: #3a1412;
position: relative;
top: -35px;
}
#design-concept h3{
font-family: 'Noto Serif JP', serif;
font-weight: 700!important;
color: #3a1412;
font-size: 1.56em;
border-bottom: 3px solid #3a1412;
padding-bottom: 10px;
}
.concept-space{
padding: 50px 0 100px 0;
} @media screen and (max-width: 480px)
{
#design-concept h2{
font-size: 1.75em;
top: -23px;
}
#design-concept h3{
font-size: 1.37em;
margin-bottom: 20px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#design-concept h2{
font-size: 1.75em;
top: -23px;
}
#design-concept h3{
font-size: 1.37em;
margin-bottom: 20px;
}
} #reason{
background-image: url(//ichie.net/wp-content/themes/ichie/image/reason-back02.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
z-index: 0;
}
#reason::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(255,255,255,0.8);
top: 0;
left: 0;
}
#reason h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.5em;
letter-spacing: 0.2em;
color: #3a1412;
position: relative;
top: -35px;
position: relative;
z-index: 1;
}
.reason-sub-title{
text-align: center;
font-family: 'Noto Serif JP', serif;
font-size: 1.87em;
font-weight: 600;
color: #3a1412;
position: relative;
z-index: 1;
margin-top: 50px;
margin-bottom: 70px;
letter-spacing: 0.2em;
}
.reason-box{
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
position: relative;
z-index: 1;
}
.reason-box h3{
font-family: 'Noto Serif JP', serif;
color: #7b397a;
font-size: 1.43em;
letter-spacing: 0.2em;
background-image: url(//ichie.net/wp-content/themes/ichie/image/logo01.png);
background-size: 23px;
background-repeat:  no-repeat;
background-position: left center;
padding-left: 33px;
}
.reason-box h4{
margin: 10px 0 20px 0;
color: #3a1412;
}
.reason-pic{
width: 50%;
}
.reason-pic img{
width: 100%;
}
.reason-text{
width: 40%;
padding: 50px;
background: #eee7e0;
} @media screen and (max-width: 480px)
{
#reason h2{
font-size: 1.75em;
top: -23px;
}
.reason-box{
display: block;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.reason-pic{
width: 100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.reason-text{
width: auto;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
padding: 20px;
}
.reason-sub-title{
font-size: 1.47em;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#reason h2{
font-size: 1.75em;
top: -23px;
}
.reason-box{
display: block;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.reason-pic{
width: 100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.reason-text{
width: auto;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
padding: 20px;
}
.reason-sub-title{
font-size: 1.47em;
}
} #voice{
padding-bottom: 100px;
background-image: url(//ichie.net/wp-content/themes/ichie/image/reason-back02.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
overflow: hidden;
z-index: 0;
}
#voice::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(255,255,255,0.8);
top: 0;
left: 0;
}
#voice h2{
font-family: 'Noto Serif JP', serif;
font-weight: 700!important;
color: #3a1412;
font-size: 2.0em;
text-align: center;
letter-spacing: 0.2em;
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-top: 100px;
}
.voice-box{
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0;
}
.voice-pic{
width: 20%;
text-align: center;
}
.voice-pic img{
width: 50%;
}
.voice-text{
width: 70%;
}
.voice-text p{
background: #faf8f6;
text-align: left;
box-shadow: 2px 2px 4px gray;
padding: 20px;
} @media screen and (max-width: 480px)
{
.voice-box{
display: block;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.voice-pic{
width: auto;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.voice-pic img{
width: 30%;
}
.voice-text{
width: auto;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
} .hidden_box {
margin: 2em 0; padding: 0;
position: relative;
z-index: 1;
} .hidden_box label {
padding: 15px;
font-weight: bold;
cursor :pointer;
display: block;
text-align: center;
color: #3a1412;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.hidden_box label:hover{
color: #7b2a26;
} .hidden_box input {
display: none;
} .hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
} .hidden_box input:checked ~ .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
} #gallery{
background: #eee7e0;
padding-bottom: 150px;
position: relative;
z-index: 0;
text-align: center;
}
#gallery h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.5em;
letter-spacing: 0.2em;
color: #3a1412;
position: relative;
top: -35px;
}
.gallery-box{
margin-top: 100px;
}
.gallery-insta{
text-align: center!important;
margin-top: 30px;
display: inline-block;
font-family: 'Montserrat', sans-serif;
}
.gallery-insta-top{
color: #333;
font-weight: 600;
}
.gallery-insta-middle{
font-size: 2.5em;
color: #3a1412;
padding-top: 0;
}
.gallery-insta-middle a{
color: #3a1412;
}
.gallery-insta-bottom1{
font-weight: 600;
color: #7b397a;
}
.gallery-insta-bottom2{
color: #333;
font-size: 0.81em;
font-weight: 600;
}
.gallery-insta p{
text-align: center;
}
.insta-font{
color: #333!important;
font-size: 0.81em;
} @media screen and (max-width: 480px)
{
#gallery h2{
font-size: 1.75em;
top: -23px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#gallery h2{
font-size: 1.75em;
top: -23px;
}
} #menu{
background: #eee7e0;
padding-bottom: 150px;
}
#menu h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.5em;
letter-spacing: 0.2em;
color: #3a1412;
position: relative;
top: -35px;
}
.menu-box{
width: 80%;
margin: 0 auto;
background: #faf8f6;
padding: 50px;
margin-top: 50px;
}
.menu-box h3{
color: #7b397a;
background-image: url(//ichie.net/wp-content/themes/ichie/image/logo01.png);
background-size: 23px;
background-repeat:  no-repeat;
background-position: left center;
padding-left: 30px;
margin-bottom: 15px;
}
.menu-box-in{
margin-top: 50px;
border-bottom: 2px solid #3a1412;
}
.menu-box-in h4{
color: #3a1412;
font-size: 1.22em;
}
.menu-box-top{
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.menu-box-top-left{
width: 80%;
margin: 5px 0;
}
.menu-box-top-left li{
display: inline-block;
white-space: nowrap;
font-size: 0.81em;
background: #7b397a;
color: #fff;
padding: 3px 8px;
margin: 4px 1px;
}
.menu-box-top-right{
width: 20%;
text-align: right;
}
.menu-box-top-right p{
font-weight: 700;
font-family: 'Lato', sans-serif;
font-style :italic;
}
.menu-box-bottom{
margin: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu-box-bottom-left{
width: 45%;
}
.menu-box-bottom-left img{
width: 100%;
}
.menu-box-bottom-right{
width: 50%;
}
.menu-box-add{
margin-bottom: 20px;
border: 1px solid #eee7e0;
padding: 10px;
}
.menu-box-add p{
font-size: 0.81em;
}
.menu-box table{
border-collapse:collapse;
margin:0 auto;
width: 100%;
}
.menu-box th{
width:55%;
border-top:2px solid #3a1412;
padding:30px 0;
text-align:left;
font-weight:normal;
}
.menu-box td{
border-top:2px solid #7b397a;
padding:30px 0;
text-align:left;
}
.menu-box tr:last-child th{
border-bottom:2px solid #3a1412;
}
.menu-box tr:last-child td{
border-bottom:2px solid #7b397a;
}
.menu-box-other{
font-size: 0.93em;
}
.menu-choco{
font-weight: bold;
color: #3a1412;
}
.menu-purple{
font-weight: bold;
color: #7b397a;
} @media screen and (max-width: 480px)
{
#menu h2{
font-size: 1.75em;
top: -23px;
}
.menu-box{
width: auto;
padding: 20px;
}
.menu-box th{
display: block;
width: auto;
text-align: center;
padding: 30px 0;
}
.menu-box td{
display: block;
width: auto;
text-align: center;
border-top:1px solid #eee7e0;
padding: 30px 0;
}
.menu-box tr:last-child th{
border-bottom:none;
}
.menu-box tr:last-child td{
border-bottom:2px solid #3a1412;
}
.menu-box-top{
display: block;
}
.menu-box-top-left{
width: auto;
}
.menu-box-top-right{
width: auto;
text-align: center;
margin: 15px 0;
}
.menu-box-bottom{
display: block;
}
.menu-box-bottom-left{
width: auto;
}
.menu-box-bottom-right{
width: auto;
}
.menu-box-bottom-right p{
padding-top: 10px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#menu h2{
font-size: 1.75em;
top: -23px;
}
.menu-box{
width: auto;
padding: 20px;
}
.menu-box th{
display: block;
width: auto;
text-align: center;
padding: 30px 0;
}
.menu-box td{
display: block;
width: auto;
text-align: center;
border-top:1px solid #eee7e0;
padding: 30px 0;
}
.menu-box tr:last-child th{
border-bottom:none;
}
.menu-box tr:last-child td{
border-bottom:2px solid #3a1412;
}
} #access{
background: #faf8f6;
}
#access h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.5em;
letter-spacing: 0.2em;
color: #3a1412;
position: relative;
top: -35px;
}
.access-box{
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.access-pic{
width: 45%;
}
.access-pic img{
width: 100%;
}
.access-top{
width: 50%;
}
.access-top table{
border-collapse:collapse;
margin:0 auto;
width: 100%;
}
.access-top th{
width:25%;
border-top:2px solid #3a1412;
padding:15px;
text-align:left;
font-weight:normal;
}
.access-top td{
border-top:2px solid #7b397a;
padding:15px;
text-align:left;
font-size: 0.87em;
}
.access-top tr:last-child th{
border-bottom:2px solid #3a1412;
}
.access-top tr:last-child td{
border-bottom:2px solid #7b397a;
}
.access-top a{
color: #3a1412;
font-size: 1.0em;
}
.map{
width: 100%;
height: 500px;
margin-top: 100px;
} @media screen and (max-width: 480px)
{
#access h2{
font-size: 1.75em;
top: -23px;
}
.access-box{
display: block;
}
.access-pic{
width: auto;
}
.access-top{
width: auto;
margin-top: 20px;
}
.access-top th,td{
display: block;
width: auto;
}
.access-top td{
border-top:1px solid #eee7e0;
}
.access-top tr:last-child th{
border-bottom:1px solid #eee7e0;
}
.access-top tr:last-child td{
border-bottom:2px solid #3a1412;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#access h2{
font-size: 1.75em;
top: -23px;
}
.access-box{
display: block;
}
.access-pic{
width: auto;
}
.access-top{
width: auto;
margin-top: 20px;
}
.access-top th,td{
display: block;
width: auto;
}
.access-top td{
border-top:1px solid #eee7e0;
}
.access-top tr:last-child th{
border-bottom:1px solid #eee7e0;
}
.access-top tr:last-child td{
border-bottom:2px solid #3a1412;
}
} #blog{
padding-bottom: 150px;
}
#blog h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.5em;
letter-spacing: 0.2em;
color: #3a1412;
position: relative;
top: -35px;
}
.blog-box{
width: 80%;
margin: 0 auto;
margin-top: 70px;
}
.blog-box p{
background: #eee7e0;
padding: 15px 25px;
margin: 15px 0;
font-size: 0.87em;
}
.blog-box a{
color: #333;
}
.blog-box-link{
text-align: right;
margin-top: 20px;
}
.blog-box-link a{
color: #3a1412;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.blog-box-link a:hover{
color: #e8dfd5;
}
.category-label{
background: #7b397a;
font-size: 0.87em;
color: #fff;
padding: 5px 10px;
border-radius: 3px;
} @media screen and (max-width: 480px)
{
#blog h2{
font-size: 1.75em;
top: -23px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#blog h2{
font-size: 1.75em;
top: -23px;
}
} .footer-top{
background: #eee7e0;
padding: 50px 0;
text-align: center;
}
.footer-box{
width: 23%;
display: inline-block;
vertical-align: top;
text-align: left;
}
.footer-box h3{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin-bottom: 20px;
}
.footer-box li{
font-size: 0.83em;
padding: 7px 0;
}
.footer-box a{
color: #333;
position: relative;
display: inline-block;
}
.footer-box a::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #333;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
.footer-box a:hover::after {
transform: scale(1, 1);
}
.follow{
font-size: 2.0em;
}
.follow a{
margin-right: 10px;
}
.follow a::after{
content: ''!important;
width: 100%!important;
height: 0!important;
opacity: 0!important;
transition: 0.3s!important;
} @media screen and (max-width: 480px)
{
.footer-top{
padding-top: 0;
padding-bottom: 50px;
}
.footer-box{
width: 100%;
text-align: center;
margin-top: 30px;
}
.footer-box h3{
margin-bottom: 10px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
}
.ftBtn{
position:fixed;
width: 60px;
right: 10px;
bottom: 10px;
z-index: 99;
}
#sp-footer{
position: fixed;
bottom: 0px;
z-index: 99;
left: 0;
width: 100%;
text-align: center;
height: 50px;
line-height: 50px;
}
#sp-footer ul{
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
}
#sp-footer li{
list-style: none;
width: 100%;
height: auto;
}
.left-border{
border-left: 1px solid #faf8f6;
}
.footer-bk01{
background: #7b397a;
}
.footer-bk02{
background: #3a1412;
}
#sp-footer a{
color: #faf8f6;
font-size: 1.18em;
width: 100%;
display: inline-block;
}
.effect-fade {
opacity : 0;
transform : translate(0, 30px);
transition : all 1500ms;
}
.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}
#copy-right{
color: #333;
background: #eee7e0;
padding-bottom: 15px;
text-align: center;
font-size: 0.87em;
margin: 0;
font-family: 'Montserrat', sans-serif;
} @media screen and (max-width: 480px)
{
#copy-right{
padding-bottom: 60px;
}
#scrollTop img{
bottom: 60px;
}
.scroll img{
width: 70px;
}
.ftBtn{
bottom: 60px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#copy-right{
padding-bottom: 60px;
}
#scrollTop img{
bottom: 60px;
}
.ftBtn{
bottom: 60px;
}
} #not-found{
padding: 150px 0;
text-align: center;
}
#not-found p{
text-align: center;
margin: 50px 0;
}
#not-found a{
background: #7b397a;
color: #fff;
padding: 5px 10px;
border-radius: 3px;
} #bread-top{
width: 1000px;
margin: 0 auto;
font-size: 0.81em;
padding-top: 10px;
}
.breadcrumb {
padding-left:0;
margin-left:0;
text-align:left;
}
.breadcrumb li{
display:inline;
list-style: none;
}
.breadcrumb li:after {
content: '>';
padding: 0 3px;
color: #333;
}
.breadcrumb li:last-child:after {
content: '';
}
.breadcrumb li a {
text-decoration: none;
color: #333;
}
.breadcrumb_left
{
text-align:left;
} @media screen and (max-width: 480px)
{
#bread-top{
width: 90%;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#bread-top{
width: 90%;
}
} .qa-tile{
height: 60vh;
text-align: center;
background: #eee7e0;
}
.qa-tile h2{
padding-top: 30vh;
font-size: 2.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: 0.2em;
}
#qa-content{
padding: 70px 0;
}
#qa-content h3{
text-align: center;
color: #3a1412;
}
.qa-content-box{
text-align: center;
margin-top: 50px;
}
.qa-content-box h3{
font-size: 1.0em;
margin-top: 30px;
}
.toggle_contents {
width: 65%;
display: inline-block;
text-align: left;
margin: 10px 0;
}
.toggle-with{
width: 70%!important;
}
.toggle-back01{
background: #eee7e0;
}
.toggle-back02{
background: #faf8f6;
}
.toggle_contents img{
margin-top: 20px;
width: 100%;
}
.toggle_title {
position: relative;
padding: 15px;
cursor: pointer;
}
.toggle_btn {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
background: #3a1412;
display: block;
width: 24px;
height: 24px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
cursor: pointer;
}
.toggle_btn:before, .toggle_btn:after {
display: block;
content: '';
background-color: #fff;
position: absolute;
width: 10px;
height: 2px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.toggle_btn:before {
width: 2px;
height: 10px;
}
.toggle_title.selected .toggle_btn:before {
content: normal;
}
.toggle_contents dd {
display: none;
margin: 0;
padding: 10px;
background: #faf8f6;
font-size: 0.87em;
} @media screen and (max-width: 480px)
{
.toggle_contents{
width: 100%;
}
.toggle_title{
padding-right: 50px;
}
.toggle-with{
width: 100%!important;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.toggle_contents{
width: 100%;
}
.qa-tile{
height: 100vh;
}
.qa-tile h2{
padding-top: 50vh;
}
.toggle_title{
padding-right: 50px;
}
.toggle-with{
width: 100%!important;
}
} .staff-tile-pc{
height: 90vh;
text-align: center;
background: #eee7e0;
background-image: url(//ichie.net/wp-content/themes/ichie/image/staff-back02.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
z-index: 0;
}
.staff-tile-pc::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(238,231,224,0.8);
top: 0;
left: 0;
}
.staff-tile-pc h2{
padding-top: 43vh;
font-size: 2.2em;
letter-spacing: 0.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
position: relative;
z-index: 1;
}
.staff-tile-sp{
height: 90vh;
text-align: center;
background: #eee7e0;
background-image: url(//ichie.net/wp-content/themes/ichie/image/staff-back02-sp.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
z-index: 0;
}
.staff-tile-sp::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(238,231,224,0.8);
top: 0;
left: 0;
}
.staff-tile-sp h2{
padding-top: 45vh;
font-size: 2.2em;
letter-spacing: 0.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
position: relative;
z-index: 1;
}
.staff{
padding: 100px 0;
}
.staff h3{
font-family: 'Noto Serif JP', serif;
font-weight: 700!important;
color: #3a1412;
padding-bottom: 10px;
}
.staff-box{
display: flex;
justify-content: space-between;
align-items: center;
}
.staff-box-pic{
width: 45%;
}
.staff-box-pic img{
width: 100%;
}
.staff-box-text{
width: 50%;
}
.staff-box-text h3{
color: #3a1412;
font-size: 2.0em;
}
.staff-box-text a{
display: inline-block;
color: #d0bda9;
transition: 0.3s;
-webkit-transition: 0.3s;
margin-top: 10px;
}
.staff-box-text a:hover{
color: #e8dfd5;
}
.staff-title{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 3px solid #3a1412;
margin-bottom: 15px;
}
.staff-title-right li{
display: inline-block;
margin-left: 10px;
}
.staff-title-right li a{
font-size: 2.0em;
color: #3a1412;
}
.staff-en{
color: #cab49e;
font-size: 16px;
vertical-align: middle;
}
.staff-bc{
background: #eee7e0;
}
.staff-msg h3{
text-align: center;
font-size: 1.68em;
letter-spacing: 0.2em;
margin-bottom: 30px;
}
.staff-msg img{
width: 100%;
}
.staff-msg-box{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.staff-msg-left{
width: 47%;
}
.staff-msg-right{
width: 47%;
}
.staff-logo{
text-align: center;
margin-bottom: 50px;
}
.staff-logo img{
width: 147px;
} @media screen and (max-width: 480px)
{
.staff h3{
padding: 0;
}
.staff-box{
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.staff-box-pic{
width: auto;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.staff-box-text{
width: auto;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
margin-top: 10px;
}
.staff-title{
display: block;
}
.staff-title-left h3{
font-size: 1.56em;
}
.staff-title-right li{
margin-left: 0;
margin-right: 10px;
}
.staff-msg h3{
font-size: 1.12em;
}
.staff-msg-box{
display: block;
}
.staff-msg-left{
width: auto;
}
.staff-msg-right{
width: auto;
margin-top: 30px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.staff-box{
align-items: flex-start;
}
.staff-title{
display: block;
}
.staff-title-left h3{
font-size: 1.56em;
}
.staff-title-right li{
margin-left: 0;
margin-right: 10px;
}
.staff-msg-box{
display: block;
}
.staff-msg-left{
width: auto;
}
.staff-msg-right{
width: auto;
margin-top: 30px;
}
} .blog-title1{
width: 100%;
height: 60vh;
text-align: center;
background: #eee7e0;
}
.blog-title1 h2{
padding-top: 30vh;
font-size: 2.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: 0.2em;
display: inline-block;
}
.blog-title2{
width: 100%;
height: 60vh;
text-align: center;
background: #eee7e0;
}
.blog-title2 h2{
padding-top: 30vh;
font-size: 2.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: 0.2em;
display: inline-block;
}
.blog-title2 h1{
padding-top: 30vh;
font-size: 2.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: 0.2em;
display: inline-block;
} @media screen and (max-width: 480px)
{
.blog-title2 h2{
width: 90%;
font-size: 1.22em;
}
.blog-title2 h1{
width: 90%;
font-size: 1.22em;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.blog-title1{
height: 100vh;
}
.blog-title1 h2{
padding-top: 50vh;
}
.blog-title2{
height: 100vh;
}
.blog-title2 h2{
padding-top: 50vh;
font-size: 1.22em;
}
.blog-title2 h1{
padding-top: 50vh;
font-size: 1.22em;
}
} #category-main{
width: 1000px;
display: flex;
justify-content: space-between;
margin: 0 auto;
padding: 100px 0;
}
#category-list{
width: 700px;
margin: 0 auto;
}
.category-blog-box{
width: 45%;
vertical-align: top;
display: inline-block;
margin: 0 15px 50px 15px;
}
.category-blog-box a{
color: #333;
}
.category-blog-box-img{
overflow: hidden;
width: 100%;
height: 220px;
margin-bottom: 20px;
}
.category-blog-box img{
width: 100%;
height: 220px;
object-fit: cover;
transition-duration: 0.3s;
}
.category-blog-box img:hover{
transform: scale(1.1);
transition-duration: 0.3s;
}
.category-blog-box p{
text-align: left;
font-size:0.81em;
}
.category-blog-box h3{
margin: 10px 0;
}
.category_label{
font-size: 0.81em;
font-weight: bold;
background: #7b397a;
color: #fff;
padding: 4px 7px;
} @media screen and (max-width: 480px)
{
#category-main{
display: block;
width: 90%;
margin: 0 auto;
padding: 50px 0;
}
#category-list{
width: auto;
}
.category-blog-box{
width: auto;
margin: 30px 0;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#category-main{
display: block;
width: 90%;
margin: 0 auto;
padding: 50px 0;
}
#category-list{
width: auto;
text-align: center;
}
} #sidebar{
width: 200px;
}
#sidebar h2{
color: #7b397a;
}
#sidebar ul{
padding: 0;
margin-bottom: 30px;
font-size: 0.93em;
}
#sidebar a{
color: #333;
} @media screen and (max-width: 480px)
{
#sidebar{
width: auto;
margin-top: 50px;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#sidebar{
width: auto;
margin-top: 50px;
}
} #contents-main{
display: flex;
margin: 50px 0;
}
#blog-contents{
width: 800px;
margin: 0 auto;
}
#contents-next{
text-align: center;
margin-top: 50px;
}
#contents-next a{
background: #3a1412;
padding: 5px 10px;
color: #fff;
font-size: 0.87em;
border-radius: 7px;
display: inline-block;
margin-bottom: 10px;
} @media screen and (max-width: 480px)
{
#contents-main{
display: block;
width: 90%;
margin: 0 auto;
padding: 50px 0;
}
#blog-contents{
width: auto;
}
#blog-contents img{
width: 100%!important;
height: auto!important;
object-fit: cover!important;
}
#blog-contents td{
display: table-cell!important;
}
#blog-contents th{
display: table-cell!important;
}
#contents-next a{
display: block;
margin: 10px 0;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
#contents-main{
display: block;
width: 90%;
margin: 0 auto;
padding: 50px 0;
}
#blog-contents{
width: auto;
}
#blog-contents img{
width: 100%!important;
height: auto!important;
object-fit: cover!important;
}
#blog-contents td{
display: table-cell!important;
}
#blog-contents th{
display: table-cell!important;
}
#contents-next a{
display: block;
margin: 10px 0;
}
} .pagination{
list-style-type: none;
padding-left: 0;
margin: 30px 0;
}
.pagination,
.pagination li a {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pagination a {
font-weight: 300;
padding-top: 1px;
text-decoration:none;
border: 1px solid #3a1412;
border-left-width: 0;
min-width:36px;
height:36px;
color: #3a1412;
}
.pagination li:not([class*="current"]) a:hover {
background: #3a1412;
color: #faf8f6;
}
.pagination li:first-of-type a {
border-left-width: 1px;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
display: inline-block;
font-family: Fontawesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
.pagination li.current a {
background: #fff;
cursor: default;
pointer-events: none;
color:#3a1412;
}
.pagination > li:first-child > a {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pointer-none{
pointer-events: none;
}
@media only screen and ( max-width: 680px ) {
.pagination li.first,
.pagination li.last {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.previous a { border-left-width: 1px; }
}
@media only screen and ( max-width: 500px ) {
.pagination li {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.current,
.pagination li.first,
.pagination li.last,
.pagination li.previous,
.pagination li.next{
position: initial;
top: initial;
left: initial;
}
.pagination li.previous a { border-left-width: 0; }
} .recruit-tile{
height: 60vh;
text-align: center;
background: #eee7e0;
background-image: url(//ichie.net/wp-content/themes/ichie/image/recruit-top.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
z-index: 0;
}
.recruit-tile::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(238,231,224,0.8);
top: 0;
left: 0;
}
.recruit-tile h2{
padding-top: 30vh;
font-size: 1.75em;
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.2em;
line-height: 2.3;
position: relative;
z-index: 1;
text-shadow:
white 1px 1px 10px, #eee7e0 -1px 1px 10px,
white 1px -1px 10px, #eee7e0 -1px -1px 10px;
}
#recruit-topics{
padding: 100px 0;
text-align: center;
}
#recruit-topics li{
display: inline-block;
background: #3a1412;
width: 20%;
margin: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 0.81em;
}
#recruit-topics a{
color: #fff;
display: block;
} @media screen and (max-width: 480px)
{
.recruit-tile h2{
font-size: 1.0em;
padding-left: 10px;
padding-right: 10px;
}
#recruit-topics li{
display: block;
width: 100%;
margin: 17px 0;
padding: 10px 0;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.recruit-tile{
height: 100vh;
}
.recruit-tile h2{
padding-top: 40vh;
padding-left: 10px;
padding-right: 10px;
}
#recruit-topics li{
width: 40%;
}
} #recruit-message{
padding: 100px 0;
}
#recruit-message h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
}
.recruit-message-box{
display: flex;
justify-content: space-between;
}
.recruit-message-pic{
width: 35%;
}
.recruit-message-pic img{
width: 100%;
}
.recruit-message-pic p{
text-align: center;
font-size: 0.87em;
}
.recruit-message-text{
width: 60%;
}
.cp_box *, .cp_box *:before, .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box {
position: relative;
}
.cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; cursor: pointer;
text-align: center; background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
background: inherit; }
.cp_box label:after {
line-height: 2.5rem;
position: absolute;
z-index: 2;
bottom: 20px;
left: 50%;
width: 16rem;
font-family: FontAwesome;
content: '\f13a'' Learn More';
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #ffffff;
border-radius: 20px;
background-color: rgba(58, 20, 18, 1);
}
.cp_box input {
display: none;
}
.cp_box .cp_container {
overflow: hidden;
height: 380px; transition: all 0.5s;
}
.cp_box input:checked + label { }
.cp_box input:checked + label:after {
font-family: FontAwesome;
content: '\f139'' Close';
}
.cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; transition: all 0.5s;
} @media screen and (max-width: 480px)
{
.recruit-message-box{
display: block;
}
.recruit-message-pic{
width: auto;
margin-bottom: 30px;
}
.recruit-message-text{
width: auto;
}
} #recruit-style{
padding: 100px 0;
background: #eee7e0;
}
#recruit-style h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
}
.recruit-style-box{
display: flex;
justify-content: space-between;
align-items: center;
margin: 30px 0;
}
.recruit-style-pic{
width: 30%;
}
.recruit-style-pic img{
width: 100%;
border-radius: 50%;
}
.recruit-style-text{
width: 65%;
background: #faf8f6;
padding: 20px;
border-radius: 30px;
}
.recruit-style-text h3{
margin-bottom: 30px;
}
.circle{
display: inline-block;
height: 60px;
line-height: 53px;
width: 60px;
background: #faf8f6;
border-radius: 50%;
margin: 0 10px;
font-size: 1.62em;
padding-left: 5px;
} @media screen and (max-width: 480px)
{
.recruit-style-box{
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin: 70px 0;
}
.recruit-style-pic{
width: auto;
text-align: center;
margin-bottom: 10px;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.recruit-style-pic img{
width: 60%;
}
.recruit-style-text{
width: auto;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
} #recruit-step{
padding: 100px 0;
}
#recruit-step h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
}
.recruit-step-box{
display: flex;
justify-content: space-between;
align-items: center;
margin: 70px 0;
}
.recruit-step-pic{
width: 27%;
}
.recruit-step-pic img{
width: 100%;
border-radius: 50%;
}
.recruit-step-text{
width: 68%;
padding: 30px;
border-radius: 30px;
border: 5px solid #eee7e0;
}
.recruit-step-text h3{
margin-bottom: 10px;
} @media screen and (max-width: 480px)
{
.recruit-step-box{
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.recruit-step-pic{
width: auto;
text-align: center;
margin-bottom: 10px;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.recruit-step-pic img{
width: 60%;
}
.recruit-step-text{
width: auto;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
} #recruit-coupon{
padding: 100px 0;
background-image: url(//ichie.net/wp-content/themes/ichie/image/recruit-coupon.jpg);
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
z-index: 0;
overflow: hidden
}
#recruit-coupon:before{
content: '';
background: inherit;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: -1;
}
#recruit-coupon::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(255,255,255,0.8);
top: 0;
left: 0;
}
#recruit-coupon h2{
text-align: center;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
#recruit-coupon h3{
margin-bottom: 50px;
text-align: center;
position: relative;
z-index: 1;
}
.recruit-coupon-box{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
}
.recruit-coupon-text{
width: 45%;
}
.recruit-coupon-text h4 {
padding: 30px 10px;
text-align: center;
color: #3a1412;
background-color: transparent;
background-image: linear-gradient(45deg, #eee7e0 25%, transparent 25%, transparent 75%, #eee7e0 75%, #eee7e0),
linear-gradient(-45deg, #eee7e0 25%, transparent 25%, transparent 75%, #eee7e0 75%, #eee7e0);
background-size: 24px 24px;
border: 2px solid #3a1412;
font-weight: normal;
font-size: 1.93em;
margin-bottom: 10px;
font-family: 'Lato', sans-serif;
font-style :italic;
}
.recruit-coupon-pic{
width: 50%;
} @media screen and (max-width: 480px)
{
.recruit-coupon-box{
display: block;
}
.recruit-coupon-text{
width: auto;
}
.recruit-coupon-pic{
width: auto;
}
} #recruit-company{
padding: 100px 0;
background: #eee7e0;
}
#recruit-company h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
}
.recruit-company-box{
width: 80%;
background: #faf8f6;
margin: 0 auto;
padding: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.recruit-company-box h3{
margin-bottom: 10px;
margin-left: 10px;
}
.recruit-company-box h4{
margin-bottom: 10px;
}
.recruit-company-box table{
border-collapse:collapse;
margin:0 auto;
width: 100%;
}
.recruit-company-box th{
width:25%;
border-top:2px solid #3a1412;
padding:30px;
text-align:left;
font-weight:normal;
}
.recruit-company-box td{
border-top:2px solid #7b397a;
padding:30px;
text-align:left;
}
.recruit-company-box tr:last-child th{
border-bottom:2px solid #3a1412;
}
.recruit-company-box tr:last-child td{
border-bottom:2px solid #7b397a;
} @media screen and (max-width: 480px)
{
.recruit-company-box{
width: auto;
}
.recruit-company-box th{
display: block;
width: auto;
text-align: center;
padding: 30px 0;
}
.recruit-company-box td{
display: block;
width: auto;
text-align: center;
border-top:1px solid #eee7e0;
padding: 30px 0;
}
.recruit-company-box tr:last-child th{
border-bottom:none;
}
.recruit-company-box tr:last-child td{
border-bottom:2px solid #3a1412;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.recruit-company-box{
width: auto;
}
.recruit-company-box th{
display: block;
width: auto;
text-align: center;
padding: 30px 0;
}
.recruit-company-box td{
display: block;
width: auto;
text-align: center;
border-top:1px solid #eee7e0;
padding: 30px 0;
}
.recruit-company-box tr:last-child th{
border-bottom:none;
}
.recruit-company-box tr:last-child td{
border-bottom:2px solid #3a1412;
}
} #recruit-boshu{
padding: 100px 0;
background-image: url(//ichie.net/wp-content/themes/ichie/image/recruit-boshu.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:  no-repeat;
background-position: center top;
position: relative;
z-index: 0;
overflow: hidden
}
#recruit-boshu::after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
background-color:rgba(255,255,255,0.8);
top: 0;
left: 0;
}
#recruit-boshu h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
position: relative;
z-index: 1;
}
.recruit-boshu-top{
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 50px 0;
position: relative;
z-index: 1;
}
.recruit-boshu-top-pic{
width: 15%;
}
.recruit-boshu-top-pic img{
width: 100%;
}
.recruit-boshu-top-text{
width: 65%;
}
.recruit-boshu-top-text h3{
margin-bottom: 30px;
}
.recruit-boshu-box{
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
}
.recruit-boshu-box table{
border-collapse:collapse;
margin:0 auto;
width: 100%;
background: #faf8f6;
}
.recruit-boshu-box th{
width:30%;
padding:30px;
text-align:left;
font-weight:normal;
background: #eee7e0;
border-top:1px solid #eee7e0;
}
.recruit-boshu-box td{
padding:30px;
text-align:left;
border-top:1px solid #eee7e0;
border-right:1px solid #eee7e0;
}
.recruit-boshu-box tr:last-child th{
border-bottom:1px solid #eee7e0;
}
.recruit-boshu-box tr:last-child td{
border-bottom:1px solid #eee7e0;
} @media screen and (max-width: 480px)
{
.recruit-boshu-top{
display: block;
}
.recruit-boshu-top-pic{
width: auto;
text-align: center;
margin-bottom: 20px;
}
.recruit-boshu-top-pic img{
width: 40%;
}
.recruit-boshu-top-text{
width: auto;
}
.recruit-boshu-top-text h3{
text-align: center;
}
.recruit-boshu-box th{
display: block;
width: auto;
text-align: center;
padding: 30px 0;
}
.recruit-boshu-box td{
display: block;
width: auto;
text-align: center;
border-top:1px solid #eee7e0;
padding: 30px 0;
border-left:1px solid #eee7e0;
}
} #recruit-qa{
padding: 100px 0;
background: #eee7e0;
}
#recruit-qa h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
} #recruit-contact{
padding: 100px 0;
text-align: center;
}
#recruit-contact h2{
text-align: center;
margin-bottom: 50px;
color: #3a1412;
letter-spacing: 0.2em;
font-size: 1.75em;
}
#recruit-contact p{
text-align: center;
}
.recruit-contact-box{
margin-top: 50px;
}
.recruit-contact-box li{
display: inline-block;
margin: 0 30px;
background: #eee7e0;
padding: 15px 30px;
border-radius: 30px;
}
.recruit-contact-box a{
color: #333;
}
.recruit-contact-box p{
font-size: 2.5em;
}
.recruit-btn{
position: fixed;
right: 0;
bottom: 20vh;
z-index: 99;
}
.recruit-btn li a{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding:20px 25px;
color:#333;
background-color: rgba(123,57,122,0.4);
transition: 0.3s;
-webkit-transition: 0.3s;
}
.recruit-btn li a:hover{
opacity: 0.6;
transition-duration: 0.3s;
}
.recruit-btn-big{
font-size: 1.37em;
} @media screen and (max-width: 480px)
{
.recruit-contact-box li{
margin: 20px 0;
width: 100%;
}
} .contact-tile{
height: 60vh;
text-align: center;
background: #eee7e0;
}
.contact-tile h2{
padding-top: 30vh;
font-size: 2.2em;
letter-spacing: 0.2em;
}
#contact{
margin-top: 50px;
text-align: center;
}
#contact h2{
margin-top: 50px;
font-size: 3.0em;
}
#contact p{
margin-top: 10px;
} @media screen and (max-width: 480px)
{
#contact h2{
font-size: 2.5em;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.contact-tile{
height: 100vh;
}
.contact-tile h2{
padding-top: 40vh;
}
} .contact-main
{
width:100%;
padding-top:50px;
text-align: center;
}
.contact-sub
{
width:900px;
margin: 0 auto;
text-align:center;
}
.contact-sub a
{
text-decoration: none;
color:#333333;
}
.contact-main table{
border-collapse:collapse;
margin:0 auto;
font-size: 0.93em;
text-align: left;
}
.contact-main th{
width: 33%;
border-bottom: 1px solid #DCDCDC;
padding:15px;
font-weight: normal;
}
.contact-main td{
border-bottom: 1px solid #DCDCDC;
padding:15px;
}
.contact-text
{
border: 1px solid #DCDCDC;
border-radius: 3px;
padding: 5px;
width: 100%;
height: 25px;
background: #f2f2f2;
}
.text-aria-big{
border: 1px solid #DCDCDC;
border-radius: 3px;
padding: 5px;
width: 100%;
height: 200px;
background: #f2f2f2;
}
.required
{
font-size:0.75em;
font-weight:bold;
color:#ffffff;
background:#3a1412;
border-radius: 5px;
margin-right:10px;
padding:3px 5px;
display: inline-block;
}
.nini
{
font-size:0.75em;
font-weight:bold;
color:#333;
background:#eee7e0;
border-radius: 5px;
margin-right:10px;
padding:3px 5px;
display: inline-block;
}
.font-small{
font-size: 0.81em;
}
.error_msg
{
color:#FF4500;
margin: 10px 0;
}
.contactBtn {
color: #ffffff;
background:#3a1412;
border-style: none;
border-radius: 50px;
border: 2px solid #3a1412;
padding:20px 30px;
font-size:1.0em;
text-align:center;
cursor : pointer;
transition-duration: 0.3s;
}
.contactBtn:hover{
transition-duration: 0.3s;
background: #ffffff;
color: #3a1412;
}
.backBtn {
background:#DCDCDC;
color: #333; 
font-weight:bold;
border-radius: 10px;
margin-top:50px;
margin-bottom: 150px;
display: inline-block;
padding:20px 30px;
}
.contactBtn_inner
{
text-align:center;
padding:50px 0;
}
.contact-line{
font-size: 3.0em;
color: #22ac38!important;
}
.phone_number
{
font-size:2.0em;
font-family: 'Oswald', sans-serif;
}
.phone_msg{
color: #f75e0c;
font-weight: bold;
background:#fff7f2;
padding:10px 20px;
display: inline-block;
}
.conf-bk{
font-weight: bold!important;
}
.contact-msg{
width: 80%;
border: 3px solid #3a1412;
padding: 30px;
margin: 0 auto;
} @media screen and (max-width: 480px)
{
.contact-sub
{
width:90%;
}
.contact-main  th{
width: auto;
display: block;
}
.contact-main  td{
width: auto;
display: block;
}
.phone_number
{
font-size:1.68em;
}
.contact-msg{
width: auto;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.contact-sub
{
width:90%;
}
.contact-main  th{
width: auto;
display: block;
}
.contact-main  td{
width: auto;
display: block;
}
} .kotei-page {
padding: 100px 0;
} @media screen and (max-width: 480px)
{
.kotei-page img{
width: 100%!important;
height: auto!important;
object-fit: cover!important;
}
.kotei-page td{
display: table-cell!important;
}
.kotei-page th{
display: table-cell!important;
}
} @media screen and (min-width:481px) and ( max-width:959px) 
{
.kotei-page img{
width: 100%!important;
height: auto!important;
object-fit: cover!important;
}
.kotei-page td{
display: table-cell!important;
}
.kotei-page th{
display: table-cell!important;
}
}