@charset "UTF-8";
#subtitleArea .inner {
  padding: 0px 5% 30px 5% !important;
  text-align: center !important; }
  @media screen and (max-width: 960px) {
    #subtitleArea .inner {
      padding-bottom: 50px !important; } }
  @media screen and (min-width: 1281px) {
    #subtitleArea .inner {
      padding: 0px 30px 60px 30px !important; } }
#subtitleArea .subTitle {
  font-size: clamp(1.6rem, 1.81vw, 2.2rem);
  font-weight: bold;
  line-height: 1.0; }
  @media screen and (max-width: 960px) {
    #subtitleArea .subTitle {
      text-align: center; } }
  #subtitleArea .subTitle span {
    font-size: clamp(4rem, 7.1vw, 7.6rem);
    display: inline-block;
    width: 100%;
    font-weight: 900;
    line-height: 1.0;
    font-family: "Lato", serif;
    color: #4c4c4c;
    padding-bottom: 10px; }

.contentitleArea .inner {
  padding-top: 30px !important;
  padding-bottom: 0px !important; }
  @media screen and (min-width: 481px) and (max-width: 960px) {
    .contentitleArea .inner {
      padding-top: 50px !important;
      padding-bottom: 0px !important; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    .contentitleArea .inner {
      padding-top: 80px !important;
      padding-bottom: 0px !important; } }
  @media screen and (min-width: 1281px) {
    .contentitleArea .inner {
      padding-top: 100px !important;
      padding-bottom: 30px !important; } }

/* ----------------------------------------rec
	#recruit_visual
---------------------------------------- */
#recruit_visual {
  margin-right: 5%;
  margin-left: 5%;
  margin-bottom: 5%; }
  @media screen and (min-width: 961px) {
    #recruit_visual {
      margin-right: 30px;
      margin-left: 30px; } }
  @media screen and (min-width: 1281px) {
    #recruit_visual {
      margin-bottom: 60px; } }
  #recruit_visual #recruit_visual_ol {
    max-width: 2000px;
    width: 100%;
    border-radius: 10px;
    margin: 0px auto;
    position: relative;
    text-align: center;
    position: relative; }
    #recruit_visual #recruit_visual_ol .visualtext {
      position: absolute;
      left: 0;
      right: 0;
      top: 30%;
      margin: 0px auto;
      z-index: 1;
      color: #ffffff;
      font-size: 3.0rem;
      font-family: "Lato", serif;
      font-weight: 900;
      font-size: clamp(1.8rem, 3vw, 4rem); }
      @media screen and (max-width: 767px) {
        #recruit_visual #recruit_visual_ol .visualtext {
          top: 40%; } }
      @media screen and (min-width: 768px) {
        #recruit_visual #recruit_visual_ol .visualtext {
          top: 50%; } }
      @media screen and (max-width: 1280px) {
        #recruit_visual #recruit_visual_ol .visualtext {
          padding-right: 10%;
          padding-left: 10%; } }
    #recruit_visual #recruit_visual_ol img {
      border-radius: 20px; }
    #recruit_visual #recruit_visual_ol .slick-slide {
      max-width: 700px !important;
      margin: 0px 5px !important; }
      @media screen and (min-width: 961px) {
        #recruit_visual #recruit_visual_ol .slick-slide {
          margin: 0px 15px !important; } }

/* ----------------------------------------
	#home_menu
---------------------------------------- */
#home_menu {
  background: url("../images/recruit/home_bg.jpg?1") no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  #home_menu .inner {
    padding-top: 50px;
    padding-bottom: 30px; }
    @media screen and (min-width: 961px) {
      #home_menu .inner {
        padding-top: 100px;
        padding-bottom: 60px; } }
  #home_menu #intro {
    margin-bottom: 30px;
    text-align: center; }
    @media screen and (min-width: 961px) {
      #home_menu #intro {
        margin-bottom: 50px; } }
    #home_menu #intro .catch {
      font-weight: 700;
      font-size: clamp(2rem, 2.8vw, 3.8rem);
      margin-bottom: 25px;
      color: #ffffff; }
      @media screen and (min-width: 1281px) {
        #home_menu #intro .catch {
          margin-bottom: 30px; } }
    #home_menu #intro p {
      color: #ffffff;
      margin-bottom: 0px;
      font-weight: 700; }
      @media screen and (min-width: 961px) {
        #home_menu #intro p {
          font-size: 2.0rem; } }
  #home_menu ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      #home_menu ul {
        max-width: 500px;
        margin: 0px auto; } }
    @media screen and (max-width: 480px) {
      #home_menu ul {
        max-width: 300px; } }
    #home_menu ul li {
      position: relative;
      border-radius: 20px;
      margin-bottom: 20px;
      width: 100%; }
      @media screen and (min-width: 768px) and (max-width: 960px) {
        #home_menu ul li {
          width: 48%; } }
      @media screen and (min-width: 961px) {
        #home_menu ul li {
          width: 31%;
          margin-bottom: 30px; } }
      #home_menu ul li a {
        display: block;
        padding: 20px 20px;
        font-weight: bold;
        background: #ffffff;
        border-radius: 10px;
        font-size: 1.8rem; }
        @media screen and (min-width: 961px) {
          #home_menu ul li a {
            padding: 30px 30px;
            border-radius: 20px; } }
        @media screen and (min-width: 961px) and (max-width: 1280px) {
          #home_menu ul li a {
            font-size: 2.0rem; } }
        @media screen and (min-width: 1281px) {
          #home_menu ul li a {
            font-size: 2.0rem; } }
      #home_menu ul li::after {
        content: url("../images/common/arrow_b.svg");
        display: inline-block;
        top: 33%;
        width: 8px;
        right: 15px;
        background-size: contain;
        position: absolute; }

/* ----------------------------------------
	#about
---------------------------------------- */
#about {
  /* ------#mission, #vision, #value -- */ }
  #about #mission .inner {
    padding-top: 0px; }
  #about #mission h3, #about #vision h3, #about #value h3 {
    font-weight: bold;
    line-height: 1.0;
    margin-bottom: 20px;
    font-size: clamp(1.8rem, 2vw, 2.2rem); }
    @media screen and (min-width: 961px) {
      #about #mission h3, #about #vision h3, #about #value h3 {
        margin-bottom: 50px; } }
    #about #mission h3 span, #about #vision h3 span, #about #value h3 span {
      font-weight: 900;
      line-height: 1.0;
      font-family: "Lato", serif;
      font-size: clamp(4rem, 5vw, 6rem); }
      @media screen and (max-width: 960px) {
        #about #mission h3 span, #about #vision h3 span, #about #value h3 span {
          padding-right: 15px; } }
      @media screen and (min-width: 961px) {
        #about #mission h3 span, #about #vision h3 span, #about #value h3 span {
          display: inline-block;
          width: 100%; } }
  @media screen and (max-width: 960px) {
    #about #mission .inner, #about #vision .inner, #about #value .inner {
      max-width: 600px;
      margin: 0px auto;
      padding-bottom: 0px; } }
  @media screen and (min-width: 961px) {
    #about #mission .inner, #about #vision .inner, #about #value .inner {
      padding-bottom: 0px;
      display: flex;
      max-width: 100%; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #about #mission .inner, #about #vision .inner, #about #value .inner {
      justify-content: space-between; } }
  @media screen and (max-width: 960px) {
    #about #mission .inner .imgArea, #about #vision .inner .imgArea, #about #value .inner .imgArea {
      margin-bottom: 30px; } }
  @media screen and (min-width: 961px) {
    #about #mission .inner .imgArea, #about #vision .inner .imgArea, #about #value .inner .imgArea {
      width: 60%; } }
  #about #mission .inner .imgArea img, #about #vision .inner .imgArea img, #about #value .inner .imgArea img {
    max-height: 600px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px; }
  @media screen and (min-width: 961px) {
    #about #mission .inner .textArea, #about #vision .inner .textArea, #about #value .inner .textArea {
      display: table; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #about #mission .inner .textArea, #about #vision .inner .textArea, #about #value .inner .textArea {
      width: 35%; } }
  @media screen and (min-width: 1281px) {
    #about #mission .inner .textArea, #about #vision .inner .textArea, #about #value .inner .textArea {
      padding: 0px 5%;
      max-width: 750px; } }
  #about #mission .inner .textArea .textArea_ol, #about #vision .inner .textArea .textArea_ol, #about #value .inner .textArea .textArea_ol {
    display: table-cell;
    vertical-align: middle; }
  #about #mission .inner .textArea ul li, #about #vision .inner .textArea ul li, #about #value .inner .textArea ul li {
    padding-left: 1em;
    text-indent: -1em;
    padding-bottom: 5px; }
  #about #mission .catch, #about #vision .catch, #about #value .catch {
    font-weight: bold;
    font-size: clamp(2.5rem, 3vw, 3.8rem); }
  #about .reverse {
    flex-direction: row-reverse; }

/* ----------------------------------------
	#work
---------------------------------------- */
#work {
  background: #d8e8ec;
  /* --#philosophy-- */ }
  #work #work01 .inner {
    padding-top: 0px; }
  @media screen and (max-width: 960px) {
    #work #work01 .inner, #work #work02 .inner {
      max-width: 700px;
      margin: 0px auto;
      padding-bottom: 0px; } }
  @media screen and (min-width: 961px) {
    #work #work01 .inner, #work #work02 .inner {
      padding-bottom: 0px;
      display: flex;
      max-width: 100%; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #work #work01 .inner, #work #work02 .inner {
      justify-content: space-between; } }
  @media screen and (max-width: 960px) {
    #work #work01 .inner .imgArea, #work #work02 .inner .imgArea {
      margin-bottom: 20px; } }
  @media screen and (min-width: 961px) {
    #work #work01 .inner .imgArea, #work #work02 .inner .imgArea {
      width: 60%; } }
  #work #work01 .inner .imgArea img, #work #work02 .inner .imgArea img {
    max-height: 600px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px; }
  @media screen and (min-width: 961px) {
    #work #work01 .inner .textArea, #work #work02 .inner .textArea {
      display: table; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #work #work01 .inner .textArea, #work #work02 .inner .textArea {
      width: 35%; } }
  @media screen and (min-width: 1281px) {
    #work #work01 .inner .textArea, #work #work02 .inner .textArea {
      padding: 0px 5%;
      max-width: 750px; } }
  #work #work01 .inner .textArea .textArea_ol, #work #work02 .inner .textArea .textArea_ol {
    display: table-cell;
    vertical-align: middle; }
  #work #work01 h4, #work #work02 h4 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.0; }
    @media screen and (min-width: 768px) {
      #work #work01 h4, #work #work02 h4 {
        font-size: 3.0rem; } }
    #work #work01 h4 span, #work #work02 h4 span {
      font-weight: bold;
      line-height: 1.0;
      font-size: clamp(3.5rem, 3vw, 3.8rem); }
  #work #work01 h5, #work #work02 h5 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.0; }
    @media screen and (min-width: 768px) {
      #work #work01 h5, #work #work02 h5 {
        font-size: 3.0rem; } }
  #work #work01 p, #work #work02 p {
    margin-bottom: 50px; }
  #work .reverse {
    flex-direction: row-reverse; }

/* ----------------------------------------
		#advantage
---------------------------------------- */
#advantage {
  background: #efe4e1;
  /* -----#advantage_lead---- */
  /* -----#features---- */ }
  #advantage #advantage_lead .inner {
    padding-top: 0px; }
    @media screen and (max-width: 960px) {
      #advantage #advantage_lead .inner {
        max-width: 700px;
        margin: 0px auto; } }
    @media screen and (min-width: 961px) {
      #advantage #advantage_lead .inner {
        display: flex;
        max-width: 100%; } }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      #advantage #advantage_lead .inner {
        justify-content: space-between; } }
    @media screen and (min-width: 1281px) {
      #advantage #advantage_lead .inner {
        padding: 0px 30px 80px 30px !important; } }
    @media screen and (max-width: 960px) {
      #advantage #advantage_lead .inner .imgArea {
        margin-bottom: 30px; } }
    @media screen and (min-width: 961px) {
      #advantage #advantage_lead .inner .imgArea {
        width: 60%; } }
    #advantage #advantage_lead .inner .imgArea img {
      max-height: 600px;
      object-fit: cover;
      width: 100%;
      border-radius: 20px; }
    @media screen and (min-width: 961px) {
      #advantage #advantage_lead .inner .textArea {
        display: table; } }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      #advantage #advantage_lead .inner .textArea {
        width: 35%; } }
    @media screen and (min-width: 1281px) {
      #advantage #advantage_lead .inner .textArea {
        padding: 0px 5%;
        max-width: 750px; } }
    #advantage #advantage_lead .inner .textArea .textArea_ol {
      display: table-cell;
      vertical-align: middle; }
  #advantage #advantage_lead .catch {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: clamp(2.5rem, 3vw, 3.8rem); }
    @media screen and (min-width: 1281px) {
      #advantage #advantage_lead .catch {
        margin-bottom: 30px; } }
  #advantage #advantage_lead p {
    margin-bottom: 50px; }
    @media screen and (min-width: 1281px) {
      #advantage #advantage_lead p {
        font-size: 1.8rem; } }
  #advantage .reverse {
    flex-direction: row-reverse; }
  #advantage #features {
    background: url("../images/recruit/advantage_features_bg.jpg?3") no-repeat;
    background-position: 50% 100%;
    background-size: cover; }
    #advantage #features h3 {
      font-weight: bold;
      line-height: 1.0;
      margin-bottom: 30px;
      font-size: clamp(1.8rem, 2vw, 2.2rem);
      text-align: center;
      color: #ffffff; }
      @media screen and (min-width: 961px) {
        #advantage #features h3 {
          margin-bottom: 50px; } }
      #advantage #features h3 span {
        font-weight: 900;
        line-height: 1.0;
        font-family: "Lato", serif;
        font-size: clamp(4rem, 5vw, 6rem);
        color: #ffffff;
        width: 100%;
        display: inline-block; }
    @media screen and (max-width: 960px) {
      #advantage #features ul {
        max-width: 500px;
        margin: 0px auto; } }
    @media screen and (min-width: 961px) {
      #advantage #features ul {
        display: flex;
        justify-content: space-between; } }
    #advantage #features ul li {
      text-align: center;
      background: #ffffff;
      padding: 20px;
      border-radius: 20px;
      box-shadow: 2px 3px 10px #000000; }
      @media screen and (max-width: 960px) {
        #advantage #features ul li {
          margin-bottom: 30px; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #advantage #features ul li {
          width: 32%; } }
      @media screen and (min-width: 1281px) {
        #advantage #features ul li {
          width: 31%;
          padding: 30px; } }
    #advantage #features img {
      border-radius: 20px; }
    #advantage #features .imgArea {
      margin-bottom: 20px; }
      @media screen and (min-width: 1281px) {
        #advantage #features .imgArea {
          margin-bottom: 30px; } }
    #advantage #features .featuresTit {
      margin-bottom: 10px;
      font-weight: 700;
      line-height: 1.0;
      font-size: 2.0rem; }
      #advantage #features .featuresTit span {
        font-size: 4.0rem;
        font-family: "Lato", serif;
        font-weight: 900;
        color: #000000;
        padding-left: 5px; }
    #advantage #features p {
      margin-bottom: 0px;
      font-weight: bold;
      font-size: 2.0rem;
      line-height: 1.4; }
      @media screen and (min-width: 961px) {
        #advantage #features p {
          font-size: 2.2rem; } }

/* ----------------------------------------
	#home_jobList
---------------------------------------- */
#home_jobList {
  background: #d8e8ec; }
  #home_jobList .inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
  #home_jobList li {
    background: none !important; }

/* ----------------------------------------
	.home_interview
---------------------------------------- */
.home_interview ul {
  margin-bottom: 30px; }
  .home_interview ul li {
    transition: all .25s ease-out; }
    .home_interview ul li:hover {
      background: #E5D8D4;
      border-radius: 35px 7px 7px 7px;
      transition: all .25s ease-out; }

/* ----------------------------------------
	layout
---------------------------------------- */
#about, #work, #data, #advantage, #home_jobList, .home_interview {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    #about, #work, #data, #advantage, #home_jobList, .home_interview {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (min-width: 1281px) {
    #about, #work, #data, #advantage, #home_jobList, .home_interview {
      padding-top: 120px;
      padding-bottom: 120px; } }

#data, #advantage, #interview_home {
  padding-bottom: 0px; }

#data {
  /******************************************************
  #sankyo-data
  ******************************************************/ }
  #data #sankyo-data {
    position: relative; }
    #data #sankyo-data .inner {
      padding-top: 0px; }
      @media screen and (min-width: 961px) {
        #data #sankyo-data .inner {
          padding-top: 0px; } }
    #data #sankyo-data ul.item-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 960px) {
        #data #sankyo-data ul.item-list {
          max-width: 700px;
          margin: 0px auto; } }
      #data #sankyo-data ul.item-list li {
        background: #ceefe5;
        padding: 25px 10px;
        border-radius: 20px;
        text-align: center;
        margin-bottom: 20px;
        position: relative; }
        @media screen and (max-width: 960px) {
          #data #sankyo-data ul.item-list li {
            width: 48%; } }
        @media screen and (min-width: 961px) {
          #data #sankyo-data ul.item-list li {
            width: 31%;
            margin-bottom: 30px;
            padding: 35px 10px; } }
        @media screen and (min-width: 768px) and (max-width: 960px) {
          #data #sankyo-data ul.item-list li {
            height: 340px; } }
        @media screen and (min-width: 961px) and (max-width: 1280px) {
          #data #sankyo-data ul.item-list li {
            height: 340px; } }
        @media screen and (min-width: 1281px) {
          #data #sankyo-data ul.item-list li {
            width: 390px;
            height: 375px; } }
    #data #sankyo-data h3.title {
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 1.0;
      font-size: 2.0rem;
      color: #666666; }
      @media screen and (min-width: 768px) {
        #data #sankyo-data h3.title {
          font-size: 2.4rem; } }
      @media screen and (min-width: 961px) {
        #data #sankyo-data h3.title {
          margin-bottom: 30px; } }
    #data #sankyo-data .counter {
      color: #3f3530;
      font-weight: 900;
      line-height: 1.0; }
      @media screen and (max-width: 480px) {
        #data #sankyo-data .counter span.unit {
          font-size: 2.0rem; } }
      @media screen and (min-width: 481px) and (max-width: 767px) {
        #data #sankyo-data .counter span.unit {
          font-size: 2.4rem; } }
      @media screen and (min-width: 768px) and (max-width: 960px) {
        #data #sankyo-data .counter span.unit {
          font-size: 3.8rem; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #data #sankyo-data .counter span.unit {
          font-size: 3.8rem; } }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .counter span.unit {
          font-size: 5.0rem; } }
      #data #sankyo-data .counter span.number {
        font-weight: 700;
        color: #3f3530; }
        @media screen and (max-width: 480px) {
          #data #sankyo-data .counter span.number {
            font-size: 4.6rem; } }
        @media screen and (min-width: 481px) and (max-width: 767px) {
          #data #sankyo-data .counter span.number {
            font-size: 7.0rem; } }
        @media screen and (min-width: 768px) and (max-width: 960px) {
          #data #sankyo-data .counter span.number {
            font-size: 8.8rem; } }
        @media screen and (min-width: 961px) and (max-width: 1280px) {
          #data #sankyo-data .counter span.number {
            font-size: 8.8rem; } }
        @media screen and (min-width: 1281px) {
          #data #sankyo-data .counter span.number {
            font-size: 11.0rem; } }
    #data #sankyo-data .note {
      font-weight: bold;
      line-height: 1.0;
      margin-top: 10px;
      margin-bottom: 25px;
      font-size: 1.4rem; }
    #data #sankyo-data .illustArea {
      position: absolute;
      bottom: 25px;
      display: inline-block;
      margin: 0px 5%;
      left: 0px;
      right: 0px; }
      @media screen and (min-width: 961px) {
        #data #sankyo-data .illustArea {
          bottom: 35px; } }
      #data #sankyo-data .illustArea img {
        display: inline-block; }
    #data #sankyo-data .no1 .illustArea {
      bottom: 15px; }
      @media screen and (max-width: 1280px) {
        #data #sankyo-data .no1 .illustArea img {
          max-height: 85px; } }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .no1 .illustArea img {
          height: 85px; } }
    #data #sankyo-data .no2 img {
      max-width: 200px;
      width: 100%; }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .no2 img {
          max-width: 230px; } }
    @media screen and (max-width: 960px) {
      #data #sankyo-data .no3 .counter {
        padding-bottom: 30%; } }
    #data #sankyo-data .no3 img {
      height: 65px; }
    @media screen and (max-width: 960px) {
      #data #sankyo-data .no4 .counter {
        padding-bottom: 50%; } }
    #data #sankyo-data .no4 .illustArea {
      bottom: 20px; }
      @media screen and (min-width: 768px) {
        #data #sankyo-data .no4 .illustArea {
          bottom: 15px; } }
      @media screen and (max-width: 767px) {
        #data #sankyo-data .no4 .illustArea img {
          max-height: 60px; } }
      @media screen and (min-width: 768px) and (max-width: 1280px) {
        #data #sankyo-data .no4 .illustArea img {
          max-height: 100px; } }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .no4 .illustArea img {
          height: 120px; } }
    @media screen and (max-width: 767px) {
      #data #sankyo-data .no5 {
        padding-bottom: 40px !important; } }
    #data #sankyo-data .no5 .counter img {
      max-width: 200px;
      width: 100%; }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .no5 .counter img {
          max-width: 230px; } }
    #data #sankyo-data .no5 .illustArea {
      bottom: 15px; }
      #data #sankyo-data .no5 .illustArea img {
        width: 100%; }
        @media screen and (min-width: 1281px) {
          #data #sankyo-data .no5 .illustArea img {
            max-width: 270px; } }
    @media screen and (max-width: 960px) {
      #data #sankyo-data .no6 .counter {
        padding-bottom: 30%; } }
    #data #sankyo-data .no6 .illustArea {
      bottom: 20px; }
      @media screen and (min-width: 768px) {
        #data #sankyo-data .no6 .illustArea {
          bottom: 15px; } }
      @media screen and (max-width: 767px) {
        #data #sankyo-data .no6 .illustArea img {
          max-height: 70px; } }
      @media screen and (min-width: 768px) and (max-width: 1280px) {
        #data #sankyo-data .no6 .illustArea img {
          max-height: 100px; } }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .no6 .illustArea img {
          height: 120px; } }
    @media screen and (min-width: 768px) and (max-width: 960px) {
      #data #sankyo-data .no1 .counter, #data #sankyo-data .no3 .counter, #data #sankyo-data .no4 .counter, #data #sankyo-data .no6 .counter {
        padding-top: 15px; } }
    @media screen and (min-width: 1281px) {
      #data #sankyo-data .no1 .counter, #data #sankyo-data .no3 .counter, #data #sankyo-data .no4 .counter, #data #sankyo-data .no6 .counter {
        padding-top: 15px; } }
    #data #sankyo-data .no1 .counter .count_ol, #data #sankyo-data .no3 .counter .count_ol, #data #sankyo-data .no4 .counter .count_ol, #data #sankyo-data .no6 .counter .count_ol {
      background: linear-gradient(transparent 65%, #ffc32c 0%);
      padding: 0px 10px 15px 10px;
      display: inline-block; }
      @media screen and (min-width: 1281px) {
        #data #sankyo-data .no1 .counter .count_ol, #data #sankyo-data .no3 .counter .count_ol, #data #sankyo-data .no4 .counter .count_ol, #data #sankyo-data .no6 .counter .count_ol {
          text-decoration-thickness: 40px; } }

#interview {
  /****************************************/
  /* ----------------------------------------
  	.detail
  ---------------------------------------- */
  /***********/ }
  #interview .interviewTit {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.2; }
    @media screen and (min-width: 768px) {
      #interview .interviewTit {
        font-size: 2.2rem; } }
    #interview .interviewTit span {
      font-size: 3.0rem;
      display: inline-block;
      width: 100%;
      font-weight: 900; }
      @media screen and (min-width: 768px) {
        #interview .interviewTit span {
          font-size: 4.0rem; } }
  #interview #staffList .inner {
    padding-top: 10px; }
    @media screen and (min-width: 961px) {
      #interview #staffList .inner {
        padding-top: 20px; } }
  #interview #staffList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #interview #staffList ul {
        max-width: 650px;
        margin: 0px auto; } }
    #interview #staffList ul li {
      margin-bottom: 30px;
      background: #efe4e1;
      border-radius: 35px 5px 35px 5px;
      padding: 18px;
      position: relative; }
      @media screen and (max-width: 480px) {
        #interview #staffList ul li {
          padding: 10px;
          margin-bottom: 15px; } }
      @media screen and (max-width: 960px) {
        #interview #staffList ul li {
          width: 48%; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #interview #staffList ul li {
          width: 32%; } }
      @media screen and (min-width: 1281px) {
        #interview #staffList ul li {
          width: 23%; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #interview #staffList ul::after {
      content: "";
      display: block;
      width: 32%; } }
  #interview #staffList .text_ol {
    position: relative;
    padding: 0px 0px 8px 0px; }
  #interview #staffList .imgArea {
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    border-radius: 35px 5px 35px 5px;
    margin-bottom: 12px !important; }
    #interview #staffList .imgArea img {
      border-radius: 35px 10px 35px 5px;
      height: auto;
      transition: transform .6s ease;
      /* ゆっくり変化させる */ }
    @media screen and (max-width: 767px) {
      #interview #staffList .imgArea {
        max-width: 300px;
        margin: 0px auto; } }
    @media screen and (min-width: 481px) {
      #interview #staffList .imgArea {
        margin-bottom: 15px !important; } }
  #interview #staffList .infoText {
    font-weight: 700;
    font-size: 2.0rem; }
    @media screen and (min-width: 768px) {
      #interview #staffList .infoText {
        font-size: 2.2rem; } }
  #interview #staffList .category {
    margin-bottom: 2px;
    font-size: 1.3rem;
    font-weight: 500;
    background: #333333;
    color: #ffffff;
    display: inline-block;
    line-height: 1.5rem;
    padding: 5px 10px 5px 10px;
    border-radius: 3px; }
    @media screen and (min-width: 481px) {
      #interview #staffList .category {
        margin-bottom: 8px; } }
  #interview #staffList .employment {
    color: #666666;
    font-size: 1.3rem;
    margin-bottom: 3px; }
  #interview #staffList .name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    position: relative;
    letter-spacing: 2px; }
    @media screen and (min-width: 481px) {
      #interview #staffList .name {
        font-size: 2.0rem; } }
    #interview #staffList .name::after {
      content: url("../images/common/arrow_black.svg");
      display: inline-block;
      right: 0px;
      bottom: 0px;
      width: 7px;
      position: absolute; }
  #interview #staffList li {
    transition: all .25s ease-out; }
    #interview #staffList li:hover {
      /*background:#E9DBD7;*/
      border-radius: 35px 5px 35px 5px;
      transition: all .25s ease-out; }
      #interview #staffList li:hover img {
        transform: scale(1.1);
        /* 拡大 */
        border-radius: 35px 5px 35px 5px; }
  #interview .detail {
    padding-top: 50px; }
    #interview .detail .tit_interview img {
      width: 70%;
      max-width: 760px; }
      @media screen and (min-width: 961px) {
        #interview .detail .tit_interview img {
          width: 50%; } }
    #interview .detail h3.sectionTit {
      margin-bottom: 30px; }
    #interview .detail .inner {
      max-width: 1500px;
      margin: 0px auto;
      padding-top: 0px; }
    #interview .detail .prof {
      border-radius: 20px 20px 20px 20px;
      margin-bottom: 30px;
      padding: 30px; }
      @media screen and (min-width: 768px) and (max-width: 960px) {
        #interview .detail .prof {
          padding: 30px 70px; } }
      @media screen and (min-width: 961px) {
        #interview .detail .prof {
          display: flex;
          margin-bottom: 50px; } }
      @media screen and (max-width: 767px) {
        #interview .detail .prof .imgArea {
          max-width: 400px;
          margin: 0px auto; } }
      @media screen and (min-width: 768px) and (max-width: 960px) {
        #interview .detail .prof .imgArea {
          max-width: 500px;
          margin: 0px auto; } }
      @media screen and (max-width: 960px) {
        #interview .detail .prof .imgArea {
          margin-bottom: 20px; } }
      @media screen and (min-width: 961px) {
        #interview .detail .prof .imgArea {
          width: 35%; } }
      #interview .detail .prof .imgArea img {
        border-radius: 20px 20px 20px 20px;
        border: 1px solid #fff; }
      @media screen and (min-width: 961px) {
        #interview .detail .prof .textArea {
          display: table;
          width: 65%;
          padding: 0px 5%; } }
      #interview .detail .prof .textArea .textArea_ol {
        display: table-cell;
        vertical-align: middle; }
      #interview .detail .prof .category {
        font-weight: 600;
        display: inline-block;
        padding: 5px 15px 6px 15px;
        border-radius: 5px;
        background: #333333;
        color: #ffffff;
        line-height: 1.2; }
        @media screen and (min-width: 768px) {
          #interview .detail .prof .category {
            font-size: 1.8rem; } }
      #interview .detail .prof .name {
        font-size: 3.0rem;
        font-weight: 700;
        margin-bottom: 20px;
        color: #50b464; }
        @media screen and (min-width: 768px) {
          #interview .detail .prof .name {
            font-size: 4.0rem; } }
        #interview .detail .prof .name span {
          font-size: 1.8rem;
          font-weight: 700;
          padding-left: 20px; }
          @media screen and (min-width: 768px) {
            #interview .detail .prof .name span {
              font-size: 2.0rem; } }
      #interview .detail .prof .infoText {
        font-weight: 700; }
        @media screen and (min-width: 961px) {
          #interview .detail .prof .infoText {
            margin-bottom: 40px;
            font-size: 2.2rem; } }
      #interview .detail .prof .catTit {
        font-weight: 700;
        font-size: 2.0rem;
        color: #000000; }
    #interview .detail .daily-schedule {
      max-width: 1000px;
      margin: 0px auto;
      margin-bottom: 50px; }
      @media screen and (min-width: 961px) {
        #interview .detail .daily-schedule {
          display: flex;
          justify-content: space-between;
          margin-bottom: 80px; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #interview .detail .daily-schedule .titleArea {
          width: 200px; } }
      @media screen and (min-width: 1281px) {
        #interview .detail .daily-schedule .titleArea {
          width: 400px; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #interview .detail .daily-schedule .scheduleArea {
          width: -webkit-calc(100% - 250px);
          width: calc(100% - 250px); } }
      @media screen and (min-width: 1281px) {
        #interview .detail .daily-schedule .scheduleArea {
          width: -webkit-calc(100% - 400px);
          width: calc(100% - 400px); } }
      #interview .detail .daily-schedule dl {
        display: flex;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 7px;
        padding-top: 7px; }
        #interview .detail .daily-schedule dl dt {
          width: 80px;
          text-align: right;
          padding-right: 30px; }
          @media screen and (min-width: 961px) {
            #interview .detail .daily-schedule dl dt {
              width: 100px;
              padding-right: 50px; } }
        #interview .detail .daily-schedule dl dd {
          width: -webkit-calc(100% - 80px);
          width: calc(100% - 80px); }
          @media screen and (min-width: 961px) {
            #interview .detail .daily-schedule dl dd {
              width: -webkit-calc(100% - 100px);
              width: calc(100% - 100px); } }
        @media screen and (min-width: 961px) {
          #interview .detail .daily-schedule dl dt, #interview .detail .daily-schedule dl dd {
            font-size: 1.8rem; } }
    #interview .detail .work-situation {
      max-width: 1000px;
      margin: 0px auto; }
      @media screen and (min-width: 768px) {
        #interview .detail .work-situation ul {
          display: flex;
          justify-content: space-between; } }
      @media screen and (min-width: 768px) {
        #interview .detail .work-situation ul li {
          width: 48%; } }
      #interview .detail .work-situation .imgArea {
        margin-bottom: 15px; }
        #interview .detail .work-situation .imgArea img {
          border-radius: 20px;
          border: 1px solid #fff; }
      #interview .detail .work-situation .name {
        font-weight: 700;
        font-size: 2.0rem; }
        @media screen and (min-width: 961px) {
          #interview .detail .work-situation .name {
            font-size: 2.4rem; } }
  #interview #staffProf .detail:nth-child(1) {
    background: #efe4e1; }
    #interview #staffProf .detail:nth-child(1) .prof {
      background: #ffffff; }
  #interview #staffProf .detail:nth-child(2) {
    background: #ffffff; }
    #interview #staffProf .detail:nth-child(2) .prof {
      background: #E3EDF0; }
  #interview #staffProf .detail:nth-child(3) {
    background: #d8e8ec; }
    #interview #staffProf .detail:nth-child(3) .prof {
      background: #ffffff; }
  #interview #staffProf .detail:nth-child(4) {
    background: #ffffff; }
    #interview #staffProf .detail:nth-child(4) .prof {
      background: #E3EDF0; }
  #interview #staffProf .detail:nth-child(5) {
    background: #efe4e1; }
    #interview #staffProf .detail:nth-child(5) .prof {
      background: #ffffff; }
  #interview #staffProf .detail:nth-child(6) {
    background: #ffffff; }
    #interview #staffProf .detail:nth-child(6) .prof {
      background: #E3EDF0; }
  #interview #staffProf .detail:nth-child(7) {
    background: #d8e8ec; }
    #interview #staffProf .detail:nth-child(7) .prof {
      background: #ffffff; }
  #interview #staffProf .detail:nth-child(8) {
    background: #ffffff; }
    #interview #staffProf .detail:nth-child(8) .prof {
      background: #E3EDF0; }
  #interview #staffProf .detail:nth-child(9) {
    background: #efe4e1; }
    #interview #staffProf .detail:nth-child(9) .prof {
      background: #ffffff; }
  #interview #staffProf .detail:nth-child(10) {
    background: #ffffff; }
    #interview #staffProf .detail:nth-child(10) .prof {
      background: #E3EDF0; }
  #interview #staffProf .detail:nth-child(11) {
    background: #d8e8ec; }
    #interview #staffProf .detail:nth-child(11) .prof {
      background: #ffffff; }
  #interview #staffProf .detail:nth-child(12) {
    background: #ffffff; }
    #interview #staffProf .detail:nth-child(12) .prof {
      background: #E3EDF0; }

/****************************************************************
		archive 
****************************************************************/
#jobList {
  margin: 0px auto; }
  @media screen and (max-width: 767px) {
    #jobList {
      max-width: 500px; } }
  @media screen and (min-width: 768px) {
    #jobList {
      max-width: 1000px; } }
  #jobList .inner {
    padding-top: 0px; }
    @media screen and (min-width: 961px) {
      #jobList .inner {
        padding-top: 20px; } }
  #jobList ul {
    border-bottom: 2px dotted #4c4c4c; }
    #jobList ul li {
      background: #ffffff;
      padding-top: 30px;
      padding-bottom: 30px;
      border-top: 1px dashed #4c4c4c; }
      #jobList ul li:hover {
        background: #d8e8ec;
        transition: all .25s ease-out; }
  #jobList a {
    transition: all .25s ease-out; }
    @media screen and (min-width: 768px) {
      #jobList a {
        display: flex;
        justify-content: space-between; } }
  @media screen and (min-width: 768px) {
    #jobList .job_image {
      width: 350px; } }
  #jobList .job_image img {
    width: 100%;
    border-radius: 20px; }
    @media screen and (max-width: 767px) {
      #jobList .job_image img {
        object-fit: cover; } }
    @media screen and (max-width: 480px) {
      #jobList .job_image img {
        height: 200px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      #jobList .job_image img {
        height: 230px; } }
  #jobList .job_about {
    padding: 15px 20px 0px 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      #jobList .job_about {
        width: -webkit-calc(100% -350px);
        width: calc(100% - 350px);
        padding: 0px 30px; } }
    #jobList .job_about .jobname {
      font-weight: bold;
      font-size: 2.2rem;
      margin-bottom: 10px;
      display: inline-block; }
      @media screen and (min-width: 768px) {
        #jobList .job_about .jobname {
          font-size: 2.4rem; } }
    #jobList .job_about .more {
      background: #4c4c4c;
      padding: 15px 10px;
      text-align: center;
      width: 260px;
      color: #ffffff;
      font-weight: bold;
      font-size: 1.4rem;
      border-radius: 30px;
      line-height: 1.2rem;
      margin: 0px auto;
      position: relative; }
      @media screen and (min-width: 768px) {
        #jobList .job_about .more {
          bottom: 15px;
          right: 15px;
          position: absolute; } }
      #jobList .job_about .more::after {
        content: url("../images/common/arrow_w.svg");
        display: inline-block;
        top: 13px;
        right: 10px;
        width: 7px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        line-height: 1.0; }
  #jobList .empty {
    display: none; }

/********** #entry_job single **************/
#entry_job #jobLead .inner {
  margin: 0px auto;
  padding-top: 20px; }
  @media screen and (max-width: 960px) {
    #entry_job #jobLead .inner {
      max-width: 700px;
      margin: 0px auto; } }
  @media screen and (min-width: 961px) {
    #entry_job #jobLead .inner {
      max-width: 95%;
      display: flex;
      justify-content: space-between;
      padding-right: 0px;
      padding-left: 0px; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #entry_job #jobLead .inner .jobimg {
      width: 50%; } }
  @media screen and (min-width: 1281px) {
    #entry_job #jobLead .inner .jobimg {
      width: 55%; } }
  @media screen and (min-width: 961px) {
    #entry_job #jobLead .inner .jobname {
      text-align: left;
      display: table; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #entry_job #jobLead .inner .jobname {
      width: 50%;
      padding: 20px 0px 20px 20px; } }
  @media screen and (min-width: 1281px) {
    #entry_job #jobLead .inner .jobname {
      padding: 40px 0px 40px 60px;
      width: 45%; } }
  @media screen and (max-width: 960px) {
    #entry_job #jobLead .inner .jobname {
      margin: 0px auto;
      position: relative; } }
#entry_job #jobLead .jobimg img {
  width: 100%;
  border-radius: 20px; }
  @media screen and (max-width: 960px) {
    #entry_job #jobLead .jobimg img {
      margin-bottom: 30px; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #entry_job #jobLead .jobimg img {
      object-fit: cover;
      height: 550px; } }
@media screen and (min-width: 961px) {
  #entry_job #jobLead .jobname .name_ol {
    display: table-cell;
    vertical-align: middle; } }
#entry_job #jobLead .jobname h3.jobtit {
  font-weight: bold;
  margin-bottom: 15px;
  color: #000000;
  font-size: clamp(2.6rem, 3vw, 3.6rem); }
#entry_job #jobLead .jobname h3.jobtit2 {
  font-weight: bold;
  margin-bottom: 7px;
  color: #000000;
  font-size: 2.2rem; }
  @media screen and (min-width: 961px) {
    #entry_job #jobLead .jobname h3.jobtit2 {
      font-size: 2.6rem; } }
#entry_job #jobLead .jobname .jobabout1 {
  font-weight: bold;
  font-size: 2.0rem;
  margin-bottom: 30px; }
#entry_job #jobLead .jobname strong {
  font-weight: bold;
  font-size: 1.8rem; }
#entry_job #job_about section {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #entry_job #job_about section {
      margin-bottom: 80px; } }
#entry_job #outline {
  background: #ceefe5; }
  #entry_job #outline dl {
    margin: 20px 0 20px;
    border-radius: 20px 20px 0px 0px; }
    @media screen and (max-width: 960px) {
      #entry_job #outline dl {
        border-right: 1px solid #000000;
        border-left: 1px solid #000000; } }
    @media screen and (min-width: 961px) {
      #entry_job #outline dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000; } }
    #entry_job #outline dl dt, #entry_job #outline dl dd {
      padding: 15px 15px;
      border-bottom: 1px solid  #000000; }
      @media screen and (min-width: 961px) {
        #entry_job #outline dl dt, #entry_job #outline dl dd {
          padding: 25px 25px; } }
    #entry_job #outline dl dt {
      font-weight: bold;
      background: #4c4c4c;
      color: #ffffff; }
      @media screen and (max-width: 960px) {
        #entry_job #outline dl dt {
          width: 100%;
          border-bottom: 0px solid  #000000;
          padding: 15px 15px 15px 15px; } }
      @media screen and (min-width: 961px) {
        #entry_job #outline dl dt {
          width: 240px;
          text-align: center; } }
    #entry_job #outline dl dd {
      background: #ffffff; }
      @media screen and (max-width: 960px) {
        #entry_job #outline dl dd {
          width: 100%;
          padding: 15px 15px 15px 15px; } }
      @media screen and (min-width: 961px) {
        #entry_job #outline dl dd {
          width: -webkit-calc(100% - 240px);
          width: calc(100% - 240px); } }
    #entry_job #outline dl dt:nth-child(1) {
      border-radius: 20px 20px 0px 0px; }
      @media screen and (min-width: 961px) {
        #entry_job #outline dl dt:nth-child(1) {
          border-radius: 20px 0px 0px 0px; } }
    #entry_job #outline dl dd:nth-child(2) {
      border-radius: 0px 0px 0px 0px; }
      @media screen and (min-width: 961px) {
        #entry_job #outline dl dd:nth-child(2) {
          border-radius: 0px 20px 0px 0px; } }
    #entry_job #outline dl strong {
      font-weight: bold;
      font-size: 1.8rem; }