@charset "UTF-8";
/*--------------------------------------
margin & padding
--------------------------------------*/
.m-0 {
  margin: 0; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-60 {
  margin-top: 60px !important; }

.ml-0 {
  margin-left: 0px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-50 {
  margin-left: 50px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mr-60 {
  margin-right: 60px !important; }

.p-0 {
  padding: 0; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pr-60 {
  padding-right: 60px !important; }

@media screen and (max-width: 991px) {
  .mb-0_sp {
    margin-bottom: 0 !important; }

  .mb-5_sp {
    margin-bottom: 5px !important; }

  .mb-10_sp {
    margin-bottom: 10px !important; }

  .mb-20_sp {
    margin-bottom: 20px !important; }

  .mb-30_sp {
    margin-bottom: 30px !important; }

  .mb-40_sp {
    margin-bottom: 40px !important; }

  .mb-50_sp {
    margin-bottom: 50px !important; }

  .mb-60_sp {
    margin-bottom: 60px !important; }

  .mt-0_sp {
    margin-top: 0 !important; }

  .mt-5_sp {
    margin-top: 5px !important; }

  .mt-10_sp {
    margin-top: 10px !important; }

  .mt-20_sp {
    margin-top: 20px !important; }

  .mt-30_sp {
    margin-top: 30px !important; }

  .mt-40_sp {
    margin-top: 40px !important; }

  .mt-50_sp {
    margin-top: 50px !important; }

  .mt-60_sp {
    margin-top: 60px !important; }

  .ml-0_sp {
    margin-left: 0px !important; }

  .ml-5_sp {
    margin-left: 5px !important; }

  .ml-10_sp {
    margin-left: 10px !important; }

  .ml-20_sp {
    margin-left: 20px !important; }

  .ml-30_sp {
    margin-left: 30px !important; }

  .ml-40_sp {
    margin-left: 40px !important; }

  .ml-50_sp {
    margin-left: 50px !important; }

  .ml-60_sp {
    margin-left: 60px !important; }

  .mr-0_sp {
    margin-right: 0px !important; }

  .mr-5_sp {
    margin-right: 5px !important; }

  .mr-10_sp {
    margin-right: 10px !important; }

  .mr-20_sp {
    margin-right: 20px !important; }

  .mr-30_sp {
    margin-right: 30px !important; }

  .mr-40_sp {
    margin-right: 40px !important; }

  .mr-50_sp {
    margin-right: 50px !important; }

  .mr-60_sp {
    margin-right: 60px !important; }

  .pb-0_sp {
    padding-bottom: 0 !important; }

  .pb-5_sp {
    padding-bottom: 5px !important; }

  .pb-10_sp {
    padding-bottom: 10px !important; }

  .pb-20_sp {
    padding-bottom: 20px !important; }

  .pb-30_sp {
    padding-bottom: 30px !important; }

  .pb-40_sp {
    padding-bottom: 40px !important; }

  .pb-50_sp {
    padding-bottom: 50px !important; }

  .pb-60_sp {
    padding-bottom: 60px !important; }

  .pt-0_sp {
    padding-top: 0 !important; }

  .pt-5_sp {
    padding-top: 5px !important; }

  .pt-10_sp {
    padding-top: 10px !important; }

  .pt-20_sp {
    padding-top: 20px !important; }

  .pt-30_sp {
    padding-top: 30px !important; }

  .pt-40_sp {
    padding-top: 40px !important; }

  .pt-50_sp {
    padding-top: 50px !important; }

  .pt-60_sp {
    padding-top: 60px !important; }

  .size10_sp {
    font-size: 10px !important; }

  .size11_sp {
    font-size: 11px !important; }

  .size12_sp {
    font-size: 12px !important; }

  .size13_sp {
    font-size: 13px !important; }

  .size14_sp {
    font-size: 14px !important; }

  .size15_sp {
    font-size: 15px !important; }

  .size16_sp {
    font-size: 16px !important; }

  .size17_sp {
    font-size: 17px !important; }

  .size18_sp {
    font-size: 18px !important; }

  .size19_sp {
    font-size: 19px !important; }

  .size20_sp {
    font-size: 20px !important; } }
@media (min-width: 992px) {
  .mb-0_pc {
    margin-bottom: 0 !important; }

  .mb-5_pc {
    margin-bottom: 5px !important; }

  .mb-10_pc {
    margin-bottom: 10px !important; }

  .mb-20_pc {
    margin-bottom: 20px !important; }

  .mb-30_pc {
    margin-bottom: 30px !important; }

  .mb-40_pc {
    margin-bottom: 40px !important; }

  .mb-50_pc {
    margin-bottom: 50px !important; }

  .mb-60_pc {
    margin-bottom: 60px !important; }

  .mt-0_pc {
    margin-top: 0 !important; }

  .mt-5_pc {
    margin-top: 5px !important; }

  .mt-10_pc {
    margin-top: 10px !important; }

  .mt-20_pc {
    margin-top: 20px !important; }

  .mt-30_pc {
    margin-top: 30px !important; }

  .mt-40_pc {
    margin-top: 40px !important; }

  .mt-50_pc {
    margin-top: 50px !important; }

  .mt-60_pc {
    margin-top: 60px !important; }

  .ml-0_pc {
    margin-left: 0px !important; }

  .ml-5_pc {
    margin-left: 5px !important; }

  .ml-10_pc {
    margin-left: 10px !important; }

  .ml-20_pc {
    margin-left: 20px !important; }

  .ml-30_pc {
    margin-left: 30px !important; }

  .ml-40_pc {
    margin-left: 40px !important; }

  .ml-50_pc {
    margin-left: 50px !important; }

  .ml-60_pc {
    margin-left: 60px !important; }

  .mr-0_pc {
    margin-right: 0px !important; }

  .mr-5_pc {
    margin-right: 5px !important; }

  .mr-10_pc {
    margin-right: 10px !important; }

  .mr-20_pc {
    margin-right: 20px !important; }

  .mr-30_pc {
    margin-right: 30px !important; }

  .mr-40_pc {
    margin-right: 40px !important; }

  .mr-50_pc {
    margin-right: 50px !important; }

  .mr-60_pc {
    margin-right: 60px !important; }

  .pb-0_pc {
    padding-bottom: 0 !important; }

  .pb-5_pc {
    padding-bottom: 5px !important; }

  .pb-10_pc {
    padding-bottom: 10px !important; }

  .pb-20_pc {
    padding-bottom: 20px !important; }

  .pb-30_pc {
    padding-bottom: 30px !important; }

  .pb-40_pc {
    padding-bottom: 40px !important; }

  .pb-50_pc {
    padding-bottom: 50px !important; }

  .pb-60_pc {
    padding-bottom: 60px !important; }

  .pb-70_pc {
    padding-bottom: 70px !important; }

  .pb-80_pc {
    padding-bottom: 80px !important; }

  .pt-0_pc {
    padding-top: 0 !important; }

  .pt-5_pc {
    padding-top: 5px !important; }

  .pt-10_pc {
    padding-top: 10px !important; }

  .pt-20_pc {
    padding-top: 20px !important; }

  .pt-30_pc {
    padding-top: 30px !important; }

  .pt-40_pc {
    padding-top: 40px !important; }

  .pt-50_pc {
    padding-top: 50px !important; }

  .pt-60_pc {
    padding-top: 50px !important; } }
/***********************************************************
	temporary, remove later
***********************************************************/
.cc-window.cc-banner {
  display: none; }

.common-table-heading {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  word-break: keep-all;
  line-height: 1.4; }
  .common-table-heading tr.header th {
    border-bottom: 1px solid #454545; }
  .common-table-heading > th {
    font-size: 14px;
    background: #fff;
    padding: 7px 10px;
    font-weight: normal;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    position: relative; }

/***********************************************************
	ページ共通
***********************************************************/
/*旧CSS　一部流用*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.fontRed {
  color: #ff0000; }

.fontBold {
  font-weight: bold; }

.txtLeft {
  text-align: left !important; }

.txtCenter {
  text-align: center !important; }

.txtRight {
  text-align: right !important; }

.vTop {
  vertical-align: top; }

p.recokind2 {
  font-weight: bold;
  margin: 20px 0 0; }

/*table.registerTable2 {border-spacing: 7px 12px;}
table.registerTable2 tr{position: relative;}
table.registerTable2 tr .last::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -7px;
  left: 0;
  border-bottom: dashed #333 1px;
}*/
/*新デザイン用*/
input[type="text"],
input[type="checkbox"],
input[type="radio"],
input[type="password"],
input[type="email"],
select {
  padding: 8px;
  box-sizing: border-box;
  max-width: 100%; }

input[type="text"] {
  font-size: 16px; }

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
  border-radius: 0;
  appearance: none; }

input[type="checkbox"] {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  vertical-align: -5px;
  transition: 0.3s; }

input[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  transform: rotate(50deg);
  width: 5px;
  height: 9px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  opacity: 0;
  transition: 0.3s; }

input[type="checkbox"]:checked {
  background-color: #0065b4; }
  input[type="checkbox"]:checked::before {
    opacity: 1;
    border-right-color: #fff;
    border-bottom-color: #fff; }

input[type="radio"] {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -5px;
  transition: 0.3s;
  margin-right: 8px; }

input[type="radio"]::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  opacity: 0;
  transition: 0.3s; }

input[type="radio"]:checked {
  background-color: #0065b4;
  border-color: #0065b4; }

input[type="radio"]:checked::before {
  opacity: 1;
  background: #fff; }

[id^="PAT_FB_TblRepeat"] th,
[id^="PAT_FB_TblRepeat"] td {
  background-color: transparent; }

.for-sp {
  display: none !important; }

.for-pc {
  display: block !important; }

h1.page-title {
  font-size: 36px;
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
  line-height: 1.2; }
  h1.page-title::before {
    content: "";
    display: block;
    background-color: #0065b4;
    position: absolute;
    top: calc(50% + 2px);
    left: 0;
    width: 30px;
    height: 4px;
    transform: translateY(-50%); }

.monthly-title {
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  margin: 40px 0 10px 0; }
  .monthly-title a {
    color: #0065B4; }

.flex-justify {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 20px; }

/*ボタン*/
.btn-wrap {
  display: flex;
  flex-flow: wrap;
  gap: 10px;
  margin-top: 20px; }
  .btn-wrap.btn-wrap-center {
    justify-content: center; }
  .btn-wrap.btn-wrap-right {
    justify-content: flex-end; }
  .btn-wrap.mini .common-btn {
    font-size: 12px;
    width: auto;
    height: 30px;
    padding: 5px 30px 5px 5px;
    line-height: 1; }
    .btn-wrap.mini .common-btn::after {
      font-size: 14px;
      right: 5px; }
    .btn-wrap.mini .common-btn.btn-close::before {
      right: 10px; }

.common-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 55px;
  background-color: #ffffff;
  border: 2px solid #0065b4;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: #0065b4;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  position: relative;
  padding: 10px 10px;
  box-sizing: border-box; }
  .common-btn:hover {
    background-color: #ddeef2;
    color: #00028a; }
  .common-btn.icon-arrow::after {
    content: "→";
    font-size: 18px;
    color: #0065b4;
    transition: color 0.3s;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%); }
  .common-btn.btn-search {
    color: #0065b4;
    padding: 10px 20px 10px 10px; }
    .common-btn.btn-search::before {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      /*background-image: url(../../hp/common_image/system/icon_search_blue.svg);*/
      background-image: url("../images/icon_search_blue.svg");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); }
  .common-btn.btn-clear {
    border-color: #ddd;
    color: #454545 !important;
    width: 140px; }
    .common-btn.btn-clear::before {
      content: none; }
    .common-btn.btn-clear:hover {
      background-color: transparent;
      color: #474545;
      opacity: 0.7; }
  .common-btn.btn-close::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    /*background-image: url("../../hp/common_image/system/close.svg");*/
    background-image: url("../images/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%); }

/*テーブル*/
h2 + .common-table {
  margin-top: 20px; }

.common-table {
  border-collapse: separate;
  border-spacing: 7px;
  margin-top: 30px;
  width: 100%; }
  .common-table tr {
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict; }
  .common-table th,
  .common-table td {
    box-sizing: border-box;
    padding: 6px 10px; }
    .common-table th span.u-text-center,
    .common-table td span.u-text-center {
      display: block; }
    .common-table th a,
    .common-table td a {
      text-decoration-thickness: 2px;
      text-underline-offset: 4px; }
  .common-table th {
    background-color: #0065b4;
    width: 200px;
    color: #fff;
    text-align: center; }
    .common-table th a {
      color: #fff; }
  .common-table td {
    background: #f2f2f2;
    border: none;
    text-align: left; }
    .common-table td:has(.line) {
      background-color: transparent;
      padding: 0;
      position: relative;
      top: -8px; }
  .common-table .chas-toggle {
    color: #0065b4; }
  .common-table .line {
    border-bottom: 1px solid #ddd;
    line-height: 1; }
  .common-table.pattern-simple {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: unset; }
    .common-table.pattern-simple tr.header th {
      font-weight: bold;
      border-bottom: 2px solid #454545;
      text-align: left !important; }
    .common-table.pattern-simple > tbody > tr.header > th {
      background-color: #0065b4;
      color: #fff; }
    .common-table.pattern-simple th,
    .common-table.pattern-simple td {
      background-color: transparent;
      color: #454545;
      font-weight: normal;
      border-bottom: 1px solid #ddd; }
    .common-table.pattern-simple th {
      text-align: left !important; }
    .common-table.pattern-simple .normal {
      border-bottom: 1px solid #ddd; }
    .common-table.pattern-simple .is1 {
      border-bottom: 1px solid #f8f8f8;
      border-bottom: none;
      border-bottom: hidden;
      padding-bottom: 0; }
    .common-table.pattern-simple .is2 {
      /*border-top:1px solid #999;*/
      border-bottom: 1px solid #ddd;
      padding-top: 0; }
    .common-table.pattern-simple .is2n {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    .common-table.pattern-simple .chas_tn {
      text-align: left; }
    .common-table.pattern-simple .chas_cn {
      text-align: left;
      padding-left: 15px;
      padding-right: 5px;
      /*width:250px;*/ }
    .common-table.pattern-simple .chas_cn_dr {
      text-align: left;
      padding-left: 30px;
      padding-right: 5px; }
    .common-table.pattern-simple .chas_ddft {
      width: 170px; }
    .common-table.pattern-simple.table-th-bd-white tr.header th {
      border: 1px solid #fff; }
    .common-table.pattern-simple.table-bd tr.header th {
      border-bottom: 1px solid #ddd; }
    .common-table.pattern-simple.table-bd tr th:not(:last-child), .common-table.pattern-simple.table-bd tr th:only-child, .common-table.pattern-simple.table-bd tr td:not(:last-child), .common-table.pattern-simple.table-bd tr td:only-child {
      border-right: 1px solid #ddd; }
  .common-table.table-arrow th:hover a, .common-table.table-arrow th:hover .arrow::after {
    opacity: .7; }
  .common-table.table-arrow th a {
    transition: opacity 0.3s; }
  .common-table.table-arrow th .arrow::after {
    content: "→";
    font-size: 16px;
    margin-left: 0.5em;
    transition: transform 0.3s, opacity 0.3s;
    margin-top: 0;
    text-decoration: none; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: 100%;
    min-width: 600px;
    table-layout: fixed; }

/*プラグイン「ScrollHint」用*/
.js-scrollable {
  overflow-y: hidden !important;
  overflow-x: auto !important;
  margin-top: 30px; }
  .js-scrollable .common-table {
    margin-top: 0;
    min-width: 800px; }
  .js-scrollable .common-table tr {
    overflow-wrap: unset; }
    .js-scrollable .common-table tr th {
      text-align: center !important; }

/***********************************************************
	ポップアップ
***********************************************************/
#popup {
  padding: 0 10px; }

.popup-logo-block {
  margin-top: 10px; }
  .popup-logo-block .logo-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 10px;
    float: left; }
  .popup-logo-block .logo-area-name {
    margin-left: 4px; }
  .popup-logo-block .date-area {
    margin: 0;
    text-align: right;
    float: right; }

.popup-logo-text {
  margin-left: 4px;
  vertical-align: top; }

.popup-title-simple {
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 20px; }
  .popup-title-simple span {
    font-weight: normal; }

.popup-title-wrap {
    /*  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 15px 0;
  padding: 10px 0;*/
    text-align: center;
}

.popup-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0; }
  .popup-title + .condition-title {
    margin-top: 4px; }
  .popup-title + .popup-title {
    margin-top: 10px; }

.condition-title {
  color: #ff0000; }

.separator-line {
  border-top: 1px solid #ddd; }

/***********************************************************
	検索エリア
***********************************************************/
.search-block {
  border-bottom: solid 1px #ddd;
  padding-bottom: 48px;
  margin-top: 30px;
  /*a {
    color: #0032a0;
  }*/ }
  .search-block table th,
  .search-block table td {
    padding: 10px 10px;
    box-sizing: border-box; }
  .search-block table th {
    text-align: right; }
  .search-block .table-filter-elm th,
  .search-block .table-filter-elm td {
    padding: 5px; }
  .search-block.search-block--column2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; }
    .search-block.search-block--column2 table {
      margin-right: 30px; }

.search-inc-area > span {
  display: inline-block; }
  .search-inc-area > span:not(:last-child) {
    margin-right: 10px; }

.search-list-desc {
  box-sizing: border-box;
  width: 40%; }

.search-ships-block {
  box-sizing: border-box;
  width: calc(60% - 140px);
  background: #f2f2f2;
  padding: 20px;
  margin-top: 0; }
  .search-ships-block .common-btn {
    width: calc(50% - 5px); }

/***********************************************************
	検索一覧
***********************************************************/
#result.win_small {
  max-width: 900px;
  margin: auto; }
#result .common-table + h2 {
  margin-top: 40px; }
#result a .head-left {
  transition: 0.3s opacity;
  text-decoration: underline; }
#result a:hover .head-left {
  opacity: 0.7; }

.head-left {
  margin-right: 10px;
  line-height: 1.6em; }

.area-ano {
  line-height: 1.3; }
  .area-ano strong {
    font-size: 75%; }

.result-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px; }

.result-text {
  font-size: 18px; }

#result .list .common-table + .result-list-title {
  border-top: solid 1px #ddd; }

.result-list-title {
  line-height: 1.5em;
  color: #0065b4;
  text-align: left;
  font-size: 24px;
  margin: 1rem 0;
  padding: 1rem 0.5rem 0 0; }
  .result-list-title + .common-table {
    margin-top: 20px; }
  .result-list-title a {
    display: flex;
    flex-flow: wrap;
    text-decoration: none; }
    .result-list-title a:hover::after {
      transform: translateX(10px); }
    .result-list-title a::after {
      content: "→";
      font-size: 24px;
      margin-left: 0.5em;
      transition: transform 0.3s;
      margin-top: 0; }
  .result-list-title .nameOfShip {
    color: #454545;
    font-weight: normal; }
  .result-list-title .head-left {
    font-weight: bold; }

#dataList .common-table {
  border-bottom: solid 1px #ddd;
  margin-top: 20px;
  padding-bottom: 20px; }

/***********************************************************
	メディアクエリ
***********************************************************/
@media screen and (max-width: 768px) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  select {
    width: 100%; }

  .for-sp {
    display: block !important; }

  .for-pc {
    display: none !important; }

  h1.page-title {
    font-size: 28px;
    margin-bottom: 30px; }

  h2 {
    font-size: 24px; }

  .popup-title {
    font-size: 18px; }

  .flex-justify {
    display: block; }

  .btn-wrap {
    justify-content: center; }
    .btn-wrap.btn-wrap--sp-column {
      flex-direction: column;
      align-items: center; }

  .result-list-title {
    font-size: 20px; }

  table.sp-table-column th,
  table.sp-table-column td {
    display: block;
    width: 100%; }

  #result.win_small table.sp-table-column th {
    text-align: center; }

  .search-block.search-block--sp-column table th,
  .search-block.search-block--sp-column table td {
    text-align: left;
    display: block;
    width: 100%; }

  .search-list-desc {
    width: 100%; }

  .search-ships-block {
    width: 100%; }
    .search-ships-block .common-btn {
      width: calc(50% - 5px); }

  .head-left {
    float: none; }

  .area-ano {
    padding-left: 0; }

  .result-area {
    display: block; } }





.cerficate-table th {
    width : auto;
}

.cerficate-table th:nth-child(1),
.cerficate-table td:nth-child(1) {
    width: 245px;
}

.cerficate-table th:nth-child(2),
.cerficate-table td:nth-child(2),
.cerficate-table th:nth-child(3),
.cerficate-table td:nth-child(3) {
    width: 105px;
}

.cerficate-table th:nth-child(n+4):nth-child(-n+6),
.cerficate-table td:nth-child(n+4):nth-child(-n+6) {
    width: 115px;
}



.survey-table th {
    width: auto;
}

.survey-table th:nth-child(1),
.survey-table td:nth-child(1) {
    width: 300px;
}

.survey-table th:nth-child(2),
.survey-table td:nth-child(2) {
    width: 270px;
}
.survey-table th:nth-child(3),
.survey-table td:nth-child(3) {
    width: 165px;
}
.survey-table th:nth-child(4),
.survey-table td:nth-child(4) {
    width: 165px;
}


.cg-table th:nth-child(1),
.cg-table td:nth-child(1) {
    width: 400px;
}

.cg-table th:nth-child(2),
.cg-table td:nth-child(2) {
    width: 160px;
}

.cg-table th:nth-child(3),
.cg-table td:nth-child(3) {
    width: 150px;
}

.cg-table th:nth-child(4),
.cg-table td:nth-child(4) {
    width: 150px;
}