@media only screen and (max-width: 768px) {
  .PC_br {
    display: none; }
  .SP_br {
    display: block; }
  header #PC_only {
    display: none; }
  header #SP_only {
    display: block; }
  header #SP_only {
    width: 100%;
    background: white;
    position: fixed;
    z-index: 101; }
    header #SP_only .logo a img {
      display: block;
      height: 28px;
      margin: 16px auto; }
    header #SP_only .drawer-hamburger {
      width: 1.6rem;
      padding: 21px .75rem 27px; }
      header #SP_only .drawer-hamburger .drawer-hamburger-icon {
        height: 1px; }
      header #SP_only .drawer-hamburger .drawer-hamburger-icon, header #SP_only .drawer-hamburger .drawer-hamburger-icon:after, header #SP_only .drawer-hamburger .drawer-hamburger-icon:before {
        height: 1px; }
    header #SP_only .drawer-nav {
      background: #fff; }
      header #SP_only .drawer-nav ul.drawer-menu {
        margin: 40px 24px; }
        header #SP_only .drawer-nav ul.drawer-menu li {
          line-height: 40px; }
          header #SP_only .drawer-nav ul.drawer-menu li a img {
            height: 32px; }
  #home section.welcome {
    padding: 160px 0 80px 0;
    height: 90vh; }
    #home section.welcome .box {
      width: 80%; }
      #home section.welcome .box h1 {
        font-size: 140%; }
  #home section.coffee_series {
    padding: 24px 0; }
    #home section.coffee_series .centering {
      width: 90%;
      margin: 0 auto; }
      #home section.coffee_series .centering ul {
        display: block; }
        #home section.coffee_series .centering ul li {
          width: 100%;
          margin: 16px 0 0 0; } }