@font-face {
    font-family: 'Yu Gothic';
    font-style: normal;
    font-weight: 400;
    src: url("Yu Gothic Light.woff2") format('woff2');
}
/* pc */
@media (min-width: 1366px) {
    body{
        color: #3F6751;
        font-family :Yu Gothic;
    }


    #line {
        position: absolute;
        background-color: #3F6751;
        top: 6.95em;
        left: 0;
        height: 0.25em;
        width: calc(50% - 250px);;
        z-index: -1;
    }

    h1 {
        text-align: center;
        font-size: 6em;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 50;
    }

    h2 {
        position: relative;
        top: -35px;
        margin-top: 0;
        text-align: center;
        font-size: 2em;
        font-weight: 50;
    }

    img {
        width: 100%; 
        height: 300px;
        left: 10px;
        margin: 0;
        object-fit: cover;
    }

    #groupe {
        margin-top: 50px;
        margin-left: calc(100% - 250px);
    }

    a {
        color: #3F6751;
        font-weight: 50;
        font-size: 1.5em;
        text-decoration: none;
    }

    .ball {
        position: relative;
        top: 2px;
        display: inline-block;
        border-radius: 100%;
        background-color: rgb(98, 120, 102);
        height: 25px;
        width: 25px;
    }
}
/* tel */
@media (max-width: 1366px) {
    body{
        margin-top: 100px;
        color: #3F6751;
        font-family :Yu Gothic;
    }


    #line {
        position: absolute;
        background-color: #3F6751;
        top: 15.95em;
        left: 0;
        height: 0.3em;
        width: calc(50% - 350px);;
        z-index: -1;
    }

    h1 {
        text-align: center;
        font-size: 9em;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 50;
    }

    h2 {
        position: relative;
        top: -35px;
        margin-top: 0;
        text-align: center;
        font-size: 4em;
        font-weight: 50;
        margin-bottom: 80px;
    }

    img {
        width: 100%; 
        height: 500px;
        left: 10px;
        margin: 0;
        object-fit: cover;
    }

    #groupe {
        margin-top: 200px;
        margin-left: calc(100% - 500px);
    }

    a {
        color: #3F6751;
        font-weight: 50;
        font-size: 3.75em;
        text-decoration: none;
    }

    .ball {
        position: relative;
        top: 2px;
        display: inline-block;
        border-radius: 100%;
        background-color: rgb(98, 120, 102);
        height: 50px;
        width: 50px;
    }
}