@charset "UTF-8";
.wrapper{
  max-width: 960px;
  margin: 0 auto;
  padding: 0 4%;
}

.innner{
  position: relative;
  width: 500px;
  height: 300px;
  margin: 0 auto;
}
.inner-text {
  font-size: 25px;
  font-weight: bold;
}
.inner-text span {
  position: absolute;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.top-txt {
    top: 10%;
    left: 20%;
    -webkit-animation-name: top-txt;
    animation-name: top-txt;
}
.middle-txt {
    top: 20%;
    left: 25%;
    -webkit-animation-name: middle-txt;
    animation-name: middle-txt;
}
.bottom-txt {
    top: 30%;
    left: 30%;
    -webkit-animation-name: bottom-txt;
    animation-name: bottom-txt;
}

    @-webkit-keyframes top-txt {
        0% {
            font-size: 15px;
            top: 0;
            left: 0;
        }
        50% {
            font-size: 20px;
            top: 10%;
            left: 0;
        }
        100% {
            font-size: 25px;
            left: 20%;
        }
    }
    @keyframes top-txt {
        0% {
            font-size: 15px;
            top: 0;
            left: 0;
        }
        50% {
            font-size: 20px;
            top: 10%;
            left: 0;
        }
        100% {
            font-size: 25px;
            left: 20%;
        }
    }
    @-webkit-keyframes middle-txt {
        0% {
            font-size: 15px;
            top: 0;
            left: 0;
        }
        50% {
            font-size: 20px;
            top: 20%;
            left: 0;
        }
        100% {
            font-size: 25px;
            left: 25%;
        }
    }
    @keyframes middle-txt {
        0% {
            font-size: 15px;
            top: 0;
            left: 0;
        }
        50% {
            font-size: 20px;
            top: 20%;
            left: 0;
        }
        100% {
            font-size: 25px;
            left: 25%;
        }
    }
@-webkit-keyframes bottom-txt {
        0% {
            font-size: 15px;
            top: 0;
            left: 0;
        }
        50% {
            font-size: 20px;
            top: 30%;
            left: 0;
        }
        100% {
            font-size: 25px;
            left: 30%;
        }
    }
    @keyframes bottom-txt {
        0% {
            font-size: 15px;
            top: 0;
            left: 0;
        }
        50% {
            font-size: 20px;
            top: 30%;
            left: 0;
        }
        100% {
            font-size: 25px;
            left: 30%;
        }
    }

.condolences{
 font-size:18px;
 padding-top:20px;
} /*‚¨‰÷‚Ý•¶*/

.lead-title{
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height:1.2;
  font-family:"ƒqƒ‰ƒMƒm–¾’© ProN W3","Hiragino Mincho ProN","HG–¾’©E","MS P–¾’©","serif";
  text-align: center;
}

.delay-time02{
animation-delay: 1s;
}

.delay-time04{
animation-delay: 2s;
}

.box{
	opacity: 0;
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


.img-link-wrap {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .img-link-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
  }
  .img-link {
    width:50%;
  }
}

.img-link a{
  display: block;
  position: relative;
  z-index: 1;
}

.img-link a .heading02{
  color: #fff;
  z-index: 2;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-bottom: 0;
}

.img-link a .heading02 span {
  border-color: #fff;
}

.img-link a img {
  display: block;
}