@charset "utf-8";

/* ------------------------------
   Universal Reset
   Contents
   Animation
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="image"]{max-width:100%;outline: none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
html{font-size: calc(1000vw / 750);}
body{color:#363636;background:#fff;font-size:3.2rem;font-family:'Noto Sans JP',"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;
animation: fadeIn 2s ease 0s 1 normal;}
#container{max-width:750px;text-align:left;margin:0 auto;}
main{z-index: 0;}
section{position:relative;}

/*========== contents ==========*/
/*--- txt ---*/
.txt_logo{max-width: 22.7rem;display: inline-flex;}
.txt_slide{position:relative;opacity: 1 !important;overflow: hidden;}
.txt_slide::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: #fff;}
.txt_slide.active::after{animation: slideOutRight 1s ease forwards;}
@-webkit-keyframes slideOutRight{
0%{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
}
@keyframes slideOutRight {
0%{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
}

/*--- btn ---*/
p.btn_regist > a{display: block;margin: 0 -3rem;}

/*--- bg ---*/
.bg_ptrn01{background: url(./default_pattern01.png) repeat;background-size: 0.8rem;}

/*--- area_box ---*/
.area_box{background:url(./default_mv_bg.jpg) center top / 100% no-repeat ;padding: 35rem 3rem 2rem;}
.area_box h1,
.area_box h2{position: relative;}
.area_box h1 .bomb,
.area_box h2 .bomb{display: block;margin: 0 0 -14rem -3rem;padding-right: 18rem;}
.area_box h1 .logo,
.area_box h2 .logo{display: block;position: relative;}
.area_box p.catch01{padding: 9rem 0 0;}

/*--- area_regist ---*/
.area_regist{padding: 0 3rem 9rem;}
.area_regist .txt{text-align: center;font-size: 4.4rem;font-weight: 900;font-feature-settings: "palt" on;color: #fff;}
.area_regist .txt span{font-size: 8.2rem;color: #fbdc05;border-bottom: dashed 0.3rem;padding-bottom: 0.5rem;}

/*--- footer ---*/
footer {color: #FFF;font-size: 2.5rem;text-align: left;padding: 2rem 0 5rem;background: #363636;}
footer nav{width:100%;}
footer nav ul > li > a{position:relative;display:block;color:#FFF;padding:2rem 2rem 2rem 7rem;}
footer nav ul > li > a:hover{color: #fbdc05;}
footer nav ul > li > a:before{position: absolute;content: "";top: 3rem;left: 5rem;width: 0;height: 0;
border-style: solid;
border-top: 1rem solid transparent;
border-bottom: 1rem solid transparent;
border-left: 1.5rem solid #fff;
border-right: 0;}
footer .copyright{margin-top: 6rem;text-align: center;font-size: 2rem;}


/*========== section block ==========*/
*[class^="blc_"] > .inner{padding:7rem 3rem;}

/*--- blc_mv ---*/
.blc_mv{position: relative;overflow: hidden;background: #e50112;}


/*----- blc_result -----*/
.blc_result{background: url(./default_result_bg_top.jpg) center top / 75rem auto no-repeat,url(./default_result_bg_bottom.jpg) center bottom / 75rem auto no-repeat #fefdfd;padding: 5.5rem 0 4rem;}
.blc_result ul li > dl{position: relative;background: url(./default_result_icon.png) bottom 14rem right / 26rem no-repeat #fff;;border-radius: 2rem;border: solid 0.3rem #e50112;padding: 2rem 0 0;display: flex;flex-direction: column;overflow: hidden;height: 100%;}
.blc_result ul li > dl > dt.plan {padding: 1rem;background: linear-gradient(to bottom, #d5cea6, #b7ad70);font-size: 4rem;text-align: center;font-weight: 600;margin: auto 0 2rem;}
.blc_result ul li > dl > dd{font-weight: 600;font-size: 3.6rem;padding: 0 4rem;margin-top: auto;}
.blc_result ul li > dl > dd.dividend{color: #fff;word-break: break-word;line-height: 1.2;margin-top: 2rem;background: #e50112;padding: 2rem 4rem;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: baseline;}
.blc_result ul li > dl > dd.dividend span.amount{font-size: 5rem;padding-right: 1rem;}
.blc_result ul li > dl > dd.icon{position: absolute;top: -4rem;left: -2rem;max-width: 18rem;opacity:0;}
.blc_result ul li.swiper-slide-active > dl > dd.icon,
.blc_result ul li.swiper-slide-duplicate-active > dl > dd.icon,
.blc_result ul li.swiper-slide-prev > dl > dd.icon{opacity:1;animation: zoomIn 0.8s ease 1;}
/*-swiper-*/
.blc_result .swiper{padding: 6rem 0 12rem !important;}
.blc_result .swiper .swiper-pagination-bullet{width:2rem !important;height:2rem !important;margin:0 1rem !important;background:#ffffff !important;opacity: 1 !important;}
.blc_result .swiper .swiper-pagination-bullet-active{background:#e50112 !important;}
.blc_result .swiper .swiper-slide{transform: scale(.9) !important;transition: .7s; }
.blc_result .swiper .swiper-slide-active{transform: scale(1) !important;z-index: 1;}


/*----- blc_step -----*/
.blc_step{background: url(./default_step_bg01.jpg) center top / 75rem auto no-repeat #fff;padding: 10rem 0 0;}
.blc_step:after {content: "";position: absolute;display: block;right: 0;border-style: solid;border-width: 11rem 37.5rem 0;border-color: #fff transparent #fff;z-index: 1;
}
.blc_step .inner{padding-top: 4rem;}
.blc_step ol.list_step > li > dl{background: #fff;border-radius: 2rem;box-shadow: 0 0 5.7rem #b5b5b5;padding: 3rem 5rem;height: 100%;}
.blc_step ol.list_step > li > dl > dt span{font-size: 4rem;font-weight: 900;line-height: 1.3;padding-left: 2rem;border-left: 2rem solid #e50112;display: flex;align-items: center;margin: 1rem 0 2rem;min-height: 10rem;font-feature-settings: "palt" on;}
.blc_step .txt{text-align: center;font-size: 4rem;font-weight: 900;}
/*-swiper-*/
.blc_step .swiper {padding: 10rem 3rem 6rem !important;}
.blc_step .swiper .swiper-slide {height: auto;}


/*----- blc_reason -----*/
.blc_reason{background: #363636;padding-top: 11rem;}
.blc_reason h2{padding: 7rem 3rem;}
.blc_reason ul.list_reason{background: #fff;}
.blc_reason ul.list_reason > li > dl{padding: 5rem 3rem 6rem;}
.blc_reason ul.list_reason > li > dl > dt{font-size: 4rem;font-weight: 900;font-feature-settings: "palt" on;line-height: 1.4;border-bottom: solid 0.1rem #d3d3d3;display: flex;align-items: center;justify-content: space-between;padding-bottom: 3rem;margin: 0 0 4rem;}
.blc_reason ul.list_reason > li > dl > dt::before {content: "";width: 9.5rem;height: 9.6rem;background: url(./default_reason_icon01.png) no-repeat;background-size: contain;}
.blc_reason ul.list_reason > li > dl > dt span.txt{width: calc(100% - 9.5rem - 3rem);}
.blc_reason ul.list_reason > li > dl > dd{font-weight: 500;}


/*--- blc_about ---*/
.blc_about h2{background: #363636;padding: 4rem 3rem 5rem;}
.blc_about ul.list_about01 > li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8rem;}
.blc_about ul.list_about01 > li:last-child{margin-bottom: 10rem;}
.blc_about ul.list_about01 > li > dl{width: calc(100% - 29rem - 3rem);text-align: center;}
.blc_about ul.list_about01 > li > dl > dt{background: #fff;font-weight: 900;line-height: 1.3;border: solid 0.2rem #d3d3d3;padding: 2rem 1rem;position: relative;font-feature-settings: "palt" on;margin: 0 -1rem 4rem 0;min-height: 12rem;display: flex;align-items: center;justify-content: center;}
.blc_about ul.list_about01 > li > dl > dt::after {position: absolute;content: "";bottom: -2rem;left: calc(50% - 1.5rem);border-style: solid;border-width: 2rem 1.5rem 0;border-color: #d3d3d3 transparent;}
.blc_about ul.list_about01 > li > dl > dd{margin: auto 0 0 -7rem;}
/* 描画エリアの指定 */
.blc_about ul.list_about01 > li > .graph_box {position: relative;transform:rotate(-90deg);padding-bottom: 29rem;width: 29rem;}
.blc_about ul.list_about01 > li > .graph_box .graph {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: visible;}
/* グラフ部分の指定 */
.blc_about ul.list_about01 > li > .graph_box .graph .percent {fill: transparent;stroke-width: 32;stroke-dashoffset: 0;}
.blc_about ul.list_about01 > li > .graph_box .graph .percent.red {stroke: #e50112;stroke-dasharray: 94.1 5.9;}
.blc_about ul.list_about01 > li > .graph_box .graph .percent.gray {stroke: #dcdcdc;stroke-dasharray: 0 94.1 5.9 0;}
.blc_about ul.list_about01 > li:nth-child(2) > .graph_box .graph .percent.red {stroke-dasharray: 86 14;}
.blc_about ul.list_about01 > li:nth-child(2) > .graph_box .graph .percent.gray {stroke-dasharray: 0 86 14 0;}
.blc_about ul.list_about01 > li:nth-child(3) > .graph_box .graph .percent.red {stroke-dasharray: 91 9;}
.blc_about ul.list_about01 > li:nth-child(3) > .graph_box .graph .percent.gray {stroke-dasharray: 0 91 9 0;}
/* アニメーションの指定 */
.spin1.active{animation:spin1 1s forwards;opacity: 1;}
@keyframes spin1{
0%{stroke-dasharray: 0 201;}
99.9%,to{stroke-dasharray: 94.1 201;}
}
.spin2.active{animation:spin2 1s forwards;opacity: 1;}
@keyframes spin2{
0%{stroke-dasharray: 0 201;}
99.9%,to{stroke-dasharray: 86 201;}
}
.spin3.active{animation:spin3 1s forwards;opacity: 1;}
@keyframes spin3{
0%{stroke-dasharray: 0 201;}
99.9%,to{stroke-dasharray: 91 201;}
}
.spin4.active{animation:spin4 1s forwards;opacity: 1;}
@keyframes spin4{
0%{stroke-dasharray:0 201;}
99.9%,to{stroke-dasharray:100 201;}
}

.blc_about ul.list_about02 > li:last-child{margin-bottom: 0;}
.blc_about ul.list_about02 > li{background: #fff;border: solid 0.3rem #e50112;border-radius: 2rem;margin-bottom: 4rem;display: flex;justify-content: space-between;align-items: center;padding: 2rem 1rem 2rem 2.5rem;}
.blc_about ul.list_about02 > li img{max-width: 8.9rem;}
.blc_about ul.list_about02 > li p{width: calc(100% - 8.9rem - 2rem);font-weight: 600;font-feature-settings: "palt" on;}


/*--- blc_summary ---*/
.blc_summary .area_summary01{background: url(./default_summary_bg01.jpg) center bottom / 75rem auto no-repeat #fff;position: relative;text-align: center;padding: 8rem 3rem;}
.blc_summary .area_summary01:before {content: "";width: 13rem;height: 13rem;position: absolute;top: -6rem;left: calc(50% - 6.5rem);background: url(./default_summary_icon01.png) no-repeat;background-size: contain;}
.blc_summary .area_summary01 p{font-size: 4rem;font-weight: 900;}
.blc_summary .area_summary01 p:not(:last-of-type) {margin-bottom: 4rem;}
.blc_summary .area_summary01 p .txt_logo{filter: brightness(0);}
.blc_summary .area_summary01 p .fs50{font-size: 5rem;}
.blc_summary .area_summary02{padding: 0 3rem 8rem;}
.blc_summary .area_summary02 .txt{margin-top: -5rem;position: relative;}
.blc_summary .area_summary02 ul.list_summary{padding: 9rem 0 0;}
.blc_summary .area_summary02 ul.list_summary > li{border-radius: 2rem;border: solid 0.3rem #e50112;background: linear-gradient(-80deg, #e50112 60%, #fff 0);display: flex;justify-content: space-between;align-items: center;margin-bottom: 7rem;}
.blc_summary .area_summary02 ul.list_summary > li:last-child{margin-bottom: 0;}
.blc_summary .area_summary02 ul.list_summary > li span.illust{display: block;width: calc(100% - 60%);margin-top: -4.5rem;position: relative;}
.blc_summary .area_summary02 ul.list_summary > li p{width: 60%;text-align: center;color: #fff;font-weight: 600;font-feature-settings: "palt" on;line-height: 1.3;padding: 2rem 1rem;}
.blc_summary .area_summary02 ul.list_summary > li p .f_yellow{font-size: 4rem;}


/*--- blc_last ---*/
.blc_last{background: #e50112;}
.blc_last .note{font-size: 2rem;color: #f4b1b6;margin-top: 5rem;}



/*========== Responsive ==========*/
@media screen and (min-width:750px) { /* 750px以上 */
html{font-size: 62.5%;}
main {box-shadow: 0 0 0.5rem #dbdbdb;}
/**/} /* Responsive End */

/*========== common ==========*/
em{color:#ff0000;}
strong{color:#ff0000;font-weight:bold;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:2em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.f_SS{font-size:0.6em !important;}
.f_S{font-size:0.8em !important;}
.f_L{font-size:1.2em !important;}
.f_bold{font-weight: bold !important;}
.f_red{color: #e50112 !important;}
.f_yellow{color:#fbdc05 !important;}

.txt_center{text-align: center;}


/*==================================================================
   Animation
==================================================================*/
/*-- zoomRepeat --*/
.animated_zoomRepeat {
-webkit-animation: zoomRepeat 1.5s ease-in-out infinite;
animation: zoomRepeat 1.5s ease-in-out infinite;
}
@-webkit-keyframes zoomRepeat {
0% {-webkit-transform: scale(0.9);}
30% {-webkit-transform: scale(1, 1);}
60% {-webkit-transform: scale(0.9);}
100% {-webkit-transform: scale(0.9);}
}
@keyframes zoomRepeat {
0% {transform: scale(0.9);}
30% {transform: scale(1, 1);}
60% {transform: scale(0.9);}
100% {transform: scale(0.9);}
}

.js_inview{opacity: 0;}
/*-- fadeIn inview --*/
.animated_fadeIn.active{opacity: 1;
 -webkit-animation:fadeIn 1s ease 1;
 animation: fadeIn 1s ease 1;
}
@-webkit-keyframes fadeIn {
 from {opacity: 0;}
 to {opacity: 1;}
}
@keyframes fadeIn {
 from {opacity: 0;}
 to { opacity: 1;}
}

/*-- fadeInDown inview --*/
.animated_fadeInDown.active{opacity: 1;
-webkit-animation:fadeInDown 0.5s ease 1;
animation: fadeInDown 0.5s ease 1;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

/*-- fadeInBounce inview --*/
.animated_fadeInBounce.active {opacity: 1;
-webkit-animation:fadeInBounce .8s .3s ease-out both;
animation:fadeInBounce .8s .3s ease-out both;
}
@-webkit-keyframes fadeInBounce {
0% {
opacity: 0;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
}
40% {
opacity: 1;
-webkit-transform: translate(0, 5%);
transform: translate(0, 5%);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInBounce {
0% {
opacity: 0;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
}
40% {
opacity: 1;
-webkit-transform: translate(0, 5%);
transform: translate(0, 5%);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

/*-- zoomIn inview --*/
.animated_zoomIn.active{opacity: 1;
-webkit-animation:zoomIn 0.8s ease 1;
animation: zoomIn 0.8s ease 1;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}

/*-- zoomOutLeftBounce inview --*/
.animated_zoomOutLeftBounce.active{opacity: 1;
-webkit-animation:zoomOutLeftBounce 1.2s ease 1;
animation: zoomOutLeftBounce 1.2s ease 1;
transform-origin:left bottom;
}
@-webkit-keyframes zoomOutLeftBounce {
from {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
35%{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
60%{
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes zoomOutLeftBounce {
from {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
35%{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
60%{
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

/*-- flipInX inview --*/
.animated_flipInX.active{opacity: 1;
-webkit-animation:flipInX 1s ease 1;
animation: flipInX 1s ease 1;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

/*-- bounceIn inview --*/
.animated_bounceIn.active{opacity: 1;
-webkit-animation:bounceIn 1s ease 1;
animation: bounceIn 1s ease 1;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

/*-- flash inview --*/
.animated_flash.js_inview{opacity: 1;}
.animated_flash.active{
-webkit-animation: flash 1.2s .5s  ease both;
animation: flash 1.2s .5s  ease both;
}
@-webkit-keyframes flash {
from,
50%,
to {opacity: 1;}
25%,
75% {opacity: 0;}
}
@keyframes flash {
from,
50%,
to {opacity: 1;}
25%,
75% {opacity: 0;}
}