body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;font-family:Hannotate SC,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif;margin:100px auto;padding:0}.App,header{background-color:#fff}header{align-items:center;display:flex;padding:10px 4% 30px;position:fixed;top:0;width:100%;z-index:1000}h1{color:#d2691e;font-size:20px;margin:0;padding:0}a{text-decoration:none}.pc-nav{margin:0 0 0 auto;padding-right:40px}.pc-nav ul{display:flex;list-style:none;margin:0 100px 0 0}.pc-nav li{color:#ffc778;display:inline-block;font-size:14px;margin:20px 10px;padding-left:14px;position:relative;text-decoration:none;width:60px}.pc-nav li:after{background:#d87878;bottom:-4px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right top;transform-origin:right top;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.pc-nav li:hover:after{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;transform-origin:left top}.title{color:#eda388;font-size:25px;margin-left:100px}@media screen and (max-width:420px){header{align-items:center;background-color:#fff;display:flex;position:fixed;top:0;width:100%;z-index:1000}h1{color:#d2691e;font-size:15px;margin:0;padding:0}a{text-decoration:none}.pc-nav{margin:0 0 0 auto;padding-right:0}.pc-nav ul{display:flex;list-style:none;margin:0 40px 0 0}.title{color:#eda388;font-size:25px;margin-left:50px}}.work-list{align-items:center;flex-wrap:wrap;justify-content:center;z-index:100}.work,.work-list{background-color:#fff;display:flex}.work{border:2px solid #ccc;border-radius:40px;box-sizing:border-box;height:250px;margin:50px 20px;width:33.33333333%}@media screen and (max-width:1000px){.work-list{align-items:center;flex-wrap:wrap;justify-content:center;margin:15px 10px;z-index:100}.work,.work-list{background-color:#fff;display:flex}.work{border:2px solid #ccc;border-radius:40px;box-sizing:border-box;height:210px;margin:20px 100px;width:100%}}@media screen and (max-width:420px){.work-list{align-items:center;flex-wrap:wrap;justify-content:center;margin:15px 10px;z-index:100}.work,.work-list{background-color:#fff;display:flex}.work{border:2px solid #ccc;border-radius:40px;box-sizing:border-box;height:210px;margin:20px;width:100%}}.work img{border-bottom-left-radius:40px;border-top-left-radius:40px;object-fit:cover;width:200px}.sentences{font-size:1.8vh;margin-left:auto;padding:5px;width:66%}.sentences p{font-size:1.5vh}@media screen and (max-width:1000px){.sentences{font-size:1.3vh;margin-left:auto;padding:5px;width:66%}.sentences p{font-size:1vh}}@media screen and (max-width:420px){.sentences{font-size:1.2vh;margin-left:auto;padding:5px;width:66%}.sentences p{font-size:1vh}}.pmwork{border-bottom:8px solid #e6c5cf;position:relative}.codework{border-bottom:8px solid #a7d6ff;position:relative}.codework:after,.pmwork:after{border-bottom:8px solid #ffc778;bottom:-8px;content:" ";display:block;position:absolute;width:30%}.logo{height:390px;width:500px}.myProfile{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.myProfile img{width:40%}.mySentences{padding:40px}@media screen and (max-width:420px){.myProfile img{width:70%}.mySentences{padding:10px}}.icons svg{color:#ff876c;padding:10px}.skills-list{margin:100px auto}.skills{display:flex}.skills-list ul{align-items:center;flex-wrap:wrap;justify-content:center;padding-left:200px}.skills-list li{font-size:20px;line-height:1;list-style-type:none!important;padding:.5em 0}@media screen and (max-width:1000px){.skills{display:block}.skills-list{margin:50px auto}.skills-list ul{align-items:center;flex-wrap:wrap;justify-content:center;padding:0 100px}}@media screen and (max-width:420px){.skills{display:block}.skills-list{margin:50px auto}.skills-list ul{align-items:center;flex-wrap:wrap;justify-content:center;padding:0 100px}}.star5_rating{color:#ccc;display:inline-block;position:relative;white-space:nowrap;z-index:0}.star5_rating:after,.star5_rating:before{content:"★★★★★"}.star5_rating:after{color:#ffcf32;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;z-index:1}.star5_rating[data-rate="5"]:after{width:100%}.star5_rating[data-rate="4.5"]:after{width:90%}.star5_rating[data-rate="4"]:after{width:80%}.star5_rating[data-rate="3.5"]:after{width:70%}.star5_rating[data-rate="3"]:after{width:60%}.star5_rating[data-rate="2.5"]:after{width:50%}.star5_rating[data-rate="2"]:after{width:40%}.star5_rating[data-rate="1.5"]:after{width:30%}.star5_rating[data-rate="1"]:after{width:20%}.star5_rating[data-rate="0.5"]:after{width:10%}.star5_rating[data-rate="0"]:after{width:0}.top-container{display:flex}.top-container h2{font-size:2em}.left-area{background-color:#87a8ff;border-radius:40px;height:400px;margin:50px 0 100px 100px;position:relative;width:50%}.left-text{bottom:0;margin:0;padding:0;position:absolute}.right-area{background-color:#87e9ff;border-radius:40px;height:400px;margin:50px 100px 100px 0;position:relative;text-align:center;width:50%}.right-text{bottom:0;margin:0;padding:0;position:absolute}.contents-list{background-color:#fff}.main-contents{align-items:center;background-color:#ffac4d;display:flex;justify-content:center}.date{color:#fff;font-size:20px;margin-left:100px}.main-title h1{font-size:5vh}.main-title h1,.main-title h3{color:#fff;margin-left:100px;padding-right:50px}.main-title h3{font-size:3vh}.main-contents img{height:40%;width:40%}.title{color:#ffac4d;font-size:3vh}.contents{align-items:left;display:flex;justify-content:left}.contents,.contents-story img{margin-left:100px;margin-right:100px}.contents-story img{background-color:#ffac4d;width:80%}.content{align-items:flex-start;font-size:2.5vh;margin-bottom:20px;padding:30px}.contents img{height:30%;width:40%}.trim img{height:20%;object-position:0 0;width:20%}.movie{text-align:center}.movie iframe{aspect-ratio:16/9;background-size:cover;height:50%;width:50%}@media screen and (max-width:1000px){.main-contents{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.date{font-size:2vh;margin:10px}.main-title h1{font-size:2.5vh;margin:10px}.main-title h3{color:#fff;font-size:1vh;margin:10px;padding-right:50px}.main-contents img{height:30%;padding:20px;width:40%}.title{color:#ffac4d;font-size:2.5vh}.contents{align-items:left;display:flex;flex-wrap:wrap;justify-content:left;margin-left:100px;margin-right:100px}.content{align-items:flex-start;font-size:2.5vh;padding:30px}.contents img{height:100%;width:100%}.trim img{height:20%;object-position:0 0;width:20%}.movie{text-align:center}.movie iframe{aspect-ratio:16/9;background-size:cover;height:50%;width:50%}}@media screen and (max-width:420px){.main-contents{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.date{font-size:2vh;margin:10px}.main-title h1{font-size:2.5vh;margin:10px;padding:0}.main-title h3{color:#fff;font-size:1vh;margin:10px}.main-contents img{width:70%}.title{color:#ffac4d;font-size:2.5vh}.contents{align-items:left;display:flex;flex-wrap:wrap;justify-content:left;margin-left:50px;margin-right:50px}.content{align-items:flex-start;font-size:2.5vh;padding:0}.contents img{height:100%;width:100%}.trim img{height:20%;object-position:0 0;width:20%}.movie{text-align:center}.movie iframe{aspect-ratio:16/9;background-size:cover;height:70%;width:70%}}
/*# sourceMappingURL=main.245b6aac.css.map*/