@charset "utf-8";

/* ==========================================
会社概要
========================================== */

.company-wrapper01 {
    padding: 16rem 0 0;
}

.company-area01 {
    margin: 6rem 0 0;
}

.company-decoration01 {
    max-width: 109.8rem;
    width: 100%;
    top: -18rem;
    left: -61rem;
}

.company-decoration02 {
    max-width: 43.3rem;
    width: 100%;
    right: -7rem;
    bottom: -23rem;
}

.company-wrapper02 {
    padding: 19.5rem 0 0;
}

.company-decoration03 {
    max-width: 47.3rem;
    width: 100%;
    top: 17.8rem;
    left: -7.5rem;
}

.company-decoration04 {
    max-width: 57rem;
    width: 100%;
    right: -24.8rem;
    bottom: -0.7rem;
}

.company-area02 {
    margin: 8rem auto 0;
}

.company-card-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10rem 3.5%;
}

.company-card {
    width: 22.37%;
}

.company-card-img {
    aspect-ratio: 267/227;
    border-radius: 1.5rem;
    overflow: hidden;
}

.company-card-img > img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.company-card-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.44em;
    text-align: center;
    margin: 2rem 0 0;
}

.company-btn01 {
    margin: 8rem auto 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

    .company-wrapper01 {
	    padding: 8rem 0 0;
	}
	
	.company-area {
	    margin: 4rem 0 0;
	}

	.company-decoration01 {
	    max-width: 58.5rem;
	    top: -9rem;
	    left: -30rem;
	}
	
	.company-decoration02 {
	    max-width: 23rem;
	    right: -4rem;
	    bottom: -11.5rem;
	}

	.company-decoration03 {
        max-width: 29.5rem;
        top: 9rem;
        left: -4rem;
    }

	.company-decoration04 {
	    max-width: 30.2rem;
	    right: -13rem;
	    bottom: -0.35rem;
	}

	.company-wrapper02 {
	    padding: 10rem 0 0;
	}
	
	.company-area02 {
	    margin: 6rem 0 0;
	}
	
	.company-card-block {
	    gap: 6rem 3.5%;
	}
	
	.company-card {
	    width: 31%;
	}
	
	.company-card-title {
	    font-size: 2.2rem;
	    margin: 1.5rem 0 0;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

	.company-card {
	    width: 48.25%;
	}
	
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

	.company-card-title {
	    font-size: 2rem;
	}

	.company-card {
	    width: 100%;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */