@charset "UTF-8";
/**  PAGE - EXPORT -----*/
#biz_export #biz_map { background-image: url(../img/export/bg_export_map.svg);}
#export-business #biz_map,
[id^="prod_"] #biz_map { background-image: url(../img/en/bg_EN-import-export_map.svg);}
.page-ttl-export  { background-image: url(../img/export/ttl.jpg);}
.page-ttl-export-business  { background-image: url(../img/en/ttl_export.jpg);}
/* target */
.target-now {
  display: flex;
  align-items: center;
  gap:24px; 
}
.target-now__head {
  display: block;
  min-width: 80px;
  height: 80px;
  color: #002a5c;
  border-radius:50%;
  border: solid 1px;
  text-align: center;
  line-height: 80px;
}
.target-now__list li + li { margin-top: 8px;}

.card-triangle {
  grid-template-columns: 1fr;
  background: url("../img/nav/card-triangle.svg")top left/80px no-repeat;
  box-shadow: 1px 1px 3px #ddd;
  padding: 32px 24px 24px;
}
.card-triangle .col-2 { gap:16px 24px;}
.card .icon-arrow-list {
  display: grid;
  gap:16px;
}

/* record */
.export-record { grid-template-columns: repeat(2, 1fr);}
.export-record__item {
  display: flex;
  flex-direction: column;
  gap:24px;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 48px;
  padding-top: 16px;
}
.export-record__item p { font-size:.96666em;}
@media (max-width: 768px) {.content.export-record {gap:24px;}}
@media (max-width: 649px) {
  .target-now { flex-direction: column;}
  .export-record {grid-template-columns:1fr;}
}