@charset "utf-8";
/* CSS Document */

/*work-head*/
.work__about{
  max-width: 580px;
  padding: 28px 0;
  margin: auto;
  text-align: center;
}
/*/work-head*/

/*共通部分*/
.work__sub-title{
  padding: 100px 0 48px;
}
.work__wrapper{
  justify-content: center;
  margin: -36px -20px;
  flex-wrap: wrap;
}
/*/共通部分*/

/*website firstview-design共通*/

.site__item{
  width: calc((100% - 80px) / 2);
  margin: 36px 20px;
}
/*/website firstview-design共通*/

/*work__article*/
.work__article__wrapper{
    padding-top: 16px; 
}
.work__article__name,.work__article__creation-time,.work__article__software,.work__article__inner{
  line-height: 1.5; 
}
.work__article__name,.work__article__creation-time,.work__article__software{
  font-size: 1.6rem;
}
.work__article__name{
    font-weight: bolder;
    letter-spacing: .05em;
    padding-bottom: 12px;
}

.work__article__inner{
  padding-top: 10px;
  font-size: 1.5rem;
  letter-spacing: .01em;
}
/*/work__article*/

/*web-site*/
.web-site__title{
  padding-top: 56px;
}
.web-site__link{
  text-decoration: none;
}
.web-site__link:hover{
  text-decoration: underline;
}
/*/web-site*/

/*firstview-design*/

/*/firstview-design*/

/*banner*/
.banner__wrapper{
  margin: -24px -30px;
}
.banner__item{
  width: calc((100% - 200px) / 3);
  margin: 24px 30px;
}
.banner__item:last-of-type{
  width: 36%;
}
/*/banner*/

/*bussiness-card*/
.business-card__item{
  width: 40%;
}
.business-card__wrapper{
  justify-content: center;
}
/*/bussiness-card*/

/*illustration*/
.illust__wrapper{
  justify-content: center;
  align-items: center;
  margin: -18px -32px;
  flex-wrap: wrap;
}
.illust__title{
  padding-bottom: 8px;
}
.illust__text{
  padding-bottom: 42px;
}
.illust__item{
  width: calc((100% - 380px) / 3);
  margin: 18px 32px;
}
.illust__item:last-of-type{
  width: 30%;
}
.illustration{
  padding-bottom: 156px;
}
/*illustration*/

@media screen and (max-width: 767px){
  .work__about {
    max-width: 280px;
    text-align: left;
    padding: 16px 0 10px 0;
  }
  .work__sub-title{
    padding: 82px 0 26px;
  }
  .web-site__link{
  text-decoration: underline;
}
  .work__sub-title.web-site__title{
    padding-top: 28px;
  }
  .work__article__inner{
    font-size: 1.3rem;
  }
  .work__article__creation-time,.work__article__software{
  font-size: 1.4rem;
}
  .site__item{
    width: auto;
  }
  /*banner*/
  .banner__item {
    width: 70%;
    margin: 18px 8px;
}
  .banner__item:last-of-type {
    width: 70%;
}
  /*/banner*/
  /*illust*/
  .work__sub-title.illust__title{
    padding-bottom: 18px;
  }
  .illustration {
    padding-bottom: 100px;
}
  .illust__item {
    width: calc((100% - 90px) / 2);
    margin: 18px 12px;
}
  .illust__item:last-of-type {
    width: 52%;
}
  .illust__text {
    padding-bottom: 28px;
    width: 250px;
    margin: auto;
}
  /*/illust*/
}