@charset "UTF-8";
/* CSS Document */

*{ margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;}
html{ margin: 0; padding: 0; background: #fffff8;}
body{ margin: 0; padding: 0; font-size: 16px; border-collapse:collapse; word-wrap: break-word;
  -webkit-text-size-adjust: 100%; }


.content{ max-width: 960px; margin: 0 auto; padding: 6.0em 0;}
.content img{ display: block;}
h1 img{ max-width: 800px; margin: 0 auto;}
.copy{ margin: 5.0em 0 0 0;}
h2{ margin: 5.0em 0 0 0;}
h2 img{ max-width: 360px; margin: 0 auto;}
.cps{ margin: 3.0em 0 0 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5em 6.0em; list-style: none;}

@media screen and ( max-width: 480px ) {
  body{ padding: 2.0rem 0;}
  .content{ width: 100%; padding: 2.0em 1.0em;}
  .copy{ margin: 2.0rem 0 0 0;}
  h2{ margin: 2.0em 0 0 0;}
  h2 img{ max-width: 60%; margin: 0 auto;}
  .cps{ margin: 2.0em 0 0 0; gap: 1.5em 2.0em;}
}