@charset "utf-8";

/* ==================================================================

    concept.css

=================================================================== */


/* --------------------------------
■conceptBox
-------------------------------- */ 

.conceptBox{
    dt{
        margin-bottom: 30px;

        p:first-child{
            margin-bottom: 42px;
        }
    }

    dd{
        p{
            line-height: 2.56;
        }
    }

}

/* --------------------------------
mind
-------------------------------- */ 
#mind{

    p.sign{
        font-size: 1.5rem;
        line-height: 1.5;
        font-weight: 500;
        margin-top: 38px;

        @media only screen and
        (max-width : 767px) {
            margin-top: 24px;
        }

        > em{
            font-size: 2.8rem;
            font-weight: 500;
            margin-left: 0.2em;

            @media only screen and
            (max-width : 767px) {
                font-size: 2.0rem;
            }
        }
    }

    .awardBox{
        position: relative;
        margin-top: 76px;

        @media only screen and
        (max-width : 767px) {
            margin-top: 40px;
            width: 94%;
            margin-inline: auto;
        }

        .container{
            background: #1C1C1C;
            color: #fff;
            padding: 60px 76px;
            gap: 0 80px;

            @media only screen and
            (max-width : 767px) {
                padding: 16vw 4vw;
                gap: 0 4vw;
            }

            .title{
                font-size: 2.3rem;
                line-height: 2;
                letter-spacing: 0.5em;
                font-weight: 500;
                text-align: left;
            }
            
        }
    }

    .mindPhoto{
        margin-top: 76px;

        img{
            width: 100%;
            height: auto;
            display: block;
        }

        @media only screen and
        (max-width : 767px) {
            margin-top: 40px;
        }
    }

}

/*
--------------------------------
beyond
-------------------------------- */ 
#beyond{
    margin-top: 0;
}