.att{padding-left:1em;text-indent:-1em}.att02{padding-left:1.3em;text-indent:-1.3em}.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:rgba(0,0,0,0)}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports(-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto !important}}:root{--offset: 20vw;--move-initial: calc(-25% + var(--offset));--move-final: calc(-50% + var(--offset))}.bg_image{--offset: 20vw;--move-initial: calc(-25% + var(--offset));--move-final: calc(-50% + var(--offset))}*::-ms-backdrop,:root{--move-initial: 50vw;--move-final: -150vw}.marquee{width:100vw;overflow:hidden}.marquee__inner{width:100%;width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-between;position:relative;transform:translate3d(var(--move-initial), 0, 0);animation:marquee 20s linear infinite;-webkit-animation:marquee 20s linear infinite}.marquee__inner span{display:block;width:100vw;margin:0 3rem;flex-shrink:0}.marquee__inner.life01 span{width:80vw}@media only screen and (max-width: 768px){.marquee__inner.life01 span{width:100vw}}.marquee__inner.life02 span{width:65vw}@media only screen and (max-width: 768px){.marquee__inner.life02 span{width:100vw}}.marquee__inner.rezi04 span{width:50vw}@media only screen and (max-width: 768px){.marquee__inner.rezi04 span{width:100vw}}.marquee__inner.rezi05 span{width:40vw}@media only screen and (max-width: 768px){.marquee__inner.rezi05 span{width:80vw}}*::-ms-backdrop,.marquee__inner{width:800vw;margin:0;animation:marquee_ie 20s linear infinite;-webkit-animation:marquee_ie 20s linear infinite}*::-ms-backdrop span,.marquee__inner span{display:block;width:500px;margin:0}@keyframes marquee_ie{0%{transform:translate3d(0vw, 0, 0)}100%{transform:translate3d(-150vw, 0, 0)}}@keyframes marquee{0%{transform:translate3d(var(--move-initial), 0, 0)}100%{transform:translate3d(var(--move-final), 0, 0)}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes loop3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes loop4{0%{transform:translateX(-200%)}to{transform:translateX(0)}}div.insefa{width:100%;overflow:hidden;display:flex}.text{margin:0 1rem;animation:flowing 40s linear infinite;transform:translateX(0%)}.text.reverse{animation:flowing-reverse 40s linear infinite}@keyframes flowing-reverse{100%{transform:translateX(100%)}}@keyframes flowing{100%{transform:translateX(-100%)}}/*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}main{width:100%;overflow:hidden;background:#fff}.intro_visual{position:relative;height:300px}.intro_visual h1{position:absolute;top:12rem;left:10rem;font-size:3rem;z-index:3}.intro_visual .round_bg{width:900px;position:absolute;left:-250px;top:-250px}.bg02{position:absolute;bottom:0;left:0;z-index:0}article#keys{padding:0 10vw;position:relative}.round02{content:"";width:50vw;height:50vw;border:15vw solid red;border-radius:50%;opacity:.1;position:absolute;right:-15vw;top:20%}.round03{content:"";width:50vw;height:50vw;border:15vw solid #666;border-radius:50%;opacity:.1;position:absolute;left:-15vw;top:50%}.keys_grid{max-width:1200px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:50px;margin:0 auto 10rem auto}.keys_grid .box{display:block;position:relative;cursor:pointer}.keys_grid .box::before{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);content:"";width:100%;height:100%;box-shadow:inset 0px 0px 0px 1px red;border-radius:50%;z-index:4;transition:all .3s ease}.keys_grid .box::after{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);content:"";width:calc(100% - 1px);height:calc(100% - 1px);box-shadow:inset 0px 0px 0px 2vw #fff;border-radius:50%;z-index:3;transition:all .3s ease}.keys_grid .box:hover::before{box-shadow:inset 0px 0px 0px 2vw red}.keys_grid .box:hover::after{box-shadow:inset 0px 0px 0px 10px #fff}.keys_grid .box:hover .image::before{background:rgba(0,0,0,.7)}.keys_grid .box:hover .image img{transform:scale(1)}.keys_grid .box:hover .plus{transform:translateX(-50%) translateY(-2rem)}.keys_grid .box:hover .plus svg{transform:rotate(180deg)}.keys_grid .image{overflow:hidden;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.keys_grid .image::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;content:"";z-index:10;background:rgba(0,0,0,.5)}.keys_grid .image img,.keys_grid .image picture,.keys_grid .image svg{transition:all .3s ease;transform:scale(0.95);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-o-object-position:center center;object-position:center center}.keys_grid .txt{position:absolute;top:45%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;color:#fff}.keys_grid .txt p.num{font-size:2rem}.keys_grid .txt p.jp{font-size:clamp(2rem,2vw,3rem);line-height:1.3;white-space:nowrap}.keys_grid .plus{width:clamp(5rem,5vw,7rem);height:clamp(5rem,5vw,7rem);background:red;transition:all .3s ease;color:#fff;border-radius:50%;font-size:3em;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;bottom:2rem;left:50%;z-index:5;transform:translateX(-50%)}.keys_grid .plus svg{transition:all .3s ease}@media only screen and (max-width: 768px){.keys_grid{grid-template-columns:1fr;gap:16px}}.modal::-webkit-scrollbar{display:none !important}.modal main{min-height:0}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.modal__overlay::-webkit-scrollbar{display:none !important}.modal__container{padding:30px;max-height:100vh;border-radius:4px;overflow-y:auto;box-sizing:border-box}.modal__container::-webkit-scrollbar{display:none !important}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:rgba(0,0,0,0);border:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:50px;transition:all .3s ease;background:none;outline:none;border:none;background:#fff;color:#000;border:1px solid #000;border-radius:50%;z-index:1000}@media only screen and (max-width: 768px){.modal__close{width:5rem;height:5rem;top:-3rem;right:-3rem;bottom:auto;left:auto}}.modal__close:hover{background:#000}.modal__close:hover:after{color:#fff}@media only screen and (max-width: 768px){.modal__close{background:#000}}.modal__close:after{position:absolute;font-family:"Flaticon";top:50%;left:50%;transform:translateX(-50%) translateY(-50%);line-height:1;content:"";font-size:20px;font-size:2rem;z-index:999;color:#000;transition:all .3s ease;display:block;z-index:999;text-align:center}@media only screen and (max-width: 768px){.modal__close:after{color:#fff}}.modal__header .modal__close:before{content:"✕"}.modal__content{line-height:1.5;background:#fff;border-radius:50%;width:900px;height:900px;border:5px solid red}@media only screen and (max-width: 768px){.modal__content{border-radius:16px;border-width:8px;width:100%;height:auto}}.modal__content .inner{position:relative;display:flex;align-items:center;justify-content:center;padding:5rem 0 0 0}@media only screen and (max-width: 768px){.modal__content .inner{display:block;padding:5rem 5%;overflow-y:auto}}.modal__content .inner .top-title{position:absolute;width:100%;top:20px;left:0;text-align:center;font-size:1.2rem;margin-bottom:50px}.modal__content .inner .content-inner{padding:0 0 10rem 0;position:relative}@media only screen and (max-width: 768px){.modal__content .inner .content-inner{padding:0}}.modal__content .inner .content-inner .entitle{display:flex;justify-content:center;color:#666;margin:0 0 1rem 0}.modal__content .inner .content-inner .entitle .sub{font-size:.9em;line-height:1;margin:0 1em 0 0}.modal__content .inner .content-inner .entitle .num{font-size:2em;line-height:1;position:relative}.modal__content .inner .content-inner .entitle .num::after{content:"";width:100%;height:3px;background:#666;display:block}.modal__content .inner .content-inner h2{font-size:2.4rem;text-align:center;padding-bottom:2rem;color:red;line-height:1.5;font-weight:bold}@media only screen and (max-width: 768px){.modal__content .inner .content-inner h2{font-size:2rem;margin-top:2rem}}@media only screen and (max-width: 768px){.modal__content .inner .content-inner{display:block}}.modal__content .inner .content-inner .modal-image{width:60%;margin:0 auto 3rem auto;text-align:center}@media only screen and (max-width: 768px){.modal__content .inner .content-inner .modal-image{width:100%}}.modal__content .inner .content-inner .modal-text{width:80%;margin:auto;border-top:1px solid #666}@media only screen and (max-width: 768px){.modal__content .inner .content-inner .modal-text{width:100%}}.modal__content .inner .content-inner .modal-text p{padding:2rem 0;line-height:2}.modal__content .inner .content-inner .modal-text a{position:relative;display:block;border-top:1px solid #000;border-bottom:1px solid #000;line-height:1.5;padding:10px 50px 10px 10px;max-width:350px}.modal__content .inner .content-inner .modal-text a .mark{position:absolute;width:39px;right:0;top:50%;transform:translateY(-50%)}.modal__btn{font-size:.875rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;background-color:#e6e6e6;border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0);transition:transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{transform:scale(1)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}