@charset "utf-8";
/* Urawakari Childcare1 */
@media screen and (min-width: 769px) {
    .factsChild1 .wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .factsChild1 .col1{width: 35%;}
    .factsChild1 .col2{width: 61%;}
}

.factsChild1 .item{background: #E4CFCF; border-radius: 8px;}
.factsChild1 .item1{display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; padding: 15px 0; margin: 0 0 5px;}
.factsChild1 .item1 p{position: relative; font-size: 2rem; line-height: 1; margin: 15px 10px;}
.factsChild1 .item1 span{display: inline-block; line-height: 1;}
.factsChild1 .item1 .txt{font-size: 1.2em;}
.factsChild1 .item1 .txt2{font-size: 1.95em; line-height: 0.8;}
.factsChild1 .item1 .txt3{position: absolute; font-size: 1rem; top: -0.5em; left: 1em;}
.factsChild1 .item1 .txt4{position: absolute; font-size: 1rem; top: 0; right: -0.5em;}

.factsChild1 .item2{margin: 15px 0 0 0; padding: 30px 15px;}
.factsChild1 .item2 figure{max-width: 394px; width: 100%; margin: 0 auto;}
.factsChild1 .item2 figure img{width: 100%;}
.factsChild1 .item2 figcaption{margin: 15px 0 0 0;}

@media screen and (max-width: 768px) {
    .factsChild1 .col1{margin: 0 0 30px;}
    
    .factsChild1 .item1{padding: 20px 0;}
    .factsChild1 .item1 p{margin: 0; text-align: center;}
    .factsChild1 .item1 p:nth-of-type(1){width: 100%; margin: 0 0 15px;}
}