@charset "UTF-8";html,input,textarea,select,button{font-family:Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;font-weight:500;font-display:swap}html{font-size:16px;line-height:1.6;overflow-wrap:break-word}@media (prefers-color-scheme: dark){html{color:#fff}}@media (prefers-color-scheme: light){html{color:#333}}@media (prefers-color-scheme: dark){html{background:#333}}@media (prefers-color-scheme: light){html{background:#fff}}@media only screen and (max-width: 640px){html{font-size:14px}}body{margin:0}@media (prefers-color-scheme: dark){body{background:#333}}@media (prefers-color-scheme: light){body{background:#fff}}@media only screen and (max-width: 640px){body{position:relative;-webkit-appearance:none;-webkit-text-size-adjust:100%}}*,*:before,*:after{box-sizing:border-box}img{border:0;margin:0;vertical-align:top;max-width:100%;height:auto}figure{margin:0}p{margin:0;padding:0}a{color:inherit;text-decoration:none}@media only screen and (min-width: 641px){a[href^="tel:"]{pointer-events:none}}input,select,textarea,button{color:inherit;margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media only screen and (max-width: 640px){input,select,textarea{font-size:16px!important}}select::-ms-expand{display:none}textarea{resize:vertical}::-moz-placeholder{color:#ccc}::placeholder{color:#ccc}button{border:none;cursor:pointer}label{cursor:pointer}table{border-collapse:collapse}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:500;margin:0;padding:0}main{display:block}#wrapper{position:relative}@media only screen and (max-width: 640px){#wrapper{min-width:320px}}.inner-block{margin:0 auto;position:relative;width:100%}@media only screen and (min-width: 641px){.inner-block{padding:0 30px;max-width:1340px}}@media only screen and (max-width: 640px){.inner-block{padding:0 20px}}dl,dt,dd{padding:0;margin:0}@media only screen and (min-width: 641px){a,a:before,a:after,button,button:before,button:after{transition:.3s ease-in-out}}.ib{display:inline-block}@media only screen and (max-width: 640px){.pc{display:none!important}}@media only screen and (min-width: 641px){.sp{display:none!important}}.c-svg{display:inline-block;fill:currentColor;vertical-align:top}.webgl{width:100%;height:100%;min-height:400px;top:0;left:0}@media only screen and (max-width: 640px){.webgl{min-height:200px}}main:has(.c-kv-block){padding-top:400px}@media only screen and (max-width: 640px){main:has(.c-kv-block){padding-top:200px}}.c-header{height:140px;background-color:tomato;font-weight:700}@media only screen and (max-width: 640px){.c-header{height:26.6666666667vw;background-color:#90ee90}}.c-footer{margin-top:100px;font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap}@media only screen and (max-width: 640px){.c-footer{margin-top:50px}}.c-footer .inner-block{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:30px;padding-bottom:30px}@media only screen and (min-width: 641px) and (max-width: 850px){.c-footer .inner-block{flex-direction:column;gap:20px}}.c-footer .link-list{display:flex;flex-wrap:wrap;gap:45px;text-transform:uppercase;font-weight:700}@media only screen and (max-width: 640px){.c-footer .link-list{margin:0 calc(50% - var(--vw) * 50);width:calc(var(--vw) * 100);flex-direction:column;gap:0}}@media only screen and (max-width: 640px){.c-footer .link-list>li{border-top:1px solid}}@media only screen and (max-width: 640px){.c-footer .link-list>li:last-of-type{border-bottom:1px solid}}@media only screen and (max-width: 640px){.c-footer .link-list a{padding:12px 20px;display:block}}@media only screen and (min-width: 641px){.c-footer .link-list a:hover{color:#9dbadf}}.c-footer .copyright{font-size:12px}@media only screen and (max-width: 640px){.c-footer .copyright{font-size:10px;margin-top:10px;margin-left:auto}}.c-ttl01{font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;font-weight:700;font-size:60px;text-align:center;padding-top:100px;text-transform:uppercase;position:relative;margin-bottom:60px}@media only screen and (max-width: 640px){.c-ttl01{font-size:30px;padding-top:55px;margin-bottom:30px}}.c-ttl01:before{position:absolute;content:"";width:6px;height:75px;background-color:#9dbadf;right:0;left:0;top:0;margin:auto}@media only screen and (max-width: 640px){.c-ttl01:before{width:3px;height:37px}}.c-ttl01--description{line-height:2;text-align:center}@media only screen and (max-width: 640px){.c-ttl01--description{text-align:left}}.c-ttl01--description+.c-ttl01--description{margin-top:2em}.c-ttl01--description.center{text-align:center}.c-ttl02{font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;text-transform:uppercase;font-size:48px;font-weight:700;text-align:center;position:relative;padding-bottom:18px}@media only screen and (max-width: 640px){.c-ttl02{font-size:24px;padding-bottom:10px}}.c-ttl02:after{position:absolute;content:"";width:85px;height:4px;background-color:#9dbadf;bottom:0;right:0;left:0;margin:auto}@media only screen and (max-width: 640px){.c-ttl02:after{width:40px;height:3px}}.c-btn01{font-size:18px;background-color:#9dbadf;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;padding:18px;max-width:325px;width:100%;border-radius:555px;border:3px solid #fff;cursor:pointer;transition:.3s ease-in-out}@media only screen and (max-width: 640px){.c-btn01{font-size:16px;padding:10px;border-width:2px}}@media only screen and (min-width: 641px){.c-btn01:hover{background-color:#333}}.c-btn02{padding:10px 20px;outline:2px solid #333;outline-offset:-2px;font-weight:700;display:block;width:-moz-fit-content;width:fit-content;background-color:#333;color:#fff;margin:10px 0 0 auto}@media only screen and (max-width: 640px){.c-btn02{padding:8px 12px;font-size:12px}}@media only screen and (min-width: 641px){.c-btn02:hover{background-color:#fff;color:#333}}.c-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));margin:0 calc(50% - var(--vw) * 50);width:calc(var(--vw) * 100);gap:15px}@media only screen and (min-width: 641px) and (max-width: 1200px){.c-card-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media only screen and (max-width: 640px){.c-card-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}}.c-card-list>li{border:2px solid #9DBADF}@media only screen and (min-width: 641px){.c-card-list>li{margin-bottom:-1px;margin-right:-1px}}.c-card-list>li a{display:block;height:100%;padding:20px}@media only screen and (min-width: 641px) and (prefers-color-scheme: dark){.c-card-list>li a:hover{background-color:#000}}@media only screen and (min-width: 641px) and (prefers-color-scheme: light){.c-card-list>li a:hover{color:#005ace}}@media only screen and (min-width: 641px){.c-card-list>li a:hover img{transform:scale(1.05)}}.c-card-list .thumb{height:0;padding-top:56.25%;position:relative;overflow:hidden}.c-card-list .thumb>*{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;margin:auto;transition:transform .3s ease-in-out}.c-card-list .txt-items{margin-top:20px}.c-card-list .txt-items .ttl{font-size:28px;font-weight:700;margin-top:25px}@media only screen and (max-width: 640px){.c-card-list .txt-items .ttl{font-size:20px;margin-top:20px}}.c-card-list .txt-items .detail{margin-top:20px}@media only screen and (max-width: 640px){.c-card-list .txt-items .detail{margin-top:15px}}.c-cat-list01{display:flex;flex-wrap:wrap;gap:10px}.c-cat-list01 li{font-size:14px;min-width:120px;padding:3px 20px;text-align:center;border:3px solid}@media only screen and (max-width: 640px){.c-cat-list01 li{font-size:12px;border-width:2px;min-width:100px}}.c-cat-list02{display:flex;flex-wrap:wrap;gap:20px}@media only screen and (max-width: 640px){.c-cat-list02{gap:10px}}.c-cat-list02>li a{background-color:#9dbadf;color:#fff;font-size:14px;font-weight:700;padding:5px 10px;border-radius:333px;display:inline-block}@media only screen and (max-width: 640px){.c-cat-list02>li a{font-size:12px}}@media only screen and (min-width: 641px){.c-cat-list02>li a:hover{background-color:#005ace}}.c-cat-list02>li a.current{background-color:#005ace}.c-price-box{background-color:#fff;color:#333;border:5px solid #9DBADF;max-width:640px;margin:70px auto 0;padding:35px 45px 50px;border-radius:40px}@media only screen and (max-width: 640px){.c-price-box{padding:20px 10px 30px;border-radius:20px;border-width:3px;margin-top:35px}}.c-price-box>li{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:3px dashed #9DBADF}@media only screen and (max-width: 640px){.c-price-box>li{padding:6px 15px;flex-direction:column;border-width:2px;gap:5px}}.c-price-box .type{font-size:18px}@media only screen and (max-width: 640px){.c-price-box .type{font-size:14px}}.c-price-box .price{font-size:20px;font-weight:700;min-width:110px;flex-shrink:0}@media only screen and (max-width: 640px){.c-price-box .price{font-size:18px;width:-moz-fit-content;width:fit-content;margin-left:auto}}.c-kv-block{height:400px;background-color:#9dbadf;overflow:hidden;border-bottom:1px solid;position:absolute;width:100%;top:0;left:0}@media only screen and (max-width: 640px){.c-kv-block{height:180px}}.c-kv-block .inner-block{height:100%;display:flex;justify-content:center;align-items:center}.c-kv-block .ttl{text-transform:uppercase;font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;font-size:70px;font-weight:700;color:#333}@media only screen and (max-width: 640px){.c-kv-block .ttl{font-size:38px}}.c-pagination{font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;font-weight:700;font-size:30px;display:flex;align-items:center;justify-content:center;gap:30px;margin-top:120px}@media only screen and (max-width: 640px){.c-pagination{font-size:16px;gap:10px;margin-top:60px}}.c-pagination .page-numbers{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:555px;transition:.3s ease-in-out}@media (prefers-color-scheme: dark){.c-pagination .page-numbers:not(.dots){background:#fff}}@media (prefers-color-scheme: light){.c-pagination .page-numbers:not(.dots){background:#333}}@media (prefers-color-scheme: dark){.c-pagination .page-numbers:not(.dots){color:#333}}@media (prefers-color-scheme: light){.c-pagination .page-numbers:not(.dots){color:#fff}}@media only screen and (min-width: 641px){.c-pagination .page-numbers:not(.dots,.current):hover{background-color:#9dbadf;color:#fff}}.c-pagination .page-numbers.current{background-color:#9dbadf;color:#fff}@media only screen and (max-width: 640px){.c-pagination .page-numbers{width:30px;height:30px}}.c-pagination .page-numbers.prev,.c-pagination .page-numbers.next{position:relative}.c-pagination .page-numbers.prev:after,.c-pagination .page-numbers.next:after{position:absolute;content:"";width:20px;height:20px;border-top:5px solid;border-right:5px solid;transform:rotate(45deg);top:0;bottom:0;right:7px;left:0;margin:auto}@media only screen and (max-width: 640px){.c-pagination .page-numbers.prev:after,.c-pagination .page-numbers.next:after{width:12px;height:12px;border-width:3px;right:3px}}.c-pagination .page-numbers.prev:after{right:0;left:7px;transform:rotate(-135deg)}@media only screen and (max-width: 640px){.c-pagination .page-numbers.prev:after{left:3px}}.c-form{width:100%;max-width:1020px;margin:0 auto}.c-form th{text-align:left;font-size:18px;font-weight:500;vertical-align:baseline;padding:30px 0}@media only screen and (max-width: 640px){.c-form th{padding:10px 0}}@media only screen and (min-width: 641px){.c-form td{padding:20px 0}}@media only screen and (max-width: 640px){.c-form th,.c-form td{width:100%;display:block;font-size:16px}}.c-form .form-input,.c-form .form-textarea{font-size:18px;background-color:#fff;color:#333;border:3px solid #9DBADF;padding:10px;width:100%}@media only screen and (max-width: 640px){.c-form .form-input,.c-form .form-textarea{font-size:16px}}.c-form .form-input:focus,.c-form .form-textarea:focus{border-color:#005ace}.c-form .form-textarea{min-height:275px}@media only screen and (max-width: 640px){.c-form .form-textarea{min-height:150px}}.home .inner-block{padding-top:100px;padding-bottom:100px}@media only screen and (max-width: 640px){.home .inner-block{padding-top:50px;padding-bottom:50px}}.home .mv-block{height:400px;background:#9dbadf;color:#333;font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;overflow:hidden;border-bottom:1px solid}@media only screen and (max-width: 640px){.home .mv-block{height:200px}}.home .mv-block .inner-block{height:100%;display:flex;justify-content:center;align-items:center;min-height:400px}@media only screen and (max-width: 640px){.home .mv-block .inner-block{min-height:200px}}.home .mv-block .ttl{font-size:80px;font-weight:700}@media only screen and (max-width: 640px){.home .mv-block .ttl{font-size:50px}}.home .mv-block .scroll{display:flex;align-items:center;gap:7px;position:absolute;right:0;left:0;bottom:30px;margin:auto;width:-moz-fit-content;width:fit-content}@media only screen and (min-width: 641px){.home .mv-block .scroll:hover{bottom:15px}}.home .mv-block .scroll .txt{writing-mode:vertical-rl;text-orientation:sideways;text-transform:uppercase;font-size:14px;font-weight:700}@media only screen and (max-width: 640px){.home .mv-block .scroll{bottom:10px}.home .mv-block .scroll img{height:45px;-o-object-fit:contain;object-fit:contain}.home .mv-block .scroll .txt{font-size:10px}}.home .intro-block .c-ttl02{margin-top:120px}@media only screen and (max-width: 640px){.home .intro-block .c-ttl02{margin-top:60px}}.home .intro-block .inner-block{padding-top:180px}@media only screen and (max-width: 640px){.home .intro-block .inner-block{padding-top:90px}}.home .intro-block .skills-card-list{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));margin-top:80px}@media only screen and (max-width: 640px){.home .intro-block .skills-card-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-top:40px}}.home .intro-block .skills-card-list>li{padding:40px;border:3px solid #9DBADF}@media (prefers-color-scheme: dark){.home .intro-block .skills-card-list>li{background:#333}}@media (prefers-color-scheme: light){.home .intro-block .skills-card-list>li{background:#fff}}@media only screen and (max-width: 640px){.home .intro-block .skills-card-list>li{padding:20px}}.home .intro-block .skills-card-list .ttl{font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;font-size:34px;font-weight:700;padding-bottom:20px;position:relative;margin-bottom:28px}@media only screen and (max-width: 640px){.home .intro-block .skills-card-list .ttl{font-size:20px;padding-bottom:15px;margin-bottom:18px}}.home .intro-block .skills-card-list .ttl:after{position:absolute;content:"";width:100%;height:2px;background-color:#9dbadf;bottom:0;right:0;left:0;margin:auto}.home .intro-block .skills-card-list .icon{text-align:center}.home .intro-block .skills-card-list .icon i,.home .intro-block .skills-card-list .icon img,.home .intro-block .skills-card-list .icon .c-svg{font-size:50px;width:50px;height:50px;-o-object-fit:contain;object-fit:contain}@media (prefers-color-scheme: dark){.home .intro-block .skills-card-list .icon i,.home .intro-block .skills-card-list .icon img,.home .intro-block .skills-card-list .icon .c-svg{color:#fff}}@media (prefers-color-scheme: light){.home .intro-block .skills-card-list .icon i,.home .intro-block .skills-card-list .icon img,.home .intro-block .skills-card-list .icon .c-svg{color:#333}}@media only screen and (max-width: 640px){.home .intro-block .skills-card-list .icon i,.home .intro-block .skills-card-list .icon img,.home .intro-block .skills-card-list .icon .c-svg{font-size:30px;width:30px;height:30px}}.home .intro-block .skills-card-list .icon .txt{font-size:12px;margin-top:8px;color:#9dbadf}@media only screen and (max-width: 640px){.home .intro-block .skills-card-list .icon .txt{font-size:10px;line-height:1.2}}.home .intro-block .skills-card-list .icon-items{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:30px}@media only screen and (max-width: 640px){.home .intro-block .skills-card-list .icon-items{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;margin-top:20px}}.home .intro-block .skills-card-list small{font-size:10px;margin-top:1em;display:block;text-align:right}.home .works-block{overflow:hidden}.home .works-block .c-btn01{margin:80px auto 0}@media only screen and (max-width: 640px){.home .works-block .c-btn01{margin-top:40px}}.home .contact-block .c-btn01{margin:80px auto 0}@media only screen and (max-width: 640px){.home .contact-block .c-btn01{margin-top:40px}}.works .works-block{overflow:hidden}.works .works-block .inner-block{padding-bottom:150px}@media only screen and (max-width: 640px){.works .works-block .inner-block{padding-bottom:40px}}.works .works-block .select-cat-area{border:4px solid #9DBADF;background-color:#fff;color:#333;padding:60px;margin:100px 0}@media only screen and (max-width: 640px){.works .works-block .select-cat-area{border-width:3px;padding:20px;margin:50px 0}}.works .works-block .select-cat-area .item{display:flex}@media only screen and (max-width: 640px){.works .works-block .select-cat-area .item{flex-direction:column}}.works .works-block .select-cat-area .item+.item{margin-top:40px}@media only screen and (max-width: 640px){.works .works-block .select-cat-area .item+.item{margin-top:15px}}.works .works-block .select-cat-area .type{font-size:20px;font-weight:700;min-width:145px;margin-right:40px}@media only screen and (max-width: 640px){.works .works-block .select-cat-area .type{font-size:14px;min-width:auto;margin-right:0}}@media only screen and (max-width: 640px){.works .works-block .select-cat-area .c-cat-list02{margin-top:8px}}.works .article-block .inner-block{padding-top:110px;padding-bottom:150px}@media only screen and (max-width: 640px){.works .article-block .inner-block{padding-top:70px;padding-bottom:40px}}.works .article-block .thumb{height:0;padding-top:56.25%;position:relative;overflow:hidden}.works .article-block .thumb>*{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;top:0;left:0}.works .article-block .ttl{margin-top:110px;font-size:60px;font-weight:700}@media only screen and (max-width: 640px){.works .article-block .ttl{font-size:30px;margin-top:50px}}.works .article-block .date{font-size:14px;line-height:2;flex-shrink:0}@media only screen and (max-width: 640px){.works .article-block .date{font-size:12px}}.works .article-block .cat-date-items{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:15px}@media only screen and (max-width: 640px){.works .article-block .cat-date-items{gap:10px;flex-direction:column;align-items:flex-start}}.works .article-block .ttl-area{margin-bottom:40px}@media only screen and (max-width: 640px){.works .article-block .ttl-area{margin-bottom:20px}}.works .article-block .detail-area{padding:40px;border-top:2px dashed;line-height:2}@media only screen and (max-width: 640px){.works .article-block .detail-area{padding:10px}}.works .article-block .url{font-family:Poppins,Noto Sans JP,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;line-height:1;font-display:swap;padding:40px 0 0 40px}@media only screen and (max-width: 640px){.works .article-block .url{padding:20px 0 0 10px}}.works .article-block .url:first-of-type{border-top:2px dashed}.works .article-block .url+.url{padding:20px 0 0 40px}@media only screen and (max-width: 640px){.works .article-block .url+.url{padding:10px 0 0 10px}}.works .article-block .url a{text-decoration:underline}@media only screen and (min-width: 641px){.works .article-block .url a:hover{text-decoration:none}}.works .article-block .c-btn01{margin:200px auto 0}@media only screen and (max-width: 640px){.works .article-block .c-btn01{margin-top:80px}}.contact .contact-block .inner-block{padding-top:110px;padding-bottom:150px}@media only screen and (max-width: 640px){.contact .contact-block .inner-block{padding-top:70px;padding-bottom:40px}}.contact .c-btn01{margin:110px auto 0}@media only screen and (max-width: 640px){.contact .c-btn01{margin-top:80px}}