.modeToggle_mode__rBoI_{cursor:pointer;font-size:1.5rem;color:var(--white-color)}.modeToggle_mode__rBoI_:hover{color:var(--Accent-color)}.modeToggle_dark-mode__90axy .modeToggle_nav_mode__rC9Jx{background:var(--white_A-color)!important}.burger_nav_mode__Y84dI{display:flex;align-items:center;transition:all .3s ease-in-out;margin-right:30px}.burger_dark-mode__VHyxL .burger_nav_mode__Y84dI{background:var(--dark_A-color)!important}.burger_nav_links__KAUkK li{margin-right:20px}.burger_burger__vYFWl{cursor:pointer;display:none}.burger_burger__vYFWl div{width:25px;height:3px;background-color:var(--white-color);margin:5px;transition:transform .3s}.burger_nav_active__PP8C9{transform:translateX(0)!important}.burger_nav_links__KAUkK li{position:relative;list-style:none;display:inline-block;margin:0 15px;font-size:18px}.burger_nav_links__KAUkK li:after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:2px;background-color:currentColor;transition:width .3s ease,left .3s ease}.burger_nav_links__KAUkK li:hover:after{width:100%;left:0;background-color:#fff}@media screen and (max-width:768px){.burger_nav_mode__Y84dI{background-color:rgba(100,150,150,.7);flex-direction:column;height:100%;width:100%;text-align:center;margin-left:auto}.burger_nav_links__KAUkK{position:absolute;right:0;height:95vh;top:60px;width:30%;transform:translateX(100%);margin-right:0}.burger_nav_links__KAUkK li{opacity:1;margin-top:5vh;font-size:1.3rem}.burger_burger__vYFWl{display:block;padding-top:10px;transition:all .5s ease-in-out;margin-right:30px}.burger_toggle__I1V2S .burger_line1__PepGP{transform:rotate(-405deg) translate(-5px,6px)}.burger_toggle__I1V2S .burger_line2__vKoCh{opacity:0}.burger_toggle__I1V2S .burger_line3__9VBsz{transform:rotate(45deg) translate(-5px,-6px)}}html{font-size:120%}:root{--white-color:#fff;--white_A-color:#002951;--dark-color:#292929;--dark_A-color:#000;--Accent-color:#007272;--Accent-Light-color:#82c2c2}body{background-color:var(--white-color);color:var(--dark-color);font-family:Sawarabi Mincho;transition:all .5s ease-out}.dark-mode{background-color:var(--dark-color);color:var(--white-color)}.dark-mode #header{background:var(--dark_A-color);color:var(--dark-color)}.dark-mode #blog dd,.dark-mode #blog dt{border-bottom-color:var(--white-color)}.dark-mode #blog dl{border-top-color:var(--white-color)}.dark-mode #creation ul li{border:1px solid var(--white-color)}.dark-mode #blog .btn,.dark-mode #creation .btn{border-color:var(--white-color)}a{text-decoration:none}p{font-size:1.2rem;line-height:1.5}h1{margin-left:50px;font-size:2rem!important}h2{font-size:2.5rem!important;text-align:center}h3{font-size:1rem!important;margin:30px 7px 20px!important}.code{background-color:#192638;padding:20px}.code p{color:#fff;font-size:.9rem!important;margin-bottom:-1px!important}h4{position:relative;font-size:1.5rem!important;margin:50px 0 15px!important;padding-left:2em;line-height:2!important;border-bottom:5px double var(--Accent-color)}h4:before{height:18px;width:25px;background:var(--Accent-color);top:10px;left:0}h4:after,h4:before{content:"";position:absolute;border-radius:50%}h4:after{height:9px;width:6px;background:hsla(0,0%,100%,0);top:8px;left:8px;box-shadow:-12px -3px 0 0 var(--Accent-color),-3px -10px 0 0 var(--Accent-color),7px -10px 0 0 var(--Accent-color),16px -3px 0 0 var(--Accent-color)}img{max-width:100%}li{list-style:none;font-size:1.1rem}ul{-webkit-padding-start:0;padding-inline-start:0}span{color:var(--Accent-color)}.wrapper{margin:0 auto 100px;font-size:.9rem;padding:1% 5%}.sec-title{font-size:1.5rem;text-align:center;margin-bottom:40px}#header{z-index:2}#main{margin-top:80px;z-index:1}#main img{margin-top:0;width:100%;max-width:1920px;height:500px;object-position:50% 20%;object-fit:cover}#about,#main img{margin-bottom:70px}#about ul{margin-bottom:40px}#about ul li:first-child{font-size:1.5rem;font-weight:700;margin-bottom:20px}#about ul li{margin-bottom:5px}#about li span{color:var(--Accent-color);font-size:2rem;font-weight:700}#creation{max-width:1200px;margin-bottom:70px}#creation ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2%;margin-bottom:40px}#creation ul li{width:32%;height:310px;margin-bottom:50px;border:.5px solid var(--dark-color);transition:all .3s}#creation ul li a div{margin:11px}#creation ul li img{width:100%;height:170px;margin-bottom:-13px}#creation ul li:hover{transform:scale(1.05);border-radius:20px;border:3px solid var(--Accent-Light-color);opacity:.7;img{transform:scale(1);border-radius:20px 20px 0 0}}#creation ul li p{width:94%;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:3% 3% 2%}#creation .btn_a{width:50%;margin:0 auto;display:block}#creation .btn{text-align:center;border:1px solid var(--dark-color);padding:10px 0;transition:all .5s}#creation .btn_txt{position:relative;padding-right:20px;font-size:1.1rem}#creation .btn:hover{background-color:var(--Accent-color);color:var(--white-color)}#blog{max-width:1200px}#blog dl{display:flex;flex-wrap:wrap;border-top:1px solid var(--dark-color);margin-bottom:40px}#blog dl a{display:flex;width:100%;color:inherit}#blog dd,#blog dt{border-bottom:1px solid var(--dark-color);padding:30px}#blog dt{text-align:center;width:30%}#blog dd{text-align:center;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#blog dl a:hover{background-color:var(--Accent-Light-color);color:var(--Accent-color)}#blog p{font-size:1.2rem;font-weight:400;margin-bottom:20px}#blog img{width:100%;height:auto}#blog .btn_a{width:50%;margin:0 auto;display:block}#blog .btn{text-align:center;border:1px solid var(--dark-color);padding:10px 0;transition:all .5s}#blog .btn_txt{position:relative;padding-right:20px;font-size:1.1rem}#blog .btn:hover{background-color:var(--Accent-color);color:var(--dark-color)}@media screen and (max-width:768px){html{font-size:100%;overflow-x:hidden;margin:0;padding:0}.I{margin-top:10px}.header{height:60px;line-height:60px;padding-top:20px;padding-bottom:30px;position:fixed;top:0;left:0}.burger{display:block;padding-top:10px;transition:all .5s ease-in-out}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(405deg) translate(-5px,-6px)}.header li{font-size:.8rem;margin-left:20px}#main{margin-top:60px}#main picture img{margin-bottom:30px;height:30vh}#creation ul{flex-direction:column;margin-bottom:0}#creation ul li{width:100%;height:100px}#creation ul li a{display:flex}#creation ul li a div{margin-top:-18px;width:70%}#creation ul li a div p{font-size:1rem}#creation ul li img{height:98px;width:30%}#creation ul li p{margin:2% 3%}#creation ul li:hover{transform:scale(1.01);border-radius:20px;border:1px solid var(--Accent-Light-color);opacity:.7;img{border-radius:20px 0 0 20px}}#creation .btn_a{width:80%}#blog a{flex-direction:column}#blog dt{text-align:justify;width:100%;border-bottom:none;padding-bottom:0}#blog dd{width:100%;border-top:none;padding-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#blog .btn_a{width:80%}}@media screen and (min-width:1920px){.top_pic{width:1920px;margin:0 auto}}.header_header__E7LG7{background:var(--white_A-color);width:100%;display:flex;justify-content:space-between;align-items:center;height:80px;position:fixed;top:0;left:0;transition:.5s}.header_header__E7LG7 h1{margin-left:70px;font-size:2rem!important}.header_header__E7LG7 a{color:var(--white-color)!important}.header_header__E7LG7 h1 a span{color:var(--Accent-color);font-weight:600;font-size:2.5rem;transition:.5s}.header_header__E7LG7 a:hover{color:var(--Accent-color)!important}.header_header__E7LG7 a:hover span{color:#fff;text-shadow:-2px 2px 10px var(--Accent-color),2px -2px 10px var(--Accent-color)}.header_dark-mode__QESsh .header_header__E7LG7{background:var(--dark_A-color)}@media screen and (max-width:768px){.header_header__E7LG7{height:60px}.header_header__E7LG7 h1{margin-left:30px}}.footer_footer__oWdSN{text-align:center;padding:10px 0;background-color:var(--Accent-color);color:var(--white-color)}.footer_footer__oWdSN p{font-size:.8rem}