@charset "utf-8";
.hero {
  position: relative;
  height: 240px;
  background: url("assets/intra/intra-company.png") center 15% / cover no-repeat;
}
.page-main {
  position: relative;
  padding: 4px 34px 12px;
}
.overview{
	margin-bottom: 20px;
}
.section-heading-row .section-heading{
	width:705px;
}
/*.section-heading {
  height: 40px;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0 0 0 12px;
  border-left: 6px solid var(--blue);
  background: linear-gradient(90deg, white 35%, #e8f6ff);
}*/
.transfer-types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 1px;
	margin-bottom: 20px;
}
.photo-card {
	position: relative;
/*  overflow: hidden;*/
  border: 1px solid var(--border);
  border-radius: 5px;
  background: #fff;
	padding-bottom:5px;
}
.transfer-type {
/*  height: 201px;*/
}
.photo-card > img {
  width: 100%;
  object-fit: cover;
}
.transfer-type > img {
  height:90px;
}
.photo-card-body {
/*  position: relative;*/
	  height: 50px;
	display: flex;
  align-items: center;
	  margin-bottom: 5px;
  padding: 10px 5px 5px 5px;
	margin-bottom: 5px;
}

.transfer-type .round-icon {
  width: 45px;
  height: 45px;
  border: 0;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
}
.transfer-types .photo-card h3 {
  margin: 0px 0 0px 8px;
  color: #0039bf;
  font: 800 16px/1.3 "Yu Mincho", "Hiragino Mincho ProN", serif;
  /*white-space: nowrap;*/
}
.photo-card p {
  margin: 0;
/*  font-size: 14px;
  line-height: 1.47;*/
  font-weight: 600;
	padding: 4px 5px 5px 10px ;
}
.arrow-icon {
  position: absolute;
  display: grid;
  place-items: center;
  right: 6px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  border: 1px solid #0751dd;
  border-radius: 50%;
  color: #0751dd;
  font: bold 17px Arial, sans-serif;
}
.pin-symbol {
  width: 24px;
  height: 31px;
  flex: 0 0 auto;
  color: #0637d3;
  font-size: 36px;
  line-height: 20px;
}
.pin-symbol {
  width: 28px;
  height: 37px;
  background: url("assets/transfer-icon-pin.png") center / contain no-repeat;
  color: transparent;
}
.location-contact h3 {
  margin: 0 0 5px;
  font-size: 11px;
}
.location-contact p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
}
.location-contact a {
  display: block;
  width: 98px;
  margin: 6px 0 0 auto;
  padding: 6px 0;
  border: 1px solid #094ade;
  border-radius: 5px;
  background: white;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
}
.points {
  margin: 0 0 20px;
}
.point-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  width: 100%;
  margin-top: 8px;
}
.point-card {
  position: relative;
  height: auto;
  padding: 55px 10px 9px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: linear-gradient(125deg, white, #f8fcff);
}
.number {
  position: absolute;
  top: 5px;
  left: 10px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #064ada;
  color: white;
  font: 800 16px Arial, sans-serif;
}
.point-icon {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: #074bcf;
  font: 800 35px/1 "Yu Gothic", sans-serif;
}
.point-icon {
  display: block;
  width: 44px;
  height: 43px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
}
.point-card:nth-child(1) .point-icon {
  background-image: url("assets/transfer-icon-document.png");
}
.point-card:nth-child(2) .point-icon {
  background-image: url("assets/transfer-icon-laptop.png");
}
.point-card:nth-child(3) .point-icon {
  background-image: url("assets/transfer-icon-yen.png");
}
.point-card:nth-child(4) .point-icon {
  background-image: url("assets/transfer-icon-building.png");
}
.point-card h3 {
/*  min-height: 38px;*/
  margin: 8px 0 8px;
  color: #0039bf;
  font: 800 16px/1.3 "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.point-card p {
  margin: 0;
/*  font-size: 14px;
  line-height: 1.48;*/
  font-weight: 600;
}
.support {
  margin: 0 0 20px;
}
.support .section-heading-row .section-heading {
  min-width: 303px;
}
.support-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 0px;
}
.support-card {
/*  height: 240px;*/
}
.support-card > img {
  height: 95px;
}
.support-card .photo-card-body {
  height: 55px;
	display: flex;
  align-items: center;
	  margin-bottom: 5px;
}
.support-card .round-icon {
margin: 0px 3px 0 3px;
}
.support-card h3 {
  margin: 0;
  font-size: 17px;
  padding: 5px 4px 0px 0px;
}
.support-card p {
/*  font-size: 14px;
  line-height: 1.48;*/
	  padding: 4px 5px 5px 10px ;
}
.support-card .arrow-icon {
  right: 6px;
  bottom: 8px;
}

.flow-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 5px 0 0;
  padding: 0;
  list-style: none
}
.flow-grid li:not(:last-child):after {
  content: "";
  position: absolute;
  right: -17px;
  top: 50px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #0751d8
}
/*.site-footer {
  min-height: 125px;
  padding: 12px 18px 0;
  background: linear-gradient(#002b75, #001e5b);
  color: white;
}
.footer-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-brand {
  width: 244px;
  color: white;
  font-size: 17px;
}
.footer-brand img {
  margin-right: 5px;
}
.site-footer nav {
  display: flex;
  gap: 22px;
  font-size: 10px;
  white-space: nowrap;
}

.site-footer > p {
  margin: 13px 0 0;
  text-align: center;
  font-size: 10px;
}*/
@media (max-width: 1064px) {
.transfer-types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 1px;
}	

  .page-main {
    padding-right: 20px;
    padding-left: 20px;
  }

  .overview p {
    height: auto;
    white-space: normal;
  }
  .overview br {
    display: none;
  }
  .transfer-types {
    margin-top: 12px;

  }
  .contact-panel {
    right: 15px;
  }
  .point-grid {
    width: 100%;
  }

.transfer-type .round-icon {
  width: 40px;
  height: 40px;
  border: 0;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
}
.transfer-types .photo-card h3 {
  margin: 0px 0 0px 8px;
  color: #0039bf;
  font: 800 15px/1.3 "Yu Mincho", "Hiragino Mincho ProN", serif;

}

  .site-header {
    height: 56px;
  }
  .header-contact .header-social {
    display: none;
  }
  .hero {
    height: 238px;
    background-position: 60% center;
  }
  .hero::before {
    background: linear-gradient(90deg, #eef9fff9 0%, #eef9ffe8 45%, transparent 82%);
  }

  .top-content {
    width: 100%;
  }
  .contact-panel {
    position: static;
    width: 100%;
    min-height: 0;
    margin-top: 15px;
  }
  .contact-panel .messenger-contact {
    display: inline-block;
    width: 49%;
    vertical-align: top;
  }
  .location-contact {
    max-width: 340px;
  }
  .points {
    margin-top: 16px;
  }

  .point-card {
    height: auto;
    min-height: 180px;
  }

  .support-card {
    height: auto;
  }
  .support-card > img {
    height: 130px;
  }

  .section-heading-row {
    height: auto;
    min-height: 34px;
    flex-wrap: wrap;
  }
  .section-heading-row p {
    margin: 0 0 4px 12px;
    white-space: normal;
  }
  .bottom-cta {
    height: auto;
    min-height: 130px;
    display: block;
    padding: 12px 20px;
    text-align: center;
  }
  .bottom-cta a {
    width: min(315px, 100%);
    margin: 8px auto 0;
  }
/*  .footer-upper {
    gap: 10px;
  }*/
}
@media (max-width: 640px) {
.transfer-types {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
  margin-top: 1px;
}		
  .site-header {
    display: flex;
    justify-content: space-between;
    padding-left: 8px;
  }
  .brand {
    font-size: 12px;
  }
  .brand img {
    width: 33px;
    height: auto;
    margin-right: 3px;
  }
  .header-phone {
    width: 37px;
    font-size: 0;
  }
  .header-phone::before {
    content: "☎";
    font-size: 21px;
  }
  .page-main {
    padding-right: 12px;
    padding-left: 12px;
  }
  .section-heading {
    font-size: 21px;
  }
  .overview p {
    margin-left: 6px;
  }

  .transfer-type {
    height: auto;
  }
  .transfer-type > img {
    height: 145px;
  }
  .transfer-type .photo-card-body {
    min-height: 87px;
  }
  .contact-panel .messenger-contact {
    display: block;
    width: 100%;
  }

  .point-card {
    min-height: 140px;
    padding-left: 85px;
  }
  .point-card .point-icon {
    left: 30px;
    top: 55px;
  }
  .flow-card {
    height: 138px;
  }
/*  .site-footer {
    padding: 12px;
  }
  .footer-brand {
    font-size: 13px;
    width: auto;
  }

  .footer-phone {
    min-width: 38px;
    font-size: 0;
  }
  .footer-phone::before {
    content: "☎";
    font-size: 20px;
  }
  .footer-phone small {
    display: none;
  }*/
}