@charset "UTF-8";:root{--font-default:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic ProN","Zen Kaku Gothic Antique","Noto Sans CJK JP","Noto Sans JP","BIZ UDPGothic","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;--font-title:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans CJK JP","Noto Sans JP",sans-serif;--font-title-en:"Anton",sans-serif;--fontNumber:"Roboto",sans-serif;--fonticon:"Font Awesome 6 Free"}:root{--primary-color:#00A7C8;--primary-light:#66CCE0;--secondary-color:#0095b3;--accent-color:#FFFF1C;--text-color:#1E1E1E;--theme-dark:#111;--theme-light:#FFF}:root{--maxWidth:1280px;--inner-width:1180px;--box-width:942px;--text-maxWidth:880px}.hoge{margin:0 auto;width:92%;max-width:var(--inner-width)}.hogehoge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:4%;-moz-column-gap:4%;column-gap:4%;row-gap:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:599px){.hogehoge{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width:600px){br.sp{display:none}}@media screen and (min-width:1025px){br.tab{display:none}}@media screen and (max-width:834px){br.forPC{display:none}}body{font-family:var(--font-default);color:var(--text-color)}a{text-decoration:none}ol.style-none,ul.style-none{list-style:none}.text-box p,.text-box ul{line-height:1.6}.text-box p{font-size:.875rem}@media screen and (min-width:1025px){.text-box p{font-size:1rem}}.text-box p:last-child{margin-bottom:0}.textBold{font-weight:700}.colorRed{color:var(--color-red)}.markerYel{background-color:var(--marker-colorYe)}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;margin:0}main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}footer,header,main{width:100%;max-width:var(--fullWidth);margin:0 auto}form#mailformpro button,form#mailformpro input,form#mailformpro optgroup,form#mailformpro select,form#mailformpro textarea{max-width:100%}@media screen and (min-width:835px){form#mailformpro dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}}form#mailformpro dl dt{float:none;width:13rem;margin:0;padding:0;font-size:1rem;border-top:none}@media screen and (min-width:835px){form#mailformpro dl dt{margin-bottom:2rem}}form#mailformpro dl dt span{font-weight:400;font-size:.75rem}form#mailformpro dl dd{border-top:none;margin:0 0 2rem 0;padding:0;font-size:1rem;text-align:left;width:calc(100% - 15rem)}@media screen and (max-width:834px){form#mailformpro dl dd{width:100%}}form#mailformpro div.mfp_buttons{text-align:center}@media screen and (max-width:834px){form#mailformpro dl dt{float:none;width:auto;padding:.5rem;text-align:left}form#mailformpro dl dd{clear:both;padding:.5rem 1rem;line-height:1.5}form#mailformpro div.mfp_buttons button{font-size:1.25rem}}.mfp_achroma,.mfp_colored{background:0 0}div.mfp_buttons button{border:none;text-shadow:0 2px 2px rgba(0,0,0,.3);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3);box-shadow:2px 2px 4px rgba(0,0,0,.3);font-size:calc(1.125rem + .6vw);color:#fff;padding:1rem 2rem;background:var(--btn-colorBlue);border-radius:8px}.animItem[data-animate=fade-in]{opacity:0;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.animItem[data-animate=fade-in].active{opacity:1}.animItem[data-animate=slide-in]{opacity:0;-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:translateX(-50px);transform:translateX(-50px)}.animItem[data-animate=slide-in].active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.animItem[data-animate=slide-up]{opacity:0;-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:translateY(100px);transform:translateY(100px)}.animItem[data-animate=slide-up].active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.animItem.active.delay03{-webkit-transition-delay:.3s;transition-delay:.3s}.animItem.active.delay06{-webkit-transition-delay:.3s;transition-delay:.3s}.animItem.active.delay09{-webkit-transition-delay:.3s;transition-delay:.3s}@media screen and (min-width:600px){.animItem.active.delay03-pc{-webkit-transition-delay:.3s;transition-delay:.3s}.animItem.active.delay06-pc{-webkit-transition-delay:.6s;transition-delay:.6s}.animItem.active.delay09-pc{-webkit-transition-delay:.9s;transition-delay:.9s}}@media screen and (max-width:599px){.animItem.active.delay03-sp{-webkit-transition-delay:.3s;transition-delay:.3s}.animItem.active.delay06-sp{-webkit-transition-delay:.6s;transition-delay:.6s}.animItem.active.delay09-sp{-webkit-transition-delay:.9s;transition-delay:.9s}}.wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;margin:0}.wrapper main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.footer--inner,.header-content{width:92%;max-width:var(--inner-width);margin:0 auto;position:relative}header{padding:0;position:absolute;z-index:3;pointer-events:none}header .logo{width:clamp(116px,30%,130px);padding-top:1rem;pointer-events:auto}@media screen and (min-width:1025px){header .logo{margin-left:0}}header .logo img{width:100%}#sideMenu-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;cursor:pointer;top:1rem;right:4%;z-index:9999;position:fixed;pointer-events:auto;background:rgba(0,0,0,.3);padding:8px}#sideMenu-btn span{height:4px;width:36px;background:#fff;border-radius:2px;margin:4px 0}#sideMenu-btn span:nth-child(1){-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);-webkit-transition:all .6s;transition:all .6s}#sideMenu-btn span:nth-child(2){opacity:1;-webkit-transition:all .6s;transition:all .6s;width:28px}#sideMenu-btn span:nth-child(3){-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);-webkit-transition:all .6s;transition:all .6s;width:20px}#sideMenu-btn.active{background:0 0}#sideMenu-btn.active span:nth-child(1){-webkit-transform:translateY(12px) rotate(45deg);transform:translateY(12px) rotate(45deg);background:#fff;-webkit-transition:all .6s;transition:all .6s}#sideMenu-btn.active span:nth-child(2){opacity:0}#sideMenu-btn.active span:nth-child(3){-webkit-transform:translateY(-12px) rotate(-45deg);transform:translateY(-12px) rotate(-45deg);background:#fff;-webkit-transition:all .6s;transition:all .6s;width:36px}#bgOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00a7c8;opacity:0;pointer-events:none;-webkit-transition:opacity .5s;transition:opacity .5s;z-index:50}#bgOverlay.active{opacity:1;pointer-events:auto}.navCircle{position:fixed;top:-60vw;right:-70vw;width:140vw;height:140vw;background:#0575e6;border-radius:50%;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out,-webkit-transform .6s ease-out;z-index:60}@media screen and (min-width:1025px){.navCircle{top:-500px;right:-500px;width:970px;height:1060px}}.navCircle.active{-webkit-transform:scale(1);transform:scale(1)}.gNav{position:fixed;top:0;right:0;width:100vw;max-width:599px;height:100vh;overflow:hidden;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:opacity .6s ease-out .48s,-webkit-transform .6s ease-out .48s;transition:opacity .6s ease-out .48s,-webkit-transform .6s ease-out .48s;transition:transform .6s ease-out .48s,opacity .6s ease-out .48s;transition:transform .6s ease-out .48s,opacity .6s ease-out .48s,-webkit-transform .6s ease-out .48s;will-change:transform,opacity}.gNav.open{z-index:999;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}@-webkit-keyframes navHideRotate{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes navHideRotate{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.gNav.hide{-webkit-animation:navHideRotate 1s ease forwards;animation:navHideRotate 1s ease forwards;opacity:0}ul.gNav--list{position:relative;width:100%;margin:0;padding:0;list-style:none;-webkit-transform:rotate(15deg);transform:rotate(15deg);pointer-events:auto}ul.gNav--list li{width:100%;-webkit-transform-origin:top right;transform-origin:top right;position:absolute}ul.gNav--list li .col{width:200px;margin:0 50% 0 auto;text-align:right}ul.gNav--list li a{display:block;color:#fff;font-weight:700;font-size:2rem;font-family:anton;text-shadow:5px 5px 0 rgba(0,0,0,.25)}ul.gNav--list li:nth-child(1){-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}ul.gNav--list li:nth-child(2){-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}ul.gNav--list li:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}ul.gNav--list li:nth-child(4){-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}@-webkit-keyframes focusIn{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}50%{-webkit-filter:blur(12px);filter:blur(12px);opacity:.3}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focusIn{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}50%{-webkit-filter:blur(12px);filter:blur(12px);opacity:.3}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.hero-section{background:linear-gradient(173.82deg,#f9db00 31.72%,#00a7c8 69.94%);position:relative;z-index:2}@media screen and (max-width:599px){.hero-section{aspect-ratio:430/577}}@media screen and (min-width:600px){.hero-section{max-height:620px}}.hero-section::after{position:absolute;right:0;bottom:0;content:"";width:100%;height:100%;background:url(../images/hero-back_sp.png) no-repeat top center;background-size:contain;-webkit-animation:focusIn 1.2s ease-out .3s forwards;animation:focusIn 1.2s ease-out .3s forwards;opacity:0}@media screen and (min-width:600px){.hero-section::after{background:url(../images/hero-back_pc.png) no-repeat bottom center;background-size:140% auto;background-position:50% 140%}}@media screen and (min-width:1025px){.hero-section::after{background-size:clamp(700px,100vw,1400px) auto;background-position:100% 180%}}.hero-section .hero-content{width:100%;max-width:var(--inner-width);margin:0 auto}.hero-section .h1-wrap{padding:clamp(95px,14vw,130px) clamp(1rem,3.25vw,2.25rem)}@media screen and (min-width:1025px){.hero-section .h1-wrap{padding:clamp(95px,14vw,130px) 0}}.hero-section .h1-wrap h1{max-width:430px;font-family:var(--font-title-en);font-size:6rem;color:#fff;text-shadow:10px 0 0 rgba(0,0,0,.1);line-height:140%}.hero-section .h1-wrap h1 .masked-text{display:block;white-space:nowrap;overflow:visible;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(black),to(black));-webkit-mask-image:linear-gradient(to right,#000 0,#000 100%);mask-image:-webkit-gradient(linear,left top,right top,from(black),to(black));mask-image:linear-gradient(to right,#000 0,#000 100%);-webkit-mask-size:0 120%;mask-size:0 120%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation:revealMask 1s ease-out forwards;animation:revealMask 1s ease-out forwards}.hero-section .h1-wrap h1 .masked-text01{-webkit-animation:revealMask 1s ease-out .3s forwards;animation:revealMask 1s ease-out .3s forwards}.hero-section .h1-wrap h1 .masked-text02{-webkit-animation:revealMask 1s ease-out .6s forwards;animation:revealMask 1s ease-out .6s forwards}.hero-section .h1-wrap h1 .masked-text03{-webkit-animation:revealMask 1s ease-out .9s forwards;animation:revealMask 1s ease-out .9s forwards}@-webkit-keyframes revealMask{to{-webkit-mask-size:120% 120%;mask-size:120% 120%}}@keyframes revealMask{to{-webkit-mask-size:120% 120%;mask-size:120% 120%}}@media screen and (max-width:599px){.hero-section.single-page{aspect-ratio:430/290}}@media screen and (min-width:600px){.hero-section.single-page{max-height:330px}}.hero-section.single-page::after{background:url(../images/hero-single-back_sp.png) no-repeat bottom center;background-size:contain}@media screen and (min-width:600px){.hero-section.single-page::after{background:url(../images/hero-back_pc.png) no-repeat bottom center;background-size:100% auto;background-position:100% 200%}}@media screen and (min-width:1025px){.hero-section.single-page::after{background-size:clamp(700px,100vw,1100px) auto;background-position:100% -150%}}.section-contents .section-contents--inner{width:92%;max-width:var(--inner-width);margin:0 auto;padding:clamp(2rem,6.5vw,80px) 0}.section-contents .h-title-en h2{font-family:var(--font-title-en)}.section-contents h2{font-size:4rem;margin-bottom:0;position:relative}.section-contents h2::after{content:"";background:url(../images/arrow-right-bl.svg) no-repeat left center;width:20px;height:4rem;display:block;position:absolute;top:50%;right:-60px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:599px){.section-contents h2.h2-long{width:70%}}.portfolio-section{position:relative;z-index:0}.portfolio-section h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;background:linear-gradient(103.89deg,#00a7c8 66.07%,#7ac067 99.28%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.portfolio-title--area,.portfolio-title--circle{position:relative;z-index:0}.portfolio-h2,.portfolio-list{position:relative;z-index:1}.portfolio-title--circle::before{content:"";position:absolute;top:-30vw;left:-30vw;width:clamp(300px,120vw,800px);height:clamp(300px,120vw,800px);background:var(--accent-color);z-index:-1;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}@media screen and (min-width:1025px){.portfolio-title--circle::before{top:-200px;left:-200px}}@media (min-width:1440px){.portfolio-title--circle::before{top:-280px;left:min(-400px,-50%)}}.portfolio-title--circle[data-bg=expanded]::before{-webkit-transform:scale(1);transform:scale(1)}.splide__track{position:relative;z-index:1}@media screen and (max-width:599px){.splide__track{height:80vh!important}}.ttb-adjusted{padding:60px 0}.splide__arrow{position:absolute;z-index:10;pointer-events:auto}.splide__pagination__page.is-active{background:#00a7c8;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1}.splide--contents-block{margin:0 4%;padding:clamp(1rem,3.25vw,2.25rem);background:rgba(255,255,255,.8);border:1px solid #00a7c8;-webkit-box-shadow:12px 14px 0 #00a7c8;box-shadow:12px 14px 0 #00a7c8;height:auto}@media screen and (min-width:600px){.splide--contents-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:2rem;-webkit-column-gap:4%;-moz-column-gap:4%;column-gap:4%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:auto}}.site-block{margin:1.5rem 16px}.portfolio-list a{color:var(--text-color)}.portfolio-list .information-block .h3-wrap{position:relative;padding:4px 8px}.portfolio-list .information-block .h3-wrap::after{content:"";position:absolute;width:100%;height:4px;bottom:0;left:0;background:-webkit-gradient(linear,left top,right top,color-stop(80.77%,#00a7c8),to(#f9db00));background:linear-gradient(90deg,#00a7c8 80.77%,#f9db00 100%)}.portfolio-list .information-block .h3-wrap h3{font-size:clamp(1rem,.875rem + .5vw,1.125rem);font-weight:400}.portfolio-list .site-block ul{margin:0 auto;padding:0;list-style:none}.portfolio-list .site-block ul li{margin-bottom:1rem;border-left:3px var(--primary-color) solid;line-height:1;padding-left:8px}.portfolio-list .site-block .tag-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio-list .site-block .tag-flex span{font-size:.75rem;color:#fff;background:var(--primary-color);border-radius:999px;padding:2px 16px}.portfolio-list .concept-block{margin:1rem 0 1rem 16px}@media screen and (min-width:600px){.portfolio-list .concept-block{margin:1.5rem 16px}}.portfolio-list .concept-block p{font-size:.875rem;line-height:1.6}@media screen and (max-width:599px){.portfolio-list .concept-block p{font-size:.75rem;line-height:1.4}}.portfolio-list .capture-block{width:100%;max-width:100px;margin:0 auto;max-height:280px;overflow:hidden}.portfolio-list .capture-block img{width:100%;max-width:200px;height:auto}@media screen and (min-width:600px){.portfolio-list .capture-block{margin:0 auto;max-width:370px;max-height:395px;width:50%}}.portfolio-list .portfolio-detailPage-link{margin:0 16px .5rem;text-align:end}.portfolio-list .portfolio-detailPage-link a{display:inline-block;border:1px var(--primary-color) solid;padding:4px 16px;border-radius:999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color .4s ease,color .3s ease;transition:background-color .4s ease,color .3s ease;color:var(--primary-color)}.portfolio-list .portfolio-detailPage-link a:hover{background:rgba(0,167,200,.9);color:#fff}.note-portfolio-section{margin:clamp(1.5rem,4vw,3rem) 4%;padding:clamp(1.5rem,4vw,2.5rem);background:#fff;position:relative;font-size:.875rem}.note-portfolio-section::after{content:"";position:absolute;pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);border:1px var(--primary-color) dashed;top:8px;left:8px}.note-portfolio-section p:last-child{margin-bottom:0}.profile-section{background:var(--primary-color);position:relative}.profile-section h2{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;background:linear-gradient(138.46deg,#fff 63.8%,#f9db00 94.31%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.profile-section h2::after{content:"";background:url(../images/arrow-right-wh.svg) no-repeat left center}.profile--contents-block{margin:clamp(1.5rem,4vw,3rem) auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:20px;-webkit-column-gap:4%;-moz-column-gap:4%;column-gap:4%}.profile--contents-block .profile-icon{width:88%;margin:0 auto}@media screen and (min-width:600px){.profile--contents-block .profile-icon{max-width:150px}}.profile--contents-block .profile-icon figure{text-align:center}.profile--contents-block .profile-icon img{width:100%;max-width:200px;border-radius:999px}.profile--contents-block .profile-icon .note{padding:1rem 8px;border-top:1px #fff dashed}.profile--contents-block .profile-icon .note *{color:#fff;line-height:1.7;font-size:.875rem}.profile--contents-block .profile-icon .name{text-align:right}.profile--contents-block .profile-note{width:85%;margin:0 auto}@media screen and (min-width:600px){.profile--contents-block .profile-note{width:85%}}.profile--contents-block .profile-note dl *{color:#fff}.profile--contents-block .profile-note dl dt{padding:1rem 0}.profile--contents-block .profile-note dl dt h3{font-size:1rem;padding:4px 0;border:1px #fff solid;width:8rem;text-align:center;background:rgba(0,0,0,.175)}.profile--contents-block .profile-note dl dd{padding:clamp(1rem,3.25vw,2.25rem) 4%;background:rgba(0,0,0,.2)}.profile--contents-block .profile-note dl dd .history{border-bottom:1px #fff solid}.profile--contents-block .profile-note dl dd p{margin:.5rem auto 1rem;font-size:.875rem}.profile--contents-block .profile-note dl dd p:last-child{margin-bottom:0}.profile--contents-block .profile-note dl dd ul{margin:0 auto}.profile--contents-block .profile-note dl dd ul li{margin-bottom:1rem}.profile--contents-block .profile-note dl dd ul li:last-child{margin-bottom:0}.profile--contents-block .profile-note dl dd ul li .skill-note--js{font-size:.875rem}.profile--contents-block .profile-note dl dd .skill-note--realworld{margin:clamp(1.5rem,4vw,2.5rem) auto 0;background:rgba(0,0,0,.25);padding:.5rem 16px}.profile--contents-block .profile-note dl dd .skill-note--realworld p{margin:0 auto}.profile--contents-block .profile-note .note-block{margin:clamp(1.5rem,4vw,3rem) auto;padding:clamp(1.5rem,4vw,2.5rem);background:#fff;position:relative;font-size:.875rem}.profile--contents-block .profile-note .note-block::after{content:"";position:absolute;pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);border:1px var(--primary-color) dashed;top:8px;left:8px}.profile--contents-block .profile-note .note-block .github-link{border:1px #056 solid;background-color:var(--secondary-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile--contents-block .profile-note .note-block .github-link:hover{background:#056;-webkit-transition:background-color .3s ease-in-out 0s;transition:background-color .3s ease-in-out 0s}.profile--contents-block .profile-note .note-block .github-link a{color:#fff;display:block;padding:8px 16px}@media screen and (max-width:599px){.profile--contents-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width:600px){.profile--contents-block .profile-icon{width:30%;max-width:250px}.profile--contents-block .profile-note{width:70%}}.contact-section{position:relative;z-index:0}.contact-section h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;background:linear-gradient(103.89deg,#00a7c8 66.07%,#7ac067 99.28%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.contact--contents-block.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:4%;-moz-column-gap:4%;column-gap:4%}@media screen and (max-width:834px){.contact--contents-block.flex-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.contact--contents-block .information-text{margin:clamp(2rem,4vw,2.5rem) 0}@media screen and (min-width:835px){.contact--contents-block .information-text{width:35%;max-width:380px}}@media screen and (max-width:834px){.contact--contents-block .information-text{width:70%;margin:2rem auto 0 25%}}@media screen and (max-width:599px){.contact--contents-block .information-text{width:90%;margin:2rem auto 0}}.contact--contents-block .information-text *{font-size:.875rem}@media screen and (min-width:835px){.contact--contents-block .information-text.thanks-text{width:70%;max-width:600px;margin:2rem auto}}.contact--contents-block .information-text ul{list-style:none;margin:1.5rem auto;padding:0}.contact--contents-block .information-text ul li{margin-bottom:1rem}.contact--contents-block .information-text ul li:last-child{margin-bottom:0}.contact--contents-block .information-text ul.schedule-list span{color:#fff;background:var(--primary-color);border-radius:999px;padding:4px 16px}.contact--contents-block .contact-form{max-width:600px}@media screen and (min-width:835px){.contact--contents-block .contact-form{width:60%;margin:0 auto}}@media screen and (max-width:834px){.contact--contents-block .contact-form{width:70%;margin:0 auto 0 25%}}@media screen and (max-width:599px){.contact--contents-block .contact-form{margin:0 auto;width:100%}}.contact--contents-block .contact-form .note-must{font-size:.875rem;color:#c00;text-align:right}.contact--contents-block .contact-form form#mailformpro dt.mfp{font-weight:400;line-height:1.3}@media screen and (min-width:835px){.contact--contents-block .contact-form form#mailformpro dt.mfp{width:35%}}.contact--contents-block .contact-form form#mailformpro dt.mfp span.sup{display:block;width:100%;color:var(--primary-color)}.contact--contents-block .contact-form form#mailformpro dt.mfp span.form-must{color:#c00}@media screen and (min-width:835px){.contact--contents-block .contact-form form#mailformpro dd{width:60%}}.contact--contents-block .contact-form form#mailformpro input,.contact--contents-block .contact-form form#mailformpro textarea{border:none;border:1px solid var(--primary-color);background-color:transparent;color:var(--text-color);padding:.5rem;font-family:inherit;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.contact--contents-block .contact-form form#mailformpro input:focus,.contact--contents-block .contact-form form#mailformpro textarea:focus{border-color:var(--secondary-color);-webkit-box-shadow:0 0 3px var(--secondary-color);box-shadow:0 0 3px var(--secondary-color);outline:0}.privacy-policy{width:100%;margin:1.5rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.privacy-policy ul{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:550px}.privacy-policy ul li{font-size:.75rem;margin-bottom:.5rem}.returnToTop{opacity:0;position:fixed;bottom:50px;right:4%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;text-align:center;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s;transition:opacity .3s ease,transform .3s ease,visibility .3s,-webkit-transform .3s ease}.returnToTop i{font-size:2.5rem;color:rgba(0,0,0,.6)}.returnToTop.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.returnToTop .caption{font-size:.75rem;color:var(--text-color)}.section-single-page .single-h2{position:relative}.section-single-page .single-h2::after{content:"";position:absolute;width:100%;height:9px;left:0;bottom:0;background:-webkit-gradient(linear,left top,right top,color-stop(80.77%,#00a7c8),to(#f9db00));background:linear-gradient(90deg,#00a7c8 80.77%,#f9db00 100%)}.section-single-page .single-h2 h2{font-size:clamp(1.375rem,3vw + .25rem,1.875rem);padding:0 0 1rem 8px}.section-single-page .single-h2 h2::after{content:none;display:none}.section-single-page h3{font-size:clamp(1.25rem,3vw + .25rem,2rem)}.section-single-page h4{font-size:clamp(1.125rem,2vw + .5rem,1.625rem)}.screenshot-page .return-home,.section-single-page .return-home{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:clamp(2rem,6vw,4rem) 0}.screenshot-page .return-home a,.section-single-page .return-home a{padding:8px 24px;border:1px var(--primary-color) solid;border-radius:999px;color:var(--primary-color)}.screenshot-page .return-home a:hover,.section-single-page .return-home a:hover{color:#fff;background:var(--primary-color);-webkit-transition:all .5s ease;transition:all .5s ease}.portfolio-single-page .section-contents--inner{width:88%;max-width:var(--inner-width);margin:0 auto;padding:clamp(2rem,6.5vw,80px) 0}.portfolio-single-page .details-block h4{font-size:clamp(1rem,1.75vw + .5rem,1.25rem);margin:clamp(1rem,3.25vw,2.25rem) auto;border-bottom:dashed 1px var(--primary-color);padding-bottom:.5rem}.portfolio-single-page .details-block p{line-height:1.6}@media screen and (max-width:599px){.portfolio-single-page .details-block li,.portfolio-single-page .details-block p,.portfolio-single-page .details-block span{font-size:.875rem;line-height:1.4}}.portfolio-single-page .details-block .summary-list{list-style:initial;padding-left:2rem}.portfolio-single-page .details-block .summary-list li{margin-bottom:1rem;border:none}.portfolio-single-page .site-block ul{margin:0 auto;padding:0;list-style:none}.portfolio-single-page .site-block ul li{margin-bottom:1rem;border-left:3px var(--primary-color) solid;padding-left:8px}.portfolio-single-page .site-block .tag-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio-single-page .site-block .tag-flex span{font-size:.75rem;color:#fff;background:var(--primary-color);border-radius:999px;padding:2px 16px}.portfolio-single-page .site-block .site-block-title{position:relative;margin-bottom:clamp(2rem,4.5vw,3.5rem)}.portfolio-single-page .site-block .site-block-title h3{position:relative;z-index:2}.portfolio-single-page .site-block .site-block-title::before{content:"";position:absolute;background-color:rgba(255,255,28,.75);width:100%;height:100%;left:-4%;padding:8px;top:8px;rotate:-3deg;z-index:1;pointer-events:none}.portfolio-single-page .site-block .site-block-title::after{content:"";position:absolute;background-color:rgba(0,167,200,.75);width:100%;height:100%;left:-2%;padding:8px;top:8px;rotate:-6deg;z-index:0;pointer-events:none}.portfolio-single-page .portfolio-contents-block{margin:clamp(1.5rem,4vw,3rem) 16px;padding:clamp(1rem,3.25vw,2.25rem);-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);border:1px solid #00a7c8;-webkit-box-shadow:12px 14px 0 #00a7c8;box-shadow:12px 14px 0 #00a7c8;position:relative}@media screen and (min-width:600px){.portfolio-single-page .portfolio-contents-block::before{content:"";position:absolute;top:-16px;left:-16px;border:1px solid #00a7c8;width:100%;height:100%;pointer-events:none}}.portfolio-single-page .single-contents-block{margin:clamp(50px,6vw,100px) auto}.portfolio-single-page .single-contents-block .item-block{margin:clamp(50px,6vw,100px) auto;-webkit-transition-delay:.6s;transition-delay:.6s}.portfolio-single-page .column-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:20px;-webkit-column-gap:4%;-moz-column-gap:4%;column-gap:4%}@media screen and (max-width:834px){.portfolio-single-page .column-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width:835px){.portfolio-single-page .column-flex .column-1{width:48%}}.portfolio-single-page .screenshot-block img{width:100%}.portfolio-single-page .screenshot-block ul{width:80%;margin:0 auto}.portfolio-single-page .screenshot-block ul li{border:none!important}.portfolio-single-page .screenshot-block ul li a{display:block}.screenshot-page .bg-dark{background:var(--theme-dark)}.screenshot-page .bg-light{background:var(--theme-light)}.screenshot-container .screenshot-img{width:100%;max-width:1440px;margin:0 auto}.screenshot-container .screenshot-img img{width:100%}.footer{background:var(--primary-color);color:#fff}.footer--copyright{text-align:right}.footer--inner{width:92%;max-width:var(--box-width);margin:0 auto;padding:.5rem 0}.mfp_rows{clear:both}.mfp_rows:after{content:"";clear:both;height:0;display:block;visibility:hidden}.mfp_rows button,.mfp_rows input[type=date],.mfp_rows input[type=email],.mfp_rows input[type=file],.mfp_rows input[type=number],.mfp_rows input[type=tel],.mfp_rows input[type=text],.mfp_rows select,form#mailformpro .mfp_rows label{width:100%;min-width:100%;word-break:break-all;white-space:normal}.mfp_rows textarea{width:100%;min-width:100%}.mfp_rows .mfp_col1,.mfp_rows .mfp_col10,.mfp_rows .mfp_col2,.mfp_rows .mfp_col25,.mfp_rows .mfp_col3,.mfp_rows .mfp_col4,.mfp_rows .mfp_col5,.mfp_rows .mfp_col6,.mfp_rows .mfp_col7,.mfp_rows .mfp_col8,.mfp_rows .mfp_col9{float:left;padding:0 1.5%}.mfp_rows .mfp_col1{width:10%}.mfp_rows .mfp_col2{width:20%}.mfp_rows .mfp_col3{width:30%}.mfp_rows .mfp_col4{width:40%}.mfp_rows .mfp_col5{width:50%}.mfp_rows .mfp_col6{width:60%}.mfp_rows .mfp_col7{width:70%}.mfp_rows .mfp_col8{width:80%}.mfp_rows .mfp_col9{width:90%}.mfp_rows .mfp_col10{width:100%}.mfp_rows .mfp_col25{width:25%}div.mfp_buttons .mfp_element_button,div.mfp_buttons .mfp_element_reset,div.mfp_buttons .mfp_element_submit,div.mfp_buttons button,div.mfp_buttons button.mfp_next,div.mfp_buttons button.mfp_prev{border:1px var(--primary-color) solid;border-radius:999px;text-shadow:none;-webkit-box-shadow:none;box-shadow:none;font-size:clamp(1rem,.875rem + .5vw,1.25rem);color:var(--primary-color);padding:.5rem 32px;background:0 0}div.mfp_buttons .mfp_element_button:hover,div.mfp_buttons .mfp_element_reset:hover,div.mfp_buttons .mfp_element_submit:hover,div.mfp_buttons button.mfp_next:hover,div.mfp_buttons button.mfp_prev:hover,div.mfp_buttons button:hover{color:#fff;background-color:var(--primary-color);-webkit-transition:all .4s ease-in 0s;transition:all .4s ease-in 0s}div.mfp_buttons .mfp_element_button:hover svg path,div.mfp_buttons .mfp_element_reset:hover svg path,div.mfp_buttons .mfp_element_submit:hover svg path,div.mfp_buttons button.mfp_next:hover svg path,div.mfp_buttons button.mfp_prev:hover svg path,div.mfp_buttons button:hover svg path{stroke:#fff;-webkit-transition:all .4s ease-in 0s;transition:all .4s ease-in 0s}div.mfp_err{background-image:none;padding:3px 0 5px 0}