@charset "utf-8";
/* Urawakari Living2 */

.factsLiving2 .row1 {display: flex;justify-content: flex-start;align-items: center;column-gap: 48px;flex-wrap: wrap;margin-bottom: 28px;}
.factsLiving2 .row2{margin-bottom: 60px;}
.factsLiving2 .row2 .box-chart{background: #ffffff;}
.factsLiving2 .box-chart{position: relative;border-radius: 17px;padding: 30px 0;}
.factsLiving2 .box-chart .tpl-figure{width: fit-content;margin: 0 auto;overflow: unset;}
.factsLiving2 .note{position: absolute;right: 0;top: 100%;padding: 8px 0 8px 0;line-height: 1.6;}
.factsLiving2 .note.note-in{top: unset;bottom: 0;text-align: right;padding: 8px 16px 8px 0;}
.factsLiving2 .row3{margin-bottom: 40px;}
.factsLiving2 .row3 .box-chart .box-chart__inner{display: flex; justify-content: center;align-items: center;column-gap: 75px;}
.factsLiving2 .row3 .box-chart .box-chart__inner .title2{text-align: center;line-height: 1.6;}
.factsLiving2 .row3 .box-chart .box-chart__inner .desc{font-size: 1.6rem;margin-bottom: 15px;}
.factsLiving2 .row3 .box-chart .box-chart__inner .colL{display: flex;column-gap: 50px;}


@media screen and (min-width: 769px) {
    .factsLiving2 .box-chart{background: #ffffff; position: relative;border-radius: 17px;padding: 30px 0;}
    .factsLiving2 .row3 .box-chart .box-chart__inner .desc{margin-bottom: 15px;}
}

@media screen and (max-width: 768px) {
    .urawaFacts .title2{font-size: min(4.55vw, 1.8rem);}
    .factsLiving2 .row2 {margin-bottom: 20px;}
    .factsLiving2 .row2 .box-chart{padding: 20px 8px 60px;}
    .factsLiving2 .row2 .box-chart .tpl-figure .tpl-caption{bottom: -20px;padding-right: 8px;}
    .factsLiving2 .row3 .box-chart .box-chart__inner .desc{font-size: 1.8rem;}
    .factsLiving2 .row3 .box-chart .box-chart__inner{flex-direction: column;align-items: flex-start;}
    .factsLiving2 .row3 .box-chart .box-chart__inner .colR{order: -1;margin-bottom: 35px;width: 100%;}
    .factsLiving2 .row3 .box-chart .box-chart__inner .colL{background:#ffffff; width: 100%;padding: 30px 20px 50px;border-radius: 17px; justify-content: center;gap: 20px;}
    .factsLiving2 .row3 .note {width: 100%;top:unset;bottom: 0;text-align: center;padding-right: 0; transform: translateY(-65%);letter-spacing: 0.06em;}
}

@media screen and (max-width: 480px) {

}