@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;
            }

            .awardList{
                margin-top: 0px;
                dl{
                    dt{
                        font-size: 1.7rem;
                        margin-bottom: 5px;
                    }
                    dd{
                        ul{
                            li{
                                font-size: 1.4rem;
                                color: #CDCDCD;
                            }
                        }
                    }

                    & + dl{
                        margin-top: 28px;
                    }
                }
            }
            
        }
    }

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

