@media(max-width:767px){.elementor-19494 .elementor-element.elementor-element-da1b528 > .elementor-container{max-width:360px;}.elementor-19494 .elementor-element.elementor-element-da1b528{margin-top:93px;margin-bottom:0px;padding:0px 0px 120px 0px;}.elementor-19494 .elementor-element.elementor-element-74ecea6 > .elementor-widget-container{border-radius:2px 2px 2px 2px;}}/* Start custom CSS for section, class: .elementor-element-da1b528 */@media screen and (min-width:320px) and ( max-width:390px) {

.card-container{
    display:flex;
}

.card-img img{
      height:200px;
      border-radius: 2%;
      margin-left:5%;
      margin-top:-2%
      
    
}

.card-text{
    margin-left:2%;
}

.syurui1{
    color: #898989;
    margin-left: 42%;
    margin-top: -40%;
    font-size: 13px;
}

.name{
    color: #898989;
    margin-left:42%;
    margin-top: -3%;
    font-size: 13px;
}

.sex{
    color: #898989;
    margin-left:42%;
    margin-top: -3%;
    font-size: 13px;
}

.age{
    color:#898989;
    margin-left:42%;
    margin-top: -3%;
    font-size: 14px;
}

.syuruipicinfo{
    color: orange;
    margin-top: 3%;
}

.size{
    color:#898989;
    margin-left:42%;
    margin-top: -3%;
    font-size: 14px;
}

.rank1{
    position: absolute;
    font-size: 1.5em;
    color: white;
    left:5%;
    top:1.8%;
}
.crown1{
    position: relative;
    left:-3%;
}

.rank2{
    position: absolute;
    font-size: 1.5em;
    color: white;
    left:5%;
    top:35.5%;
}
.crown2{
    position: relative;
    left:-3%;
    margin-top: 8%;
}

.rank3{
    position: absolute;
    font-size: 1.5em;
    color: white;
    left:5%;
    top:69.5%;
}
.crown3{
    position: relative;
    left:-3%;
    margin-top: 8%;
}

}

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

.card-container{
    display:flex;
    
}

.card-img img{
     height:180px;
      border-radius: 2%;
      margin-top:%
    　align-items: flex-start;
    　 align-items: flex-start;
    object-fit: cover;
}

.card-img2 img{
      height:180px;
      border-radius: 2%;
      margin-top:%
    　align-items: flex-start;
    　 align-items: flex-start;
    object-fit: cover;
}

.card-img3 img{
      height:180px;
      border-radius: 2%;
      margin-top:%
      align-items: flex-start;
    　 align-items: flex-start;
    object-fit: cover;
}

.syurui1{
    color: #898989;
    margin-left: 52%;
    margin-top: -53%;
    font-size: 14px;
}


.syurui2{
    color: #898989;
    margin-left: 52%;
    margin-top: -50%;
    font-size: 14px;
}

.syurui3{
    color: #898989;
    margin-left: 52%;
    margin-top:-55%;
    font-size: 14px;
}


.name{
    color: #898989;
    margin-left:52%;
    margin-top: -3%;
    font-size: 14px;
}

.sex{
    color: #898989;
    margin-left:52%;
    margin-top: -3%;
    font-size: 14px;
}

.age{
    color:#898989;
    margin-left:52%;
    margin-top: -3%;
    font-size: 14px;
}

.syuruipicinfo{
    color: orange;
    margin-top: 3%;
}

.size{
    color:#898989;
    margin-left:52%;
    margin-top: -3%;
    font-size: 14px;
}

.rank1{
    position: absolute;
    font-size: 1.5em;
    color: white;
    left:5%;
    top:1.2%;
    display:none;
}
.crown1{
    position: relative;
    left:-3%;
    
}

.rank2{
    position: absolute;
    font-size: 1.5em;
    color: white;
    left:5%;
    top:33.5%;
    display:none;
}
.crown2{
    position: relative;
    left:-3%;
    margin-top: 8%;
    
}

.rank3{
    position: absolute;
    font-size: 1.5em;
    color: white;
    left:5%;
    top:68%;
    display:none;
}
.crown3{
    position: relative;
    left:-3%;
    margin-top: 8%;
    
}

}

@media screen and (min-width:767px) and ( max-width:1024px) {
.card-container{
    display:flex;
    margin-left:25%;
}

.card-img img{
      border-radius: 2%;
}  
.syurui1{
    display:
    color: #898989;
    margin-left: 23%;
    margin-top: -15%;
    font-size: 14px;
}      
    
}/* End custom CSS */