html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0;box-sizing:border-box}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:rgba(0,0,0,0);border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;vertical-align:bottom}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none}a{text-decoration:none}.wrapper{overflow:hidden}body{overflow-y:scroll}img{max-width:100%}html{scroll-behavior:smooth;scroll-margin-top:100px}html body{background-color:#fafafa;position:relative;width:100%;font-family:"Zen Old Mincho",serif}html body #toppage-bg{position:absolute;top:0;left:0;width:100%;margin:0 auto 200px;height:95vh;background:url("../img/bg.jpg") no-repeat center/cover;z-index:-1}html body .toppage-wrapper{position:relative;width:1100px;margin:0 auto;padding-top:100px;text-align:center}html body .toppage-wrapper h1{margin-bottom:10px;font-size:100px;line-height:100px;letter-spacing:.2em;color:#fff;text-shadow:#444 1px 0 15px}html body .toppage-wrapper p{font-size:50px;margin-bottom:10px;letter-spacing:.2em;color:#444;text-shadow:#727272 1px 0 10px}html body .toppage-wrapper ul{padding:20px}html body .toppage-wrapper ul li{margin-bottom:15px}html body .toppage-wrapper ul li a{font-size:20px;color:#fff;display:inline-block;text-shadow:#444 0 0 7px;position:relative;display:inline-block;text-decoration:none}html body .toppage-wrapper ul li a::after{position:absolute;bottom:-1px;left:0;content:"";width:100%;height:1px;background-color:#f8f8f8;text-shadow:#727272 1px 0 5px;transform:scale(0, 1);transform-origin:left top;transition:transform .3s}html body .toppage-wrapper ul li a:hover::after{transform:scale(1, 1)}@media(max-width: 820px){html body .toppage-wrapper{max-width:820px}}@media(max-width: 800px){html body .toppage-wrapper{max-width:800px}}@media(max-width: 768px){html body .toppage-wrapper{max-width:768px}}@media(max-width: 414px){html body .toppage-wrapper{max-width:414px}html body .toppage-wrapper h1{margin-bottom:10px;font-size:56px;line-height:56px;letter-spacing:.2em;color:#fff;text-shadow:#444 1px 0px 15px}html body .toppage-wrapper p{font-size:28px;margin-bottom:10px;letter-spacing:.2em;color:#444;text-shadow:#727272 1px 0px 10px}html body .toppage-wrapper ul{padding:20px}html body .toppage-wrapper ul li{margin-bottom:15px}html body .toppage-wrapper ul li a{font-size:16px;color:#fff;display:inline-block;text-shadow:#444 0 0 7px}}@media(max-width: 390px){html body .toppage-wrapper{max-width:390px}}@media(max-width: 375px){html body .toppage-wrapper{max-width:375px}}html body #g-nav{width:100%;position:fixed;top:0;left:0;z-index:20;background-color:rgba(162,182,201,.6666666667);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html body #g-nav ul{max-width:1100px;margin:0 auto;display:flex}html body #g-nav ul li{width:100%;height:40px;border-left:1px solid #fff}html body #g-nav ul li a{height:100%;display:block;text-align:center;font-size:14px;padding:10px;color:#fff;text-shadow:#eaeaea 1px 0px 10px}html body #g-nav ul li:last-of-type{border-right:1px solid #fff}html body #g-nav ul li:hover{background-color:rgba(238,224,210,.7882352941)}html body #g-nav ul .resent a{background-color:#eee0d2;color:#444;text-shadow:0 0 10px #bababa}@media(max-width: 820px){html body #g-nav{display:none;position:absolute;top:0;left:0}html body #g-nav ul li{display:none}html body #g-nav ul .resent{display:none}}html body .scroll-wrapper{width:100%;height:100px;position:relative}html body .scroll-wrapper .scroll-animation{position:absolute;bottom:1%;right:50%;-webkit-animation:arrowmove 1.4s ease-in-out infinite;animation:arrowmove 1.4s ease-in-out infinite;writing-mode:vertical-rl}html body .scroll-wrapper .scroll-animationspan{position:absolute;left:-20px;bottom:10px;color:#727272;font-size:.7rem;letter-spacing:.05em}html body .scroll-wrapper .scroll-animation::before{content:"";position:absolute;bottom:0;right:-10px;width:1px;height:20px;background:#727272;transform:skewX(-31deg)}html body .scroll-wrapper .scroll-animation::after{content:"";position:absolute;bottom:0;right:-4px;width:1px;height:50px;background:#727272}@-webkit-keyframes arrowmove{0%{bottom:2%}50%{bottom:10%}100%{bottom:2%}}@keyframes arrowmove{0%{bottom:2%}50%{bottom:10%}100%{bottom:2%}}html body .intro{padding:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:560px;margin:200px auto 200px;color:#444}html body .intro .intro-wrapper .intro-top{display:flex;justify-content:space-between}html body .intro .intro-wrapper .intro-top h2{margin-right:80px;margin-bottom:10px;line-height:3;font-size:32px}html body .intro .intro-wrapper .intro-top .portrait img{margin-right:30px;max-width:100px;max-height:100px;border-radius:50%;box-shadow:#a2b6c9 1px 0px 10px}html body .intro .intro-wrapper p{line-height:1.7;margin-bottom:20px}html body .intro .intro-wrapper .and-more a{padding:5px 15px;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px;transition:.3s;box-shadow:#727272 1px 1px 2px}html body .intro .intro-wrapper .and-more a:hover{background-color:#eee0d2;color:#727272;transform:translateX(5px)}@media(max-width: 820px){html body .intro .intro-wrapper .and-more a:hover{background-color:#a2b6c9;color:#fff;transform:translateX(0)}}@media(max-width: 414px){html body .intro{padding:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:560px;margin:200px auto 200px;color:#444}html body .intro .intro-wrapper .intro-top{display:flex;justify-content:space-between}html body .intro .intro-wrapper .intro-top h2{margin-right:10px;margin-bottom:20px;line-height:4.5;font-size:22px}html body .intro .intro-wrapper .intro-top .portrait img{margin-right:10px;max-width:100px;max-height:100px;border-radius:50%;box-shadow:#a2b6c9 1px 0px 10px}html body .intro .intro-wrapper p{line-height:1.6;font-size:14px;margin-bottom:20px}html body .intro .intro-wrapper .and-more a{padding:5px 15px;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px}}html body .g-nav_hbg{transition:.2s;position:fixed;top:20%;right:-100%;z-index:5;width:100%;background-color:rgba(234,234,234,.7882352941);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}html body .g-nav_hbg ul{text-align:center}html body .g-nav_hbg ul li{width:30%;margin:0 auto;padding:13px 0px;text-align:center}html body .g-nav_hbg ul a{width:100%;color:#444;font-size:24px;display:inline-block;transition:.4s}html body .g-nav_hbg.drawer{right:0}@media(max-width: 820px){html body .g-nav_hbg ul li{width:50%}}@media(max-width: 414px){html body .g-nav_hbg ul li{width:80%}html body .g-nav_hbg ul li a{font-size:20px}}html body #ham-btn{display:none;width:70px;height:70px;position:absolute;top:30px;right:30px;z-index:20}html body #ham-btn span{display:block;width:50px;height:3px;border-radius:2px;background-color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:.2s;z-index:30}html body #ham-btn span::before{display:block;content:"";width:50px;height:3px;border-radius:2px;background-color:#fff;position:absolute;top:-30px;right:0;bottom:0;left:0;margin:auto;transition:.4s}html body #ham-btn span::after{display:block;content:"";width:50px;height:3px;border-radius:2px;background-color:#fff;position:absolute;top:0;right:0;bottom:-30px;left:0;margin:auto;transition:.4s}html body #ham-btn.fadeDown{background-color:#a2b6c9;border-radius:10px;position:absolute;top:3%;right:3%;-webkit-animation-name:fadeDownAnime;animation-name:fadeDownAnime;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:block;transition:.4s}html body #ham-btn.fadeDown span{width:40px;background-color:#fff;opacity:.9}html body #ham-btn.fadeDown span::before{width:40px;background-color:#fff;opacity:.9}html body #ham-btn.fadeDown span::after{width:40px;background-color:#fff;opacity:.9}html body #ham-btn.fadeDown:hover{background-color:#e5e1bc}@-webkit-keyframes fadeDownAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:.8;transform:translateY(0)}}@keyframes fadeDownAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:.8;transform:translateY(0)}}html body #ham-btn.is-active span{background-color:rgba(0,0,0,0)}html body #ham-btn.is-active span::before{transform:rotate(225deg);top:0}html body #ham-btn.is-active span::after{transform:rotate(-225deg);bottom:0}@media(max-width: 820px){html body #ham-btn.fadeDown{position:fixed}}html body main .content1{position:relative;width:100%}html body main .content1 .content-wrapper{max-width:1100px;margin:0 auto 150px}html body main .content1 .content-wrapper .content-title .content-title-inner{width:100%}html body main .content1 .content-wrapper .content-title .content-title-inner p{text-align:right;padding:0 20px 0 20px;font-size:48px;color:#fff}html body main .content1 .content-wrapper .content-inner{display:flex}html body main .content1 .content-wrapper .content-inner .content-img{width:30%;text-align:center}html body main .content1 .content-wrapper .content-inner .content-img img{max-width:250px;transition:.2s}html body main .content1 .content-wrapper .content-inner .content-img img:hover{transform:scale(1.04)}@media(max-width: 820px){html body main .content1 .content-wrapper .content-inner .content-img img:hover{transform:scale(1)}}html body main .content1 .content-wrapper .content-inner .content-caption{color:#444;width:70%}html body main .content1 .content-wrapper .content-inner .content-caption h3{font-size:24px;margin-bottom:5px}html body main .content1 .content-wrapper .content-inner .content-caption p{margin-bottom:5px}html body main .content1 .content-wrapper .content-inner .content-caption .content1-more a{padding:5px 20px;margin:5px 0;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px;transition:.3s;box-shadow:#727272 1px 1px 2px}html body main .content1 .content-wrapper .content-inner .content-caption .content1-more a:hover{background-color:#eee0d2;color:#727272;transform:translateX(5px)}@media(max-width: 820px){html body main .content1 .content-wrapper .content-inner .content-caption .content1-more a:hover{background-color:#a2b6c9;color:#fff;transform:translateX(0)}}html body main .content1::before{height:400px;content:"";position:absolute;top:-50px;bottom:0;left:0;right:0;background-color:rgba(162,182,201,.6666666667);transform:skewY(-5deg);z-index:-1;box-shadow:#eaeaea 1px 0px 10px}html body main .content2{position:relative;width:100%}html body main .content2 .content-wrapper{max-width:1100px;margin:0 auto 250px}html body main .content2 .content-wrapper .content-title .content-title-inner{width:100%;display:flex}html body main .content2 .content-wrapper .content-title .content-title-inner p{padding:0 0 20px 20px;font-size:48px;color:#444}html body main .content2 .content-wrapper .content-title .content-title-inner .content2-more a{padding:5px 20px;margin:20px 30px;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px;transition:.3s;box-shadow:#727272 1px 1px 2px}html body main .content2 .content-wrapper .content-title .content-title-inner .content2-more a:hover{background-color:#eee0d2;color:#727272;transform:translateX(5px)}@media(max-width: 820px){html body main .content2 .content-wrapper .content-title .content-title-inner .content2-more a:hover{background-color:#a2b6c9;color:#fff;transform:translateX(0)}}html body main .content2 .content-wrapper .content-inner{display:flex;justify-content:space-around}html body main .content2 .content-wrapper .content-inner .filling{position:relative}html body main .content2 .content-wrapper .content-inner .filling .content-img{margin:0 auto;max-width:90%}html body main .content2 .content-wrapper .content-inner .filling .content-img img{max-width:100%;border-radius:10px}html body main .content2 .content-wrapper .content-inner .filling .content-caption{color:#444;opacity:0;height:100%;position:absolute;top:0;left:5%;z-index:2;width:90%;transition:.3s}html body main .content2 .content-wrapper .content-inner .filling .content-caption h3{padding:40px;font-size:24px}html body main .content2 .content-wrapper .content-inner .filling.content2-2{transform:translateY(50px)}html body main .content2 .content-wrapper .content-inner .filling.content2-3{transform:translateY(100px)}html body main .content2 .content-wrapper .content-inner .filling:hover .content-caption{opacity:1;background-color:rgba(114,114,114,.7882352941);border-radius:10px;color:#eaeaea}html body main .content2 .content-wrapper .content-inner .filling:hover .content-caption::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:94%;height:92%;display:block;border:1px solid #f8f8f8}@media(max-width: 820px){html body main .content2 .content-wrapper .content-inner .filling:hover .content-caption{background-color:rgba(108,0,0,0);opacity:1;color:#444}html body main .content2 .content-wrapper .content-inner .filling:hover .content-caption::after{content:none}}html body main .content2::before{height:550px;content:"";position:absolute;top:-50px;bottom:0;left:0;right:0;background-color:rgba(210,224,238,.6666666667);transform:skewY(5deg);z-index:-1;box-shadow:#eaeaea 1px 0px 10px}html body main .content3{position:relative;width:100%}html body main .content3 .content-wrapper{max-width:1100px;margin:0 auto 150px}html body main .content3 .content-wrapper .content-title .content-title-inner{width:100%}html body main .content3 .content-wrapper .content-title .content-title-inner p{text-align:right;padding:0 20px 0 20px;font-size:48px;color:#fff}html body main .content3 .content-wrapper .content-inner{display:flex}html body main .content3 .content-wrapper .content-inner .content-img{width:30%;text-align:center}html body main .content3 .content-wrapper .content-inner .content-img img{max-width:250px;padding-left:20px;transition:.2s}html body main .content3 .content-wrapper .content-inner .content-img img:hover{transform:scale(1.04)}@media(max-width: 820px){html body main .content3 .content-wrapper .content-inner .content-img img:hover{transform:scale(1)}}html body main .content3 .content-wrapper .content-inner .content-caption{width:70%;color:#444}html body main .content3 .content-wrapper .content-inner .content-caption h3{font-size:24px;margin-bottom:5px}html body main .content3 .content-wrapper .content-inner .content-caption p{margin-bottom:5px}html body main .content3 .content-wrapper .content-inner .content-caption .content3-more a{padding:5px 20px;margin:5px 0;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px;transition:.3s;box-shadow:#727272 1px 1px 2px}html body main .content3 .content-wrapper .content-inner .content-caption .content3-more a:hover{background-color:#eee0d2;color:#727272;transform:translateX(5px)}@media(max-width: 820px){html body main .content3 .content-wrapper .content-inner .content-caption .content3-more a:hover{background-color:#a2b6c9;color:#fff;transform:translateX(0)}}html body main .content3::before{height:400px;content:"";position:absolute;top:-50px;bottom:0;left:0;right:0;background-color:rgba(162,182,201,.6666666667);transform:skewY(-5deg);z-index:-1;box-shadow:#eaeaea 1px 0px 10px}html body main .content4{position:relative;width:100%}html body main .content4 .content-wrapper{max-width:1100px;margin:0 auto 250px}html body main .content4 .content-wrapper .content-title .content-title-inner{width:100%;display:flex}html body main .content4 .content-wrapper .content-title .content-title-inner p{padding:0 0 20px 20px;font-size:48px;color:#444}html body main .content4 .content-wrapper .content-title .content-title-inner .content4-more a{padding:5px 20px;margin:20px 30px;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px;transition:.3s;box-shadow:#727272 1px 1px 2px}html body main .content4 .content-wrapper .content-title .content-title-inner .content4-more a:hover{background-color:#eee0d2;color:#727272;transform:translateX(5px)}@media(max-width: 820px){html body main .content4 .content-wrapper .content-title .content-title-inner .content4-more a:hover{background-color:#a2b6c9;color:#fff;transform:translateX(0)}}html body main .content4 .content-wrapper .content-inner{display:flex;justify-content:space-around}html body main .content4 .content-wrapper .content-inner .filling{position:relative}html body main .content4 .content-wrapper .content-inner .filling .content-img{margin:0 auto;max-width:90%}html body main .content4 .content-wrapper .content-inner .filling .content-img img{max-width:100%;border-radius:10px}html body main .content4 .content-wrapper .content-inner .filling .content-caption{opacity:0;height:100%;position:absolute;top:0;left:5%;z-index:2;width:90%;transition:.3s;color:#444}html body main .content4 .content-wrapper .content-inner .filling .content-caption h3{padding:40px;font-size:24px}html body main .content4 .content-wrapper .content-inner .filling.content4-2{transform:translateY(50px)}html body main .content4 .content-wrapper .content-inner .filling.content4-3{transform:translateY(100px)}html body main .content4 .content-wrapper .content-inner .filling:hover .content-caption{opacity:1;background-color:rgba(114,114,114,.7882352941);border-radius:10px;color:#eaeaea}html body main .content4 .content-wrapper .content-inner .filling:hover .content-caption::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:94%;height:92%;display:block;border:1px solid #f8f8f8}@media(max-width: 820px){html body main .content4 .content-wrapper .content-inner .filling:hover .content-caption{background-color:rgba(108,0,0,0);opacity:1;color:#444}html body main .content4 .content-wrapper .content-inner .filling:hover .content-caption::after{content:none}}html body main .content4::before{height:550px;content:"";position:absolute;top:-50px;bottom:0;left:0;right:0;background-color:rgba(210,224,238,.6666666667);transform:skewY(5deg);z-index:-1;box-shadow:#eaeaea 1px 0px 10px}html body main .content5{position:relative;width:100%}html body main .content5 .content-wrapper{max-width:1100px;margin:0 auto 150px}html body main .content5 .content-wrapper .content-title .content-title-inner{width:100%}html body main .content5 .content-wrapper .content-title .content-title-inner p{text-align:right;padding:0 20px 0 20px;font-size:48px;color:#fff}html body main .content5 .content-wrapper .content-inner{display:flex}html body main .content5 .content-wrapper .content-inner .content-img{width:30%;text-align:center}html body main .content5 .content-wrapper .content-inner .content-img img{max-width:250px;padding-left:20px;transition:.2s}html body main .content5 .content-wrapper .content-inner .content-img img:hover{transform:scale(1.04)}@media(max-width: 820px){html body main .content5 .content-wrapper .content-inner .content-img img:hover{transform:scale(1)}}html body main .content5 .content-wrapper .content-inner .content-caption{width:70%;color:#444}html body main .content5 .content-wrapper .content-inner .content-caption h3{font-size:24px;margin-bottom:5px}html body main .content5 .content-wrapper .content-inner .content-caption p{margin-bottom:5px}html body main .content5 .content-wrapper .content-inner .content-caption .content5-more a{padding:5px 20px;margin:5px 0;display:inline-block;background-color:#a2b6c9;color:#fff;border-radius:10px;transition:.3s;box-shadow:#727272 1px 1px 2px}html body main .content5 .content-wrapper .content-inner .content-caption .content5-more a:hover{background-color:#eee0d2;color:#727272;transform:translateX(5px)}@media(max-width: 820px){html body main .content5 .content-wrapper .content-inner .content-caption .content5-more a:hover{background-color:#a2b6c9;color:#fff;transform:translateX(0)}}html body main .content5::before{height:400px;content:"";position:absolute;top:-50px;bottom:0;left:0;right:0;background-color:rgba(162,182,201,.6666666667);transform:skewY(-5deg);z-index:-1;box-shadow:#eaeaea 1px 0px 10px}@media(max-width: 414px){html body main .content1 .content-wrapper{margin:0 auto 100px}html body main .content1 .content-wrapper .content-title .content-title-inner p{padding:0 20px 0 20px;font-size:32px}html body main .content1 .content-wrapper .content-inner .content-img{text-align:center}html body main .content1 .content-wrapper .content-inner .content-img img{max-width:100px}html body main .content1 .content-wrapper .content-inner .content-caption h3{font-size:18px}html body main .content1 .content-wrapper .content-inner .content-caption p{font-size:14px}html body main .content1 .content-wrapper .content-inner .content-caption .content1-more a{padding:3px 20px;font-size:14px}html body main .content1::before{height:320px}html body main .content2 .content-wrapper{margin:0 auto 120px}html body main .content2 .content-wrapper .content-title .content-title-inner p{padding:0 0 20px 20px;font-size:32px}html body main .content2 .content-wrapper .content-title .content-title-inner .content2-more a{padding:3px 15px;margin:20px 10px;font-size:14px}html body main .content2 .content-wrapper .content-inner .filling .content-caption{opacity:1;height:55%;position:relative}html body main .content2 .content-wrapper .content-inner .filling .content-caption h3{padding:5px;font-size:12px}html body main .content2 .content-wrapper .content-inner .filling.content2-2{transform:translateY(25px)}html body main .content2 .content-wrapper .content-inner .filling.content2-3{transform:translateY(50px)}html body main .content2 .content-wrapper .content-inner .filling:hover .content-caption{opacity:1;background-color:none}html body main .content2::before{height:320px}html body main .content3 .content-wrapper{margin:0 auto 100px}html body main .content3 .content-wrapper .content-title .content-title-inner p{padding:0 20px 0 20px;font-size:32px}html body main .content3 .content-wrapper .content-inner .content-img{text-align:center}html body main .content3 .content-wrapper .content-inner .content-img img{max-width:100px}html body main .content3 .content-wrapper .content-inner .content-caption h3{font-size:18px}html body main .content3 .content-wrapper .content-inner .content-caption p{font-size:14px}html body main .content3 .content-wrapper .content-inner .content-caption .content3-more a{padding:3px 20px;font-size:14px}html body main .content3::before{height:280px}html body main .content4 .content-wrapper{margin:0 auto 120px}html body main .content4 .content-wrapper .content-title .content-title-inner p{padding:0 0 20px 20px;font-size:28px}html body main .content4 .content-wrapper .content-title .content-title-inner .content4-more a{padding:3px 15px;margin:20px 10px;font-size:14px}html body main .content4 .content-wrapper .content-inner .filling .content-caption{opacity:1;height:55%;position:relative}html body main .content4 .content-wrapper .content-inner .filling .content-caption h3{padding:5px;font-size:12px}html body main .content4 .content-wrapper .content-inner .filling.content4-2{transform:translateY(25px)}html body main .content4 .content-wrapper .content-inner .filling.content4-3{transform:translateY(50px)}html body main .content4 .content-wrapper .content-inner .filling:hover .content-caption{opacity:1;background-color:none}html body main .content4::before{height:320px}html body main .content5 .content-wrapper{margin:0 auto 100px}html body main .content5 .content-wrapper .content-title .content-title-inner p{padding:0 20px 0 20px;font-size:32px}html body main .content5 .content-wrapper .content-inner .content-img{text-align:center}html body main .content5 .content-wrapper .content-inner .content-img img{max-width:100px}html body main .content5 .content-wrapper .content-inner .content-caption h3{font-size:18px}html body main .content5 .content-wrapper .content-inner .content-caption p{font-size:14px}html body main .content5 .content-wrapper .content-inner .content-caption .content5-more a{padding:3px 20px;font-size:14px}html body main .content5::before{height:260px}}html body #aboutme{width:100%;padding:50px 0;background:repeating-linear-gradient(90deg, rgba(210, 224, 238, 0.6666666667), rgba(210, 224, 238, 0.6666666667) 10px, rgba(162, 182, 201, 0.6666666667) 10px, rgba(162, 182, 201, 0.6666666667) 20px)}html body #aboutme .aboutme-wrapper{width:1100px;margin:0 auto;display:grid;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:30px}html body #aboutme .aboutme-wrapper .aboutme-container{position:relative;width:100%;height:auto;padding:50px;border-radius:10px;background-color:rgba(248,248,248,.7882352941);color:#444;z-index:0}html body #aboutme .aboutme-wrapper .aboutme-container h2{color:#444;font-size:30px}html body #aboutme .aboutme-wrapper .aboutme-container h3{margin-bottom:10px;font-size:20px}html body #aboutme .aboutme-wrapper .aboutme-container p{line-height:1.7;margin-bottom:10px}html body #aboutme .aboutme-wrapper .aboutme-container.profile h2{position:relative;margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.profile h2::after{position:absolute;top:-40px;left:0;content:"Profile";font-size:60px;color:#d2e0ee;z-index:-1}html body #aboutme .aboutme-wrapper .aboutme-container.skill h2{position:relative;margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.skill h2::after{position:absolute;top:-40px;left:0;content:"Skill";font-size:60px;color:#d2e0ee;z-index:-1}html body #aboutme .aboutme-wrapper .aboutme-container.skill table{margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.skill p{font-size:14px}html body #aboutme .aboutme-wrapper .aboutme-container::before{content:url(../img/flame.svg);position:absolute;top:0;left:0;width:15%;opacity:.4}html body #aboutme .aboutme-wrapper .aboutme-container::after{content:url(../img/flame.svg);position:absolute;transform:rotate(180deg);bottom:0;right:0;width:15%;opacity:.4}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr{background-color:rgba(234,234,234,.7882352941)}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr th{color:#ffee03;text-shadow:0px 0px 5px #b39800;width:25%;padding:10px}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr th span{color:#444;text-shadow:none;display:block;font-size:12px;font-weight:normal}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr:nth-child(2){background-color:rgba(248,248,248,.7882352941)}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr td{padding:10px;width:75%}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2{position:relative;margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2 span{font-size:12px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2::after{position:absolute;top:-40px;left:0;content:"Hobby";font-size:60px;color:#d2e0ee;z-index:-1}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon{padding:0 10px;margin-bottom:10px;display:flex;justify-content:space-around}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn{position:relative;width:80px;height:80px;border-radius:50%;background-color:#a2b6c9;margin-bottom:20px;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 1px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn:hover{display:flex;background-color:#eee0d2;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 10px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn:hover::after{margin:auto;text-align:center;font-size:20px;color:#a2b6c9;content:attr(id);z-index:10}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50%;height:50%}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active{display:block;background-color:#eee0d2}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active:hover{display:flex;background-color:#eee0d2;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 10px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active:hover::after{margin:auto;text-align:center;font-size:20px;color:#a2b6c9;content:attr(id);z-index:10}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner #hobby-txt h3{font-size:18px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner #hobby-txt p{margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner h3{font-size:16px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner p{font-size:14px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner ul li{font-size:14px}@media(max-width: 820px){html body #aboutme .aboutme-wrapper{max-width:768px;display:block}html body #aboutme .aboutme-wrapper .aboutme-container{width:90%;padding:30px;margin:0 auto 30px}html body #aboutme .aboutme-wrapper .aboutme-container h2{text-align:center}html body #aboutme .aboutme-wrapper .aboutme-container h3{margin-bottom:10px;font-size:20px}html body #aboutme .aboutme-wrapper .aboutme-container p{margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.profile h2{margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.profile h2::after{left:30%}html body #aboutme .aboutme-wrapper .aboutme-container.skill h2::after{left:30%}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2::after{left:30%}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2{position:relative;margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon{padding:0 10px;display:flex;justify-content:space-around}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn{position:relative;width:80px;height:80px;border-radius:50%;background-color:#a2b6c9;margin-bottom:20px;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 1px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn:hover{display:flex;background-color:#eee0d2;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 10px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn:hover::after{margin:auto;text-align:center;font-size:20px;color:#a2b6c9;content:attr(id);z-index:10}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50%;height:50%}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active{display:block;background-color:#eee0d2}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active:hover{display:flex;background-color:#eee0d2;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 10px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-txt p{margin-bottom:20px}}@media(max-width: 800px){html body #aboutme .aboutme-wrapper{max-width:800px}}@media(max-width: 768px){html body #aboutme .aboutme-wrapper{max-width:768px}}@media(max-width: 414px){html body #aboutme .aboutme-wrapper{max-width:414px;display:block}html body #aboutme .aboutme-wrapper .aboutme-container{width:95%;padding:20px 10px;margin:0 auto 30px}html body #aboutme .aboutme-wrapper .aboutme-container h2{text-align:center}html body #aboutme .aboutme-wrapper .aboutme-container h3{margin-bottom:10px;font-size:20px}html body #aboutme .aboutme-wrapper .aboutme-container p{margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.profile h2{margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.profile h2::after{left:20%;top:-30px}html body #aboutme .aboutme-wrapper .aboutme-container.profile p{font-size:14px}html body #aboutme .aboutme-wrapper .aboutme-container.skill h2::after{top:-30px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2::after{left:20%;top:-30px}html body #aboutme .aboutme-wrapper .aboutme-container.skill table{max-width:100%}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr th{font-size:12px}html body #aboutme .aboutme-wrapper .aboutme-container.skill table tr td{font-size:12px}html body #aboutme .aboutme-wrapper .aboutme-container.skill p{font-size:14px;margin:10px}html body #aboutme .aboutme-wrapper .aboutme-container.skill ul li{font-size:12px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2{position:relative;margin-bottom:20px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby h2::after{position:absolute;left:20%;top:-30px;content:"Hobby";font-size:60px;color:#d2e0ee;z-index:-1}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon{padding:0 10px;display:flex;justify-content:space-around}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn{position:relative;width:60px;height:60px;border-radius:50%;background-color:#a2b6c9;margin-bottom:20px;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 1px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn:hover{display:flex;background-color:#eee0d2;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 10px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn:hover::after{margin:auto;text-align:center;font-size:12px;color:#a2b6c9;content:attr(id);z-index:10}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active{display:block;background-color:#eee0d2}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active:hover{display:flex;background-color:#eee0d2;box-shadow:rgba(114,114,114,.7882352941) 1px 3px 10px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner .hobby-icon .hobby-btn.active:hover::after{font-size:12px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner #hobby-txt h3{font-size:16px}html body #aboutme .aboutme-wrapper .aboutme-container.hobby .hobby-inner #hobby-txt p{margin-bottom:20px;font-size:12px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner{padding-top:30px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner h3{font-size:16px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner p{font-size:12px;margin-bottom:10px}html body #aboutme .aboutme-wrapper .aboutme-container.about-site .about-site-inner ul li{font-size:12px;padding-bottom:5px}}@media(max-width: 390px){html body #aboutme .aboutme-wrapper{max-width:390px}}@media(max-width: 375px){html body #aboutme .aboutme-wrapper{max-width:375px}}html body footer{margin:30px;text-align:center}.others{margin:0 auto}.others .main{max-width:1200px;margin:0 auto;text-align:center}.others .main .other-works{margin:0 auto}.others .main .other-works h1{margin:70px auto}.others .main .other-works .works-container{width:500px;margin:0 auto}.others .main .other-works .works-container h2{margin-bottom:30px}.others .main .other-works .works-container .video-wrapper{max-width:500px}.others .main .other-works .works-container .video-wrapper video{max-width:100%;margin-bottom:30px}.others .main .other-works .works-container .video-wrapper p{font-size:24px}
/*# sourceMappingURL=style.min.css.map */