@import url("https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Roboto:wght@500;700&display=swap");
/*************************
page
*************************/
.nissin-list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 2.3%; }
  @media screen and (max-width: 640px) {
    .nissin-list {
      gap: 15px 0; } }
  .nissin-list__item {
    width: 31.7%; }
    @media screen and (max-width: 640px) {
      .nissin-list__item {
        width: 100%; } }
    .nissin-list__item a:hover {
      text-decoration: none; }
  .nissin-list__title {
    padding: 5px 10px;
    background-color: #0399de;
    color: #fff;
    font-weight: 500;
    text-align: center; }

.product-list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 2.3%; }
  @media screen and (max-width: 640px) {
    .product-list {
      gap: 30px 0; } }
  .product-list.--col2 .col2-item__big {
    width: 66%; }
    @media screen and (max-width: 640px) {
      .product-list.--col2 .col2-item__big {
        width: 100%; } }
  .product-list.--col2 .col2-item__small {
    width: 31.7%; }
    @media screen and (max-width: 640px) {
      .product-list.--col2 .col2-item__small {
        width: 100%; } }
  .product-list.--col3 .col3-item {
    width: 31.7%; }
    @media screen and (max-width: 640px) {
      .product-list.--col3 .col3-item {
        width: 100%; } }

@media screen and (max-width: 640px) {
  #electric .m-column--col2 {
    gap: 0; } }