@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Dela+Gothic+One&display=swap');

html, body {
  overflow-x: hidden;
  background-color: #ffd4e3;
}
p {
  line-height: 1.6;
}
img {
  max-width: 100%;
  height: auto;
}
.no-gutters {
  margin-right: -5px;
  margin-left: -5px;
}
.no-gutters > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

  .container{
    max-width: 1000px;
    background-color: #fff;
  }

  .gp{padding: 0% 4% 5%;}
  .goodpoint{display: flex;margin-top: 30px;}
  .goodpoint li:first-child{width: 70%;}
  .goodpoint li{width: 30%;}
  .goodpoint p{padding: 2%;}
  .goodpoint h5{font-size: 2em;}
.fd{flex-direction: row-reverse;}
  footer img{width: 180px;}

@media (max-width: 767px) {
  .container img{
   width: 100%;
  }
  .gp{padding: 0% 0% 5%;}
  .goodpoint{display: flex;margin-top: 30px;flex-wrap: wrap;}
  .goodpoint li:first-child{width: 100%;}
  .goodpoint li{width: 100%;}
  .goodpoint img{padding: 0 10%;}
  .goodpoint h5{font-size: 1.5em;}


  #maincolumn {
    margin-top: 1rem;
  }
  footer {
    padding: 0 0 1rem;
    margin: 2rem 0 3.5rem;
  }

  footer img{width: 150px!important;}

  .footer-menu {
    position: fixed;
    left:0;
    bottom: 0;
    width: 100%;
  }
  .footer-menu ul li{
    border: 5px #ffff00 solid;
    white-space: nowrap;
  }
  .footer-menu ul li:nth-of-type(1) {
    background: #ff369b;
  }
  .footer-menu ul li:nth-of-type(2) {
    background: #00b911;
  }
  .footer-menu ul li:nth-of-type(3) {
    background: #017eff;
  }

  header {
    background: none;
  }

}