@charset "UTF-8";
/* CSS Document */

/* card
------------------------------------------------------------------------------------------------------------------------ */

.sectionA{
position:relative;
width:100%;
overflow-x:hidden !important;
overflow-y:hidden !important;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
}

h5.limited{
margin-top:2em;
}

.card{
display:inline-block;
position:relative;
width:50%;
}

.card:nth-child(1){
left:0;
z-index:1;
left:30%;
background:url(../img/ymnk101.jpg);
background-size:contain;
}

.card:nth-child(1).on{
left:14%;
}

.card:nth-child(2){
left:-20%;
background:url(../img/disk.png);
background-size:contain;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform: rotate(-90deg);
}
.card:nth-child(2).on{
transform: translate3d(0, 0, 0);
left:-12%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}