body {
  color: rgba(64, 61, 60, 1);
  color: black;
  color: rgba(217, 183, 119, 1);
  color: rgba(217, 123, 89, 1);
  color: rgba(242, 233, 216, 1);
}

a {
  color: rgba(242, 233, 216, 1);
  color: rgba(217, 123, 89, 1);
  color: rgba(64, 61, 60, 1);
  color: rgba(217, 20, 36, 1);
  color: rgba(217, 183, 119, 1);
}

.background-image {
  background:url("../image/MARUMI_PC.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}

.background-color {
  background-color: hsl(353, 98%, 42%);
}

.font-color-in-white {
  color: rgba(217, 20, 36, 1);
  color: rgba(217, 183, 119, 1);
  color: rgba(242, 233, 216, 1);
  color: rgba(217, 123, 89, 1);
  color: rgba(64, 61, 60, 1);
}

.card {
  background-color: rgba(217, 123, 89, 1);
  background-color: rgba(64, 61, 60, 1);
  background-color: rgba(217, 20, 36, 1);
  background-color: rgba(217, 183, 119, 1);
  background-color: rgba(242, 233, 216, 1);
  background-color: white;
}

.margin-bottom {
  margin-bottom: 120px;
}

.btn {
  border: 2px solid transparent;
}
.btn-outline-info {
  color: rgba(217, 20, 36, 1);
  color: rgba(217, 123, 89, 1);
  color: rgba(217, 183, 119, 1);
  color: black;
  color: rgba(64, 61, 60, 1);
  color: rgba(242, 233, 216, 1);
  border-color: rgba(217, 123, 89, 1);
  border-color: rgba(217, 20, 36, 1);
  border-color: rgba(217, 183, 119, 1);
  border-color: black;
  border-color: rgba(64, 61, 60, 1);
  border-color: rgba(242, 233, 216, 1);
}

.btn-outline-info:hover {
  color: rgba(217, 20, 36, 1);
  color: rgba(242, 233, 216, 1);
  color: rgba(217, 123, 89, 1);
  color: rgba(217, 183, 119, 1);
  color: rgba(64, 61, 60, 1);
  border-color: rgba(242, 233, 216, 1);
  border-color: rgba(217, 123, 89, 1);
  border-color: rgba(64, 61, 60, 1);
  border-color: rgba(217, 20, 36, 1);
  border-color: rgba(217, 183, 119, 1);
  background-color: white;
  background-color: rgba(217, 123, 89, 1);
  background-color: rgba(64, 61, 60, 1);
  background-color: rgba(217, 20, 36, 1);
  background-color: rgba(217, 183, 119, 1);
  background-color: rgba(242, 233, 216, 1);
}

@media screen and (max-width:480px) {
    /*　for iPhone Landscape　(iPhone 横)　*/

    .background-image {
      background:url("../image/MARUMI_SUMA2.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 100vh;
    }
    iframe {
      height: 300px;
    }

    .margin-bottom {
      margin-bottom: 90px;
    }

    .btn {
      border: 2px solid transparent;
    }
}
@media screen and (max-width:768px) {
    /*　for iPad 　*/

    .background-image {
      background:url("../image/MARUMI_SUMA.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 100vh;
    }
    iframe {
      height: 300px;
    }
    .margin-bottom {
      margin-bottom: 120px;
    }

    .btn {
      border: 2px solid transparent;
    }
}
/* Color Theme Swatches in Hex
.MARUMI_PC-2-hex { color: #D9B777; }
.MARUMI_PC-3-hex { color: #F2E9D8; }
.MARUMI_PC-4-hex { color: #D97B59; }

Color Theme Swatches in RGBA
.MARUMI_PC-1-rgba { color: rgba(217, 20, 36, 1); }
.MARUMI_PC-2-rgba { color: rgba(217, 183, 119, 1); }
.MARUMI_PC-3-rgba { color: rgba(242, 233, 216, 1); }
.MARUMI_PC-4-rgba { color: rgba(217, 123, 89, 1); }
.MARUMI_PC-5-rgba { color: rgba(64, 61, 60, 1); }

Color Theme Swatches in HSLA
.MARUMI_PC-1-hsla { color: hsla(355, 83, 46, 1); }
.MARUMI_PC-2-hsla { color: hsla(39, 56, 65, 1); }
.MARUMI_PC-3-hsla { color: hsla(39, 49, 89, 1); }
.MARUMI_PC-4-hsla { color: hsla(15, 62, 60, 1); }
.MARUMI_PC-5-hsla { color: hsla(15, 3, 24, 1); } */