@charset "utf-8";
/* CSS Document */


/*-----------------------------------------------
houjin
-----------------------------------------------*/
#houjin {
margin-top: 25px;
padding: 4%;
background: rgba(255,255,255,0.9);
border-radius: 10px;
}
#houjin h2 {
margin-top: 30px;
padding: 0.75em;
font-size: 1.2em;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.1em;
color: #FFF;
background: #7FD3D1;
border-radius: 5px;
}
#houjin p {
margin-top: 10px;
}

ul.error {
margin-top:20px;
color:#D00;
}
ul.error li {
color:#D00;
}

#houjin table {
width:100%;
margin-top: 20px;
}
#houjin input[type=text],
#houjin textarea {
padding: 0.4em;
border:1px solid #999;
background: #FFF;
}
#houjin table th, #houjin table td {
padding: 10px;
border: 1px solid #999;
box-sizing: border-box;
}
#houjin table th {
width: 16.5em;
background-color: #F5F5F5;
}
#houjin table th span {
display: block;
float: right;
padding: 0.2em 0.5em;
font-size: 0.85em;
color: #FFF;
background: #E00;
}
#houjin table ul.type li {
padding: 3px 0;
}
#houjin table .mail,
#houjin table .address,
#houjin table .message {
width: 100%;
box-sizing: border-box;
}
#houjin div.btn_form {
display: flex;
justify-content: center;
width: 400px;
margin: auto;
margin-top: 20px;
text-align: center;
}
#houjin div.btn_form input {
margin: 0 1em;
padding: 1em 2em;
color: #FFF;
border-radius: 6px;
transition: 0.2s;
}
#houjin div.btn_form input:hover {
opacity: 0.8;
}
#houjin div.btn_form input.confirm,
#houjin div.btn_form input.send {
background: #00A8A4;
}
#houjin div.btn_form input.modify {
background: #999;
}