@font-face{font-family:"mplus";font-display:swap;src:url(../fonts/MPLUSRoundedMinify.woff2) format("woff2")}:root{--main-color: #f76;--sub-color: #6ea;--font-color: #666;--bg-color: #fff;--user-red: red;--user-blue: blue;--user-green: green;--user-yellow: yellow;--user-white: white;--user-black: #333}html{font-size:62.5%;scroll-behavior:smooth}body{color:var(--font-color);font-family:"mplus","Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;font-size:1.6rem;font-weight:900;line-height:1}img{max-width:100%}@-webkit-keyframes float{0%,100%{transform:translateY(0px)}25%{transform:translateY(5%)}75%{transform:translateY(-5%)}}@keyframes float{0%,100%{transform:translateY(0px)}25%{transform:translateY(5%)}75%{transform:translateY(-5%)}}.a-float{-webkit-animation:float 5s linear infinite;animation:float 5s linear infinite}@-webkit-keyframes fadeUp{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateY(0%)}}.a-fadeUp{-webkit-animation:fadeUp .5s .2s both;animation:fadeUp .5s .2s both}@-webkit-keyframes color-change{0%,100%{background-color:#4d95ff}20%{background-color:var(--main-color)}40%{background-color:#ffee80}60%{background-color:var(--sub-color)}80%{background-color:#6e59ff}}@keyframes color-change{0%,100%{background-color:#4d95ff}20%{background-color:var(--main-color)}40%{background-color:#ffee80}60%{background-color:var(--sub-color)}80%{background-color:#6e59ff}}.l-wrapper::before,.l-wrapper::after{position:fixed;left:0;top:0;width:100%;height:100vh;content:"";transition:.3s}.l-wrapper::before{z-index:-9;background:url(../images/bg/tmt-pattern-r.png) repeat center center;background-size:50%}.l-wrapper::after{z-index:-7;background-color:#4d95ff;filter:opacity(0.5)}.l-container{display:flex;width:100%}.p-menu{transform:translateY(-135%);filter:drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.3))}.p-menu.active{transform:none}.p-searchform.active{z-index:5;visibility:visible;opacity:1}.p-searchform__button-close{border:3px solid #fff}.p-searchform__button-close span{position:absolute;left:50%;width:80%;height:3.5px;border-radius:2px;background-color:#fff;transition:.3s}.p-searchform__button-close span:first-child{transform:translate(-50%, -50%) rotate(45deg)}.p-searchform__button-close span:last-child{transform:translate(-50%, -50%) rotate(-45deg)}.c-form{height:39px}.c-form input{border:3px solid var(--font-color);border-right:none;border-radius:5px 0 0 5px}.c-form button{border-radius:0 5px 5px 0}.c-qrcode.active{visibility:visible;opacity:1}.c-dropdown{width:80%;margin-bottom:1rem;padding:1rem;background:var(--main-color);border-radius:999px;cursor:pointer;transition:.3s}.c-dropdown:hover{letter-spacing:2px}.c-sitemap li{margin-bottom:.8rem;transition:.3s}.c-sitemap li:hover{letter-spacing:2px}.c-sitemap svg{width:1em;height:1em;stroke:#fff;fill:#fff}.c-balloon{display:inline-flex;align-items:center}.c-balloon.vertical{flex-direction:column-reverse}.c-balloon.vertical p{margin-bottom:2rem;margin-left:0;border-radius:9999px}.c-balloon.vertical p span{position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%, 70%);width:25px;height:25px;content:"";-webkit-clip-path:polygon(50% 80%, 0 0, 100% 0);clip-path:polygon(50% 80%, 0 0, 100% 0)}.c-balloon.balloon-xl{font-size:2.5rem}.c-balloon.balloon-xl img{width:75px;height:auto}.c-balloon img{width:50px;height:auto;border-radius:999px}.c-balloon p{display:inline-block;position:relative;margin-left:1.5rem;padding:1em 1.5em;border-radius:10px}.c-balloon p span{position:absolute;top:50%;left:0;transform:translate(-60%, -50%);width:25px;height:25px;content:"";-webkit-clip-path:polygon(100% 0, 20% 50%, 100% 100%);clip-path:polygon(100% 0, 20% 50%, 100% 100%)}.c-balloon.flex-row-reverse p{margin-right:1.5rem;margin-left:0}.c-balloon.flex-row-reverse p span{right:0;left:auto;transform:translate(60%, -50%);-webkit-clip-path:polygon(0 0, 0 100%, 80% 50%);clip-path:polygon(0 0, 0 100%, 80% 50%)}.c-sns-link{animation:float 5s linear infinite reverse}.c-sns-link a{-webkit-animation:float 5s linear infinite;animation:float 5s linear infinite}.c-sns-link a:nth-of-type(2n){animation:float 5s linear infinite reverse}.c-sns-link svg{width:2rem;height:2rem;stroke:currentColor;fill:currentColor;transition:.2s linear}.c-sns-link svg:hover{transform:rotate(-25deg)}.c-button{display:inline-block;padding:1.5rem 2rem;border-radius:99px;color:#fff;text-align:center;transition:.3s}.c-button.btn-xl{padding:2rem 2.5rem;font-size:1.2em}.c-button.bg-main{box-shadow:0 5px 0 0 #de5746}.c-button.bg-sub{box-shadow:0 5px 0 0 #46cd89}.c-button:hover{transform:translateY(5px);box-shadow:none}.waves{height:39px;margin:0;display:block;transform:translateY(1px)}header .waves{position:absolute;bottom:0;transform:rotate(180deg) translateY(1px) !important;transform-origin:bottom}.wave>use{-webkit-animation:wave 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;animation:wave 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.wave>use:nth-child(1){-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.wave>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.wave>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.wave>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}@-webkit-keyframes wave{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}@keyframes wave{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}@media screen and (max-width: 599px){.l-wrapper::before{background:url(../images/bg/tmt-pattern-r-sp.png) repeat center center}.c-balloon.balloon-xl{font-size:1.85rem}.c-balloon img{width:75px;height:auto}.c-balloon p span:not(footer .c-balloon p span){top:auto;right:auto;bottom:0;left:50%;transform:translate(-50%, 70%);-webkit-clip-path:polygon(50% 80%, 0 0, 100% 0);clip-path:polygon(50% 80%, 0 0, 100% 0)}.c-balloon:not(footer .c-balloon){flex-direction:column-reverse}.c-balloon:not(footer .c-balloon) p{max-width:90vw;margin-bottom:2rem;margin-left:0;padding:2.7rem 2rem;border-radius:9999px}.c-sns-link svg{width:3rem;height:3rem}}.p-site__column{position:relative;transition:.5s}.p-site__column:hover{transform:scale(1.05)}.p-site__column img{height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.p-pagination{display:flex;margin:auto;font-size:2.2rem}.p-pagination p.active{background-color:var(--sub-color);color:#fff}.p-pagination>a,.p-pagination>p,.p-pagination>div{display:flex;align-items:center;justify-content:center;width:3.9rem;height:3.9rem;margin:0 1rem;border-radius:999px;background-color:#fff}.p-pagination__prev a{transform:translateX(-20%)}.p-pagination__next a{transform:translateX(20%)}.c-headline{text-align:center}.c-headline img{width:auto;filter:drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.5))}.c-post{display:flex;justify-content:space-between;width:100%;margin-bottom:3rem;padding:.5em;border:5px solid var(--sub-color);border-radius:25px;background:var(--sub-color);color:#fff;transition:.3s}.c-post:hover{border-color:var(--main-color)}.c-post__head{width:70%;padding:2rem}.c-post__excerpt{margin-bottom:1rem;line-height:1.3}.c-post__title{margin-bottom:1rem;font-size:2.2rem;line-height:1.2}.c-post__time::before{display:inline-block;width:.75em;height:.75em;margin-right:.3rem;background-color:#fff;-webkit-mask:url(../images/clock.svg);mask:url(../images/clock.svg);-webkit-mask-size:cover;mask-size:cover;content:""}.c-post__thumbnail{width:30%}.c-post__thumbnail img{width:100%;height:100%;max-height:200px;border-radius:25px;aspect-ratio:4/3}@media screen and (min-width: 600px){.p-site__column{width:calc(33.3% - 2rem);margin:1rem}.c-headline img{max-height:170px}}@media screen and (max-width: 599px){.p-site__column{margin:0 .5rem 1rem}.c-post{margin-bottom:1rem}.c-post__head{width:100%;padding:.8rem}.c-post__title,.c-post__excerpt{display:-webkit-box;overflow:hidden;margin-bottom:.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.c-headline img{max-height:70px}}
