@charset "utf-8";
/* Urawakari Access1 */
.factsAccess1 .wrap > .cap {
    margin-top: 50px;
}
.urawaHead .illus{text-align: left;margin-left: -20px;}

@media screen and (min-width: 769px) {
    .urawaHead .title{text-align: center;}
    .urawaHead .txt{text-align: center;}
    .factsAccess1 .wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .factsAccess1 .col1{width: 35%;}
    .factsAccess1 .col1 .title2 {margin: 20px 0 60px;}
    .factsAccess1 .col1 .illus-relative {position: relative;left: -23%;}
    .factsAccess1 .col2{width: 61%;}
    .factsAccess1 .col2 .tpl-stack[data-columns="2"] {column-gap: 15px;row-gap: 15px;}
    .factsAccess1 .col2 .tpl-stack .tpl-card:nth-of-type(1) img {max-width: 218px;}
    .factsAccess1 .col2 .tpl-stack .tpl-card:nth-of-type(2) img {max-width: 218px;}
    .factsAccess1 .col2 .tpl-stack .tpl-card:nth-of-type(3) img {max-width: 213px;}
    .factsAccess1 .col2 .tpl-stack .tpl-card:nth-of-type(4) img {max-width: 220px;}
}

@media screen and (max-width: 768px) {
    .factsAccess1 .col1 {
        margin: 0 0 30px;
    }

    .factsAccess1 .col2 .illus {
        max-width: 178px;
        margin-left: auto;
    }

    .factsAccess1 .col2 .tpl-stack .tpl-card {
        max-width: 300px;
    }

    .factsAccess1 .col2 .swiper-wrapper{align-items: flex-end !important;}

}


@media screen and (max-width: 480px) {
    .urawaHead .illus {
        text-align: left;
        margin-left: 0vw;
    }
}