@charset "UTF-8";
/*==========================================
W1024のとき
============================================*/
@media(max-width:1080px){
  .profile_detail{
    transform: rotateZ(0);
  }
  .decow1 span{
    margin-left: 2.0em;
  }
}
/*==========================================
W810のとき
============================================*/
@media(max-width:810px){
  .profile_detail{
    padding: 1.0em;
  }
  .skills_box .skills_item{
    flex-basis:40%;
  }
  .website_box{
    padding:2.0em 0em 4.0em 0em;
  }
  .label{
    display: block;
    width: auto;
  }
  input[type="text"],input[type="email"],input[type="tel"]{
    width:100%;
  }
  .label_textarea,textarea{
    width:100%;
  }
  .message{
    text-align: center;
  }
}
/*==========================================
W768のとき
============================================*/
@media(max-width:768px){
  .see_works_btn{
    right:45%;
  }
  .profile_box{
    flex-direction: column;
  }
  .mymsg,.profile_detail{
    width: auto;
    padding-bottom: 2.0em;
    margin-bottom: 2.0em;
  }
  .mymsg{
    padding-left: 1.0em;
    padding-right: 1.0em;
  }
  .decow1{
    border-bottom: none;
    text-shadow: 2px 2px 5px #29131370;
  }
}
/*==========================================
W414のとき
============================================*/
@media(max-width:414px){
  .see_works_btn{
    display: none;
  }
  .decow1{
    font-size:1.75em;
  }
  .decow1 span{
    margin-left:0;
  }
  .skills_box{
    width: 100%;
    flex-direction: column;
  }
  .skills_item{
    margin-left: 0;
  }
  .website_item,.graphic_item{
    margin-top: 30px;
  }
  form{
    padding:0 0.25em;
  }
  footer p{
    text-align: center;
  }
}
/*==========================================
W375のとき
============================================*/
@media(max-width:375px){
  .mymsg{
    font-size: 95%;
  }
}