.itdd{
border-collapse: separate;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
margin: 10px 0;
padding: 0;
text-align: left;
font-size: clamp(12px, 1.4vw, 14px);
}
.itdd th{
background-color: #EDEDED;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #292929;
font-weight: normal;
padding: 10px;
}
.itdd td{
border-bottom: 1px dotted #CCCCCC;
padding: 10px;
}
.itdd .non{
border-bottom: none !important;
}
.itdd2 tr{
border-bottom: 1px dotted #CCCCCC;
}
.itdd2 td, th {
padding: 5px 0px;
}
.imageop a:hover img{
opacity: 0.7; 
filter: Alpha(opacity=70); 
}
.itdd table.tables {
border: 1px solid #cccccc;
empty-cells: show;
}
.tables th {
border: 1px solid #cccccc;
padding: 10px;
text-align: left;
}
.tables td {
border: 1px solid #cccccc;
padding: 10px;
text-align: left;
vertical-align: top;
}
.tokusetsu {
padding-top: 30px;
padding-bottom: 10px;
}
.consent{
width: 20px;
height: 20px;
border: 1px solid #ccc;
appearance: checkbox;
}
.bot-area{
width: 150px;
border: 1px solid #cccccc;
}
.itdd select{
border: 1px solid #cccccc;
width: 350px;
}
.itdd input,
.itdd iframe,
.itdd textarea{
border: 1px solid #cccccc;
}
@media screen and (max-width:768px){
table{
width: 100%;
table-layout: fixed;
}
tbody,tr{
display: block;
width: 100%;
}
.itdd,th{
width: 100%;        
}
.itdd,th,td{
display: block;
}
.itdd select{
border: 1px solid #cccccc;
width: 200px;
}
iframe{
width: 100% !important;
}
}