@charset "utf-8";
.report_search .hide { display: none!important; }

.report_search_cond_line input{
    all: revert;
    box-sizing: border-box;
    border: solid 1px #000;
    border-radius: 20px;
    padding: 10px;
}
.report_search_cond_line select{
    all: revert;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 15px;
}

.report_search_cond_line small{
    font-size: 80%;
}

.report_search_cond_content {
    background: #a3c4e6;
    color: #000;
}

@media screen and (min-width:550px) {
    .report_search_cond_line {
        display: flex;
        align-items: center;
    }
}
.report_search_cond_line {
    padding: 15px 0;
    border-top: solid 1px #000;
}
.report_search_cond_line:first-child {
    border-top: none;
}

.report_search_cond_line > span {
    flex: 0 0 150px;
    font-weight: bold;
}

.report_search_cond_line  div.report_search_cond_container {
    flex-grow: 1;
}

.report_search_cond_chk_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.report_search_cond_chk_wrap {
    white-space: nowrap;
    margin: 0 3px;
}

.report_search_cond_input_container input {
    width: 100%;
}

.report_search_cond_input_container input::placeholder {
  color: #999;
}

.report_search_cond_line2 .report_search_cond_line {
    border-top: solid 1px #000;
    flex-grow: 1;
}


@media screen and (min-width:950px) {
    .report_search_cond_line2 {
        display: flex;
        gap: 50px;
    }
}


.report_search_result_count_line {
    color: var(--color-base);
    font-weight: bold;
}

.report_search_result_count_line span{
    font-size: 200%;
}

.report_search_result_count_line::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background-color: var(--color-base);
    border-radius: 999px;
}


.report_search_result_container .report_search_result_line{
    padding: 24px 0;

}

.report_search_result_container .report_search_result_line a.report_search_result_link {
    display: block;
    color: var(--color-text_gray);
    background: url(../images/ico_pdf.svg) no-repeat left top 7px / 22px;
    padding-left: 40px;
}
.report_search_result_container .report_search_result_line span.report_search_result_link {
    display: block;
    color: var(--color-text_gray);
    padding-left: 40px;
}


.report_search_result_container .report_search_result_line  {
    border-bottom: 1px solid var(--color-btn_gray);
}

.report_search_result_container .report_search_result_line:last-child  {
    border-bottom: none;
}

.report_search_result_container .report_search_result_line  .report_search_result_title {
    font-size: 120%;
    font-weight: bold;
}

.report_search_result_container .report_search_result_line  .report_search_result_types {
    padding: 10px 0 10px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.report_search_result_container .report_search_result_line  .report_search_result_types span{
    padding: 3px 10px;
    border: solid 1px var(--color-base);
    border-radius: 15px;
    color: var(--color-base);
    font-size: 90%;
    line-height: 1;
}


.report_search_result_pager {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 20px 0;
}

.report_search_result_pager a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.report_search_result_pager span.current{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  border: solid 1px #000;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.icon-prev {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

.icon-first {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 8px;
}

.icon-first::before,
.icon-first::after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

.icon-first::before {
  left: 0;
}

.icon-first::after {
  left: 5px;
}

.icon-next {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}

.icon-last {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 8px;
}

.icon-last::before,
.icon-last::after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}

.icon-last::before {
  left: 0;
}

.icon-last::after {
  left: 5px;
}

.report_serch_button_container {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 30px 0;
}
.report_serch_button_container .report_serch_button{
    display: block;
    padding: 8px 0;
    color: #fff;
    border-radius: 999px;
    text-align: center;
    font-weight: bold;
}


.report_serch_button_container .report_serch_button01{
    background-color: var(--color-base);
    width: 200px;
    background-image: url(../images/ico_search.svg);
    background-repeat:  no-repeat ;
    background-position: right 15px top 12px;
    background-size: 20px;
}

.report_serch_button_container .report_serch_button02{
    background-color: #000;
    width: 100px;
}

.report_serch_button_container .report_serch_button03{
    background-color: #000;
    width: 160px;
    padding: 0;
}

.report_serch_button_container .report_serch_button04{
    background-color: #000;
    width: 100px;
    padding: 0;
}

@media screen and (min-width:700px) {
    .report_serch_field_button_box {
        display: flex;
        gap: 0 5px;
    }
}
.report_serch_field_button_box .report_serch_button_container{
    display: inline-block;
    padding: 0;
}

.report_search_cond_field_container .report_search_cond_field_title {
    font-weight: bold;
    color: var(--color-base);
    border-bottom: solid 2px var(--color-base);
    margin-top: 10px;
}

.report_search_cond_field_container .report_search_cond_field_list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

.report_search_cond_field_container .report_search_cond_field_list .comment_mark {
    font-size: 10px;
}

.report_search_cond_field_container .report_search_cond_field_comment {
    margin-top: 10px;
    font-size: 80%;
}


#selected_field {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
}
#selected_field span{
    font-size: 90%;
    color:var(--color-base);
    font-weight: bold;
}