@charset "utf-8";


/*トップページのメインイメージ
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム。透明(opacity:0)から色がつく(opacity:1)までのアニメーションです。*/
@keyframes img {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*画像全体を囲むブロック*/
#mainimg {
	background: #ffffff;
}
#mainimg ul {
	height: 100%;
}
/*画像１枚ごとの指定*/
#mainimg li {
	float: left;		/*左に回り込み*/
	width: 25%;			/*幅。４つあるので100%÷4個=25%です。*/
	height: 100%;		/*高さ*/
	animation-name: img;		/*アニメーションのキーフレームの名前。上の@keyframesの横の名前です。*/
	animation-duration: 0.5S;	/*アニメーション(上のkeyframe)を実行する時間。*/
	animation-fill-mode: both;	/*アニメーションの待機中は最初のキーフレームを維持、終了後は最後のキーフレームを維持。*/
	position: relative;
	overflow: hidden;
}
#mainimg a {
	display: block;text-decoration: none;
	outline:none;
	text-align: center;
	height: 100%;
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒のことで、0.7は色が70%でた状態のこと。*/
}
/*メニュー名。テキストがあるボックス。*/
#mainimg a span {
	display: block;
	position: absolute;
	left: 0px;		/*メニューに対して、左からの配置場所指定。*/
	bottom: 45%;	/*メニューに対して、下からの配置場所指定。*/
	width: 100%;
	background: #000;				/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒のことで、0.5は色が50%でた状態のこと。*/
	padding: 10px 0;	/*上下、左右へのボックス内余白*/
	color:#FFFFFF;
}
/*マウスオン時*/
#mainimg a:hover {
	background: transparent;	/*マウスオン時に#mainimgのbackground(#000の黒)を透明にする。暗く見える写真が本来の色で出ます。*/
}
/*テキストのマウスオン時*/
#mainimg a:hover span {
	background: #666622;	/*背景色*/
	color: #fff;			/*文字色*/
}
#mainimg-works a:hover span {
	background: #666622;	/*背景色*/
	color: #fff;			/*文字色*/
}
/*１枚目画像*/
#img1 {
	animation-delay: 0.0s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/004/24.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/24.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*２枚目画像*/
#img2 {
	animation-delay: 0.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00326.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00326.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*３枚目画像*/
#img3 {
	animation-delay: 0.0s;	/*2.4秒遅れてアニメーションをスタート*/
	background: url(../works/001/001d.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/001/001d.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*４枚目画像*/
#img4 {
	animation-delay: 0.0s;	/*2.6秒遅れてアニメーションをスタート*/
	background: url(../works/003/00305.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00305.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

/*WorksTOP内容画像*/
/*BackTo画像*/
#img00top {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/images/backtoworks.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/images/backtoworks.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img00home {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/images/backtohome.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/images/backtohome.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*１事例目画像*/
#imgworks01 {
	animation-delay: 0.5s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/001/001a.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/001/001a.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*２事例目画像*/
#imgworks02 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002a.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002a.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*３事例目画像*/
#imgworks03 {
	animation-delay: 1.1s;	/*2.4秒遅れてアニメーションをスタート*/
	background: url(../works/003/00301.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00301.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*４事例目画像*/
#imgworks04 {
	animation-delay: 1.4s;	/*2.6秒遅れてアニメーションをスタート*/
	background: url(../works/004/25.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/25.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*５事例目画像*/
#imgworks05 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00501.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00501.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*６事例目画像*/
#imgworks06 {
	animation-delay: 0.8s;	/*2.4秒遅れてアニメーションをスタート*/
	background: url(../works/006/601.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/006/601.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*７事例目画像*/
#imgworks07 {
	animation-delay: 1.1s;	/*2.6秒遅れてアニメーションをスタート*/
	background: url(../works/007/004.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/007/004.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
/*８事例目画像*/
#imgworks08 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/008/002.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/008/002.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}



/*Works内画像*----------------------------------------------------------------------------------------/



/*１事例目画像*/
#img01-1 {
	animation-delay: 0.5s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/001/001a.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/001/001a.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img01-2 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/001/001b.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/001/001b.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img01-3 {
	animation-delay: 1.1s;	/*2.4秒遅れてアニメーションをスタート*/
	background: url(../works/001/001c.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/001/001c.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img01-4 {
	animation-delay: 1.4s;	/*2.6秒遅れてアニメーションをスタート*/
	background: url(../works/001/001d.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/001/001d.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

/*２事例目画像*/
#img02-01 {
	animation-delay: 0.5s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002a.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002a.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-02 {
	animation-delay: 0.8s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002b.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002b.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-03 {
	animation-delay: 1.1s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002c.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002c.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-04 {
	animation-delay: 1.4s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002d.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002d.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}


#img02-05 {
	animation-delay: 1.7s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002e.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002e.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-06 {
	animation-delay: 2.0s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002f.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002f.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

#img02-07 {
	animation-delay: 2.3s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002g.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002g.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-08 {
	animation-delay: 2.6s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002h.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002h.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-09 {
	animation-delay: 0.5s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002i.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002i.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-10 {
	animation-delay: 0.8s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002j.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002j.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

#img02-11 {
	animation-delay: 1.1s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002k.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002k.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img02-12 {
	animation-delay: 1.4s;	/*2秒遅れてアニメーションをスタート*/
	background: url(../works/002/002l.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/002/002l.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

/*３事例目画像*/
#img03-01 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00301.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00301.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-02 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00302.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00302.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-03 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00303.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00303.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-04 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00304.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00304.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-05 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00305.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00305.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-06 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00306.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00306.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-07 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00307.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00307.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-08 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00308.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00308.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-09 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00309.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00309.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-10 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00310.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00310.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-11 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00311.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00311.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-12 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00312.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00312.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-13 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00313.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00313.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-14 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00314.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00314.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-15 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00315.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00315.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-16 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00316.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00316.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-17 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00317.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00317.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-18 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00318.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00318.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-19 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00319.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00319.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-20 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00320.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00320.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-21 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00321.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00321.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-22 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00322.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00322.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-23 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00323.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00323.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-24 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00324.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00324.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img03-25 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/003/00325.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/003/00325.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

/*４事例目画像*/
#img04-01 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/01.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/01.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-02 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/02.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/02.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-03 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/03.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/03.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-04 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/04.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/04.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-05 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/05.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/05.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-06 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/06.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/06.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-07 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/07.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/07.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-08 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/08.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/08.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-09 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/09.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/09.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-10 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/10.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/10.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-11 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/11.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/11.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-12 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/12.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/12.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-13 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/13.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/13.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-14 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/14.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/14.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-15 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/15.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/15.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-16 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/16.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/16.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-17 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/17.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/17.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-18 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/18.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/18.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-19 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/19.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/19.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-20 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/20.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/20.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-21 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/21.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/21.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-22 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/22.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/22.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-23 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/23.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/23.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-24 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/24.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/24.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img04-25 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/004/25.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/004/25.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

/*５事例目画像*/
#img05-01 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00501.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00501.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-02 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00502.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00502.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-03 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00503.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00503.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-04 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00504.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00504.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-05 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00505.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00505.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-06 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00506.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00506.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-07 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00507.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00507.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-08 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00508.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00508.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-09 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00509.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00509.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-10 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00510.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00510.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-11 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00511.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00511.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-12 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00512.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00512.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-13 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00513.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00513.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-14 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00514.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00514.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-15 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00515.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00515.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-16 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00516.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00516.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-17 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00517.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00517.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-18 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00518.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00518.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-19 {
	animation-delay: 1.1s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00519.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00519.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-20 {
	animation-delay: 1.4s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00520.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00520.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-21 {
	animation-delay: 1.7s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00521.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00521.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-22 {
	animation-delay: 2.0s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00522.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00522.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-23 {
	animation-delay: 2.3s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00523.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00523.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-24 {
	animation-delay: 2.6s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00524.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00524.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img05-25 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/005/00525.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/005/00525.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}

/*６事例目画像*/
#img06-01 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/006/601.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/006/601.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img06-02 {
	animation-delay: 0.8s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../works/006/602.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../works/006/602.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}


/*style index */
#img-style01 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../suggestion/img/001.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../suggestion/img/001.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-style02 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../suggestion/img/002.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../suggestion/img/002.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-style03 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../suggestion/img/003.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../suggestion/img/003.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-style04 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../suggestion/img/004.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../suggestion/img/004.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}


/*flow index */
#img-flow01 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/001.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/001.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow02 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/002.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/002.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow03 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/003.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/003.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow04 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/004.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/004.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow05 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/005.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/005.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow06 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/006.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/006.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow07 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/007.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/007.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
}
#img-flow08 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/008.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/008.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow09 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/009.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/009.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow10 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/010.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/010.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow11 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/011.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/011.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow12 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/012.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/012.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow13 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/013.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/013.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow14 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/014.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/014.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
#img-flow15 {
	animation-delay: 0.5s;	/*2.2秒遅れてアニメーションをスタート*/
	background: url(../flow/img/015.jpg) no-repeat center center;			/*背景画像の読み込み（古いブラウザ用）*/
	background: url(../flow/img/015.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/	
}
/*縦向き画面の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: portrait){

/*画像１枚ごとの指定*/
#mainimg li {
	width: 50%;			/*幅。２段にするので、１つあたり50%にする。*/
	height: 50%;		/*高さ。２段にするので、半分の50%にする。*/
}

/*メニュー名。テキストがあるボックス。*/
#mainimg a span {
	left: 0px;		/*メニューに対して、左からの配置場所指定。*/
	bottom: 0px;	/*メニューに対して、下からの配置場所指定。*/
	padding: 5px 0;	/*上下、左右へのボックス内余白*/
}

}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

#mainimg a {
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒のことで、0.7は色が70%でた状態のこと。*/
}

}