@charset "UTF-8"; @media screen and (min-width: 768px),print {
  main {
      width: 1100px;
      margin: 0 auto 30px auto;
  }

  /* 3枚表示のbxslider
-------------------------------------*/
  /* system-common */
  .page-list {
      font-size: 0.875em;
      margin: 50px 0 100px;
      text-align: center;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

  .page-list li {
      background: #eeefef;
      display: inline-block;
      border: #dcdddd 1px solid;
  }

  .page-list li.active {
      background: #231815;
      color: #fff;
  }

  .page-list li.active a {
      color: #fff;
  }

  .page-list a {
      padding: 12px;
      display: inline-block;
  }

  .pagen {
      width: 100%;
      margin: 0 auto 30px auto;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

  .page-navi {
      font-size: 0.875em;
      margin-bottom: 30px;
  }

  .page-navi li {
      display: inline-block;
  }

  .page-navi li.active {
      background: #ccc;
  }

  .page-navi a {
      padding: 8px;
      display: inline-block;
  }

  .page-navi .fast {
      margin-right: 0px;
  }

  .page-navi .last {
  }

  .page-navi .fast::after {
      content: "|";
      display: inline-block;
      margin: 0 5px;
  }

  .pagen .list {
      float: right;
  }

  .pagen .list a {
      margin: 0 auto;
      color: #fff;
      padding: 7px 30px;
      font-size: 0.875em;
      text-align: center;
      display: inline-block;
      background: #000;
  }

  .pagen .list a:hover {
      background: #666;
      text-decoration: none;
  }

  .btnArea {
      text-align: center;
      margin: 50px 0 20px;
      padding: 0;
  }

  .btnArea a {
      font-weight: bold;
      margin: 0 auto;
      color: #fff;
      padding: 20px 50px;
      font-size: 0.875em;
      text-align: center;
      display: block;
      background: #000;
      letter-spacing: 1px;
      width: 60%;
  }

  .btnArea a:hover {
      background: #666;
      text-decoration: none;
  }

  .btnArea-s {
      text-align: center;
  }

  .btnArea-s a {
      font-weight: bold;
      margin: 0 auto;
      color: #fff;
      padding: 10px 50px;
      font-size: 0.875em;
      text-align: center;
      display: inline-block;
      background: #000;
      letter-spacing: 1px;
  }

  .btnArea-s a:hover {
      background: #666;
      text-decoration: none;
  }

  .btnArea-s::after {
      content: '';
      display: block;
      margin-bottom: 100px;
  }

  .borderwrap {
      margin-bottom: 40px;
  }

  .borderwrap h3 {
      font-size: 1.5em;
      font-weight: bold;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 1px #ccc solid;
      line-height: 1.6;
  }

  .borderwrap p {
      font-size: 0.875em;
      line-height: 1.8;
  }

  /* voice -------------------------------------*/
  #voice h1.main-title {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      min-height:350px;
      background: url(../images/voice/h1.png) no-repeat top center;
      color: #fff;
      padding: 120px 0 50px;
      text-align: left
  }

  #voice .system-list {
      padding: 41px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #voice .system-list li {
      line-height: 1.4;
      width: 32%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 20px;
      padding: 20px 10px 10px;
  }

  #voice .system-list li:nth-child(3n) {
      margin-right: 0
  }

  #voice .system-list li a:hover {
      text-decoration: none;
  }

  #voice .system-list .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 2%;
  }

  #voice .system-list .btn::after {
      content: ' >';
  }

  #voice .system-pic {
      width: 100%;
      height: 340px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 15px;
  }

  #voice .system-pic img {
      width: 100%;
      height: 340px;
  }

  #voice .system-date {
      font-size: 0.75em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #voice .system-name {
      font-size: 20px;
      margin-bottom: 10px;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #voice .system-ttl-01 {
      font-size: 14px;
      margin-bottom: 20px;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #voice .system-coment {
      font-size: 0.75em;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #voice .system-category-set {
      margin-bottom: 15px;
      margin-top: -15px;
  }

  #voice .system-category {
      margin-bottom: 1px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 8px;
      background-color: #ccc;
  }

  #voice .serchcategory {
      margin-bottom: 100px;
  }

  #voice .serchcategory .icon {
      display: inline-block;
      margin-bottom: 15px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
  }

  #voice .system-category1 {
      margin-bottom: 1px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
      background-color: #ccc;
      position: relative;
  }

  #voice .serchcategory1 {
      margin-bottom: 100px;
      width: 750px;
      margin: 0 auto;
      position: relative;
      top: -50px
  }

  #voice .serchcategory1 .icon {
      width: 150px;
      display: inline-block;
      margin-bottom: 15px;
      margin-right: 30px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding: 10px 10px;
      position: relative;
      background: #f0f0f0
  }

  #voice .serchcategory1 .icon:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url(../images/common/category-icon.png) no-repeat right top;
      position: absolute;
      right: -13px;
      top: 35px;
      z-index: 1
  }

  #voice .icon01 {
      background: #f0f0f0;
  }

  #voice .icon02 {
      background: #f0f0f0;
  }

  #voice .icon03 {
      background: #f0f0f0;
  }

  #voice .icon04 {
      background: #f0f0f0;
  }

  #voice .icon05 {
      background: #f0f0f0;
  }

  #voice .icon06 {
      background: #f0f0f0;
  }

  #voice .system-icon02 span {
      display: block;
      padding: 5px 15px;
      background: #F2F2F2;
      font-size: 14px;
      ; letter-spacing: 1px;
      margin-bottom: 15px;
      margin-top: -15px;
      display: inline-block;
  }

  #voice .system-contents {
      padding: 40px 20px;
      margin-bottom: 30px;
  }

  #voice .system-contents-inner {
      background: #fff;
      padding: 40px 20px;
  }

  #voice .system-contents .system-date {
      font-size: 24px;
      margin-bottom: 10px;
      display: block;
      letter-spacing: 1px;
  }

  #voice .system-contents .system-category-set {
      margin-top: 0px;
      margin-bottom: 0;
  }

  #voice .system-contents .system-category {
      margin-bottom: 20px;
      font-size: 0.75em;
      color: #fff;
      text-align: center;
      padding: 8px;
      width: 20%;
      float: left;
      margin-right: 2px;
  }

  #voice .system-contents .system-ttl {
      font-size: 16px;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #voice .system-contents .system-i-pic {
      text-align: center;
      margin-bottom: 20px;
  }

  #voice .system-contents .system-i-pic img {
      max-width: 100%;
      max-height: 900px;
      width: auto;
      max-height: auto;
  }

  #voice .system-gallery {
      padding: 30px 20px;
  }

  #voice .system-gallery h2 {
      text-transform: uppercase;
  }

  #voice .gallery-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #voice .gallery-list li {
      width: 18.4%;
      position: relative;
      margin: 0 2% 25px 0;
      font-size: 0.75em;
      line-height: 1.4;
      text-align: left;
  }

  #voice .gallery-list li:nth-of-type(5n) {
      margin-right: 0;
  }

  #voice .gallery-list li a:hover {
      text-decoration: none;
  }

  #voice .gallery-list li .system-Frame {
      display: block;
      width: 100%;
      height: 120px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 8px;
  }

  #voice .gallery-list li .system-Frame::after {
      content: url(../images/common/icon_plus.jpg);
      display: block;
      position: absolute;
      top: 90px;
      right: 0;
  }

  #voice .gallery-list li .system-Frame img {
      width: 100%;
      height: 120px;
  }

  #voice .system-list02 {
      padding: 0px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #voice .system-list02 li {
      line-height: 1.4;
      width: 25%;
      margin-right: 0%;
      background: #fff;
      position: relative;
      margin-bottom: 20px;
      padding: 20px 10px 10px;
  }

  #voice .system-list02 li:nth-child(4n) {
      margin-right: 0
  }

  #voice .system-list02 li a:hover {
      text-decoration: none;
  }

  #voice .system-list02 .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 3%;
  }

  #voice .system-list02 .btn::after {
      content: ' >';
  }

  #voice .system-list02 .system-pic {
      width: 100%;
      height: 320px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 10px;
  }

  #voice .system-list02 .system-pic img {
      width: 100%;
      height: 320px;
  }

  #voice .system-list02 .system-date {
      font-size: 0.75em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #voice .system-list02 .system-date::before {
      content: "■";
  }

  #voice .system-list02 .system-coment {
      font-size: 0.75em;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #voice .system-list02 .system-ttl-01 {
      font-size: 1em;
      margin-bottom: 20px;
      line-height: 1.4;
  }

  /* event -------------------------------------*/
  #event h1.main-title {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      min-height: 350px;
      background: url(../images/event/h1.png) no-repeat top center;
      color: #fff;
      padding: 120px 0 50px;
      text-align: left
  }

  #event .system-list {
      padding: 41px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #event .system-list li {
      line-height: 1.4;
      width: 32%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 0px;
      padding: 20px 10px 0px;
  }

  #event .system-list li:nth-child(3n) {
      margin-right: 0
  }

  #event .system-list li a:hover {
      text-decoration: none;
  }

  #event .system-list .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 2%;
  }

  #event .system-list .btn::after {
      content: ' >';
  }

  #event .system-pic {
      width: 100%;
      height: 225px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 8px;
  }

  #event .system-pic img {
      width: 100%;
      height: 225px;
  }

  #event .system-date {
      font-size: 0.75em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #event .system-name {
      font-size: 20px;
      margin-bottom: 10px;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #event .system-ttl-01 {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #event .system-coment {
      font-size: 0.75em;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #event .system-category-set {
      margin-bottom: 15px;
      margin-top: -15px;
  }

  #event .system-category {
      margin-bottom: 1px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 8px;
      background-color: #ccc;
  }

  #event .serchcategory {
      margin-bottom: 100px;
  }

  #event .serchcategory .icon {
      display: inline-block;
      margin-bottom: 15px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
  }

  #event .system-category1 {
      margin-bottom: 1px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
      background-color: #ccc;
      position: relative;
  }

  #event .serchcategory1 {
      margin-bottom: 100px;
      width: 750px;
      margin: 0 auto;
      position: relative;
      top: -50px
  }

  #event .serchcategory1 .icon {
      width: 150px;
      display: inline-block;
      margin-bottom: 15px;
      margin-right: 30px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding: 10px 10px;
      position: relative;
      background: #f0f0f0
  }

  #event .serchcategory1 .icon:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url(../images/common/category-icon.png) no-repeat right top;
      position: absolute;
      right: -13px;
      top: 35px;
      z-index: 1
  }

  #event .icon01 {
      background: #f0f0f0;
  }

  #event .icon02 {
      background: #f0f0f0;
  }

  #event .icon03 {
      background: #f0f0f0;
  }

  #event .icon04 {
      background: #f0f0f0;
  }

  #event .icon05 {
      background: #f0f0f0;
  }

  #event .icon06 {
      background: #f0f0f0;
  }

  #event .system-icon02 span {
      display: block;
      padding: 5px 15px;
      background: #F2F2F2;
      font-size: 14px;
      ; letter-spacing: 1px;
      margin-bottom: 15px;
      margin-top: -15px;
      display: inline-block;
  }

  #event .system-contents {
      padding: 0px 20px 40px;
      margin-bottom: 30px;
  }

  #event .system-contents-inner {
      background: #fff;
      padding: 0px 20px 40px;
  }

  #event .system-contents .system-date {
      font-size: 24px;
      margin-bottom: 10px;
      display: block;
      letter-spacing: 1px;
  }

  #event .system-contents .system-category-set {
      margin-top: 0px;
      margin-bottom: 0;
  }

  #event .system-contents .system-category {
      margin-bottom: 20px;
      font-size: 0.75em;
      color: #fff;
      text-align: center;
      padding: 8px;
      width: 20%;
      float: left;
      margin-right: 2px;
  }

  #event .system-contents .system-ttl {
      letter-spacing: 1px;
      font-size: 1.375em;
      font-weight: bold;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  #event .system-contents .system-i-pic {
      text-align: center;
      margin-bottom: 20px;
  }

  #event .system-contents .system-i-pic img {
      max-width: 100%;
      max-height: 900px;
      width: auto;
      max-height: auto;
  }

  #event .system-gallery {
      padding: 0px 20px 30px;
  }

  #event .system-gallery h2 {
      text-transform: uppercase;
  }

  #event .gallery-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #event .gallery-list li {
      width: 18.4%;
      position: relative;
      margin: 0 2% 2% 0;
      font-size: 0.75em;
      line-height: 1.4;
      text-align: left;
  }

  #event .gallery-list li:nth-of-type(5n) {
      margin-right: 0;
  }

  #event .gallery-list li a:hover {
      text-decoration: none;
  }

  #event .gallery-list li .system-Frame {
      display: block;
      width: 100%;
      height: 120px;
      overflow: hidden;
      text-align: center;
      /* margin-bottom: 8px; */
  }

  #event .gallery-list li .system-Frame::after {
      content: url(../images/common/icon_plus.jpg);
      display: block;
      position: absolute;
      top: 90px;
      right: 0;
  }

  #event .gallery-list li .system-Frame img {
      width: 100%;
      height: 120px;
  }

  #event .system-list02 {
      padding: 0px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #event .system-list02 li {
      line-height: 1.4;
      width: 25%;
      margin-right: 0%;
      background: #fff;
      position: relative;
      margin-bottom: 20px;
      padding: 20px 10px 10px;
  }

  #event .system-list02 li:nth-child(4n) {
      margin-right: 0
  }

  #event .system-list02 li a:hover {
      text-decoration: none;
  }

  #event .system-list02 .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 3%;
  }

  #event .system-list02 .btn::after {
      content: ' >';
  }

  #event .system-list02 .system-pic {
      width: 100%;
      height: 320px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 10px;
  }

  #event .system-list02 .system-pic img {
      width: 100%;
      height: 320px;
  }

  #event .system-list02 .system-date {
      font-size: 0.75em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #event .system-list02 .system-date::before {
      content: "■";
  }

  #event .system-list02 .system-coment {
      font-size: 0.75em;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #event .system-list02 .system-ttl-01 {
      font-size: 1em;
      margin-bottom: 20px;
      line-height: 1.4;
  }

  /* zukan（お仕事図鑑 20260924追加） -------------------------------------*/
  #zukan h1.main-title {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      min-height: 350px;
      background: url(../images/event/h1.png) no-repeat top center;
      color: #fff;
      padding: 120px 0 50px;
      text-align: left
  }

  #zukan .system-list {
      padding: 41px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #zukan .system-list li {
      line-height: 1.4;
      width: 32%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 0px;
      padding: 20px 10px 0px;
  }

  #zukan .system-list li:nth-child(3n) {
      margin-right: 0
  }

  #zukan .system-list li a:hover {
      text-decoration: none;
  }

  #zukan .system-list .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 2%;
  }

  #zukan .system-list .btn::after {
      content: ' >';
  }

  #zukan .system-pic {
      width: 100%;
      height: 225px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 8px;
  }

  #zukan .system-pic img {
      width: 100%;
      height: 225px;
  }

  #zukan .system-date {
      font-size: 0.75em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #zukan .system-name {
      font-size: 20px;
      margin-bottom: 10px;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #zukan .system-ttl-01 {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #zukan .system-coment {
      font-size: 0.75em;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #zukan .system-category-set {
      margin-bottom: 15px;
      margin-top: -15px;
  }

  #zukan .system-category {
      margin-bottom: 1px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 8px;
      background-color: #ccc;
  }

  #zukan .serchcategory {
      margin-bottom: 100px;
  }

  #zukan .serchcategory .icon {
      display: inline-block;
      margin-bottom: 15px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
  }

  #zukan .system-category1 {
      margin-bottom: 1px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
      background-color: #ccc;
      position: relative;
  }

  #zukan .serchcategory1 {
      margin-bottom: 100px;
      width: 750px;
      margin: 0 auto;
      position: relative;
      top: -50px
  }

  #zukan .serchcategory1 .icon {
      width: 150px;
      display: inline-block;
      margin-bottom: 15px;
      margin-right: 30px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding: 10px 10px;
      position: relative;
      background: #f0f0f0
  }

  #zukan .serchcategory1 .icon:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url(../images/common/category-icon.png) no-repeat right top;
      position: absolute;
      right: -13px;
      top: 35px;
      z-index: 1
  }

  #zukan .icon01 {
      background: #f0f0f0;
  }

  #zukan .icon02 {
      background: #f0f0f0;
  }

  #zukan .icon03 {
      background: #f0f0f0;
  }

  #zukan .icon04 {
      background: #f0f0f0;
  }

  #zukan .icon05 {
      background: #f0f0f0;
  }

  #zukan .icon06 {
      background: #f0f0f0;
  }

  #zukan .system-icon02 span {
      display: block;
      padding: 5px 15px;
      background: #F2F2F2;
      font-size: 14px;
      ; letter-spacing: 1px;
      margin-bottom: 15px;
      margin-top: -15px;
      display: inline-block;
  }

  #zukan .system-contents {
      padding: 0px 20px 40px;
      margin-bottom: 30px;
  }

  #zukan .system-contents-inner {
      background: #fff;
      padding: 0px 20px 40px;
  }

  #zukan .system-contents .system-date {
      font-size: 24px;
      margin-bottom: 10px;
      display: block;
      letter-spacing: 1px;
  }

  #zukan .system-contents .system-category-set {
      margin-top: 0px;
      margin-bottom: 0;
  }

  #zukan .system-contents .system-category {
      margin-bottom: 20px;
      font-size: 0.75em;
      color: #fff;
      text-align: center;
      padding: 8px;
      width: 20%;
      float: left;
      margin-right: 2px;
  }

  #zukan .system-contents .system-ttl {
      letter-spacing: 1px;
      font-size: 1.375em;
      font-weight: bold;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  #zukan .system-contents .system-i-pic {
      text-align: center;
      margin-bottom: 20px;
  }

  #zukan .system-contents .system-i-pic img {
      max-width: 100%;
      max-height: 900px;
      width: auto;
      max-height: auto;
  }

  #zukan .system-gallery {
      padding: 0px 20px 30px;
  }

  #zukan .system-gallery h2 {
      text-transform: uppercase;
  }

  #zukan .gallery-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #zukan .gallery-list li {
      width: 18.4%;
      position: relative;
      margin: 0 2% 2% 0;
      font-size: 0.75em;
      line-height: 1.4;
      text-align: left;
  }

  #zukan .gallery-list li:nth-of-type(5n) {
      margin-right: 0;
  }

  #zukan .gallery-list li a:hover {
      text-decoration: none;
  }

  #zukan .gallery-list li .system-Frame {
      display: block;
      width: 100%;
      height: 120px;
      overflow: hidden;
      text-align: center;
      /* margin-bottom: 8px; */
  }

  #zukan .gallery-list li .system-Frame::after {
      content: url(../images/common/icon_plus.jpg);
      display: block;
      position: absolute;
      top: 90px;
      right: 0;
  }

  #zukan .gallery-list li .system-Frame img {
      width: 100%;
      height: 120px;
  }

  #zukan .system-list02 {
      padding: 0px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #zukan .system-list02 li {
      line-height: 1.4;
      width: 25%;
      margin-right: 0%;
      background: #fff;
      position: relative;
      margin-bottom: 20px;
      padding: 20px 10px 10px;
  }

  #zukan .system-list02 li:nth-child(4n) {
      margin-right: 0
  }

  #zukan .system-list02 li a:hover {
      text-decoration: none;
  }

  #zukan .system-list02 .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 3%;
  }

  #zukan .system-list02 .btn::after {
      content: ' >';
  }

  #zukan .system-list02 .system-pic {
      width: 100%;
      height: 320px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 10px;
  }

  #zukan .system-list02 .system-pic img {
      width: 100%;
      height: 320px;
  }

  #zukan .system-list02 .system-date {
      font-size: 0.75em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #zukan .system-list02 .system-date::before {
      content: "■";
  }

  #zukan .system-list02 .system-coment {
      font-size: 0.75em;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #zukan .system-list02 .system-ttl-01 {
      font-size: 1em;
      margin-bottom: 20px;
      line-height: 1.4;
  }

  /* recruit -------------------------------------*/
  #recruit h1.main-title {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      min-height: 350px;
      background: url(../images/recruit/h1.png) no-repeat top center;
      color: #fff;
      padding: 120px 0 50px;
      text-align: left
  }

  #recruit .system-list {
      padding: 41px 21px 21px;
      margin-bottom: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #recruit .system-list li {
      line-height: 1.4;
      width: 23.5%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 20px;
      padding: 20px 10px 30px;
  }

  #recruit .system-list li:nth-child(4n) {
      margin-right: 0
  }

  #recruit .system-list li a:hover {
      text-decoration: none;
  }

  #recruit .system-list .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 0.75em;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 3%;
  }

  #recruit .system-list .btn::after {
      content: ' >';
  }

  #recruit .system-pic {
      width: 100%;
      height: 180px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 15px;
  }

  #recruit .system-pic img {
      width: 100%;
      height: 180px;
  }

  #recruit .system-date {
      font-size: 14px;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #recruit .system-coment {
      font-size: 14px;
      margin-bottom: 5px;
      line-height: 1.4;
  }

  #recruit .system-ttl-01 {
      font-size: 1em;
      margin-bottom: 10px;
      line-height: 1.4;
  }

  #recruit .system-category-set {
      margin-bottom: 0;
      margin-top: -15px;
  }

  #recruit .system-category {
      margin-bottom: 1px;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 8px;
      background-color: #0A9FE6
  }

  #recruit .serchcategory {
      margin-bottom: 100px;
  }

  #recruit .serchcategory .icon {
      display: inline-block;
      margin-bottom: 15px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
  }

  #recruit .system-category1 {
      margin-bottom: 1px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 10px 20px;
      background-color: #ccc;
      position: relative;
  }

  #recruit .serchcategory1 {
      margin-bottom: 100px;
      width: 750px;
      margin: 0 auto;
      position: relative;
      top: -50px
  }

  #recruit .serchcategory1 .icon {
      display: inline-block;
      margin-bottom: 15px;
      margin-right: 30px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding: 10px 10px;
      position: relative;
      background: #f0f0f0
  }

  #recruit .serchcategory1 .icon:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url(../images/common/category-icon.png) no-repeat right top;
      position: absolute;
      right: -13px;
      top: 35px;
      z-index: 1
  }

  #recruit .icon01 {
  }

  #recruit .icon02 {
  }

  #recruit .icon03 {
  }

  #recruit .system-icon02 li {
      width: 100%;
      display: block;
      padding: 8px;
      text-align: center;
      background: #004EA2;
      color: #fff;
      font-size: 0.8rem;
      margin-bottom: 15px;
      margin-top: -15px;
  }

  #recruit .system-contents {
      padding: 40px 20px 20px;
      margin-bottom: 30px;
  }

  #recruit .system-contents .system-category-set {
      margin-top: 0px;
      margin-bottom: 0;
  }

  #recruit .system-contents-inner {
      background: #fff;
      padding: 40px 20px;
  }

  #recruit .system-contents-inner li {
  }

  #recruit .system-contents-inner li .span1 {
      width: 700px;
      margin: 0 auto 10px;
      border: 1px solid #000;
      display: block;
      padding: 10px;
      text-align: center;
  }

  #recruit .system-contents-inner li .span2 {
      text-align: center;
      display: block;
      margin-bottom: 10px;
  }

  #recruit .system-contents-inner li :last-child.span2 {
      display: none;
  }

  #recruit .system-contents-inner .system-icon02 li {
      width: auto;
      display: inline-block;
      padding: 8px;
      background: #004EA2;
      color: #fff;
      font-size: 0.8rem;
      margin-bottom: 15px;
      margin-top: -15px;
  }

  #recruit .system-contents .system-date {
      font-size: 1em;
      margin-bottom: 15px;
      display: block;
  }

  #recruit .system-contents .system-category {
      margin-bottom: 20px;
      font-size: 0.75em;
      color: #fff;
      text-align: center;
      padding: 8px;
      width: 20%;
      float: left;
      margin-right: 2px;
  }

  #recruit .system-contents .system-ttl {
      font-size: 1.375em;
      font-weight: bold;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  #recruit .system-contents .system-i-pic {
      text-align: center;
      margin: 50px 0;
  }

  #recruit .system-contents .system-i-pic img {
      max-width: 100%;
      max-height: 900px;
      width: auto;
      max-height: auto;
  }

  #recruit .system-gallery {
      padding: 30px 20px;
  }

  #recruit .system-gallery h2 {
      text-transform: uppercase;
  }

  #recruit .gallery-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #recruit .gallery-list li {
      width: 18.4%;
      position: relative;
      margin: 0 2% 25px 0;
      font-size: 0.75em;
      line-height: 1.4;
      text-align: left;
  }

  #recruit .gallery-list li:nth-of-type(5n) {
      margin-right: 0;
  }

  #recruit .gallery-list li a:hover {
      text-decoration: none;
  }

  #recruit .gallery-list li .system-Frame {
      display: block;
      width: 100%;
      height: 120px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 8px;
  }

  #recruit .gallery-list li .system-Frame::after {
      content: url(../images/common/icon_plus.jpg);
      display: block;
      position: absolute;
      top: 90px;
      right: 0;
  }

  #recruit .gallery-list li .system-Frame img {
      width: 100%;
      height: 120px;
  }

  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents .system-list {
      background: #eeefef;
      padding: 41px 21px;
      margin-bottom: 50px;
  }

  #blog .mainContents .system-list-inner {
      background: #fff;
      padding: 40px 20px;
  }

  #blog .mainContents .system-list li {
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 20px;
      border-bottom: 1px dotted #b2b2b2;
      padding: 0 0 20px;
  }

  #blog .mainContents .system-list li a:hover {
      text-decoration: none;
  }

  #blog .mainContents .system-list .system-date {
      width: 20%;
      float: left;
      font-size: 0.938em;
      line-height: 1.4;
  }

  #blog .mainContents .system-list .system-date::before {
      content: "■";
  }

  #blog .mainContents .system-list .system-ttl-01 {
      width: 78%;
      float: right;
      font-size: 0.938em;
      line-height: 1.6;
  }

  #blog .mainContents .system-list .system-category-set {
      width: 78%;
      float: right;
      margin-bottom: 15px;
  }

  #blog .mainContents .system-list .system-category {
      width: 20%;
      margin-right: 1px;
      font-size: 0.625em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 4px;
      float: left;
      background: #ccc;
  }

  /*patern2*/
  #blog .mainContents .system-list2 {
      background: #eeefef;
      padding: 41px 21px;
      margin-bottom: 50px;
  }

  #blog .mainContents .system-list-inner2 {
      background: #fff;
      padding: 40px 20px;
  }

  #blog .mainContents .system-list2 li {
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 20px;
      border-bottom: 1px dotted #b2b2b2;
      padding: 0 0 20px;
  }

  #blog .mainContents .system-list2 li a:hover {
      text-decoration: none;
  }

  #blog .mainContents .system-list2 .system-pic {
      width: 20%;
      float: left;
  }

  #blog .mainContents .system-list2 .system-pic img {
      max-width: 100%;
      height: auto;
  }

  #blog .mainContents .system-list2 .system-date {
      width: 78%;
      margin-bottom: 10px;
      float: right;
      font-size: 0.938em;
      line-height: 1.4;
  }

  #blog .mainContents .system-list2 .system-date::before {
      content: "■";
  }

  #blog .mainContents .system-list2 .system-ttl-01 {
      width: 78%;
      float: right;
      font-size: 0.938em;
      line-height: 1.6;
      margin-bottom: 10px;
  }

  #blog .mainContents .system-list2 .system-category-set {
      width: 78%;
      float: right;
      margin-bottom: 15px;
  }

  #blog .mainContents .system-list2 .system-category {
      width: 20%;
      margin-right: 1px;
      font-size: 0.625em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 4px;
      float: left;
      background: #ccc;
  }

  #blog .mainContents .system-list2 .system-contributor {
      width: 78%;
      float: right;
      color: #bbb;
      font-size: 0.75em;
      text-align: right;
  }

  /**/
  #blog .mainContents .blog-icon01 {
      background: #000 !important;
  }

  #blog .mainContents .blog-icon02 {
      background: #111 !important;
  }

  #blog .mainContents .blog-icon03 {
      background: #222 !important;
  }

  #blog .mainContents .blog-icon04 {
      background: #333 !important;
  }

  #blog .mainContents .blog-icon05 {
      background: #444 !important;
  }

  #blog .mainContents .blog-icon06 {
      background: #555 !important;
  }

  #blog .mainContents .system-contents {
      background: #eeefef;
      padding: 40px 20px;
      margin-bottom: 30px;
  }

  #blog .mainContents .system-contents-inner {
      background: #fff;
      padding: 40px 20px;
  }

  #blog .mainContents .system-contents .system-date {
      font-size: 1em;
      margin-bottom: 15px;
      display: block;
  }

  #blog .mainContents .system-contents .system-date::before {
      content: "■";
  }

  #blog .mainContents .system-contents .system-category-set {
      width: 100%;
      margin-bottom: 20px;
  }

  #blog .mainContents .system-contents .system-category {
      font-size: 0.75em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 8px;
      width: 20%;
      float: right;
      margin-right: 2px;
      background: #ccc;
  }

  #blog .mainContents .system-contents .system-ttl {
      font-size: 1.375em;
      font-weight: bold;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  #blog .mainContents .system-contents .footInfo {
      margin-top: 50px;
      padding-top: 20px;
      border-top: 1px dotted #ccc;
  }

  #blog .mainContents .system-contents .system-contributor {
      font-size: 0.875em;
      margin-bottom: 15px;
      text-align: right;
  }

  /*blogサイドバー*/
  aside.sidebar .aside-blog-ttl {
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-bottom: 20px;
      text-align: center;
  }

  aside.sidebar .aside-blog-ttl span.en {
      font-size: 0.75em;
      display: block;
      margin-bottom: 10px;
      letter-spacing: 1px;
      color: #ccc;
  }

  aside.sidebar .aside-blog-ttl span.jp {
      font-size: 0.938em;
      font-weight: bold;
  }

  aside.sidebar .list-block {
      margin: 20px 0 40px;
  }

  aside.sidebar a {
      line-height: 1.4;
      font-size: 0.875rem;
      border-bottom: 1px dotted #ddd;
      padding-bottom: 15px;
      margin-bottom: 15px !important;
  }

  /* topics -------------------------------------*/
  #topics h1.main-title {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      min-height: 350px;
      background: url(../images/topics/h1.png) no-repeat top center;
      color: #fff;
      padding: 120px 0 50px;
      text-align: left
  }

  #topics .system-list {
      padding: 41px 21px 21px;
      margin-bottom: 50px;
  }

  #topics .system-list-inner {
      background: #fff;
      padding: 40px 20px;
  }

  #topics .system-list li {
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 20px;
      border-bottom: 1px dotted #b2b2b2;
      padding: 0 0 20px;
  }

  #topics .system-list li a:hover {
      text-decoration: none;
  }

  #topics .system-list .system-date {
      width: 20%;
      float: left;
      font-size: 0.938em;
      line-height: 1.4;
      letter-spacing: 1px;
  }

  #topics .system-list .system-ttl-01 {
      width: 78%;
      float: right;
      font-size: 0.938em;
      line-height: 1.6;
  }

  #topics .system-list .system-category-set {
      width: 78%;
      float: right;
      margin-bottom: 15px;
  }

  #topics .system-list .system-category {
      width: 20%;
      margin-right: 1px;
      font-size: 0.688em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 5px;
      float: left;
      background: #ccc;
  }

  #topics .icon01 {
      background: #000 !important;
  }

  #topics .icon02 {
      background: #111 !important;
  }

  #topics .icon03 {
      background: #222 !important;
  }

  #topics .icon04 {
      background: #333 !important;
  }

  #topics .icon05 {
      background: #444 !important;
  }

  #topics .icon06 {
      background: #555 !important;
  }

  #topics .system-contents {
      padding: 40px 20px;
      margin-bottom: 30px;
  }

  #topics .system-contents-inner {
      background: #fff;
      padding: 40px 20px;
  }

  #topics .system-contents .system-date {
      font-size: 1em;
      margin-bottom: 15px;
      display: block;
      letter-spacing: 1px;
  }

  #topics .system-contents .system-category-set {
      width: 100%;
      margin-bottom: 20px;
  }

  #topics .system-contents .system-category {
      font-size: 0.75em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 8px;
      width: 20%;
      float: left;
      margin-right: 2px;
      background: #ccc;
  }

  #topics .system-contents .system-ttl {
      font-size: 1.375em;
      font-weight: bold;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  .priv-title {
      text-align: center;
      margin-bottom: 20px;
  }

  .priv-text {
      padding: 20px;
      overflow-y: scroll;
      height: 250px;
      border: #ccc solid 1px;
      margin-bottom: 30px;
      background: #eff0f2;
  }

  .priv-text .priv-ttl {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: bold;
  }

  .priv-text p {
      margin-bottom: 20px;
      font-size: 13px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: #ccc solid 1px;
  }

  .priv {
      text-align: center;
      margin-bottom: 30px;
  }

  .priv-text .tt {
      margin-bottom: 10px;
      font-size: 20px;
      color: #333;
      font-weight: bold;
  }

  /* form -------------------------------------*/
  .form-Box {
      margin-bottom: 30px;
      line-height: 1.6;
  }

  .form-Box .form-Box-inner {
      background: #fff;
      padding: 20px 0px 40px;
  }

  .form-Box .form-list {
      font-size: 0.875em;
      margin-bottom: 30px;
  }

  .form-Box .error {
      margin-bottom: 1em;
  }

  .form-Box .attention-color {
      color: #FB0D1C;
  }

  .form-Box .form-list li {
      padding-left: 1em;
      text-indent: -1em;
      margin-bottom: 3px;
      letter-spacing: 1.4px;
  }

  .form-Box table {
      border: 1px solid #fff;
      margin-bottom: 50px;
      font-size: 0.875em;
      line-height: 1.6;
  }

  .form-Box th {
      border: 1px solid #fff;
      text-align: left;
      width: 30%;
      background-color: #CCCCCC;
      padding: 20px 30px;
      vertical-align: top;
  }

  .form-Box td {
      border: 1px solid #fff;
      text-align: left;
      width: 70%;
      background-color: #EFEFEF;
      padding: 20px 30px;
      vertical-align: top;
  }

  .form-Box td img {
      max-width: 100%;
      height: auto;
  }

  .form-Box .from-btn-01 {
      text-align: center;
  }

  .form-Box .from-btn-02 {
      margin-top: 24px;
      width: 1100px;
      background: none;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }

  .form-Box .button {
      border: 0;
      padding: 0;
      margin: 0;
      background: none
  }

  .form-Box .button:hover {
      cursor: pointer;
      cursor: hand;
      opacity: 0.8;
  }

  .form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea {
      font-size: 0.875rem;
      padding: 1%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  }

  .form-Box textarea {
      width: 100%;
      min-height: 120px;
  }
}

@media screen and (max-width: 767px) {
  /* system-common */ .page-list {
      font-size: 3.2vw;
      margin: 5% 0 15%;
      text-align: center;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

  .page-list li {
      background: #eeefef;
      display: inline-block;
      border: #dcdddd 1px solid;
  }

  .page-list li.active {
      background: #231815;
      color: #fff;
  }

  .page-list li.active a {
      color: #fff;
  }

  .page-list a {
      padding: 4vw;
      display: inline-block;
  }

  .pagen {
      width: 98%;
      margin: 0 auto 10% auto;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

  .pagen:nth-of-type(1) {
      margin-bottom: 5%;
  }

  .page-navi {
      font-size: 3.8vw;
  }

  .page-navi li {
      display: inline-block;
  }

  .page-navi li.active {
      background: #ccc;
  }

  .page-navi a {
      padding: 8px;
      display: inline-block;
  }

  .page-navi .fast {
      margin-right: 0px;
  }

  .page-navi .last {
  }

  .page-navi .fast::after {
      content: "|";
      display: inline-block;
      margin: 0 5px;
  }

  .pagen .list {
      float: right;
  }

  .pagen .list a {
      margin: 0 auto;
      color: #fff;
      font-size: 3.8vw;
      padding: 7px 30px;
      text-align: center;
      display: inline-block;
      background: #000;
  }

  .pagen .list a:hover {
      background: #666;
      text-decoration: none;
  }

  .btnArea {
      text-align: center;
      margin: 10% auto;
      padding: 0;
  }

  .btnArea a {
      font-weight: bold;
      margin: 0 auto;
      color: #fff;
      padding: 20px 50px;
      font-size: 3.2vw;
      text-align: center;
      display: block;
      background: #000;
      letter-spacing: 1px;
  }

  .btnArea-s {
      text-align: center;
  }

  .btnArea-s a {
      font-weight: bold;
      margin: 0 auto;
      color: #fff;
      padding: 3% 10%;
      font-size: 3.2vw;
      text-align: center;
      display: inline-block;
      background: #000;
      letter-spacing: 1px;
  }

  .btnArea-s::after {
      content: '';
      display: block;
      margin-bottom: 10%;
  }

  .borderwrap {
      width: 94%;
      margin: 0 auto 10%;
      line-height: 1.6;
  }

  .borderwrap h3 {
      font-size: 3.2vw;
      font-weight: bold;
      margin-bottom: 5%;
      padding-bottom: 5%;
      border-bottom: 1px #ccc solid;
  }

  .borderwrap p {
      font-size: 0.875em;
  }

  /* voice -------------------------------------*/
  #voice h1.main-title {
      width: 100vw;
      background: url(../images/voice/sp-h1.png) no-repeat top center;
      color: #fff;
      padding: 20vw 0 10vw;
      text-align: center;
      margin-bottom: 3vw;
      background-size: 100%
  }

  #voice .system-list {
      padding: 4% 2%;
      margin-bottom: 10%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #voice .system-list li {
      position: relative;
      line-height: 1.4;
      width: 49%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 5%;
      padding: 2% 2% 2%;
  }

  #voice .system-list li:nth-child(2n) {
      margin-right: 0
  }

  #voice .system-list li a:hover {
      text-decoration: none;
  }

  #voice .system-list .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 3.2vw;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 4% 3%;
  }

  #voice .system-list .btn::after {
      content: ' >';
  }

  #voice .system-list02 {
      padding: 4% 2%;
      margin-bottom: 10%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #voice .system-list02 li {
      position: relative;
      line-height: 1.4;
      width: 49%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 2%;
      padding: 2% 2% 2%;
  }

  #voice .system-list02 li:nth-child(2n) {
      margin-right: 0
  }

  #voice .system-list02 li a:hover {
      text-decoration: none;
  }

  #voice .system-list02 .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 3.2vw;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 3%;
  }

  #voice .system-list02 .btn::after {
      content: ' >';
  }

  #voice .system-pic {
      width: 100%;
      height: 55vw;
      overflow: hidden;
      text-align: center;
      margin-bottom: 3%;
  }

  #voice .system-pic img {
      width: 100%;
      height: 55vw;
  }

  #voice .system-date {
      font-size: 3.2vw;
      margin-bottom: 5%;
  }

  #voice .system-name {
      font-size: 4vw;
      margin-bottom: 3%;
  }

  #voice .system-ttl-01 {
      font-size: 4vw;
      margin-bottom: 5%;
      line-height: 1.6;
  }

  #voice .system-category-set {
      margin-bottom: 8%;
      margin-top: -8%;
  }

  #voice .system-category {
      margin-bottom: 1px;
      font-size: 3.2vw;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 2vw;
      background-color: #ccc;
  }

  #voice .serchcategory {
      margin: 0 3% 10%;
  }

  #voice .serchcategory .icon {
      display: inline-block;
      margin-right: 1%;
      margin-bottom: 3%;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 4.5% 3%;
  }

  #voice .system-category1 {
      margin-bottom: 10%;
      font-size: 3.6vw;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 1vw 3vw;
      background-color: #ccc;
      position: relative;
  }

  #voice .serchcategory1 {
      width: 90%;
      margin: 0 auto 10%;
      position: relative;
      top: 5vw
  }

  #voice .serchcategory1 .icon {
      width: 45%;
      display: inline-block;
      margin-bottom: 3vw;
      margin-right: 3vw;
      font-size: 3.6vw;
      font-weight: bold;
      text-align: center;
      padding: 2vw 0;
      position: relative;
  }

  #voice .serchcategory1 .icon:after {
      content: "";
      width: 20vw;
      height: 20vw;
      background: url(../images/common/category-icon.png) no-repeat right top;
      position: absolute;
      right: -1vw;
      top: 5vw;
      z-index: 1
  }

  #voice .icon01 {
      background: #f0f0f0;
  }

  #voice .icon02 {
      background: #f0f0f0;
  }

  #voice .icon03 {
      background: #f0f0f0;
  }

  #voice .icon04 {
      background: #f0f0f0;
  }

  #voice .icon05 {
      background: #f0f0f0;
  }

  #voice .icon06 {
      background: #f0f0f0;
  }

  #voice .system-icon02 span {
      display: inline-block;
      padding: 2% 5%;
      background: #F2F2F2;
      font-size: 3.4vw;
      letter-spacing: 0.3vw;
      margin-bottom: 3%;
      margin-top: -5%;
  }

  #voice .system-coment {
      margin-bottom: 5%;
  }

  #voice .system-contents {
      padding: 4% 2%;
      margin-bottom: 10%;
  }

  #voice .system-contents-inner {
      background: #fff;
      padding: 5% 3%;
  }

  #voice .system-contents .system-date {
      font-size: 5.2vw;
      margin-bottom: 3%;
      display: block;
      line-height: 1.4;
  }

  #voice .system-contents .system-category {
      margin-bottom: 1px;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 4% 3%;
      width: 100%;
  }

  #voice .system-contents .system-category-set {
      margin-bottom: 5%;
      margin-top: 0;
  }

  #voice .system-contents .system-ttl {
      font-size: 4.2vw;
      margin-bottom: 8%;
      padding-bottom: 8%;
      border-bottom: 1px #ccc solid;
      line-height: 1.6;
  }

  #voice .system-contents .system-i-pic {
      text-align: center;
      margin-bottom: 8%;
  }

  #voice .system-contents .system-i-pic img {
      max-width: 100%;
  }

  #voice .system-gallery {
      background: #eeefef;
      padding: 5% 3%;
  }

  #voice .system-gallery h2 {
      text-transform: uppercase;
  }

  #voice .gallery-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #voice .gallery-list li {
      width: 32%;
      position: relative;
      margin: 0 2% 6% 0;
      font-size: 3.2vw;
      line-height: 1.4;
  }

  #voice .gallery-list li:nth-of-type(3n) {
      margin-right: 0;
  }

  #voice .gallery-list li a:hover {
      text-decoration: none;
  }

  #voice .gallery-list li .system-Frame {
      display: block;
      width: 100%;
      height: 90px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 5%;
  }

  #voice .gallery-list li .system-Frame::after {
      content: none;
  }

  #voice .gallery-list li .system-Frame img {
      width: 100%;
      height: 90px;
  }

  /* event -------------------------------------*/
  #event h1.main-title {
    width: 100vw;
    background: url(../images/event/sp-h1.png) no-repeat top center;
    color: #fff;
    padding: 20vw 0 10vw;
    text-align: center;
    margin-bottom: 3vw;
    background-size: 100%
}

#event .system-list {
    padding: 4% 4%;
    margin-bottom: 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#event .system-list li {
    position: relative;
    line-height: 1.4;
    width: 48%;
    margin-right: 4%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    /* padding: 2% 2% 2%; */
}

#event .system-list li:nth-child(2n) {
    margin-right: 0
}

#event .system-list li a:hover {
    text-decoration: none;
}

#event .system-list .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4% 3%;
}

#event .system-list .btn::after {
    content: ' >';
}

#event .system-list02 {
    padding: 4% 2%;
    margin-bottom: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#event .system-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 2%;
    padding: 2% 2% 2%;
}

#event .system-list02 li:nth-child(2n) {
    margin-right: 0
}

#event .system-list02 li a:hover {
    text-decoration: none;
}

#event .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
}

#event .system-list02 .btn::after {
    content: ' >';
}

#event .system-pic {
    width: 100%;
    height: 31.159vw;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3%;
}

#event .system-pic img {
    width: 100%;
    height: 31.159vw;
}

#event .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
}

#event .system-name {
    font-size: 4vw;
    margin-bottom: 3%;
}

#event .system-ttl-01 {
    font-size: 3.865vw;
    margin-bottom: 5%;
    line-height: 1.5;
}

#event .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
}

#event .system-category {
    margin-bottom: 0.242vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
}

#event .serchcategory {
    margin: 0 3% 10%;
}

#event .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
}

#event .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
}

#event .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw
}

#event .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
}

#event .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1
}

#event .icon01 {
    background: #f0f0f0;
}

#event .icon02 {
    background: #f0f0f0;
}

#event .icon03 {
    background: #f0f0f0;
}

#event .icon04 {
    background: #f0f0f0;
}

#event .icon05 {
    background: #f0f0f0;
}

#event .icon06 {
    background: #f0f0f0;
}

#event .system-icon02 span {
    display: inline-block;
    padding: 2% 5%;
    background: #F2F2F2;
    font-size: 3.4vw;
    letter-spacing: 0.3vw;
    margin-bottom: 3%;
    margin-top: -5%;
}

#event .system-coment {
    margin-bottom: 5%;
}

#event .system-contents {
    padding: 1% 2% 4%;
    margin-bottom: 10%;
}

#event .system-contents-inner {
    background: #fff;
    padding: 0% 3% 0%;
}

#event .system-contents .system-date {
    font-size: 5.2vw;
    margin-bottom: 3%;
    display: block;
    line-height: 1.4;
}

#event .system-contents .system-category {
    margin-bottom: 0.242vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
}

#event .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
}

#event .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
}

#event .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
}

#event .system-contents .system-i-pic img {
    max-width: 100%;
}

#event .system-gallery {
    /* background: #eeefef; */
    padding: 0% 3% 0;
}

#event .system-gallery h2 {
    text-transform: uppercase;
}

#event .gallery-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#event .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 2% 0;
    font-size: 3.2vw;
    line-height: 1.4;
}

#event .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
}

#event .gallery-list li a:hover {
    text-decoration: none;
}

#event .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 21.739vw;
    overflow: hidden;
    text-align: center;
    /* margin-bottom: 5%; */
}

#event .gallery-list li .system-Frame::after {
    content: none;
}

#event .gallery-list li .system-Frame img {
    width: 100%;
    height: 21.739vw;
}

  /* zukan（お仕事図鑑 20260924追加） -------------------------------------*/
  #zukan h1.main-title {
    width: 100vw;
    background: url(../images/event/sp-h1.png) no-repeat top center;
    color: #fff;
    padding: 20vw 0 10vw;
    text-align: center;
    margin-bottom: 3vw;
    background-size: 100%
}

#zukan .system-list {
    padding: 4% 4%;
    margin-bottom: 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#zukan .system-list li {
    position: relative;
    line-height: 1.4;
    width: 48%;
    margin-right: 4%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    /* padding: 2% 2% 2%; */
}

#zukan .system-list li:nth-child(2n) {
    margin-right: 0
}

#zukan .system-list li a:hover {
    text-decoration: none;
}

#zukan .system-list .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4% 3%;
}

#zukan .system-list .btn::after {
    content: ' >';
}

#zukan .system-list02 {
    padding: 4% 2%;
    margin-bottom: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#zukan .system-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 2%;
    padding: 2% 2% 2%;
}

#zukan .system-list02 li:nth-child(2n) {
    margin-right: 0
}

#zukan .system-list02 li a:hover {
    text-decoration: none;
}

#zukan .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
}

#zukan .system-list02 .btn::after {
    content: ' >';
}

#zukan .system-pic {
    width: 100%;
    height: 31.159vw;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3%;
}

#zukan .system-pic img {
    width: 100%;
    height: 31.159vw;
}

#zukan .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
}

#zukan .system-name {
    font-size: 4vw;
    margin-bottom: 3%;
}

#zukan .system-ttl-01 {
    font-size: 3.865vw;
    margin-bottom: 5%;
    line-height: 1.5;
}

#zukan .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
}

#zukan .system-category {
    margin-bottom: 0.242vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
}

#zukan .serchcategory {
    margin: 0 3% 10%;
}

#zukan .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
}

#zukan .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
}

#zukan .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw
}

#zukan .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
}

#zukan .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1
}

#zukan .icon01 {
    background: #f0f0f0;
}

#zukan .icon02 {
    background: #f0f0f0;
}

#zukan .icon03 {
    background: #f0f0f0;
}

#zukan .icon04 {
    background: #f0f0f0;
}

#zukan .icon05 {
    background: #f0f0f0;
}

#zukan .icon06 {
    background: #f0f0f0;
}

#zukan .system-icon02 span {
    display: inline-block;
    padding: 2% 5%;
    background: #F2F2F2;
    font-size: 3.4vw;
    letter-spacing: 0.3vw;
    margin-bottom: 3%;
    margin-top: -5%;
}

#zukan .system-coment {
    margin-bottom: 5%;
}

#zukan .system-contents {
    padding: 1% 2% 4%;
    margin-bottom: 10%;
}

#zukan .system-contents-inner {
    background: #fff;
    padding: 0% 3% 0%;
}

#zukan .system-contents .system-date {
    font-size: 5.2vw;
    margin-bottom: 3%;
    display: block;
    line-height: 1.4;
}

#zukan .system-contents .system-category {
    margin-bottom: 0.242vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
}

#zukan .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
}

#zukan .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
}

#zukan .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
}

#zukan .system-contents .system-i-pic img {
    max-width: 100%;
}

#zukan .system-gallery {
    /* background: #eeefef; */
    padding: 0% 3% 0;
}

#zukan .system-gallery h2 {
    text-transform: uppercase;
}

#zukan .gallery-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#zukan .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 2% 0;
    font-size: 3.2vw;
    line-height: 1.4;
}

#zukan .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
}

#zukan .gallery-list li a:hover {
    text-decoration: none;
}

#zukan .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 21.739vw;
    overflow: hidden;
    text-align: center;
    /* margin-bottom: 5%; */
}

#zukan .gallery-list li .system-Frame::after {
    content: none;
}

#zukan .gallery-list li .system-Frame img {
    width: 100%;
    height: 21.739vw;
}

  /* recruit -------------------------------------*/
  #recruit h1.main-title {
      width: 100vw;
      background: url(../images/recruit/sp-h1.png) no-repeat top center;
      color: #fff;
      padding: 20vw 0 10vw;
      text-align: center;
      margin-bottom: 3vw;
      background-size: 100%
  }

  #recruit .system-list {
      padding: 4% 2%;
      margin-bottom: 5%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #recruit .system-list li {
      position: relative;
      line-height: 1.4;
      width: 49%;
      margin-right: 2%;
      background: #fff;
      position: relative;
      margin-bottom: 5%;
      padding: 2% 2% 2%;
  }

  #recruit .system-list li:nth-child(2n) {
      margin-right: 0
  }

  #recruit .system-list li a:hover {
      text-decoration: none;
  }

  #recruit .system-list .btn {
      text-align: center;
      background: #333;
      color: #fff;
      font-size: 3.2vw;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 4% 3%;
  }

  #recruit .system-list .btn::after {
      content: ' >';
  }

  #recruit .system-pic {
      width: 100%;
      height: 30vw;
      overflow: hidden;
      text-align: center;
      margin-bottom: 8%;
  }

  #recruit .system-pic img {
      width: 100%;
      height: 30vw;
  }

  #recruit .system-date {
      font-size: 3.2vw;
      margin-bottom: 5%;
  }

  #recruit .system-ttl-01 {
      font-size: 4vw;
      margin-bottom: 5%;
      line-height: 1.6;
  }

  #recruit .system-category-set {
      margin-bottom: 0%;
      margin-top: -8%;
  }

  #recruit .system-category {
      margin-bottom: 1px;
      font-size: 3.2vw;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 2vw;
      background-color: #0A9FE6;
  }

  #recruit .serchcategory {
      margin: 0 3% 10%;
  }

  #recruit .serchcategory .icon {
      display: inline-block;
      margin-right: 1%;
      margin-bottom: 3%;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 4.5% 3%;
  }

  #recruit .system-category1 {
      margin-bottom: 10%;
      font-size: 3.6vw;
      font-weight: bold;
      color: #fff;
      text-align: center;
      padding: 1vw 3vw;
      background-color: #ccc;
      position: relative;
  }

  #recruit .serchcategory1 {
      width: 90%;
      margin: 0 auto 10%;
      position: relative;
      top: 5vw
  }

  #recruit .serchcategory1 .icon {
      width: 45%;
      display: inline-block;
      margin-bottom: 3vw;
      margin-right: 3vw;
      font-size: 3.6vw;
      font-weight: bold;
      text-align: center;
      padding: 2vw 0;
      position: relative;
  }

  #recruit .serchcategory1 .icon:after {
      content: "";
      width: 20vw;
      height: 20vw;
      background: url(../images/common/category-icon.png) no-repeat right top;
      position: absolute;
      right: -1vw;
      top: 5vw;
      z-index: 1
  }

  #recruit .icon01 {
  }

  #recruit .icon02 {
  }

  #recruit .icon03 {
  }

  #recruit .system-icon02 li {
      width: 100%;
      display: block;
      padding: 4%;
      text-align: center;
      background: #004EA2;
      color: #fff;
      font-size: 3.2vw;
      margin-bottom: 5%;
      margin-top: -5%;
  }

  #recruit .system-coment {
      font-size: 3.2vw;
      margin-bottom: 2%;
  }

  #recruit .system-contents .system-category-set {
      margin-top: 0;
  }

  #recruit .system-contents {
      padding: 4% 2%;
      margin-bottom: 3%;
  }

  #recruit .system-contents-inner {
      background: #fff;
      padding: 5% 3%;
  }

  #recruit .system-contents-inner li {
      width: 80vw;
      margin: 0 auto;
      font-size: 3.4vw
  }

  #recruit .system-contents-inner li .span1 {
      border: 1px solid #000;
      display: block;
      padding: 1.5vw 5vw;
      text-align: center;
      margin-bottom: 1vw;
  }

  #recruit .system-contents-inner li .span2 {
      text-align: center;
      display: block;
      margin-bottom: 1vw;
  }

  #recruit .system-contents-inner li :last-child.span2 {
      display: none;
  }

  #recruit .system-contents-inner .system-icon02 li {
      width: auto;
      display: inline-block;
      padding: 2% 4%;
      background: #004EA2;
      color: #fff;
      font-size: 3.2vw;
      margin-bottom: 5%;
      margin-top: -5%;
  }

  #recruit .system-contents .system-date {
      font-size: 3.2vw;
      margin-bottom: 5%;
      display: block;
      line-height: 1.4;
  }

  #recruit .system-contents .system-category {
      margin-bottom: 0.1vw;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 4% 3%;
      width: 100%;
  }

  #recruit .system-contents .system-category-set {
      margin-bottom: 5%;
      margin-top: 0;
  }

  #recruit .system-contents .system-ttl {
      font-size: 4.2vw;
      font-weight: bold;
      margin-bottom: 5%;
      padding-bottom: 3%;
      border-bottom: 1px #ccc solid;
      line-height: 1.6;
  }

  #recruit .system-contents .system-i-pic {
      text-align: center;
      margin: 5% 0 8%;
  }

  #recruit .system-contents .system-i-pic img {
      max-width: 100%;
  }

  #recruit .system-gallery {
      padding: 5% 3%;
  }

  #recruit .system-gallery h2 {
      text-transform: uppercase;
  }

  #recruit .gallery-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  #recruit .gallery-list li {
      width: 32%;
      position: relative;
      margin: 0 2% 6% 0;
      font-size: 3.2vw;
      line-height: 1.4;
  }

  #recruit .gallery-list li:nth-of-type(3n) {
      margin-right: 0;
  }

  #recruit .gallery-list li a:hover {
      text-decoration: none;
  }

  #recruit .gallery-list li .system-Frame {
      display: block;
      width: 100%;
      height: 90px;
      overflow: hidden;
      text-align: center;
      margin-bottom: 5%;
  }

  #recruit .gallery-list li .system-Frame::after {
      content: none;
  }

  #recruit .gallery-list li .system-Frame img {
      width: 100%;
      height: 90px;
  }

  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents .system-list {
      background: #eeefef;
      padding: 4% 2%;
      margin-bottom: 10%;
  }

  #blog .mainContents .system-list-inner {
      background: #fff;
      padding: 5% 3%;
  }

  #blog .mainContents .system-list li {
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 5%;
      border-bottom: 1px dotted #b2b2b2;
      padding: 0 0 5%;
  }

  #blog .mainContents .system-list li a:hover {
      text-decoration: none;
  }

  #blog .mainContents .system-list .system-date {
      font-size: 3.2vw;
      line-height: 1.4;
      margin-bottom: 2%
  }

  #blog .mainContents .system-list .system-date::before {
      content: "■";
  }

  #blog .mainContents .system-list .system-ttl-01 {
      font-size: 3.6vw;
      line-height: 1.6;
  }

  #blog .mainContents .system-list .system-category-set {
      margin-bottom: 2%;
      overflow: hidden;
  }

  #blog .mainContents .system-list .system-category {
      float: left;
      width: 49%;
      margin-bottom: 0.1vw;
      margin-right: 0.1vw;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 1vw;
      background: #111;
      line-height: 1.5;
  }

  /*patern2*/
  #blog .mainContents .system-list2 {
      background: #eeefef;
      padding: 4% 2%;
      margin-bottom: 10%;
  }

  #blog .mainContents .system-list-inner2 {
      background: #fff;
      padding: 5% 3%;
  }

  #blog .mainContents .system-list2 li {
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 5%;
      border-bottom: 1px dotted #b2b2b2;
      padding: 0 0 5%;
  }

  #blog .mainContents .system-list2 li a:hover {
      text-decoration: none;
  }

  #blog .mainContents .system-list2 .system-pic {
      width: 20%;
      float: left;
  }

  #blog .mainContents .system-list2 .system-pic img {
      max-width: 100%;
      height: auto;
  }

  #blog .mainContents .system-list2 .system-date {
      width: 78%;
      float: right;
      font-size: 3.2vw;
      line-height: 1.4;
      margin-bottom: 2%
  }

  #blog .mainContents .system-list2 .system-date::before {
      content: "■";
  }

  #blog .mainContents .system-list2 .system-ttl-01 {
      width: 78%;
      float: right;
      font-size: 3.6vw;
      line-height: 1.6;
      margin-bottom: 2%;
  }

  #blog .mainContents .system-list2 .system-category-set {
      width: 78%;
      float: right;
      margin-bottom: 3%;
      overflow: hidden;
  }

  #blog .mainContents .system-list2 .system-category {
      float: left;
      width: 49%;
      margin-bottom: 0.1vw;
      margin-right: 0.1vw;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 1vw;
      background: #111;
      line-height: 1.5;
  }

  #blog .mainContents .system-list2 .system-contributor {
      width: 78%;
      float: right;
      color: #bbb;
      font-size: 3.2vw;
      text-align: right;
  }

  /**/
  #blog .mainContents .blog-icon01 {
      background: #000 !important;
  }

  #blog .mainContents .blog-icon02 {
      background: #111 !important;
  }

  #blog .mainContents .blog-icon03 {
      background: #222 !important;
  }

  #blog .mainContents .blog-icon04 {
      background: #333 !important;
  }

  #blog .mainContents .blog-icon05 {
      background: #444 !important;
  }

  #blog .mainContents .blog-icon06 {
      background: #555 !important;
  }

  #blog .mainContents .system-contents {
      background: #eeefef;
      padding: 4% 2%;
      margin-bottom: 10%;
  }

  #blog .mainContents .system-contents-inner {
      background: #fff;
      padding: 5% 3%;
  }

  #blog .mainContents .system-contents .system-date {
      font-size: 3.8vw;
      margin-bottom: 5%;
      display: block;
  }

  #blog .mainContents .system-contents .system-date::before {
      content: "■";
  }

  #blog .mainContents .system-contents .system-category-set {
      width: 100%;
      margin-bottom: 5%;
      overflow: hidden;
  }

  #blog .mainContents .system-contents .system-category {
      float: left;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 3% 2%;
      width: 49%;
      margin-bottom: 0.1vw;
      margin-right: 0.1vw;
      background: #111;
  }

  #blog .mainContents .system-contents .system-ttl {
      font-size: 4.2vw;
      font-weight: bold;
      margin-bottom: 5%;
      padding-bottom: 5%;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  #blog .mainContents .system-contents .footInfo {
      margin-top: 10%;
      padding-top: 5%;
      border-top: 1px dotted #ccc;
  }

  #blog .mainContents .system-contents .system-contributor {
      font-size: 3.2vw;
      margin-bottom: 5%;
      text-align: right;
  }

  /*blogサイドバー*/
  aside.sidebar {
      width: 80% !important;
      margin: 0 auto;
  }

  aside.sidebar .aside-blog-ttl {
      border-bottom: 1px solid #ccc;
      padding-bottom: 5%;
      margin-bottom: 5%;
      text-align: center;
  }

  aside.sidebar .aside-blog-ttl span.en {
      font-size: 3.2vw;
      display: block;
      margin-bottom: 3%;
      letter-spacing: 0.2vw;
      color: #ccc;
  }

  aside.sidebar .aside-blog-ttl span.jp {
      font-size: 4.2vw;
      font-weight: bold;
  }

  aside.sidebar .list-block {
      margin: 10% 0 15%;
  }

  aside.sidebar a {
      line-height: 1.6;
      font-size: 3.2vw;
      border-bottom: 1px dotted #ddd;
      padding-bottom: 5%;
      margin-bottom: 5% !important;
  }

  /* topics -------------------------------------*/
  #topics h1.main-title {
      width: 100vw;
      background: url(../images/topics/sp-h1.png) no-repeat top center;
      color: #fff;
      padding: 20vw 0 10vw;
      text-align: center;
      margin-bottom: 3vw;
      background-size: 100%
  }

  #topics .system-list {
      padding: 4% 2%;
      margin-bottom: 5%;
  }

  #topics .system-list-inner {
      background: #fff;
      padding: 5% 3%;
  }

  #topics .system-list li {
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 5%;
      border-bottom: 1px dotted #b2b2b2;
      padding: 0 0 5%;
  }

  #topics .system-list li a:hover {
      text-decoration: none;
  }

  #topics .system-list .system-date {
      font-size: 3.2vw;
      line-height: 1.4;
      margin-bottom: 2%;
      letter-spacing: 0.2vw
  }

  #topics .system-list .system-ttl-01 {
      font-size: 3.6vw;
      line-height: 1.6;
  }

  #topics .system-list .system-category-set {
      margin-bottom: 2%;
  }

  #topics .system-list .system-category {
      width: 49%;
      margin-bottom: 0.1vw;
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 1vw;
      background: #111;
  }

  #topics .icon01 {
      background: #000 !important;
  }

  #topics .icon02 {
      background: #111 !important;
  }

  #topics .icon03 {
      background: #222 !important;
  }

  #topics .icon04 {
      background: #333 !important;
  }

  #topics .icon05 {
      background: #444 !important;
  }

  #topics .icon06 {
      background: #555 !important;
  }

  #topics .system-contents {
      padding: 4% 2%;
      margin-bottom: 10%;
  }

  #topics .system-contents-inner {
      background: #fff;
      padding: 5% 3%;
  }

  #topics .system-contents .system-date {
      font-size: 3.8vw;
      margin-bottom: 5%;
      display: block;
      letter-spacing: 0.2vw
  }

  #topics .system-contents .system-category-set {
      width: 100%;
      margin-bottom: 5%;
  }

  #topics .system-contents .system-category {
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      padding: 2vw;
      width: 50%;
      margin-bottom: 1px;
      background: #111;
  }

  #topics .system-contents .system-ttl {
      font-size: 4.2vw;
      font-weight: bold;
      margin-bottom: 5%;
      padding-bottom: 5%;
      border-bottom: 1px #ccc solid;
      line-height: 1.4;
  }

  /* form -------------------------------------*/
  .form-Box {
      padding: 4% 2%;
      margin-bottom: 3vw;
      line-height: 1.6;
  }

  .form-Box .form-Box-inner {
      background: #fff;
      padding: 5% 3%;
  }

  .form-Box .form-list {
      font-size: 3.2vw;
      margin-bottom: 10%;
  }

  .form-Box .error {
      margin-bottom: 1rem;
  }

  .form-Box .attention-color {
      color: #f00;
  }

  .form-Box .form-list li {
      padding-left: 1rem;
      text-indent: -1rem;
      margin-bottom: 3px;
  }

  .form-Box table {
      border-bottom: 1px solid #fff;
      margin-bottom: 10%;
      font-size: 3.4vw;
      line-height: 1.6;
  }

  .form-Box tr {
      margin-bottom: 0 !important
  }

  .form-Box th {
      border: 1px solid #fff;
      text-align: left;
      width: 100%;
      background-color: #CCCCCC;
      padding: 3%;
      vertical-align: top;
  }

  .form-Box td {
      border: 1px solid #fff;
      border-bottom: 0;
      text-align: left;
      width: 100%;
      background-color: #EFEFEF;
      padding: 7% 3%;
      vertical-align: top;
  }

  .form-Box .from-btn-01 {
      text-align: center;
  }

  .form-Box .from-btn-02 {
      margin-top: 10%;
  }

  .form-Box .button {
      border: 0;
      padding: 0;
      margin: 0;
      background: none;
  }

  .form-Box .from-btn-02 p {
      margin-bottom: 3%;
  }

  .form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea {
      width: 99%;
      margin-bottom: 2%;
      font-size: 16px;
      padding: 2%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  }

  .form-Box input.input-txt1 {
      width: 30%;
  }

  .form-Box textarea {
      font-size: 16px;
      line-height: 1.6;
      min-height: 120px;
  }

  .form-Box select {
      font-size: 3.8vw;
      padding: 3% 2% 4%;
      width: 60%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  }

  .priv-title {
      text-align: center;
      margin-bottom: 4%;
  }

  .priv-text {
      padding: 3%;
      overflow-y: scroll;
      height: 250px;
      border: #ccc solid 1px;
      margin-bottom: 5%;
      background: #eff0f2;
  }

  .priv-text .priv-ttl {
      margin-bottom: 2%;
      font-size: 1.5rem;
      font-weight: bold;
  }

  .priv-text p {
      margin-bottom: 4%;
      font-size: 3.2vw;
      margin-bottom: 4%;
      padding-bottom: 4%;
      border-bottom: #ccc solid 1px;
  }

  .priv {
      text-align: center;
      margin-bottom: 5%;
  }

  .priv-text .tt {
      margin-bottom: 3%;
      font-size: 4.8vw;
      font-weight: bold;
  }
}