@import url(mobie-common.css);
@media screen and (max-width: 768px) {
  .text br {
    display: none; }
  .page1 .page-cont {
    padding-top: calc(15% + 70px); }
  .page2 .page-title {
    margin-bottom: 30px; }
  .page2 .text {
    margin-bottom: 30px;
    line-height: 1.8; }
  .page2 .text-box {
    display: flex;
    flex-direction: column; }
    .page2 .text-box .box {
      border: none;
      margin-bottom: 15px; }
      .page2 .text-box .box:first-of-type {
        border: none; }
      .page2 .text-box .box .s-title {
        font-size: 16px; }
      .page2 .text-box .box .dl-text {
        font-size: 12px; }
  .page3 .page-title {
    margin-bottom: 50px; }
  .page3 .img-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    .page3 .img-box .img-item {
      width: 50%;
      margin-bottom: 15px; }
  .page3 .flow-wrap {
    display: flex;
    display: flex;
    flex-direction: column;
    width: 100%; }
    .page3 .flow-wrap .step {
      width: 100%; }
    .page3 .flow-wrap .arrow-wrap {
      margin: 10px 0; }
  .page4 .page-title {
    margin-bottom: 30px; }
  .page4 .country-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .page4 .country-wrap .country {
      width: 100%;
      height: auto;
      padding: 25px 0;
      margin-bottom: 0; }
      .page4 .country-wrap .country:nth-of-type(even) {
        padding-left: 0; }
  .page5 .page-title {
    margin-bottom: 30px; }
  .page5 .img-card {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .page5 .img-card .card {
      width: 100%;
      max-width: 400px;
      height: 200px;
      margin-bottom: 15px; }
      .page5 .img-card .card:first-of-type, .page5 .img-card .card:nth-of-type(3) {
        margin-right: 0; } }