@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:#fff;background:#064a5b;font-size:3.4rem;font-family:'Noto Sans JP',"Noto Serif JP", serif,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height: 1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
#container{max-width:750px;text-align:left;margin:0 auto;background: #000;box-shadow: 0 0 2rem #fff;}
#container *{font-feature-settings: "palt" on;}
main{z-index: 0;}
section{position:relative;overflow: hidden;}

/*========== contents ==========*/
/*--- ttl ---*/
.ttl_01{background: linear-gradient(to right, #064a5b, #0d98ba);font-size: 5rem;font-weight: bold;padding: 6rem 4rem;letter-spacing: -0.05em;position: relative;text-align: center;text-wrap: balance;}
.ttl_01::before,
.ttl_01::after{content: "";position: absolute;background: url(./default_ttl_frame.png) center top / 100% no-repeat;left: 0;right: 0;height: 8.4rem;}
.ttl_01::before{top: 0;}
.ttl_01::after{transform: scale(1, -1);bottom: 0;}

/*--- bg ---*/
.bg_pattern01{background: url(./default_bg_pattern01.png) repeat;background-size: 4.5rem 2.6rem;}
.bg_white{background: #fff;}
.bg_white > *:not(.ttl_01){color: #000;}

/*--- btn ---*/
.btn_line01{text-align: center;}
.btn_line01 > a{display: inline-block;background: linear-gradient(to bottom, #2ff700 0%, #145602 85%);box-shadow: 0 0 1rem rgba(49, 255, 0, 0.35), 0 0 6rem rgba(49, 255, 0, 0.30), 0 0 13rem rgba(49, 255, 0, 0.25);
padding: 4rem 2rem 4rem 13.5rem;width: 54rem;color: #fff !important;font-size: 4rem;font-weight: bold;
text-align: left;border-radius: 2rem;line-height: 1.2;position: relative;margin-block: 3rem 4.5rem;}
.btn_line01 > a::before{content: "";position: absolute;top: calc(50% - 2.8rem);left: 6rem;background: url(./default_icon_line01.png) no-repeat 0 0 / 100%;width: 5.8rem;height: 5.6rem;}

/*--- list ---*/
ul.list_disc > li{position: relative;padding-left: 3rem;}
ul.list_disc > li::before {content: "・";position: absolute;left: 0;top: 0;}

/*--- area_box ---*/
.area_box{padding: 2rem 4rem;position: relative;border-left: solid 0.4rem #064a5b;border-right: solid 0.4rem #0d98ba;margin: 5rem 0;background: #fff;}
.area_box::before,
.area_box::after{content: "";position: absolute;left: -0.4rem;right: -0.4rem;height: 5.5rem;}
.area_box::before{background: url(./default_top_frame.png) center top / 100% no-repeat;top: -5rem;}
.area_box::after{background: url(./default_bottom_frame.png) center bottom / 100% no-repeat;bottom: -5rem;}
.area_box .graph{margin-block: 4rem;}

/*--- area_regist ---*/
.area_regist .ttl{text-align: center;font-size: 4rem;font-weight: bold;}
.area_regist ul.list_note{font-size: 2.5rem;}

/*--- footer ---*/
footer{background:#064a5b;width:100%;}
footer nav{max-width:1000px;margin:0 auto;}
footer nav ul > li a{display: block;margin: 0 auto;padding: 4rem;color: #fff;border-bottom: 0.1rem solid #fff;position: relative;font-size: 2.8rem;}
footer nav ul > li:last-child a{border-bottom: none;}
footer nav ul li a:hover {color: #da7215;}
footer .logo{width: 35rem;margin: 9rem auto 0;}
footer .copyright{font-size: 2rem;padding: 5rem 0 6rem;text-align: center;}


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

/*--- blc_mv ---*/
.blc_mv{position: relative;background:url(./default_mv_bg.jpg) center top / 100% no-repeat ;min-height: 105rem;}
.blc_mv::before{position: absolute;content: "";right: 0;left: 0;top: 25.5rem;background: url(./default_mv_boat.png) no-repeat 0 0 / 100%;height: 42rem;}
.blc_mv.js_inview{opacity: 1;}
.blc_mv.active::before{
-webkit-animation:zoomInLeft 1s ease-in-out 1;
animation: zoomInLeft 1s ease-in-out 1;
}
@-webkit-keyframes zoomInLeft {
from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.blc_mv h1{position: absolute;bottom: 21rem;}
.blc_mv .catch01{position: absolute;top: 11rem;}
.blc_mv .catch02{position: absolute;bottom: 13.5rem;}
.blc_mv .btn_login{position: absolute;top: 4rem;right: 4rem;}
.blc_mv .btn_login > a{display: block;font-size: 2.8rem;font-weight: bold;line-height: 1;text-align: center;padding: 2rem 2.8em 2rem 4rem;border-radius: 0.8rem;background: #ff0000 url(./default_mv_icon.png) right 3rem center / 1.2em no-repeat;color: #fff;}

/*--- blc_regist ---*/
.blc_regist{position: relative;margin-top: -5rem;}

/*--- blc_explan ---*/
.blc_explan .area_txt{padding-bottom: 7rem;}
.blc_explan .area_txt > p:not(:last-child), 
.blc_explan .area_txt > figure:not(:last-child) {margin-bottom: 5rem;}
.blc_explan .area_txt > figure img{border-radius: 1.5rem;}
.blc_explan .area_txt > figure.active {opacity: 1;
-webkit-animation: frameOpen .6s ease;
animation: frameOpen .6s ease;
}
@-webkit-keyframes frameOpen {
0% {transform: scale(0, .05);}
60% {transform: scale(1, .05);}
100% {transform: scale(1, 1);}
}
@keyframes frameOpen {
0% {transform: scale(0, .05);}
60% {transform: scale(1, .05);}
100% {transform: scale(1, 1);}
}
.blc_explan .area_box > .txt{font-size: 3.2rem;}

/*--- blc_reason ---*/
.blc_reason ul.list_reason > li{background: #064a5b;padding: 4rem;margin-bottom: 7rem;overflow: hidden;}
.blc_reason ul.list_reason > li:last-child{margin-bottom: 0;}
.blc_reason ul.list_reason > li > h3{background: url(./default_reason_frame.png) no-repeat center 0 / 100%;min-height: 19rem;padding: 0 8rem;font-size: 4rem;font-weight: bold;margin-inline: -4rem;display: flex;align-items: center;justify-content: center;text-align: center;}
.blc_reason ul.list_reason > li > figure img{border-radius: 1.5rem;    box-shadow: 0 0 2rem #0d98ba;margin-block: 5rem;}
.blc_reason ul.list_reason > li > dl > dt{font-size: 4rem;margin-bottom: 4rem;border-left: 1rem solid #fff;padding-left: 3rem;font-weight: bold;}
.blc_reason ul.list_reason > li > dl > dd .detail{margin-top: 5rem;}

/*--- blc_profit ---*/
.blc_profit .area_box{padding-bottom: 3rem;}
.blc_profit .area_chart {display: flex;align-items: flex-start;margin-bottom: 10rem;}
.blc_profit .area_chart .y_axis {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;margin-top: 4rem;margin-right: 2rem;flex-shrink: 0;gap: 4.5rem;}
.blc_profit .area_chart .y_axis span {font-size: 2.5rem;line-height: 1;}
.blc_profit .area_chart .y_axis span:last-child {transform: translateY(50%);margin-top: -1.25rem;}
.blc_profit .area_chart .y_axis span span,
.blc_profit .area_chart .x_axis span span {font-size: 2rem;}
.blc_profit .area_chart .x_axis {display: flex;justify-content: space-between;padding-left: 0;margin-top: 1rem;}
.blc_profit .area_chart .x_axis span {font-size: 2.5rem;text-align: center;white-space: nowrap;}
.blc_profit .area_chart .inner {display: flex;flex-direction: column;flex: 1;}
.blc_profit .area_chart .inner .container {position: relative;width: 100%;aspect-ratio: 470 / 400;}
.blc_profit .area_chart .inner .container > .grid {position: absolute;top:   calc(20 / 400 * 100%);left:0;right: calc(20 / 470 * 100%);bottom: 0;display: flex;justify-content: space-between;pointer-events: none;border-left: 0.1rem solid #000;border-bottom: 0.1rem solid #000;}
.blc_profit .area_chart .inner .container > .grid > .grid_line {width: 0.1rem;height: 92%;align-self: flex-end;border-left: 0.1rem dashed #b3b3b3;}
.blc_profit .area_chart .inner .container > .grid > .grid_line:first-child {border-left: none;}
.blc_profit .area_chart .inner .dot_start {position: absolute;width: 1.1rem;height: 1.1rem;background: #ba300d;border-radius: 50%;bottom: 0;left: -0.5rem;transform: translateY(50%);pointer-events: none;z-index: 2;}
.blc_profit .area_chart .inner .label{position: absolute;color: #fff !important;font-size: 2.5rem;padding: 0.8rem 1.2rem;white-space: nowrap;z-index: 1;}
.blc_profit .area_chart .inner .label.red {top: 10rem;left: 4rem;background: #ba300d;}
.blc_profit .area_chart .inner .label.gray {top: 26.5rem;right: -0.5rem;background: #808080;}
.blc_profit .area_chart .inner .container > canvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*--- blc_voice ---*/
.blc_voice ul.list_voice > li{border-radius: 1.5rem;box-shadow: 0 0 3.5rem #ccc;background: #fff; padding: 4rem;margin-bottom: 7rem;}
.blc_voice ul.list_voice > li:last-child{margin-bottom: 0;}
.blc_voice ul.list_voice > li > .profile{background: url(./default_voice_icon01.png) center left / 15rem no-repeat;padding: 0 0 0 17rem;margin-bottom: 3rem;min-height: 16rem;align-content: center;}
.blc_voice ul.list_voice > li:nth-child(2) > .profile{background-image: url(./default_voice_icon02.png);}
.blc_voice ul.list_voice > li > .profile .detail{font-size: 2.4rem;background: #064a5b;border-radius: 2.5rem;color: #fff;text-align: center;padding: 0.5rem 0;}
.blc_voice ul.list_voice > li > .profile .total{font-weight: bold;margin: 1rem 0 0 3rem;line-height: 1.4;}
.blc_voice ul.list_voice > li > .profile .total .txt{margin-right: 1.5rem;}
.blc_voice ul.list_voice > li > .profile .total .amount{display: inline-block;}
.blc_voice ul.list_voice > li > .profile .total .amount .fs50{font-size: 5rem;}
.blc_voice ul.list_voice > li > .profile .total .amount .fs60{font-size: 6rem;}

/*----- blc_hit -----*/
.blc_hit ul.list_hit > li > dl{position: relative;background: #000329;display: flex;flex-direction: column;overflow: hidden;height: 100%;word-break: break-word;background: url(./default_hit_img01.jpg) no-repeat center 0 / cover;min-height: 45.4rem;}
.blc_hit ul.list_hit > li > dl > dt.plan{position: relative;background: #064a5b; padding: 4rem 1rem;text-align: center;margin-block: 0 3rem;font-weight: bold;}
.blc_hit ul.list_hit > li > dl > dd{margin: auto 4rem 0;font-weight: bold;}
.blc_hit ul.list_hit > li > dl > dd.dividend{color: #da7215; line-height: 1.2;margin-block: 2.5rem 4rem;}
.blc_hit ul.list_hit > li > dl > dd.dividend .amount{font-size: 6rem;margin-right: 2rem;}
.blc_hit ul.list_hit > li > dl > dd.dividend span{display: inline-block;}
/*-swiper-*/
.blc_hit .swiper{padding: 10rem 0 15.5rem !important;margin-bottom: 2.5rem;}
.blc_hit .swiper-pagination{bottom: 6rem !important;}
.blc_hit .swiper .swiper-pagination-bullet{width:1.5rem !important;height:1.5rem !important;margin:0 1.5rem !important;background:#064a5b !important;opacity: 1 !important;}
.blc_hit .swiper .swiper-pagination-bullet-active{background:#da7215 !important;}
.blc_hit .swiper-slide{height: auto;}

/*----- blc_step -----*/
.blc_step ol.list_step > li > dl{position: relative; box-shadow: 0 0 3.5rem #ccc;background: linear-gradient(90deg, #064a5b 0, #064a5b 15rem, #fff 15rem, #fff);margin-bottom: 5rem;min-height: 36rem;padding: 4rem 4rem 4rem 19rem;align-content: center;overflow: hidden;}
.blc_step ol.list_step > li:last-child > dl{margin-bottom: 0;}
.blc_step ol.list_step > li > dl::before{z-index: 1;position: absolute;content: "";top: calc(50% - 5rem);left: 0;width: 15rem;height: 9.5rem;background: url(./default_step_num01.png) center center / 100% no-repeat;}
.blc_step ol.list_step > li:nth-child(2) > dl::before{background-image: url(./default_step_num02.png);}
.blc_step ol.list_step > li:nth-child(3) > dl::before{background-image: url(./default_step_num03.png);}
.blc_step ol.list_step > li > dl::after{position: absolute;content: "";top: calc(50% - 18rem);left: 0;width: 15rem;height: 36rem;background: url(./default_step_arrow.png) center left / 100% no-repeat;}
.blc_step ol.list_step > li > dl.js_inview{opacity: 1;}
.blc_step ol.list_step > li > dl.active::after{
-webkit-animation:fadeInDown 1s ease 1;
animation: fadeInDown 1s ease 1;
}
.blc_step ol.list_step > li > dl > dt{color: #0d98ba;font-size: 4rem;margin-bottom: 1rem;font-weight: bold;}

/*----- blc_qa -----*/
.blc_qa ul.list_qa > li:not(:last-child) > dl{margin-bottom: 5rem;}
.blc_qa ul.list_qa > li > dl > dt{font-weight: bold;margin-bottom: 1rem;}

/*----- blc_last -----*/
.blc_last{box-shadow: inset 0 9rem 5rem -8rem #0d98ba, inset 0 -9rem 5rem -8rem #0d98ba;}
.blc_last .area_txt{position: relative;margin-bottom: 29rem;}
.blc_last .area_txt::after{position: absolute;content: "";bottom: -23rem;left: calc(50% - 7.8rem);width: 15.6rem;height: 18.3rem;background: url(./default_last_arrow.png) center center / 100% no-repeat;}
.blc_last .area_txt p{text-align: center;font-size: 4rem;font-weight: bold;}
.blc_last .area_txt .total{margin: 4rem -4rem;background:  url(./default_last_img01.jpg) center center / 100% no-repeat;;}



/*========== Responsive ==========*/
@media screen and (min-width:750px) { /* 750px以上 */
html{font-size: 62.5%;}
/**/} /* 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;}
.fs26{font-size: 2.6rem;}
.fs40{font-size: 4rem;}
.fs60{font-size: 6rem;}
.f_bold{font-weight: bold !important;}
.f_b400{font-weight: 400 !important;}
.f_red{color: #ba300d !important;}
.f_yellow{color:#fbdc05 !important;}
.f_blue{color:#0d98ba !important;}

.txt_center{text-align: center;}


/*==================================================================
   Animation
==================================================================*/
/*-- floating --*/
.animated_floating {
 -webkit-animation: 1.5s ease both floating infinite;
 animation: 1.5s ease both floating infinite;
}
@-webkit-keyframes floating {
0% {transform: translate(0,0);}
50% {transform: translate(0,-5%)}
100% {transform: translate(0,0);}
}
@keyframes floating {
0% {transform: translate(0,0);}
50% {transform: translate(0,-5%)}
100% {transform: translate(0,0);}
}

.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;}
}

/*-- fadeInUp inview --*/
.animated_fadeInUp.active{opacity: 1;
 -webkit-animation: .6s .3s ease-out both fadeInUp;
 animation: .6s .3s ease-out both fadeInUp;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(12px);
}
100% {
opacity: 1;
}
}

/*-- fadeInDown inview --*/
.animated_fadeInDown.active{opacity: 1;
-webkit-animation:fadeInDown 1s ease 1;
animation: fadeInDown 1s 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;
}
}

/*-- slideInLeft inview --*/
.animated_slideInLeft.active{opacity: 1;
-webkit-animation:slideInLeft 0.6s ease 1;
animation: slideInLeft 0.6s ease 1;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

/*-- slideInRight inview --*/
.animated_slideInRight.active{opacity: 1;
-webkit-animation:slideInRight 0.6s ease 1;
animation: slideInRight 0.6s ease 1;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

/*-- 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;
}
}