@charset "UTF-8";
/* CSS Document */

.section_title{ font-size: 200%; font-weight: bold; border-left: solid 10px #808080; padding-left: 15px; margin-bottom: 2.0rem;}

.branch article{ margin-top: 2.0em; display: flex; align-items: center;}
.branch article *{ margin-top: 0;}
.branch article figure{ width: 240px; height: 160px; margin-right: 1.5em; background: no-repeat center center / cover;}
.branch article h3{ font-size: 108%;}
.branch article p{ margin: 0.5em 0 0 0; line-height: 1.5; font-size: 93%;}

@media screen and ( max-width: 480px ) {
  table,thead,tbody,tr,th,td{ display: block; width: 100% !important;}
  .branch article{ display: block;}
  .branch article figure{ width: 100%; height: auto; padding: 66.6% 0 0 0;}
}

.page_title_company{ margin: 0; padding: 0; display: flex; background: #000000; color: #FFFFFF; align-items: center;}
.page_title_company .image{ flex: 0 0 54%;}
.page_title_company .text{ flex: 0 0 46%; padding: 0 1em 0 1.5em; font-family: 'Noto Serif JP',"游明朝", serif;}
.page_title_company .image figure{ display: block; margin: 0; padding: 54% 0 0 0; background: url("../jpg/bg_page_title.jpg") no-repeat center center / cover;}
.page_title_company .text h2{ font-size: 158%;font-weight: normal;}
.page_title_company .text p{ margin: 1.0em 0 0 0; font-size: 100%; line-height: 1.9; }
@media screen and ( max-width: 480px ) {
  .page_title_company{ display: block;}
  .page_title_company .text{ padding: 1.0em;}
  .page_title_company .text h2{ font-size: 136%;}
}

.table_tr{ border: 1px #C0BFBF; border-style: solid none none solid; width: 100%;}
.table_tr th,
.table_tr td{ border: 1px #C0BFBF; border-style: none solid solid none; padding: 0.7em;}
.table_tr thead th{ text-align: center; font-weight: normal;}
.table_tr tbody td:nth-child(1){ font-weight: bold;}
.table_tr tbody img{ display: block; width: 170px; margin: 0 auto;}
@media screen and ( max-width: 480px ) {
  .table_tr{ border-top-width: 3px;}
  .table_tr thead{ display: none;}
  .table_tr tbody td::before{ display: block; color: #a8a8a8; font-size: 77%; font-weight: normal;}
  .table_tr tbody td:nth-child(1)::before{ content: '登録番号';}
  .table_tr tbody td:nth-child(2)::before{ content: '商願番号';}
  .table_tr tbody td:nth-child(3)::before{ content: '商標見本';}
  .table_tr tbody td:nth-child(4)::before{ content: '商標（検索用）';}
  .table_tr tbody td:nth-child(5)::before{ content: '登録日';}
  .table_tr tbody td:nth-child(5){ border-bottom-width: 3px;}
}

.history_block_title{ display: flex; align-items: center;}
.history_block_title *{ margin: 0;}
.history_block_title .terms{ margin-left: 1.0rem; padding-left: 1.0rem; border-left: solid 1px #808080; font-size: 136%;}
.history_block_title .update{ margin-left: auto;}

.table_hostory{ margin-top: 2.0rem; border-top: solid 1px #CCCCCC;}
.table_hostory th,
.table_hostory td{ margin: 0; padding: 1.5em 1.0em; border-bottom: solid 1px #CCCCCC;}
.table_hostory th{ white-space: nowrap; background: #F2F2F2;}
.table_hostory p{ margin-top: 1.0em;}
.table_hostory .pick th{ border-top: solid 4px #808080; background: none;}
.table_hostory .pick td{ border-top: solid 1px #808080;}

.sdgs{ margin-top: 1.0em; display: flex; gap: 0 2%; align-items: center; flex-wrap: wrap;}
.sdgs figure{ display: block; flex: 0 0 200px;}
.sdgs h3{ font-size: 228%;}
.sdgs p{ font-size: 171%; font-weight: bold; line-height: 1.5;}
.sdgs ul{ margin: 0.5em 0 0 0; font-size: 114%;}
.sdgs li{ padding-left: 1.0em; text-indent: -1.0em;}

@media screen and ( max-width: 480px ) {
  .sdgs figure{ flex: 0 0 49%;}
  .sdgs h3{ flex: 0 0 100%; font-size: 116%;}
  .sdgs p{ flex: 0 0 100%; font-size: 108%;}
  .sdgs ul{ font-size: 100%;}
  
}