@media screen and (max-width:599px){.my-photo{width:100%}}@media screen and (min-width:960px){.my-photo-area{display:inline;width:30%;text-align:center;padding:5px}.my-photo{width:180px}.my-discription-area{display:inline;width:90%}}.event{margin:10px 5px}.qualification-class{margin:10px 0;padding:10px;background-color:#fff}.qualification{padding:0 10px;margin:10px 0;display:block}.skill-class{margin:10px 0;padding:10px;background-color:#fff}.skill{width:100%;padding:0 10px;margin:10px 0;display:block}.skill-img-area{text-align:center;width:8%}.skill-img-box{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skill-area{width:92%}.skill-img{width:70%;max-height:70px}.skill-item{display:block}@media screen and (max-width:599px){.skill{padding:0}.skill-img-area{width:15%}.skill-area{width:85%;padding-left:10px}.skill-img{margin:auto}}@media screen and (max-width:599px){.work-item{height:285px;background-color:#fff;margin-top:10px;padding:5px}.image-area{text-align:center}.work-photo{width:100%;margin-top:5px}.work-discription{margin:auto}}@media screen and (min-width:600px) and (max-width:959px){.work-item{width:48%;height:auto;background-color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:1%;padding:5px}.image-area{text-align:center}.work-photo{width:90%;margin-top:5px}}@media screen and (min-width:960px){.work-item{width:30%;height:auto;background-color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:1%;padding:5px}.image-area{text-align:center}.work-photo{width:90%;margin-top:5px}}body,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}.title{margin:10px 0}body{background-color:#f3f3f3}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.wrapper{min-height:100vh;position:relative}.header{height:40px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;padding:10px 30px;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.15);box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.logo-area,.menu-list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.logo-area{width:10%;float:left}.logo-image{width:65px;margin:auto}.menu-list{width:40%;float:right}.menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 10px}.sp-menu-area{display:block}.contents{margin:0 40px;text-align:left;padding-bottom:120px}.row{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.normal-class{width:100%;margin:10px 0;background-color:#fff}.text{word-wrap:break-word}.item{margin:0 15px;padding:8px 0}.footer{padding:20px 0;height:50px;width:100%;background-color:#000;color:#fff;position:absolute;bottom:0}@media screen and (max-width:599px){.header{height:80px;padding:10px 0}.logo-area{width:100%;height:30px}.menu-list{width:100%;display:block}.menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mobile-header{display:none}.pc-header{display:block}.sp-menu-list{position:relative;width:100%;height:calc(100vh - 38px);z-index:1}.contents{margin:0 15px}.normal-class{width:95%;margin:auto}}@media screen and (min-width:600px) and (max-width:959px){.mobile-header{display:none}.pc-header{display:block}.contents{margin:0 15px}.menu-list{width:40%;float:left}.normal-class{width:97%;padding:5px}.menu-list{width:60%;float:right;margin-top:10px}}@media screen and (min-width:960px){.mobile-header{display:none}.pc-header{display:block}.contents{margin:0 30px}.menu-list{margin-top:10px;width:45%;float:right}}