html
{
    font-size: 62.5%;
    background-color: white;
    font-family: "a-otf-midashi-go-mb31-pr6n","YuMincho","Yu Mincho","游明朝体";
    width:100%;
}
footer{
  margin:40px;
  border-top:solid 2px black;
  border-bottom:solid 2px black;
}
footer p{
  text-align: center;
  margin:20px;
}
.container {
  margin: 0 auto;
  padding: 40px;
  width: 70%;
  color: #333;
  background: #419be0;
}

.slick-slide {
  text-align: center;
  color: #419be0;
  background: white;
}
.slick-dotted.slick-slider {
  margin-bottom:0;
}
p{
  font-size:1.5rem;
  line-height: 2.8rem;
  margin-bottom:14px;
}
.block{
  width:80%;
  margin:60px auto;
}
.block img{
  width:100%;
}
.cap{
  font-size:0.9rem;
}
.midashi{
  font-size:3.2rem;
  margin-bottom:30px;
  padding-bottom:15px;
  border-bottom: solid 4px black;

}

.midashi2{
  font-size:1.5rem;
  margin-bottom:4px;

}
.work_ko{
  margin-top:50px;
}
.site-header{
    padding: 0 auto;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999;
    color:black;
}
.gnav__menu__item{
  display:inline-block;
  text-decoration: none;
  background-color:white;
  padding:10px 9px;
  font-size:1.3rem;
  width:13%;
}
.gnav__menu__item:hover{
  background-color:gray;

}
.gnav__menu__item__link{
  text-decoration: none;
  color:black;

}

.site-header.hide{
    transform: translateY(-100%);
}
.wrapper img{
  width:100%;
}
.gnav{
  text-align:center;
  width:90%;
  margin:0 auto;
}
li a{
  line-height:1.6rem;
}
img.title{
  position:absolute; top:30%; left:10%;
  width:50%;
  max-width:340px;
 }
 @media screen and (max-width:480px) {
   .gnav__menu__item{
   font-size:1.1rem;
 }
 .gnav{
   text-align:center;
   width:100%;
 }
 img.title{
   position:absolute; top:15%; left:10%;
   width:50%;
   max-width:340px;
  }
 }
 img.title{
   animation: fadeIn 4s ease 0s 1 normal;
   -webkit-animation: fadeIn 4s ease 0s 1 normal;
}

 }
 @keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
 @media screen and (min-width:481px) {
   .gnav__menu__item{
   font-size:1.4rem;
 }
 }
 .video{
 	position: relative;
 	padding-bottom: 56.25%;
 	padding-top: 30px;
 	height: 0;
 }
 .video iframe
  {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }
 #order p a{
   display:inline-block;
   border-radius: 0.3rem;
   border:solid;
   padding:5px;
   text-decoration:none;
   color:black;
 }
 #order p a:hover{
   text-decoration: underline;
 }