@charset "utf-8";

/* ==========================================
サムズの原点
========================================== */

.info01-wrapper {
    padding: 18rem 0 15rem;
}

.info01-inner {
    max-width: 125rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.info01-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4rem 0 0;
}

.info01-img-block {
    max-width: 52rem;
    width: 36.61%;
}

.info01-text-block {
    max-width: 80rem;
    width: 56.33%;
}

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

.info02-wrapper {
    padding: 15rem 0;
}

.info02-inner {
    max-width: 125rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.info02-table {
    margin: 5rem 0 0;
}

.info02-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 6rem 0 0;
}

.info02-btn {
    max-width: 25rem;
}

.info02-logo {
    max-width: 72rem;
    flex: 1;
    margin: 0 0 0 4%;
}

/* ==========================================
特定商取引に関する法律に基づく表記
========================================== */

.info03-wrapper {
    padding: 15rem 0 0;
}

.info03-inner {
    max-width: 125rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.info03-table {
    margin: 5rem 0 0;
}

/* ==========================================
アクセスマップ
========================================== */

.info04-wrapper {
    padding: 18rem 0 0;
}

.info04-inner {
    max-width: 145rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.info04-table {
    margin: 5rem 0 0;
}

.info04-title-area {
    display: flex;
    align-items: center;
}

.info04-access {
    flex: 1;
    font-size: 0.9em;
    line-height: 1.38em;
    border-left: solid 0.1rem var(--gray);
    padding: 0 0 0 3rem;
    margin: 0 0 0 3rem;
}

.info04-map {
    width: 100%;
    height: 48rem;
    margin: 4rem 0 0;
}

.info04-map > iframe {
    width: 100%;
    height: 100%;
}

/* ==========================================
お問い合わせ
========================================== */

.contact-wrapper {
    padding: 18rem 0 16rem;
}

.contact-inner {
    max-width: 145rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.contact-frame {
    padding: 13rem 1.5rem;
}

.contact-frame-inner {
    max-width: 112rem;
    width: 100%;
    margin: auto;
}

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

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



}

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

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

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



}

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

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

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


	
}

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

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

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

    /* ==========================================
    サムズの原点
    ========================================== */
    
    .info01-wrapper {
        padding: 10rem 0;
    }
    
    .info01-area {
        display: block;
    }
    
    .info01-img-block {
        max-width: 100%;
        width: 100%;
    }
    
    .info01-text-block {
        max-width: 100%;
        width: 100%;
        margin: 3rem 0 0;
    }

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

    .info02-wrapper {
        padding: 10rem 0;
    }
    
    .info02-table {
        margin: 1rem 0 0;
    }

    .info02-area {
        flex-direction: column-reverse;
        margin: 4rem 0 0;
    }
    
    .info02-logo {
        max-width: 50rem;
        width: 80%;
        margin: 0 auto;
    }
    
    .info02-btn {
        margin: 4rem auto 0;
    }

    /* ==========================================
    特定商取引に関する法律に基づく表記
    ========================================== */

    .info03-wrapper {
        padding: 10rem 0 0;
    }
    
    .info03-table {
        margin: 1rem 0 0;
    }

    /* ==========================================
    アクセスマップ
    ========================================== */
    
    .info04-wrapper {
        padding: 10rem 0 0;
    }
    
    .info04-access {
        padding: 0 0 0 1.5rem;
        margin: 0 0 0 1.5rem;
    }
    
    .info04-map {
        height: 30rem;
        margin: 3rem 0 0;
    }

    /* ==========================================
    お問い合わせ
    ========================================== */
    
    .contact-wrapper {
        padding: 10rem 0;
    }
    
    .contact-frame {
        padding: 6rem 1.5rem;
    }
	
}

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

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

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



}

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

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

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



}

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