@charset "utf-8";
/* CSS Document */
@media only screen and ( min-width : 481px ) and (max-width : 768px ){
	svg.intro {
    max-width: 768px;
}
  .book { 
    display: none;
  }
svg.go {}
    .book {
    font-family: anonymous-pro, "游ゴシック Medium";
    font-size: 23px;
    text-transform: uppercase;
    display: block;
    }
	  .book1 {
    font-family: anonymous-pro, "游ゴシック Medium";
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    }
    .bookst {
      fill: none;
      stroke: #6b6969;
      stroke-width: 2.8px;
      stroke-dashoffset: -100;
      stroke-dasharray: 100;
      stroke-linecap: square;
      stroke-linejoin: square;
      animation: move 2.5s ease-in-out forwards;
    }
    .bookst:nth-child(2) {
      animation-delay: .3s;
    }
    .bookst:nth-child(3) {
      animation-delay: .9s;
    }
    .bookst-2 {
      stroke: #0d0d0d;
      animation-delay: 1.2s;
    }
    .bookst:nth-child(5) {
      animation-delay: 1.5s;
    }
    .tbookst:nth-child(6) {
    animation-delay: 1.8s;
    }

@keyframes move {
  100% {
    stroke-dashoffset: 0;
  }
	}}
@media only screen and (min-width : 769px){
svg.intro {
    max-width: 800px;
}
  
  .book { 
    display: none;
  }
svg.go {}
    .book {
    font-family: anonymous-pro, "游ゴシック Medium";
    font-size: 23px;
    text-transform: uppercase;
    display: block;
    }
	  .book1 {
    font-family: anonymous-pro, "游ゴシック Medium";
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    }
    .bookst {
      fill: none;
      stroke: #6b6969;
      stroke-width: 2.8px;
      stroke-dashoffset: -100;
      stroke-dasharray: 100;
      stroke-linecap: square;
      stroke-linejoin: square;
      animation: move 2.5s ease-in-out forwards;
    }
    .bookst:nth-child(2) {
      animation-delay: .3s;
    }
    .bookst:nth-child(3) {
      animation-delay: .9s;
    }
    .bookst-2 {
      stroke: #0d0d0d;
      animation-delay: 1.2s;
    }
    .bookst:nth-child(5) {
      animation-delay: 1.5s;
    }
    .tbookst:nth-child(6) {
    animation-delay: 1.8s;
	}}

@keyframes move {
  100% {
    stroke-dashoffset: 0;
  }
	}
@media only screen and (min-width : 5px) and (max-width : 480px){
		svg.intro 
	{
    max-width: 480px;
}
  
  .book { 
    display: none;
  }
svg.go {}
    .book {
    font-family: anonymous-pro, "游ゴシック Medium";
    font-size: 23px;
    text-transform: uppercase;
    display: block;
    }
	  .book1 {
    font-family: anonymous-pro, "游ゴシック Medium";
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    }
    .bookst {
      fill: none;
      stroke: #6b6969;
      stroke-width: 2.8px;
      stroke-dashoffset: -100;
      stroke-dasharray: 100;
      stroke-linecap: square;
      stroke-linejoin: square;
      animation: move 2.5s ease-in-out forwards;
    }
    .bookst:nth-child(2) {
      animation-delay: .3s;
    }
    .bookst:nth-child(3) {
      animation-delay: .9s;
    }
    .bookst-2 {
      stroke: #0d0d0d;
      animation-delay: 1.2s;
    }
    .bookst:nth-child(5) {
      animation-delay: 1.5s;
    }
    .tbookst:nth-child(6) {
    animation-delay: 1.8s;
    }

@keyframes move {
  100% {
    stroke-dashoffset: 0;
  }
	}}