@charset "UTF-8";
ul {
  margin: 0;
  padding: 0; }

li {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  color: #0065A1; }

img {
  flex-shrink: 0; }

html {
  font-size: 100%; }
  @media (max-width: 767px) {
    html {
      font-size: calc(100vw / 30); } }

body {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif; }

header {
  display: flex;
  justify-content: space-between; }
  header img {
    width: 190px;
    margin: 32px 30px; }
    @media (max-width: 375px) {
      header img {
        width: 100px;
        margin: 16px 15px; } }
    header img.peer {
      width: inherit;
      height: 26px; }
      @media (max-width: 375px) {
        header img.peer {
          height: 13px;
          margin: 16px 15px; } }

h1 {
  position: relative;
  margin: 0 auto;
  max-width: 980px; }
  h1 .bg {
    width: 100%;
    margin: auto; }
  h1 .name {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }

.peer-software .name {
  width: 70%;
  left: 60px; }
  @media (max-width: 767px) {
    .peer-software .name {
      left: 30px; } }

.peer-software .gfs {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .peer-software .gfs {
      padding: 14vw 0 16vw; } }
.peer-software .gfs-feature {
  padding: 60px 0; }
  @media (max-width: 767px) {
    .peer-software .gfs-feature {
      padding: 0 0 10vw 0; } }
.peer-software .gfs-case {
  padding: 60px 0;
  text-align: center; }
  @media (max-width: 767px) {
    .peer-software .gfs-case {
      padding: 0 0 10vw 0; } }
  .peer-software .gfs-case img {
    width: 90%;
    max-width: 800px; }
  .peer-software .gfs-case h3 {
    margin-bottom: 20px; }
  .peer-software .gfs-case .case--img {
    margin-bottom: -5px; }
.peer-software .sync {
  padding: 100px 0;
  background-color: #EDF1F5; }
  @media (max-width: 767px) {
    .peer-software .sync {
      padding: 14vw 0 16vw; } }
.peer-software .sync-feature {
  padding: 0 0 50px 0;
  background-color: #EDF1F5; }
  @media (max-width: 767px) {
    .peer-software .sync-feature {
      padding: 0 0 10vw 0; } }
.peer-software .company {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .peer-software .company {
      padding: 10vw 0; } }

h2 {
  width: 100%;
  text-align: center;
  color: #0065A1;
  font-size: 225%;
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 82px;
  letter-spacing: 0.06em; }
  @media (max-width: 375px) {
    h2 {
      font-size: 180%; } }

h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  display: inline-block;
  width: 60px;
  height: 2px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0065A1; }

h3 {
  width: 100%;
  text-align: center;
  color: #0065A1;
  font-size: 120%; }
  @media (max-width: 375px) {
    h3 {
      font-size: 100%; } }

p {
  font-size: 87.5%;
  max-width: 980px;
  width: 90%;
  margin: auto;
  line-height: 2em;
  text-align: center;
  letter-spacing: 0.06em; }

table {
  max-width: 780px;
  border-spacing: 4px;
  margin: 50px auto auto;
  font-size: small; }
  table th {
    background-color: #E4ECF4;
    padding: 10px;
    width: 20%;
    text-align: left; }
  table td {
    width: 79%;
    background-color: #F5F5F5;
    padding: 20px; }
  @media (max-width: 767px) {
    table {
      margin-top: 0;
      border-spacing: unset;
      max-width: none; }
      table th, table td {
        display: block;
        margin: auto 5%;
        width: 80%;
        padding: 5%; }
      table th {
        text-align: left; } }

.gfsCase--table__wrapper {
  max-width: 800px;
  margin: 20px auto auto;
  text-align: left; }

.gfsCase--table {
  margin: 0; }
  .gfsCase--table th, .gfsCase--table td {
    background-color: #ffffff;
    padding: 10px; }
  .gfsCase--table th {
    text-align: left;
    color: #0065A1;
    font-size: 123%;
    letter-spacing: 0.06em;
    vertical-align: top; }
    @media (max-width: 767px) {
      .gfsCase--table th {
        font-size: 82%; } }
  .gfsCase--table td {
    text-align: left;
    width: 100%;
    line-height: 2em;
    font-size: 108%; }
    @media (max-width: 767px) {
      .gfsCase--table td {
        width: inherit;
        font-size: 76%; } }
    .gfsCase--table td ul {
      padding-left: 10px; }
      .gfsCase--table td ul li {
        padding-left: 1em;
        text-indent: -1em; }
        .gfsCase--table td ul li:before {
          content: '・'; }

.contact {
  background-color: #fff;
  padding: 0 0 100px 0; }
  .contact a {
    display: block;
    max-width: 440px;
    width: 80%;
    height: 80px;
    margin: auto;
    text-align: center;
    color: #fff;
    background-color: #0065A1;
    text-decoration: none;
    border-radius: 4px;
    line-height: 80px; }
  .contact.blue {
    background-color: #EDF1F5; }

footer {
  background-color: #C0C0C0;
  color: #000;
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 87.5%; }
footer > .inner > .footer_link ul li{
	display:inline-block;
	color:#000;
}

  @media (max-width: 375px) {
    footer {
      font-size: 65%; } }

.p30 {
  display: flex;
  justify-content: space-around;
  width: 100%;
  max-width: 980px;
  margin: 70px auto auto auto; }
  @media (max-width: 767px) {
    .p30 {
      flex-wrap: wrap; } }
  .p30 li {
    width: 28%;
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 2em; }
    .p30 li img {
      border-radius: 100%;
      box-shadow: rgba(0, 101, 161, 0.2) 0 0 20px; }
      @media (max-width: 767px) {
        .p30 li img {
          width: 50%;
          max-width: 140px; } }
    @media (max-width: 767px) {
      .p30 li {
        width: 80%;
        margin-bottom: 30px; } }
    .p30 li h3 {
      text-align: center;
      font-size: 112.5%;
      color: #0065A1;
      margin-block-start: 2em;
      margin-block-end: 1.5em;
      letter-spacing: 0.06em; }
      @media (max-width: 767px) {
        .p30 li h3 {
          height: inherit; } }
    .p30 li p {
      text-align: center;
      width: 100%; }
    .p30 li ul li {
      width: 100%;
      font-size: 87.5%;
      list-style: disc;
      text-align: left;
      margin-bottom: 1em; }

.sync .p30 h3 {
  height: 56px; }

.p50 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  max-width: 980px;
  margin: auto; }
  .p50 li {
    width: 48%;
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    align-items: flex-start; }
    @media (max-width: 767px) {
      .p50 li {
        width: 80%; } }
    @media (max-width: 575px) {
      .p50 li {
        flex-wrap: wrap; }
        .p50 li div {
          width: 100%; } }
    .p50 li img {
      width: 140px;
      border: 1px solid #D0D0D0;
      border-radius: 100%;
      margin-right: 30px; }
      @media (max-width: 767px) {
        .p50 li img {
          max-width: 140px;
          width: 50%; } }
      @media (max-width: 575px) {
        .p50 li img {
          margin: auto auto 30px auto; } }
    .p50 li h3 {
      text-align: left;
      color: #0065A1;
      margin-top: 0;
      font-size: 100%;
      letter-spacing: 0.06em; }
      @media (max-width: 575px) {
        .p50 li h3 {
          text-align: center; } }
    .p50 li p {
      text-align: left;
      width: 100%; }
      @media (max-width: 575px) {
        .p50 li p {
          text-align: center; } }