@charset "UTF-8";
/*=======================================
ABOUT
=========================================*/

.operating-organization {
   font-family: 'ヒラギノ角ゴ ProN', sans-serif;
}

.o-block:nth-child(n + 2) {
   margin-top: 68px;
}

 .o-block .o-block_titl {
    background-color: #043885;
    color: #fff;
    font-size: 25px;
    padding: 10px 25px;
    margin-bottom: 30px;
    font-family: "Hiragino Mincho Pro", sans-serif;
 }

 .o-block .o-block_titl span {
   font-size: 20px;
 }

 .o-block .o-block_table {
    color: #043885;
    border-top: 1px solid #043885;
    /* border-left: 1px solid #043885; */
    margin-bottom: 32px;
 }

 .o-block .o-block_table .obt-tr {
   border-left: 1px solid #043885;
 }

 .o-block .o-block_table tr .le {
   border-left: 1px solid #043885;
 }

 .o-block .o-block_table th,
 .o-block .o-block_table td {
    /* color: #043885; */
    text-align: center;
    width: 130px;
    padding: 5px 0;
    border-bottom: 1px solid #043885;
    border-right: 1px solid #043885;
 }

 /* .o-block .ob-table-a th {
   width: calc(100% / 8);
 } */

 /* .o-block .ob-table-b th {
   width: calc(100% / 3);
 } */

 /* .o-block .ob-table-c th {
   width: calc(100% / 7);
 } */

 .o-block .o-block_table th {
    background-color: #F7FAFF;
 }

 .o-block .o-block_table .th-border_no {
   border: none;
   background-color: initial;
 }

 .o-block .o-block_table td {
    background-color: #fff;
 }

 .o-block .o-block-p1 {
   margin-bottom: 32px;
 }

 .o-block .operating-ul {
    color: #043885;
    font-weight: bold;
 }

 .o-block .operating-ul li {
    margin-bottom: 5px;
    display: flex;
 }

 .o-block .operating-ul span {
    margin-right: 20px;
 }

 /* .o-block .operating-ul .oper-li-p {
   text-indent: 1em;
 } */

 .pdf-button { 
   position: relative;
   max-width: 500px;
   margin-bottom: 60px;
}

.pdf-button .pdf::before,
.pdf-button .pdf::after {
   content: "";
   display: inline-block;
   background-size: contain;
   position: absolute;
}

 .pdf-button .pdf::before {
   width: 30px;
   height: 31px;
   background: url("../img/organization/mark-adobe.png") no-repeat;
   left: 147px;
   top: 26px;
 }

 .pdf-button .pdf::after {
   width: 9px;
   height: 18px;
   background: url("../img/organization/sankaku0b.png") no-repeat;
   right: 55px;
   top: 35px;
 }

 .o-block .o-block_titl .obt-sp {
   display: none;
 }

 /* .o-block .o-block_table{
   display: block;
 } */

 .o-block .ob-table_sp {
   display: none;
 }

 .o-block .tablepress {
  width: 100%;
  table-layout: fixed;
 }

 .o-block .tablepress .column-1,
 .o-block .tablepress .column-2 {
  width: 130px;
 }

 /* .o-block .tablepress .column-3 {
  width: 130px;
 } */

 .o-block .row-1 td {
  /* width: 130px; */
  text-align: center;
  font-weight: bold;
  color: #043885;
 }

 .o-block .row-2 td {
  width: 130px;
 }

 .o-block .tablepress caption { display: none;}

 .table_of_officers {
   display: flex;
   margin-bottom: 32px;
   /* flex-wrap: wrap;
   justify-content: right;
   width: 1040px; */
 }

 .officers {
  flex-wrap: wrap;
    justify-content: right;
    width: 1050px;
 }

 .table_of_officers .tof-li {
    width: 130px;
    text-align: center;
    border-top: 1px solid #043885;
    border-bottom: 1px solid #043885;
    border-left: 1px solid #043885;
 }

 .table_of_officers .tof_b:nth-last-child(-n+3) {
   border-top: 0;
 }

 .table_of_officers .tof_b:nth-child(8), 
 .table_of_officers .tof_b:nth-child(16) {
  border-right: 1px solid #043885;
 }


 .table_of_officers .tof-li:last-child {
  border-right: 1px solid #043885;
 }

 .table_of_officers .tof-li .name,
 .table_of_officers .tof-li .title {
  color: #043885;
  padding: 5px 0;
 }

 .table_of_officers .tof-li .title {
   background-color: #F7FAFF;
   font-weight: bold;
   border-bottom: 1px solid #043885;
 }

 .table_of_officers .tof-li .name {
   background-color: #fff;
 }

/* ----------------------------- スマホ（～767px） */

@media screen and (max-width: 767px) {
  .l-pagetitle .paget-content .pagetitle-wrap {
   width: 100%;
   padding-bottom: 0 ;
  }

  .operating-organization {
   padding: 0 15px;
  }

  .pdf-button .pdf::before {
   left: 69px;
   top: 8px;
 }

 .pdf-button .pdf::after {
   right: 20px;
   top: 15px;
 }

 .o-block:nth-child(n + 2) {
   margin-top: 34px;
 }

 .pdf-button {
   margin-bottom: 30px;
 }

 .o-block .o-block_titl {
   font-size: 2.117rem;
 }

 .o-block .o-block_titl span {
   font-size: 18px;
 }

 .o-block .o-block_titl .obt-sp {
   display: block;
 }

 .o-block .ob-table_sp {
   width: 100%;
   /* border: 1px solid #043885; */
   color: #043885;
   border-top: 1px solid #043885;
   border-right: 1px solid #043885;
   display: inline-table;
   margin-bottom: 24px;
 }

 .o-block .ob-table_sp th,
 .o-block .ob-table_sp td {
   border-bottom: 1px solid #043885;
   border-left: 1px solid #043885;
 }

 .o-block .ob-table_sp th {
   background-color: #F7FAFF;
   padding: 7px 0;
 }

 .o-block .ob-table_sp td {
   background-color: #fff;
   text-align: left;
   padding-left: 20px;
 }

 .o-block .o-block_table {
   display: none;
 }

 .o-block .o-block-p1 {
   line-height: 30px;
 }

 .o-block .operating-ul li {
   margin-bottom: 11px;
 } 

 .o-block .operating-ul li p {
   line-height: 27px;
 }

 .table_of_officers { 
  display: block;
 }

 .table_of_officers .tof-li {
  width: 100%;
    display: flex;
    border-bottom: 0;
    border-right: 1px solid #043885;
 }

 .table_of_officers .tof-li:last-child {
  border-bottom: 1px solid #043885;
 }

 .table_of_officers .tof-li .title,
 .table_of_officers .tof-li .name {
  width: calc(100% / 2);
 }

 .table_of_officers .tof-li .title {
  border-bottom: 0 ;
  border-right: 1px solid #043885;
 }

 .officers {
  width: 100%;
 }

}

/* ----------------------------- タブレット */
@media screen and (min-width: 768px) and (max-width: 1200px) {

  .officers {
    width: 936px;
  }

  .table_of_officers .tof-li {
    width: 117px;
  }
}

