/* media query */
nav.navStd {
  height: 51px; }
  @media screen and (max-width: 668px) {
    nav.navStd {
      height: auto; } }
  nav.navStd.fixed {
    position: inherit; }

.pageName h2 + p {
  margin-top: 90px;
  text-align: center;
  font-size: 1.1em;
  line-height: 260%; }
  @media screen and (max-width: 668px) {
    .pageName h2 + p {
      text-align: left; } }

.linkArea {
  margin-bottom: 50px; }
  @media screen and (max-width: 668px) {
    .linkArea {
      margin-bottom: 25px; } }
  .linkArea section.inner {
    max-width: 1200px;
    margin: 0 auto; }
    @media all and (max-width: 1200px) {
      .linkArea section.inner {
        max-width: 100%;
        margin-left: 30px;
        margin-right: 30px; } }
    @media screen and (max-width: 668px) and (orientation: portrait) {
      .linkArea section.inner {
        max-width: 100%;
        margin-left: 25px;
        margin-right: 25px; } }
  .linkArea .headline_normal {
    font-size: 1.4em;
    padding-bottom: 5px;
    margin: 50px 0 20px;
    border-bottom: 2px solid #222; }
    @media screen and (max-width: 668px) {
      .linkArea .headline_normal.first {
        margin: 20px 0; } }
  .linkArea .menu {
    padding: 25px; }
    @media screen and (max-width: 668px) {
      .linkArea .menu {
        padding: 0; } }
    @media screen and (max-width: 960px) {
      .linkArea .menu img.pc {
        display: block; } }
    @media screen and (max-width: 668px) {
      .linkArea .menu img.pc {
        display: none; } }
  .linkArea ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 668px) {
      .linkArea ul {
        display: block; } }
    .linkArea ul li {
      width: 48.5%;
      background: url(../../common/images/bg_gray.png);
      padding: 25px;
      text-align: center;
      margin-bottom: 50px; }
      @media screen and (max-width: 668px) {
        .linkArea ul li {
          width: 100%;
          padding: 20px;
          margin-bottom: 30px; } }
      .linkArea ul li:last-child {
        margin-bottom: 0; }
      .linkArea ul li h4 {
        font-weight: bold;
        font-size: 1.2em;
        text-align: left;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 10px; }
      .linkArea ul li img {
        border: 1px solid #ddd;
        margin: 10px 0 20px; }
        .linkArea ul li img + p {
          text-align: left; }
      .linkArea ul li p.link {
        text-align: center;
        margin: 20px 0 0; }
        .linkArea ul li p.link a {
          position: relative;
          display: inline-block;
          border: 1px solid #ddd;
          line-height: 150%;
          font-size: 14px;
          color: #222;
          padding: 15px 40px 15px 25px;
          background-color: #fff;
          letter-spacing: 2px; }
          .linkArea ul li p.link a::after {
            position: absolute;
            right: 20px;
            top: calc(50% - 5px);
            content: "";
            display: block;
            width: 5px;
            height: 9px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 5px auto;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%228.239%22%20viewBox%3D%220%200%205%208.239%22%3E%20%3Cpath%20id%3D%22chevron-right-solid%22%20d%3D%22M32.362%2C42.1%2C28.7%2C45.764a.453.453%2C0%2C0%2C1-.64%2C0l-.428-.428a.453.453%2C0%2C0%2C1%2C0-.64l2.906-2.92-2.906-2.92a.453.453%2C0%2C0%2C1%2C0-.64l.428-.428a.453.453%2C0%2C0%2C1%2C.64%2C0l3.667%2C3.667A.453.453%2C0%2C0%2C1%2C32.362%2C42.1Z%22%20transform%3D%22translate(-27.495%20-37.657)%22%20fill%3D%22%23ddd%22%2F%3E%3C%2Fsvg%3E");
            background-size: contain;
            transition: 0.5s; }
          .linkArea ul li p.link a:hover {
            background-color: #3E577E;
            color: #fff;
            border: 1px solid #3E577E; }
          @media screen and (max-width: 960px) {
            .linkArea ul li p.link a {
              padding: 10px 35px 10px 15px; } }
          .linkArea ul li p.link a:hover::after {
            right: 15px; }