/***************************************************************************
*
* WORK STYLE
*
***************************************************************************/
.areaWork { background: url(../images/work/work-background.png); }
.areaWork.area { padding: 75px 0 120px; }
.areaWork .areaWork-cate { font-size: 28px; margin-bottom: 18px; letter-spacing: 2px; margin-left: 7px; }
.areaWork .areaWork-cate .fas { margin-right: 9px; }
.areaWork .areaWork__list { width: 912px; margin: 0 auto 38px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.areaWork .areaWork__list li { width: 270px; margin-right: 50px; margin-bottom: 23px; }
.areaWork .areaWork__list li:nth-child(3n) { margin-right: 0; }
.areaWork .areaWork__list li a { display: block; }
.areaWork .areaWork__list li a .list__photo { margin-bottom: 6px; box-shadow: 6px 5px 11px rgba(149, 147, 147, 0.64); border-radius: 5px; min-height: 352px; }
.areaWork .areaWork__list li a .list__photo img { width: 100%; border-radius: 5px; object-fit: cover; height: 352px; }
.areaWork .areaWork__list li a .list__title { text-align: center; font-size: 12px; color: #666666; font-weight: normal; }
.areaWork .areaWork__list li a .list__inc { text-align: center; font-size: 10px; color: #666666; font-weight: normal; min-height: 30px; }
.areaWork .areaWork__wrap .workwrap__circle { width: 130px; height: 130px; display: flex; justify-content: center; align-items: center; font-size: 17px; font-weight: bold; color: #fff; background: #202020; margin: 0 auto 33px; border-radius: 100%; line-height: 1.95; letter-spacing: 1.2px; }
.areaWork .areaWork__wrap .workwrap__block .workwrap__block--col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li { width: 500px; margin-bottom: 10px; }
.areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li a { font-size: 13px; color: #202020; display: block; min-height: 26px; }
.areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li:nth-child(2n) { width: calc( 100% - 520px); }
.areaWork .areaWork__wrap .workwrap__more { font-size: 16px; font-weight: bold; text-align: center; }
.areaWork .areaWork__wrap .workwrap__etc { font-size: 13px; text-align: right; }

@media all and (min-width: 769px) and (-ms-high-contrast: none) { .areaWork .areaWork__list li a .list__photo { height: 352px; } }
@media (max-width: 1096px) and (min-width: 769px) { .inner { width: 100%; }
  .areaWork .areaWork__list { width: 100%; max-width: 912px; }
  .areaWork .areaWork__list li { width: calc((100% / 3) - 4%); margin-right: 6%; }
  .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li { width: 50%; }
  .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li:nth-child(2n) { width: 50%; } }
@media (max-width: 875px) and (min-width: 769px) { .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li { width: 100%; }
  .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li:nth-child(2n) { width: 100%; float: left; } }
@media (max-width: 768px) { .areaWork.area { padding: 52px 0 50px; }
  .areaWork .areaWork-cate { margin-left: 0; font-size: 22px; margin-bottom: 10px; }
  .areaWork .areaWork-cate .fas { margin-right: 5px; }
  .areaWork .areaWork__list { width: 100%; margin: 0 auto 20px; }
  .areaWork .areaWork__list li { width: 46.7%; margin-right: 6.5%; margin-bottom: 17px; }
  .areaWork .areaWork__list li a .list__photo { box-shadow: 3px 5px 12px rgba(167, 167, 167, 0.9); margin-bottom: 6px; min-height: auto; }
  .areaWork .areaWork__list li a .list__photo img { height: 210px; }
  .areaWork .areaWork__list li a .list__inc { min-height: 30px; }
  .areaWork .areaWork__list li a .list__title { margin-bottom: 1px; }
  .areaWork .areaWork__list li:nth-child(3n) { margin-right: 6.5%; }
  .areaWork .areaWork__list li:nth-child(2n) { margin-right: 0; }
  .areaWork .areaWork__wrap .workwrap__circle { margin-bottom: 30px; }
  .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li { width: 100%; margin-bottom: 10px; }
  .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li a { font-size: 12px; line-height: 1.5; }
  .areaWork .areaWork__wrap .workwrap__block .workwrap__block--col li:nth-child(2n) { width: 100%; }
  .areaWork .areaWork__wrap .workwrap__etc { font-size: 12px; } }

/*# sourceMappingURL=work.css.map */