*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*{font-weight:normal}.wrapper{color:#fff;font-family:"Shippori Mincho",serif;font-size:18px;line-height:1;background:#3c3f46}img{display:block;max-width:100%;height:auto}.header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:3;padding:10px 5%;font-family:"EB Garamond",serif;border-bottom:1px solid #fff}.header__img{display:block;width:34px;padding:20% 0;flex-shrink:0;cursor:pointer;transition:opacity .3s ease}.header__img:hover{opacity:.5}@media screen and (min-width: 768px){.header__img{width:50px}}@media screen and (min-width: 1024px){.header__img{width:62px}}.header__btn{font-size:20px;padding:10px 20px;cursor:pointer;transition:opacity .3s ease}.header__btn:hover{opacity:.5}@media screen and (min-width: 768px){.header__btn{font-size:23px}}@media screen and (min-width: 1024px){.header__btn{font-size:30px}}.gnav{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;font-family:"EB Garamond",serif;text-align:center;background-color:rgba(60,63,70,.768627451);overflow-x:hidden;z-index:2;transition:1s;opacity:0;pointer-events:none}@media screen and (min-width: 1024px){.gnav{width:30%;right:0;margin-left:auto}}.gnav::after{content:"";position:absolute;left:14%;top:0;background-image:url(../images/logo.svg);background-size:160%;background-position:0% 50%;width:100%;height:100%;background-repeat:no-repeat;opacity:.1;z-index:-1}.gnav__menu{position:relative;margin-bottom:100px;font-size:16px}@media screen and (min-width: 1024px){.gnav__menu{opacity:0}}.gnav__menu::after{content:"";position:absolute;bottom:-0.3em;left:50%;width:79px;height:1px;transform:translateX(-50%);background-color:#fff}.gnav__list{margin-bottom:60px;font-size:20px}@media screen and (min-width: 1024px){.gnav__list{margin-bottom:100px;font-size:42px}}.gnav__link{color:#fff;text-decoration:none;transition:opacity .3s ease}.gnav__link:hover{opacity:.5}.footer{position:relative;z-index:1;height:250px}@media screen and (min-width: 768px){.footer{height:70vh}}.footer__btn{margin-left:5%;width:20%;transform:translateY(-50%);transition:opacity .3s ease}.footer__btn:hover{opacity:.5}@media screen and (min-width: 768px){.footer__btn{width:14%}}@media screen and (min-width: 1024px){.footer__btn{width:8%}}.footer__btn__link{width:50%;text-decoration:none}.footer__container{display:flex;justify-content:center;align-items:center}.footer__txt{font-family:"EB Garamond",serif;font-size:24px}@media screen and (min-width: 768px){.footer__txt{font-size:40px}}@media screen and (min-width: 1024px){.footer__txt{font-size:60px}}#top .wrapper{position:relative;overflow:hidden}#top .mv{position:relative}#top .mv__bg{position:fixed;top:0;left:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:0}#top .mv__container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:"EB Garamond",serif;font-weight:400}#top .mv__ttl,#top .mv__subttl{transform:translateY(40vh)}#top .mv__ttl{margin-bottom:6px;font-size:60px;font-weight:normal;text-align:center}@media screen and (min-width: 768px){#top .mv__ttl{font-size:90px}}@media screen and (min-width: 1024px){#top .mv__ttl{font-size:120px}}#top .mv__ttl_span{display:block}@media screen and (min-width: 1024px){#top .mv__ttl_span{display:inline;margin-left:18px}}#top .mv__subttl{position:relative;margin-bottom:100px;font-size:32px}@media screen and (min-width: 768px){#top .mv__subttl{font-size:45px}}@media screen and (min-width: 1024px){#top .mv__subttl{font-size:60px}}#top .mv__subttl::before{content:"";position:absolute;top:20px;left:-27px;width:20px;height:1px;background-color:#fff}@media screen and (min-width: 768px){#top .mv__subttl::before{top:28px;left:-31px}}@media screen and (min-width: 1024px){#top .mv__subttl::before{top:36px;left:-35px}}#top .mv__subttl::after{content:"";position:absolute;top:20px;right:-27px;width:20px;height:1px;background-color:#fff}@media screen and (min-width: 768px){#top .mv__subttl::after{top:28px;right:-31px}}@media screen and (min-width: 1024px){#top .mv__subttl::after{top:36px;right:-35px}}#top .mv__wrap{width:90%;margin-top:auto}@media screen and (min-width: 1024px){#top .mv__wrap{display:flex;justify-content:space-between;align-items:center}}#top .mv__txtbox{width:100%;z-index:1;margin-bottom:10%}@media screen and (min-width: 1024px){#top .mv__txtbox{margin-bottom:0}}#top .mv__subtxt{display:block;margin-bottom:4px;font-size:12px;text-align:center;z-index:1}@media screen and (min-width: 768px){#top .mv__subtxt{font-size:14px}}@media screen and (min-width: 1024px){#top .mv__subtxt{margin-bottom:10px;font-size:16px;text-align:left}}#top .mv__txt{font-size:20px;text-align:center;z-index:1}@media screen and (min-width: 768px){#top .mv__txt{font-size:24px}}@media screen and (min-width: 1024px){#top .mv__txt{font-size:28px;-moz-text-align-last:left;text-align-last:left}}#top .topnav{position:relative;z-index:1;transform:translateY(-25%);text-align:right;display:none}#top .topnav__list{margin-bottom:30px;font-size:26px}#top .topnav__link{padding:10px 20px;color:#fff;cursor:pointer;text-decoration:none;transition:opacity .3s ease}#top .topnav__link:hover{opacity:.5}@media screen and (min-width: 1024px){#top .topnav{display:block}}#top .concept{position:relative;z-index:1;padding:20% 5%}@media screen and (min-width: 1024px){#top .concept{padding:20% 17%;display:flex;text-align:center;align-items:center}}#top .concept__txt_ja{margin-bottom:20%;font-size:16px;line-height:330%;text-align:center}@media screen and (min-width: 1024px){#top .concept__txt_ja{margin-bottom:0;font-size:22px;text-align:left}}#top .concept__container{display:flex;flex-direction:column;justify-content:space-between;width:71%;margin-left:auto;text-align:left}@media screen and (min-width: 1024px){#top .concept__container{width:45%;height:50vh}}#top .concept__txt_en{font-size:9px;line-height:205%}@media screen and (min-width: 1024px){#top .concept__txt_en{font-size:16px}}#top .concept__name{font-size:40px;text-align:right;display:none}@media screen and (min-width: 1024px){#top .concept__name{display:block}}#top .about{position:relative;z-index:1;padding:10% 5% 10%;background-color:#3c3f46}@media screen and (min-width: 1024px){#top .about::before{content:"";background-image:url(../images/top/about_txt.png);background-size:55%;background-repeat:no-repeat;position:absolute;top:60px;left:33px;width:33px;height:124px}}#top .about__ttl{position:relative;margin-bottom:8%;font-family:"EB Garamond",serif;font-weight:normal;text-align:center}@media screen and (min-width: 768px){#top .about__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .about__ttl{font-size:90px}}@media screen and (min-width: 1024px){#top .about__wrap{display:flex;justify-content:space-between;align-items:center;margin:0 5%}}#top .about__pic{position:relative;width:60%;margin:0 auto 15%}@media screen and (min-width: 1024px){#top .about__pic{width:350px;margin-bottom:3%}#top .about__pic::before{content:"";background-image:url(../images/top/my_txt.png);background-size:45%;background-repeat:no-repeat;position:absolute;top:144px;left:-45px;width:43px;height:250px}}#top .about__img{display:block;width:100%;margin:0 auto}#top .about__container{width:70%;margin:0 auto;padding-left:2%;font-size:14px}@media screen and (min-width: 768px){#top .about__container{width:55%;font-size:22px;padding-left:0}}@media screen and (min-width: 1024px){#top .about__container{width:474px;font-size:22px}}#top .about__name,#top .about__txt{margin-bottom:10%;line-height:180%}#top .work{position:relative;z-index:1;padding:10% 0}@media screen and (min-width: 1024px){#top .work{padding:10% 5%}#top .work::before{content:"";background-image:url(../images/top/work_txt.png);background-size:55%;background-repeat:no-repeat;position:absolute;top:60px;left:33px;width:33px;height:108px}}#top .work__ttl{margin-bottom:8%;font-family:"EB Garamond",serif;font-weight:normal;text-align:center}@media screen and (min-width: 768px){#top .work__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .work__ttl{font-size:90px}}@media screen and (min-width: 1024px){#top .work__bigcontainer{display:flex;width:100%}}#top .work__pic{width:100%;margin-bottom:5px}@media screen and (min-width: 1024px){#top .work__pic{margin-bottom:10px}}#top .work__link{display:block;width:100%;height:auto}#top .work__hover{filter:brightness(55%);transition:filter .3s ease}#top .work__hover:hover{filter:brightness(100%)}#top .work__container{width:100%;margin-bottom:10%}#top .work__wrap{margin-left:3%}@media screen and (min-width: 1024px){#top .work__wrap{margin-left:0;padding-left:5px}}#top .work__box_ttl{margin-bottom:3px;font-size:20px;font-family:"EB Garamond",serif}@media screen and (min-width: 768px){#top .work__box_ttl{font-size:40px;margin-bottom:10px}}#top .work__box_ttlspan{font-size:13px;font-family:"Shippori Mincho",serif}@media screen and (min-width: 768px){#top .work__box_ttlspan{font-size:28px}}#top .work__box_txt{font-size:12px}@media screen and (min-width: 768px){#top .work__box_txt{font-size:18px}}#top .work__banner{font-size:12px;font-family:"EB Garamond",serif}@media screen and (min-width: 768px){#top .work__banner{font-size:40px;width:100%}}#top .work__btn{width:36%;margin-left:auto;padding-right:5%;transition:opacity .3s ease}#top .work__btn:hover{opacity:.5}@media screen and (min-width: 768px){#top .work__btn{width:30%}}@media screen and (min-width: 1024px){#top .work__btn{padding-right:0;width:19%}}#top .skill{position:relative;z-index:1;padding:10% 5%;background-color:#3c3f46}@media screen and (min-width: 1024px){#top .skill{padding-bottom:5%}#top .skill::before{content:"";background-image:url(../images/top/skill_txt.png);background-size:55%;background-repeat:no-repeat;position:absolute;top:60px;left:33px;width:33px;height:102px}}#top .skill__ttl{margin-bottom:8%;font-family:"EB Garamond",serif;font-weight:normal;text-align:center}@media screen and (min-width: 768px){#top .skill__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .skill__ttl{font-size:90px}}#top .skill__container :nth-child(even){flex-direction:row-reverse}@media screen and (min-width: 1412px){#top .skill__container :nth-child(even){flex-direction:row;margin:0 auto 30px}}@media screen and (min-width: 1024px){#top .skill__container{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}}#top .skill__box{display:flex;justify-content:space-between;align-items:center;margin-bottom:10%}@media screen and (min-width: 768px){#top .skill__box{margin-bottom:0}}@media screen and (min-width: 1024px){#top .skill__box{display:block;width:30%;margin:0 auto 130px}}#top .skill__pic{width:48%}@media screen and (min-width: 1024px){#top .skill__pic{margin:0 auto 30px}}#top .skill__txt{width:48%;font-size:14px;line-height:180%}@media screen and (min-width: 768px){#top .skill__txt{font-size:18px}}@media screen and (min-width: 1024px){#top .skill__txt{max-width:100%;font-size:22px;text-align:center}}@media screen and (min-width: 1024px){#top .html__pic{width:84%}}#top .html__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .html__txt{width:312px}}@media screen and (min-width: 1024px){#top .scss__pic{width:78%}}#top .scss__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .scss__txt{width:330px}}@media screen and (min-width: 1024px){#top .jquery__pic{width:78%}}#top .jquery__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .jquery__txt{width:330px}}@media screen and (min-width: 1024px){#top .photoshop__pic{width:78%}}#top .photoshop__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .photoshop__txt{width:352px}}@media screen and (min-width: 1024px){#top .figma__pic{width:73%}}#top .figma__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .figma__txt{width:317px}}@media screen and (min-width: 1024px){#top .xd__pic{width:78%}}#top .xd__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .xd__txt{width:318px}}@media screen and (min-width: 1024px){#top .illustrator__pic{width:74%}}#top .illustrator__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .illustrator__txt{width:405px}}@media screen and (min-width: 1024px){#top .mos__pic{width:78%}}#top .mos__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .mos__txt{width:418px}}@media screen and (min-width: 1024px){#top .color__pic{width:78%}}#top .color__img{width:100%;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (min-width: 1024px){#top .color__txt{width:374px}}#top .bg{position:relative;z-index:1;background-image:url(../images/top/bg_img.jpg);width:100%;height:308px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:10% 5%}@media screen and (min-width: 768px){#top .bg{height:80vh}}@media screen and (min-width: 1024px){#top .bg{height:90vh;padding:8% 13%}}#top .bg__txt_ja{font-size:13px;letter-spacing:.03em;line-height:200%}@media screen and (min-width: 768px){#top .bg__txt_ja{font-size:18px}}@media screen and (min-width: 1024px){#top .bg__txt_ja{font-size:24px}}#top .bg__txt_en{font-family:"EB Garamond",serif;font-size:7px;letter-spacing:.03em;line-height:200%;text-align:right}@media screen and (min-width: 768px){#top .bg__txt_en{font-size:14px}}@media screen and (min-width: 1024px){#top .bg__txt_en{font-size:18px}}#top .contact{position:relative;z-index:1;padding:10% 5% 8% 0;background-color:#3c3f46}@media screen and (min-width: 1024px){#top .contact{padding:10%}#top .contact::before{content:"";background-image:url(../images/top/contact_txt.png);background-size:55%;background-repeat:no-repeat;position:absolute;top:60px;left:33px;width:24px;height:157px}}@media screen and (min-width: 1024px){#top .contact__ttlbox{width:500px;margin-right:auto;margin-left:10%}}#top .contact__ttl{margin-bottom:8%;font-family:"EB Garamond",serif;font-weight:normal;text-align:center;margin-bottom:9px}@media screen and (min-width: 768px){#top .contact__ttl{font-size:60px}}@media screen and (min-width: 1024px){#top .contact__ttl{font-size:90px;margin-bottom:18px}}#top .contact__txt{padding-bottom:5%;font-size:12px;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1024px){#top .contact__txt{font-size:18px}}@media screen and (min-width: 1024px){#top .contact__container{display:flex;justify-content:center;align-items:center}}#top .contact__pic{width:80%;transform:translateX(-5%);margin-bottom:40px}@media screen and (min-width: 768px){#top .contact__pic{width:60%;transform:translateX(0)}}@media screen and (min-width: 1024px){#top .contact__pic{width:400px}}#top .contact__img{display:block;width:100%}#top .form{width:100%;display:flex;justify-content:flex-end}#top .form__container{width:70%}#top .form__box{width:100%;margin-bottom:10px}@media screen and (min-width: 1024px){#top .form__box{margin-bottom:30px}}#top .form__label{display:block;padding:15px 0 10px;font-size:14px}#top .form__label::after{content:"（必須）"}@media screen and (min-width: 1024px){#top .form__label{font-size:15px}}#top .form__input{width:100%;padding:10px;bottom:none;font-size:14px;letter-spacing:.1em}@media screen and (min-width: 1024px){#top .form__input{font-size:15px}}#top .form__message{width:100%;height:130px;padding:10px;bottom:none;font-size:14px;letter-spacing:.1em}@media screen and (min-width: 1024px){#top .form__message{font-size:15px}}#top .form__submit{all:unset;width:100%;padding:10px 0;background:#818181;bottom:none;text-decoration:none;text-align:center;color:#fff;font-size:14px;letter-spacing:.1em;cursor:pointer;-webkit-appearance:none;transition:opacity .3s ease}#top .form__submit:hover{opacity:.5}@media screen and (min-width: 1024px){#top .form__submit{font-size:15px}}#thanks .mv{position:relative}#thanks .mv__bg{position:fixed;top:0;left:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:0}#thanks .mv__container{position:relative;display:flex;flex-direction:column;align-items:center;height:90vh;font-weight:400}#thanks .mv__ttl,#thanks .mv__subttl{margin-top:5%;transform:translateY(40vh);font-family:"EB Garamond",serif}#thanks .mv__ttl{margin-bottom:6px;font-size:30px;font-weight:normal;text-align:center}@media screen and (min-width: 768px){#thanks .mv__ttl{font-size:40px}}@media screen and (min-width: 1024px){#thanks .mv__ttl{font-size:60px}}#thanks .mv__ttl_span{display:block}@media screen and (min-width: 1024px){#thanks .mv__ttl_span{display:inline;margin-left:18px}}#thanks .mv__subttl{position:relative;margin-bottom:100px;font-size:24px}@media screen and (min-width: 768px){#thanks .mv__subttl{font-size:45px}}@media screen and (min-width: 1024px){#thanks .mv__subttl{font-size:60px}}#thanks .footer{margin:0 5%;display:flex;height:50px;justify-content:flex-end;align-items:center}#thanks .footer__small{font-size:14px}#worklist .wrapper{background-image:url(../images/bg_noize.png);background-repeat:repeat;font-weight:normal}#worklist .work{padding-top:25%;overflow:hidden}@media screen and (min-width: 768px){#worklist .work{padding-top:21%}}@media screen and (min-width: 1024px){#worklist .work{padding:0 10%}}#worklist .work__ttl{margin-bottom:26px;font-size:36px;text-align:center}@media screen and (min-width: 768px){#worklist .work__ttl{font-size:60px}}@media screen and (min-width: 1024px){#worklist .work__ttl{padding-top:15%;margin-bottom:58px;font-size:80px}}#worklist .work__kind{position:relative;padding-top:30px;margin-bottom:25px;margin-left:5%;font-size:22px;font-weight:normal}@media screen and (min-width: 768px){#worklist .work__kind{font-size:35px}}@media screen and (min-width: 1024px){#worklist .work__kind{margin-left:0;margin-bottom:60px;font-size:40px}}#worklist .work__bigcontainer_web{margin-bottom:10%}@media screen and (min-width: 1024px){#worklist .work__bigcontainer_web{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;border-bottom:1px solid #fff}}#worklist .work__bigcontainer_bn{margin-bottom:10%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:0 10%}@media screen and (min-width: 768px){#worklist .work__bigcontainer_bn{width:100%}}@media screen and (min-width: 1024px){#worklist .work__bigcontainer_bn{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0;width:100%;border-bottom:1px solid #fff}}@media screen and (min-width: 1024px){#worklist .work__container{width:45%}}#worklist .work__container_bn{width:100%}@media screen and (min-width: 768px){#worklist .work__container_bn{width:40%}}@media screen and (min-width: 1024px){#worklist .work__container_bn{width:30%}}#worklist .work__pic{margin-bottom:14px;width:100%}#worklist .work__hover{filter:brightness(60%);transition:filter .3s ease}#worklist .work__hover:hover{filter:brightness(100%)}#worklist .work__link_bn{width:100%}#worklist .work__img{display:block;width:100%}#worklist .work__wrap{width:100%;margin-left:5%;margin-bottom:5%}@media screen and (min-width: 1024px){#worklist .work__wrap{margin-left:0}}#worklist .work__wrap_bn{width:100%;margin-bottom:5%}@media screen and (min-width: 768px){#worklist .work__wrap_bn{margin-left:0}}#worklist .work__box_ttl{margin-bottom:10px;font-size:20px}@media screen and (min-width: 768px){#worklist .work__box_ttl{font-size:24px}}@media screen and (min-width: 1024px){#worklist .work__box_ttl{font-size:30px}}#worklist .work__box_ttlspan{margin-left:5px;font-size:16px}#worklist .work__box_txt{margin-bottom:15%;font-size:14px;line-height:140%}@media screen and (min-width: 768px){#worklist .work__box_txt{font-size:16px}}@media screen and (min-width: 1024px){#worklist .work__box_txt{font-size:19px}}#worklist .link{display:flex;justify-content:center;align-items:center;height:100px;text-indent:1rem}#worklist .link__work_btn{width:150px;margin:0 auto}#worklist .link__work_link{padding:5px 10px;text-decoration:none;color:#fff;text-align:center;transition:opacity .3s ease}#worklist .link__work_link:hover{opacity:.5}@media screen and (min-width: 1024px){#worklist .link__work_link{font-size:24px}}#worklist .footer{margin:0 5%;display:flex;height:50px;justify-content:flex-end;align-items:center}#worklist .footer__small{font-size:14px}@media screen and (min-width: 1024px){#worklist .footer{padding-bottom:20px}}#creation .wrapper{background-image:url(../images/bg_noize.png);background-repeat:repeat;font-weight:normal}@media screen and (min-width: 768px){#creation .creation__container{display:flex;justify-content:space-between;margin:0 5%}}#creation .creation__ttlbox{padding-top:25%;margin-left:5%}#creation .creation__ttl{margin-bottom:10px;font-size:42px;font-family:"EB Garamond",serif}@media screen and (min-width: 768px){#creation .creation__ttl{margin:0 10px 15px 0;font-size:60px}}@media screen and (min-width: 1024px){#creation .creation__ttl{margin:50px 10px 20px 0;font-size:80px}}#creation .creation__ttlspan{display:block;margin-top:10px;font-size:20px}@media screen and (min-width: 768px){#creation .creation__ttlspan{font-size:30px}}@media screen and (min-width: 1024px){#creation .creation__ttlspan{font-size:45px}}#creation .creation__subttl{margin-bottom:12%;font-size:14px}@media screen and (min-width: 1024px){#creation .creation__subttl{font-size:16px}}@media screen and (min-width: 1024px){#creation .creation__subttl{font-size:18px}}#creation .creation__pic{margin-bottom:15%}@media screen and (min-width: 768px){#creation .creation__pic{width:65%;margin-top:11%}}#creation .creation__txt_container{margin:0 5%}@media screen and (min-width: 1024px){#creation .creation__txt_container{width:67%;margin:0 auto 120px}}@media screen and (min-width: 1024px){#creation .creation__list{display:flex;flex-wrap:wrap}}#creation .creation__dt{margin-bottom:14px;font-size:16px}@media screen and (min-width: 1024px){#creation .creation__dt{width:30%;font-size:20px}}#creation .creation__dd{margin-bottom:44px;font-size:14px;line-height:180%}@media screen and (min-width: 1024px){#creation .creation__dd{width:70%;margin-bottom:90px;font-size:18px}}#creation .creation__site_link{color:#fff}#creation .creation__comp{margin:0 5% 5%}@media screen and (min-width: 1024px){#creation .creation__comp{width:67%;margin:0 auto 5%}}#creation .creation__comp_img{width:100%}#creation .link{height:20vh;display:flex;flex-direction:column;justify-content:space-between;margin:0 5%}@media screen and (min-width: 1024px){#creation .link{height:34vh;position:relative}}#creation .link__top_btn{margin-bottom:5%;text-align:right}@media screen and (min-width: 1024px){#creation .link__top_btn{position:absolute;top:-162px;right:27px;transform:rotate(90deg);padding:10px 20px}}#creation .link__top_link{display:block;width:100%;color:#fff;text-decoration:none;transition:opacity .3s ease}#creation .link__top_link:hover{opacity:.5}#creation .link__box{display:flex}#creation .link__back_btn{display:block;width:33%;margin-right:auto}@media screen and (min-width: 768px){#creation .link__back_btn{width:22%}}@media screen and (min-width: 1024px){#creation .link__back_btn{width:250px;margin-bottom:5%}}#creation .link__back_link{display:block;width:100%;transition:opacity .3s ease}#creation .link__back_link:hover{opacity:.5}#creation .link__back_img{display:block;width:89%}#creation .link__list_btn{text-align:center;margin-bottom:5%}#creation .link__list_link{color:#fff;text-decoration:none;transition:opacity .3s ease}#creation .link__list_link:hover{opacity:.5}@media screen and (min-width: 1024px){#creation .link__list_link{font-size:25px}}#creation .link__next_btn{display:block;width:33%;margin-left:auto}@media screen and (min-width: 768px){#creation .link__next_btn{width:22%}}@media screen and (min-width: 1024px){#creation .link__next_btn{width:250px;margin-bottom:5%}}#creation .link__next_link{display:block;width:100%;transition:opacity .3s ease}#creation .link__next_link:hover{opacity:.5}#creation .link__next_img{display:block;width:100%}#creation .footer{margin:0 5%;display:flex;height:60px;justify-content:flex-end;align-items:center}#creation .footer__small{font-size:14px}@media screen and (min-width: 1024px){#creation .footer{padding-bottom:20px}}#banner .wrapper{background-image:url(../images/bg_noize.png);background-repeat:repeat;font-weight:normal}@media screen and (min-width: 768px){#banner .banner__container{display:flex;justify-content:space-between;margin:0 5%}}#banner .banner__pic{padding-top:22%;margin:0 auto 15%}@media screen and (min-width: 768px){#banner .banner__pic{width:65%;padding-top:10%;margin-top:11%}}@media screen and (min-width: 1024px){#banner .banner__pic{padding-top:3%}}#banner .banner__txt_container{margin:0 5%}@media screen and (min-width: 1024px){#banner .banner__txt_container{width:67%;margin:0 auto 120px}}@media screen and (min-width: 1024px){#banner .banner__list{display:flex;flex-wrap:wrap}}#banner .banner__dt{margin-bottom:14px;font-size:16px}@media screen and (min-width: 1024px){#banner .banner__dt{width:30%;font-size:20px}}#banner .banner__dd{margin-bottom:44px;font-size:14px;line-height:180%}@media screen and (min-width: 1024px){#banner .banner__dd{width:70%;margin-bottom:90px;font-size:18px}}#banner .link{height:20vh;display:flex;flex-direction:column;justify-content:space-between;margin:0 5%}@media screen and (min-width: 1024px){#banner .link{height:34vh;position:relative}}#banner .link__top_btn{margin-bottom:5%;text-align:right}@media screen and (min-width: 1024px){#banner .link__top_btn{position:absolute;top:-162px;right:27px;transform:rotate(90deg);padding:10px 20px}}#banner .link__top_link{display:block;width:100%;color:#fff;text-decoration:none}#banner .link__box{display:flex}#banner .link__back_btn{display:block;width:33%;margin-right:auto}@media screen and (min-width: 768px){#banner .link__back_btn{width:22%}}@media screen and (min-width: 1024px){#banner .link__back_btn{width:250px;margin-bottom:5%}}#banner .link__back_link{display:block;width:100%;transition:opacity .3s ease}#banner .link__back_link:hover{opacity:.5}#banner .link__back_img{display:block;width:89%}#banner .link__list_btn{text-align:center;margin-bottom:5%}#banner .link__list_link{color:#fff;text-decoration:none;transition:opacity .3s ease}#banner .link__list_link:hover{opacity:.5}@media screen and (min-width: 1024px){#banner .link__list_link{font-size:25px}}#banner .link__next_btn{display:block;width:33%;margin-left:auto}@media screen and (min-width: 768px){#banner .link__next_btn{width:22%}}@media screen and (min-width: 1024px){#banner .link__next_btn{width:250px;margin-bottom:5%}}#banner .link__next_link{display:block;width:100%;transition:opacity .3s ease}#banner .link__next_link:hover{opacity:.5}#banner .link__next_img{display:block;width:100%}#banner .link__last{opacity:0;pointer-events:none}#banner .footer{margin:0 5%;display:flex;height:60px;justify-content:flex-end;align-items:center}#banner .footer__small{font-size:14px}@media screen and (min-width: 1024px){#banner .footer{padding-bottom:20px}}.headBorder{border-bottom:none}.gnav-active{opacity:1;pointer-events:auto}.topnav-active{display:none !important}/*# sourceMappingURL=style.css.map */