@charset "UTF-8";
#MainVisual .__inner > img {
  top: 52px;
  width: 260px;
}
@media all and (max-width: 767px) {
  #MainVisual .__inner > img {
    top: 6.9333333333vw;
    width: 25.0666666667vw;
  }
}
#MainVisual .__inner > .title {
  top: 72px;
  left: 270px;
  gap: 22px;
}
@media all and (max-width: 767px) {
  #MainVisual .__inner > .title {
    gap: 3.4666666667vw;
    top: 8vw;
    left: 28.8vw;
  }
}
@media all and (max-width: 767px) {
  body:lang(en) #MainVisual .__inner > .title {
    left: 21.8666666667vw;
  }
}
#MainVisual .__inner > p {
  left: 270px;
  top: 177px;
}
@media all and (max-width: 767px) {
  #MainVisual .__inner > p {
    top: 27.7333333333vw;
    left: 0;
    width: 100%;
  }
}

.area#about .__inner .content_02 figure {
  width: 410px;
}
@media screen and (max-width: 960px) {
  .area#about .__inner .content_02 figure {
    width: 40%;
  }
}
.area#about .__inner .content_02 figure img {
  display: block !important;
}
.area#about .__inner .content_03 {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .area#about .__inner .content_03 {
    margin-bottom: 21.3333333333vw;
  }
}
.area#about .__inner .content_03 figure {
  width: 682px;
}
.area#about .__inner .content_03 figure img {
  display: block;
}
.area#about .__inner .content_03 figure img.-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .area#about .__inner .content_03 figure img {
    display: none;
  }
  .area#about .__inner .content_03 figure img.-sp {
    display: block;
  }
}
.area#about .__inner .content_04 figure {
  width: 320px;
}
@media screen and (max-width: 960px) {
  .area#about .__inner .content_04 figure {
    width: 40%;
  }
}
.area#about .__inner .content_05 p {
  margin-bottom: 47px;
}
.area#about .__inner .content_05 figure {
  margin: 0 auto;
  width: 464px;
}
.area#usage-products section .__inner .nav_img {
  margin-top: 32px;
  margin-bottom: 50px;
  text-align: center;
}
.area#usage-products section .__inner .nav_img figure img {
  width: 482px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .nav_img figure img {
    width: 100%;
  }
}
.area#usage-products section .__inner h4 + .column2 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner h4 + .column2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.area#usage-products section .__inner h4 + .column2 figure {
  width: 320px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner h4 + .column2 figure {
    width: 100%;
  }
}
.area#usage-products section .__inner h4 + .column2 figure img {
  display: block;
  width: 100%;
}
.area#usage-products section .__inner h4 + .column2 p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.area#usage-products section .__inner #product_02 h4 + .column2 figure {
  background-color: #fff;
  padding: 10px 30px;
}
.area#usage-products section .__inner .case .column2 figure {
  position: relative;
}
.area#usage-products section .__inner .case .column2 figure::before {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -12px;
  top: -12px;
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .case .column2 figure::before {
    left: -3.2vw;
    top: -3.2vw;
    width: 16vw;
    height: 16vw;
    font-size: 2.9333333333vw;
  }
}
.area#usage-products section .__inner .case .column2 figure.-grease::before {
  background-color: #48937A;
}
body:lang(ja) .area#usage-products section .__inner .case .column2 figure.-grease::before {
  content: "グリス";
}
body:lang(en) .area#usage-products section .__inner .case .column2 figure.-grease::before {
  content: "Grease";
}
body:lang(ko) .area#usage-products section .__inner .case .column2 figure.-grease::before {
  content: "그리스";
}
.area#usage-products section .__inner .case .column2 figure.-paste::before {
  background-color: #48937A;
}
body:lang(ja) .area#usage-products section .__inner .case .column2 figure.-paste::before {
  content: "ペースト";
}
body:lang(en) .area#usage-products section .__inner .case .column2 figure.-paste::before {
  content: "Paste";
}
body:lang(ko) .area#usage-products section .__inner .case .column2 figure.-paste::before {
  content: "페이스트";
}
.area#usage-products section .__inner .case .column2 figure.-sheet::before {
  background-color: #5291CD;
}
body:lang(ja) .area#usage-products section .__inner .case .column2 figure.-sheet::before {
  content: "シート";
}
body:lang(en) .area#usage-products section .__inner .case .column2 figure.-sheet::before {
  content: "Sheets";
}
body:lang(ko) .area#usage-products section .__inner .case .column2 figure.-sheet::before {
  content: "시트";
}
.area#usage-products section .__inner .product h4 {
  margin-block: 0 6px;
  font-size: 26px;
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .product h4 {
    margin-block: 0vw 2.1333333333vw;
    font-size: 6.9333333333vw;
  }
}
.area#usage-products section .__inner .product h5 {
  margin-block: 0 3px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .product h5 {
    margin-block: 4vw 2.6666666667vw;
  }
}
.area#usage-products section .__inner .product .column2 {
  margin-bottom: 0 !important;
}
.area#usage-products section .__inner .product > ul li {
  position: relative;
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .product > ul li {
    padding-left: 3.7333333333vw;
  }
}
.area#usage-products section .__inner .product > ul li::before {
  position: absolute;
  content: "";
  display: block;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #004EA2;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .product > ul li::before {
    top: 2.4vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.area#usage-products section .__inner #product_01 h4,
.area#usage-products section .__inner #product_02 h4,
.area#usage-products section .__inner #product_03 h4 {
  margin-block: 0 6px;
}
.area#usage-products section .__inner #product_03 div:not(.product) > p {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner #product_03 div:not(.product) > p {
    margin-bottom: 10.6666666667vw;
  }
}
.area#usage-products section .__inner #product_02,
.area#usage-products section .__inner #product_03 {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner #product_02,
  .area#usage-products section .__inner #product_03 {
    margin-top: 21.3333333333vw;
  }
}
.area#usage-products section .__inner .Social_contribution {
  margin-top: 80px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .Social_contribution {
    margin-top: 21.3333333333vw;
    margin-bottom: 13.3333333333vw;
  }
}
.area#usage-products section .__inner .Social_contribution .-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  gap: 20px;
}
@media screen and (max-width: 960px) {
  .area#usage-products section .__inner .Social_contribution .-flex {
    gap: 1.5vw;
  }
}
.area#usage-products section .__inner .Social_contribution .-flex > div {
  width: 33.3333333333%;
  height: 100%;
  position: relative;
}
.area#usage-products section .__inner .Social_contribution .-flex > div img {
  width: 100%;
}
.area#usage-products section .__inner .Social_contribution .-flex > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  gap: 1rem;
  padding: 15px;
  line-height: 1.4;
}
@media screen and (max-width: 960px) {
  .area#usage-products section .__inner .Social_contribution .-flex > div > div {
    padding: 1vw;
    gap: 1vw;
  }
}
.area#usage-products section .__inner .Social_contribution .-flex > div > div p {
  color: #fff;
  margin: 0;
  font-size: 15px;
}
@media screen and (max-width: 960px) {
  .area#usage-products section .__inner .Social_contribution .-flex > div > div p {
    font-size: 1.7vw;
  }
}
.area#usage-products section .__inner .Social_contribution .-flex > div > div h4 {
  color: #fff;
  margin: 0;
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  .area#usage-products section .__inner .Social_contribution .-flex > div > div h4 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .area#usage-products section .__inner .Social_contribution .-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
  }
  .area#usage-products section .__inner .Social_contribution .-flex > div {
    width: 100%;
  }
  .area#usage-products section .__inner .Social_contribution .-flex > div > div {
    gap: 1rem;
    padding: 4vw;
  }
  .area#usage-products section .__inner .Social_contribution .-flex > div > div p {
    font-size: 4vw;
  }
  .area#usage-products section .__inner .Social_contribution .-flex > div > div h4 {
    font-size: 4.8vw;
  }
}
.area#usage-products #sec_04 .__inner > .column2 figure {
  background: #fff;
}
.area#usage-products #sec_04 .__inner > .column2 figure img {
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .area#usage-products #sec_04 .__inner > .column2 figure img {
    padding: 4vw;
  }
}
.area#usage-products #example h4 {
  color: #000000;
}
.area#usage-products #example > p {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .area#usage-products #example > p {
    margin-bottom: 16vw;
  }
}
.area#usage-products #example > figure {
  background-color: #fff;
  padding-block: 20px;
  border: 1px solid #C5C5C5;
}
@media screen and (max-width: 767px) {
  .area#usage-products #example > figure {
    padding: 5.3333333333vw;
    border: 0.2666666667vw solid #C5C5C5;
  }
}
.area#usage-products #example > figure img {
  display: block;
  width: 450px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .area#usage-products #example > figure img {
    width: 100%;
  }
}
.area#usage-products #overview {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .area#usage-products #overview {
    margin-top: 13.3333333333vw;
  }
}
.area#usage-products #overview h4 {
  color: #000000;
}
.area#usage-products #overview .table--primary {
  margin-top: 0;
}

body:lang(ja) .area#usage-products #cases .__inner .nav_list {
  margin-right: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 960px) {
  body:lang(ja) .area#usage-products #cases .__inner .nav_list {
    margin-right: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.area#usage-products #cases .__inner .nav_list li br {
  display: none;
}