@charset "utf-8";

/*---------------
 color override
-----------------*/
/* override
++++++++++++++++++++++++++++++++++++++++ */
.l-container {
  font-family: "Roboto", "Subset-NotoSansJP", Meiryo, sans-serif;
  font-feature-settings: 'palt';
  color: var(--color-rich-black);
}
.m-note-list-v2 > li,
.m-note-order-list-v2 li {
  color: #848484;
}
.u-link {
  color: #0067c3;
}
@media print, screen and (min-width: 768px) {
  h1.m-figure__frame img {
    border-radius: 8px;
  }
}

.hero-img { overflow: hidden; }
@media (max-width: 767.98px) {
  .hero-img {
    margin-top: -64px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .hero-img {
    margin-top: 40px;
    border-radius: 8px;
  }
}

/*---------------
 rowcost-table
-----------------*/
.rowcost-table table {
  border-top: solid 1px #dde0e5;
  border-left: solid 1px #dde0e5;
  border-right: solid 1px #dde0e5;
  border-collapse: collapse;
  border-spacing: 0;
}
.rowcost-table tr {
  border-bottom: solid 1px #dde0e5;
  font-size: 16px;
  line-height: 1.5;
}
.rowcost-table tr > :nth-child(1) {
  background-color: #f9f9f9;
}
.rowcost-table tr > :nth-child(2) {
  background-color: #fcefe7;
}
.rowcost-table tbody tr > :nth-child(2) {
  color: #d90016;
}
.rowcost-table tr th,
.rowcost-table tr td {
  border-bottom: solid 1px #dde0e5;
}
.rowcost-table tr td {
  text-align: center;
}
.rowcost-table tbody tr th {
  text-align: left;
  font-weight: normal;
}
.rowcost-table tr th + th,
.rowcost-table tr th + td,
.rowcost-table tr td + td {
  border-left: solid 1px #dde0e5;
}
@media only screen and (max-width: 767.98px) {
  .rowcost-table_wrap {
    position: relative;
  }
  .rowcost-table {
    width: 100%;
    overflow-x: scroll;
  }
  .rowcost-table_wrap::before {
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.5;
    background-image: linear-gradient(to left, rgb(153, 153, 153, 0.91), rgb(255, 255, 255, -0.28));
  }
  .rowcost-table table {
    width: 524px;
  }
  .rowcost-table tr {
    font-size: 14px;
    line-height: 1.5;
  }
  .rowcost-table tr td._small {
    font-size: 13px;
    padding: 10px 0;
  }
  .rowcost-table tr th,
  .rowcost-table tr td {
    padding: 10px 12px;
  }
  .rowcost-table tr > :nth-child(1) {
    width: 164px;
  }
  .rowcost-table tr > :nth-child(2),
  .rowcost-table tr > :nth-child(3),
  .rowcost-table tr > :nth-child(4),
  .rowcost-table tr > :nth-child(5) {
    width: 90px;
  }
}
@media print, screen and (min-width: 768px) {
  .rowcost-table tr {
    font-size: 16px;
    line-height: 1.5;
  }
  .rowcost-table tr th,
  .rowcost-table tr td {
    padding: 10px 13px;
  }
  .rowcost-table tr > :nth-child(1) {
    width: 229px;
  }
  .rowcost-table tr > :nth-child(2),
  .rowcost-table tr > :nth-child(3),
  .rowcost-table tr > :nth-child(4),
  .rowcost-table tr > :nth-child(5) {
    width: 165px;
  }
}
.rowcost-table_caption {
}
.rowcost-table_caption p {
  text-align: right;
}
.rowcost-table_caption .m-list-wrap li {
  color: #848484;
}
@media only screen and (max-width: 767.98px) {
  .rowcost-table_caption p {
    margin: 16px 0 0;
  }
  .rowcost-table_caption .m-list-wrap {
    margin: 8px 0 0;
  }
  .rowcost-table_caption p,
  .rowcost-table_caption .m-list-wrap li {
    font-size: 12px;
  }
}
@media print, screen and (min-width: 768px) {
  .rowcost-table_caption {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .rowcost-table_caption .m-list-wrap {
    width: calc(100% - 300px);
    margin: 16px 0 0;
  }
  .rowcost-table_caption p {
    width: 300px;
    margin: 16px 0 0;
    font-size: 14px;
  }
}

.l-hero {
  margin: auto;
}
@media only screen and (max-width: 767.98px) {
  .l-hero {
  }
  .l-main {
    padding: 0 16px 32px;
  }
  .m-figure__frame {
    margin: 0 -16px;
  }
}
@media print, screen and (min-width: 768px) {
  .l-hero {
    width: 1120px;
  }
  .l-main {
    width: 888px;
  }
  .m-figure__frame {
    margin: 24px auto 0;
  }
}

/*---------------
 text-attention
-----------------*/
.m-text-attention {
  font-weight: bold;
  text-align: center;
  color: #e0620b;
  line-height: 1.75;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767.98px) {
  .m-text-attention {
    margin: 36.5px auto 32px;
    font-size: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .m-text-attention {
    margin: 50px auto 24px;
    font-size: 16px;
  }
}

/*---------------
 text-read
-----------------*/
.m-text-read {
  margin: 40px 0 24px;
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .m-text-read {
    margin: 16px auto 24px;
    font-size: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .m-text-read {
    margin: 40px auto 24px;
    font-size: 18px;
  }
}
.m-figure-wrap--center.-point01 {
  margin: 24px auto;
}
@media only screen and (max-width: 767.98px) {
  .m-figure-wrap--center.-point01 {
    margin: 24px auto;
    width: 94px;
  }
}
@media print, screen and (min-width: 768px) {
}

/*---------------
 list-tile
-----------------*/
.list-tile {
  display: grid;
  grid-row-gap: 0px;
}
.list-tile_item {
  border-radius: 5.2px;
  border: solid 1.3px #dde0e5;
  text-align: center;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.list-tile_item b,
.list-tile_item p {
  width: 100%;
  font-weight: bold;
}
.list-tile_item b {
  display: block;
}
.list-tile_item p {
  margin: 0;
  color: #d90016;
}
.list-tile_item sup {
  font-size: 10px;
  font-weight: 500;
  color: #999;
  top: -1em;
  padding-left: 2px;
}
@media only screen and (max-width: 767.98px) {
  .list-tile {
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 8px;
  }
  .list-tile_item {
    padding: 12px 0;
    height: 77px;
  }
  .list-tile_item b {
    font-size: 14px;
  }
  .list-tile_item p {
    font-size: 28px;
  }
  .list-tile_item p.-none {
    font-size: 22px;
  }
  .list-tile_item p .-currency {
    font-size: 14px;
  }
  .list-tile_item p .-currency + span {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 768px) {
  .list-tile {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
  }
  .list-tile_item {
    width: 210px;
    height: 94px;
    padding: 16px 0;
  }
  .list-tile_item b {
    font-size: 16px;
  }
  .list-tile_item p {
    font-size: 32px;
  }
  .list-tile_item p.-none {
    font-size: 24px;
  }
  .list-tile_item p .-currency {
    font-size: 14px;
  }
  .list-tile_item p .-currency + span {
    font-size: 18px;
  }
}

/*-------------------------
 feature-box-v6 override
---------------------------*/
.m-feature-box-v6 {
  background-color: #fcefe7;
}
.m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link:hover {
  background-color: #fefbfa;
}
.m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__icon {
  background-color: #fff;
  color: #e0620b;
  border: solid 1.5px #e0620b;
}
.m-labeled-heading-v6__inner .m-labeled-heading-v6__icon {
  background-color: #fff;
  color: #e0620b;
  border: solid 1.5px #e07969;
}
@media print, screen and (min-width: 768px) {
  .m-feature-anchor-navi-v6__list > li:after {
    bottom: 1.2em;
  }
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link {
    padding: 1em 12px 51px;
  }
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__label {
    align-items: flex-start;
    line-height: 1.75;
    margin-top: 1em;
  }
  .m-feature-box-v6__title {
    font-weight: bold;
  }
  .m-labeled-heading-v6__inner .m-labeled-heading-v6__icon {
    min-width: 108px;
    font-size: 1.5rem;
    line-height: 27px;
  }
  .m-heading2-v2,
  .m-labeled-heading-v6 {
    margin-top: 96px;
  }
}
@media only screen and (max-width: 767.98px) {
  .m-feature-box-v6 {
    margin-top: 32px;
    margin-bottom: 72px;
  }
  .m-feature-anchor-navi-v6__list[data-col-pc="4"] > li {
    min-height: 108px;
  }
  .m-labeled-heading-v6__inner .m-labeled-heading-v6__icon {
    min-width: 70px;
  }
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--01,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--01 img,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--02,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--02 img,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--03,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--03 img,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--04,
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__figure--04 img {
    width: 60px;
    height: auto;
  }
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link {
    padding: 1em 41px 1em 1em;
    height: 100%;
  }
  .m-feature-anchor-navi-v6__link__text {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    width: calc(100% - 68px);
  }

}

/*-------------------------
 labeled-heading-v6 override
---------------------------*/
.m-labeled-heading-v6 {
  border-bottom: 2px solid #dde0e5;
}
.m-labeled-heading-v6__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.m-labeled-heading-v6__inner .m-labeled-heading-v6__title {
  width: 100%;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .m-labeled-heading-v6 {
    margin-top: 72px;
    padding-bottom: 2px;
  }
  .m-labeled-heading-v6__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .m-labeled-heading-v6__inner .m-labeled-heading-v6__icon {
    margin: 0 0 8px;
  }
  .m-labeled-heading-v6__inner .m-labeled-heading-v6__title {
    font-size: 28px;
  }
}
@media print, screen and (min-width: 768px) {
  .m-labeled-heading-v6 {
    margin-top: 96px;
    padding-bottom: 6px;
  }
  .m-labeled-heading-v6__inner .m-labeled-heading-v6__icon {
    margin: 0 0 12px;
  }
  .m-labeled-heading-v6__inner .m-labeled-heading-v6__title {
    font-size: 36px;
  }
}

/*-------------------------
 heading2-v2__title override
---------------------------*/
.m-heading2-v2__title {
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width: 767.98px) {
  .m-heading2-v2__title {
    font-size: 28px;
  }
}
@media print, screen and (min-width: 768px) {
  .m-heading2-v2__title {
    font-size: 36px;
    margin-bottom: 38px;
  }
}

/*-------------------------
 m-cta_panel override
---------------------------*/
@media only screen and (max-width: 767.98px) {
  .m-cta_panel {
    margin: 72px -16px 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .m-cta_panel {
    margin: 96px auto 64px ;
  }
}

/*-------------------------
 m-topics
---------------------------*/
.m-topics {
  margin: 24px 0 0;
  padding: 20px 18px 18px;
  border-radius: 2px;
  border: solid 2px #e07969;
  background-color: #fff;
  position: relative;
}
.m-topics::after {
  position: absolute;
  display: block;
  content: "活用例";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: left;
  color: #e07969;
  top: -15px;
  left: 10px;
  background: url(/corp/guide/foreign_currency/images/icon-application.svg) 7px center no-repeat #fff;
  padding-left: 38px;
  height: 24px;
  width: 106px;
}
@media print, screen and (min-width: 768px) {
  .m-topics {
    margin: 34px 0 0;
  }
}

/*-------------------------
 m-starting-box
---------------------------*/
.m-starting-box {
  margin: 64px auto 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #e07969;
}
@media print, screen and (min-width: 768px) {
  .m-starting-box {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767.98px) {
  .m-starting-box {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link__label {
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  .m-feature-box-v6 img {
    width: 60px;
  }
  .m-feature-anchor-navi-v6__list > li .m-feature-anchor-navi-v6__link {
    justify-content: space-between;
  }
}