@charset "UTF-8";

/*------------------------------------
  安全作業のために top
-------------------------------------*/
.innerContents h2.p-saftey-heading {
  color: #6eb92b;
  padding: 0;
}
.p-saftey__info__item {
  margin-bottom: 5px;
}
.p-saftey__point__list {
  display: flex;
  flex-wrap: wrap;
}
.p-saftey__point__link {
  display: block;
  text-align: center;
}
.p-saftey__point__link img {
  margin-bottom: 5px;
  width: 100%;
}
.p-saftey__manual__list {
  display: flex;
  flex-wrap: wrap;
}
.p-saftey__manual__link {
  display: block;
  text-align: center;
}
.p-saftey__manual__image img {
  box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.2);
  max-width: 100%;
}
.p-saftey__manual__title {
  margin-top: 15px;
}
.p-saftey__link {
  background: #eee;
  display: flex;
  flex-wrap: wrap;
}
.p-saftey__link a {
  text-decoration: underline;
}
.p-saftey__note {
  display: inline-block;
  margin-left: .6em;       /* 見出しとの間隔 */
  color: #888;             /* グレー */
  font-size: 0.75em;       /* 一回り小さく */
  font-weight: normal;
  vertical-align: baseline;
}

@media only screen and (min-width:767px) {

  .p-saftey {
    margin-top: 40px;
  }
  .p-saftey__relatedInfo,  .p-saftey__point,  .p-saftey__manual {
    margin-top: 90px;
  }
  .innerContents h2.p-saftey-heading {
    font-size: 27px;
    margin: 0 0 20px 0;
  }
  .p-saftey__info__date {
    padding-right: 10px;
  }
  .p-saftey__point__item {
    width: calc(25% - 15px);
    margin-bottom: 25px;
  }
  .p-saftey__point__item:not(:nth-child(4n)) {
    margin-right: 20px;
  }
  .p-saftey__manual__item {
    width: calc(16% - 20px);
    margin-bottom: 20px;
  }
  .p-saftey__manual__item:not(:nth-child(6n)) {
    margin-right: 29px;
  }
  .p-saftey__link {
    padding: 20px 30px;
    margin: 70px 0 0 0;
  }
  .p-saftey__link dt {
    width: 188px;
  }
  .p-saftey__link dd {
    width: 80%;
  }
  .p-saftey__link dt, .p-saftey__link dd {
    padding: 3px 0;
  }
  .p-saftey__note {
    font-size: 0.75em;      /* 見出し27px時のバランス調整 */
    color: #888;
  }	
}


@media only screen and (max-width: 767px) {

  .innerContents h2.p-saftey-heading {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .p-saftey__point__list {
      justify-content: space-between;
  }
  .p-saftey__point__item {
    width: 48%;
    margin-bottom: 15px;
  }
  .p-saftey__manual__item {
    width: calc(33% - 10px);
    margin-bottom: 15px;
  }
  .p-saftey__manual__item:not(:nth-child(3n)) {
    margin-right: 15px;
  }
  .p-saftey__link {
    padding: 15px 20px;
    flex-flow: column;
    margin-top: 30px;
  }
  .p-saftey__link dd + dt {
    margin-top: 15px;
  }
  .p-saftey__note {
    display: inline;       /* 行高の詰まり回避 */
    font-size: 0.75em;
  }	
}

/*------------------------------------
  機種別安全ポイント詳細
-------------------------------------*/
.p-saftey__pointDetail {
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
}
.p-saftey__pointDetail__title {
  background: #e5e5e5;
  margin: 0;
  line-height: 1;
}
.p-saftey__pointDetail__inner {
  display: flex;
  margin-top: 15px;
}
.p-saftey__pointDetail__thumbnail {
  text-align: center;
  flex: 0 0 auto;
}
.p-saftey__pointDetail__date {
  text-align: right;
}
.p-saftey__pointDetail .corpGlidMov {
  position: relative;
}
.p-saftey__pointDetail__link {
  text-align: right;
}
.p-saftey__pointDetail__link i {
    color: #6fba2c;
}
.p-saftey__note {
  display: inline-block;
  margin-left: .6em;       /* 見出しとの間隔 */
  color: #888;             /* グレー */
  font-size: 0.75em;       /* 一回り小さく */
  font-weight: normal;
  vertical-align: baseline;
}

@media only screen and (min-width:767px) {

  .p-saftey__pointDetail {
    padding: 20px;
  }
  .p-saftey__pointDetail__title {
    font-size: 20px;
    padding: 10px 20px;
  }
  .p-saftey__pointDetail__thumbnail {
    width: 200px;
    margin-right: 30px;
  }
  .p-saftey__pointDetail__thumbnail img {
    max-width: 200px;
  }
  .p-saftey__pointDetail__info {
    flex: 1 1 auto;
  }
  .p-saftey__pointDetail__text {
    font-size: 16px;
  }
  .p-saftey__pointDetail .corpGlidMov {
    height: 150px;
  }
  .p-saftey__note {
    font-size: 0.75em;      /* 見出し27px時のバランス調整 */
    color: #888;
  }		
}

@media only screen and (max-width: 767px) {

  .p-saftey__pointDetail {
    padding: 10px;
  }
  .p-saftey__pointDetail__title {
    font-size: 16px;
    padding: 10px;
  }
  .p-saftey__pointDetail__thumbnail {
    width: 30%;
    margin-right: 15px;
  }
  .p-saftey__pointDetail__thumbnail img {
    width: 100%;
  }
  .p-saftey__note {
    display: inline;       /* 行高の詰まり回避 */
    font-size: 0.75em;
  }		
}