/*infoテーブル*/
.info_table{
width: 95%;
border-collapse: collapse;
margin: 10px auto 60px;
}
.info_table th,.info_table td {
padding: 10px 15px;
border: 2px solid #ddd;
}
.info_table th {
background: #BEE7DF;
width: 30%;
text-align: left;
color: #167060;
}
.info_table td {
background: #fff;
}
.co_glay{
color: #707070;
}

/*infotextbox*/
.info_box{

}
.info_box input[type='text']{
width: 90%;
padding: 10px;
transition: 0.3s;
letter-spacing: 1px;
border: 1px solid rgba(222,242,247,1.00);
box-shadow: 1px 1px 2px 0 #707070 inset;
border-radius: 4px;
}
.gray_font{
color: #707070;
}
/*項目タイトル*/
label.itemname{
font-size: 100%;
font-weight: bold;
padding: 5px 0;
}
/*テキスト記入欄*/
.info_box textarea{
width: 90%;
padding: 7px;
letter-spacing: 1px;
border: 1px solid rgba(222,242,247,1.00);
box-shadow: 1px 1px 2px 0 #707070 inset;
border-radius: 4px;
}
.info_box input{
font-size: 17px;
}
.info_box textarea{
font-size: 17px;
}
.info_box textarea::placeholder{
font-size: 13px;
}
.info_box input:focus{
background: #d9f6ff;
color: #004782;
}
.info_box textarea:focus{
background: #d9f6ff;
color: #004782;
}
.info_box a{
font-size: 60%;
font-weight: 500;
color: dodgerblue;
text-decoration: none;
}
.must{
background: #DD4972;
color: #ffffff;
border-radius: 2px;
padding: 3px 5px;
font-size: 70%;
margin-right: 3px;
float: right;
}
.notmust{
background: #c59921;
color: #ffffff;
border-radius: 3px;
padding: 3px;
font-size: 70%;
margin-right: 3px;
float: right;
}
/*問い合わせ*/
.qq_box{
width: 95%;
margin: 0 auto;
}
@media screen and (max-width: 1000px){
.info_table th,.info_table td {
width: auto;
display: block;
border-top: none;
}
.info_table tr:first-child {
border-top: 1px solid #d5d5d5;
}
}
@media screen and (max-width: 789px){
.info_table{
width: 97%;
border-collapse: collapse;
margin: 10px auto 30px;
padding: 0 0 40px;
}
.info_table th,.info_table td {
padding: 10px 15px 30px;
}
}