@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
#top .p-slash-box {
  position: absolute;
  width: 48%;
  height: 300px;
  overflow: hidden;
  border-radius: 13px; }
  @media screen and (max-width: 568px) {
    #top .p-slash-box {
      height: 180px; } }
  #top .p-slash-box::before {
    content: "";
    display: block;
    border-radius: 13px;
    padding-top: 150%;
    padding: 50%;
    height: 300px; }
    @media screen and (max-width: 568px) {
      #top .p-slash-box::before {
        height: 180px; } }
  #top .p-slash-box__left {
    transform: skewX(-15deg);
    bottom: 15%;
    left: -26px;
    margin-right: 4%;
    border-right: 2px solid #523310; }
    @media screen and (max-width: 1024px) {
      #top .p-slash-box__left {
        left: 0; } }
    @media screen and (max-width: 568px) {
      #top .p-slash-box__left {
        bottom: 20%; } }
    #top .p-slash-box__left::before {
      background: url(/recruit/inc/image/pic_jigyo-1.jpg) no-repeat;
      background-size: cover;
      background-position-x: 45%;
      position: absolute;
      top: 0;
      left: 15%;
      padding: 50%;
      padding-right: 60%;
      transform: skewX(15deg);
      margin-right: 3%;
      border-top: 2px solid #523310;
      border-left: 2px solid #523310;
      border-bottom: 2px solid #523310; }
      @media screen and (max-width: 1024px) {
        #top .p-slash-box__left::before {
          padding: 32% 60%; } }
    #top .p-slash-box__left--2 {
      left: 56px; }
      @media screen and (max-width: 1024px) {
        #top .p-slash-box__left--2 {
          left: 0; } }
      #top .p-slash-box__left--2::before {
        background: url(/recruit/inc/image/pic_jigyo-3.jpg) no-repeat;
        background-size: 200%;
        background-position-x: 53%; }
        @media screen and (max-width: 1024px) {
          #top .p-slash-box__left--2::before {
            background-size: 150%;
            background-position-x: 80%;
            background-position-y: 20%; } }
        @media screen and (max-width: 568px) {
          #top .p-slash-box__left--2::before {
            background-size: 200%;
            background-position-x: 63%;
            background-position-y: 30%; } }
  #top .p-slash-box__right {
    transform: skewX(-15deg);
    bottom: 30px;
    right: 25px;
    border-left: 2px solid #523310; }
    @media screen and (max-width: 1024px) {
      #top .p-slash-box__right {
        right: 0; } }
    #top .p-slash-box__right::before {
      background: url(/recruit/inc/image/pic_jigyo-2.jpg) no-repeat;
      background-size: cover;
      background-position-x: 45%;
      position: absolute;
      top: 0;
      left: -20%;
      transform: skewX(15deg);
      border-top: 2px solid #523310;
      border-right: 2px solid #523310;
      border-bottom: 2px solid #523310; }
      @media screen and (max-width: 1024px) {
        #top .p-slash-box__right::before {
          padding: 32% 50%; } }
    #top .p-slash-box__right--2 {
      right: -55px; }
      @media screen and (max-width: 1024px) {
        #top .p-slash-box__right--2 {
          right: 0; } }
      #top .p-slash-box__right--2::before {
        background: url(/recruit/inc/image/pic_jigyo-4.jpg) no-repeat;
        background-size: cover;
        background-position-x: 38%; }
  #top .p-slash-box__container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 59%;
    height: 115%;
    min-height: 300px; }
    @media screen and (max-width: 1024px) {
      #top .p-slash-box__container {
        min-height: 350px;
        width: 100%; } }
    @media screen and (max-width: 568px) {
      #top .p-slash-box__container {
        min-height: 230px;
        width: 110%; } }
  #top .p-slash-box__txt {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      #top .p-slash-box__txt {
        width: 100%;
        padding-bottom: 30px; } }

#top .p-main-img__wrap {
  height: calc( 100vh - 80px);
  overflow: hidden;
  position: relative;
  background: url(../../../inc/image/img_main-pc.png) no-repeat center/cover; }
  @media screen and (max-width: 768px) {
    #top .p-main-img__wrap {
      height: 100vw; } }
  @media screen and (max-width: 568px) {
    #top .p-main-img__wrap {
      height: 150vw;
      max-height: 660px;
      background: url(../../../inc/image/img_main-sp.png) no-repeat top/cover; } }

#top .p-main-img__bg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

#top .p-main-img__catch {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 33%;
  width: 100%;
  padding: 0 22px;
  max-width: 50%; }
  @media screen and (max-width: 1280px) {
    #top .p-main-img__catch {
      max-width: 65%; } }
  @media screen and (max-width: 834px) {
    #top .p-main-img__catch {
      max-width: 80%; } }
  @media screen and (min-width: 1460px) {
    #top .p-main-img__catch {
      max-width: 40%; } }
  #top .p-main-img__catch > img {
    width: 100%; }

#top .p-main-img__txt {
  position: absolute;
  width: 100%;
  height: 16%;
  padding: 0 22px;
  bottom: 30px;
  color: #FFFFFF;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #top .p-main-img__txt {
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; } }
  @media screen and (max-width: 568px) {
    #top .p-main-img__txt {
      height: auto;
      font-size: .875em; } }

#top .p-full-image {
  max-width: 1440px;
  margin: 0 auto;
  height: 360px; }
  @media screen and (max-width: 768px) {
    #top .p-full-image {
      height: 250px; } }
  #top .p-full-image--matsumura {
    background: url(/recruit/inc/image/pic_matsumura.jpg) no-repeat top/cover; }
  #top .p-full-image--ikeuchi {
    background: url(/recruit/inc/image/pic_ikeuchi.jpg) no-repeat top/cover; }
  #top .p-full-image--yamachika {
    background: url(/recruit/inc/image/pic_yamachika.jpg) no-repeat top/cover; }
  #top .p-full-image__wrap {
    background-color: #fff9e0; }

#top .p-mainCatch {
  background-color: #ffea8d;
  padding: 130px 0 60px;
  position: relative; }
  @media screen and (max-width: 768px) {
    #top .p-mainCatch {
      padding-top: 0;
      padding-bottom: 40px; } }
  #top .p-mainCatch__inner {
    padding: 0 20px; }
    @media screen and (max-width: 768px) {
      #top .p-mainCatch__inner {
        padding-top: 30px; } }
  #top .p-mainCatch__title {
    text-align: center;
    color: #523310;
    margin: 0; }
    @media screen and (max-width: 768px) {
      #top .p-mainCatch__title {
        text-align: left; } }

#top .p-caption__title {
  background-color: #523310;
  color: #fff;
  padding: 21px 60px;
  min-width: 810px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -20px; }
  @media screen and (max-width: 768px) {
    #top .p-caption__title {
      position: static;
      box-shadow: none;
      min-width: auto;
      width: 100%;
      padding: 20px 25px; } }
  #top .p-caption__title-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #top .p-caption__title-wrap {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: start;
            align-items: flex-start; } }
  #top .p-caption__title--sub {
    font-size: 16px;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 24px;
    margin-right: 20px;
    text-align: left;
    color: #f8fcfc; }
    @media screen and (max-width: 768px) {
      #top .p-caption__title--sub {
        font-size: 14px; } }
  #top .p-caption__title--name {
    font-size: 34px;
    font-weight: 600; }
    @media screen and (max-width: 768px) {
      #top .p-caption__title--name {
        font-size: 24px; } }

#top .p-holiday {
  padding-bottom: 30px; }
  #top .p-holiday__wrap {
    padding-bottom: 55px; }
  #top .p-holiday__pic {
    height: 265px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 10px;
    border: 2px solid #74491E; }
    #top .p-holiday__pic > img {
      display: block; }
    #top .p-holiday__pic--matsumura-1 {
      background: url("../../../inc/image/pic_matsumura-hol-1.jpg") no-repeat center/cover; }
    #top .p-holiday__pic--matsumura-2 {
      background: url("../../../inc/image/pic_matsumura-hol-2.jpg") no-repeat center/cover; }
    #top .p-holiday__pic--ikeuchi-1 {
      background: url("../../../inc/image/pic_ikeuchi-hol-1.jpg") no-repeat center/cover; }
    #top .p-holiday__pic--ikeuchi-2 {
      background: url("../../../inc/image/pic_ikeuchi-hol-2.jpg") no-repeat;
      background-size: cover;
      background-position-y: 75%; }
    #top .p-holiday__pic--yamachika-1 {
      background: url("../../../inc/image/pic_yamachika-hol-1.jpg") no-repeat center/cover; }
      @media screen and (max-width: 1024px) {
        #top .p-holiday__pic--yamachika-1 {
          background-position-y: 34%; } }
    #top .p-holiday__pic--yamachika-2 {
      background: url("../../../inc/image/pic_yamachika-hol-2.jpg") no-repeat;
      background-size: cover;
      background-position-x: center; }

#top .p-interview__txt {
  margin-bottom: 0; }

#top .p-interview__pic {
  height: 240px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 10px;
  border: 2px solid #74491E; }
  #top .p-interview__pic > img {
    display: block; }
  #top .p-interview__pic-box {
    padding-bottom: 20px; }
  #top .p-interview__pic--matsumura-1 {
    background: url("../../../inc/image/pic_matsumura-kikkake.jpg") no-repeat;
    background-size: cover;
    background-position-y: 15%; }
  #top .p-interview__pic--matsumura-2 {
    background: url("../../../inc/image/pic_matsumura-work.jpg") no-repeat;
    background-size: cover;
    background-position-y: 15%;
    background-position-x: 20%; }
  #top .p-interview__pic--ikeuchi-1 {
    background: url("../../../inc/image/pic_ikeuchi-kikkake.jpg") no-repeat;
    background-size: 180%;
    background-position-y: 15%;
    background-position-x: center; }
  #top .p-interview__pic--ikeuchi-2 {
    background: url("../../../inc/image/pic_ikeuchi-work.jpg") no-repeat center/cover; }
  #top .p-interview__pic--yamachika-1 {
    background: url("../../../inc/image/pic_yamachika-kikkake.jpg") no-repeat center/cover; }
  #top .p-interview__pic--yamachika-2 {
    background: url("../../../inc/image/pic_yamachika-work.jpg") no-repeat center/cover; }

#top .p-schedule__inner {
  background-color: #ffea8d;
  border: 2px solid #523310;
  border-radius: 10px;
  padding: 60px; }
  @media screen and (max-width: 1024px) {
    #top .p-schedule__inner {
      max-width: 100%; } }
  @media screen and (max-width: 568px) {
    #top .p-schedule__inner {
      padding: 45px 20px; } }

#top .p-schedule__title {
  font-size: 22px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    #top .p-schedule__title {
      text-align: center; } }

#top .p-schedule__img-box {
  padding: 40px 15px;
  max-width: 364px; }
  #top .p-schedule__img-box > img {
    width: 100%; }
  #top .p-schedule__img-box:last-child {
    padding-bottom: 0; }

#top .p-schedule__pic {
  height: 240px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 10px;
  border: 2px solid #74491E; }
  #top .p-schedule__pic > img {
    display: block; }
  #top .p-schedule__pic--matsumura {
    background: url("../../../inc/image/pic_schedule-matsumura.jpg") no-repeat center/cover; }
  #top .p-schedule__pic--ikeuchi {
    background: url("../../../inc/image/pic_schedule-ikeuchi.jpg") no-repeat center/cover; }
  #top .p-schedule__pic--yamachika {
    background: url("../../../inc/image/pic_schedule-yamachika.jpg") no-repeat;
    background-size: cover;
    background-position-y: 10%; }

#top .p-work__wrap {
  padding-top: 0;
  padding-bottom: 90px; }
  @media screen and (max-width: 768px) {
    #top .p-work__wrap {
      padding-bottom: 60px; } }

#top .p-work > .l-section:last-child {
  padding-bottom: 30px; }

#top .p-work__item {
  padding-bottom: 50px; }
  @media screen and (max-width: 768px) {
    #top .p-work__item {
      padding-bottom: 20px; } }

#top .p-details {
  overflow: hidden;
  padding-top: 0px; }
  #top .p-details > .l-section:last-child {
    padding-bottom: 30px; }
    @media screen and (max-width: 568px) {
      #top .p-details > .l-section:last-child {
        padding-bottom: 0; } }
  #top .p-details__wrap {
    padding-top: 50px;
    padding-bottom: 25px; }
    @media screen and (max-width: 1024px) {
      #top .p-details__wrap {
        padding-top: 0px; } }
    #top .p-details__wrap:first-child {
      padding-top: 0; }
    @media screen and (max-width: 768px) {
      #top .p-details__wrap:last-child {
        padding-bottom: 30px; } }
  #top .p-details__box {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      #top .p-details__box {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        -ms-flex-align: center;
            align-items: center; } }
    @media screen and (max-width: 1024px) {
      #top .p-details__box--reverse {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center; } }

#top .p-about__wrap {
  padding-top: 0px;
  padding-bottom: 40px; }

#top .p-about__img-wrap {
  padding-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (max-width: 568px) {
    #top .p-about__img-wrap {
      padding-bottom: 20px; } }

#top .p-about__img-box {
  display: -ms-flexbox;
  display: flex;
  max-width: 560px; }
  #top .p-about__img-box > img {
    width: 100%; }

#top .p-message {
  padding-top: 20px; }
  @media screen and (max-width: 568px) {
    #top .p-message {
      padding-bottom: 40px; } }
  #top .p-message__wrap {
    padding-bottom: 40px; }
  #top .p-message__img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  #top .p-message__img-box {
    display: -ms-flexbox;
    display: flex;
    max-width: 632px;
    padding: 0 11px; }
    #top .p-message__img-box > img {
      width: 100%; }

#top .p-pt0 {
  padding-top: 0px; }

#top .p-pb0 {
  padding-bottom: 0px; }

#top .p-pb18 {
  padding-bottom: 18px; }

#top .p-pb20 {
  padding-bottom: 20px; }

#top .p-pb60 {
  padding-bottom: 60px; }

#top .p-pb30 {
  padding-bottom: 30px; }

#top .p-mb0 {
  margin-bottom: 0px; }

#top .p-ttl--medi {
  padding-bottom: 60px; }

#top .p-ttl--small {
  padding-bottom: 20px; }

/*# sourceMappingURL=../_map/page/top.css.map */