@media screen and (max-width: 599px) {
  #fullpage .section__title {
    font-size: 3rem;
  }
  #fullpage .title-wrap {
    margin-left: 0;
    width: 100%;
  }
  #fullpage .about__container,
  #fullpage .work__container {
    display: block;
  }
  .fv__title {
    font-size: 3rem;
  }
  .fv__title-name {
    font-family: Ubuntu;
    font-size: 3rem;
  }
  .fv__title-pf {
    font-size: 2.6rem;
  }
  .pattern-wrap {
    height: 5%;
    bottom: -2%;
    background-size: cover;
    left: -6.3%;
  }
  .about .profile__name {
    font-size: 1.6rem;
  }
  .about .profile__name--en,
  .about .about__content {
    font-size: 1.25rem;
    line-height: 1.75;
  }
  .about .about__container {
    margin: 0 4.1% 0 12.5%;
    width: 83%;
  }
  .about .profile {
    padding-left: 0;
    width: 100%;
  }
  .about .prf-wrap {
    margin: 12.3% 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .about .cloud1-wrap {
    width: 9.8rem;
    position: absolute;
    top: 6%;
    left: 5%;
  }
  .about .cloud-s1-wrap {
    width: 5.3rem;
    position: absolute;
    top: 5%;
    right: 27%;
  }
  .about .cloud2-wrap {
    width: 20.2rem;
    position: absolute;
    top: 10%;
    right: -10%;
  }
  .about .cloud3-wrap {
    width: 13.8rem;
    position: absolute;
    bottom: 7%;
    left: -2%;
  }
  .about .cloud4-wrap {
    width: 23.1rem;
    position: absolute;
    bottom: 1%;
    right: -5%;
    overflow: hidden;
  }
  .skill .skill__img-wrap {
    margin-top: 30px;
  }
  .skill .pc-img-wrap {
    width: 35%;
    margin-left: 1rem;
  }
  .skill .sp-img-wrap {
    width: 14%;
    margin-left: 6rem;
  }
  .skill .skill__container {
    margin: 0 4.1% 0 12.5%;
    width: 83%;
    display: block;
  }
  .skill .title-wrap {
    width: 21%;
  }
  .skill .skill__wrap {
    width: 100%;
    margin-top: 15.3rem;
    margin: 0;
    padding-left: 0;
  }
  .skill .skill__content-wrap {
    margin-top: 30px;
  }
  .skill .skill--common {
    margin-right: 2px;
  }
  .skill .skill__list {
    padding-top: 0;
    margin-top: 30px;
  }
  .skill .skill__content {
    font-size: 1.1rem;
  }
  .skill .skill-cloud-wrap1 {
    width: 15.6rem;
    position: absolute;
    top: 0%;
    left: -5%;
  }
  .skill .skill-cloud-wrap2 {
    width: 7.1rem;
    position: absolute;
    top: 7%;
    left: 35%;
  }
  .skill .skill-cloud-wrap3 {
    width: 18.7rem;
    position: absolute;
    top: 15%;
    right: 2%;
  }
  .skill .skill-cloud-wrap4 {
    width: 9.3rem;
    position: absolute;
    top: 25%;
    right: -5%;
  }
  .skill .skill-cloud-wrap5 {
    width: 21.1rem;
    position: absolute;
    left: -2%;
    bottom: 0;
  }
  .skill .skill-cloud-wrap6 {
    width: 3.8rem;
    position: absolute;
    left: 25%;
    bottom: 8%;
  }
  .skill .skill-cloud-wrap7 {
    width: 3.5rem;
    position: absolute;
    bottom: 5%;
    right: 28%;
  }
  .skill .skill-cloud-wrap8 {
    width: 7.7rem;
    position: absolute;
    bottom: 2%;
    right: 9.8%;
  }
  .skill .skill__wordpress span {
    font-size: 1.1rem;
    line-height: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .skill .br-pc {
    display: none;
  }
  .work .work__container {
    margin: 0 4.1% 0 12.5%;
    width: 83%;
  }
  .work .work__info {
    width: 100%;
    padding-left: 0;
  }
  .work .work__info-conent,
  .work .work__word {
    font-size: 1.21rem;
  }
  .work .work__info {
    margin-top: 30px;
  }
  .work .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .work .work-cloud-wrap1 {
    width: 12.1rem;
    position: absolute;
    top: 10%;
    left: 1%;
  }
  .work .work-cloud-wrap2 {
    width: 16.4rem;
    position: absolute;
    top: 2%;
    right: 5%;
  }
  .work .work-cloud-wrap3 {
    width: 4.1rem;
    position: absolute;
    top: 1%;
    right: 1%;
  }
  .work .work-cloud-wrap4 {
    width: 6.9rem;
    position: absolute;
    bottom: 23%;
    left: 4.7%;
  }
  .work .work-cloud-wrap5 {
    width: 14.1rem;
    position: absolute;
    bottom: 6.4%;
    left: 9.7%;
  }
  .work .work-cloud-wrap6 {
    width: 15.2rem;
    position: absolute;
    right: 3.7%;
    bottom: 2.5%;
  }
  .work .br {
    display: none;
  }
  #contact {
    display: table;
    margin: auto;
    width: 83%;
  }
  #contact .contact__container {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  #contact .title-wrap {
    width: 100%;
    margin-left: 0;
  }
  #contact .title-wrap .section__title {
    font-size: 3rem;
  }
  #contact .contact__form-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 3.6rem;
  }
  .contact .title-wrap {
    width: 100%;
    margin-left: 0;
  }
  .contact .section__title {
    font-size: 3rem;
  }
  .contact .contact__container {
    display: block;
    margin: 0 4.1% 0 12.5%;
    width: 83%;
  }
  .contact .contact__form-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 3.6rem;
  }
  .contact .contact__text {
    font-size: 1.2rem;
  }
  .contact .footer {
    text-align: center;
    padding: 0;
  }
  .contact .footer__text {
    padding-top: 7px;
    margin-left: 0;
    font-size: 12px;
  }
  .contact .footer__copyright {
    padding: 10px;
    font-size: 12px;
    float: none;
  }
  .contact .contact-cloud-wrap1 {
    width: 16.9rem;
    position: absolute;
    top: 5%;
    left: -1%;
  }
  .contact .contact-cloud-wrap2 {
    width: 10rem;
    position: absolute;
    top: 15%;
    right: 7%;
  }
  .contact .contact-cloud-wrap3 {
    width: 22.5rem;
    position: absolute;
    bottom: 22%;
    right: -5%;
  }
  .contact .contact-cloud-wrap4 {
    width: 4.6rem;
    position: absolute;
    bottom: 13%;
    right: 0;
  }
  .contact .contact-cloud-wrap5 {
    width: 25rem;
    position: absolute;
    bottom: 5%;
    left: -10%;
  }
  .contact .contact-cloud-wrap6 {
    width: 25rem;
    position: absolute;
    bottom: 5%;
    left: 17%;
  }
  .contact .contact-cloud-wrap7 {
    width: 25rem;
    position: absolute;
    bottom: 3%;
    right: -30%;
  }
  .contact .plane-wrap {
    width: 8rem;
    height: 3rem;
    position: absolute;
    bottom: 15%;
    left: 10%;
  }
  .contact .form__submit {
    font-size: 1.2rem;
    padding: 1rem;
  }
  #fp-nav ul li {
    margin-bottom: 7px;
    height: 9px;
  }
  #fp-nav ul li a {
    width: 9px;
  }
  #fp-nav ul li .active {
    width: 18px;
  }
  #fp-nav.left {
    left: 7px;
  }
  .thanks-wrapper {
    width: 55%;
  }
  .thanks-wrapper .thanks-title {
    font-size: 2.1rem;
  }
  .thanks-wrapper .thanks-text {
    margin-top: 3rem;
    font-size: 1.3rem;
    line-height: 1.75;
  }
  .thanks-wrapper .back-buttom {
    font-size: 1.1rem;
  }
  .contactform {
    display: table;
    margin: auto;
    width: 83%;
  }
  .contactform .contactform__container {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  .contactform .contactform-title-wrap {
    width: 100%;
    margin-left: 0;
  }
  .contactform .contactform__title {
    font-size: 3rem;
  }
  .contactform .contactformt__form-wrap {
    margin-top: 3.6rem;
    width: 100%;
  }
  .contactform .contactform-contents {
    margin: 0;
  }
}
/*# sourceMappingURL=sp__style.css.map */