/*Apply Google Font*/
body {
    font-family: 'Noto Sans JP', sans-serif;
}

/*Header*/

/*Tablets and Desktop*/
@media (min-width: 521px){
    .company-header{
        height: 500px;
    }
}
/*Smartphone*/
@media (max-width: 520px){
    .company-header{
        height: 250px;
    }
}

.company-header{
    background-size: cover;
    background-position: center center;
    background-image: url("./imgs/ecompany-header.png");

}


/*Greeting*/

/*Tablets and Desktop*/
@media (min-width: 521px){
    .profile-photo {
        width: 25vw;
    }
}
/*Smartphone*/
@media (max-width: 520px){
    .profile-photo{
        width: 60vw;
    }
}


/*Company Information*/

table{
    width: 80vw;
}

table, th, td {
    border: 1px solid;
}

th{
    background-color:beige;
}



/*Location*/

iframe{
    width: 80vw;
    aspect-ratio: 16/9;
}


/*Contact Form*/

#contact-form form{
    width: 80vw;
}

#mail-while-sending-message{
    display: none;
    width: 80vw;
}

#mail-success-message{
    display: none;
    width: 80vw;
}

/*Footer*/

footer{
    background-color:beige;
}