@charset "utf-8";

/* 共通table設定 */
.rzf-table01{ 
width: 100%;
border-collapse: collapse;
}
.rzf-table01 th, .rzf-table01 td{
padding: 10px;
text-align: left;
border: 1px solid #ddd;
}
.rzf-table01 thead th{font-weight: bold;}
.rzf-table01 th:first-child, .rzf-table01 td:first-child {background: #f4f4f4;}
@media screen and (max-width: 767px) {
.rzf-table01 th, .rzf-table01 td{
padding: 5px;
font-size: 0.9em;
}
}

.rzf-table02{ 
width: 100%;
border-collapse: collapse;
}
.rzf-table02 tr{border: 1px solid #bfbfbf;}
.rzf-table02 thead th{
font-size: 1.2em;
text-align: center;
color: #fff !important;
background: #999;
}
.rzf-table02 th, .rzf-table02 td{
padding: 10px;
text-align: left;
}
.rzf-table02 th{
width: 25%;
background: #eee;
}
.rzf-table02 td{
text-align: left;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.rzf-table02 th, .rzf-table02 td{padding: 0.5em;}
.rzf-table02 th{width: 35%;}
}

.rzf-table03{ 
width: 100%;
border-collapse: collapse;
}
.rzf-table03 th, .rzf-table03 td{
padding: 10px;
text-align: left;
border: 1px solid #ddd;
}
.rzf-table03 tr:nth-child(even){
background-color: #fafafa;
}
@media screen and (max-width: 767px) {
.rzf-table03 th, .rzf-table03 td{
display: block;
width: 100%;
border-bottom: none;
}
.rzf-table03 {border-bottom: 1px solid #ddd;}
}

.rzf-table04{ 
width: 100%;
border-collapse: collapse;
}
.rzf-table04 thead {font-weight: bold;}
.rzf-table04 th, .rzf-table04 td{
padding: 10px;
text-align: left;
line-height: 1.8;
border: 1px solid #ddd;
}
.rzf-table04 th{background: #eee;}

@media screen and (max-width: 767px) {
.rzf-table04 thead th{
color: #fff;
background-color: #777;
padding: 12px 10px;
font-size: 1.1em;
text-align: center;
}
.rzf-table04 th, .rzf-table04 td{
display: block;
width: 100%;
border-bottom: none;
}
.rzf-table04 {border-bottom: 1px solid #ddd;}
}

.rzf-table05{ 
width: 100%;
border-collapse: collapse;
}
.rzf-table05 thead {
background: #eee;
font-weight: bold;
}
.rzf-table05 th, .rzf-table05 td{
padding: 10px;
text-align: left;
border: 1px solid #ddd;
}
.rzf-table05 tr:nth-child(even){
background-color: #fafafa;
}
@media screen and (max-width: 767px) {
.rzf-table05 thead {display: none;}
.rzf-table05 th, .rzf-table05 td{
display: block;
width: 100%;
padding: 7px;
border: none;
}
.rzf-table05 tr {border: 1px solid #ddd;}
.rzf-table05 tr td:nth-child(1), .rzf-table05 tr th:nth-child(1){padding-bottom: 0;}
.rzf-table05 tr td:nth-child(2){padding-top: 0;}
}

.rzf-table06{
width: 100%;
margin-bottom: 1em;
}
.rzf-table06 th, .rzf-table06 td{
padding: 10px;
border: 1px solid #ddd;
text-align: center;
vertical-align: middle;
}
.rzf-table06 th{
font-weight: 600;
color: #fff;
background-color: var(--primary-color);
}

.rzf-table-half{
width: 100%;
margin: 1.5em auto;
}
.rzf-table-half p{margin-bottom: 0!important;}
.rzf-table-half thead th {
padding: 12px 12px;
border: 1px solid #d3d3d3;
font-size: 1.1em;
font-weight: bold;
color: #fff;
background-color: var(--primary-color);
}
.rzf-table-half tbody th, .rzf-table-half tbody td{
width: 50%;
padding: 7px 12px;
border: 1px solid #d3d3d3;
vertical-align: middle;
}
.rzf-table-half tbody th{text-align: right;}
.rzf-table-half tbody td{
text-align: left;
color: var(--primary-color);
font-weight: bold;
}
.news-article .second-body .body .rzf-table-half th p, .news-article .second-body .body .rzf-table-half td p{margin-bottom: 0!important;}

@media screen and (max-width: 450px){
.rzf-table-half thead th {font-size: 1em;}
.rzf-table-half tbody th{
width: 70%;
font-size: 0.9em;
}
.rzf-table-half tbody td{
width: 30%;
font-size: 0.9em;
text-align: center;
}
}

/* 共通dl設定 */
.rzf-dl01{
display: flex;
flex-wrap: wrap;
margin: 2.0em 0 !important;
line-height: 1.8;
}
.rzf-dl01 > dt{
width: 130px;
padding: 0.8em 0.2em;
border-bottom: 1px solid #ccc;
}
.rzf-dl01 > dd{
width: calc(100% - 130px);
padding: 0.8em 0.2em;
border-bottom: 1px solid #ccc;
}
.rzf-dl01 > dd > dl > dt{
font-size: 1.2em;
font-weight: bold;
margin-top: 2em;
}
.rzf-dl01 > dd > dl > dt:first-child{ margin-top: 0; }
.rzf-dl01 > dd > dl > dd{ margin-bottom: 1em; }

.rzf-dl01 > dd > dl > dd > dl > dt{
font-size: 1.0em;
font-weight: 500;
margin-top: 1em;
/*font-weight: bold;*/
}
.rzf-dl01 > dd > dl > dd > dl > dt::before{
content: "■" ;
margin-right: 0.2em;
}
.rzf-dl01 > dd > dl > dd > dl > dd{ margin-bottom: 0.7em; }

@media screen and (max-width: 767px) {
.rzf-dl01 > dt{
width: 100%;
padding: 0.4em 0.5em;
color: #fff !important;
background-color: #aaa;
border-bottom: none;
font-size: 14px;
}
.rzf-dl01 > dd{
width: 100%;
padding: 0.8em 0.5em;
border-bottom: none;
font-size: 14px;
}
}