@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://use.typekit.net/svx2vby.css";/*! 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}body{overflow-x:hidden;box-sizing:border-box;font-family:Noto Sans JP,serif;font-weight:400;font-style:normal;line-height:1.8;letter-spacing:.05em;color:var(--colors-gray-900)}:root{--colors-primary-50: #e2f5ef;--colors-primary-100: #b8e6d5;--colors-primary-200: #8ad6bb;--colors-primary-300: #60c4a1;--colors-primary-400: #47b68f;--colors-primary-500: #3aa77f;--colors-primary-600: #359a72;--colors-primary-700: #2e8963;--colors-primary-800: #287956;--colors-primary-900: #1e5c3c;--colors-complementary-50: #f4e2e9;--colors-complementary-100: #e6b7c8;--colors-complementary-200: #d68aa5;--colors-complementary-300: #ca5e83;--colors-complementary-400: #c33d6b;--colors-complementary-500: #be1b54;--colors-complementary-600: #ae1a50;--colors-complementary-700: #99184b;--colors-complementary-800: #851446;--colors-complementary-900: #620e3b;--colors-analogous-50: #e1f2f5;--colors-analogous-100: #b5dfe7;--colors-analogous-200: #8acbd6;--colors-analogous-300: #62b6c6;--colors-analogous-400: #48a9bc;--colors-analogous-500: #389cb1;--colors-analogous-600: #348ea0;--colors-analogous-700: #2e7a88;--colors-analogous-800: #286771;--colors-analogous-900: #1c4649;--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}.l-fv{width:100vw;height:100vh;position:relative;overflow:hidden}.heroImg{background-image:url(./firstimg-ECMQOyI_.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100px;height:51vh;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:0;filter:brightness(107%)}.boxA{position:absolute;background-color:var(--colors-primary-50);width:24vw;height:35px;top:11vh;left:0}.boxB{position:absolute;background-color:var(--colors-gray-200);width:24vw;height:35px;top:19vh;right:0;z-index:10}.boxC{display:block}.boxD{position:absolute;bottom:0;background-color:var(--colors-gray-200);filter:blur(2.5px);width:100vw;height:50vh;z-index:10}@media screen and (min-width: 768px){.l-fv{width:100vw;height:100vh;position:relative;overflow-x:hidden}.brSP{display:none}.heroImg{width:22vw;height:99vh;filter:brightness(100%)}.boxA{background-color:var(--colors-gray-200);width:17.3vw;height:13.9vh;top:0}.boxB{width:45vw;height:6vw;top:calc(16% + 5.5vw)}.boxC{display:block;position:absolute;background-color:var(--colors-primary-50);width:6vw;height:calc(84vh - 14vw);bottom:1%;left:15%}.boxD{position:absolute;bottom:0;background-color:var(--colors-gray-200);filter:blur(2.5px);width:100vw;height:30vh;z-index:0}}.l-section{width:100vw;height:auto;padding:80px 10%}.l-section__message{height:100vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;align-self:stretch}.l-section__use{position:relative;max-width:1200px;width:100%}@media screen and (min-width: 768px){.l-section{width:100vw;height:auto;padding:160px 8.3%}.l-section__message{padding:160px 20%}.l-section__use{height:100vh}}.l-footer{display:flex;padding:20px 40px;flex-direction:column;align-items:flex-start;gap:64px;align-self:stretch;background-image:url(./noisy-gradients02-C-WzMk9v.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (min-width: 768px){.l-footer{padding:40px 120px}}.c-title{font-family:futura-pt,sans-serif;color:var(--colors-gray-900);font-size:5rem;font-weight:600;line-height:1;letter-spacing:8%;text-transform:uppercase}.c-title span{font-family:futura-pt,sans-serif;color:var(--colors-primary-200);font-size:5rem;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.c-middleTitle{color:#fffc;font-family:futura-pt,sans-serif;font-size:min(10vw,15rem);font-weight:600;text-transform:uppercase}.c-smallTitle{color:#fffc;font-family:futura-pt,sans-serif;font-size:4rem;font-weight:500;text-transform:uppercase}@media screen and (min-width: 768px){.c-title,.c-title span{font-size:8vw}.c-middleTitle{font-size:min(10vw,15rem)}.c-smallTitle{font-size:6rem}}.c-subTitle{color:var(--colors-gray-900);font-size:2rem;font-style:normal;position:relative;text-align:center}@media screen and (min-width: 768px){.c-subTitle{font-size:2.7vw;text-align:left}}.c-btn{border-radius:8px;border:1px solid var(--colors-gray-300);background:var(--colors-gray-900);box-shadow:2px 2px 4px #00000040;color:var(--colors-gray-300);display:flex;align-items:center;justify-content:center;gap:8px;width:200px;height:60px;padding:16px 24px;font-family:futura-pt,sans-serif;font-size:1.8rem;font-weight:500;overflow:hidden;position:relative;z-index:0}.c-btn:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.5%204C8.08172%204%204.5%207.58172%204.5%2012C4.5%2016.4183%208.08172%2020%2012.5%2020C16.9183%2020%2020.5%2016.4183%2020.5%2012C20.5%207.58172%2016.9183%204%2012.5%204ZM2.5%2012C2.5%206.47715%206.97715%202%2012.5%202C18.0228%202%2022.5%206.47715%2022.5%2012C22.5%2017.5228%2018.0228%2022%2012.5%2022C6.97715%2022%202.5%2017.5228%202.5%2012Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.7929%208.29289C11.1834%207.90237%2011.8166%207.90237%2012.2071%208.29289L15.2071%2011.2929C15.5976%2011.6834%2015.5976%2012.3166%2015.2071%2012.7071L12.2071%2015.7071C11.8166%2016.0976%2011.1834%2016.0976%2010.7929%2015.7071C10.4024%2015.3166%2010.4024%2014.6834%2010.7929%2014.2929L13.0858%2012L10.7929%209.70711C10.4024%209.31658%2010.4024%208.68342%2010.7929%208.29289Z'%20fill='white'/%3e%3c/svg%3e");width:24px;height:24px}.c-btn__bg{display:block;position:absolute;top:0;left:0;z-index:-1;width:500px;height:auto;aspect-ratio:1;border-radius:50%;scale:0;transform-origin:center center;margin-top:-250px;margin-left:-250px;background-color:var(--colors-primary-200);transition:scale .8s cubic-bezier(.25,1,.5,1)}@media (any-hover: hover){.c-btn:hover{color:var(--colors-gray-900);transition:color .5s cubic-bezier(.25,1,.5,1);box-shadow:none}.c-btn:hover:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.2929%208.29289C10.6834%207.90237%2011.3166%207.90237%2011.7071%208.29289L14.7071%2011.2929C15.0976%2011.6834%2015.0976%2012.3166%2014.7071%2012.7071L11.7071%2015.7071C11.3166%2016.0976%2010.6834%2016.0976%2010.2929%2015.7071C9.90237%2015.3166%209.90237%2014.6834%2010.2929%2014.2929L12.5858%2012L10.2929%209.70711C9.90237%209.31658%209.90237%208.68342%2010.2929%208.29289Z'%20fill='%23222222'/%3e%3c/svg%3e");width:24px;height:24px;transition:all .8s cubic-bezier(.25,1,.5,1)}.c-btn:hover .c-btn__bg{scale:1}}.c-btn.hover{color:var(--colors-gray-900);transition:color .5s cubic-bezier(.25,1,.5,1);box-shadow:none}.c-btn.hover:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204ZM2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.2929%208.29289C10.6834%207.90237%2011.3166%207.90237%2011.7071%208.29289L14.7071%2011.2929C15.0976%2011.6834%2015.0976%2012.3166%2014.7071%2012.7071L11.7071%2015.7071C11.3166%2016.0976%2010.6834%2016.0976%2010.2929%2015.7071C9.90237%2015.3166%209.90237%2014.6834%2010.2929%2014.2929L12.5858%2012L10.2929%209.70711C9.90237%209.31658%209.90237%208.68342%2010.2929%208.29289Z'%20fill='%23222222'/%3e%3c/svg%3e");width:24px;height:24px;display:inline-block;transition:all .8s cubic-bezier(.25,1,.5,1)}.c-btn.hover .c-btn__bg{scale:1}.c-text{color:var(--colors-gray-900);font-size:2rem;letter-spacing:.05em}@media screen and (min-width: 768px){.c-text{font-size:min(2.7vw,3.2rem)}}.c-topic{font-size:2.4rem;font-weight:500;text-align:center}@media screen and (min-width: 768px){.c-topic{font-size:3.2rem;font-weight:500}}.c-stickyNote__title{font-size:2rem;line-height:1}.c-stickyNote__description{font-size:1.6rem}@media screen and (min-width: 768px){.c-stickyNote__title{font-size:min(1.6vw,24px)}.c-stickyNote__description{font-size:min(1.1vw,16px)}}.useImg img{min-width:178px;min-height:350px;width:19vw;height:auto}.useImg:nth-child(2){display:none}@media screen and (min-width: 768px){.useImg img{max-width:279.131px;max-height:550px;width:19vw;height:auto}.useImg:nth-child(2){display:block}}.c-grid{padding:24px 40px;max-width:290px;width:75vw;height:350px;display:flex;justify-content:center;align-items:center;border-radius:3px;position:relative;overflow:hidden}@media screen and (min-width: 768px){.c-grid{padding:24px 40px;max-width:500px;max-height:500px;width:35vw;height:35vw;display:flex;justify-content:center;align-items:center;border-radius:3px;position:relative;overflow:hidden}}.p-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}@media screen and (min-width: 768px){.p-buttons{flex-direction:row;gap:40px}}.p-textBox{display:flex;flex-direction:column-reverse;gap:0px;position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:20}@media screen and (min-width: 768px){.p-textBox{top:16%;left:10%;transform:translate(0)}}.p-appCV{max-width:440px;display:flex;flex-direction:column;gap:0;align-items:center;justify-items:center;position:absolute;bottom:6%;left:50%;transform:translate(-50%);z-index:30}.p-appCV img{width:380px}@media screen and (min-width: 768px){.p-appCV{left:auto;right:4%;transform:translate(0)}.p-appCV img{width:600px}}.p-message{display:flex;flex-direction:column;align-items:stretch;gap:80px;align-self:stretch;text-align:center}@media screen and (min-width: 768px){.p-message{gap:15vh}.c-text{text-align:left}.c-text:nth-child(2){text-align:right}}.p-stickyNote{display:flex;width:100%;padding:20px 24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;background-color:var(--colors-primary-50);color:var(--colors-gray-900);z-index:0;cursor:pointer;box-shadow:4px 4px 6px #a0a0a040}.p-stickyNote.is-active{z-index:50}@media screen and (min-width: 768px){.p-stickyNote{max-width:520px;max-height:140px;width:36vw;padding:1.6vw 2.8vw;gap:min(1.6vw,16px)}}.p-stickyNotes{display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 768px){.p-stickyNotes{position:absolute;top:32vh;left:60vw;gap:4.4vw}.p-stickyNotes.habit{left:auto;right:60vw}}@media screen and (min-width: 1200px){.p-stickyNotes{position:absolute;top:32vh;left:63%;gap:64px}.p-stickyNotes.habit{left:auto;right:63%}}.p-useContents{display:flex;flex-direction:column-reverse;gap:16px;align-items:center;justify-content:center}.p-useImg__contents{padding:40px;width:100%;height:auto;align-items:center;justify-content:center;gap:40px;background-image:url(./noisy-gradients-S_WapvaW.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;display:none}.p-useImg__contents.habit{left:auto;right:0}@media screen and (min-width: 768px){.p-useImg__contents{width:74%;position:absolute;top:30vh;left:0;z-index:10}.p-useImg__contents.habit{left:auto;right:0}}.p-grids{display:grid;gap:32px;justify-items:center;align-items:center}@media screen and (min-width: 768px){.p-grids{grid-template-columns:repeat(auto-fit,min(500px,35vw));gap:32px;max-width:calc(min(500px,35vw)*2 + 32px)}}.p-CV{display:flex;height:500px;padding:80px 20px;flex-direction:column;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch;border-radius:3px;background-image:url(./noisy-gradients02-C-WzMk9v.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}@media screen and (min-width: 768px){.p-CV{height:500px;padding:80px 64px}}.u-margin__topL{margin-top:32px}.u-margin__autoL{margin:32px auto}.u-margin__auto{margin:0 auto}@media screen and (min-width: 768px){.u-margin__topL{margin-top:80px}.u-margin__autoL{margin:80px auto}}.u-maxwidth{max-width:1200px}.p-stickyNote.is-active{background-color:var(--colors-primary-200);color:var(--colors-gray-100)}.p-useImg__contents.is-active{display:flex}.card{width:100%;height:100%;backface-visibility:hidden;transition:rotate .8s cubic-bezier(.33,1,.68,1);background-color:var(--colors-primary-50);position:absolute;top:0;left:0}.front{rotate:0 1 0 0deg}.back{rotate:0 1 0 180deg;border-image:url(./noisy-gradients02-C-WzMk9v.jpg) 30 / 3px round}.front__text{text-align:center;position:absolute;width:80%;top:50%;left:10%;color:var(--colors-gray-900);font-size:2rem;font-style:normal;font-weight:600;transform:translateY(-50%)}.back__text{position:absolute;width:80%;top:50%;left:10%;color:var(--colors-gray-900);font-size:1.6rem;font-style:normal;font-weight:600;transform:translateY(-50%)}@media (any-hover: hover){.c-grid:hover .front{rotate:0 1 0 180deg}.c-grid:hover .back{rotate:0 1 0 360deg}}.c-grid.hover .front{rotate:0 1 0 180deg}.c-grid.hover .back{rotate:0 1 0 360deg}@media screen and (min-width: 768px){.front__text{font-size:min(3.2rem,2.5vw)}.back__text{font-size:min(1.6rem,1.1vw)}}.animationA{width:100vw;height:100vh;position:fixed;background-color:var(--colors-primary-200);z-index:100;top:0;left:0}.loadingText{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:120}.loadingText span{color:var(--colors-gray-50);font-size:8vw;text-transform:uppercase;font-weight:700;font-family:futura-pt,sans-serif;opacity:0}
