body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content{display:block;margin:0;padding:0;text-align:left}#mainTitle{display:block;margin:0 auto;max-width:1300px;padding:10px;text-align:center;width:auto}#mainTitle p{margin:20px;width:auto}.content_sample_a{color:#000}.work_img_area{background-color:#474747}.work_img_area,.work_img_area2{margin:0;position:relative;width:30%}.work_img_area2{background-color:#7a7a7a}.work_img_area .imgview{filter:blur(6px);height:100%;opacity:.7;width:100%}.contents_detail p{font-size:16px;font-weight:400}.contents_detail p,.work_img_area .img_title{color:#fff;font-family:Noto Sans JP,sans-serif}.work_img_area .img_title{bottom:45%;font-size:55px;font-weight:800;left:0;position:absolute;text-align:center;width:100%}.work_img_area2 .imgview{filter:blur(6px);height:100%;opacity:.7;width:100%}.work_img_area2 .img_title{bottom:45%;color:#fff;font-family:Noto Sans JP,sans-serif;font-size:55px;font-weight:800;left:0;position:absolute;text-align:center;width:100%}.work_detail{flex-direction:column;width:70%}.introduction_area,.work_detail{display:flex;flex-wrap:wrap;height:fit-content;margin:0}.introduction_area{background-color:#474747;width:100%}li{margin:5px}.kome{margin-left:5px}.kome li{list-style:none}.introduction_area2{background-color:#7a7a7a;display:flex;flex-wrap:wrap;height:fit-content;margin:0;width:100%}.release_date_area{align-items:center;background-color:#1a274b;border-radius:50%;display:flex;flex-direction:column;height:150px;justify-content:center;margin:20px;text-align:center;width:150px}.release_date_area p{color:#fff;font-family:Kiwi Maru,serif;font-size:18px}.release_date_area p .date{font-size:25px}#attention{background-color:#e6f3ff;border:2px solid #1a274b;margin-bottom:30px;margin-top:40px;padding:10px 20px;position:relative;width:fit-content}#download{background-color:#dbdad9;border-radius:0;padding:20px}#attention h5{background-color:#ffc3c3;border:2px solid #1a274b;border-radius:0;color:#000;display:inline-block;font-family:Kiwi Maru,serif;font-size:18px;font-weight:100;left:-2px;padding:3px;position:absolute;top:-56px}#attention ul{display:inline-block;padding-left:10px}#download h5{border:0;color:#1a274b;display:inline-block;font-family:Kiwi Maru,serif;font-size:18px;font-weight:100;margin:10px;padding:5px}.date{font-family:din-2014,sans-serif!important;font-size:30px!important;font-style:normal;font-weight:400;margin-bottom:10px;margin-top:10px}.contents_flex_item li{margin-left:15px}@media(max-width:900px){.introduction_area{flex-direction:column}.work_img_area{height:200px;width:100%}.introduction_area2{flex-direction:column}.work_img_area2{height:200px;width:100%}.work_detail{width:100%}.img_title{bottom:25%!important;font-size:30px!important}#work_content_title{margin-top:50px}}body,dd,div,dl,dt,h1,h2,html,li,ol,p,span,ul{margin:0;padding:0;width:100%}*{-webkit-appearance:none}*,html{font-weight:400}html{background-color:#f3f3f3;color:#1a1a1a;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;width:100%;z-index:0}body{display:block;padding-top:90px}main{display:flex;flex-direction:row;padding:30px;width:auto;z-index:0}header{background:linear-gradient(180deg,#f3f3f3 20%,#fff0);left:0;padding:30px 30px 50px 40px;position:fixed;top:0;width:100%;z-index:1}#menu-area{flex-direction:column;max-width:300px;min-width:300px;position:relative;width:30%}#contents-area,#menu-area{box-sizing:border-box;display:flex}#contents-area{align-items:center;flex:1 1;flex-direction:column;justify-content:center;margin:auto;min-width:0;padding:10px}article{max-width:1500px}article,section{margin-bottom:90px;width:100%}.menu{display:flex;flex-direction:column;justify-content:end;list-style:none;position:fixed;width:auto}h1{width:100%}h1,h2{font-size:30px;font-weight:700}h2{margin-bottom:30px;margin-top:30px}h3,h4{font-weight:700;width:fit-content}h4{color:#5f5f5f;margin-bottom:5px;margin-top:5px}p{width:fit-content}a{color:#1a1a1a}li{list-style:none}.menu-item a{text-decoration:none}.fluentButton{background-color:#f3f3f3;border-radius:5px;box-sizing:border-box;color:#1a1a1a;display:flex;flex-direction:row;font-weight:700;margin:10px 0;max-width:360px;padding:10px 20px;width:80%}.fluentButton:hover{background-color:#ededed}.fluentImgArea{align-items:center;display:flex;justify-content:center;width:10%}.fluentImg{height:20px;margin-right:20px}.fluent-contents-area{margin:30px 30px 30px 0}.fluent-contents-area,.fluent-work-details-contents-area{background-color:#fbfbfb;border:.5px solid #d5d5d5;border-radius:10px;box-shadow:0 2rem 2rem -2rem #d5d5d5;overflow:hidden;width:100%}.fluent-work-details-contents-area{margin-bottom:10px;margin-left:0;margin-top:10px;z-index:0}.fluent-contents-area-title{border-bottom:.5px solid #d5d5d5;width:100%}.fluent-contents-area-title h3{margin-bottom:10px;margin-left:20px;margin-top:10px}.fluent-contents-details-area{background-color:#fbfbfb;padding:20px;width:90%}.fluent-img-area{width:auto}.details-img{margin:5px;max-width:400px;width:auto}.details-img-2{margin:5px;width:95%}.aboutme-contents{max-width:300px;width:fit-content}.work-contents{height:300px;margin-right:20px;width:300px}.work-contents:hover{box-shadow:0 10px 10px -10px #5f5f5f}.work-contents p{font-weight:700;margin-bottom:10px;margin-top:10px;text-align:left;width:100%}.work-img-area{height:200px;max-width:100%;position:relative;width:300px}.work-img-area:after{background-image:linear-gradient(180deg,#0000 0 1%,#fbfbfb 99% 100%);content:"";height:200px;left:0;position:absolute;top:0;width:300px}.work-img{height:200px;width:100%}.divlink{color:#101841;font-size:16px;font-style:normal;font-weight:700;margin:0;text-decoration:none;z-index:0}#work-frame-area{display:flex;flex-direction:row;overflow-x:scroll}#details-frame-area{display:flex;flex-wrap:wrap}.fluent-contents-img{width:100%;z-index:0}.fluent-contents-img-area{height:300px;max-width:100%;position:relative;width:300px;z-index:0}.fluent-contents-img-area:after{background-image:linear-gradient(180deg,#0000 0 5%,#fbfbfb 95% 100%);content:"";height:300px;left:0;position:absolute;top:0;width:300px;z-index:0}.fluent-contents-img-area img{width:100%;z-index:0}.fluent-button{align-items:center;background-color:#005fba;border:.5px solid #0f4273;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:20px;font-size:15px;font-weight:700;height:auto;justify-content:center;margin:10px auto;padding:5px 15px;width:auto}.font-size-16{font-size:20px;font-weight:700}.font-color-gray{color:#5f5f5f}#myname{font-size:25px;font-weight:700}.skill-frame{margin-bottom:10px;margin-top:10px}footer{padding:60px 50px 30px}.fluent-work-contents-area{display:flex;flex-direction:row;margin:100px auto 30px;width:auto}.imgview{border-radius:5px;overflow:hidden}.work-contents-intro{display:flex;flex-direction:column;height:auto;margin-right:10px;padding:30px;position:relative;text-align:center;width:30%}.work-contents-intro h3{text-align:center;width:100%;z-index:1}.work-contents-details{width:70%}.work-contents-intro-img{display:flex;flex-direction:row;justify-content:center;width:100%}.work-contents-intro p{margin-left:auto;margin-right:auto}#menu-button,#menu-delete-button{display:none}#buttonName{margin:10px auto}@media(max-width:900px){h1{font-size:30px}header{background-color:#f3f3f3;box-sizing:border-box;left:0;padding:30px 20px;position:fixed;top:0;width:100%;z-index:20}body{padding-top:0;width:100%}main{flex-direction:column;justify-content:center;padding:10px;width:auto;z-index:0}article,main{box-sizing:border-box}article{width:100%}#work-frame-area{flex-direction:column;justify-content:center}#menu-area{background-color:#f3f3f3;display:flex;height:100%;left:0;margin-top:75px;max-width:100%;opacity:0;position:fixed;right:0;top:28px;transform:translateX(100%);transition:opacity 1s ease,transform 1s ease;width:100%;z-index:10}#menu-area.show{display:flex;opacity:1;transform:translateX(0)}.menu{left:10px;text-align:center;width:95%}.menu-item{align-items:center;width:100%}.fluent-button,.menu-item{display:flex;justify-content:center}.fluent-button{flex-direction:row}.link{width:100%}#contents-area{margin-top:100px;width:100%}#menu-button{z-index:15}#menu-button,#menu-delete-button{display:block;height:50px;position:fixed;right:20px;top:30px;width:50px}#menu-delete-button{z-index:18}.fluent-work-contents-area{flex-direction:column;justify-content:center;width:100%}.work-contents-intro{margin-right:0;width:auto}.work-contents-details{width:100%}.details-img{max-width:250px;width:auto}.details-img-2{width:100%}.font-size-16{font-size:15px;font-weight:700}footer{padding:30px}}
/*# sourceMappingURL=main.299691d5.css.map*/