@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.abrasives {
  width: 100%;
  max-width: 1500px;
  margin: 100px auto 0;
  padding: 0 100px 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 1300px) {
  .abrasives {
    padding: 0 60px 180px; } }
@media (max-width: 980px) {
  .abrasives {
    padding: 0 40px 180px; } }
@media (max-width: 700px) {
  .abrasives {
    padding: 0 20px 180px; } }
.intro {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start; }
  .intro__txt {
    width: calc(100% - 250px - 70px);
    line-height: 2.0;
    position: relative; }
  .intro__list {
    margin: 0 0 0 70px;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
  .intro__item {
    width: 250px;
    margin: 0 20px 0 0;
    padding: 0;
    position: relative; }
    .intro__item:last-of-type {
      margin: 0; }
    .intro__item::before {
      content: '';
      display: block;
      padding-top: 66.8%; }
    .intro__item span {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      .intro__item span img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

@media (max-width: 980px) {
  .intro__txt {
    width: calc(100% - 250px - 40px); }
  .intro__list {
    margin: 0 0 0 40px; } }
@media (max-width: 700px) {
  .intro {
    flex-direction: column; }
    .intro__txt {
      width: 100%; }
    .intro__list {
      margin: 30px auto 0; } }
.story {
  margin: 100px 0 0;
  padding: 0; }
  .story__title {
    margin: 0 0 50px;
    padding: 30px 40px;
    font-size: 2rem;
    background-color: #eef0f6;
    border: 1px solid #d9e1f0;
    border-left: 10px solid #d9e1f0;
    position: relative; }
  .story__cnts {
    margin: 0;
    padding: 0; }
    .story__cnts--cc {
      font-size: 2.5rem;
      position: relative; }
    .story__cnts--txt {
      margin: 50px 0 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: flex-start;
      position: relative; }
      .story__cnts--txt p {
        line-height: 2.0; }
      .story__cnts--txt img {
        margin: 0 0 0 70px; }

@media (max-width: 980px) {
  .story__cnts--txt img {
    margin: 0 0 0 40px; } }
@media (max-width: 700px) {
  .story__title {
    padding: 30px 20px;
    font-size: 1.875rem; }
  .story__cnts--cc {
    font-size: 1.875rem; }
  .story__cnts--txt {
    flex-direction: column; }
    .story__cnts--txt img {
      margin: 30px auto 0;
      display: block; } }
.solidity {
  margin: 100px 0 0;
  padding: 0; }
  .solidity__title {
    margin: 0 0 50px;
    padding: 30px 40px;
    font-size: 2rem;
    background-color: #eef0f6;
    border: 1px solid #d9e1f0;
    border-left: 10px solid #d9e1f0;
    position: relative; }
  .solidity__cnts {
    margin: 0;
    padding: 0; }
    .solidity__cnts--txt {
      margin: 50px 0 0;
      line-height: 2.0;
      position: relative; }
    .solidity__cnts--attention {
      margin: 10px 0 0;
      font-size: 0.9375rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      position: relative; }

@media (max-width: 700px) {
  .solidity__title {
    padding: 30px 20px;
    font-size: 1.875rem; } }
.solidityTable {
  margin: 50px 0 0;
  padding: 0;
  border-collapse: collapse;
  position: relative; }
  .solidityTable__row {
    position: relative; }
    .solidityTable__row--th, .solidityTable__row--td {
      padding: 5px 0;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      border: 1px solid #DDD; }
      .solidityTable__row--th:first-of-type, .solidityTable__row--td:first-of-type {
        width: 80px; }
      .solidityTable__row--th:last-of-type, .solidityTable__row--td:last-of-type {
        width: 600px; }
    .solidityTable__row--th {
      font-weight: 500;
      background-color: #F3F3F3; }
    .solidityTable__row--td {
      text-align: center; }