@charset "UTF-8";

/* mobile 320-767px */

div#head {
    display: grid;
    grid-template-rows: 4fr;
    grid-template-columns: 120px 1fr;
    column-gap: 10px;
}

#head h1 {
    margin: 0;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
#head h1 img {
    max-width: 120px;
}
#head p {
    margin: 5px 0 0;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
#head nav{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    margin: 0;
}

#footer {
    background-color: #a03864;
    color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
}

#footer address {
    font-style: normal;
    font-size: 14px;
}

/* tablet 768-960px */
@media screen and (mix-width:768px) {
    
}

/* pc 961px- */
@media screen and (min-width: 961px) {
    
}