@charset "utf-8";

#mainContainer {
  overflow: hidden;
}
#mainContainer #mainContents {
  width: 100%;
}

.sp {
  display: none;
}
p {
  font-size: 126%;
  line-height: 1.6;
}
.sentence {
  text-align: justify;
  text-justify: inter-ideograph;
}
.txt-center {
  text-align: center;
}
.font-160 {
 font-size: 160%;
}
small {
  font-size: 82%;
}
strong {
  font-weight: bold;
}

/* ----------------------------
  breadcrumb
---------------------------- */
#mainContainer #mainContents #breadcrumbNav {
    margin: 0 auto;
    width: 920px;
    max-width: 90%;
}

/* ----------------------------
  推奨ブラウザ
---------------------------- */
#environment {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #8e8e8e;
  border-radius: 6px;
  margin: 100px auto 0;
  padding: 40px 80px;
  width: 920px;
    max-width: 100%;
}
#environment h3 {
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 10px;
}
#environment p {
  font-size: 100%;
  margin-top: 0;
  display: inline-block;
}
#environment .flex {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
#environment h4 {
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 10px;
}
#environment .flex p {
  padding-left: 1.5em;
}
@media (max-width: 768px) {
    #environment {
      width: calc(100% - 40px);
      margin: 40px auto;
      padding: 20px 20px;
    }
    #environment h3 {
      font-size: 14px;
      margin: 0 0 0;
    }
    #environment p {
      display: block;
    }
    #environment .flex {
      display: block;
      margin-top: 15px;
    }
    #environment h4 {
      font-size: 14px;
    }
    #environment .flex p {
      padding-left: 1.5em;
    }
    #environment.overwrite {
        margin-top: 25.64vw;
    }
}