@charset "utf=8";

/* ==========================================
about01
========================================== */

.title-box {
    text-align: center;
}

.about01-text-box, .about01-img-box {
    margin: 6rem auto 0;
}

/* ==========================================
about02
========================================== */

.about02-text-box {
    margin: 6rem auto 0; 
    text-align: center;
}

.about02-contents {
    margin: 10rem auto 0;
}

.about02-contents .row-contents:nth-child(n+2) {
    margin: 6rem auto 0;
}

.about02-contents .row-contents:nth-of-type(2n) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.about02-img, .about02-text-area {
    max-width: 61rem;
    width: 48%;
}

.about02-title-block h3 {
    padding: 0 .3rem;
}

.about02-text-block {
    padding: 0 .3rem;
    margin: 3.5rem 0 0;
}

/* ==========================================
about03
========================================== */

.about-link-frame {
    max-width: 100rem;
    width: 100%;
    margin: 0 auto;
}

.in-link {
    max-width: 50rem;
    width: 48%;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}

.in-link.mask-primary:after {
    background: var(--mask-primary);
}

.in-link:hover .in-link-img img {
    transition: all .3s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.in-link-img {
    position: relative;
    width: 100%;
    min-height: 300px;
}

.in-link-img img {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    max-height: 100%;
    height: 100% !important;
    max-width: 100%;
    width: 100%;
    margin: auto;
    object-fit: cover;
    transition: all .3s;
}

.in-link-title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 80%;
    margin: auto;
    z-index: 5;
}

.en-link-title01 {
	font-family: var(--font-family01);
	font-size: 4rem;
	letter-spacing: 0.05em;
    line-height: 1.46em;
}

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

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

}

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

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

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

}

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

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

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


        
}


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

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

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

    /* ==========================================
    about01
    ========================================== */

    .about01-text-box, .about01-img-box {
        margin: 4rem auto 0;
    }

    /* ==========================================
    about02
    ========================================== */

    .about02-text-box {
        margin: 4rem auto 0; 
    }

    .about02-contents {
        margin: 4em auto 0;
    }

    .about02-contents .row-contents:nth-child(n+2) {
        margin: 4rem auto 0;
    }

    .about02-contents .row-contents:nth-of-type(2n) {
        flex-direction: column;
    }

    .about02-img {
        width: 100%;
    }

    .about02-text-area {
        width: 100%;
        margin: 2.5rem auto 0;
    }

    .in-link {  
        width: 100%;
    }

    .in-link:nth-child(n+2) {
        margin: 2.5rem auto 0;
    }

}

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

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

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

    


}

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