@charset "utf-8";
/* Point */
.point-item{display: flex; align-items: center; flex-wrap: wrap; width: 100%; margin: 0 0 100px;}
.point-item:last-of-type{margin: 0;}

.point-video{overflow: hidden; line-height: 0;}
.point-video video{width: 100%;}

.point-tit{font-size: 3rem; line-height: 1.445; margin: 0 0 0.8em;}
.point-tit span{font-size: 2.2rem; display: block; line-height: 1.185; margin: 0 0 0.6em;}

.point-desc{font-size: 1.8rem; line-height: 2;}

@media screen and (min-width: 769px){
    .point-video{width: 55.5%;}
    .point-outer{width: 44.5%; padding: 0 min(5vw,100px);}
    .point-inner{max-width: 475px;}
    
    .point-item:nth-of-type(2n+1) .point-video{border-radius: 0 0 50px 0;}
    .point-item:nth-of-type(2n) .point-video{border-radius: 0 0 0 50px;}
    .point-item:nth-of-type(2n) .point-outer{display: flex; justify-content: flex-end;}
}

@media screen and (max-width: 768px){
    .point-item{margin: 0 0 60px;}
    .point-video{width: calc(100% - 20px); order: -1;}
    .point-outer{width: 100%; padding: 30px 20px 0;}
    
    .point-tit{font-size: 2.4rem;}
    .point-tit span{font-size: 2rem;}
    
    .point-desc{font-size: 1.6rem;}
    
    .point-item:nth-of-type(2n+1) .point-video{border-radius: 0 0 28px 0;}
    .point-item:nth-of-type(2n) .point-video{border-radius: 0 0 0 28px; margin-left: 20px;}
}