@font-face{font-family:"quentin";src:url("../fonts/Quentin.otf") format("opentype")}@-webkit-keyframes loopCl{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes loopCl{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes loopClRv{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes loopClRv{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes loopClY{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes loopClY{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes loopClYRv{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes loopClYRv{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes scrbarY{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}45%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top}55%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center bottom}100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes scrbarY{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}45%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top}55%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center bottom}100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@-webkit-keyframes textGradient{0%{color:#81adef}20%{color:#0090f1}40%{color:#4746f3}60%{color:#1ccaee}100%{color:#81adef}}@keyframes textGradient{0%{color:#81adef}20%{color:#0090f1}40%{color:#4746f3}60%{color:#1ccaee}100%{color:#81adef}}#archiveTab{border-bottom:solid 2px #e9eef2;padding:0 5vw;overflow-y:hidden}@media screen and (min-width: 320px){#archiveTab{overflow-x:scroll}}@media screen and (min-width: 600px){#archiveTab{overflow-x:hidden}}#archiveTab ul{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}@media screen and (min-width: 320px){#archiveTab ul{width:70rem}}@media screen and (min-width: 600px){#archiveTab ul{width:auto}}#archiveTab a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;height:4rem;font-size:1rem;background:#fff;border-radius:1rem 1rem 0 0;border-top:solid 2px #e9eef2;border-right:solid 2px #e9eef2;border-bottom:solid 2px #fff;border-left:solid 2px #e9eef2;-webkit-transform:translateY(3px);transform:translateY(3px)}@media screen and (min-width: 320px){#archiveTab a{padding:0 1rem}}@media screen and (min-width: 600px){#archiveTab a{padding:0 3rem}}#archiveTab a::after{content:"";display:block;position:absolute;bottom:-1px;left:35%;width:30%;height:4px;border-radius:3rem;background:#26bec9;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease, -webkit-transform 300ms ease;will-change:transform}#archiveTab a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}#archiveTab .isActive a{background:#e9eef2;font-weight:700}#archiveTab .isActive a::after{-webkit-transform:scaleX(1);transform:scaleX(1)}#articleListBody__simple .inner{padding:0 2.5vw}#articleListBody__simple article{position:relative;border-bottom:solid 1px #e9eef2}@media screen and (min-width: 320px){#articleListBody__simple article{padding:3rem 5vw}}@media screen and (min-width: 600px){#articleListBody__simple article{padding:3rem 10vw}}#articleListBody__simple article::before{content:"";display:block;position:absolute;top:0;left:-2.5vw;width:calc(100% + 5vw);height:100%;background:#e9eef2;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right;-webkit-transition:-webkit-transform 400ms ease;transition:-webkit-transform 400ms ease;transition:transform 400ms ease;transition:transform 400ms ease, -webkit-transform 400ms ease;will-change:transform}#articleListBody__simple article:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}#articleListBody__simple article:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}#articleListBody__simple article:hover h1{text-decoration:underline}#articleListBody__simple a{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#articleListBody__simple figure{margin:0}@media screen and (min-width: 320px){#articleListBody__simple figure{width:100%}}@media screen and (min-width: 600px){#articleListBody__simple figure{width:30%}}#articleListBody__simple img{-webkit-transition:-webkit-transform 400ms ease;transition:-webkit-transform 400ms ease;transition:transform 400ms ease;transition:transform 400ms ease, -webkit-transform 400ms ease;will-change:transform}#articleListBody__simple .info{padding:3rem 0 0}@media screen and (min-width: 320px){#articleListBody__simple .info{width:100%}}@media screen and (min-width: 600px){#articleListBody__simple .info{width:65%}}#articleListBody__simple h1{font-weight:400;font-size:1.6rem}#articleListBody__simple p{font-size:.84rem;opacity:.7;margin-bottom:1rem}#articleListBody__simple .subInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9rem}#articleListBody__simple .cat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#articleListBody__simple .cat li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 0 1rem}#articleListBody__simple .cat li::before{content:"";display:block;position:absolute;top:calc(50% - .375rem);left:0;width:.75rem;height:.75rem;border-radius:50%;background:#eca602}#articleListBody__simple time{opacity:.7}#articleMain .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 320px){#articleMain .inner{padding:0 5vw 5rem}}@media screen and (min-width: 600px){#articleMain .inner{padding:0 15vw 5rem 10vw}}#articleBody{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 320px){#articleBody{width:100%}}@media screen and (min-width: 600px){#articleBody{width:70%}}@media screen and (min-width: 320px){#articleBody .container{width:calc(100% - 10vw)}}@media screen and (min-width: 600px){#articleBody .container{width:calc(100% - 5vw)}}#articleBody .container .postInner{width:100%;background:#fff;border-radius:1rem;-webkit-box-shadow:0 3px 30px -10px rgba(0,0,0,.15);box-shadow:0 3px 30px -10px rgba(0,0,0,.15)}@media screen and (min-width: 320px){#articleBody .container .postInner{padding:1.5rem}}@media screen and (min-width: 600px){#articleBody .container .postInner{padding:2.5rem}}#articleBody .container *:first-child{margin-top:0}#articleBody .container h2{margin:7.5rem 0 3rem;font-size:1.8rem;font-weight:400;line-height:1.72}#articleBody .container h3{position:relative;margin:3rem 0 1.5rem;font-size:1.35rem;font-weight:400;line-height:1.64;padding:.5rem 1rem .5rem 3.5rem;background:#e9eef2;border-radius:5rem}#articleBody .container h3::before{content:"";display:block;position:absolute;top:calc(50% - .4rem);left:1.5rem;width:.8rem;height:.8rem;border-radius:50%;background:#fff}#articleBody .container p{margin:2rem 0 1rem;font-size:.96rem;line-height:1.84;color:rgba(0,0,0,.8)}#articleBody .container p strong{font-weight:700;font-size:115%;padding:0 3px}#articleBody .container p a{color:#26bec9;text-decoration:underline}#articleBody .container p a:hover{text-decoration:none}#articleBody .container ol,#articleBody .container ul{margin:3rem 0;padding-left:3rem}#articleBody .container ol li,#articleBody .container ul li{padding:.35rem 0}#articleBody .container ol li::marker,#articleBody .container ul li::marker{color:#26bec9}#articleBody .container ol li{list-style-type:decimal}#articleBody .container ul li{list-style-type:disc}#articleBody .sharebar ul{position:sticky;top:12.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 320px){#articleBody .sharebar ul{width:5vw}}@media screen and (min-width: 600px){#articleBody .sharebar ul{width:5vw}}#articleBody .sharebar .title{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:.08em;font-weight:700;font-size:.94rem;margin-bottom:1rem}#articleBody .sharebar .link{margin-bottom:.5rem}#articleBody .sharebar a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;will-change:opacity}@media screen and (min-width: 320px){#articleBody .sharebar a{width:2rem;height:2rem}}@media screen and (min-width: 600px){#articleBody .sharebar a{width:2.8rem;height:2.8rem}}#articleBody .sharebar a:hover{opacity:.4}#articleBody .sharebar svg{display:block;width:40%;height:40%;fill:#fff}@media screen and (min-width: 320px){#articleNav{width:100%;padding:5rem 5vw}}@media screen and (min-width: 600px){#articleNav{width:25%;padding:0}}#articleNav .navBox{margin-bottom:5rem}#articleNav .navBox h2{position:relative;font-weight:700;font-size:1.1rem;margin-bottom:1.5rem}#articleNav .navBox h2::before{content:"";display:block;position:absolute;top:calc(50% - .4rem);left:-1.5rem;width:.8rem;height:.8rem;background:#26bec9;border-radius:50%}#articleNav .catList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}#articleNav .catList a{font-size:.94rem;color:#26bec9;border:solid 1px;border-radius:5rem;padding:.5rem 1rem;-webkit-transition:background-color 400ms ease;transition:background-color 400ms ease;will-change:background-color}#articleNav .catList a:hover{background-color:#26bec9;color:#fff}#articleNav article{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:solid 1px #e9eef2}#articleNav article .articleTitle{font-weight:700;font-size:.98rem}#articleNav article .articleInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9rem;padding:5px 0;opacity:.65}#articleNav .cardLink .cardLinkIcon{right:0}@media screen and (min-width: 320px){#articleNav .cardLink .cardLinkIcon{width:3.4rem;height:3.4rem}}@media screen and (min-width: 600px){#articleNav .cardLink .cardLinkIcon{width:2.4rem;height:2.4rem}}/*# sourceMappingURL=article.css.map */