@charset "UTF-8";
:root {
  /* color */
  --color-white: #ffffff;
  --color-text: #4f4f4f;
  --color-text-blue: #005587;
  --color-bg-light: #eefaff;
  --color-bg-dark: #eaf1f8;
  --color-blue-light: #0bbbef;
  --color-blue-main: #035788;
  --color-blue-medium: #046b9d;
  --color-blue-dark: #032a57;
  --color-green-light: #5083a1;
  --color-orange: #ff8617;
  --color-line: #d9d9d9;
  --color-border: #cfd8e3;
  /* font */
  --font-sans: YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-en: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.p-company__products {
  padding-top: 123rem;
  background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%);
}
@media only screen and (max-width: 1271px) {
  .p-company__products {
    padding-top: 88rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-company__products {
    padding-top: 64rem;
  }
}

.p-products__sns {
  padding-top: 120rem;
  padding-bottom: 120rem;
}
@media only screen and (max-width: 1271px) {
  .p-products__sns {
    padding-top: 88rem;
    padding-bottom: 88rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-products__sns {
    padding-top: 64rem;
    padding-bottom: 64rem;
  }
}