@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400';
@font-face {
  font-family: 'futur2';
  src: url("../fonts/futur2/futur2.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/futur2/futur2.eot?#iefix") format("embedded-opentype"), url("../fonts/futur2/futur2.woff") format("woff"), url("../fonts/futur2/futur2.ttf") format("truetype"); }

/**
 * Fontサイズのプロパティ設定用 mixin。
*/
/**
 * radiusサイズのプロパティ設定用 mixin。
*/
/**
 * コンテンツのプロパティ設定用 mixin。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * 色設定用 mixin。
 *
 * $property : パラメータ (ex. background)
 * $background : 背景色
 * $opacity : 透明度
 * $mix : RGBに変換
 * $blend : ブレンドモード パラメータは以下を参照
 * ブレンドモードはIEは対応してません
 * Keyword values
 * mix-blend-mode: normal;
 * mix-blend-mode: multiply;
 * mix-blend-mode: screen;
 * mix-blend-mode: overlay;
 * mix-blend-mode: darken;
 * mix-blend-mode: lighten;
 * mix-blend-mode: color-dodge;
 * mix-blend-mode: color-burn;
 * mix-blend-mode: hard-light;
 * mix-blend-mode: soft-light;
 * mix-blend-mode: difference;
 * mix-blend-mode: exclusion;
 * mix-blend-mode: hue;
 * mix-blend-mode: saturation;
 * mix-blend-mode: color;
 * mix-blend-mode: luminosity;
 * Global values
 * mix-blend-mode: initial;
 * mix-blend-mode: inherit;
 * mix-blend-mode: unset;
*/
/*
  text drop shadow
*/
.home-suject h3, #recruit h3 {
  text-align: center;
  color: black;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .home-suject h3, #recruit h3 {
      font-size: 42px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .home-suject h3, #recruit h3 {
      font-size: 42px; } }
  @media screen and (min-width: 992px) and (max-width: 1259px) {
    .home-suject h3, #recruit h3 {
      font-size: 48px; } }
  @media screen and (min-width: 1260px), not screen {
    .home-suject h3, #recruit h3 {
      font-size: 48px; } }
.page-ttl, #recruit {
  background: url(/wp-content/themes/nakamura2017/images/common/content-bg1.png) left top;
  background-size: 30%;
  padding-top: 90px; }
  @media all and (min-width: 768px) {
    .page-ttl, #recruit {
      margin-bottom: 115px; } }
  @media all and (max-width: 767px) {
    .page-ttl, #recruit {
      padding-bottom: 57.5px; } }
  .page-ttl h3, #recruit h3 {
    padding-top: 115px;
    width: 22vw; }
    @media all and (max-width: 767px) {
      .page-ttl h3, #recruit h3 {
        width: 90vw;
        padding-top: 57.5px; } }
#recruit {
  background: url(/wp-content/themes/ondatokyo/images/recruit/recruit-bg.png) top center no-repeat;
  background-size: cover; }
  @media (min-width: 768px) {
    #recruit {
      margin-bottom: 0;
      padding-bottom: 115px; } }
  #recruit h4 {
    text-align: center; }
    @media screen and (max-width: 767px) {
      #recruit h4 {
        font-size: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #recruit h4 {
        font-size: 18px; } }
    @media screen and (min-width: 992px) and (max-width: 1259px) {
      #recruit h4 {
        font-size: 24px; } }
    @media screen and (min-width: 1260px), not screen {
      #recruit h4 {
        font-size: 24px; } }
  #recruit > div > p {
    line-height: 1.8888;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #recruit > div > p {
        font-size: 16px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #recruit > div > p {
        font-size: 16px; } }
    @media screen and (min-width: 992px) and (max-width: 1259px) {
      #recruit > div > p {
        font-size: 18px; } }
    @media screen and (min-width: 1260px), not screen {
      #recruit > div > p {
        font-size: 18px; } }
    @media screen and (max-width: 767px) {
      #recruit > div > p {
        margin-top: 36px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #recruit > div > p {
        margin-top: 36px; } }
    @media screen and (min-width: 992px) and (max-width: 1259px) {
      #recruit > div > p {
        margin-top: 45px; } }
    @media screen and (min-width: 1260px), not screen {
      #recruit > div > p {
        margin-top: 45px; } }
    @media screen and (max-width: 767px) {
      #recruit > div > p {
        margin-bottom: 32px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #recruit > div > p {
        margin-bottom: 32px; } }
    @media screen and (min-width: 992px) and (max-width: 1259px) {
      #recruit > div > p {
        margin-bottom: 40px; } }
    @media screen and (min-width: 1260px), not screen {
      #recruit > div > p {
        margin-bottom: 40px; } }
  #recruit #main_area {
    max-width: 640px;
    width: 90vw;
    margin: 0 auto; }
    #recruit #main_area dl {
      margin-bottom: 1.75em; }
      @media all and (min-width: 768px) {
        #recruit #main_area dl {
          display: table;
          width: 100%;
          margin-bottom: .75em; }
          #recruit #main_area dl dt, #recruit #main_area dl dd {
            display: table-cell; } }
      #recruit #main_area dl dt {
        font-weight: bold; }
        @media all and (min-width: 768px) {
          #recruit #main_area dl dt {
            width: 15%;
            font-weight: normal; } }
      @media all and (min-width: 768px) {
        #recruit #main_area dl dd {
          width: 85%; } }
    #recruit #main_area .no_offer {
      text-align: center; }

/*# sourceMappingURL=page-recruit.css.map */