@charset "utf-8";

html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #333;
}
#wrapper {
	overflow: hidden;
	width: 640px;
	margin: 0 auto;
}
.inner {
	width: 100%;
	padding: 0 20px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
img {
  vertical-align: top;
  max-width: 100%;
}

/* -----------------------------------------------------------------------------

	header

----------------------------------------------------------------------------- */
#header {
	background-color: #fff;
	padding: 14px 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	box-sizing: border-box;
	overflow: hidden;
}

#logo {
	display: block;
	float: left;
}

.headerBtn {
	display: block;
	text-align: center;
	background: #e37e28 url(../img/arrow01.png) no-repeat 93% center;
	background-size: 12px;
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	font-weight: bold;
	padding: 20px 52px;
	width: 130px;
	float: right;
}


/* -----------------------------------------------------------------------------

	main

----------------------------------------------------------------------------- */
main {
	background: #000 url(../img/bg_main.jpg) repeat-y center top;
	margin: 0 auto;
}

/* -----------------------------------------------------------------------------

	footer

----------------------------------------------------------------------------- */
footer {
	text-align: center;
	font-size: 20px;
	padding: 15px 0;
	background: #f2f2f2;
}

/* -----------------------------------------------------------------------------

	mv

----------------------------------------------------------------------------- */
#mv {
	padding-bottom: 10px;
	text-align: center;
}

/* -----------------------------------------------------------------------------

	trap

----------------------------------------------------------------------------- */
.trap h2 {
	width: 100%;
	margin: 0 auto;
	vertical-align: bottom;
}
.trap .case {
	background: url(../img/bg_case.png);
}
.trap .case .inner {
	overflow: inherit;
	height: 406px;
}
.trap .case.right {
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
}
.trap .case.right .inner {
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
}
.trap .case.comment.right {
	padding: 0 20px 40px 20px;
}
.trap .case.comment.right .inner {
	-webkit-transform: skewY(0deg);
	transform: skewY(0deg);
	border: solid 2px #fff;
	padding: 20px 0 0 20px

}
.trap .case.left {
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
}
.trap .case.left .inner {
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
}
.trap .case.comment.left {
	padding: 0 20px 40px 20px;
}
.trap .case.comment.left .inner {
	-webkit-transform: skewY(0deg);
	transform: skewY(0deg);
	border: solid 2px #fff;
	padding: 20px 0 0 0;

}
.trap .case02 {
	margin-top: 40px;
}
.trap .case03 {
	margin-top: 40px;
}
.trap .case .person p {
	position: absolute;
	z-index: 5;
	opacity: 0;
}
.trap .case .person .comment01 {
	position: absolute;
	z-index: 4;
	opacity: 0;
}
.trap .case .person .comment02 {
	position: absolute;
	z-index: 3;
	opacity: 0;
}
.trap .case .text span.red {
	background: #ff0d00;
	color: #000;
	margin: 0 4px;
	padding: 1px 0;
	font-weight: bold;
}
.trap .case .text span.yel {
	background: #ffe400;
	color: #000;
	padding: 1px 5px;
	margin: 0 4px;
	font-weight: bold;
}

/* right */
.trap .case.right .bar {
	width: 1px;
	float: right;
}
.trap .case.right .commentator {
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	float: right;
	clear: both;
	margin-left: 0px;
	opacity: 0;
	position: relative;
	bottom: -4px;
}
.trap .case.right .commentator span {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.trap .case.right .commentator p {
	text-align: left;
}
.trap .case.right .text {
	font-size: 22px;
	line-height: 2;
	color: #fff;
	padding-top: 10px;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	opacity: 0;
}

/* left */
.trap .case.left .bar {
	width: 1px;
	float: left;
}
.trap .case.left .commentator {
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	float: left;
	clear: both;
	margin-right: 5px;
	position: relative;
	bottom: -4px;
	opacity: 0;
}
.trap .case.left .commentator span {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.trap .case.left .commentator p {
	text-align: right;
}
.trap .case.left .text {
	font-size: 22px;
	line-height: 2;
	color: #fff;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	padding-left: 20px;
	opacity: 0;
}
.trap .case.left .text p {
	line-height: 2;
}
.trap .case.left .text p + p {
	margin-top: 15px;
}

/* link */
.trap .link {
	position: relative;
	background: #070e15 url(../img/bg_link_btm.png) no-repeat center bottom;
}
.trap .linkWrap {
	background: url(../img/bg_link.png) no-repeat center top;
	position: relative;
	top: -30px;
	height: 880px;
}
.trap .linkWrap.balloon01{
	height: 1660px;
}
.trap .linkWrap.balloon03{
	height: 1690px;
}
.balloonBtn{
	margin-top: 20px;
}
.trap .link .comment01,
.trap .link .comment02 {
	opacity: 0;
}
.trap .link .comment02 + p {
	position: absolute;
	top: 340px;
}
.trap .link .message span {
	opacity: 0;
	position: relative;
	display: block;
}
.trap .link .message span:first-child {
	opacity: 0;
	position: relative;
	top: -30px;
}
.trap .link .inner dl {
	text-align: center;
	margin: 650px auto 0;
}
.trap .link .inner dl dt {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	height: 44px;
	display: inline-block;
	position: relative;
}
.trap .link .inner dl dt:before {
	content: "";
	position: absolute;
	height: 19px;
	width: 20px;
	background: url(../img/line_before.png) no-repeat;
	left: -25px;
	bottom: 14px;
}
.trap .link .inner dl dt:after {
	content: "";
	position: absolute;
	height: 19px;
	width: 20px;
	background: url(../img/line_after.png) no-repeat;
	right: -25px;
	bottom: 14px;
}
.trap .link.left .linkWrap {
	background: url(../img/bg_link02.png) no-repeat center top;
	position: relative;
	top: -30px;
	height: 880px;
}
.trap .link.left .linkWrap.balloon02{
	height: 1690px;
}

/* 2017.09 Update */
.trap .link .inner > .balloonBtnNew {
	margin: 500px auto 10px;
}
.trap .link .inner > .balloonBtnNew .balloon{
  position: relative;
  margin-bottom: 30px;
}
.trap .link .inner > .balloonBtnNew .balloon .siryo_btn {
  position: absolute;
  bottom: 90px;
  left: 50%;
  width: 227px;
  height: 46px;
  overflow: hidden;
  margin-left: -114px;
}
.trap .link .inner > .balloonBtnNew .balloon .siryo_btn a {
}
.trap .link .inner > .balloonBtnNew .balloon .siryo_btn a:hover {
  position: relative;
  top: 3px;
}
.trap .link .inner > .balloonBtnNew .btn{
  text-align: center;
  margin-top: 30px;
}
.trap .link .inner > .balloonBtnNew .btn p{
  overflow: hidden;
}
.trap .link .inner > .balloonBtnNew .btn p a:hover{
  position: relative;
  top: 3px;
}

/* trap01
------------------------------------------- */
#trap01 h2 {
	text-align: center;
}

/* case01 */
#trap01 .case01 {
	margin-top: -28px;
}
#trap01 .case01 .person p {
	left: -60px;
	bottom: -27px;

}
#trap01 .case01 .person .comment01 {
	right: 0;
	top: 26px;
}
#trap01 .case01 .person .comment02 {
	top: 18px;
	left: 46px;
}
#trap01 .case01.comment {
	margin-top: 0;
}
#trap01 .case01.comment .inner {
	height: auto;
}
#trap01 .case01.comment .bar {
	height: 44px;
}


#trap01 .case01 .text span.yel.ind {
	margin-left: -5px;
}

/* case02 */
#trap01 .case02 .inner {
	height: 370px;
}
#trap01 .case02 .person p {
	right: -82px;
	bottom: -27px;
}
#trap01 .case02 .person .comment01 {
	left: 0;
	top: 30px;
}
#trap01 .case02 .person .comment02 {
	top: 20px;
	right: 38px;
}
#trap01 .case02.comment {
	margin-top: 0;
}
#trap01 .case02.comment .inner {
	height: auto;
}
#trap01 .case02.comment .bar {
	height: 110px;
}
#trap01 .case02 .commentator {
	bottom: -5px;
}

/* case03 */
#trap01 .case03 {
	margin-top: 40px;
}
#trap01 .case03 .inner {
	height:365px;
}
#trap01 .case03 .person p {
	left: -65px;
	bottom: -26px;
}
#trap01 .case03 .person .comment01 {
	right: 0;
	top: 26px;
}
#trap01 .case03 .person .comment02 {
	top: 18px;
	left: 25px;
}
#trap01 .case03.comment {
	margin-top: 0;
}
#trap01 .case03.comment .inner {
	height: auto;
}
#trap01 .case03.comment .bar {
	height: 196px;
}
#trap01 .case03.comment .inner .text {
	margin-bottom: 20px;
}

/* link */
#trap01 .link .comment01 {
	position: absolute;
	top: 90px;
	left: 28px;
}
#trap01 .link .comment02 {
	position: absolute;
	top: 10px;
	left: 370px;
}

/* trap02
------------------------------------------- */
#trap02 {
	margin-top: 60px;
}
#trap02 h2 {
	text-align: center;
  position: relative;
  top: 2px;
}

/* case01 */
#trap02 .case01 .inner {
	height: 374px;
}
#trap02 .case01 {
	margin-top: -28px;
}
#trap02 .case01 .person p {
	right: -68px;
	bottom: -27px;
}
#trap02 .case01 .person .comment01 {
	left: 0;
	top: 47px;
}
#trap02 .case01 .person .comment02 {
	top: 20px;
	right: 60px;
}
#trap02 .case01.comment {
	margin-top: 0;
}
#trap02 .case01.comment .inner {
	height: auto;
	padding-bottom: 30px;
}
#trap02 .case01.comment .bar {
	height: 551px;
}
#trap02 .case01.comment .text {
	padding: 0 10px 0 20px;
}
#trap02 .case01 .commentator {
	bottom: 0px;
}


/* case02 */
#trap02 .case02 .inner {
	height: 370px;
}
#trap02 .case02 .person p {
	left: -64px;
	bottom: -27px;
}
#trap02 .case02 .person .comment01 {
	right: 0;
	top: 30px;
}
#trap02 .case02 .person .comment02 {
	top: 20px;
	left: 38px;
}
#trap02 .case02.comment {
	margin-top: 0;
}
#trap02 .case02.comment .inner {
	height: auto;
	padding-bottom: 22px;
}
#trap02 .case02.comment .bar {
	height: 475px;
}
#trap02 .case02.comment .text {
	padding: 20px 10px 0 0;
}
#trap02 .case02 .commentator {
	bottom: -44px;
}

/* case03 */
#trap02 .case03 {
	margin-top: 40px;
}
#trap02 .case03 .inner {
	height:365px;
}
#trap02 .case03 .person p {
	right: -85px;
	bottom: -29px;
}
#trap02 .case03 .person .comment01 {
	left: 0;
	top: 26px;
}
#trap02 .case03 .person .comment02 {
	top: 15px;
	right: 40px;
}
#trap02 .case03.comment {
	margin-top: 0;
}
#trap02 .case03.comment .inner {
	height: auto;
	padding: 30px 0 27px;
}
#trap02 .case03.comment .bar {
	height: 65px;
}
#trap02 .case03 .commentator {
	bottom: 0px;
}

/* link */
#trap02 .link.left .comment01 {
	position: absolute;
	top: 10px;
	left: 50px;
}
#trap02 .link.left .comment02 {
	position: absolute;
	top: 90px;
	left: 370px;
}

/* trap03
------------------------------------------- */
#trap03 {
	margin-top: 60px;
}
#trap03 h2 {
	text-align: center;
}

/* case01 */
#trap03 .case01 {
	margin-top: -28px;
}
#trap03 .case01 .inner {
	height: 388px;
}
#trap03 .case01 .person p {
	left: -60px;
	bottom: -26px;
}
#trap03 .case01 .person .comment01 {
	right: 0;
	top: 50px;
}
#trap03 .case01 .person .comment02 {
	top: 22px;
	left: 55px;
}
#trap03 .case01.comment {
	margin-top: 0;
}
#trap03 .case01.comment .inner {
	height: auto;
}
#trap03 .case01.comment .bar {
	height: 92px;
}
#trap03 .case01 .commentator {
	bottom: 1px;
}

/* case02 */
#trap03 .case02 .inner {
	height: 370px;
}
#trap03 .case02 .person p {
	right: -65px;
	bottom: -25px;
}
#trap03 .case02 .person .comment01 {
	left: 0;
	top: 40px;
}
#trap03 .case02 .person .comment02 {
	top: 15px;
	right: 73px;
}
#trap03 .case02.comment {
	margin-top: 0;
}
#trap03 .case02.comment .inner {
	height: auto;
	padding-bottom: 17px;
}
#trap03 .case02.comment .bar {
	height: 55px;
	width: 140px;
}
#trap03 .case02 .commentator {
	bottom: 0px;
}

/* case03 */
#trap03 .case03 {
	margin-top: 40px;
}
#trap03 .case03 .inner {
	height:365px;
}
#trap03 .case03 .person p {
	left: -65px;
	bottom: -26px;
}
#trap03 .case03 .person .comment01 {
	right: 0;
	top: 26px;
}
#trap03 .case03 .person .comment02 {
	top: 18px;
	left: 25px;
}
#trap03 .case03.comment {
	margin-top: 0;
}
#trap03 .case03.comment .inner {
	height: auto;
}
#trap03 .case03.comment .bar {
	height: 180px;
}
#trap03 .case03 .commentator {
	bottom: 1px;
}

/* link */
#trap03 .link .comment01 {
	position: absolute;
	top: 90px;
	left: 28px;
}
#trap03 .link .comment02 {
	position: absolute;
	top: 10px;
	left: 337px;
}

/* trap04
------------------------------------------- */
#trap04 {
	margin-top: 60px;
}
#trap04 h2 {
	text-align: center;
}

/* case01 */
#trap04 .case01 .inner {
	height: 374px;
}
#trap04 .case01 {
	margin-top: -28px;
}
#trap04 .case01 .person p {
	right: -77px;
	bottom: -28px;
}
#trap04 .case01 .person .comment01 {
	left: 0;
	top: 38px;
}
#trap04 .case01 .person .comment02 {
	top: 20px;
	right: 60px;
}
#trap04 .case01.comment {
	margin-top: 0;
}
#trap04 .case01.comment .inner {
	height: auto;
	padding-bottom: 30px;
}
#trap04 .case01.comment .bar {
	height: 420px;
}
#trap04 .case01.comment .text {
	padding: 0 10px 0 20px;
}
#trap04 .case01 .commentator {
	bottom: 0px;
}

/* case02 */
#trap04 .case02 .inner {
	height: 360px;
}
#trap04 .case02 .person p {
	left: -10px;
	bottom: -25px;
}
#trap04 .case02 .person .comment01 {
	right: 0;
	top: 30px;
}
#trap04 .case02 .person .comment02 {
	top: 20px;
	left: -20px;
}
#trap04 .case02.comment {
	margin-top: 0;
}
#trap04 .case02.comment .inner {
	height: auto;
	padding-bottom: 22px;
}
#trap04 .case02.comment .bar {
	height: 80px;
}
#trap04 .case02.comment .text {
	padding: 20px 10px 0 0;
}
#trap04 .case02 .commentator {
	bottom: 1px;
}

/* link */
#trap04 .link .comment01 {
	position: absolute;
	top: 90px;
	left: 28px;
}
#trap04 .link .comment02 {
	position: absolute;
	top: 10px;
	left: 370px;
}

/* end
------------------------------------------- */
#end {
	background: url(../img/bg_btm.png) no-repeat center top;
	background-size: cover;
}
#end .inner {
	height: 740px;
}
#end .inner .text {
	text-align: center;
	margin-top: 30px;
	opacity: 0;
}
#end .inner .comment01 {
	position: absolute;
	bottom: 155px;
	left: 30px;
	opacity: 0;
}
#end .inner .comment02 {
	position: absolute;
	bottom: 38px;
	right: -23px;
	opacity: 0;
}
#end .inner .person {
	position: absolute;
	bottom: 0px;
	left: 137px;
}

/* document
------------------------------------------- */
#document {
	background: #ffde00;
}
#document .inner {
	overflow: inherit;
	position: relative;
	height: 709px;
	padding-top: 2px;
}
#document .inner:before {
	content: "";
	display: block;
	width: 640px;
	height: 61px;
	background: url(../img/bg_border_btm.png) no-repeat center bottom;
	position: absolute;
	top: -59px;
	left: 0;
}
#document .inner .image {
	position: relative;
	left: -100px;
	opacity: 0;
}
#document .inner > div {
	width: 600px;
	position: absolute;
	top: 25px;
}
#document .inner > div h3 {
	text-align: right;
}
#document .inner > div .btn {
	margin: 60px 0 40px;
	text-align: center;
}
#document .inner > div .btn a {
	display: block;
}
#document .inner > div .tel {
	text-align: center;
}
#document .inner > div .tel span {
	display: block;
	font-size: 14px;
}
#document .inner > div .tel > span:first-of-type {
	line-height: 40px;
	font-weight: bold;
	border-radius: 28px;
	background: #fff;
	display: inline-block;
	margin-bottom: 20px;
	overflow: hidden;
}
#document .inner > div .tel > span:first-of-type span {
	padding: 0 15px 0 12px;
	display: inline;
	font-family: 'SourceHanSansJP-Medium';
	font-size: 24px;
}
#document .inner > div .tel > span:first-of-type b {
	background: #cb0021;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	border-radius: 28px 0 0 28px;
	line-height: 50px;
	display: inline-block;
	padding: 0 12px 0 15px;
}
#document .inner > div .tel > span:nth-of-type(3) {
	font-family: 'SourceHanSansJP-Medium';
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
}


/* detail (2017.09 Update)
------------------------------------------- */
#detail {
  padding: 60px 0 30px 0;
  background: #fff;
  margin-top: -1px;
  position: relative;
}
#detail:after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 50px 0 50px;
  border-color: #ffde00 transparent transparent transparent;
}
#detail .inner h3{
  text-align: center;
}
#detail .inner .detailBox{
  padding: 30px 0 0 0;
  border-radius: 20px;
}
#detail .inner .detailBox .detailBoxInner{
  margin-bottom: 30px;
  padding-right: 10px;
}
#detail .inner .detailBox h4{
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 20px;
}
#detail .inner .detailBox ul{
  font-size: 24px;
}
#detail .inner .detailBox .leftBox ul{
  padding-right: 10px;
}
#detail .inner .detailBox .rightBox ul{
  padding-left: 10px;
}
#detail .inner .detailBox ul li{
  text-indent: -1em;
  padding-left: 1em;
}
#detail .inner .detailBox ul li:before{
  content: "・";
}
#detail .inner .detailBox .detailBoxInner .etc {
  font-size: 20px;
  text-align: right;
}
#detail .inner .btn{
  text-align: center;
  overflow: hidden;
}
#detail .inner .btn a:hover{
  position: relative;
  top: 3px;
}

/* seminar
------------------------------------------- */
#seminar .inner {
	padding: 0;
}
#seminar .inner > div {
	position: relative;
	background: url(../img/bg_seminar.jpg) no-repeat center bottom #000;
	height: 477px;
}
#seminar .badge {
	position: absolute;
	top: 70px;
	left: 20px;
}
#seminar .badge + span {
	position: absolute;
	top: 65px;
	right: 20px;
}
#seminar .inner > div h3 {
	text-align: center;
	padding-top:30px;
}
#seminar .inner > div + div {
	background: #f8f8f8;
	position: static;
	height: auto;
	padding: 35px 0 55px;
}
#seminar .inner h4 {
	text-align: center;
	background: #737373;
	line-height: 46px;
	color: #fff;
	font-family: 'SourceHanSansJP-Medium';
	border-radius: 22px;
	font-size: 20px;
	width: 600px;
	margin: 0 auto;
}
#seminar .inner ul {
	width: 600px;
	margin: 0 auto;
}
#seminar .inner ul li {
	padding: 25px 0 20px;
	overflow: hidden;
}
#seminar .inner ul li:nth-child(2) {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
#seminar .inner ul li:last-child {
	border-top: 1px solid #d8d8d8;
	padding-bottom: 0;
}
#seminar .inner ul li p:first-of-type {
	float: left;
}
#seminar .inner ul li p:first-of-type b {
	display: inline-block;
	line-height: 32px;
	font-size: 19px;
	color: #fff;
	font-family: 'SourceHanSansJP-Medium';
	background: #000;
	border-radius: 16px;
	padding: 0 10px;
	margin-bottom: 8px;
}
#seminar .inner ul li p:first-of-type span {
	display: block;
}
#seminar .inner ul li p.btn {
	float: right;
}
#seminar .inner ul li p.btn a {
	display: block;
}
#seminar .inner ul li p.btn a:hover {
	background: url(../img/btn_seminar02.png) no-repeat;
}

/* profile
------------------------------------------- */
#profile {
	background: #fff;
}
#profile .inner {
	margin: 0 auto;
	padding: 0;
}
#profile h2 {
	font-size: 30px;
	color: #fff;
	background: #c4c4c4;
	height: 80px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 25px;
}
#profile dl {
	border-bottom: solid 2px #9a9a9a;
	padding:24px 0;
}
#profile dl dt,
#profile dl dd {
	font-size: 28px;
	padding: 0 20px;
}
#profile dl dt {
	font-weight: bold;
}
#profile dl dd span {
	font-size: 24px;
}
#profile dl dd a {
	text-decoration: none;
	color: #333;
}
#profile dl dd iframe {
	padding: 20px 0 10px;
}

/* achievement */
#profile .achievement {
	margin: 0 auto 40px;
}
#profile .achievement > div {
	padding: 0 20px;
	margin-top: 40px;
}
#profile .achievement > div h3 {
	margin-bottom: 20px;
}
#profile .achievement > dl {
	padding: 0;
	border: none;
	margin-top: 5px;
}
#profile .achievement > dl dd {
	margin-top: 15px;
}
#profile .achievement .note {
	clear: both;
	font-size: 20px;
	margin: 35px 20px 0;
	text-indent: -2em;
	padding-left: 2em;
}

/* pagetop
------------------------------------------- */
.pagetop {
	background: #fff;
	text-align: center;
	padding-bottom: 20px;
	display: block;
}
.pagetop a {
	font-size: 24px;
	font-weight: bold;
	color: #404040;
	background: url(../img/icon_pagetop.gif) no-repeat center left;
	padding-left: 30px;
	display: inline-block;
	text-decoration: none;
}

/* animation
---------------------------------------------*/
.trap .case .comment01.anime01,
.trap .case .comment02.anime01 {
	animation-duration: 0.5s;
	animation-name: anime01;
}

.trap .link .comment01.anime02,
.trap .link .comment02.anime02 {
	animation-duration: 1.2s;
	animation-name: anime02;
}

.trap .link .message span:last-child.anime01 {
	animation-duration: 0.6s;
	animation-name: anime01;
}

#end .comment01.anime02,
#end .comment02.anime02 {
	animation-duration: 1.6s;
	animation-name: anime02;
}


@-webkit-keyframes anime01 {
	0% { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }
	65% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes anime01 {
	0% { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }
	65% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anime02 {
	0% { opacity: 0; -webkit-transform: scale3d(0.4, 0.4, 0.4); transform: scale3d(0.4, 0.4, 0.4); }
	40% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	70% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes anime02 {
	0% { -webkit-transform: scale3d(0.4, 0.4, 0.4); transform: scale3d(0.4, 0.4, 0.4); }
	40% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	70% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
