@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}*{font-size:.625rem}html{scroll-behavior:smooth}body{overflow-x:hidden;box-sizing:border-box;font-family:Noto Sans JP,sans-serif;font-weight:400;font-style:normal;line-height:1.8;letter-spacing:.05em;color:var(--colors-gray-900);background-color:var(--colors-primary-900)}.l-fv{width:100vw;height:100vh;overflow:hidden;background-color:var(--colors-primary-900);position:relative}.row{display:flex;white-space:nowrap;gap:8px;padding:10px 0;transform:rotate(-30deg);position:relative;top:-50%;z-index:0}.cube{background-image:url("data:image/svg+xml,%3csvg%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='100'%20height='100'%20rx='30'%20fill='%233D3D3D'/%3e%3c/svg%3e");width:100px;height:100px;opacity:.05;transition:1.2s;flex-shrink:0}.cube:hover{opacity:.5;transition:0s}.l-section{width:100vw;height:auto;padding:160px 8.3vw;overflow:hidden;background-color:var(--colors-gray-50)}.l-section.first{border-radius:40px 40px 0 0}.l-section.end{border-radius:0 0 40px 40px}.l-section.CV{padding:160px 0;background-color:var(--colors-primary-900)}.l-footer{display:flex;padding:40px 24px;align-items:center;justify-content:space-between;align-self:stretch;background-color:var(--colors-primary-900);position:relative}.l-footer__text{color:var(--colors-gray-50);font-family:Roboto,sans-serif;font-size:1.2rem;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.l-footer__topic{color:var(--colors-gray-900);font-family:Roboto,sans-serif;font-size:4rem;font-weight:500;letter-spacing:.1rem}.l-footer__img{width:50px;height:50px;cursor:pointer}@media screen and (min-width: 820px){.l-footer{padding:40px 9vw}.l-footer__text{position:static;transform:translate(0);font-size:2.4rem}.l-footer__topic{font-size:6.4rem}}.c-title{font-family:Roboto,sans-serif;font-size:8rem;line-height:1;font-weight:500;position:absolute;z-index:100;top:5%;left:50%;transform:translate(-50%);-webkit-user-select:none;user-select:none}.c-subtitle{color:var(--colors-gray-900);font-size:2.4rem;font-weight:400;position:absolute;z-index:100;width:100%;text-align:center;top:18%;left:50%;transform:translate(-50%);-webkit-user-select:none;user-select:none}.subTitle__CV{color:var(--colors-gray-900);text-align:center;font-family:Roboto,sans-serif;font-size:8rem;letter-spacing:.08em}@media screen and (min-width: 820px){.c-title{font-size:15rem;transform:translate(0);left:8.8vw}.c-subtitle{color:var(--colors-gray-900);font-size:4rem;text-align:start;top:25vh;left:8.8vw;transform:translate(0)}}.c-appImg{max-width:1000px}.c-appImg img{width:100%}.c-button{width:auto;height:60px;cursor:pointer}.c-button:nth-last-child(1){height:75px}.c-button img{height:100%}.c-topic{font-size:2.4rem;text-align:center}.c-subTopic{font-size:2rem}.c-subTopic__use{font-family:Roboto,sans-serif;font-size:2.4rem;font-weight:600;text-transform:uppercase}@media screen and (min-width: 820px){.c-topic{font-size:4.8rem}.c-subTopic,.c-subTopic__use{font-size:3.2rem}}.c-textBox{display:flex;flex-direction:column;gap:56px;width:100%}.textBox{display:flex;flex-direction:column;gap:32px}@media screen and (min-width: 820px){.c-textBox{gap:40px}.textBox{gap:120px}}.c-imgBox{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.c-img{justify-self:center;max-width:200px;width:100%;height:auto}.c-img.Lsize{max-width:320px}.c-imgBox.column{display:flex;flex-direction:column;align-items:center;gap:40px}@media screen and (min-width: 820px){.c-imgBox.alt{padding:24px 0}}.c-text,.c-text__use{font-size:1.6rem}@media screen and (min-width: 820px){.c-text__use{font-size:2.4rem}}.c-stepCard{display:flex;flex-direction:column;width:100%;height:auto;padding:40px max(20px,4.4vw);gap:80px;border-radius:16px;background-color:var(--colors-gray-200)}@media screen and (min-width: 820px){.c-stepCard{flex-direction:row;padding:64px min(64px,4.4vw);gap:80px}}.c-imgContainer{max-width:180px;width:100%;align-self:center}.c-imgContainer img{width:100%;border-radius:8px;box-shadow:4px 4px 8px #00000040}@media screen and (min-width: 820px){.c-imgContainer{max-width:300px}}.p-AppCV{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;position:absolute;z-index:100;bottom:2%;right:50%;transform:translate(50%);width:400px;height:auto}@media screen and (min-width: 820px){.p-AppCV{bottom:10%;right:1%;width:min(50%,800px);transform:translate(0)}}.p-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}@media screen and (min-width: 820px){.p-buttons{flex-direction:row;gap:40px}}.p-grid{display:grid;gap:16px}.p-secondGrid{max-width:1100px;display:grid;gap:24px;grid-template-columns:1fr}@media screen and (min-width: 820px){.p-grid{max-width:1100px;grid-template-areas:"Area1 Area1" "Area2 Area3" "Area4 Area5"}}.p-Wrapper{display:flex;flex-direction:column;width:100%;height:auto;padding:40px max(40px,4.4vw);align-items:center;justify-content:start;gap:40px;background-color:var(--colors-gray-200);border-radius:16px}@media screen and (min-width: 820px){.p-Wrapper{padding:64px min(64px,4.4vw);gap:40px}.p-Wrapper:nth-child(1){flex-direction:row;grid-area:Area1}.p-Wrapper:nth-child(2){grid-area:Area2}.p-Wrapper:nth-child(3){grid-area:Area3}.p-Wrapper:nth-child(4){grid-area:Area4}.p-Wrapper:nth-child(5){grid-area:Area5}}.p-CV{display:flex;width:100vw;max-height:800px;padding:40px;flex-direction:column;justify-content:center;align-items:center;gap:32px}:root{--colors-primary-50: #fefde8;--colors-primary-100: #fdf9c6;--colors-primary-200: #fdf4a0;--colors-primary-300: #fcf07b;--colors-primary-400: #f9eb5d;--colors-primary-500: #f7e642;--colors-primary-600: #f9d740;--colors-primary-700: #f6bf37;--colors-primary-800: #f3a82f;--colors-primary-900: #ee8021;--colors-gray-50: #ffffff;--colors-gray-100: #f5f5f5;--colors-gray-200: #f2f2f2;--colors-gray-300: #e3e3e3;--colors-gray-400: #d9d9d9;--colors-gray-500: #aeaaaa;--colors-gray-600: #8b8b8b;--colors-gray-700: #5e5e5e;--colors-gray-800: #3d3d3d;--colors-gray-900: #222222}.u-margin__0auto{margin:0 auto}.u-margin__64auto{margin:64px auto 0}.p-Wrapper,.c-stepCard,.p-CV{opacity:0;transform:translateY(50px)}.active{opacity:1;transition:all 1.2s;transform:translateY(0)}
