/* service
=================================================================== */
.serviceSection {
  padding-top: 73px;
  padding-bottom: 60px; }
  .serviceSection h2 {
    background: url(../img/title__service.png) no-repeat center center;
    background-size: auto 100%;
    margin-bottom: 44px; }
  .serviceSection .serviceSection__top {
    width: 100%;
    margin-bottom: 62px; }
    .serviceSection .serviceSection__top .serviceSection__top--image {
      width: calc(100% - 128px);
      height: 330px;
      margin: 0 auto 34px;
      border-radius: 15px;
      background: url(../img/service/top.jpg) no-repeat center center;
      background-size: cover; }
    .serviceSection .serviceSection__top p {
      font-size: 15px;
      width: 842px;
      margin: 0 auto;
      line-height: 2.1; }
  .serviceSection section {
    font-size: 14px;
    width: 842px;
    margin: 0 auto 100px;
    line-height: 1.8; }
    .serviceSection section h3 {
      font-size: 19px;
      margin-bottom: 8px;
      font-weight: bold; }
    .serviceSection section .serviceSection--image {
      width: 1016px;
      margin-left: -87px;
      margin-bottom: 22px; }
      .serviceSection section .serviceSection--image img {
        display: block;
        width: 100%;
        height: auto; }
    .serviceSection section .sup {
      font-size: 11px;
      color: #8a8a8a; }
    .serviceSection section li {
      margin-bottom: 30px;
      position: relative; }
      .serviceSection section li dt {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        font-weight: bold;
        border-bottom: 2px #000 solid; }
        .serviceSection section li dt:nth-of-type(2) {
          top: 34px; }
        .serviceSection section li dt.dtsp {
          display: none; }
      .serviceSection section li dd {
        margin-left: 272px;
        letter-spacing: 0; }
        .serviceSection section li dd a {
          font-weight: bold;
          text-decoration: underline;
          margin-top: 10px; }
          .serviceSection section li dd a:hover {
            text-decoration: none; }
    .serviceSection section.serviceSection__fitting {
      margin-bottom: 74px; }
    .serviceSection section.serviceSection__text {
      margin-bottom: 60px; }
    .serviceSection section.serviceSection__maintenance {
      margin-bottom: 60px; }
      .serviceSection section.serviceSection__maintenance li dd {
        margin-left: 106px; }
    .serviceSection section.serviceSection__lens {
      margin-bottom: 86px; }
      .serviceSection section.serviceSection__lens p {
        margin-bottom: 30px; }
      .serviceSection section.serviceSection__lens li {
        margin-bottom: 26px; }
    .serviceSection section.serviceSection__other h3 {
      margin-bottom: 12px; }
    .serviceSection section.serviceSection__other p {
      margin-bottom: 30px; }
    .serviceSection section.serviceSection__other li {
      margin-bottom: 22px; }
      .serviceSection section.serviceSection__other li.uv dd {
        position: relative; }
        .serviceSection section.serviceSection__other li.uv dd p {
          width: 450px;
          text-align: justify; }
        .serviceSection section.serviceSection__other li.uv dd span {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          background: url(../img/service/uv.png) no-repeat center center;
          background-size: 100% auto;
          width: 108px;
          height: 98px; }
    .serviceSection section.serviceSection__device .serviceSection__device--image {
      float: left;
      width: 280px;
      margin-right: 20px; }
      .serviceSection section.serviceSection__device .serviceSection__device--image img {
        display: block;
        width: 100%;
        height: auto; }