*{
    box-sizing: border-box;
}
html,body{
    margin : 0;
    padding : 0;
}
header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    padding : 2rem 2rem 1rem 2rem;
}
header > img.logo{
    max-height : 8rem;
}
header > a.goto-top
{
    color : #FFFFFF;
    background-color: rgb(59 180 193);

    text-decoration: none;
    padding : 1rem;

    user-select: none;
}

body{		
    background-color: #f0f2f9;
    font-family: "Noto Sans JP",sans-serif;
    font-size : 16px;		
}

main{
    color : #FFFFFF;
    background: linear-gradient(0deg,#048998,#3bb4c1);
    padding : 2rem 0;
}
footer{
    padding : 2rem 2rem 1rem 2rem;
}
footer section{
    margin : 1rem 0;
}
footer img.logo{
    width : 4rem;
}
footer a{
    text-decoration: none;
    color : #000000;
}

h1{
    margin : 0;
    padding : 0;

    text-align: center;
    font-size : 3rem;
}
h1 > hr{
    margin : 0;
    padding : 0;
    border : none;
    height : 0.1rem;
    background-color: #FFFFFF;
}
h2{
    font-weight: normal;
    margin : 0;
}

article.content{
    max-width : 800px;
    margin: 0 auto;
    padding : 0 1rem;
}

.message{
    margin : 1rem 0;
}

#inquiry dl{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

    width : 100%;

    margin : 0;
    padding :0;
}
#inquiry dt,
#inquiry dd{
    margin : 0 0 1rem 0;
    padding : 0;
}
#inquiry dt{
    width : 25%;		
}
#inquiry dd{
    width : 75%;
}

#inquiry input,
#inquiry select{
    width : 100%;
    height : 100%;
    font-size : 1rem;

    padding : 0.25rem;
}

#inquiry textarea{
    width : 100%;
    height : 8rem;

    padding : 0.5rem;
}

input#send-button{
    width : 12rem;
    display: block;
    margin: 0 auto;

    padding : 0.5rem 0;
    border : none;

    color : #3bb4c1;
    background-color: #FFFFFF;

    font-size : 1.2rem;

    cursor: pointer;
    user-select: none;
}

.notice{
    margin-top : 1rem;
    text-align: center;
    font-size : 0.7rem;
}

@media (orientation: portrait){
    #inquiry dt{
        width : 100%;
        margin-bottom : 0.25rem;
    }
    #inquiry dd{
        width : 100%;
    }
}