/*ファーストビュー*/
#firstview{
	background-image: url("../image/contact.jpg");
    background-position:bottom;
}

/*contact.phpのcss*/
#contact{
    text-align:center;
}

#contact form{
    width:90%;
    margin:0 auto;
}

#contact .contacttext{
    margin-bottom:50px;
}

#contact .item{
    border-top:1px solid #ddd;
    padding:20px 0;
    display:flex;
}

.item .label{
    font-weight:bold;
    text-align:left;
    width:400px;
}

.item .input{
    width:600px;
    height:40px;
    background-color:#eaedf2;
    border:1px solid #ccc;
    border-radius:6px;
}

.item .textarea{
    width:600px;
    height:150px;
    background-color:#eaedf2;
    border:1px solid #ccc;
    border-radius:6px;

}

#contact .kakunin{
    margin:30px auto;
    padding:10px 0 10px 30px;
    background-color:#ebeae9;
    text-align:left;
    display:flex;
}

.kakunin .check{
    margin-right:20px;
}

#contact .btn{
    border:none;
    border-radius:6px;
    background-color:#404d9f;
    color:#fff;
    margin: 50px auto;
    padding:10px 20px;
    font-size:20px;
    font-weight:bold;
}

.required{
    color:#fff;
    background-color:#404d9f;
    font-weight:normal;
    padding:5px;
    border-radius:10px;
}

.unrequired{
    color:#fff;
    background-color:#888;
    font-weight:normal;
    padding:5px;
    border-radius:10px;    
}

/*　レスポンシブ（768px以下） */
@media screen and (max-width:768px){
    #contact form{
        width:90%;
    }
    #contact .item{
        margin:0 auto;
        flex-direction:column;
        align-items:flex-start;
    }
    #contact .label{
        margin: 20px 0;
    }
    #contact .kakunin{
        margin:30px 50px;
    }
    .item .input{
        width:100%;
    }
    .item .textarea{
        width:100%;
    }    
}


/*　レスポンシブ（400px以下） */
@media screen and (max-width:450px){
}