body h2 {
   margin-bottom:60px;
}

body h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
}

/* �����t�H�[��   */

.form_box {
     display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.form_box form {
  width:48%;
}

.search-form-2 {
    display: flex; 
    flex-wrap:wrap;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
}

.search-form-2 span.search_title,
label.search_title {
    display:inline-block;
    width:175px;
    font-weight: bold;
    font-size:18px;
    letter-spacing: 1px;
}       

.search-form-2 span.search_title {
   width:180px;
}      

.search-form-2 span.sub_txt {
    font-size: 15px;
    padding-top: 5px;  
}

.search-form-2 input {
    width: 250px;
    height: 45px;
    padding: 5px 15px;
    border: none;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 1em;
    outline: none;
}


.search-form-2 input::placeholder {
    color: #333333;
} 

.search-form-2 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 45px;
    border: none;
    border-radius: 0 3px 3px 0;
    background-color: #000;
    cursor: pointer;
}

.search-form-2 button::after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.select_input {
   width: 250px;
    height: 45px;
    padding: 5px 15px;
    border: none;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 1em;
    outline: none;
}

input.i_submit {
  width: 50px;
    height: 45px;
    border: none;
    border-radius: 0 3px 3px 0;
    background-color: #000;
    cursor: pointer;
    color: #fff;
}

.other_linkbox {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 50px;
}       

.other_linkbox.result_page {
   margin-bottom:50px;
}     

.other_linkbox.result_page.last {
   margin-top:60px;
}

.other_linkbox a {
    padding: 20px;
    padding-right:60px;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.5px;
    position:relative;
}             

.dli-caret-circle-fill-right {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    position: relative;
    width: 20px;
    height: 20px;
    border: 0.075em solid currentColor;
    background: currentColor;
    border-radius: 50%;
    box-sizing: content-box;
}          

.dli-caret-circle-fill-right::before {
    content: '';
    color: #CC130D;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.3em 0.55em;
    border-left-color: currentColor;
    border-right: 0;
    transform: translateX(15%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
*, *::before, *::after {
    box-sizing: border-box;
}

.other_linkbox a .dli-caret-circle-fill-right {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}


/*  �������ʃe�[�u��  */



.accordion-data {
    max-width: 100%;
    margin-bottom: 7px;
    border: 2px solid #333;
    border-radius: 5px;
}  

.accordion-data summary {
    display: flex;
    justify-content: flex-start;
    column-gap: 20px;
    align-items: center;
    position: relative;
    padding: 0.8em 2em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20style%3D%22fill%3A%23162d5a%3B%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: right calc(2em - 7px) center;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #333;
    font-weight: 600;
    font-size:1.2em;
    cursor: pointer;
}

.accordion-data summary::-webkit-details-marker {
    display: none;
}

.accordion-data summary::before,
.accordion-data summary::after {
    position: absolute;
    right: calc(2em + 2.5px);
    width: 3px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
    content: '';
}

.accordion-data summary::before {
    rotate: 90deg;
}

.accordion-data summary::after {
    transition: rotate .3s;
}

.accordion-data[open] summary::after {
    rotate: 90deg;
}

.accordion-data > div {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-data[open] > div {
    transform: none;
    opacity: 1;
}          

.cont_area table {
    margin: 30px 0;
    width: 100%; 
    border-collapse: separate;
    border-spacing: 1.5px;
}   

.cont_area table th,table td{
  padding: 20px;
}               

.cont_area table th {
  background-color:#333;
  color:#fff;
}

.cont_area tr:nth-child(odd){
  background-color: #ececece6
}    

.cont_area table td a {
    color: #333;
    text-decoration: underline;
}

.cont_area .data_text_box {
    margin-bottom:30px;
}  

.cont_area .data_text_box p.data_text {
    font-size: 1.2em;
    font-weight: bold;
}   

.cont_area .data_text_box span.title {
    font-weight:normal;
}    


.cont_area .archive_bnr {
    display: block;
    margin-top: 120px;
    width: 55%;
}


@media only screen and (max-width: 768px) { 

  body h2 {
     padding-top:0;
  }      
  
  body h3 {
     font-size:1.1em;
  }
  
  .select_input {
     width:80%;
  }

  input.i_submit {
     width:20%;
  }  
  
  .search-form-2 span.search_title, 
  label.search_title {
      width:100%; 
      padding-bottom:10px;
  }          
  
  .form_box form {
      width:100%;
      flex-wrap:wrap;
  }           
  
  .search-form-2 input {
     width:80%;
  }         
  
  .search-form-2 button {
     width:20%;
  }      
  
  .other_linkbox {
     gap:20px;
  }
  
  .other_linkbox a {
     font-size:15px;
     padding:15px;  
     width: 100%;
  }      
  
  .cont_area .data_text_box p.data_text {
     font-size:1em;
  }    
  
  .accordion-data summary {
      padding: 0.8em 0.5em;
    font-size: 1em;   
    flex-wrap:wrap;
  }          
  
  .accordion-data > div {
     padding:0.2em 0.5em;
  }
  
  .cont_area table {
     margin-top:10px;
  }         
  
  .cont_area tr.head {
      display:none;
  } 
  
  .cont_area table td {
     display:block;
     padding: 10px;
    border-bottom: 0px solid #b7b7b7;
  }        
  
  .cont_area table td:first-child {
      background-color:#000;
      color:#fff;
      text-align:center; 
      border-bottom:none;
  }      
  
  .cont_area table td:first-child a {
        color:#fff;
  }
  
  .cont_area table td:last-child  {
     border-bottom:none;
  } 
  
  .cont_area .archive_bnr {
    margin-top: 80px;
    width: 100%;
  }

}