@charset "UTF-8";

.container {
  position: relative;
  width: 1030px;
  margin: 0 auto;
}

/*
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
}
*/


section {
  max-width: 960px;
  margin: 0 auto;
}

p {
  line-height: 1.7rem;
  color: #3A414D;
}

a {
  text-decoration: none;
}

@media only screen and (max-width: 705px) {
  .container {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 15px;
  }
}


/*
==================================
header
==================================
*/
/* pc */
@media print,
screen and (min-width: 769px) {
  .l-header {
    background: #fff;
    border-bottom: 1px solid #eff5fc;
  }

  .l-header__inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 16px 0;
  }

  .l-header__link {
    display: inline-block;
  }

  .l-header__logo {
    width: 138px;
    height: 32px;
    vertical-align: middle;
  }
}

/* sp */
@media only screen and (max-width: 768px) {
  .l-header {
    background: #fff;
    border-bottom: 1px solid #eff5fc;
  }

  .l-header__inner {
    padding: 3.85vw;
  }

  .l-header__link {
    display: inline-block;
  }

  .l-header__logo {
    width: 34.267vw;
    vertical-align: middle;
  }
}



/*
==================================
footer
==================================
*/
/* pc */
@media print,
screen and (min-width: 769px) {
  .l-footer {
    background: #fff;
    padding: 16px 0;
  }

  .l-footer__inner {
    max-width: 960px;
    margin: 0 auto;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .l-footer__logo {
    width: 110px;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
  }

  .l-footer__logo-link {
    display: inline-block;
    width: 100%;
  }

  .l-footer__logo-link img {
    vertical-align: baseline;
  }

  .l-footer__copyright {
    display: inline-block;
    font-size: 12px;
    margin: 12px 0;
  }

  .l-footer__link {
    margin-left: auto;
  }

  .l-footer__link__item {
    margin: 0 4px 0 0;
    font-size: 12px;
    color: #808080;
  }

  .l-footer__link__item:first-child:after {
    content: "|";
    margin: 0 0 0 4px;
  }
}

/* sp */
@media only screen and (max-width: 768px) {
  .l-footer {
    background: #fff;
    padding: 16px 0;
  }

  .l-footer__inner {
    padding: 0 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .l-footer__logo {
    width: 110px;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .l-footer__logo-link {
    display: inline-block;
    width: 100%;
  }

  .l-footer__logo-link img {
    vertical-align: baseline;
  }

  .l-footer__copyright {
    display: inline-block;
    font-size: 12px;

    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 4px 0;
  }

  .l-footer__link {
    margin-left: auto;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: auto;
  }

  .l-footer__link__item {
    margin: 0 4px 0 0;
    font-size: 12px;
    color: #808080;
  }

  .l-footer__link__item:first-child:after {
    content: "|";
    margin: 0 0 0 4px;
  }
}