@font-face {
	font-family: 'HelveticaNeue-BoldCond';
	src: url('../fonts/HelveticaNeue-BoldCond.eot');
	src: url('../fonts/HelveticaNeue-BoldCond.woff2') format('woff2'), url('../fonts/HelveticaNeue-BoldCond.woff') format('woff'), url('../fonts/HelveticaNeue-BoldCond.ttf') format('truetype'), url('../fonts/HelveticaNeue-BoldCond.svg#HelveticaNeue-BoldCond') format('svg'), url('../fonts/HelveticaNeue-BoldCond.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd-Lt';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: url('../fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg'), url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'hanshand_italic';
    src: url('../fonts/hanshand-webfont.eot');
    src: url('../fonts/hanshand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hanshand-webfont.woff2') format('woff2'),
         url('../fonts/hanshand-webfont.woff') format('woff'),
         url('../fonts/hanshand-webfont.ttf') format('truetype'),
         url('../fonts/hanshand-webfont.svg#hanshand_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


.clearfix:after,
.clearfix:before {
	clear: both;
}

* {
	box-sizing: border-box;
}

body {
	position: relative;
	padding: 53px 0px 50px 0px;
	color: #333;
	background-image: url("../images/bg.gif");
	overflow-x: hidden;
	/*font-family: "HelveticaNeueLTStd-Lt";*/
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.hidden{ overflow: hidden;height:100%; }
.dn{opacity: 0;
-webkit-transform: translate3d(20px, 0px, 0px);
transform: translate3d(20px, 0px, 0px);
-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;}
.dn.active{opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);}
#ico_all{width:1px;height:1px;position: absolute;top:-9999px}
a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

h1 {
	margin: 0!important;
	padding: 0;
	text-indent: -9999px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bad-yellow {
	color: #f7f96f;
}
.bad-yellow-copy {
	color: #f0c728;
	}
.bad-orange {
	color: #f79d58;
}
.bad-blue{ color: #32aaf0;}
.bad-teal {
	color: #abfcfb;
}
.fs16{font-size: 16px;}
.floatL {
	float: left !important
}

.floatR {
	float: left !important
}
#m-0{display: none;}
.act-logo,
.act-logo i,
a.btn-go:before,
#Novelty .next,
#Novelty .prev {
	background-image: url("../images/icon-all.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.reset{ display: none; } 
.header-logo{background-image: url("../images/logo.svg"); background-size: cover;}
.act-logo {
		
	width: 220px;
	height: 53px;
	position: absolute;
	background-position: 0px -221px;
	top: 50%;
	left:50%;
	margin-top: -26px;
	margin-left: -110px;
	opacity: 1
}



.act-logo i {
	text-indent: -9999px;
	bottom: 0;
	position: absolute;
	display: inline-block;
	opacity: 1;
	background-repeat: no-repeat;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name:loadLogo;
	animation-name: loadLogo;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.act-logo i{
	opacity: 1\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  opacity: 0;
}
.act-logo i.b {
	width: 38px;
	height: 53px;
	background-position: 0px -136px;
	left: 3px;
	-webkit-animation-delay: 0.4s;
	animation-delay:0.4s;
}

.act-logo i.o-1 {
	width: 10px;
	height: 10px;
	left: 46px;
	background-color: #93e5f9;
	background-image: none;
	bottom: 1px;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.act-logo i.a {
	width: 48px;
	height: 53px;
	left: 64px;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	background-position: -59px -136px;
}

.act-logo i.o-2 {
	width: 10px;
	height: 10px;
	left: 118px;
	background-color: #93e5f9;
	background-image: none;
	bottom: 1px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.act-logo i.d {
	width: 45px;
	height: 53px;
	left: 134px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	background-position: -129px -136px;
}
.fsWB,.fs22{
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.wrap {
	/*max-width: 1200px;*/
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow:auto;
}

.wrap-content {
	width: 100%;
	margin: 0 auto;
padding-top: 53px !important;

}
.wrap-content_s {
	width: 100%;
	margin: 0 auto;
padding-top: 53px !important;
}
header#header {
	min-height: 53px;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 500;
	width: 100%;
	background-color: #fff;
	-webkit-transform: translateZ(0);
	-webkit-box-shadow: 0px 3px 13px #d0d0d0;
	-moz-box-shadow: 0px 3px 13px #d0d0d0;
	-ms-box-shadow: 0px 3px 13px #d0d0d0;
	-o-box-shadow: 0px 3px 13px #d0d0d0;
	box-shadow: 0px 3px 13px #d0d0d0;
}
header#header.active.l{top:-53px;}
.content {
	max-width: 1200px;
	width: 100%;
	padding: 0px 35px;
	position: relative;
	margin: 0 auto;
}

.header-logo {
	opacity: 0;
	float: left;
	margin-top: 5px;
	width: 138px;
	height: 45px;
	margin-left: -10px;
	-webkit-transition: all 0.8s ease-in-out 0.8s;
	-moz-transition: all 0.8s ease-in-out 0.8s;
	-ms-transition: all 0.8s ease-in-out 0.8s;
	transition: all 0.8s ease-in-out  0.8s;

}
.header-logo.active {
	opacity: 1;
	margin-left: 0px;
}

.header-menu {
	float: right;
	margin-right: 25px
}

.header-menu ul li {
	font-size: 12px;
	float: left;
	/*width: 100px;*/
	padding:0px 32px;
	margin-bottom: 0;
	line-height: 53px;
	text-align: center;
	height: 53px;
	cursor: pointer;
	border-color: #fff;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out;
	transition: border-color 0.3s ease-out;
}


.header-menu ul li#m-5 a,.header-menu ul li#m-6 a,.header-menu ul li#m-7 a{
	/*font-family: 'HelveticaNeue-BoldCond';*/
	font-size: 12px;
}

.header-menu ul li a {
	color: #32aaf0;
	display: inline-block;
	width: 100%;
	font-size: 12px;
	/*font-family: 'HelveticaNeue-BoldCond'*/
}

.header-menu ul li.active {
	border-bottom: 6px solid #93e5f9;
}

.header-menu ul li.online {
	line-height: 14px;
	padding-top: 15px;
	/*padding-left: 16px;*/
}

.header-menu ul li.online a {
	text-align: left;
	display: inline-block;
}

.languages {
	float: right;
	width: 82px;
	min-height: 53px;
	box-shadow: 0px 0px 20px #a8a8a8;
	position: relative;
}

.languages a {
	height: 53px;
	display: block;
	color: #fff;
	line-height: 53px;
	text-align: center;
	font-size: 10px;
	z-index: 9;
	background-color: #32aaf0;
	position: inherit;
}
.languages a span,.languages ul li a span{-webkit-transform: scale(0.9); display: inline-block;}
.languages ul {
	position: absolute;
	width: 82px;
	background-color: #32aaf0;
	top: -153px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1;
}

.languages ul li a {
	font-size: 10px;
	-webkit-text-size-adjust: none;
	display: block;
	height: auto !important;
	line-height: 34px;
}


.languages ul li a:hover {
	background-color: #fff;
	color: #32aaf0;
}

.languages.on ul {
	top: 53px;
	opacity: 1
}


.menu-btn-circle {
	opacity: 0;
}

footer#footer {
	width: 100%;
	position: fixed;
	z-index: 100;
	bottom: 0;
	background-color: #fff;
	min-height: 50px;
	font-size: 14px;
	-webkit-transform: translateZ(0);
	-webkit-box-shadow: 0px -3px 13px #d0d0d0;
	-moz-box-shadow: 0px -3px 13px #d0d0d0;
	-ms-box-shadow: 0px -3px 13px #d0d0d0;
	-o-box-shadow: 0px -3px 13px #d0d0d0;
	box-shadow: 0px -3px 13px #d0d0d0;
}
footer#footer.active.l{bottom:-50px;}
footer#footer a {
	color: #333;
}
footer#footer .note,
footer#footer .btn,
footer#footer .contact-way {
	position: absolute;
	color: #333;
}

footer#footer .note {
	left: 10px;
	min-width: 165px;
	top: 4px
}
footer#footer .note i
{-webkit-animation:NewTada 6s both infinite;animation:NewTada 6s both infinite;}
footer#footer i {
	margin-right: 10px;
	color: #32aaf0;
}

footer#footer .btn {
	min-width: 130px;
	left: 50%;
	margin-left: -65px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

footer#footer .contact-way {
	right: 10px;
	top: 4px
}

footer#footer .contact-way p {
	margin: 0;
	color: #333;
}

footer#footer .contact-way p i {}

footer#footer .contact-way p:hover i {
	-webkit-animation: zoomIn 0.3s both 0s ease-out;
	animation: zoomIn 0.3s both 0s ease-out;
}

a.btn-go {
	padding-left: 35px;
	line-height: 30px;
	margin-top: 10px;
}

a.btn-go:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background-position: -337px 0px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

a.btn-go:hover:before {
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

a.btn-go.goback {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a.btn-go.goback:before {
	-webkit-transform: rotate(60deg) !important;
	-moz-transform: rotate(60deg)!important;
	-ms-transform: rotate(60deg)!important;
	transform: rotate(60deg)!important;
}

a.btn-go.goback:hover:before {
	-webkit-transform: rotate(300deg) !important;
	-moz-transform: rotate(300deg)!important;
	-ms-transform: rotate(300deg)!important;
	transform: rotate(300deg)!important;
}

#focus {         
	padding: 100px 0px;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.focus-copy {
	margin: 35px 0;
	background-color: #1892e2;
	padding: 35px 250px;
	font-size: 26px;
	color: #fff;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	line-height: 40px;
	text-align: center;
}

.ico-box1 {
	text-align: center;
	height: 94px;
	background: url(../images/icons_01_pc.png) repeat-x left top;
}
.ico-box2 {
	text-align: center;
	height: 83px;
	background: url(../images/icons_02_pc.png) repeat-x left top;
}

.ico-box1 img,.ico-box2 img {
	display: none;
	max-width: 100%;
}

#Novelty {
	overflow: hidden;
	position: relative;
}

.temporary_txt{
	background-color: #e6f8ff;
	font-size: 14px;
	padding: 10px;
	text-align: center;
}

.temporary_txt a{
	color: #333;
	text-decoration: underline;
}

.temporary_txt a:first-of-type{
	text-decoration: none;
}


.swiper-slide {
	float: left;
	width: 100%;
	padding:20px 0px;
	/*max-width: 1200px;*/
	width: 1200px;
	margin: 0 auto;
}

.swiper-slide h2 {
	position: relative;
	margin: 0;
	min-height: 41px;
}

.swiper-slide h2 span {
	display: table;
	padding: 10px 55px;
	margin: 0 auto;
	background: #f26c62;
	border-radius: 30px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	 letter-spacing:1px;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	box-shadow: 0px 0px 6px #e0e0e0;
}

.swiper-slide h2:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	background: #f26c62;
	z-index: -1;
}
#NoveltyOn,#productOn{cursor: pointer;}
.novelty-ul {
	list-style: none;
	overflow: hidden;
	margin: 60px auto;
	max-width: 750px;
}

.novelty-ul li {
	float: left;
	width: 33.33%;
}

.novelty-ul li i {
	display: block;
	margin: 0 auto;
}

.novelty-ul li span {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #f26c62;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	margin-top: 10px;
}
.novelty-ul li i{ background-repeat: no-repeat; background-size: contain; background-position: center;}
.novelty-ul li.cost i {
	background-image: url(../images/low_cost.png);
	width: 126px;
	height: 128px;
}

.novelty-ul li.high i {
	background-image: url(../images/high_quality.png);
	width: 64px;
	height: 128px;
}

.novelty-ul li.wide i {
	
	background-image: url(../images/wide_range.png);
	width: 138px;
	height: 128px;
}

.novelty-copy {
	margin: 35px 0 0;
	background-color: #f26c62;
	padding: 50px 250px;
	font-size: 14px;
	color: #fff;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	line-height: 20px;
}

.novelty-copy ul {
	display: table;
	margin: 0 auto;
}

.swiper-slide.products {
	/* background-color: rgba(242, 108, 98, 0.1); */
}

.swiper-slide.products ul {
	display: table;
	max-width: 860px;
	margin: 0 auto;
	padding:40px 0px 0px
}

.swiper-slide.products ul li {
	width: 20%;
	float: left;
	padding: 10px;
}

.swiper-slide.products ul li a {
	display: block;
	border-radius: 20px;
	background-color: rgba(242, 108, 98, 0.3);
	max-width: 157px;
	max-height: 157px;
	padding: 12px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.swiper-slide.products ul li a img {
	max-width: 100%;
}

.swiper-slide.products ul li a span {
	display: block;
	color: #d8291c;
	font-size: 12px;
}



.swiper-slide h2.active #NoveltyOn{opacity: 1; position:inherit !important; right:inherit !important; background: #f26c62;}
.swiper-slide h2 #NoveltyOn{ position: absolute !important; right: -200px !important;z-index: 88; background-color: #828282;}

.f-anim {
	-webkit-transition: left .2s linear;
}

.swiper-slide.products ul li a p {
	position: absolute;
	width: 100%;
	padding: 20px;
	height: 100%;
	background-color: rgba(242, 108, 98, 0.7);
	text-align: left;
	left: 0;
	top: -15px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	border-radius: 20px;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
}

.swiper-slide.products ul li a p i,
.swiper-slide.products ul li a p strong,
.swiper-slide.products ul li a p em,
.swiper-slide.products ul li a p s {
	font-style: normal;
	display: block;
	color: #fff;
}

.swiper-slide.products ul li a p i {
	font-size: 14px;
}

.swiper-slide.products ul li a p strong {
	font-size: 48px;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

.swiper-slide.products ul li a p em {
	font-size: 18px;
}

.swiper-slide.products ul li.last a p strong {
	padding-top: 10px;
	font-size: 30px;
	text-align: center;
}

.swiper-slide.products ul li a:hover p {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.swiper-slide.products h2 {

	left: -260px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.swiper-slide.products h2 span { letter-spacing:1px;
	margin: inherit;
	background: #828282;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.swiper-slide.products h2.active {
	left: 0;
}

.swiper-slide.products h2.active span {
	margin: 0 auto;
	background: #f26c62;
}

.swiper-slideproducts h2 #NoveltyOn{position: absolute; right:-50px; top:-20px;}



#Novelty .next,
#Novelty .prev {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
	position: absolute;
	top: 46%;
	cursor: pointer;
	height: 66px;
	width: 41px;
}

#Novelty .next {
	right: 20px;
	background-position: top right;
}

#Novelty .prev {
	left: 20px;
	background-position: -503px top;
}

#Novelty .next.hide,
#Novelty .prev.hide {
	opacity: 0;
}


.pub-h2{ position: relative; margin:20px 0 0;padding-bottom: 20px;}

.pub-h2 span{ letter-spacing:1px;
	display: table;
	padding: 10px 55px;
	margin: 0 auto;
	border-radius: 30px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	/*font-family: 'HelveticaNeue-BoldCond';*/
	box-shadow: 0px 0px 6px #e0e0e0;
}

.pub-h2:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	top: 0%;
	left: 0;
	z-index: -1;
}
#eDM .pub-h2 span{background: #f79d58;}
#eDM .pub-h2:after{
	border-bottom: 1px solid #f79d58;
}
#eDM .eDM-content{
	opacity: 0;
}
.eDM-content{
	width: 1200px;
	margin: 0 auto;
	padding: 5px 250px;
    font-size: 14px;
    color: #444;
    /*font-family: 'HelveticaNeue-BoldCond';*/
   font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
    line-height: 20px;
}
.edm_add_txt a{
	text-decoration: underline;
}
#Design{padding-top: 73px;}
#Design .pub-h2{top:0;}
#Design .pub-h2 span{background: #fac90c;}
#Design .pub-h2:after{
	border-bottom: 1px solid #fac90c;
}
/*#BPO .pub-h2{margin-bottom: 0;}*/
#BPO .pub-h2 span{background: #24cd80;}
#BPO .pub-h2:after{
	border-top:1px solid #24cd80;
	border-bottom:0;
	top:50%;
	background-color: rgba(89,192,160,0.2);
}

#BPO .cont-box{
	width: 100%;
	height: 114px;
	background: url(../images/icons_03_pc.png) repeat-x left top;
	background-color: rgba(89,192,160,0.2);
	margin-top: 1px;
	border: 0;
}
#BPO .cont-box-b{
	width: 100%;
	height: 147px;
	background: url(../images/icons_04_pc.png) repeat-x left center;
	background-color: rgba(89,192,160,0.2);
	padding-top: 50px;
	overflow: hidden;
}

/*#BPO .cont-box{ background-color: rgba(89,192,160,0.2);height: 100%; margin-top: 1px; border: 0;}
#BPO .cont-box-b{ margin-top:50px;background-color: rgba(89,192,160,0.2);height: 100%; overflow: hidden;}*/



img.bpo-01{ display: none; margin:0px auto 30px auto; max-width: 100%; padding:0px 0}
img.bpo-02{ display: none; margin: 30px auto; max-width: 100%; padding:0px 0}

.company-01{
	width: 100%;
	height: 140px;
	background: url(../images/icons_05.png) repeat-x 2% 40px ;
}

.company-01 img{display: none; margin: 40px auto 20px auto; max-width: 100%;}
.sub-img{
	width: 100%;
	height: 105px;
	background: url(../images/icons_08_pc.png) repeat-x left 5px;
}
.sub-img-2{
	width: 100%;
	height: 126px;
	background: url(../images/icons_09_pc.png) repeat-x left center;
}
.sub-img img,.sub-img-2 img{
	display: none;
}

/*img.sub-img{display: block; margin: 5px auto 20px auto; max-width: 100%; padding:0px 20px}
img.sub-img-2{display: block; margin: 20px auto; max-width: 100%; padding:0px 20px}*/



.bpo-i-t {width: 1200px;margin: 0 auto; padding:50px 20px;}
.bpo-i-t img{ float: left;padding-right:50px;padding-bottom: 50px;}
.bpo-i-t p{padding:50px; font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;font-size: 14px;}
ul.list-text{ list-style: disc; padding-left:15px;}
dl.dd dt{float:left; }
dl.dd dd { padding-left:45px;}
dl.dd dd p{margin: 0; margin-bottom: 5px;}
dl.dd dd span{ margin-left: -45px; display: inline-block; min-width:45px;}
.slider-eDM{ background-color: #f79d58;padding:20px 0px}
.slider-Design{ background-color: #fad74e;padding:20px 0px}
.slide p{ background-color: rgba(255,255,255,0.5); padding:20px; border-radius: 20px; box-shadow:0px 0px 13px rgba(0,0,0,0.2); text-align: center;}

.slide p img{ display: block; margin: 0 auto;}

#Company .pub-h2 span{background: #32aaf0;}
#Company .pub-h2:after{
	border-bottom: 1px solid #32aaf0;
}


#Contact .pub-h2 span{background: #b174e3;}


#Contact .pub-h2:after{
	border-top: 1px solid #b174e3;
	top:50%;
	background-color: rgba(173,146,196,0.1);
}


#Contact h3{color:#b174e3;font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; font-weight: normal; font-size: 30px; text-align: center;}

.Contact-cont{margin-top: 1px; overflow: hidden;background-color: rgba(173,146,196,0.1);height: 100%;}



div.contact-form{
	background-image: url(../images/icons_06_pc.png), url(../images/icons_07_pc.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 3% top, 97% top;
	padding-bottom:40px;
}

.from-box{width: 100%; max-width: 570px; margin: 0 auto ; background-color: #b174e3; border-radius: 20px; padding:30px 20px; color: #fff;overflow: hidden;}
.from-box input{-webkit-appearance: none; min-height: 40px; line-height: 40px;display: block; width: 100%; border-radius: 5px; border: 0; margin-top: 5px;padding: 0px 10px;  }
.from-box label{display:inline-block; width: 100%; margin-bottom: 20px;}
.from-box label.half{width: 50%;padding-right:10px; float: left;}
.from-box label.half.last{ padding-right: 0px; padding-left: 10px;}
.from-box textarea{ width: 100%;-webkit-appearance: none;border-radius: 5px; border: 0;max-width: 100%; min-height: 100px; margin-top: 5px;padding: 10px;  }
.from-box button{background-color: #fff; border-radius:5px;border:0;-webkit-appearance: none;font-family: 'HelveticaNeue-BoldCond';cursor: pointer; font-size: 22px; padding: 8px 15px; color: #b174e3; text-align: center;border: 1px solid #b174e3;-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;}

.from-box button.on,.from-box button:hover{background-color: #b174e3; color: #fff;border: 1px solid #fff;}
.from-box button.on{opacity: 0.5;}
.contact-copy{width: 100%; max-width: 570px; margin:20px auto;font-family: 'HelveticaNeue-BoldCond';}



.agree_txt{
	color: #FFFFFF;
	margin: 0 auto 10px auto;
	font-size: 14px;
}
.agree_txt a{
	color: #FFFFFF;
	text-decoration: underline;
}
.agree {
	position: relative;
	margin-bottom: 20px;
}
.agree_left{
	width: 22px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.from-box input.input_chb {
	width: 22px;
	height: 22px;
	min-height: 22px;
	visibility: hidden;
	vertical-align: middle;
	margin-top: 0;
}

.agree label {
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: #FFFFFF;
	border-radius: 3px;
}

.agree input.input_chb:checked+label {
	background: #FFFFFF;
}

.agree input.input_chb:checked+label::after {
	content: "";
	position: absolute;
	left: 3px;
	bottom: 10px;
	width: 14px;
	height: 7px;
	border: 2px solid #b174e3;
	border-top: none;
	border-right: none;
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.agree_right{
	width: auto;
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 14px;
	padding-top: 3px\0;
}



.excessive-sub{overflow: hidden; height: 100%;padding-top:53px; position: relative; }
.excessive-sub:after{ content: "";width:100%; height: 71%; top: 0; left:0;}
#Sub_Email{ display:inline-block;padding-top: 0 !important;}
#Sub_Email .pub-h2{  padding:20px 0px; margin: 0;}
#Sub_Email .pub-h2 span{background: #e53c80;}
#Sub_Email .pub-h2:after{
	border-top: 1px solid #e53c80;
	top:50%;
	background-color: rgba(229,60,128,0.15);
}
.sub-cont{ overflow: hidden; background-color: rgba(229,60,128,0.15); height: 100%;}
.sign-up-wrap{
	width: 100%;
	background-image: url(../images/bg.gif);
}
.sign-up{
	width: 1200px;
	margin: 0 auto;
	/*background-color: #fff;*/
	height: 100%;
	overflow: hidden;
	padding: 20px 15px 0px 15px;
	
}
.sign-up-from{padding: 10px 0px 26px 0; width: 100%; margin: 0 auto;
	overflow: hidden;}

.sign-up-from h3{color:#e53c80;font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; font-weight: normal; font-size: 30px; text-align: center; padding:0px 10px; margin-top: 0; margin-bottom: 20px;}
.sign-up-from p{width:100%; margin:0 auto;color:#333; padding:8px 8px 23px 8px; font-size: 14px;font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; text-align: left;}
.sign-up-from h4{width:100%; margin:0 auto;color:#e53c80; padding:10px 10px 0px 10px; font-size: 18px;font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; text-align: left;}

.sign-up-from label{font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; float: left; width: 50%; padding:0px 10px; display: inline-block;margin-top: 10px;}

.sign-up-from label input{margin-top:5px;border-radius: 5px; -webkit-appearance: none;display: block; width: 100%; border: 1px solid #333;padding:0px 10px;min-height: 40px; line-height: 40px;}
.container-from{overflow: hidden;/* border-top:1px solid #E53C80; border-bottom: 1px solid #E53C80;*/}



.sign-up-from button{background-color: #e53c80; border-radius:5px;border:0;-webkit-appearance: none;font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;cursor: pointer; font-size: 22px; padding: 8px 15px; color: #fff; text-align: center;border: 1px solid #e53c80;-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; float: right; margin-top: 20px;}

.sign-up-from button:hover{background-color: #fff; color: #e53c80;border: 1px solid #e53c80;}
.pic{

	float: left;
	max-width: 400px;
	width:100%;
	padding: 20px 0px;
	text-align: center

}
.pic img{
	padding:5px 5px 5px 5px;
	width:41%;
}
@media screen and (max-width:480px){
	.pic img{
		padding:5px 5px 5px 5px;
		width:100%;
	}
}
.text{
	float: left;
	max-width: 760px;
	width:100%;
	padding: 12px 20px 0 10px;
}
.text p{
	 font-size: 14px;
	 color: #444;
	 font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	 line-height: 20px;
 }
.bpo-i-t p{
	font-size: 14px;
	color: #444;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	line-height: 20px;
}
@media only screen and (max-width:1200px) {
	.header-menu ul li {
		/*width: 95px;*/
		padding:0px 20px;
	}
}

@media only screen and (max-width:1024px) {
	/*add*/
.ico-box1,.ico-box2 {
	height: auto;
	background: none;
	padding: 0 10px;
}
	.ico-box1 img,.ico-box2 img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
	.swiper-slide {
	float: left;
	width: 100%;
	padding:20px 0px;
}
.eDM-content{
	width: 100%;
	padding: 5px 250px;
    font-size: 14px;
    color: #444;
    font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
    line-height: 20px;
}
.sub-img,.sub-img-2 {
	height: auto;
	background: none;
	padding: 0 10px;
}
.sub-img img{
	display: block; margin: 5px auto 20px auto; max-width: 100%; padding:0px 
}
.sub-img-2 img{
	display: block; margin: 20px auto; max-width: 100%; padding:0px 
}
	.sign-up{
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	height: 100%;
	overflow: hidden;
	padding: 20px 15px 0px 15px;
	background-image: url(../images/bg.gif);
}
#BPO .cont-box{background: none; background-color: rgba(89,192,160,0.2);height: 100%; margin-top: 1px; border: 0;padding: 0 10px;}
#BPO .cont-box-b{background: none; margin-top:50px;background-color: rgba(89,192,160,0.2);height: 100%; overflow: hidden;padding: 0 10px;}
img.bpo-01{ display: block; margin:0px auto 30px auto; max-width: 100%; padding:0px 0}
img.bpo-02{ display: block; margin: 30px auto; max-width: 100%; padding:0px 0}
	.bpo-i-t {width: 100%;margin: 0 auto; padding:50px 20px;}
	.company-01{
	width: 100%;
	height: auto;
	background: no-repeat ;
}

.company-01 img{display: block; margin: 40px auto 20px auto; max-width: 100%;}
div.contact-form{
	background-image: url(../images/icons_06.png), url(../images/icons_07.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 3% top, 97% top;
	padding-bottom:40px;
}
	
	.content {
		padding: 0px 10px;
	}
	.header-menu,
	.languages {
		display: none;
		opacity: 0 !important;
		z-index: -1 !important;
		visibility: hidden;
		margin-left: -10px;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.is-open{ overflow: hidden;}	
	.is-open .header-menu,
	.is-open .languages {
		display: block;
		opacity: 1 !important;
		visibility: visible !important;
		z-index: 100 !important;
	}
	.header-menu {
		position: absolute;
		width: 100% !important;
		text-align: center;
		top: 53px;
	}
	.header-menu li {
		line-height: 28px!important;
		height: 28px!important;
		width: 100% !important;
		padding: 0 !important;
	}
	.header-menu ul li.active {
		border-bottom: 3px solid #93e5f9;
	}
	.header-menu li.online {
		line-height: 28px !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.header-menu li.online a {
		text-align: center !important;
	}
	.header-menu li a br {
		display: none;
	}
	.languages {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #32aaf0;
	}
	.languages a {
		float: left;
		padding: 0px 10px;
		position: initial;
	}
	.languages ul {
		display: block;
		opacity: 1;
		float: left;
		width: 70%;
		top: 0;
		position: initial;
	}
	.languages ul li {
		float: left;
	}
	.languages ul li a {
		float: none;
		line-height: 53px;
		padding: 0 10px;
	}
	.menu-btn-circle {
		opacity: 1;
		position: absolute;
		top: 5px;
		right: 10px;
		width: 40px;
		cursor: pointer;
		height: 40px;
		background: #32aaf0;
		border-radius: 50%;
	}
	.menu-btn-circle .s-line {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		width: 15px;
		height: 2px;
		background: #fff;
		-webkit-transition: all .65s cubic-bezier(.165, .84, .44, 1) 0s;
		transition: all .65s cubic-bezier(.165, .84, .44, 1) 0s;
	}
	.menu-btn-circle .s-line._1 {
		top: -8px
	}
	.menu-btn-circle .s-line._3 {
		bottom: -8px
	}
	.is-open .menu-btn-circle {
		box-shadow: 0 0 0 transparent
	}
	.is-open .menu-btn-circle .s-line._1 {
		-webkit-transform: rotateZ(45deg) translate3d(3px, 3px, 0);
		transform: rotateZ(45deg) translate3d(3px, 3px, 0)
	}
	.is-open .menu-btn-circle .s-line._2 {
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1)
	}
	.is-open .menu-btn-circle .s-line._3 {
		-webkit-transform: rotateZ(-45deg) translate3d(3px, -3px, 0);
		transform: rotateZ(-45deg) translate3d(3px, -3px, 0)
	}
	#focus {
		padding: 20px 0px;
	}
	.focus-copy,
	.novelty-copy,.eDM-content {
		padding: 35px 20px
	}
	.header-menu{margin-top: 50px;}
		.header-menu ul li {margin-bottom: 10px;}
	.header-menu ul li a,.header-menu ul li#m-5 a, .header-menu ul li#m-6 a, .header-menu ul li#m-7 a{font-size: 24px;}
	
}

@media only screen and (max-width:768px) {
	
	.act-logo {
	width: 138px;
	height: 45px;
	
	margin-top: -23px;
	margin-left: -69px;
	background-position: -181px 18px;
	}
	
	
	

.act-logo i.b {
	width: 24px;
	height: 33px;
	left: 3px;
	background-position: 0px -65px;
}

.act-logo i.o-1 {
	width: 6px;
	height: 6px;
	left: 29px;
	
}

.act-logo i.a {
	width: 30px;
	height: 33px;
	left: 40px;
	background-position: -39px -65px;
}

.act-logo i.o-2 {
	width: 6px;
	height: 6px;
	left: 74px;
	
}

.act-logo i.d {
	width: 28px;
	height: 33px;
	left: 84px;
	background-position: -87px -63px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.swiper-slide.products ul li a p strong {
		font-size: 28px;
	}
	.swiper-slide.products ul li.last a p strong {
		font-size: 24px;
		text-align: center;
	}
	.swiper-slide h2 span {
		font-size: 14px;
		padding: 10px 55px;
	}
	.swiper-slide.products h2 {
		left: inherit !important;
	}
	.swiper-slide.products h2 span {
		margin: 0 auto !important;
	}
	.bpo-i-t img{float: none; margin: 0 auto; display: block; padding: 0; max-width: 100%;}
	.bpo-i-t p{ padding: 20px;}
	.swiper-slide h2 #NoveltyOn{opacity: 0;}
	.contact-copy{padding: 0px 20px;}
	.header-menu ul li#m-5 a{
		font-size: 24px;
	}
	.header-menu ul li#m-6 a, .header-menu ul li#m-7 a{font-size: 18px;}
}

@media only screen and (max-width:479px) {
	.pub-h2 span{padding: 13px 55px 10px 55px;}
	footer#footer .btn {
		position: fixed !important;
		width: 30px;
		overflow: hidden;
		bottom: 70px;
		padding: 0;
		min-width: 30px;
		text-indent: -9999px;
		right: 20px;
		left: inherit;
	}
	
	.novelty-ul{margin: 95px 0px;}
	.novelty-ul li {
		padding:0px 10px;
		margin-bottom: 30px;
	}
	.novelty-ul li i{width:100% !important ;}
	
	.swiper-slide.products ul li {
		width: 33%;
		padding:5px;
	}
	
	
	.swiper-slide.products ul li a{
		padding:5px
	}
	.swiper-slide.products ul li a p{padding:15px;}
	.swiper-slide.products ul li.last a p{padding:5px}
	.swiper-slide.products ul li.last a p strong{font-size: 24px !important;}
	.slide p {padding: 10px;}
	.from-box label.half{width: 100%;padding-right:0px;}
.from-box label.half.last{ padding-right: 0px; padding-left: 0px;}
button,.sign-up-from label{ width: 100%;}
}

@media only screen and (max-width:374px) {
	footer#footer {
		font-size: 12px !important;
	}
}

@media only screen and (max-width:320px) {
	.swiper-slide.products ul li a span {
		font-size: 10px;
	}
}


/**
 * Animations
 */

.fromTopIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromTopOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, -10px);
	opacity: 0.0;
}

.fromBottomIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromBottomOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 10px);
	opacity: 0.0;
}

.fromLeftIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromLeftOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(-10px, 0);
	opacity: 0.0;
}

.fromRightIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromRightOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(10px, 0);
	opacity: 0.0;
}

.scaleUpIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0, 1.0);
	opacity: 1.0;
}

.scaleUpOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.3, 1.3);
	opacity: 0.0;
}

.scaleDownIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0, 1.0);
	opacity: 1.0;
}

.scaleDownOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(0.7, 0.7);
	opacity: 0.0;
}

@-webkit-keyframes slideInLeft {
	0% {
		left: 0%;
	}
	50% {
		left: 52%
	}
	70% {
		left: 48%
	}
	100% {
		left: 50%;
	}
}

@keyframes slideInLeft {
	0% {
		left: 0%;
	}
	50% {
		left: 52%
	}
	70% {
		left: 48%
	}
	100% {
		left: 50%;
	}
}

@-webkit-keyframes fadeInLeft {
	40% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	40% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeIn {
	0% { 
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
	0% { 
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn{
	 -webkit-animation: fadeIn 1s 1s  ease;
  animation: fadeIn 1s 1s ease;
}

@-webkit-keyframes spin-anim-1 {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.5);
		opacity: 0
	}
}

@keyframes spin-anim-1 {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1
	}
	100% {
		transform: translate3d(0, 0, 0) scale(1.5);
		opacity: 0
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}


@-webkit-keyframes loadLogo {
	0% {
		opacity: 0.1;
		
	}
	100% {
		opacity: 1;
	}
}

@keyframes loadLogo {
	0% {
		opacity: 0.1;
		
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes bounceIn {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
bounce {
	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		-ms-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes NewTada{
	
	0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	90%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	91%,92%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
	93%,95%,97%,99%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
	94%,96%,98%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
	100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	
	}
	@keyframes NewTada{
		
		
		
		0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
		90%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	91%,92%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
	93%,95%,97%,99%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
	94%,96%,98%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
	100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.NewTada{-webkit-animation-name:NewTada;animation-name:NewTada}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}