/* sanitize.cssをインポートしてもh1とpはmarginが残る */
h1, h2, p {
    margin: 0;
}

.icon{
    height: 16px;
    width: 16px;
    margin-left: 8px;
}


@media screen and (max-width: 960px) {
    body{
        max-width: 960px;
        height: 640px;   
        margin: 0 5vw;
    }
    
    header .header_container{
        height: 80px;
        display: flex;
        background-color: bisque;
    }
    
    header .header_container h1{
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 16px;
        padding: auto 0;
        font-size: 28px;
    }
    
    .pc-nav{
        margin-right: 16px;
        margin-left: auto;
        padding: auto 0;
    }
    
    header ul{
        line-height: 40px;
        display: flex;
    }
    
    p{
        text-align: center;
    }
    
    h2 {
        width: 60vw;
        border-bottom: 2px solid;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
    }
    
    .textbox{
        width: 340px;
        padding:auto;
        margin-right: auto;
        margin-left: auto;
    }
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
    header ul{
        display: inline-block;
        margin-top: 0;
    }

    .textbox{
        display: block;
    }
    textarea{
        margin-right: auto;
        margin-left: auto;
    }
    h2{
        font-size: 16px;
    }
}