@charset "UTF-8";
/*バナー*/
.sc06 .banner .bnimg03{position:absolute;top:50px;left:475px;}
.sc06 a{overflow:hidden;}
.sc06 a:after{position:absolute;content:'';display:block;background-color:#fff;width:450px;height:20px;bottom:-75px;left:-80px;opacity:0.5;animation:lightcon 2s 0.1s infinite normal;}
.sc06 .banner .bnimg07{position:absolute;top:45px;right:220px;animation:purun 1s 0.1s 1 forwards;}

/*セクション5*/
.sc05{background-color:#F1F1F1;}
.ft_wrap{background-color:#fff;width:1110px;height:auto;margin:0 auto;}
.sc05 .inner .wrap00{padding:50px 27px;box-sizing: border-box;background-color:#fff;width:1110px;margin:0 auto;}
.sc05 .inner .wrap00 li{border:1px solid #ccc;margin-left:20px;margin-bottom:30px;display:inline-block;text-align:center;vertical-align:top;position:relative;}
.sc05 .inner .wrap00 li img{display:block;}
.sc05 .inner .wrap00 li em{display:block;position:absolute;width:90%;bottom:30px;left:0;right:0;margin:0 auto;background-color:rgba(0,0,0,0.8);color:#fff;font-size:15px;opacity:0;transition:0.3s ease-in-out;}
.sc05 .inner .wrap00 li:hover em{opacity:1;}
.sc05 .inner .wrap00 li.typeA{width:326px;height:384px;}
.sc05 .inner .wrap00 li.typeB{width:326px;height:478px;}
.sc05 .inner .wrap00 li.typeB.line2,.sc05 .inner .wrap00 li.typeB.line4{margin-top:-94px;}
.sc05 .inner .wrap00 a{width:100%;height:100%;display:block;}
.sc05 .inner .wrap00 .wrapA{}
.sc05 .inner .wrap00 .wrapB{}
.sc05 h3{text-align:center;font-size:30px;}
.sc05 .wrap02{width:100%;margin:100px auto 0 auto;background-color:#fff;padding:40px 35px;box-sizing:border-box;}
.sc05 .wrap02 ul{box-sizing:border-box;text-align:center;}
.sc05 .wrap02 ul li{width:178px;min-height:250px;display:inline-block;margin-left:30px;vertical-align:top;}
.sc05 .wrap02 ul li a{display:block;width:100%;height:100%;}
.sc05 .wrap02 ul li a span.pic{display:block;width:100%;height:178px;background:url() no-repeat center / cover;border:#ccc 1px solid;}
.sc05 .wrap02 ul li a span.info{display:block;width:100%;height:auto;font-size:13px;line-height:1.3;margin-top:5px;}
.sc05 .wrap02 ul li a b em{display:block;margin-top:3px;color:#690;}
/*.sc05 .wrap02 ul li:nth-of-type(1){margin-left:0;background-image:url(../top/example/work01.jpg);}
.sc05 .wrap02 ul li:nth-of-type(2){background-image:url(../top/example/work02.jpg);}
.sc05 .wrap02 ul li:nth-of-type(3){background-image:url(../top/example/work03.jpg);}
.sc05 .wrap02 ul li:nth-of-type(4){background-image:url(../top/example/work04.jpg);}
.sc05 .wrap02 ul li:nth-of-type(5){background-image:url(../top/example/work05.jpg);}
.sc05 .wrap02 ul li:nth-of-type(6){background-image:url(../top/example/work06.jpg);}*/
.sc05 .inner .wrap00 ul{}
/*.sc05 .inner .wrap00 li{grid-row:1 / 2;grid-column:1 / span 3;}
.sc05 .inner .wrap00 li:nth-of-type(1){grid-row:1 / 2;grid-column: 3;}
.sc05 .inner .wrap00 li:nth-of-type(2){grid-row:1 / 2;grid-column: 3;}
.sc05 .inner .wrap00 li:nth-of-type(3){grid-row:1 / 2;grid-column:3;}
.sc05 .inner .wrap00 li:nth-of-type(4){grid-row:1 / 2;grid-column: 3;}
.sc05 .inner .wrap00 li:nth-of-type(5){grid-row:1 / 2;grid-column: 3;}
.sc05 .inner .wrap00 li:nth-of-type(6){grid-row:1 / 2;grid-column: 3;}*/

/*top 11/8*/
.sc05 h3{font-size:40px;text-align:center;}
.sc05 h3 span{display:block;font-size:18px;color:#a20;}
.sc05 p{font-size:17px;text-align:center;margin:10px 0 50px;}

.sc05 .inner{display:block;}
.sc05 .inner .wrap00 ul{}

.sc05 .inner .wrap00 li{}

.sc05 .inner .wrap01{box-sizing:border-box;width:1110px;padding:40px 0;width:1110px;margin:60px auto;background-color:#fff;}
.sc05 .inner .wrap01 .movie,.sc05 .inner .wrap01 .txt{display:inline-block;float:left;margin-left:60px;}
.sc05 .inner .wrap01 .movie{}
.sc05 .inner .wrap01 .movie iframe{width:472px;height:367px;}
.sc05 .inner .wrap01 .txt{}
.sc05 .inner .wrap01 .txt h4{font-weight:bold;color:#fff;background-color:#690;padding:5px 30px 5px 10px;text-align:center;display:table;margin-bottom:15px;line-height:1.5;}
.sc05 .inner .wrap01 .txt h5{font-size:32px;}
.sc05 .inner .wrap01 .txt p{text-align:left;width:500px;margin:0;font-size:21px;}
/*cf01*/
.howto p{position:relative;z-index:1;}
/*cf02*/
.howto .cf02{}
/*cf03*/
/*cf04*/
/*cf05*/


@keyframes lightcon{
	0%{transform:translateY(300px) rotate(20deg);opacity:0.7;}
	100%{transform:translateY(-300px) rotate(20deg);opacity:0.5;}
	}

@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}