/* ===============================================
	共通
=============================================== */
.inter_wrap {overflow:hidden; position:relative;max-width:960px;margin:auto;}

.inter_wrap h2 {z-index:5;}
.inter_wrap h3 {z-index:4;}
.inter_wrap .megane { z-index:6;}

/*btn_menu*/
.inter_wrap ul.btn_menu li {
	float:left;
	margin:0 10px;

}
.inter_wrap ul.btn_menu li a {
	width:100%;
	height:100%;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	z-index: 2;
}
.inter_wrap ul.btn_menu li a:hover {opacity:0.5;}

/* responsive
---------------------------------------------- */
@media only screen and (min-width: 768px){
.inter_wrap { padding:0 30px 50px;}
.inter_wrap h3 {font-weight:bold;color:#05A1C7;text-align:center;}
}
@media only screen and (max-width: 767px){
	#sbf_main_cnt_top .sbf_about .page_title {margin:0;}
}


/* ===============================================
	icon
=============================================== */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon0a44.eot?hfrvgm');
  src:  url('fonts/icomoon0a44.eot?hfrvgm#iefix') format('embedded-opentype'),
    url('fonts/icomoon0a44.ttf?hfrvgm') format('truetype'),
    url('fonts/icomoon0a44.woff?hfrvgm') format('woff'),
    url('fonts/icomoon0a44.svg?hfrvgm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-keyboard_arrow_right:before {
  content: "\e900";
}
.icon-esg:before {
  content: "\e901";
}
.icon-global:before {
  content: "\e902";
}
.icon-growth:before {
  content: "\e903";
}
.icon-product:before {
  content: "\e904";
}

/* ===============================================
	共通見出しアイコン
=============================================== */
.btn-mark {
	border-radius:100%;
	text-align:center;
	position:relative;
}
.btn-mark.btn-growth {background-color:#e6ac45; color:#e6ac45;}
.btn-mark.btn-global {background-color:#e97370; color:#e97370;}
.btn-mark.btn-product{background-color:#2e9bff; color:#2e9bff;}
.btn-mark.btn-esg    {background-color:#00b050; color:#00b050;}

.btn-mark.btn-growth-thin {background-color:#faebd2;}
.btn-mark.btn-global-thin {background-color:#fceeee;}
.btn-mark.btn-product-thin{background-color:#e6f3ff;}
.btn-mark.btn-esg-thin    {background-color:#e0f5ea;}

.btn-mark.btn-growth-thin a { color:#e6ac45!important;}
.btn-mark.btn-global-thin a { color:#e97370!important;}
.btn-mark.btn-product-thin a{ color:#2e9bff!important;}
.btn-mark.btn-esg-thin a    { color:#00b050!important;}

/*animation*/
ul.btn_menu li{
    -webkit-animation: coin 1s both;
    -moz-animation: coin 1s both;
    -ms-animation: coin 1s both;
    -o-animation: coin 1s both;
    animation: coin 1s both;
}
ul.btn_menu li:nth-child(1) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
ul.btn_menu li:nth-child(2){
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
ul.btn_menu li:nth-child(3){
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
ul.btn_menu li:nth-child(4){
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

/*active*/
.btn-mark.active a {color:#FFFFFF;}

/*icon*/
.btn-mark i {display:block;}

/* responsive
---------------------------------------------- */
@media only screen and (max-width: 767px){
	/*正円設定*/
	.btn-mark:before {content: "";display: block;padding-top: 100%;}
	.btn-mark a,.btn-mark span {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}
}


/* ===============================================
	index
=============================================== */

#inter_top ul.btn_menu { padding:270px 30px 0; z-index:10; position:relative;text-align:center;white-space:nowrap;}
#inter_top ul.btn_menu li {width:190px;height:190px;display:inline-block;float:none;}

/*icon*/
#inter_top ul.btn_menu li i {font-size:76px;margin:30px 0 10px;}

/*(>)*/
#inter_top ul.btn_menu li:after {
	font-family: 'icomoon';
	content:"\e900";
	font-size:24px;
	line-height:100%;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:-12px;
	display:block;
	width:28px;
	height:28px;
	background-color:#fff;
	border-radius:100%;
	border:3px solid;
	box-sizing:border-box;
}


/* responsive
---------------------------------------------- */
@media only screen and (min-width: 768px){
	#inter_top { margin-top:-22px;}
	#inter_top h2,#inter_top  h3,#inter_top  .megane {position:absolute;}
	#inter_top h2 {left:90px;top:-50px;}
	#inter_top h3 {
		left:580px;
		top:30px;
		font-size:18px;
		width:323px;
		height:160px;
		padding-top:55px;
		background:url(../img/index/inter_sub-title.png) no-repeat;
	}
	#inter_top .megane {left:440px; top:80px;}

	#inter_top ul.btn_menu li:nth-child(2) i { margin-bottom:20px;}
	#inter_top ul.btn_menu li:nth-child(4) i { margin:35px 0 0; font-size:90px;}

}
@media (min-width: 768px) and (max-width: 999px){
	#inter_top ul.btn_menu { padding-left:10px; padding-right:10px;}
	#inter_top ul.btn_menu li { margin-left:5px; margin-right:5px;}
}
@media only screen and (max-width: 767px){
  /* 170818 add */
  #sbf_main_cnt_top.individual-index #main #content {background-color: #FFFFFF; padding-left: 0; padding-right: 0;}
  #sbf_main_cnt_top.individual-index .sbf_about {margin-bottom: 0;}
	#sbf_main_cnt_top.individual-index .sbf_about .page_title {margin:0; padding-top: 10px; margin-left: 10px; margin-right: 10px;}
  #sbf_main_cnt_top.individual-index .about_wrap .about_title {max-width:90%;margin:0 auto;}
	#sbf_main_cnt_top.individual-index .about_wrap .about_title h3{max-width:45%;background-size:100% auto;background-position:center bottom;margin-bottom:10px;}
  #sbf_main_cnt_top.individual-index .pickup {background-color: #B8E3F0; padding-top: 30px; padding-left: 10px; padding-right: 10px;}


	#inter_top h2,#inter_top h3,#inter_top .megane {position: relative;}
	#inter_top h2,#inter_top h3 {
		width:80%;
		margin:0 auto;
		text-align:center;
		position:relative;
	}
	#inter_top h2 img {margin-top:-20%; width:100%;}
	#inter_top h3 {padding-bottom:20px;color:#05a1c7; font-weight:bold;}
	#inter_top .megane { text-align:center; margin-top:-20%;}
	#inter_top .megane img {width:20%;}

	#inter_top ul.btn_menu {padding:0;white-space:normal;}
	#inter_top ul.btn_menu li {
		position: relative;
		width: 43%;
		margin:0 3% 30px;
		height: auto;
		font-size:3.5vw!important;
	}
	#inter_top ul.btn_menu li i {font-size:18vw!important; margin:14% 0 4%;}
	#inter_top ul.btn_menu li:nth-child(2) i { margin-bottom:8%;}
	#inter_top ul.btn_menu li:nth-child(4) i { margin-bottom:6%;}

}

/*vw効かない用*/
@media only screen and (max-width: 599px){#inter_top ul.btn_menu li {font-size:24px;}#inter_top ul.btn_menu li i {font-size:80px;}}
@media only screen and (max-width: 480px){#inter_top ul.btn_menu li {font-size:14px;}#inter_top ul.btn_menu li i {font-size:60px;}}

/* 170818 add */
@media only screen and (max-width: 599px){
  #sbf_main_cnt_top .pickup .regist {margin-top: 15px;}
}



/* ===============================================
	中ページ共通
=============================================== */
.con { padding-left:0!important; padding-right:0!important;}
.con .inter_wrap { margin-top:10px; padding-bottom:0;}
.con .inter_wrap h2 img,
.con .inter_wrap .megane img {width:100%;}
.con .inter_wrap .megane { position:absolute;}

/*text-color*/
.txt-growth { color:#e6ac45!important;}
.txt-global { color:#e97370!important;}
.txt-product { color:#2e9bff!important;}
.txt-esg { color:#00b050!important;}


/*active-animation
.con .inter_wrap ul.btn_menu li.active {
    -webkit-animation: coin2 2s linear infinite;
    -moz-animation: coin2 2s linear infinite;
    -ms-animation: coin2 2s linear infinite;
    -o-animation: coin2 2s linear infinite;
    animation: coin2 2s linear infinite;
}
*/

/* .box
---------------------------------------------- */
.con .box { margin:80px 0;position:relative;}
.con .box.box-head{padding:60px 0;}
.con #growth .box.box-head{ background-color:#faebd2;}
.con #global .box.box-head{ background-color:#f8d5d4;}
.con #product .box.box-head{ background-color:#c0e1ff;}
.con #esg  .box.box-head{ background-color:#b2e7ca;}
.con .box.box-content:nth-child(even){ background-color:#f7f7f7;padding:60px 0;}

@media only screen and (max-width: 599px){
	.con .box { margin:60px 0;}
	.con .box.box-head{padding:40px 0;}
	.con .box.box-content:nth-child(even){padding:40px 0;}
}

/*背景*/
/*
.con .box.box-head:before,.con .box.box-head:after,
.con .box.box-content:nth-child(even):before,.con .box.box-content:nth-child(even):after {
	content:"";
	background-position:left top;
	background-repeat: no-repeat;
	background-size: 1156px 100px;
	position:absolute;
	left:0;
	width:100%;
	height:100px;
}
*/
/*
.con .box.box-head:before,
.con .box.box-content:nth-child(even):before{ top:-100px;}
.con .box.box-head:after,
.con .box.box-content:nth-child(even):after { bottom:-100px;}
*/
/*
.con #growth .box.box-head:before {	background-image:url(../img/growth/bg_growth_top.png);}
.con #growth .box.box-head:after  { background-image:url(../img/growth/bg_growth_bot.png);}
.con #global .box.box-head:before {	background-image:url(../img/global/bg_global_top.png);}
.con #global .box.box-head:after  { background-image:url(../img/global/bg_global_bot.png);}
.con #product .box.box-head:before{ background-image:url(../img/product/bg_product_top.png);}
.con #product .box.box-head:after { background-image:url(../img/product/bg_product_bot.png);}
.con #esg .box.box-head:before	  { background-image:url(../img/esg/bg_esg_top.png);}
.con #esg .box.box-head:after  	  { background-image:url(../img/esg/bg_esg_bot.png);}
.con .box.box-content:nth-child(even):before { background-image:url(../img/index/bg_gray_top.png);}
.con .box.box-content:nth-child(even):after  { background-image:url(../img/index/bg_gray_bot.png);}
*/

/* .box-head
---------------------------------------------- */
/*h2*/
.con .box.box-head h2{
	width:310px;
	height:310px;
	font-size:32px;
	line-height:1.2em;
	font-weight:bold;
	margin:0 auto 10px;
	color:#FFFFFF;
	text-align:center;
}
.con .box.box-head h2 i { font-size:140px; padding:40px 0 10px;}
.con .box.box-head h2 i.icon-growth,
.con .box.box-head h2 i.icon-global,
.con .box.box-head h2 i.icon-esg {padding:50px 0 20px;}

/*p*/
.con .box.box-head p{text-align:center; font-size:28px; font-weight:bold; letter-spacing:2px;}


/* .box-content
---------------------------------------------- */
.con .box.box-content .f-left,
.con .box.box-content .f-right,
.con .box.box-content .f-center {text-align:center;padding:40px 4%;}

/*h3*/
.con .box.box-content h3 {font-size:22px; font-weight:bold;}
.con .box.box-content h3 > span { border-bottom:1px solid; padding-bottom:10px;display:inline-block;}

#growth .box.box-content h3 {border-color:#e6ac45;}
#global .box.box-content h3 {border-color:#e97370;}
#global .box.box-content h3 {font-size: 34px;}
#global .box.box-content h3 span { line-height: 1.8;}
#product .box.box-content h3 {border-color:#2e9bff;}
#esg .box.box-content h3 {border-color:#00b050;}

/*data*/
.con .box.box-content .data {font-size:35px; font-weight:bold; line-height:1.4em; margin:30px 0 20px;}
.con .box.box-content .data span {font-family: 'Roboto', sans-serif; font-size:90px; line-height:1em;}
.con .box.box-content .data span.t2 {font-size:110px; vertical-align: sub;}
.con .box.box-content .data span.small {color:inherit!important;}
.con .box.box-content .data span.txt_sup {font-size: 60%; vertical-align: text-top; position: relative; line-height: 1.3em;}

/*p*/
.con .box.box-content p {color:#666666;}
.con .box.box-content p span {font-size:0.8em;}

/* 170821 add */
#content .box.box-content p span.under_l { font-size: 1em; text-decoration: underline;}
#content .box.box-content p .txt_sup {font-size: 70%; vertical-align: top; position: relative; top: -0.2em; line-height: 1.3em;}

/*next-btn*/
.con .next-btn {padding-bottom:100px;}
.con .next-btn a {
	width:40%;
	color:#FFFFFF;
	font-size:26px;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	padding:15px 0;
	border-bottom:6px solid;
	display:block;
	position:relative;
	transition:.3s;
}
.con .next-btn a:after {
	content: "\e900";
	font-family: 'icomoon';
	position:absolute;
	right:10px;
	top:50%;
	line-height:0;
}

#growth .next-btn a { background-color:#e97370; border-color:#d35450;}
#global .next-btn a { background-color:#2e9bff; border-color:#1382e8;}
#product .next-btn a {background-color:#00b050; border-color:#008f40;}
#esg .next-btn a { background-color:#FFFFFF; border-color:#0485a4; color:#05a1c7;}

#esg .box-content .effect3 a.btn:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    padding-left: 0;
	}
	#esg .box-content .effect3 a.btn {
	    padding-left: 10px;
	    padding-right: 50px;
	}
#growth .next-btn a:hover { background-color:#d35450;}
#global .next-btn a:hover { background-color:#1382e8;}
#product .next-btn a:hover { background-color:#008f40;}
#esg .next-btn a:hover { background-color:#0485a4; color:#FFFFFF;}

/*esg .next-btn*/
#esg .next-btn {background-color:#05a1c7; text-align:center; padding:50px 0;}
#esg .next-btn p {font-weight:bold; color:#FFFFFF; font-size:20px; line-height:1.6em; letter-spacing:2px;}
#esg .next-btn a { font-size:20px; width:50%; margin-top:30px;}



/* responsive
---------------------------------------------- */
@media only screen and (min-width: 768px){

/* .box */
.con .box { padding-left:30px; padding-right:30px;}
.con .inter_wrap { padding-left:60px; padding-right:60px;}
.con .inter_wrap h2 {width:240px; height:240px; float:left;}
.con .inter_wrap h3 {
	width:484px;
	height:96px;
	padding-top:25px;
	background:url(../img/index/inter_sub-title2.png) no-repeat;
	position:absolute;
	top:0px;
	left:350px;
}
.con .inter_wrap .megane { left:250px; top:0;width:86px; height:86px;}

.con .inter_wrap ul.btn_menu { margin-top:100px;}
.con .inter_wrap ul.btn_menu li { width:140px; height:140px; margin:0 5px; font-size:0.8em;}

/*icon*/
.inter_wrap ul.btn_menu li i { font-size:60px; margin:20px 0 5px;}
.inter_wrap ul.btn_menu li:nth-child(1) i { margin-bottom:13px;}
.inter_wrap ul.btn_menu li:nth-child(2) i { margin-bottom:13px;}
.inter_wrap ul.btn_menu li:nth-child(4) i { margin-bottom:2px;font-size:70px;}

/* .box-content */
.con .box.box-content .f-left { float:left; width:50%;}
.con .box.box-content .f-right { float:right; width:50%;}

}
@media (min-width: 768px) and (max-width: 999px){
	.con .inter_wrap ul.btn_menu li{ margin:0 2px;}
	.con .sbf_about { padding-left:0; padding-right:0;}
}
@media only screen and (max-width: 767px){
	.con .box.box-content .f-left,
	.con .box.box-content .f-right,
	.con .box.box-content .f-center {padding-top:0;padding-bottom:0;}

.con .sbf_about { background: #fff!important;}
.con .page_title { margin-left:10px!important; margin-right:10px!important;}
.con .inter_wrap {padding-bottom:20px; padding-left:10px; padding-right:10px; margin-top:0;}
.con .inter_wrap h2 {width:60%; height:60%; margin:-12% auto 0;}
.con .inter_wrap h3 { text-align:center; margin-bottom:3%; margin-top:1%; font-size:0.9em; color:#05a1c7; font-weight:bold;}
.con .inter_wrap .megane {left:0; right:0; top:36%; margin:auto; width:14%;}

.con .inter_wrap ul.btn_menu {margin-top:0%;}
.con .inter_wrap ul.btn_menu li {width:24%; margin:0 0.5%; height:auto;position: relative; font-size:10px; font-size:2.2vw;}

/*icon*/
.inter_wrap ul.btn_menu li i { font-size:30px; font-size:7vw; margin:12% 0 8%;}
.inter_wrap ul.btn_menu li:nth-child(1) i { margin-bottom:13%;}
.inter_wrap ul.btn_menu li:nth-child(2) i { margin-bottom:13%;}
.inter_wrap ul.btn_menu li:nth-child(4) i { margin:14% 0 10%; font-size:7.8vw;}

/*box*/
.con .box { margin:8% 0; padding:4% 0;}

/*.box-head*/
.con .box.box-head h2{ font-size:14px; width:30%; height:auto; font-size:2.8vw;}
.con .box.box-head h2 i { font-size:35px;font-size:13vw;padding:18% 0 1%;}
.con .box.box-head h2 i.icon-growth,
.con .box.box-head h2 i.icon-global,
.con .box.box-head h2 i.icon-esg {padding:16% 0 10%;}
.con .box.box-head p { font-size:16px;font-size:4vw;}

/* .box-content */
.con .box.box-content h3 { font-size:18px;}
.con .box.box-content h3 span {padding-bottom:5px;}
.con .box.box-content .data {font-size:25px; margin:20px 0 10px;}
.con .box.box-content .data span { font-size:70px;}
.con .box.box-content .data span.t2 {font-size:90px;}
.con .box.box-content p { font-size:0.9em;}
.con .box.box-content br.pc {display:none;}
.con .box.box-content img {margin-top:30px; width:80%;}

/*.next-btn*/
.con .next-btn a { width:90%; font-size:20px;}

/*esg .next-btn*/
#esg .next-btn {padding:30px 0;}
#esg .next-btn p {font-size:16px; line-height:1.6em; letter-spacing:2px;}
#esg .next-btn a { font-size:16px; width:90%; margin-top:20px;}

}
@media only screen and (max-width: 599px){
	#esg .next-btn p {text-align:left; padding-left: 5%; padding-right:5%;}
	#esg .next-btn p br { display:none;}
	#esg .next-btn a {text-align:left; padding-left:5%; padding-right:5%;}
}


/* ===============================================
	growth
=============================================== */
@media only screen and (min-width: 768px){
	#growth .box.box-content h3 {padding-top:30px;}
}

/* ===============================================
	global
=============================================== */
@media only screen and (min-width: 768px){
	#global .effect3 .f-left {padding-right:0;}
}
@media only screen and (max-width: 767px){
	#global .effect2 img,
	#global .effect3 img { width:50%;}
}




/* ===============================================
	product
=============================================== */
#product .box-content p { text-align:left;line-height:1.8em;}
#product .box-content p span {line-height:1.8em; display:inline-block;}

#product .effect {padding-bottom:30px;}
#product .effect .data div {position:relative;}
#product .effect img.graf2 { position:absolute; bottom:0;}

#product .effect dl,#product .effect4 dl {font-size:0.8em; text-align:left; padding-top:5px;}
#product .effect dt,#product .effect4 dt {float:left;}
#product .effect dd {padding-left:50px;}
#product .effect4 dd {padding-left:65px;}
#product .effect dl,#product .effect dt,#product .effect dd,
#product .effect4 dl,#product .effect4 dt,#product .effect4 dd {color:#666;}

#product .effect4 .f-right img { vertical-align:middle;}
#product .effect4 .f-right img:first-child {margin-right:10px;}

@media only screen and (min-width: 768px){

	#product .effect p{ padding-left:5%; padding-right:5%;}
	#product .effect .data div {position:relative;}
	#product .effect .data div:nth-child(1) { width:60%; float:left; z-index:2; padding-top:80px;}
	#product .effect .data div:nth-child(2) { width:40%; float:left; margin-left:-200px; z-index:1;}
	#product .effect img.graf { z-index:0;}
	#product .effect img.graf2 { right:-150px;}
	#product .effect dl { padding-left:4%;}

	#product .effect4 .f-right {margin-top:70px;}
}

@media only screen and (max-width: 767px){

	#product .effect img.graf2 {width:14%; right:0;}
	#product .effect2 img.graf2 {width:24%;}

	#product .effect4 img.graf { width:45%;}
	#product .effect4 img.graf2 { width:20%;}
}


/* ===============================================
	esg
=============================================== */
#esg .box-content p { text-align:left;line-height:1.8em;}

#esg .effect1 .f-right img {width:100%;}
#esg .effect1 .f-right p {padding-bottom:10px;}

#esg .effect2 .f-right .data .small {font-size:0.6em!important;display: block;line-height: 1.6;}
#esg .effect2 .f-right p {padding-bottom:20px;}

#esg .effect3 .f-right p{margin-bottom:10px;}

/* 170821 add */
#esg .effect3 .f-left .data{margin-bottom: 15px;}
#esg .effect3 .f-left p.txt-esg {font-weight: bold; line-height: 1.4em; text-align: center; color: inherit; margin-bottom: 20px;}

#esg a.btn {
	color:#FFF;
	background-color:#00B050;
	padding:10px;
	text-decoration:none;
	position:relative;
	border-bottom:6px solid #008f40;
	transition:.3s;
}
#esg a.btn:hover {opacity:0.7;}
#esg a.btn:after {font-family: 'icomoon';content: "\e900";padding-left:80px;}

@media only screen and (min-width: 768px){
	#esg .effect1 .f-right{text-align:left;}
	#esg .effect1 .f-right{padding:0 0 30px;}

	#esg .effect3 .f-right {padding-top:20px;}
	#esg .effect3 .f-right p {line-height:1.4em; margin-bottom:10px;}
	#esg .effect3 .f-right .btn { float:left;}

  /* 170821 add */
  #esg .effect3 .f-left p.txt-esg {font-size: 35px;}

	#esg .box-content p.txt_caption {
	    font-size: 35px;
	    margin-top: 30px;
}
@media only screen and (max-width: 767px){
	#esg .box-content img {margin-top:10px;}
	#esg .effect1 .f-right img { max-width:434px;}
	#esg .effect1 .f-right p {text-align:center;}
	#esg .effect2 .f-right p:last-child {text-align:center; font-size:1em;}
	#esg .effect3 .f-right img {width:10%;}
	#esg a.btn:after {padding-left:40px;}

  /* 170821 add */
  #esg .effect3 .f-left p.txt-esg {font-size: 25px;}
}
















/* ===============================================
	animation
=============================================== */

/* index
---------------------------------------------- */
/*coin*/
@-webkit-keyframes coin {
	0% {-webkit-transform:rotateY(0deg);}
	100% {-webkit-transform: rotateY(720deg);}
}
@-moz-keyframes coin {
	0% {-moz-transform: rotateY(0deg);}
	100% {-moz-transform:rotateY(720deg);}
}
@-ms-keyframes coin {
	0% {-ms-transform: rotateY(0deg);}
	100% {-ms-transform: rotateY(720deg);}
}
@-o-keyframes coin {
	0% {-o-transform: rotateY(0deg);}
	100% {-o-transform: rotateY(720deg);}
}
@keyframes coin {
	0% {transform:rotateY(0deg);}
	100% {transform:rotateY(720deg);}
}

/* growth
---------------------------------------------- */
/*coin2
@-webkit-keyframes coin2 {
	0% {-webkit-transform:rotateY(0deg);}
	100% {-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes coin2 {
	0% {-moz-transform: rotateY(0deg);}
	100% {-moz-transform:rotateY(360deg);}
}
@-ms-keyframes coin2 {
	0% {-ms-transform: rotateY(0deg);}
	100% {-ms-transform: rotateY(360deg);}
}
@-o-keyframes coin2 {
	0% {-o-transform: rotateY(0deg);}
	100% {-o-transform: rotateY(360deg);}
}
@keyframes coin2 {
	0% {transform:rotateY(0deg);}
	100% {transform:rotateY(360deg);}
}
*/