@font-face{font-family:"Shippori Mincho";font-style:normal;src:url("../font/ShipporiMincho-Medium.ttf") format("truetype")}.top_wrap{position:relative;margin-top:66px;background-size:cover;background-repeat:no-repeat;background-position:bottom;background-image:url(../img/S__3768372.jpg);top:0;width:100%;height:500px;max-height:100vh;display:flex;justify-content:center;align-items:center}.top_wrap .textarea{position:absolute;top:45%;left:5%}@media(min-width: 850px){.top_wrap .textarea{left:17%}}.top_wrap .textarea :root{--delay: 0;--duration: 800ms;--iterations: 1}.top_wrap .textarea .reveal-text,.top_wrap .textarea .reveal-text::after{-webkit-animation-delay:var(--animation-delay, 2s);animation-delay:var(--animation-delay, 2s);-webkit-animation-iteration-count:var(--iterations, 1);animation-iteration-count:var(--iterations, 1);-webkit-animation-duration:var(--duration, 800ms);animation-duration:var(--duration, 800ms);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}.top_wrap .textarea .reveal-text{--animation-delay: var(--delay, 0);--animation-duration: var(--duration, 800ms);--animation-iterations: var(--iterations, 1);position:relative;font-size:25px;line-height:35px;-webkit-animation-name:clip-text;animation-name:clip-text;color:#fff;background-color:rgba(219,214,206,.5607843137);white-space:nowrap;text-shadow:rgba(0,0,0,.9294117647) 1px 1px 10px;padding:0 15px}@media(min-width: 500px){.top_wrap .textarea .reveal-text{font-size:30px;line-height:45px}}@media(min-width: 850px){.top_wrap .textarea .reveal-text{font-size:40px;line-height:50px}}.top_wrap .textarea .reveal-text::after{content:"";position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;background-color:#fafafa;transform:scaleX(0);transform-origin:0 50%;pointer-events:none;-webkit-animation-name:text-revealer;animation-name:text-revealer}@-webkit-keyframes clip-text{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes clip-text{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes text-revealer{0%,50%{transform-origin:0 50%}60%,100%{transform-origin:100% 50%}60%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes text-revealer{0%,50%{transform-origin:0 50%}60%,100%{transform-origin:100% 50%}60%{transform:scaleX(1)}100%{transform:scaleX(0)}}.top_wrap .textarea .reveal-text_2{font-size:13px;line-height:20px;--animation-delay: var(--delay, 0.3s)}@media(min-width: 500px){.top_wrap .textarea .reveal-text_2{font-size:16px;line-height:25px}}@media(min-width: 850px){.top_wrap .textarea .reveal-text_2{font-size:20px;line-height:35px}}.items{margin-top:60px;width:100%;overflow:hidden}@media(min-width: 1000px){.items{margin-top:100px;height:500px}}.items .inner{margin:0 auto;width:90%;max-width:1100px}.items .inner .flex{display:flex;flex-direction:column}@media(min-width: 1000px){.items .inner .flex{flex-direction:row}}.items .inner .flex .left{width:100%}@media(min-width: 1000px){.items .inner .flex .left{width:50%}}.items .inner .flex .left .img{width:100%;height:auto;vertical-align:bottom}@media(min-width: 1000px){.items .inner .flex .left .img{width:50vw;margin-right:0;max-height:500px;margin-left:calc(100% - 50vw)}}.items .inner .flex .right{position:relative;width:100%;display:flex;align-items:center;padding-right:0%;padding-left:0%}@media(min-width: 1000px){.items .inner .flex .right{padding-right:7%;padding-left:7%;width:50%}}.items .inner .flex .right .textarea{width:100%}.items .inner .flex .right .textarea .h2{margin-top:40px}@media(min-width: 1000px){.items .inner .flex .right .textarea .h2{margin-top:0px}}.items .inner .flex .right .textarea .bar{margin-top:20px;border-bottom:1px solid #444}@media(min-width: 1000px){.items .inner .flex .right .textarea .bar{margin-top:30px}}.items .inner .flex .right .textarea .p{padding-top:20px}@media(min-width: 750px){.items .inner .flex .right .textarea .p{padding-top:40px}}@media(min-width: 1100px){.items .inner .flex .right .textarea .p{padding-top:30px}}.items .inner .flex .right .textarea .p.b{font-weight:700}.items .inner .flex .right .textarea .ul{padding-top:20px}@media(min-width: 750px){.items .inner .flex .right .textarea .ul{padding-top:40px}}@media(min-width: 1100px){.items .inner .flex .right .textarea .ul{padding-top:30px}}.items .inner .flex .right .textarea .ul .li{padding-top:10px}.items .inner .flex .right .textarea .ul .button{margin:30px auto 0}.example{margin-top:80px;width:100%}@media(min-width: 1000px){.example{margin-top:120px}}.example .inner{margin:0 auto;max-width:1100px;max-width:1000px;width:90%}.example .inner .h2{margin:0 auto;padding-bottom:10px}.example .inner .h2::after{left:-15%}.example .inner .flex{display:flex;flex-direction:column;gap:9.0909090909%;padding-top:45px}@media(min-width: 1000px){.example .inner .flex{padding-top:55px;flex-direction:row;transform:translateX(-5%);align-items:center}}@media(min-width: 1000px){.example .inner .flex.reverse{flex-direction:row-reverse;transform:translateX(5%)}}.example .inner .flex .left{width:100%}@media(min-width: 1000px){.example .inner .flex .left{width:50%}}.example .inner .flex .left img{width:100%;aspect-ratio:5/3}.example .inner .flex .right{width:100%;margin-top:15px}@media(min-width: 1000px){.example .inner .flex .right{margin-top:0;width:40.9090909091%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.example .inner .flex .right .h3{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#444;transition:.3s;font-family:"Shippori Mincho",sans-serif;display:block;font-style:normal;letter-spacing:.08em;font-weight:700;font-size:18px;line-height:26px}@media(min-width: 750px){.example .inner .flex .right .h3{font-size:22px;line-height:30px}}.example .inner .flex .right .p{margin-top:15px}@media(min-width: 750px){.example .inner .flex .right .p{margin-top:20px}}.idle{display:block;margin:0 auto;margin-top:80px;width:100px}@media(min-width: 1000px){.idle{margin-top:120px;width:130px}}