﻿html,body,a,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font:inherit;font-size:100%;text-align:left;line-height:inherit;vertical-align:baseline;box-sizing:border-box}body{background:white;line-height:1;color:black}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;box-sizing:border-box}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}form label,form button{cursor:pointer}img{vertical-align:bottom;border:none;max-width:100%;height:auto}video{border:none;max-width:100%;height:auto}iframe{border:none}blockquote,q{quotes:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;font-size:100%}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:none}input:focus,button:focus,textarea:focus,select:focus{outline:none}body{background-color:#fff;margin:0px auto;padding:0px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:14px;font-weight:300;color:#333;line-height:1.6}strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:300}a{color:#333;outline:none;border-style:none;text-decoration:none;transition:all 0.1s ease 0s;-moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.1s ease 0s;-o-transition:all 0.1s ease 0s;-ms-transition:all 0.1s ease 0s;cursor:pointer}a:hover{color:#FF72A1;transition:all 0.1s ease 0s;-moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.1s ease 0s;-o-transition:all 0.1s ease 0s;-ms-transition:all 0.1s ease 0s}@media screen and (min-width: 769px){.pc_none{display:none !important}}@media screen and (max-width: 768px) and (min-width: 641px){.tb_none{display:none !important}}@media screen and (max-width: 640px){.sp_none{display:none !important}}.container{margin:0 auto;padding:0 60px;position:relative;max-width:1080px;width:100%}@media screen and (max-width: 768px){.container{padding:0 40px}}@media screen and (max-width: 640px){.container{padding:0 20px}}.btn{display:inline-block;font-weight:700;position:relative;padding-bottom:4px}.btn::before{content:' ';position:absolute;z-index:0;right:50%;bottom:0;width:50%;height:2px;background-color:#333}.btn::after{content:' ';position:absolute;z-index:1;left:50%;bottom:0;width:50%;height:2px;background-color:#333}.btn:hover{color:#333}.btn:hover::before{-webkit-animation:sizeScale .2s ease-out;animation:sizeScale .2s ease-out}.btn:hover::after{-webkit-animation:sizeScale .2s ease-out;animation:sizeScale .2s ease-out}@keyframes sizeScale{0%{width:0px}100%{width:50%}}input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;width:auto;height:auto}input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:auto;height:auto}.gmap{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%}.hd{position:fixed;width:100%;z-index:99;background-color:#fff;border-bottom:1px solid #fff;transition:all 0.1s ease 0s;-moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.1s ease 0s;-o-transition:all 0.1s ease 0s;-ms-transition:all 0.1s ease 0s}@media screen and (min-width: 769px){.hd{padding:60px}}@media screen and (max-width: 768px){.hd{padding:40px}}@media screen and (max-width: 640px){.hd{padding:40px 20px}}.hd__logo{display:flex;justify-content:center}.hd__logo a{display:block}.hd__logo img{display:block;width:auto}@media screen and (min-width: 769px){.hd__logo img{height:40px}}@media screen and (max-width: 768px){.hd__logo img{height:32px}}@media screen and (max-width: 640px){.hd__logo img{height:24px}}.hd__nav{display:none;position:fixed;height:100vh;width:100%;z-index:100;top:0;left:0;background-color:rgba(255,255,255,0.98)}.hd__nav ul{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.hd__nav li{text-align:center}.hd__nav a{display:block;padding:0.4em;font-weight:700;text-align:center}.hd.sticky{border-bottom:1px solid #ccc}@media screen and (min-width: 769px){.hd.sticky{padding:20px 60px}}@media screen and (max-width: 768px){.hd.sticky{padding:10px 40px}}@media screen and (min-width: 769px){.hd.sticky .sp_btn{top:28px}}@media screen and (max-width: 768px){.hd.sticky .sp_btn{top:14px}}@media screen and (max-width: 640px){.hd.sticky .sp_btn{top:10px}}.sp_btn{position:fixed;z-index:101;transition:all 0.1s ease 0s;-moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.1s ease 0s;-o-transition:all 0.1s ease 0s;-ms-transition:all 0.1s ease 0s}@media screen and (min-width: 769px){.sp_btn{top:68px;right:60px}}@media screen and (max-width: 768px){.sp_btn{top:44px;right:40px}}@media screen and (max-width: 640px){.sp_btn{top:40px;right:20px}}.menu-trigger,.menu-trigger span{display:inline-block;box-sizing:border-box;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s}.menu-trigger{position:relative;width:24px;height:24px}.menu-trigger span{position:absolute;left:0;width:100%;height:2px;background-color:#333}.menu-trigger span:nth-of-type(1){top:0;-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}.menu-trigger span:nth-of-type(2){top:11px}.menu-trigger span:nth-of-type(3){bottom:0;-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(11px) rotate(-45deg);transform:translateY(11px) rotate(-45deg)}.menu-trigger.active span:nth-of-type(2){left:50%;opacity:0;-webkit-animation:active-menu-bar02 .6s forwards;animation:active-menu-bar02 .6s forwards}@-webkit-keyframes active-menu-bar02{100%{height:0}}@keyframes active-menu-bar02{100%{height:0}}.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-11px) rotate(45deg);transform:translateY(-11px) rotate(45deg)}.ft{border-top:1px solid #ccc}.ft__copy{padding:10px 0;text-align:center}.about{display:none;position:fixed;z-index:102;top:0;left:0;width:100%;height:100vh;color:#fff;background-color:#fff;transition:all 0.2s ease 0.2s}.about.pink{background-color:#FF72A1}.about__wrapper{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 769px){.about__wrapper{padding:60px}}@media screen and (max-width: 768px){.about__wrapper{padding:40px}}@media screen and (max-width: 640px){.about__wrapper{padding:20px}}.about__ttl{font-size:16px;font-weight:700}@media screen and (min-width: 769px){.about__ttl{text-align:center}}.about p{margin-top:20px}@media screen and (min-width: 769px){.about p{text-align:center}}.about__skill{color:rgba(255,255,255,0.6)}.about .btn{color:#fff}.about .btn::before{background-color:#fff}.about .btn::after{background-color:#fff}@media screen and (min-width: 769px){.index{padding-top:160px;padding-bottom:60px}}@media screen and (max-width: 768px){.index{padding-top:112px;padding-bottom:40px}}@media screen and (max-width: 640px){.index{padding-top:104px}}.index .works__ttl{color:#999;font-size:16px;font-weight:700;text-align:center}@media screen and (min-width: 769px){.index .works__ttl{padding-bottom:60px}}@media screen and (max-width: 768px){.index .works__ttl{padding-bottom:40px}}.index .works__ttl i{margin-right:0.1em}.index .works__list{display:flex;flex-wrap:wrap}@media screen and (min-width: 769px){.index .works__list{margin:-40px -20px 0}}@media screen and (max-width: 768px){.index .works__list{margin:-40px -10px 0}}@media screen and (min-width: 769px){.index .works__list li{width:25%;padding:40px 20px 0}}@media screen and (max-width: 768px){.index .works__list li{width:33.33%;padding:40px 10px 0}}@media screen and (max-width: 640px){.index .works__list li{width:50%}}.index .works__list dl dt a{display:block;position:relative}.index .works__list dl dt a::after{content:' ';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box;border:0 solid #fff;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s}.index .works__list dl dt a:hover::after{border:20px solid #fff}.index .works__list dl dt img{display:block;position:relative;z-index:0}.index .works__list dl dd h3{margin-top:8px;font-weight:700}@media screen and (min-width: 769px){.index .works__list dl dd h3{font-size:16px}}.index .works__list dl dd .tag{margin-top:8px;color:#999;font-size:12px}.index .works__list dl dd .tag a{color:#999}.index .works__list dl dd .tag a:hover{color:#FF72A1}.index .works__list dl dd .tag i{margin-right:0.1em}@media screen and (min-width: 769px){.single{padding-top:160px;padding-bottom:60px}}@media screen and (max-width: 768px){.single{padding-top:112px;padding-bottom:40px}}@media screen and (max-width: 640px){.single{padding-top:104px}}.single .works__ttl{font-size:16px;font-weight:700;text-align:center}.single .works__tag{margin-top:8px;color:#999;text-align:center}.single .works__tag a{color:#999}.single .works__tag a:hover{color:#FF72A1}.single .works__tag i{margin-right:0.1em}.single .works__more{text-align:center}@media screen and (min-width: 769px){.single .works__more{margin-top:60px}}@media screen and (max-width: 768px){.single .works__more{margin-top:40px}}@media screen and (min-width: 769px){.single .works__info{padding-bottom:60px}}@media screen and (max-width: 768px){.single .works__info{padding-bottom:40px}}.single .works__list{max-width:720px;margin:-40px auto 0}.single .works__list li{padding-top:40px}.single .works__list li img{border:1px solid #eee;margin:0 auto;display:block}.single .works__list li img.sp_img{max-width:375px}.single .works__task{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0}@media screen and (min-width: 769px){.single .works__task{margin-top:60px}}@media screen and (max-width: 768px){.single .works__task{margin-top:40px}}.single .works__task span{display:block;text-align:center}.single .works__task span.label{color:#999}.single .post__ttl{font-size:16px;font-weight:700;text-align:center;color:#999}.single .post__content{max-width:720px;margin-left:auto;margin-right:auto}@media screen and (min-width: 769px){.single .post__content{margin-top:60px}}@media screen and (max-width: 768px){.single .post__content{margin-top:40px}}.single .post__content p{margin-top:8px}.single .post__content h2{font-size:16px;font-weight:700;padding-left:12px;border-left:8px solid #FF72A1;margin-top:40px;margin-bottom:12px}.single .post__content ul{margin-top:20px;margin-bottom:20px;padding-left:1.2em;list-style:disc}.single .post__content ol{margin-top:20px;margin-bottom:20px;padding-left:1.2em;list-style:decimal}.contact .form__ttl{font-size:16px;font-weight:700;text-align:center;color:#999}.contact .form__wrapper{max-width:720px;margin-left:auto;margin-right:auto}@media screen and (min-width: 769px){.contact .form__wrapper{margin-top:60px}}@media screen and (max-width: 768px){.contact .form__wrapper{margin-top:40px}}.contact .form__inner{margin-top:40px}.contact .form__inner .label{margin-bottom:8px}.contact .form__inner .note{color:#FF72A1}.contact .form__inner .input{position:relative}.contact .form__inner .input::before{content:' ';position:absolute;z-index:1;bottom:0;left:0;height:2px;width:100%;background-color:#ccc}.contact .form__inner .input::after{content:' ';position:absolute;z-index:2;bottom:0;left:0;height:2px;width:0;background-color:#FF72A1;transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s}.contact .form__inner .input.active::after{width:100%}.contact .form__inner .textarea{border:2px solid #ccc;transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s}.contact .form__inner .textarea.active{border:2px solid #FF72A1}.contact .form__inner input[type="text"],.contact .form__inner input[type="email"]{width:100%;font-size:16px;padding:0.4em;border-radius:0;box-sizing:border-box;border:none}.contact .form__inner input[type="text"],.contact .form__inner input[type="email"]{width:100%;font-size:16px;padding:0.4em;border-radius:0;box-sizing:border-box;border:none}.contact .form__inner textarea{width:100%;font-size:16px;padding:0.4em;border-radius:0;box-sizing:border-box;border:none;height:240px}.contact .form__inner--btn{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center}.contact .form__inner--btn input[type="button"]{margin:10px 10px 0;display:block;width:120px;box-sizing:border-box;padding:0.4em;font-weight:700;border-radius:0;transition:all 0.1s ease 0s;-moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.1s ease 0s;-ms-transition:all 0.1s ease 0s;border:2px solid #ccc;color:#333;background-color:#ccc}.contact .form__inner--btn input[type="button"]:hover{background-color:#fff}.contact .form__inner--btn input[type="submit"]{margin:10px 10px 0;display:block;width:120px;box-sizing:border-box;padding:0.4em;font-weight:700;border-radius:0;transition:all 0.1s ease 0s;-moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.1s ease 0s;-ms-transition:all 0.1s ease 0s;border:2px solid #FF72A1;color:#fff;background-color:#FF72A1}.contact .form__inner--btn input[type="submit"]:hover{color:#FF72A1;background-color:#fff}.contact .form .mw_wp_form .error{position:absolute;color:#FF72A1;font-size:10px;font-weight:700}.confirm .form__inner .input{font-size:16px;font-weight:700}.confirm .form__inner .input::before{display:none}.confirm .form__inner .input::after{display:none}.confirm .form__inner .textarea{border:none;font-size:16px;font-weight:700}.contact .thanks__ttl{font-size:16px;font-weight:700}@media screen and (min-width: 641px){.contact .thanks__ttl{text-align:center}}.contact .thanks p{margin-top:40px}@media screen and (min-width: 641px){.contact .thanks p{text-align:center}}#load{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:9998;pointer-events:none;display:block}#transition{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:9998;pointer-events:none;display:none}
