@charset "UTF-8";
/* Scss Document */
/*=============================================================
 採用情報
=============================================================*/
.post-type-archive-recruit #com_titArea {
  /*.illust {
  	position: absolute;
  	bottom:0;
  	right:10%;
  	z-index: 2;
  	img {
  		height: 70px;
  		@include min-screen($breakpoint-mobile) {
  			height: auto;
  		}
  	}
  }*/ }
  .post-type-archive-recruit #com_titArea .inner {
    background-color: rgba(250, 206, 85, 0.5); }
    .post-type-archive-recruit #com_titArea .inner .com_tit01 .ja {
      color: #5B3F2C; }
    @media screen and (max-width: 768px) {
      .post-type-archive-recruit #com_titArea .inner .com_tit01 img {
        width: auto;
        height: 70px; } }

#recruit_sec01 {
  padding: 50px 0; }
  @media print, screen and (min-width: 768px) {
    #recruit_sec01 {
      padding: 0 0 80px 0; } }
  #recruit_sec01 header {
    text-align: center; }
    #recruit_sec01 header p {
      background: linear-gradient(transparent 50%, #FACE55 50%);
      display: inline-block;
      margin-bottom: 0.5em !important; }
  #recruit_sec01 #messageBox {
    max-width: 1280px;
    margin: 0 auto;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      #recruit_sec01 #messageBox {
        justify-content: space-between; } }
    #recruit_sec01 #messageBox .message {
      width: 100%;
      text-align: center; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 #messageBox .message {
          width: 40%;
          order: 2; } }
      #recruit_sec01 #messageBox .message header {
        margin-bottom: 20px; }
      #recruit_sec01 #messageBox .message p {
        font-size: 110%; }
        #recruit_sec01 #messageBox .message p b {
          background: url("../image/recruit/txt_bk.png") no-repeat;
          background-size: 100% 100%;
          line-height: 40px;
          display: inline-block;
          padding: 10px 30px;
          margin-bottom: -5px; }
    #recruit_sec01 #messageBox .img:nth-of-type(1) {
      width: 50%;
      margin-right: -10px; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 #messageBox .img:nth-of-type(1) {
          width: 30%;
          order: 1; } }
    #recruit_sec01 #messageBox .img:nth-of-type(2) {
      width: 50%;
      margin-top: 50px;
      margin-right: -10px; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 #messageBox .img:nth-of-type(2) {
          margin: 0;
          width: 30%;
          order: 3; } }
  #recruit_sec01 .col2 {
    max-width: 1280px;
    margin: 0 auto;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      #recruit_sec01 .col2 {
        justify-content: space-between; } }
    #recruit_sec01 .col2 li:nth-child(1) {
      width: 48%; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 .col2 li:nth-child(1) {
          margin-top: 0px;
          margin-right: 150px;
          width: auto; } }
    #recruit_sec01 .col2 li:nth-child(2) {
      margin-top: 20px;
      margin-right: -10px;
      width: 50%; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 .col2 li:nth-child(2) {
          margin: 0;
          width: auto; } }
  #recruit_sec01 .cfBox {
    max-width: 860px;
    margin: 0 auto; }
    #recruit_sec01 .cfBox .js-toggle-tit {
      margin-top: 30px;
      cursor: pointer;
      background: #FACE55;
      border-radius: 10px;
      text-align: left;
      font-size: 150%;
      padding: 3px; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 .cfBox .js-toggle-tit {
          margin-top: 70px; } }
      #recruit_sec01 .cfBox .js-toggle-tit span {
        display: block;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 0.5em 1em;
        position: relative; }
        @media print, screen and (min-width: 768px) {
          #recruit_sec01 .cfBox .js-toggle-tit span {
            padding: 0.5em 2em; } }
        #recruit_sec01 .cfBox .js-toggle-tit span:after {
          position: absolute;
          top: 50%;
          right: 30px;
          content: "";
          display: block;
          width: 40px;
          height: 40px;
          background: url("../image/common/ico_plus.png") no-repeat center center;
          background-size: 100% auto;
          margin-top: -20px; }
      #recruit_sec01 .cfBox .js-toggle-tit.on span:after {
        background: url("../image/common/hamburger_spbtn_c.png") no-repeat center center;
        background-size: 100% auto; }
    #recruit_sec01 .cfBox .js-toggle-content {
      display: none;
      background-color: #fff;
      padding: 20px;
      border: 5px solid #FEF5DD;
      border-top: none; }
      @media print, screen and (min-width: 768px) {
        #recruit_sec01 .cfBox .js-toggle-content {
          padding: 30px 45px; } }
      #recruit_sec01 .cfBox .js-toggle-content .com_tbl01 {
        text-align: left; }
    #recruit_sec01 .cfBox .close {
      text-align: center;
      margin-top: 50px; }
      #recruit_sec01 .cfBox .close img {
        cursor: pointer; }
  #recruit_sec01 .attend {
    text-align: center;
    margin-top: 50px; }
    #recruit_sec01 .attend p {
      margin-top: 20px; }
      #recruit_sec01 .attend p.tel {
        font-size: 150%; }
        #recruit_sec01 .attend p.tel span {
          background: linear-gradient(transparent 50%, #FACE55 50%);
          font-size: 80%;
          margin-right: 1em; }