@charset "UTF-8";

.column2 {
padding:0;
}

.tettei-box {
position:relative;
z-index:1234;
}
.tettei-box p {
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.tettei-img {
position:absolute;
bottom:-30px;
right:5%;
z-index:10;
}

#girl {
margin-top:10px;
}


header#pattern1 .logo {
display:none;
}


#top-header-wrap {
  position: absolute;
  top: 50vh;
  left: 5%;
  text-align:center;
  width:90%;
  z-index:1234;
  text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;
}
#top-h1 {
  font-size: 350%;
  border-top: solid .35vw <?php echo $sub_color; ?>;
  border-bottom:none;
}
#fade01 {
  animation: fadeIn 6s ease 3s forwards normal;
  opacity: 0;
}
#fade02 {
  animation: fadeIn 6s ease 6s forwards normal;
  opacity: 0;
  font-size:6rem;
  color:#F49700;
}


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


@media screen and (max-width: 650px){

#top-header-wrap {
  position: absolute;
  top: 25vh;
  left: 5%;
  width:90%;
  z-index: 10;
}

#fade01 {
  animation: fadeIn 3s ease 1s forwards normal;
  opacity: 0;
}
#fade02 {
  animation: fadeIn 3s ease 3s forwards normal;
  opacity: 0;
  font-size:3.5rem;
}

}


.heading.block_header4 h3 {
    font-size: 1.8rem;
    font-weight: bold;
}