@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  page.css
 style info :  ページ固有css
=================================================================== */
/* fontsize YUI
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197%  */
/*----------------------------------------------------------------------------------
		 								common
------------------------------------------------------------------------------------*/
#pagesTopArea {
  padding: 90px 0 74px; }
  #pagesTopArea h1 {
    width: 283px;
    margin: 0 auto; }
    @media only screen and (max-width: 769px) {
      #pagesTopArea h1 {
        width: 240px; } }
    #pagesTopArea h1 img {
      width: 100%; }

.wp-pagenavi {
  text-align: center;
  font-size: 12px;
  position: relative;
  display: inline-block; }
  .wp-pagenavi a, .wp-pagenavi span {
    width: 23px;
    height: 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin: 0 6px;
    box-sizing: border-box; }
  .wp-pagenavi a:hover {
    background-color: #FF7A4A;
    border: solid 1px #000;
    transition: all 0.5s ease;
    opacity: 1.0; }
  .wp-pagenavi .pages {
    width: 50px; }
  .wp-pagenavi .current {
    width: 23px;
    height: 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin: 0 6px;
    box-sizing: border-box;
    background-color: #FF7A4A;
    border: solid 1px #000; }
  .wp-pagenavi .nextpostslink {
    font-size: 12px;
    letter-spacing: 0.25em;
    width: 98px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -62px;
    left: 0;
    right: 0;
    margin: auto;
    position: relative; }
    @media only screen and (max-width: 769px) {
      .wp-pagenavi .nextpostslink {
        bottom: -22px; } }
    .wp-pagenavi .nextpostslink:after {
      content: "";
      height: 1px;
      width: 98px;
      background-color: #00D2FF;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .wp-pagenavi .nextpostslink:hover {
      border: none;
      background: none; }
    .wp-pagenavi .nextpostslink:hover:after, .wp-pagenavi .nextpostslink:hover:before {
      background-color: #FF7A4A;
      transition: all 0.5s ease; }
    .wp-pagenavi .nextpostslink:before {
      content: "";
      position: absolute;
      right: -3px;
      margin: auto;
      bottom: 5.5px;
      width: 16px;
      height: 1px;
      background-color: #00D2FF;
      transform: rotate(45deg); }

.ttl__ornament {
  text-align: center; }
  .ttl__ornament span {
    position: relative;
    display: inline-block; }
    .ttl__ornament span:after {
      content: "";
      position: absolute;
      right: -45px;
      top: 15px;
      width: 32px;
      height: 1px;
      background-color: #FF7A4A; }
    .ttl__ornament span img {
      width: 100%; }

/*-----index------*/
/*----------------------------------------------------------------------------------
		 							         index
------------------------------------------------------------------------------------*/
#jobCommonArea {
  padding-bottom: 200px; }
  @media only screen and (max-width: 769px) {
    #jobCommonArea {
      padding-bottom: 0; } }
  #jobCommonArea .jobCommon__container {
    max-width: 796px;
    margin: 20px auto 0;
    background-color: #ebf5f5;
    border-top: solid 5px #00D2FF;
    padding: 10px 20px 35px; }
    @media only screen and (max-width: 769px) {
      #jobCommonArea .jobCommon__container {
        width: 652px;
        padding: 23px 44px 68px; } }
  #jobCommonArea .jobCommon__logo {
    width: 128px;
    margin: 0 auto 20px; }
    #jobCommonArea .jobCommon__logo img {
      width: 100%; }
    @media only screen and (max-width: 769px) {
      #jobCommonArea .jobCommon__logo {
        margin: 0 auto 20px 0; } }
  #jobCommonArea .jobAll__list {
    max-width: 796px; }
    @media only screen and (max-width: 769px) {
      #jobCommonArea .jobAll__list {
        gap: 0 3.5%; } }
    #jobCommonArea .jobAll__list .jobAll__box {
      position: relative;
      width: 29%; }
      @media only screen and (max-width: 769px) {
        #jobCommonArea .jobAll__list .jobAll__box {
          width: 31%; } }
  #jobCommonArea .jobAll__thumb img {
    height: 115px; }
  #jobCommonArea .jobAll__content {
    min-height: 110px; }
    #jobCommonArea .jobAll__content .ttl {
      font-size: 10px; }
  #jobCommonArea .job__name {
    font-size: 10px; }
  #jobCommonArea .bottom__area {
    font-size: 10px;
    text-align: right; }

#indexTopArea {
  padding-bottom: 40px; }
  @media only screen and (max-width: 769px) {
    #indexTopArea {
      padding-bottom: 10vw; } }
  #indexTopArea .top-slider {
    width: 1080px;
    margin: 0 auto;
    height: 630px;
    overflow: hidden;
    position: relative; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #indexTopArea .top-slider {
        width: 100%;
        height: 63vw; } }
    @media only screen and (max-width: 769px) {
      #indexTopArea .top-slider {
        width: 100%;
        height: 91vw; } }
    #indexTopArea .top-slider li {
      margin: 8px 10px 70px; }
      @media only screen and (min-width: 770px) and (max-width: 1099px) {
        #indexTopArea .top-slider li {
          margin: 1.4vw 0.33% 70px;
          width: 10.5% !important; } }
      @media only screen and (max-width: 769px) {
        #indexTopArea .top-slider li {
          margin: 1.4vw 0.33% 70px;
          width: 10.5% !important; } }
      #indexTopArea .top-slider li img {
        width: 100%; }
      #indexTopArea .top-slider li .pattern {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 521px;
        height: 525px; }
        @media only screen and (min-width: 770px) and (max-width: 1099px) {
          #indexTopArea .top-slider li .pattern {
            width: 93%;
            height: auto; } }
        @media only screen and (max-width: 769px) {
          #indexTopArea .top-slider li .pattern {
            width: 94.5%;
            height: auto; } }
      #indexTopArea .top-slider li .box {
        position: relative;
        padding: 20px;
        box-sizing: border-box;
        display: block; }
        @media only screen and (min-width: 770px) and (max-width: 1099px) {
          #indexTopArea .top-slider li .box {
            padding: 2vw; } }
        @media only screen and (max-width: 769px) {
          #indexTopArea .top-slider li .box {
            padding: 2vw; } }
        #indexTopArea .top-slider li .box:hover {
          cursor: pointer; }
    #indexTopArea .top-slider .slick-center {
      width: 580px !important;
      margin: 0 12px 70px; }
      @media only screen and (min-width: 770px) and (max-width: 1099px) {
        #indexTopArea .top-slider .slick-center {
          width: 10.9% !important;
          height: auto;
          margin: 0 0 70px; } }
      @media only screen and (max-width: 769px) {
        #indexTopArea .top-slider .slick-center {
          width: 10.8% !important;
          height: auto;
          margin: 0 0 70px; } }
      #indexTopArea .top-slider .slick-center .pattern {
        display: none; }
      #indexTopArea .top-slider .slick-center .box {
        padding: 0; }
      #indexTopArea .top-slider .slick-center .box--horizon {
        left: 0;
        bottom: 0; }
      #indexTopArea .top-slider .slick-center .box--vertical {
        right: 0;
        top: 0; }
        @media only screen and (max-width: 769px) {
          #indexTopArea .top-slider .slick-center .box--vertical {
            right: 0;
            top: 3px; } }
      #indexTopArea .top-slider .slick-center .ttl p {
        font-size: 14px;
        line-height: 1.8; }
      #indexTopArea .top-slider .slick-center .box--horizon {
        width: 230px; }
        #indexTopArea .top-slider .slick-center .box--horizon .ttl {
          padding: 12px 5px 12px 13px;
          display: flex;
          justify-content: center;
          align-items: center; }
      #indexTopArea .top-slider .slick-center .box--vertical {
        min-width: 105px;
        width: auto; }
        @media only screen and (min-width: 770px) and (max-width: 1099px) {
          #indexTopArea .top-slider .slick-center .box--vertical {
            min-width: 100px; } }
        @media only screen and (max-width: 769px) {
          #indexTopArea .top-slider .slick-center .box--vertical {
            min-width: 70px; } }
        #indexTopArea .top-slider .slick-center .box--vertical .ttl {
          padding: 23px 5px 23px 5px;
          box-sizing: border-box; }
          @media only screen and (max-width: 769px) {
            #indexTopArea .top-slider .slick-center .box--vertical .ttl {
              padding: 10px 8% 10px 8%; } }
      #indexTopArea .top-slider .slick-center .category {
        height: 25px; }
        #indexTopArea .top-slider .slick-center .category span img {
          width: 70px;
          margin-right: 10px; }
    #indexTopArea .top-slider .slick-clone {
      display: none !important; }
  #indexTopArea .ttl__box {
    position: absolute; }
    #indexTopArea .ttl__box .category {
      display: flex;
      align-items: center;
      width: 100%;
      height: 18px;
      background-color: #FF7A4A;
      border: solid 1px #000;
      box-sizing: border-box;
      font-family: "M PLUS 1p", sans-serif; }
      #indexTopArea .ttl__box .category span {
        display: block;
        color: #fff; }
        #indexTopArea .ttl__box .category span img {
          width: 52px;
          height: auto;
          position: relative;
          top: -1px; }
      #indexTopArea .ttl__box .category img {
        width: auto; }
    #indexTopArea .ttl__box .ttl {
      background-color: #FFFFF0;
      width: 100%;
      box-sizing: border-box; }
      #indexTopArea .ttl__box .ttl p {
        font-size: 12px;
        letter-spacing: 0.2em; }
        @media only screen and (max-width: 769px) {
          #indexTopArea .ttl__box .ttl p {
            font-size: 11px; } }
  #indexTopArea .box--horizon {
    left: 20px;
    bottom: 20px;
    width: 188px; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #indexTopArea .box--horizon {
        width: 178px;
        left: 3.6%;
        bottom: 2.0vw; } }
    @media only screen and (max-width: 769px) {
      #indexTopArea .box--horizon {
        width: 178px;
        left: 2.6%;
        bottom: 2.0vw; } }
    #indexTopArea .box--horizon .category {
      border-radius: 0 6px 6px 0;
      border-left: none;
      justify-content: flex-end;
      padding-right: 8px; }
    #indexTopArea .box--horizon .ttl {
      border-radius: 0 10px 0 0;
      padding: 10px 5px 10px 12px; }
  #indexTopArea .box--vertical {
    right: 20px;
    top: 20px;
    width: 80px; }
    @media only screen and (max-width: 769px) {
      #indexTopArea .box--vertical {
        width: 65px;
        right: 2%;
        top: 2.4%; } }
    #indexTopArea .box--vertical .category {
      border-radius: 6px 0 0 6px;
      border-right: none;
      display: flex;
      justify-content: flex-start;
      padding-left: 8px; }
    #indexTopArea .box--vertical .ttl {
      border-radius: 10px 0 0 10px;
      padding: 15px 0 15px 0;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 769px) {
        #indexTopArea .box--vertical .ttl {
          padding: 10px 13px 10px 13px; } }
      #indexTopArea .box--vertical .ttl p {
        writing-mode: vertical-rl; }
  #indexTopArea .slick-dots {
    display: block;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 595px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #indexTopArea .slick-dots {
        top: 59.5vw; } }
    @media only screen and (max-width: 769px) {
      #indexTopArea .slick-dots {
        top: 83vw; } }
  #indexTopArea .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px !important;
    height: 10px;
    margin: 0 13px;
    padding: 0;
    cursor: pointer; }
    @media only screen and (max-width: 769px) {
      #indexTopArea .slick-dots li {
        margin: 0 11px; } }
  #indexTopArea .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 3px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  #indexTopArea .slick-dots li button:hover,
  #indexTopArea .slick-dots li button:focus {
    outline: none; }
  #indexTopArea .slick-dots li button:hover:before,
  #indexTopArea .slick-dots li button:focus:before {
    opacity: 1;
    background-color: #FF7A4A;
    transition: all 0.5s ease; }
  #indexTopArea .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background-color: #00D2FF;
    border: solid 0.5px #000;
    transition: all 0.5s ease;
    box-sizing: border-box; }
  #indexTopArea .slick-dots li.slick-active button:before {
    background-color: #FF7A4A; }

#indexCategoryArea .indexCategory__list {
  display: flex;
  width: 1000px;
  margin: 0 auto; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    #indexCategoryArea .indexCategory__list {
      width: 94%; } }
  @media only screen and (max-width: 769px) {
    #indexCategoryArea .indexCategory__list {
      width: 80%;
      flex-wrap: wrap; } }
  #indexCategoryArea .indexCategory__list li {
    width: 218px;
    margin-right: 42px; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #indexCategoryArea .indexCategory__list li {
        width: 22%;
        margin-right: 4%; } }
    @media only screen and (max-width: 769px) {
      #indexCategoryArea .indexCategory__list li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px; }
        #indexCategoryArea .indexCategory__list li:nth-child(2n) {
          margin-right: 0; } }
    #indexCategoryArea .indexCategory__list li:last-child {
      margin-right: 0; }
    #indexCategoryArea .indexCategory__list li a {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 35px;
      border-top: solid 1px #00D2FF;
      border-right: solid 1px #00D2FF;
      position: relative;
      transition: all 0.5s ease; }
      #indexCategoryArea .indexCategory__list li a img {
        width: 140px; }
        @media only screen and (min-width: 770px) and (max-width: 1099px) {
          #indexCategoryArea .indexCategory__list li a img {
            width: 70%; } }
        @media only screen and (max-width: 769px) {
          #indexCategoryArea .indexCategory__list li a img {
            width: 70%; } }
      #indexCategoryArea .indexCategory__list li a:hover {
        border-top: solid 1px #F6B052;
        border-right: solid 1px #F6B052;
        transition: all 0.5s ease;
        opacity: 1.0;
        cursor: pointer; }
      #indexCategoryArea .indexCategory__list li a:hover:after {
        border-bottom: solid 1px #F6B052;
        transition: all 0.5s ease; }
      #indexCategoryArea .indexCategory__list li a:after {
        background-color: #F5F5F5;
        content: "";
        width: 26px;
        height: 26px;
        border-bottom: solid 1px #00D2FF;
        transform: rotate(45deg);
        position: absolute;
        right: -14px;
        top: -14px; }

#indexArticleArea {
  padding: 64px 0; }
  @media only screen and (max-width: 769px) {
    #indexArticleArea {
      padding: 10px 0; } }
  #indexArticleArea .newArticle {
    padding-bottom: 120px; }
  #indexArticleArea h3 {
    margin-bottom: 35px; }
    @media only screen and (max-width: 769px) {
      #indexArticleArea h3 {
        margin-bottom: 20px; } }
    #indexArticleArea h3 span {
      width: 150px; }
      @media only screen and (max-width: 769px) {
        #indexArticleArea h3 span {
          width: 106px; } }
  #indexArticleArea .more__button {
    text-align: center; }
    #indexArticleArea .more__button a {
      display: inline-block;
      font-size: 18px;
      letter-spacing: 0.3em;
      position: relative;
      width: 145px; }
      #indexArticleArea .more__button a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -7px;
        width: 147px;
        height: 1px;
        background-color: #00D2FF;
        transition: all 0.5s ease; }
      #indexArticleArea .more__button a:hover:after, #indexArticleArea .more__button a:hover:before {
        background-color: #FF7A4A;
        transition: all 0.5s ease; }
      #indexArticleArea .more__button a:before {
        content: "";
        position: absolute;
        right: -5px;
        margin: auto;
        bottom: 0;
        width: 20px;
        height: 1px;
        background-color: #00D2FF;
        transform: rotate(45deg); }
      #indexArticleArea .more__button a:hover {
        opacity: 1.0; }
  #indexArticleArea h4 span {
    width: 110px; }

.ochatsumimap h3 {
  font-size: 18px;
  letter-spacing: 0.2em;
  text-align: center; }
.ochatsumimap .ochatsumimap__banner {
  width: 330px;
  margin: 40px auto 120px; }
  .ochatsumimap .ochatsumimap__banner img {
    width: 100%; }

.bar {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #FF7A4A;
  border: 0; }

.ttl__border {
  position: relative;
  top: -23px;
  text-align: center; }
  .ttl__border span {
    display: inline-block;
    background-color: #F5F5F5;
    padding: 0 20px; }
    @media only screen and (max-width: 769px) {
      .ttl__border span {
        padding: 0 10px; } }
    .ttl__border span img {
      width: 100%; }

.article__inner {
  width: 920px;
  margin: 0 auto; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    .article__inner {
      width: 94%; } }
  @media only screen and (max-width: 769px) {
    .article__inner {
      width: 92%; } }

.bottom__list__inner {
  width: 920px;
  margin: 20px auto 0; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    .bottom__list__inner {
      width: 94%; } }
  @media only screen and (max-width: 769px) {
    .bottom__list__inner {
      width: 100%; } }

.popular__ttl {
  display: none; }

.article__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px; }
  .article__list li {
    width: 430px;
    margin-right: 60px;
    margin-bottom: 60px;
    position: relative; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      .article__list li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 40px; } }
    @media only screen and (max-width: 769px) {
      .article__list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px; } }
    .article__list li:nth-child(2n) {
      margin-right: 0; }
    .article__list li span {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 14px;
      font-family: "M PLUS 1p", sans-serif;
      width: 115px;
      height: 22px;
      border: solid 0.5px #000;
      border-left: 0;
      border-radius: 0 6px 6px 0;
      padding-right: 10px;
      box-sizing: border-box; }
      @media only screen and (max-width: 769px) {
        .article__list li span {
          width: 85px; } }
      .article__list li span img {
        width: 68px; }
  .article__list .box {
    display: block; }
  .article__list .thumb {
    margin-bottom: 10px; }
    .article__list .thumb img {
      width: 100%; }
  .article__list .ttl {
    font-size: 14px;
    line-height: 2.0;
    width: 275px; }
    @media only screen and (max-width: 769px) {
      .article__list .ttl {
        width: 68%; } }

/*----------------------------------------------------------------------------------
		 							         articleDetailArea
------------------------------------------------------------------------------------*/
#articleDetailArea .inner {
  width: 920px;
  margin: 0 auto; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    #articleDetailArea .inner {
      width: 94%; } }
  @media only screen and (max-width: 769px) {
    #articleDetailArea .inner {
      width: 90%; } }
#articleDetailArea .ad {
  width: 240px; }
  @media only screen and (max-width: 769px) {
    #articleDetailArea .ad {
      width: 100%;
      margin-bottom: 80px; } }
  #articleDetailArea .ad img {
    width: 100%; }

#articleDetailTopArea .bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 920px;
  height: 526px;
  margin: 0 auto 20px;
  position: relative; }
  @media only screen and (max-width: 769px) {
    #articleDetailTopArea .bg {
      width: 100%;
      height: 100vw; } }
#articleDetailTopArea .ttl__box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 340px; }
  @media only screen and (max-width: 769px) {
    #articleDetailTopArea .ttl__box {
      width: 226px; } }
  #articleDetailTopArea .ttl__box .category__parent {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 32px;
    background-color: #FF7A4A;
    border-radius: 0 10px 10px 0;
    border: solid 1px #000;
    border-left: none;
    padding-right: 10px;
    box-sizing: border-box;
    font-family: "M PLUS 1p", sans-serif; }
    @media only screen and (max-width: 769px) {
      #articleDetailTopArea .ttl__box .category__parent {
        height: 21px; } }
    #articleDetailTopArea .ttl__box .category__parent span {
      display: block;
      color: #fff; }
      #articleDetailTopArea .ttl__box .category__parent span img {
        width: 94px;
        height: auto;
        vertical-align: top; }
        @media only screen and (max-width: 769px) {
          #articleDetailTopArea .ttl__box .category__parent span img {
            width: 70px; } }
        #articleDetailTopArea .ttl__box .category__parent span img img {
          width: 100%; }
  #articleDetailTopArea .ttl__box .ttl {
    background-color: #FFFFF0;
    width: 100%;
    border-radius: 0 10px 0 0;
    padding: 17px 7px 17px 22px;
    box-sizing: border-box; }
    @media only screen and (max-width: 769px) {
      #articleDetailTopArea .ttl__box .ttl {
        padding: 12px 5px 12px 15px; } }
    #articleDetailTopArea .ttl__box .ttl h1 {
      font-size: 20px;
      letter-spacing: 0.2em; }
      @media only screen and (max-width: 769px) {
        #articleDetailTopArea .ttl__box .ttl h1 {
          font-size: 14px;
          letter-spacing: 0.15em; } }
#articleDetailTopArea .lead {
  font-size: 15px;
  line-height: 2.0;
  margin-bottom: 120px; }
  @media only screen and (max-width: 769px) {
    #articleDetailTopArea .lead {
      margin-bottom: 100px; } }

#articleDetailContentArea {
  padding-bottom: 190px; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    #articleDetailContentArea {
      padding-bottom: 100px; } }
  @media only screen and (max-width: 769px) {
    #articleDetailContentArea {
      padding-bottom: 60px; } }
  #articleDetailContentArea .wrapper {
    display: flex; }
    @media only screen and (max-width: 769px) {
      #articleDetailContentArea .wrapper {
        display: block; } }
  #articleDetailContentArea .main {
    width: 595px; }
    @media only screen and (max-width: 769px) {
      #articleDetailContentArea .main {
        width: 100%; } }
  #articleDetailContentArea .side {
    width: 325px; }
    @media only screen and (max-width: 769px) {
      #articleDetailContentArea .side {
        width: 100%; } }
  #articleDetailContentArea article {
    padding-bottom: 50px; }
    #articleDetailContentArea article h2 {
      font-size: 21px;
      letter-spacing: 0.15em;
      line-height: 2.0;
      margin-bottom: 20px;
      margin-bottom: 12px; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea article h2 {
          font-size: 18px; } }
    #articleDetailContentArea article h3 {
      font-size: 17px;
      letter-spacing: 0.15em;
      line-height: 1.8;
      margin-bottom: 8px; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea article h3 {
          font-size: 16px; } }
    #articleDetailContentArea article img {
      width: 100%;
      height: auto;
      margin-top: 18px;
      margin-bottom: 5px; }
    #articleDetailContentArea article p {
      font-size: 16px;
      line-height: 2.3;
      letter-spacing: 0.12em;
      margin-bottom: 30px; }
      #articleDetailContentArea article p strong {
        color: #000;
        text-shadow: .05px .05px #000, -.05px .05px #000, -.05px -.05px #000, .05px -.05px #000, .05px 0px #000, 0px .05px #000, -.05px 0px #000, 0px -.05px #000; }
    #articleDetailContentArea article .wp-caption-text {
      font-size: 11px;
      color: #5B5553; }
    #articleDetailContentArea article .yt {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      margin-bottom: 25px; }
    #articleDetailContentArea article .yt iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  #articleDetailContentArea .info__box {
    background-color: #D4D9DC;
    width: 400px;
    box-sizing: border-box;
    padding: 33px 30px 56px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 769px) {
      #articleDetailContentArea .info__box {
        width: 100%;
        padding: 30px 30px 10px; } }
    #articleDetailContentArea .info__box .name {
      font-size: 17px;
      letter-spacing: 0.1em;
      margin-bottom: 18px; }
    #articleDetailContentArea .info__box .info p {
      font-size: 14px;
      line-height: 2.0;
      letter-spacing: 0.15em;
      margin-bottom: 20px; }
      #articleDetailContentArea .info__box .info p a {
        color: #FF7A4A;
        word-break: break-word;
        font-size: 12px; }
        @media only screen and (max-width: 769px) {
          #articleDetailContentArea .info__box .info p a {
            font-size: 11px; } }
  #articleDetailContentArea .credit {
    color: #5B5553;
    font-size: 12px;
    line-height: 2.0;
    letter-spacing: 0.15em;
    margin-bottom: 30px; }
  #articleDetailContentArea .category__children {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 43px; }
    #articleDetailContentArea .category__children li {
      margin-right: 8px;
      margin-bottom: 8px;
      min-width: 87px; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea .category__children li {
          margin-right: 2.66%;
          min-width: 23%; } }
      #articleDetailContentArea .category__children li a {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #4CDFFF;
        color: #fff;
        height: 24px;
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
        font-family: "Noto Sans Japanese";
        font-size: 12px;
        letter-spacing: 0.15em; }
  #articleDetailContentArea .share {
    display: flex; }
    #articleDetailContentArea .share p {
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.1em;
      display: flex;
      align-items: center;
      margin-right: 17px;
      font-family: "Noto Sans Japanese"; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea .share p {
          font-size: 15px;
          margin-right: 13px; } }
  #articleDetailContentArea .share__button {
    display: flex;
    align-items: center; }
    #articleDetailContentArea .share__button li {
      margin: 0 17px; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea .share__button li {
          margin: 0 13px; } }
    #articleDetailContentArea .share__button .fab {
      font-size: 26px; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea .share__button .fab {
          font-size: 26px; } }
    #articleDetailContentArea .share__button img {
      width: 24px; }
      @media only screen and (max-width: 769px) {
        #articleDetailContentArea .share__button img {
          width: 26px; } }

#articleRelatedArea h3 {
  margin-bottom: 20px; }
  #articleRelatedArea h3 span {
    width: 195px; }
    @media only screen and (max-width: 769px) {
      #articleRelatedArea h3 span {
        width: 230px; } }

.bottom__list .article__list__bottom, .bottom__list .wpp-list {
  display: flex; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    .bottom__list .article__list__bottom, .bottom__list .wpp-list {
      width: 100%;
      margin: 0 auto; } }
  @media only screen and (max-width: 769px) {
    .bottom__list .article__list__bottom, .bottom__list .wpp-list {
      display: block;
      width: 90%;
      margin: 0 auto 60px; } }
  .bottom__list .article__list__bottom li, .bottom__list .wpp-list li {
    width: 280px;
    margin-right: 38.5px;
    transition: all 0.5s ease; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      .bottom__list .article__list__bottom li, .bottom__list .wpp-list li {
        width: 31%;
        margin-right: 2.33%; }
        .bottom__list .article__list__bottom li:last-child, .bottom__list .wpp-list li:last-child {
          margin-right: 0; } }
    @media only screen and (max-width: 769px) {
      .bottom__list .article__list__bottom li, .bottom__list .wpp-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; } }
    .bottom__list .article__list__bottom li:last-child, .bottom__list .wpp-list li:last-child {
      margin-right: 0; }
    .bottom__list .article__list__bottom li:hover, .bottom__list .wpp-list li:hover {
      opacity: 0.65;
      transition: all 0.5s ease; }
    .bottom__list .article__list__bottom li .box, .bottom__list .wpp-list li .box {
      display: flex; }
      @media only screen and (max-width: 769px) {
        .bottom__list .article__list__bottom li .box, .bottom__list .wpp-list li .box {
          display: block; } }
      .bottom__list .article__list__bottom li .box .thumb, .bottom__list .wpp-list li .box .thumb {
        width: 135px; }
        @media only screen and (max-width: 769px) {
          .bottom__list .article__list__bottom li .box .thumb, .bottom__list .wpp-list li .box .thumb {
            width: 100%;
            margin-bottom: 10px; } }
        .bottom__list .article__list__bottom li .box .thumb img, .bottom__list .wpp-list li .box .thumb img {
          width: 100%;
          height: auto; }
      .bottom__list .article__list__bottom li .box .txt, .bottom__list .wpp-list li .box .txt {
        width: 145px;
        box-sizing: border-box;
        padding-left: 14px;
        position: relative; }
        @media only screen and (max-width: 769px) {
          .bottom__list .article__list__bottom li .box .txt, .bottom__list .wpp-list li .box .txt {
            width: 100%; } }
        .bottom__list .article__list__bottom li .box .txt .ttl, .bottom__list .wpp-list li .box .txt .ttl {
          font-size: 11px;
          line-height: 2.0;
          letter-spacing: 0.2em; }
          @media only screen and (min-width: 770px) and (max-width: 1099px) {
            .bottom__list .article__list__bottom li .box .txt .ttl, .bottom__list .wpp-list li .box .txt .ttl {
              font-size: 10px; } }
          @media only screen and (max-width: 769px) {
            .bottom__list .article__list__bottom li .box .txt .ttl, .bottom__list .wpp-list li .box .txt .ttl {
              padding-right: 30%; } }
          .bottom__list .article__list__bottom li .box .txt .ttl br, .bottom__list .wpp-list li .box .txt .ttl br {
            display: none; }
        .bottom__list .article__list__bottom li .box .txt span, .bottom__list .wpp-list li .box .txt span {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 80px;
          height: 18px;
          border: solid 0.5px #000;
          border-left: 0;
          border-radius: 0 9px 9px 0;
          padding-right: 7px;
          box-sizing: border-box; }
          .bottom__list .article__list__bottom li .box .txt span img, .bottom__list .wpp-list li .box .txt span img {
            width: 55px; }

@media only screen and (max-width: 769px) {
  .bottom__list .wpp-list {
    width: 240%;
    display: flex;
    box-sizing: border-box;
    padding: 0 5%; } }
@media only screen and (max-width: 769px) {
  .bottom__list .wpp-list li {
    width: 31%;
    margin-right: 2.33%; } }
.bottom__list .wpp-list .ttl {
  height: 80%;
  overflow: hidden; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    .bottom__list .wpp-list .ttl {
      height: 80px; } }
@media only screen and (max-width: 769px) {
  .bottom__list .scroll {
    overflow: scroll; } }
@media only screen and (max-width: 769px) {
  .bottom__list .box {
    display: flex !important; }
    .bottom__list .box .thumb {
      width: 50%;
      margin-bottom: 0 !important; }
    .bottom__list .box .txt {
      width: 50%; }
      .bottom__list .box .txt .ttl {
        width: 100% !important;
        font-size: 11px;
        letter-spacing: 0.15em;
        height: 70px;
        overflow: hidden; } }

.side__box {
  margin-left: auto;
  width: 240px;
  margin-bottom: 75px; }
  @media only screen and (max-width: 769px) {
    .side__box {
      width: 100%;
      margin-bottom: 0 0 30px 0; } }
  .side__box .side__box__top {
    margin-bottom: 80px; }
    @media only screen and (max-width: 769px) {
      .side__box .side__box__top {
        margin-bottom: 20px; } }
  @media only screen and (max-width: 769px) {
    .side__box .side__box__inner {
      width: 90%;
      margin: 0 auto; } }
  .side__box .box__ttl {
    background-color: #F5F5F5;
    padding-right: 10px;
    position: relative;
    top: -23px; }
    @media only screen and (max-width: 769px) {
      .side__box .box__ttl {
        padding-right: 20px; } }
  .side__box .box__ttl--popular img {
    width: 88px; }
  .side__box .box__ttl--new img {
    width: 135px; }
  @media only screen and (max-width: 769px) {
    .side__box .scroll {
      overflow: scroll; } }
  @media only screen and (max-width: 769px) {
    .side__box .article__list__side, .side__box .wpp-list {
      width: 240%;
      display: flex;
      box-sizing: border-box;
      padding: 0 5%; } }
  .side__box .article__list__side li, .side__box .wpp-list li {
    margin-bottom: 48px; }
    @media only screen and (max-width: 769px) {
      .side__box .article__list__side li, .side__box .wpp-list li {
        width: 31%;
        margin-right: 2.33%; } }
    .side__box .article__list__side li:last-child, .side__box .wpp-list li:last-child {
      margin-bottom: 30px; }
  .side__box .box {
    display: flex; }
    .side__box .box .thumb {
      width: 100px; }
      @media only screen and (max-width: 769px) {
        .side__box .box .thumb {
          width: 50%; } }
      .side__box .box .thumb img {
        width: 100%; }
    .side__box .box .txt {
      width: 140px;
      box-sizing: border-box;
      padding-left: 20px;
      position: relative; }
      @media only screen and (max-width: 769px) {
        .side__box .box .txt {
          width: 50%;
          padding-left: 10px; } }
      .side__box .box .txt .ttl {
        font-size: 11px;
        letter-spacing: 0.15em;
        height: 70px;
        overflow: hidden; }
        .side__box .box .txt .ttl br {
          display: none; }
      .side__box .box .txt span {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 70px;
        height: 15px;
        border: solid 0.5px #000;
        border-left: 0;
        border-radius: 0 6px 6px 0;
        padding-right: 7px;
        box-sizing: border-box; }
        @media only screen and (max-width: 769px) {
          .side__box .box .txt span {
            border: solid 0.5px #FF7A4A;
            border-left: 0; } }
        .side__box .box .txt span img {
          width: 45px;
          vertical-align: top; }
  .side__box .more__button {
    text-align: center;
    margin-bottom: 80px; }
    .side__box .more__button a {
      font-size: 13px;
      letter-spacing: 0.3em;
      position: relative;
      display: inline-block;
      width: 95px; }
      .side__box .more__button a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -5px;
        width: 90px;
        height: 1px;
        background-color: #00D2FF;
        transition: all 0.5s ease; }
      .side__box .more__button a:hover:after, .side__box .more__button a:hover:before {
        background-color: #FF7A4A;
        transition: all 0.5s ease; }
      .side__box .more__button a:before {
        content: "";
        position: absolute;
        right: -1px;
        margin: auto;
        bottom: -1px;
        width: 12px;
        height: 1px;
        background-color: #00D2FF;
        transform: rotate(45deg); }
      .side__box .more__button a:hover {
        opacity: 1.0; }

#articleRelatedArea {
  padding-bottom: 176px; }
  @media only screen and (max-width: 769px) {
    #articleRelatedArea {
      padding-bottom: 0; } }

#articleDetailArea_recruitAd {
  margin-top: 80px; }
  #articleDetailArea_recruitAd a {
    display: block; }
  #articleDetailArea_recruitAd .articleDetailArea_recruitAd {
    position: relative;
    background-color: #ebf5f5;
    border-top: solid 5px #00d2ff;
    padding: 14px 26px 28px; }
    @media only screen and (max-width: 769px) {
      #articleDetailArea_recruitAd .articleDetailArea_recruitAd {
        padding: 12px 20px 32px; } }
  #articleDetailArea_recruitAd .recruitAd__ttl {
    width: 160px; }
    #articleDetailArea_recruitAd .recruitAd__ttl img {
      width: 100%; }
  #articleDetailArea_recruitAd .recruitAd__more {
    position: absolute;
    top: 18px;
    right: 34px;
    display: inline-block; }
    #articleDetailArea_recruitAd .recruitAd__more span {
      position: relative;
      display: block;
      color: #fff;
      background-color: #ff7a4a;
      padding: 2.5px 18px;
      font-size: 12px;
      letter-spacing: 0.05em; }
      #articleDetailArea_recruitAd .recruitAd__more span::after {
        position: absolute;
        top: 0;
        right: -14px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11.5px 0 11.5px 14px;
        border-color: transparent transparent transparent #ff7a4a;
        content: ""; }
  #articleDetailArea_recruitAd .recruitAd__box {
    margin-top: 16px;
    display: flex; }
  #articleDetailArea_recruitAd .recruitAd__boxThumb {
    width: 180px; }
    @media only screen and (max-width: 769px) {
      #articleDetailArea_recruitAd .recruitAd__boxThumb {
        width: 110px; } }
    #articleDetailArea_recruitAd .recruitAd__boxThumb img {
      width: 100%;
      height: 122px;
      object-fit: cover; }
      @media only screen and (max-width: 769px) {
        #articleDetailArea_recruitAd .recruitAd__boxThumb img {
          height: 110px; } }
  #articleDetailArea_recruitAd .recruitAd__boxTxt {
    position: relative;
    width: calc(100% - 180px);
    padding: 10px 18px;
    background-color: #fff; }
    @media only screen and (max-width: 769px) {
      #articleDetailArea_recruitAd .recruitAd__boxTxt {
        width: calc(100% - 120px);
        padding: 10px; } }
    #articleDetailArea_recruitAd .recruitAd__boxTxt .recruitAd__boxTtl {
      margin-bottom: 26px;
      font-size: 14px;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 769px) {
        #articleDetailArea_recruitAd .recruitAd__boxTxt .recruitAd__boxTtl {
          margin-bottom: 16px;
          font-size: 12px; } }
    #articleDetailArea_recruitAd .recruitAd__boxTxt .recruitAd__boxName {
      color: #00D2FF;
      font-size: 10px; }
    #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__wrap {
      position: absolute;
      bottom: 12px;
      left: 18px;
      width: calc(100% - 36px); }
      @media only screen and (max-width: 769px) {
        #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__wrap {
          left: 10px;
          width: calc(100% - 20px); } }
    #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom {
      margin-top: 20px; }
    #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__area {
      color: #808080;
      font-size: 11px;
      text-align: right; }
    #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__category {
      margin-top: 5px;
      text-align: right; }
      #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__category ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 5px 5px; }
        @media only screen and (max-width: 769px) {
          #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__category ul {
            gap: 3px 3px; } }
        #articleDetailArea_recruitAd .recruitAd__boxTxt .bottom__category ul li {
          color: #ff7a4a;
          border: solid 1px #ff7a4a;
          border-radius: 3px;
          padding: 0 3px;
          font-size: 10px; }

.sideJob__container {
  padding: 16px 30px;
  border-top: solid 4px #00d2ff; }

.sideJob__logo {
  width: 102px;
  margin: 0 auto; }
  .sideJob__logo img {
    width: 100%; }

.sideJobAll__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  margin: 28px auto 0; }
  @media only screen and (max-width: 769px) {
    .sideJobAll__list {
      width: 796px;
      gap: 0 3.5%; } }
  .sideJobAll__list .jobAll__box {
    position: relative;
    width: 100%;
    background-color: #fff; }
    @media only screen and (max-width: 769px) {
      .sideJobAll__list .jobAll__box {
        width: 31%; } }
    .sideJobAll__list .jobAll__box .jobAll__thumb img {
      width: 100%;
      height: 84px;
      object-fit: cover; }
      @media only screen and (max-width: 769px) {
        .sideJobAll__list .jobAll__box .jobAll__thumb img {
          height: 105px; } }
    .sideJobAll__list .jobAll__box .jobAll__content {
      padding: 12px 10px; }
      @media only screen and (max-width: 769px) {
        .sideJobAll__list .jobAll__box .jobAll__content {
          min-height: 110px; } }
      .sideJobAll__list .jobAll__box .jobAll__content .ttl {
        font-size: 10px; }
        .sideJobAll__list .jobAll__box .jobAll__content .ttl br {
          display: none; }
    .sideJobAll__list .jobAll__box .bottom__wrap {
      width: calc(100% - 20px);
      margin: 0 auto 10px; }
      @media only screen and (max-width: 769px) {
        .sideJobAll__list .jobAll__box .bottom__wrap {
          position: absolute;
          bottom: 12px;
          left: 10px; } }
    .sideJobAll__list .jobAll__box .bottom {
      margin-top: 10px; }
    .sideJobAll__list .jobAll__box .bottom__area {
      color: #808080;
      font-size: 10px;
      text-align: right; }
    .sideJobAll__list .jobAll__box .job__name {
      color: #00D2FF;
      font-size: 10px; }
    .sideJobAll__list .jobAll__box .bottom__category {
      margin-top: 5px;
      text-align: right; }
      .sideJobAll__list .jobAll__box .bottom__category ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 5px 5px; }
        .sideJobAll__list .jobAll__box .bottom__category ul li {
          color: #ff7a4a;
          border: solid 1px #ff7a4a;
          border-radius: 3px;
          padding: 0 3px;
          font-size: 10px; }

/*----------------------------------------------------------------------------------
		 							         categoryArea
------------------------------------------------------------------------------------*/
#categoryListArea {
  padding-bottom: 120px; }
  #categoryListArea .inner {
    width: 860px;
    margin: 0 auto; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #categoryListArea .inner {
        width: 750px; } }
    @media only screen and (max-width: 769px) {
      #categoryListArea .inner {
        width: 90%; } }
    #categoryListArea .inner .box {
      margin-bottom: 38px; }
    #categoryListArea .inner .category {
      width: 400px; }
      @media only screen and (min-width: 770px) and (max-width: 1099px) {
        #categoryListArea .inner .category {
          width: 350px; } }
      @media only screen and (max-width: 769px) {
        #categoryListArea .inner .category {
          width: 100%; } }
      #categoryListArea .inner .category h2 {
        padding-bottom: 10px;
        border-bottom: solid 1px #000;
        padding-left: 5px;
        margin-bottom: 15px; }
        #categoryListArea .inner .category h2 img {
          width: 169px; }
          @media only screen and (max-width: 769px) {
            #categoryListArea .inner .category h2 img {
              width: 150px; } }
      #categoryListArea .inner .category ul {
        display: flex;
        flex-wrap: wrap;
        font-size: 0; }
        #categoryListArea .inner .category ul li {
          margin-right: 20px;
          margin-bottom: 10px;
          display: inline-block; }
          @media only screen and (max-width: 769px) {
            #categoryListArea .inner .category ul li {
              margin-right: 15px; } }
          #categoryListArea .inner .category ul li a {
            background-color: #00D2FF;
            color: #fff;
            font-family: "Noto Sans Japanese";
            font-size: 14px;
            padding: 0 10px; }
            @media only screen and (max-width: 769px) {
              #categoryListArea .inner .category ul li a {
                font-size: 12px; } }
    #categoryListArea .inner .category--right {
      margin-left: auto; }
      @media only screen and (max-width: 769px) {
        #categoryListArea .inner .category--right {
          margin: auto; } }
      #categoryListArea .inner .category--right h2 {
        text-align: right; }

/*----------------------------------------------------------------------------------
		 							         articleAllArea
------------------------------------------------------------------------------------*/
#articleAllArea {
  padding: 148px 0; }
  #articleAllArea h1 {
    text-align: center;
    margin-bottom: 55px; }
    #articleAllArea h1 span {
      display: inline-block;
      width: 129px;
      position: relative; }
      #articleAllArea h1 span:after {
        content: "";
        background-color: #FF7A4A;
        height: 1px;
        width: 49px;
        position: absolute;
        right: -60px;
        top: 15px; }
    #articleAllArea h1 img {
      width: 100%; }

/*----------------------------------------------------------------------------------
		 							         taxonomyAllArea
------------------------------------------------------------------------------------*/
#taxonomyAllArea {
  padding: 145px 0; }
  #taxonomyAllArea h1 {
    text-align: center;
    margin-bottom: 54px;
    font-size: 21px;
    font-family: "Noto Sans Japanese";
    letter-spacing: 0.15em; }
    #taxonomyAllArea h1 span {
      background-color: #00D2FF;
      color: #fff;
      display: inline-block;
      padding: 0 20px; }

/*----------------------------------------------------------------------------------
		 							         searchArea
------------------------------------------------------------------------------------*/
#searchArea {
  padding: 120px 0; }
  @media only screen and (max-width: 769px) {
    #searchArea {
      padding: 90px 0; } }
  #searchArea h1 {
    font-size: 21px;
    text-align: center;
    margin-bottom: 80px;
    letter-spacing: 0.15em; }
    #searchArea h1 span {
      font-size: 14px; }

.notFound {
  min-height: 120px; }
  .notFound p {
    text-align: center;
    font-size: 16px; }

/*----------------------------------------------------------------------------------
		 							         jobDetailArea
------------------------------------------------------------------------------------*/
#jobDetailArea h4 {
  width: 181px;
  margin: 0 auto; }
  @media only screen and (max-width: 769px) {
    #jobDetailArea h4 {
      width: 261px; } }
  #jobDetailArea h4 img {
    width: 100%; }
#jobDetailArea .jobDetail__list {
  width: 600px;
  margin: 25px auto 0;
  background-color: #e1ffff; }
  @media only screen and (max-width: 769px) {
    #jobDetailArea .jobDetail__list {
      width: calc(100% - 40px); } }
  #jobDetailArea .jobDetail__list li {
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 6px #f5f5f5; }
  #jobDetailArea .jobDetail__list .jobDetail__listTtl {
    box-sizing: border-box;
    width: 154px;
    padding: 10px 26px;
    background-color: #e1ffff;
    font-size: 15px;
    height: 100%; }
    @media only screen and (max-width: 769px) {
      #jobDetailArea .jobDetail__list .jobDetail__listTtl {
        width: 104px;
        padding: 10px 12px;
        font-size: 13px; } }
  #jobDetailArea .jobDetail__list .jobDetail__listTxt {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: calc(100% - 154px);
    padding: 11.5px 26px;
    background-color: #fff;
    border-left: solid 6px #f5f5f5;
    font-size: 13px;
    line-height: 2;
    word-break: break-all; }
    @media only screen and (max-width: 769px) {
      #jobDetailArea .jobDetail__list .jobDetail__listTxt {
        width: calc(100% - 104px);
        font-size: 11px;
        padding: 11.5px 12px; } }
    #jobDetailArea .jobDetail__list .jobDetail__listTxt a {
      color: #ff7a4a; }
    #jobDetailArea .jobDetail__list .jobDetail__listTxt p + p {
      margin-top: 30px; }
#jobDetailArea .jobDetail_btn {
  margin-top: 50px;
  text-align: center; }
  #jobDetailArea .jobDetail_btn a {
    display: inline-block;
    color: #fff;
    background-color: #00d2ff;
    border-radius: 30px;
    padding: 12px 63px;
    font-size: 20px;
    letter-spacing: 0.1em; }

#jobDetailTopArea {
  padding-top: 75px; }
  @media only screen and (max-width: 769px) {
    #jobDetailTopArea {
      padding-top: 0; } }
  #jobDetailTopArea .jobDetailTop__inner {
    max-width: 600px;
    margin: 0 auto; }
    @media only screen and (max-width: 769px) {
      #jobDetailTopArea .jobDetailTop__inner {
        width: calc(100% - 40px); } }
  #jobDetailTopArea .job-slider {
    margin-bottom: 70px; }
    @media only screen and (max-width: 769px) {
      #jobDetailTopArea .job-slider {
        margin-bottom: 60px;
        margin-left: -20px;
        width: calc(100% + 40px); } }
    #jobDetailTopArea .job-slider img {
      width: 100%;
      height: auto; }
  #jobDetailTopArea .slick-dots {
    display: block;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 769px) {
      #jobDetailTopArea .slick-dots {
        bottom: -35px; } }
  #jobDetailTopArea .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px !important;
    height: 10px;
    margin: 0 13px;
    padding: 0;
    cursor: pointer; }
    @media only screen and (max-width: 769px) {
      #jobDetailTopArea .slick-dots li {
        margin: 0 11px; } }
  #jobDetailTopArea .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 3px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  #jobDetailTopArea .slick-dots li button:hover,
  #jobDetailTopArea .slick-dots li button:focus {
    outline: none; }
  #jobDetailTopArea .slick-dots li button:hover:before,
  #jobDetailTopArea .slick-dots li button:focus:before {
    opacity: 1;
    background-color: #FF7A4A;
    transition: all 0.5s ease; }
  #jobDetailTopArea .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background-color: #00D2FF;
    border: solid 0.5px #000;
    transition: all 0.5s ease;
    box-sizing: border-box; }
  #jobDetailTopArea .slick-dots li.slick-active button:before {
    background-color: #FF7A4A; }
  #jobDetailTopArea h2 {
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.8; }
    @media only screen and (max-width: 769px) {
      #jobDetailTopArea h2 {
        font-size: 20px; }
        #jobDetailTopArea h2 br {
          display: none; } }
  #jobDetailTopArea .jobDetailTopContent {
    margin-top: 30px; }
    @media only screen and (max-width: 769px) {
      #jobDetailTopArea .jobDetailTopContent {
        margin-top: 5px; } }
    #jobDetailTopArea .jobDetailTopContent h3 {
      font-size: 20px; }
      #jobDetailTopArea .jobDetailTopContent h3 + p {
        margin-top: 15px; }
    #jobDetailTopArea .jobDetailTopContent p {
      font-size: 14px;
      letter-spacing: 0.01em;
      line-height: 2.2; }
      #jobDetailTopArea .jobDetailTopContent p + p {
        margin-top: 25px; }

#jobDetailRecruitArea {
  padding: 50px 0 30px; }

#jobDetailProcessArea {
  padding: 50px 0 30px; }

#jobDetailInfoArea {
  padding: 50px 0 180px; }

/*----------------------------------------------------------------------------------
		 							         jobAllArea
------------------------------------------------------------------------------------*/
#jobAllArea {
  padding: 50px 0 72px; }
  #jobAllArea .jobAllArea__ttl {
    width: 283px;
    margin: 0 auto; }
  #jobAllArea .jobAll__container {
    box-sizing: border-box;
    max-width: 900px;
    margin: 43px auto 0;
    background-color: #ebf5f5;
    padding: 40px 20px 100px; }
    @media only screen and (max-width: 769px) {
      #jobAllArea .jobAll__container {
        max-width: calc(100% - 80px);
        padding: 50px 35px; } }
  #jobAllArea .wp-pagenavi {
    margin-top: 58px; }
  #jobAllArea .jobAll__list {
    max-width: 796px; }
    @media only screen and (max-width: 769px) {
      #jobAllArea .jobAll__list {
        gap: 45px 0; } }
  #jobAllArea .jobAll__thumb img {
    width: 100%;
    height: 130px;
    object-fit: cover; }
  #jobAllArea .jobAll__content {
    min-height: 135px; }
    #jobAllArea .jobAll__content .ttl {
      font-size: 13px; }
  @media only screen and (max-width: 769px) {
    #jobAllArea .jobAll__box {
      width: 100%; } }
  #jobAllArea .jobAllArea__homeWrap {
    width: 290px;
    margin: 104px auto 0; }
  #jobAllArea .jobAllArea__home {
    display: flex; }
    #jobAllArea .jobAllArea__home .jobAllArea__HomeBox {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50%; }
      #jobAllArea .jobAllArea__home .jobAllArea__HomeBox:hover > span:after, #jobAllArea .jobAllArea__home .jobAllArea__HomeBox:hover > span:before {
        background-color: #FF7A4A;
        transition: all 0.5s ease; }
      #jobAllArea .jobAllArea__home .jobAllArea__HomeBox span {
        position: relative;
        font-size: 18px;
        letter-spacing: 0.1em; }
        #jobAllArea .jobAllArea__home .jobAllArea__HomeBox span:after {
          content: "";
          height: 1px;
          width: 130px;
          background-color: #00D2FF;
          position: absolute;
          bottom: -5px;
          left: -36px;
          right: 0;
          margin: auto; }
        #jobAllArea .jobAllArea__home .jobAllArea__HomeBox span:before {
          content: "";
          position: absolute;
          right: -28px;
          margin: auto;
          bottom: 0px;
          width: 16px;
          height: 1px;
          background-color: #00D2FF;
          transform: rotate(45deg); }
      #jobAllArea .jobAllArea__home .jobAllArea__HomeBox img {
        width: 125px; }
  #jobAllArea .job__name {
    font-size: 11px; }
  #jobAllArea .bottom__area {
    font-size: 12px;
    text-align: right; }

.jobAll__list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 6.5%;
  margin: 0 auto; }
  .jobAll__list .jobAll__box {
    position: relative;
    width: 29%;
    background-color: #fff; }
    .jobAll__list .jobAll__box .jobAll__thumb img {
      width: 100%;
      object-fit: cover; }
    .jobAll__list .jobAll__box .jobAll__content {
      padding: 12px 10px; }
      .jobAll__list .jobAll__box .jobAll__content .ttl br {
        display: none; }
    .jobAll__list .jobAll__box .bottom__wrap {
      position: absolute;
      bottom: 12px;
      left: 10px;
      width: calc(100% - 20px); }
    .jobAll__list .jobAll__box .bottom {
      margin-top: 20px; }
    .jobAll__list .jobAll__box .bottom__area {
      color: #808080;
      text-align: right; }
    .jobAll__list .jobAll__box .job__name {
      color: #00D2FF; }
    .jobAll__list .jobAll__box .bottom__category {
      margin-top: 5px;
      text-align: right; }
      .jobAll__list .jobAll__box .bottom__category ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 5px 5px; }
        .jobAll__list .jobAll__box .bottom__category ul li {
          color: #ff7a4a;
          border: solid 1px #ff7a4a;
          border-radius: 3px;
          padding: 0 3px;
          font-size: 10px; }

/*----------------------------------------------------------------------------------
		 							         aboutArea
------------------------------------------------------------------------------------*/
#aboutArea {
  padding-bottom: 155px; }
  @media only screen and (max-width: 769px) {
    #aboutArea {
      padding-bottom: 60px; } }

#aboutLeadArea {
  padding-bottom: 90px;
  text-align: center; }
  @media only screen and (max-width: 769px) {
    #aboutLeadArea {
      padding-bottom: 60px; } }
  #aboutLeadArea h2 {
    font-size: 17px;
    letter-spacing: 0.2em;
    margin-bottom: 70px; }
    @media only screen and (max-width: 769px) {
      #aboutLeadArea h2 {
        font-size: 16px; } }
  #aboutLeadArea p {
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 2.3; }
    @media only screen and (max-width: 769px) {
      #aboutLeadArea p {
        font-size: 13px; } }

#aboutMemberArea h3 {
  margin-bottom: 100px; }
  @media only screen and (max-width: 769px) {
    #aboutMemberArea h3 {
      margin-bottom: 40px; } }
  #aboutMemberArea h3 span {
    font-size: 18px;
    font-weight: regular;
    letter-spacing: 0.2em; }
#aboutMemberArea .member__list {
  width: 845px;
  margin: 0 auto;
  display: flex; }
  @media only screen and (min-width: 770px) and (max-width: 1099px) {
    #aboutMemberArea .member__list {
      width: 80%; } }
  @media only screen and (max-width: 769px) {
    #aboutMemberArea .member__list {
      display: block;
      width: 92%; } }
  #aboutMemberArea .member__list .member__list__box {
    width: 235px;
    margin-right: 70px;
    height: 560px;
    position: relative; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #aboutMemberArea .member__list .member__list__box {
        width: 28%;
        margin-right: 8%; } }
    @media only screen and (max-width: 769px) {
      #aboutMemberArea .member__list .member__list__box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 60px;
        height: auto; } }
    #aboutMemberArea .member__list .member__list__box:last-child {
      margin-right: 0; }
    #aboutMemberArea .member__list .member__list__box .img {
      margin-bottom: 43px; }
      #aboutMemberArea .member__list .member__list__box .img img {
        width: 100%; }
    #aboutMemberArea .member__list .member__list__box .name {
      font-size: 15px;
      letter-spacing: 0.15em;
      margin-bottom: 12px; }
    #aboutMemberArea .member__list .member__list__box .postion {
      font-size: 11px;
      margin-bottom: 23px; }
    #aboutMemberArea .member__list .member__list__box .txt {
      font-size: 12px;
      line-height: 2.0;
      letter-spacing: 0.08em; }
      @media only screen and (max-width: 769px) {
        #aboutMemberArea .member__list .member__list__box .txt {
          font-size: 10px;
          margin-bottom: 25px; } }
    #aboutMemberArea .member__list .member__list__box .sns__list {
      display: flex;
      align-items: center;
      position: absolute;
      /*				bottom: 0;
      				left: 0;   */
      margin-top: 5%;
      margin-left: 10px; }
      @media only screen and (max-width: 769px) {
        #aboutMemberArea .member__list .member__list__box .sns__list {
          position: static; } }
      #aboutMemberArea .member__list .member__list__box .sns__list li {
        margin-right: 28px; }
        #aboutMemberArea .member__list .member__list__box .sns__list li:last-child {
          margin-right: 0; }
        #aboutMemberArea .member__list .member__list__box .sns__list li i {
          font-size: 17px;
          color: #000; }
        #aboutMemberArea .member__list .member__list__box .sns__list li img {
          width: 14px;
          padding-bottom: 5px; }

/*----------------------------------------------------------------------------------
		 								rulesArea
------------------------------------------------------------------------------------*/
#privacyArea {
  padding: 70px 0; }
  @media only screen and (max-width: 769px) {
    #privacyArea {
      padding: 50px 0; } }
  #privacyArea .inner {
    width: 818px;
    margin: 0 auto; }
    @media only screen and (min-width: 770px) and (max-width: 1099px) {
      #privacyArea .inner {
        width: 90%; } }
    @media only screen and (max-width: 769px) {
      #privacyArea .inner {
        width: 90%; } }
  #privacyArea h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center; }
    @media only screen and (max-width: 769px) {
      #privacyArea h1 {
        font-size: 23px;
        margin-bottom: 30px; } }
  #privacyArea h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px; }
    @media only screen and (max-width: 769px) {
      #privacyArea h2 {
        font-size: 16px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 339px) {
      #privacyArea h2 {
        font-size: 15px; } }
  #privacyArea p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 50px; }
    @media only screen and (max-width: 769px) {
      #privacyArea p {
        margin-bottom: 40px; } }
  #privacyArea ul {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 50px; }

/*----------------------------------------------------------------------------------
		 								contactArea
------------------------------------------------------------------------------------*/
#contactArea .checkbox label {
  position: relative;
  font-size: 14px; }
#contactArea .checkbox input[type="checkbox"] {
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px !important; }
#contactArea .checkbox span.wpcf7-list-item {
  margin: 0 !important; }
#contactArea .checkbox .wpcf7-list-item-label {
  padding-left: 17px; }
#contactArea .checkbox .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px; }

#contactContentArea {
  background-color: #F5F5F5;
  padding: 0px 0 120px; }
  #contactContentArea .txt {
    text-align: center;
    font-size: 14px;
    margin-bottom: 55px;
    line-height: 2.3; }
    @media only screen and (max-width: 769px) {
      #contactContentArea .txt {
        font-size: 13px;
        width: 90%;
        margin: 0 auto 45px;
        text-align: left; }
        #contactContentArea .txt br {
          display: none; } }
  #contactContentArea .board {
    width: 818px;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    padding: 60px; }
    @media only screen and (max-width: 769px) {
      #contactContentArea .board {
        width: 100%;
        padding: 20px 5%; } }

/*お問い合わせ*/
.contact-wrapper table, .contact-wrapper table th, .contact-wrapper table td {
  border: 0;
  text-align: left;
  margin-bottom: 15px; }
  @media only screen and (max-width: 769px) {
    .contact-wrapper table, .contact-wrapper table th, .contact-wrapper table td {
      margin-bottom: 0; } }

.contact-wrapper table img {
  max-width: 100%;
  height: auto; }

.contact-wrapper table tr {
  display: flex; }
  @media only screen and (max-width: 769px) {
    .contact-wrapper table tr {
      display: block; } }

.contact-wrapper table th {
  width: 200px;
  background: rgba(255, 255, 255, 0.65);
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 769px) {
    .contact-wrapper table th {
      width: 100%; } }

.contact-wrapper table th span {
  font-size: 12px;
  font-weight: 500;
  border: solid 1px #FF7A4A;
  color: #FF7A4A;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 40px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center; }

.contact-wrapper table td {
  width: 520px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.25);
  box-sizing: border-box; }
  @media only screen and (max-width: 769px) {
    .contact-wrapper table td {
      width: 100%;
      padding: 10px 0 25px;
      display: block; } }

.contact-wrapper table td input, .contact-wrapper table td textarea {
  padding: 14px 24px;
  background-color: #F5F5F5;
  font-weight: 500;
  border: none;
  box-sizing: border-box; }
  @media only screen and (max-width: 769px) {
    .contact-wrapper table td input, .contact-wrapper table td textarea {
      padding: 10px 15px; } }

.normal-input input, textarea {
  width: 100% !important;
  font-size: 15px; }
  @media only screen and (max-width: 769px) {
    .normal-input input, textarea {
      font-size: 14px; } }

.tel-line input {
  width: 140px;
  box-sizing: border-box;
  font-size: 15px; }
  @media only screen and (max-width: 769px) {
    .tel-line input {
      width: 65px; } }

.tel-line .bar {
  margin: 0 10px; }
  @media only screen and (max-width: 769px) {
    .tel-line .bar {
      margin: 0; } }

.contact-wrapper table td textarea {
  resize: none; }

.contact-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

.contact-wrapper .btn-wrapper {
  text-align: center; }

.contact-wrapper .btn-wrapper input {
  display: inline-block;
  width: 236px;
  height: 48px;
  background: #FF7A4A;
  border: 1px solid #FF7A4A;
  box-sizing: border-box;
  color: #fff;
  border-radius: 25px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin: 0 8px;
  font-size: 15px; }

.contact-wrapper .btn-wrapper input:hover {
  background: #fff;
  color: #FF7A4A;
  cursor: pointer; }

.contact-contents {
  align-items: start !important;
  padding-top: 10px; }
  .contact-contents span {
    top: 10px !important;
    bottom: auto !important; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #FF7A4A; }

.wpcf7-not-valid-tip {
  color: #FF7A4A; }