/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
body {
  background: #f2f2f2; }

.mv {
  background: url("../images/works/works_mv.jpg") no-repeat;
  background-size: cover;
  background-position: center; }

.area01 .contents {
  margin-top: 40px; }
  .area01 .contents ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .area01 .contents ul li {
      width: 46%;
      margin-bottom: 60px; }
      .area01 .contents ul li h3 {
        font-size: 20px;
        line-height: 1.5;
        text-align: left;
        letter-spacing: 0.05rem; }
      .area01 .contents ul li .txt {
        margin-top: 5px;
        text-align: left;
        letter-spacing: 0; }
      .area01 .contents ul li .images {
        margin-top: 20px; }
      .area01 .contents ul li:last-child {
        margin-bottom: 0; }
@media screen and (max-width: 480px) {
  .area01 .contents ul li {
    margin: 0 auto;
    margin-bottom: 50px;
    width: 100%; }
    .area01 .contents ul li h3 {
      font-size: 18px;
      text-align: center;
      letter-spacing: 0; }
    .area01 .contents ul li .txt {
      margin-top: 15px; }
    .area01 .contents ul li .images {
      margin-top: 10px; }
    .area01 .contents ul li:last-child {
      margin-bottom: 20px; } }

.area02 {
  background: url("../images/works/works_img06.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  padding: 90px 0px; }
  .area02 .box_in {
    background: rgba(255, 255, 255, 0.65);
    padding: 65px 40px;
    max-width: 680px;
    width: 90%; }
    .area02 .box_in .txt_area {
      margin-top: 20px; }
  @media screen and (max-width: 750px) {
    .area02 {
      padding: 12vw 0px; }
      .area02 .box_in {
        padding: 8vw 5.3333333333vw; }
        .area02 .box_in .txt_area {
          margin-top: 2.6666666667vw;
          text-align: left; }
          .area02 .box_in .txt_area br {
            display: none; } }

.area03 .contents {
  margin-top: 40px; }
  .area03 .contents .txt1 {
    letter-spacing: 0; }
  .area03 .contents .images {
    margin-top: 20px; }
  .area03 .contents .txt2 {
    margin-top: 20px;
    letter-spacing: 0; }
@media screen and (max-width: 750px) {
  .area03 .contents {
    margin-top: 2.6666666667vw; }
    .area03 .contents .txt1 {
      text-align: left; }
      .area03 .contents .txt1 br {
        display: none; } }