@charset "utf-8";

/*============================
事業内容　概要
============================*/

#service {
  counter-reset: no;
}


/*============================
事業内容　説明
============================*/

#service .clearfix {
  padding: 30px 10px;
  border-top: 1px solid #f8f8f8;
}

#service .clearfix:last-child {
  border-bottom: 1px solid #f8f8f8;
}

#service .clearfix .photo {
  width: 315px;
}

#service .clearfix .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#service .clearfix dl {
  width: 675px;
}

#service .clearfix dt {
  font-size: 54px;
  font-family: 'Bai Jamjuree';
  font-weight: 700;
  font-style: italic;
  color: #f8f8f8;
  margin-bottom: 30px;
  line-height: 1;
}

#service .clearfix dt .ja {
  display: block;
  font-size: 20px;
  font-family: 'Noto Sans JP';
  font-style: normal;
  padding-top: 14px;
}

#service .clearfix dd {
  margin-top: 30px;
  color: #f8f8f8;
}

@media only screen and (max-width: 768px) {
  #service .clearfix .photo {
    width: 100%;
  }

  #service .clearfix dl {
    width: 100%;
    margin-top: 15px;
  }

  #service .clearfix dt {
    display: inline-block;
    font-size: 27px;
    margin-bottom: 20px;
  }

  #service .clearfix dt .ja {
    font-size: 18px;
    padding-top: 5px;
  }

  #service .clearfix dd {
    margin-top: 0;
  }
}