html {
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Roboto, Meiryo, sans-serif;
  font-size: 16px; }

body {
  margin: 0;
  overflow-x: hidden; }

a {
  color: inherit; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Roboto, Meiryo, sans-serif;
  font-size: 16px; }

::-webkit-input-placeholder {
  opacity: 0.5; }

:-ms-input-placeholder {
  opacity: 0.5; }

::-ms-input-placeholder {
  opacity: 0.5; }

::placeholder {
  opacity: 0.5; }

.l-footer {
  border-top: 1px solid #ccc;
  background: #fff; }
  .l-footer__inner {
    padding: 0 20px 20px; }
  .l-footer__campaign {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: -0.4em;
    text-align: center; }
    .l-footer__campaign__list {
      display: block;
      max-width: 950px;
      margin: 0 auto;
      padding: 10px 0;
      list-style-type: none; }
      @media only screen and (max-width: 767px) {
        .l-footer__campaign__list {
          padding: 20px 0; } }
      .l-footer__campaign__list__item {
        display: inline-block;
        padding: 10px;
        vertical-align: middle;
        letter-spacing: normal; }
        .l-footer__campaign__list__item:first-child {
          margin: 0; }
        @media only screen and (max-width: 767px) {
          .l-footer__campaign__list__item {
            display: block;
            margin: 10px 0 0;
            padding: 0;
            text-align: center; } }
      .l-footer__campaign__list__link {
        display: block; }
  .l-footer__table {
    display: table;
    width: 456px;
    margin: 10px auto 20px; }
    @media only screen and (max-width: 767px) {
      .l-footer__table {
        display: block;
        width: 100%;
        margin: 10px auto; } }
    .l-footer__table__cell {
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .l-footer__table__cell {
          display: block;
          margin: 10px 0 0; } }
      @media only screen and (max-width: 767px) {
        .l-footer__table__cell:first-child {
          margin: 0; } }
  .l-footer__table--inquiry {
    display: table;
    width: 280px;
    margin: 20px auto 20px; }
    @media only screen and (max-width: 767px) {
      .l-footer__table--inquiry {
        margin: 10px auto; } }
    .l-footer__table--inquiry__cell {
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .l-footer__table--inquiry__cell {
          margin: 10px 0 0; } }
      @media only screen and (max-width: 767px) {
        .l-footer__table--inquiry__cell:first-child {
          margin: 0; } }
  .l-footer__nav {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    letter-spacing: -0.4em; }
    .l-footer__nav__item {
      display: inline-block;
      margin: 0 0 0 10px;
      font-size: 14px;
      letter-spacing: normal; }
      @media only screen and (max-width: 374px) {
        .l-footer__nav__item {
          margin: 0 0 0 5px; } }
      .l-footer__nav__item:before {
        content: '|';
        display: inline-block;
        margin: 0 10px 0 0; }
        @media only screen and (max-width: 374px) {
          .l-footer__nav__item:before {
            margin: 0 5px 0 0; } }
      .l-footer__nav__item:first-child {
        margin: 0; }
        .l-footer__nav__item:first-child:before {
          display: none; }
    .l-footer__nav__link {
      text-decoration: none;
      color: #666; }
      .l-footer__nav__link:hover {
        text-decoration: underline; }
  .l-footer__nav--inquiry {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    letter-spacing: -0.4em; }
    .l-footer__nav--inquiry__item {
      display: inline-block;
      margin: 0 0 0 10px;
      font-size: 14px;
      letter-spacing: normal; }
      @media only screen and (max-width: 374px) {
        .l-footer__nav--inquiry__item {
          margin: 0 0 0 5px; } }
      .l-footer__nav--inquiry__item:before {
        content: '|';
        display: inline-block;
        margin: 0 10px 0 0; }
        @media only screen and (max-width: 374px) {
          .l-footer__nav--inquiry__item:before {
            margin: 0 5px 0 0; } }
      .l-footer__nav--inquiry__item:first-child {
        margin: 0; }
        .l-footer__nav--inquiry__item:first-child:before {
          display: none; }
    .l-footer__nav--inquiry__link {
      text-decoration: none;
      color: #666; }
      .l-footer__nav--inquiry__link:hover {
        text-decoration: underline; }
  .l-footer__copyright {
    display: block;
    margin: 0;
    font-size: 14px;
    text-align: center;
    color: #666; }
    .l-footer__copyright small {
      font-size: inherit; }
  .l-footer__fcb {
    display: block;
    margin: 0;
    text-align: center; }
    .l-footer__fcb__link {
      display: inline-block; }

.l-header {
  border-bottom: 2px solid #f59600;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .l-header {
      border-bottom: 3px solid #f59600; } }
  .l-header__inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      .l-header__inner {
        padding: 15px; } }
  .l-header__logo {
    margin: 0; }
    .l-header__logo__link {
      display: inline-block;
      vertical-align: middle;
      text-decoration: none; }
    .l-header__logo__image {
      display: block;
      width: 220px;
      height: 32px;
      background-repeat: no-repeat;
      background-image: url("/assets/img/common/logo_minijob.png?v=20180702"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .l-header__logo__image {
          background-image: url("/assets/img/common/logo_minijob@2x.png?v=20180702");
          background-size: 220px 32px; } }
      @media only screen and (max-width: 767px) {
        .l-header__logo__image {
          width: 75px;
          height: 40px;
          background-image: url("/assets/img/common/logo_minijob_sp.png?v=20180702"); } }
  @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-resolution: 192dpi), only screen and (max-width: 767px) and (min-resolution: 2dppx) {
    .l-header__logo__image {
      background-image: url("/assets/img/common/logo_minijob_sp@2x.png?v=20180702");
      background-size: 75px 40px; } }
      .l-header__logo__image__text {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        -webkit-clip-path: inset(50%);
                clip-path: inset(50%);
        border: 0; }
  .l-header__inquiry {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    margin: -22px 0 0; }
    @media only screen and (max-width: 767px) {
      .l-header__inquiry {
        right: 15px;
        margin: -21px 0 0; } }
    .l-header__inquiry__button {
      position: relative;
      display: inline-block;
      padding: 14px 30px 14px 20px;
      background: #f59600;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      line-height: 1;
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .l-header__inquiry__button {
          font-size: 14px; } }
      @media only screen and (max-width: 374px) {
        .l-header__inquiry__button {
          padding: 14px 10px; } }
      .l-header__inquiry__button:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        display: block;
        width: 8px;
        height: 8px;
        margin: -6px 0 0;
        border: 2px solid;
        border-color: #fff #fff transparent transparent;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
        @media only screen and (max-width: 374px) {
          .l-header__inquiry__button:before {
            display: none; } }

.l-main {
  background: #fff; }

.l-message {
  display: block;
  padding: 10px 0;
  background: #fff; }
  .l-message__text {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .l-message__text {
        font-size: 12px; } }
    .l-message__text strong {
      margin: 0 0.5em;
      font-weight: normal;
      color: #000; }
    .l-message__text a {
      text-decoration: none;
      color: #0066cc; }