@charset "shift_jis";
/* Updated 2026/03/31.T */
/* Updated 2025/03/17.T */
/* ----------------------------------
common
---------------------------------- */
body {
  overflow: hidden;
}
#containment-area {
  margin-bottom: 0;
}
#footer-content {
  margin-top: 0;
}
/* ----------------------------------
parts
---------------------------------- */
.sec-inr01 {
  max-width: 1028px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .sec-inr01 {
    padding: 0 18px;
  }
}
.mt10 {
  margin-top: 10px!important;
}
@media screen and (max-width: 767px) {
  .sp-mt10 {
    margin-top: 10px !important;
  }
  .sp-mt20 {
    margin-top: 20px !important;
  }
}
.btn-type01.-large01.-orange01 {
  background: #ff5f04;
}
@media screen and (min-width: 768px) {
  .btn-type01.-large01.-orange01 >.inner {
    min-height: 65px;
  }
}
.btn-type01.-large01.-orange01.icon-link01>.inner::after {
  background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) 0 0 / cover no-repeat;
}
.tx-gray {
  color: #56635f !important;
}
.tx-green {
  color: #006444;
}
.tx-green02 {
  color: #017A4F;
}
.tx-orange {
  color: #EE7800;
}
.tx-orange02 {
  color: #E95501;
}
.tx-black {
  color: #000;
}
.tx-yellow {
  color: #FDDA67;
}
.tx-red {
  color: #C83030;
}
.bg-gray01 {
  background: #e5edea!important;
}
.bg-green01 {
  background: #80a398!important;
}
.list-circle01>.item::before {
  background: #56635F;
}
/* ----------------------------------
kv-area
---------------------------------- */
.kv-area {
  position: relative;
  padding: 57px 0 70px;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_bg_kv_01.png) no-repeat center #f5f9e6;
}
@media screen and (max-width: 767px) {
  .kv-area {
    padding: 0;
    background-image: none;
  }
}
/* ----------------------------------
read-area
---------------------------------- */
.read-area {
  position: relative;
  padding-top: 30px;
  background: #f5f9e6;
}
@media screen and (max-width: 767px) {
  .read-area {
    padding-top: 24px;
  }
}
.read-area .sec-inr01 {
  position: relative;
  padding-bottom: 98px;
}
@media screen and (max-width: 767px) {
  .read-area .sec-inr01 {
    padding-bottom: 80px;
  }
}
.read-area .sec-inr01::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -275px;
  width: 269px;
  height: 213px;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_08.svg) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .read-area .sec-inr01::before {
    left: 3px;
    width: 148px;
    height: 117px;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  .read-area .txt-blk {
    display: flex;
    justify-content: space-between;
  }
}
.read-area .txt-blk {
  position: relative;
}
@media screen and (min-width: 768px) {
  .read-area .txt-blk::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -52px;
    left: -226px;
    width: 88px;
    height: 101px;
    background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_03.svg) no-repeat;
    background-size: 100% 100%;
  }
}
.read-area .txt-blk::after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  right: -244px;
  width: 88px;
  height: 101px;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_03.svg) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .read-area .txt-blk::after {
    top: inherit;
    bottom: 23px;
    right: 0;
    width: 56px;
    height: 64px;
  }
}
@media screen and (min-width: 768px) {
  .read-area .txt-blk .left-txt {
    width: 54%;
  }
}
.read-area .txt-blk .left-txt .bold-txt {
  margin-top: 19px;
}
@media screen and (max-width: 767px) {
  .read-area .txt-blk .left-txt .bold-txt {
    margin-top: 29px;
  }
}
.read-area .txt-blk .left-txt .bold-txt span {
  position: relative;
  border-bottom: 8px solid #b7c900;
  margin: 0 1.1em;
}
@media screen and (max-width: 767px) {
  .read-area .txt-blk .left-txt .bold-txt span {
    border-bottom: 6px solid #b7c900;
  }
}
.read-area .txt-blk .left-txt .bold-txt span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.1em;
  width: 1em;
  height: 100%;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_02.svg) center center / contain no-repeat;
}
.read-area .txt-blk .left-txt .bold-txt span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1.1em;
  width: 1em;
  height: 100%;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_02.svg) center center / contain no-repeat;
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .read-area .txt-blk .img01 {
    max-width: 150px;
    width: 100%;
    margin: 32px auto 0;
  }
}
.read-area .point-blk {
  position: relative;
  margin-top: 126px;
}
@media screen and (max-width: 767px) {
  .read-area .point-blk {
    margin-top: 119px;
  }
}
@media screen and (max-width: 767px) {
  .read-area .point-blk::before {
    content: "";
    display: block;
    position: absolute;
    top: -65px;
    left: 11px;
    width: 56px;
    height: 64px;
    background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_03.svg) no-repeat;
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 768px) {
  .read-area .point-blk [class*="point-box0"] {
    min-height: 288px;
  }
}
.read-area .point-blk [class*="point-box0"] {
  position: relative;
  padding: 80px 24px 16px 20px;
  background: #fff;
  border-radius: 30px;
  border: 6px solid #c6de78;
}
@media screen and (max-width: 767px) {
  .read-area .point-blk [class*="point-box0"] {
    padding: 80px 30px 24px 30px;
  }
}
@media screen and (max-width: 320px) {
  .read-area .point-blk [class*="point-box0"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .read-area .point-blk [class*="point-box0"]:not(:first-child) {
    margin-top: 90px;
  }
}
.read-area .point-blk [class*="point-box0"] .point-img {
  position: absolute;
  top: -69px;
  left: 50%;
  transform: translateX(-50%);
}
.read-area .point-blk .point-txt02,
.read-area .point-blk .point-txt03 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
.read-area .point-blk .point-txt02 .label-mark02.-green01,
.read-area .point-blk .point-txt03 .label-mark02.-green01 {
  background: #f5f9e6;
}
.read-area .point-blk .point-box03 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .read-area .point-blk .point-box03::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    right: -140px;
    width: 176px;
    height: 112px;
    background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_07.svg) no-repeat;
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .read-area .point-blk .point-box03::before {
    bottom: -25px;
    right: -60px;
  }
}
/* ----------------------------------
tab-area
---------------------------------- */
.tab-area {
  background: #f5f9e6;
}
.tab-area .bg-area {
  padding: 80px 0 137px;
  background: #fffcf2;
  border-radius: 100px 100px 0 0;
}
@media screen and (max-width: 767px) {
  .tab-area .bg-area {
    padding: 40px 0 80px;
    border-radius: 50px 50px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .tab-area .bg-area .ttl02 {
    width: 88%;
    margin: 0 auto;
  }
}
.tab-area .bg-area .tab-block03 {
  margin-top: 40px;
  background: #fffcf2;
}
.tab-area .bg-area .tab-block03>.wrap {
  padding-top: 44px;
}
.tab-area .bg-area .tab-block03.-full01>.list {
  max-width: 100%;
  background: #fff;
  border-radius: 60px;
  border: 4px solid #e2efbc;
}
@media screen and (max-width: 767px) {
  .tab-area .bg-area .tab-block03.-full01>.list {
    border-radius: 24px;
  }
}
.tab-area .bg-area .tab-block03>.list::before {
  background-color: #006444;
}
.tab-block03>.list>.item {
  max-width: 500px;
}
.tab-area .bg-area .tab-block03>.list>.item>.switch {
  color: #56635F;
}
@media screen and (max-width: 767px) {
  .tab-area .bg-area .tab-block03>.list>.item>.switch {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tab-area .bg-area .tab-block03>.list::before {
    border-radius: 20px;
  }
}
.tab-area .bg-area .tab-block03>.list>.item>.switch[aria-selected=true] {
  color: #fff;
}
.tab-area .card-normal02 {
  border: none;
  border-radius: 30px;
}
.tab-area .card-normal02>.inner>.header {
  background: #e2efbc;
  border-radius: 30px 30px 0 0;
}
@media screen and (max-width: 767px) {
  .tab-area .card-normal02>.inner>.header {
    padding: 21px 24px;
  }
}
.tab-area .card-normal02>.inner>.header>.title>.inner {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .tab-area .card-normal02>.inner>.header>.title>.inner {
    font-size: 20px;
  }
}
.tab-area .card-normal02>.inner>.body {
  padding: 19px 39px 29px;
  border-radius: 0 0 30px 30px;
}
@media screen and (max-width: 767px) {
  .tab-area .card-normal02>.inner>.body {
    padding: 20px 19px 35px;
  }
}
.tab-area .card-normal02 .list-num02>.item>.mark,
.tab-area .card-normal02 .list-num02>.item>.child>.title>.mark {
  background: #004831;
}
.tab-area .table-type01>tbody>tr>td,
.tab-area .table-type01>tbody>tr>th,
.tab-area .table-type01>thead>tr>td,
.tab-area .table-type01>thead>tr>th {
  padding: 8px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .tab-area .table-type01>tbody>tr>td,
  .tab-area .table-type01>tbody>tr>th,
  .tab-area .table-type01>thead>tr>td,
  .tab-area .table-type01>thead>tr>th {
    padding: 10px;
    font-size: 16px;
  }
}
.tab-area .list-notice01>.item {
  padding-left: calc(2em + 5px);
}
.tab-area .list-notice01>.item>.mark {
  width: 2em;
}
.table-type01.-calc01>tbody>.row:last-child {
  border-top: 4px double #d5dedb;
}
.table-type01.-calc01>thead>tr>th:last-child {
  border-top: 4px solid #e95501;
}
.table-type01.-calc01>thead>tr>th:last-child,
.table-type01.-calc01>tbody>tr>td:last-child {
  border-left: 4px solid #e95501;
}
.table-type01.-calc01>tbody>tr:last-child>td:last-child {
  border-bottom: 4px solid #e95501;
}
.table-type01.-calc01 {
  border-right: 4px solid #e95501;
}
/* ----------------------------------
flow-area
---------------------------------- */
.flow-area {
  padding: 90px 0 80px;
  background: #f5f9e6;
}
@media screen and (max-width: 767px) {
  .flow-area {
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .flow-area .sec-inr01 {
    padding: 0 8px;
  }
}
.flow-area [class*="flow-wrap0"] {
  margin-top: 40px;
  padding: 40px 30px 30px;
  background: #e2efbc;
  border-radius: 60px;
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] {
    margin-top: 40px;
    padding: 20px 16px 17px;
    border-radius: 30px;
  }
}
.flow-area [class*="flow-wrap0"] .ttl03 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: bold;
  color: #004831;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] .ttl03 {
    display: block;
    font-size: 24px;
  }
}
.flow-area [class*="flow-wrap0"] .ttl03 .mark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49px;
  height: 49px;
  margin-top: .3em;
  margin-right: 16px;
  color: #fff;
  font-size: 28px;
  background: #004831;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] .ttl03 .mark {
    width: 45px;
    height: 45px;
    margin: 0 auto;
  }
}
.flow-area [class*="flow-wrap0"] [class*="flow-box0"] {
  margin-top: 28px;
  padding: 30px 40px 38px;
  background: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] {
    margin-top: 56px;
    padding: 30px 22px 20px;
  }
}
.flow-area [class*="flow-wrap0"] [class*="flow-box0"]:not(:last-child) {
  position: relative;
}
.flow-area [class*="flow-wrap0"] [class*="flow-box0"]:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -59px;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  height: 30px;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_10.svg) no-repeat;
  background-size: 100% 100%;
}
.flow-area [class*="flow-wrap0"] [class*="flow-box0"]:not(:first-child) {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"]:not(:first-child) {
    margin-top: 105px;
  }
}
@media screen and (min-width: 768px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .top-blk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.flow-area [class*="flow-wrap0"] [class*="flow-box0"] .top-blk {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .top-blk .step-txt {
    min-width: 210px;
    margin-left: -60px;
    margin-right: 21px;
  }
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .top-blk .step-txt {
    width: 65%;
    margin: -55px auto 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .top-blk .ttl-txt {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk {
    display: flex;
    justify-content: flex-start;
  }
}
.flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk {
  position: relative;
  margin-top: 21px;
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk .left-blk {
    min-width: 140px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk .left-blk {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk .left-blk .img01 {
    width: 26%;
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .flow-area [class*="flow-wrap0"] [class*="flow-box0"] .bottom-blk .left-blk .txt01 {
    width: 70%;
  }
}
.flow-area .flow-wrap01 {
  position: relative;
}
.flow-area .flow-wrap01::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -59px;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  height: 30px;
  background: url(/kojin/kaigaiservice/gaikokusoukin/asiacrossborder/en/imgs/index_img_10.svg) no-repeat;
  background-size: 100% 100%;
}
.flow-area .flow-wrap02 {
  margin-top: 80px;
}
/* ----------------------------------
att-area
---------------------------------- */
.att-area {
  padding: 80px 0;
  background: #fffcf2;
}
@media screen and (max-width: 767px) {
  .att-area {
    padding: 40px 0;
  }
}
/* ----------------------------------
qa-area
---------------------------------- */
.qa-area {
  padding: 80px 0;
  background: #f5f9e6;
}
@media screen and (max-width: 767px) {
  .qa-area {
    padding: 80px 0;
  }
}
.qa-area .qa-cont01 .column-layoutB2 {
  max-width: 660px;
  width: 100%;
  margin: 38px auto 0;
}
.qa-area .qa-cont01 .column-layoutB2 li {
  min-height: 227px;
}
.qa-area .qa-cont01 .column-layoutB2 a.card-tile02:not(.icon-link01):not([href$=pdf]):not([class*=fn-blank])::after {
  display: none;
}
.qa-area .qa-cont02 {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .qa-area .qa-cont02 {
    margin-top: 64px;
  }
}
.modal-block01 .card-modal01 {
    background: #f5f9e6;
}
.top-label01 {
  padding: 12px 0;
  background-color: #E2EFBC;
  color: #004831;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top-label01  {
    font-size: 1.6rem;
  }
}