body{
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka, Arial, Helvetica, Verdana,"ＭＳ Ｐゴシック",sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  background: #F2F2F2;
}
.container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 100px 32px;
}
h1{
  font-size: 32px;
  font-weight: 700;
}
h2{
  font-size: 24px;
  font-weight: 700;
  margin: 80px 0 0;
}
.modTopText{
  margin: 32px 0 0;
}
.modText{
  margin: 24px 0 0;
  line-height: 1.8;
}
.worksRowBox{
  margin: 64px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 24px;
}
.worksRowBox__item{
  width: calc(33.3% - 24px * 2 / 3);
}
.worksRowBox__item__inner{

}
.worksRowBox__item__img{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  max-height: 200px;
  overflow:scroll;
}
.worksRowBox__item__img img{
  width: 100%;
}
.worksRowBox__item__title{
  margin: 12px 0 0;
  font-size: 18px;
  font-weight: 700;
}
.worksRowBox__item__info{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  line-height: 1;
}
.title{
  width: 80px;
  margin: 8px 0 0;
}
.content{
  width: calc(100% - 92px);
  margin: 8px 0 0;
}
.content p+p{
  margin: 4px 0 0;
}
.modListProfile{
  margin: 32px 0 0; 
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.modListProfile__title{
  width: 100px;
}
.modListProfile__content{
  width: calc(100% - 100px - 20px);
}
@media screen and (max-width: 1023px) {
  .container{
    padding: 100px 15px;
  }
  .worksRowBox{
    flex-direction: column;
  }
  .worksRowBox__item{
    width: 100%;
  }
  .worksRowBox__item__img{
    max-height: 48vw;
  }
}