p{
  font-size: 13px;
}

.head{
  text-align: center;
}

.head img{
  width: 70vw;
  padding-top: 30px;
  
  
}


@media screen and (max-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.head img { width: 90vw;}
}


.contents {
     width: 80%;
     max-width: 1200px;
     margin: auto;
     padding-top: 20px;
 }
 .contents img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: block;
 }
 .box1 {
     width: 60%;
     margin: auto;
 }
 .box2 {
     width: 60%;
     margin: auto .5rem;
     padding-top: 10px;
 }
 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
         padding-top: 20px;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
         padding-top: 20px;
     }
 }


.fade-in-bottom {
	-webkit-animation: fade-in-bottom 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-15 13:44:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.button{
  padding: 30px 30px;
  text-align: center;
}

.btn-flat-border {
  
 
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: orange;
  border: solid 2px orange;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: orange;
  color: white;
}