.catch_copy span {
 transition: 1s;
 opacity: 0;
 transform: translateY(20px);
 display: block;
}
.catch_copy span:first-child {
 animation: catch_anime 1.4s forwards 1s;　
}
.catch_copy span:nth-child(2) {
 animation: catch_anime 1.4s forwards 3s;
}
.catch_copy span:nth-child(3) {
 animation: catch_anime 1.4s forwards 5s;
}
.catch_copy span:nth-child(4) {
 animation: catch_anime 1.4s forwards 7s;
}
.catch_copy span:nth-child(5) {
 animation: catch_anime 1.4s forwards 9s;
}
.catch_copy span:nth-child(6) {
 animation: catch_anime 1.4s forwards 11s;
}
.catch_copy span:nth-child(7) {
 animation: catch_anime 1.4s forwards 13s;
}
.catch_copy span:nth-child(8) {
 animation: catch_anime 1.4s forwards 15s;
}
.catch_copy span:nth-child(9) {
 animation: catch_anime 1.4s forwards 17s;
}
.catch_copy span:nth-child(10) {
 animation: catch_anime 1.4s forwards 19s;
}
.catch_copy span:nth-child(11) {
 animation: catch_anime 1.4s forwards 21s;
}
.catch_copy span:nth-child(12) {
 animation: catch_anime 1.4s forwards 23s;
}
.catch_copy span:nth-child(13) {
 animation: catch_anime 1.4s forwards 25s;
}


@keyframes catch_anime {
 0% {
   transform: translateY(20px);
 }
  100% {
   opacity: 1;
   transform: translateY(0);
 }
}



a {
  text-decoration: none;
}-->

<!--
.class { }@keyframes infinity-scroll-left {
from {
 transform: translateX(0);
}
 to {
 transform: translateX(-50%);
}
}
.scroll-infinity__wrap {
 display: flex;
 overflow: hidden;
}
.scroll-infinity__list {
 display: flex;
 list-style: none;
 padding: 0
}
.scroll-infinity__list--left {
 animation: infinity-scroll-left 50s infinite linear 0.5s both;
}
.scroll-infinity__item {
 width: calc(100vw / 6);
}
.scroll-infinity__item>img {
 width: 98%;
}-->


<!--
.carousel {
 width: 570px;
 height: 367px;
 display: flex;    /* 子要素を横に並べる */
 overflow: hidden; /* はみ出た部分は表示しない */
 margin: 0 auto;   /* 水平方向中央寄せ */
}
/* カルーセル内の画像 */
.carousel img {
 margin: 0;
 padding: 0;
 display: block; /* imgタグの改行のすき間を消すため */
}
/* スクロールアニメーションのキーフレーム */
@keyframes scroll {
 /* 初期位置は1個目の画像が左端 */
 0% { margin-left: 0; }      
 /* 1個分左の位置に進めて2個目の画像を左端にする */
 20% { margin-left: -100%; }
 /* 少しの間上と同じ位置 */  
 25% { margin-left: -100%; }
 /* 2個分左の位置に進めて3個目の画像を左端にする */
 45% { margin-left: -200%; }
 /* 少しの間上と同じ位置 */  
 50% { margin-left: -200%; }
 /* 以降は上と同様に繰り返し */
 70% { margin-left: -300%; }
 75% { margin-left: -300%; }
 95% { margin-left: -400%; }
 100% { margin-left: -400%; }
}
/* カルーセルの子要素にスクロールアニメーションを設定 */
.carousel > :first-child {
 animation-name: scroll;    /* キーフレーム名 */
 animation-duration: 30s;  /* 再生時間全体は20秒 */
 animation-delay: 0s;      /* 読込直後から遅延無しで開始 */
 animation-iteration-count: infinite;  /* 無限に繰り返す */
}

* {
   margin: 0;
   padding: 0;
}
.wrap { 
   width:50vw;
   height:70vh;
   background-color:#fff;

   display:flex;
   justify-content: center;
   align-items: center;
   text-align: center;
}
.content {      
   width:auto;
   height: auto;
}
p {
   font-size: 15px;
   color: #000;
   line-height: 3em;
}

/*以下フェードイン表示の指定*/
.fadein {
   opacity: 0;
   animation: fadein 3s ease forwards;
}
@keyframes fadein {
   100% {  opacity: 1;}
}

/*以下遅延の指定*/
.txt01 {animation-delay: 1s;}
.txt02 {animation-delay: 4s;}
.txt03 {animation-delay: 7s;}
.txt04 {animation-delay: 10s;}
.txt05 {animation-delay: 13s;}
.txt06 {animation-delay: 16s;}
.txt07 {animation-delay: 19s;}
.txt08 {animation-delay: 21s;}
.txt09 {animation-delay: 24s;}
.txt10 {animation-delay: 27s;}
.txt11 {animation-delay: 30s;}



.slide {
	position:relative;
	height:400px;
}
.slide img {
	position:absolute;
	opacity:0;
	transition:all 1s ease-in-out;
	height:100%;
	object-fit:contain;
}



window.addEventListener('load', function () {
	viewSlide('.slide img');
});
function viewSlide(className, slideNo = -1)
{
	let imgArray = document.querySelectorAll(className);
	if (slideNo >= 0) {
		//初回以外は現在のスライドを消す
		imgArray[slideNo].style.opacity = 0;
	}
	slideNo++;
	if (slideNo >= imgArray.length) {
		slideNo = 0; //次のスライドがなければ最初のスライドへ戻る
	}
	imgArray[slideNo].style.opacity = 1;
	let msec = document.getElementById('slide_speed').value;
	setTimeout(function(){viewSlide(className, slideNo);}, msec);
}




		<!-- ImageReady Preload Script (nyukai.psd) --><!-- End Preload Script -->
		<style type="text/css" media="screen"><!--
h1 { font-size: 100%; font-weight: normal }
--></style>

<csscriptdict import>
<script type="text/javascript" src="file:///Users/tsutsui/Library/Preferences/Adobe/GoLive/Settings7/JScripts/GlobalScripts/CSScriptLib.js"></script>
</csscriptdict>

<csactiondict>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		book_s_01_over = newImage('images/book-s_01-over.gif');
		preloadFlag = true;
	}
}


// --></script>
</csactiondict>