@font-face{font-family:"NotoSansJP";src:url(../fonts/NotoSansJP-Regular.otf) format("opentype"),url(../fonts/NotoSansJP-Regular.woff) format("woff");font-weight:normal}@font-face{font-family:"Quicksand";src:url(../fonts/Quicksand-Regular.otf) format("opentype"),url(../fonts/Quicksand-Regular.woff) format("woff");font-weight:normal}*{margin:0;padding:0;font-style:normal;font-feature-settings:"pkna" 1}body{width:100vw;height:100vh;font-family:"NotoSansJP";color:black;font-size:14px;line-height:1.8em}body a{color:black;text-decoration:none}body .clearfix:after{content:'';display:block;clear:both}body .clearfix{zoom:1}body header{position:fixed;top:0;left:0;margin:auto 0;z-index:9999}body header .title{margin:30px;display:inline-block;text-align:center}body header .title h1{font-family:"Quicksand";font-weight:400;font-size:2em;line-height:0.9em;border-bottom:1px solid black}body header .title h1 span{font-weight:100;font-size:0.4em}body aside{position:fixed;-webkit-boxsizing:border-box;-moz-boxsizing:border-box;-o-boxsizing:border-box;box-sizing:border-box;padding-top:130px;padding-left:50px;width:256px;height:100vh;border-right:1px solid}body aside nav ul li{list-style-type:none}body aside nav ul li a{color:#6F6F6F;line-height:3;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body aside nav ul li a:hover{color:#000000;letter-spacing:5px}body main{-webkit-boxsizing:border-box;-moz-boxsizing:border-box;-o-boxsizing:border-box;box-sizing:border-box;padding:30px 30px 30px 286px;height:100vh}body main h2{position:relative;padding:0 0.5em 0.5em 1.5em;font-family:"Quicksand";font-weight:400;font-size:2em;line-height:0.9em;margin-bottom:20px}body main h2::after{position:absolute;top:0.2em;left:0.2em;z-index:2;content:'';width:15px;height:15px;background-color:#d21441;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}body main h2 span{font-family:"NotoSansJP";color:#6F6F6F;font-weight:100;font-size:0.4em;margin-left:1em}body main h3{font-family:"NotoSansJP";font-weight:lighter;color:#6F6F6F;margin-bottom:15px}body main a{position:absolute;display:inline-block;color:#d21441;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body main a::after{position:absolute;bottom:0;left:0;content:'';width:0;height:1px;background-color:#d21441;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body main a:hover::after{width:100%}body main .about{margin-bottom:50px}body main .caption{margin-bottom:50px}body main .caption p{margin-bottom:10px}body main .profile{margin-bottom:50px}body main .profile .profile_area{display:flex}body main .profile .profile_area .hiroko{position:relative;width:250px;height:250px}body main .profile .profile_area .text_area{flex:1;padding-left:50px}body main .profile .profile_area .text_area p{margin:0 0 20px}body main .profile p{margin-top:30px}body main .skill{margin-bottom:50px}body main .skill p{margin-bottom:10px}body main .skill p span{font-weight:100}body main .contact{padding-bottom:50px}body main .contact p{margin-bottom:10px}body main .archives{width:870px;margin:0 auto}body main .archives .article{float:left;position:relative;height:300px;width:270px;border:1px solid #6F6F6F;margin:0 1% 2%;color:black;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body main .archives .article:hover{box-shadow:0px 0px 5px #d21441;border:1px solid #d21441}body main .archives .article::after{display:none}body main .archives .article .pic{position:absolute;right:0;left:0;display:inline-block;background-position:center center;background-repeat:no-repeat;margin:10px auto;width:250px;background-size:contain;border:0.5px solid #6F6F6F}body main .archives .article .white_in_white{position:absolute;right:0;left:0;display:inline-block;background-position:center center;background-repeat:no-repeat;margin:10px auto;height:170px;background-size:cover;border:0.5px solid #6F6F6F}body main .archives .article .text_area{padding:200px 10px 10px;font-size:small}body main .archives .article .text_area h4{font-size:medium;font-weight:normal;overflow:hidden;text-align:center;padding-bottom:10px}body main .archives .article .text_area h4 span{position:relative;display:inline-block;margin:0 2.5em;padding:0 1em;text-align:left}body main .archives .article .text_area h4 span::before,body main .archives .article .text_area h4 span::after{position:absolute;top:50%;content:'';width:400%;height:1px;background-color:#6F6F6F}body main .archives .article .text_area h4 span::before{right:100%}body main .archives .article .text_area h4 span::after{left:100%}body main .error{margin:30px 0}body footer{position:fixed;right:0;bottom:1em;left:0;width:256px}body footer address{font-size:x-small;font-weight:lighter;text-align:center}