@charset "UTF-8";
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url(../fonts/notosansjp/notosansjp-bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url(../fonts/notosansjp/notosansjp-regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url(../fonts/notosansjp/notosansjp-medium.woff) format("woff");
  font-display: swap;
}
/*==============*/
/* category-top */
/*==============*/
@media (min-width: 768px) {
  .category-top .main-sec .slider-wrap {
    overflow: hidden;
  }
}
.category-top .main-sec .list-slider {
  max-width: 720px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .category-top .main-sec .list-slider {
    max-width: 300px;
  }
}
.category-top .main-sec .list-slider .slick-list {
  overflow: visible;
}
.category-top .main-sec .list-slider .slick-arrow {
  z-index: 3;
  top: initial;
  bottom: -40px;
}
.category-top .main-sec .list-slider .slick-arrow.slick-prev {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(16px / 2) 16px calc(16px / 2) 0;
  border-color: transparent #333 transparent transparent;
  left: 0;
}
.category-top .main-sec .list-slider .slick-arrow.slick-next {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(16px / 2) 0 calc(16px / 2) 16px;
  border-color: transparent transparent transparent #333;
  right: 0;
}
.category-top .main-sec .list-slider .slick-arrow::before {
  content: "";
}
.category-top .main-sec .list-slider a {
  position: relative;
  display: block;
  border-left: 1px solid #FFF;
  text-decoration: none;
}
.category-top .main-sec .list-slider a .txt {
  position: absolute;
  width: 100%;
  height: 152px;
  left: 0;
  bottom: 0;
  padding: 32px 24px;
  background-color: #CCC;
  overflow: hidden;
}
@media (max-width: 767px) {
  .category-top .main-sec .list-slider a .txt {
    height: 88px;
    padding: 16px 24px;
    font-size: 10px;
    line-height: 1.3;
  }
}
.category-top .main-sec .list-slider a .txt dt {
  margin-bottom: 16px;
  font-size: 20px;
  font-family: "NotoSansJP-Medium", sans-serif;
  color: #1A1A1A;
  letter-spacing: 0.07em;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .category-top .main-sec .list-slider a .txt dt {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
.category-top .main-sec .heading-title {
  padding: 56px 0;
  font-family: "NotoSansJP-Medium", sans-serif;
  font-size: 28px;
  line-height: 1;
  color: #1A1A1A;
  letter-spacing: 0.07em;
  text-align: center;
}
@media (max-width: 767px) {
  .category-top .main-sec .heading-title {
    padding: 16px 0;
    font-size: 20px;
  }
}
.category-top .topics-sec .note {
  margin-bottom: 32px;
  text-align: center;
}
.category-top .topics-sec .list-topics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .category-top .topics-sec .list-topics {
    justify-content: space-between;
  }
}
.category-top .topics-sec .list-topics > li {
  width: 224px;
  margin: 32px 8px;
}
.category-top .topics-sec .list-topics > li:nth-child(n+11) {
  display: none;
}
@media (max-width: 767px) {
  .category-top .topics-sec .list-topics > li {
    width: 48%;
    margin: 0 0 24px;
  }
  .category-top .topics-sec .list-topics > li:nth-child(n+5) {
    display: none;
  }
}
.category-top .topics-sec .list-topics a {
  display: block;
  text-decoration: none;
}
.category-top .topics-sec .list-topics .img {
  position: relative;
  padding-bottom: 38.1666%; /*458/1200*/
  border: 1px solid #989898;
  overflow: hidden;
}
.category-top .topics-sec .list-topics .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.category-top .topics-sec .list-topics .title {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .category-top .topics-sec .list-topics .title {
    margin-top: 8px;
    font-size: 14px;
  }
}
.category-top .topics-sec .list-tag {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.category-top .topics-sec .list-tag li {
  margin-top: 8px;
  margin-right: 4px;
  padding: 4px 8px;
  border-radius: 12px;
  background-color: #989898;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
}
.category-top .topics-sec .list-tag li a {
  color: #FFF;
}
@media (max-width: 767px) {
  .category-top .topics-sec .list-tag li {
    padding: 4px 6px;
    font-size: 10px;
  }
}
.category-top .topics-sec .btn-area {
  max-width: 660px;
  margin: 0 auto;
}
.category-top .topics-sec .btn-area .com-bt {
  width: 100%;
}
.category-top .service-sec .list-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.category-top .service-sec .list-service > li {
  width: 224px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .category-top .service-sec .list-service > li {
    width: 48%;
    margin-bottom: 16px;
  }
}
.category-top .service-sec .list-service a {
  display: block;
  text-decoration: none;
}
.category-top .service-sec .list-service .title {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .category-top .service-sec .list-service .title {
    margin-top: 8px;
    font-size: 14px;
  }
}
.category-top .flow-sec {
  padding-bottom: 80px;
  background-color: #FAFAFA;
}
@media (max-width: 767px) {
  .category-top .flow-sec {
    padding-bottom: 48px;
  }
}
.category-top .flow-sec .heading03 {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .category-top .flow-sec .heading03 {
    margin-bottom: 32px;
  }
}
.category-top .flow-sec .flow-img {
  margin-bottom: 64px;
  text-align: center;
}
@media (max-width: 767px) {
  .category-top .flow-sec .flow-img {
    margin-bottom: 32px;
  }
}
.category-top .flow-sec .list-flow {
  border-top: 1px solid #DFDFDF;
}
.category-top .flow-sec .list-flow dt {
  position: relative;
  margin: 24px 0 16px;
  padding-left: 88px;
  font-family: "NotoSansJP-Medium", sans-serif;
  font-size: 20px;
  color: #1A1A1A;
  line-height: 1;
}
@media (max-width: 767px) {
  .category-top .flow-sec .list-flow dt {
    margin: 16px 0 8px;
    padding-left: 64px;
    font-size: 18px;
  }
}
.category-top .flow-sec .list-flow dt .step {
  display: block;
  margin-bottom: 12px;
  font-family: "NotoSansJP-Medium", sans-serif;
  font-size: 16px;
}
@media (max-width: 767px) {
  .category-top .flow-sec .list-flow dt .step {
    margin-bottom: 8px;
    font-size: 14px;
  }
}
.category-top .flow-sec .list-flow dt .ic {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .category-top .flow-sec .list-flow dt .ic {
    width: 40px;
  }
}
.category-top .flow-sec .list-flow dd {
  padding-left: 88px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DFDFDF;
}
@media (max-width: 767px) {
  .category-top .flow-sec .list-flow dd {
    padding-left: 64px;
    padding-bottom: 16px;
  }
}

/*=====*/
/* csc */
/*=====*/
.csc .main-sec .list-slider a .txt {
  background: rgba(255, 240, 0, 0.8);
}
.csc .contact-sec .list-menu {
  justify-content: center;
}
.csc .contact-sec .list-menu li:not(.nv-csc) {
  display: none;
}

/*=====*/
/* tech */
/*=====*/
.tech .main-sec .list-slider a .txt {
  background: rgba(41, 112, 226, 0.8);
  color: #FFF;
}
.tech .main-sec .list-slider a .txt dt {
  color: #FFF;
}
.tech .contact-sec .list-menu {
  justify-content: center;
}
.tech .contact-sec .list-menu li:not(.nv-tech) {
  display: none;
}

/*=====*/
/* lsi */
/*=====*/
.lsi .main-sec .list-slider a .txt {
  background: rgba(0, 196, 196, 0.8);
}
.lsi .contact-sec .list-menu {
  justify-content: center;
}
.lsi .contact-sec .list-menu li:not(.nv-lsi) {
  display: none;
}

/*=====*/
/* DX */
/*=====*/
.dx .main-sec .list-slider a .txt {
  background: rgba(244, 105, 191, 0.8);
  color: #FFF;
}
.dx .main-sec .list-slider a .txt dt {
  color: #FFF;
}
.dx .contact-sec .list-menu {
  justify-content: center;
}
.dx .contact-sec .list-menu li:not(.nv-dx) {
  display: none;
}

/*=================*/
/* category-detail */
/*=================*/
.category-detail .main-sec .heading-title {
  font-family: "NotoSansJP-Bold", sans-serif;
  font-size: 36px;
  line-height: 1.4;
  letter-spacing: 0.07em;
  color: #FFF;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  .category-detail .main-sec .heading-title {
    font-size: 20px;
  }
}
.category-detail .main-sec .heading-img {
  position: relative;
  height: 492px;
  overflow: hidden;
}
.category-detail .main-sec .heading-img img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  height: 100%;
  width: auto;
  max-width: initial;
}
@media (min-width: 1920px) {
  .category-detail .main-sec .heading-img img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .category-detail .main-sec .heading-img {
    height: 204px;
  }
}
.category-detail .main-sec .heading-title02 {
  padding: 48px 72px;
  border-bottom: 1px solid #989898;
  font-family: "NotoSansJP-Medium", sans-serif;
  font-size: 28px;
  line-height: 1.3;
  color: #1A1A1A;
  letter-spacing: 0.07em;
  text-align: center;
}
@media (max-width: 767px) {
  .category-detail .main-sec .heading-title02 {
    padding: 16px 24px;
    font-size: 18px;
  }
}
.category-detail .entry-sec {
  margin: 80px 0;
}
@media (max-width: 767px) {
  .category-detail .entry-sec {
    margin: 40px 0;
  }
}
.category-detail .entry-sec .theme-txt {
  padding: 32px 24px;
  background-color: #F4F6F7;
}
@media (max-width: 767px) {
  .category-detail .entry-sec .theme-txt {
    padding: 24px 16px;
  }
}
.category-detail .entry-sec .theme-txt dt {
  margin-bottom: 32px;
  font-family: "NotoSansJP-Medium", sans-serif;
  font-size: 28px;
  color: #1A1A1A;
  letter-spacing: 0.07em;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .category-detail .entry-sec .theme-txt dt {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.category-detail .entry-sec .theme-txt dd p:last-child {
  margin-bottom: 0;
}
.category-detail .entry-sec .img {
  text-align: center;
}
.category-detail .entry-sec .img02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.category-detail .entry-sec .img02 li {
  width: 49%;
}
.category-detail .entry-sec figure {
  margin-bottom: 1em;
  text-align: center;
}
.category-detail .entry-sec figure figcaption {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767px) {
  .category-detail .entry-sec figure figcaption {
    font-size: 12px;
  }
}
.category-detail .entry-sec .flow-txt dt {
  margin-bottom: 8px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 18px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .category-detail .entry-sec .flow-txt dt {
    font-size: 16px;
  }
}
.category-detail .entry-sec .flow-txt dt::before {
  content: "・";
}
.category-detail .entry-sec .flow-txt dd {
  padding-left: 1em;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .category-detail .entry-sec .flow-txt dd {
    margin-bottom: 24px;
    font-size: 13px;
  }
}

/*=========*/
/* privacy */
/*=========*/
.privacy .privacy-sec {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .privacy .privacy-sec {
    padding-bottom: 40px;
  }
}
.privacy .note {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .privacy .note {
    margin-top: 40px;
  }
}
.privacy .sigh {
  margin-top: 32px;
  line-height: 2;
  text-align: right;
}

/*======*/
/* news */
/*======*/
.news .news-sec {
  margin: 80px 0;
}
@media (max-width: 767px) {
  .news .news-sec {
    margin: 40px 0;
  }
}
.news .news-sec .list-news {
  display: block;
}
.news .news-sec .list-news li {
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .news .news-sec .list-news li {
    margin-bottom: 16px;
  }
}
.news .news-sec .list-news li a {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .news .news-sec .list-news li a {
    display: block;
  }
}
.news .news-sec .list-news li a .date {
  width: 124px;
}
@media (max-width: 767px) {
  .news .news-sec .list-news li a .date {
    width: 100%;
  }
}
.news .news-sec .list-news li a .title {
  width: calc(100% - 140px);
}
@media (max-width: 767px) {
  .news .news-sec .list-news li a .title {
    width: 100%;
  }
}

/*=============*/
/* お問い合わせ */
/*=============*/
.contact .list-step {
  display: flex;
  height: 56px;
  margin-top: 64px;
  border-radius: 4px;
  border: 1px solid #DFDFDF;
  background-color: #F2F2F2;
}
.contact .list-step li {
  width: 33.33333%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1023px) {
  .contact .list-step li {
    flex-direction: column;
  }
}
.contact .list-step li span {
  display: inline-block;
  margin: 0 8px;
}
@media (max-width: 1023px) {
  .contact .list-step li span {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 10px;
    line-height: 1.3;
  }
}
.contact .list-step li:first-child {
  border-radius: 4px 0 0 4px;
  padding-left: 8px;
}
.contact .list-step li::last-child {
  border-radius: 0 4px 4px 0;
  padding-right: 8px;
}
.contact .list-step li::after, .contact .list-step li::before {
  border-color: #DFDFDF;
  border-width: 0;
  border-left: 16px solid transparent;
  border-left-color: #DFDFDF;
  border-bottom: 27px solid transparent;
  border-right: 16px solid transparent;
  border-top: 27px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
  .contact .list-step li::after, .contact .list-step li::before {
    border-left-width: 8px;
    border-right-width: 8px;
  }
}
.contact .list-step li::after {
  border-left-color: #F2F2F2;
  margin-left: -1px;
}
.contact .list-step li:last-child::after, .contact .list-step li:last-child::before {
  content: none;
}
.contact .list-step li.current {
  background-color: #1A1A1A;
  color: #FFF;
}
.contact .list-step li.current::after {
  border-left-color: #1A1A1A;
}
.contact .privacy-select {
  max-width: 690px;
  margin: 0 auto;
  padding: 32px 24px;
  background-color: #F2F2F2;
}
.contact .privacy-select p {
  margin-bottom: 0 !important;
}
.contact .privacy-select label > input[type=checkbox] {
  margin-right: 8px;
}
.contact .privacy-select .error {
  color: #F00;
  text-align: center;
}
@media (max-width: 1023px) {
  .contact .table {
    display: block;
  }
  .contact .table tr, .contact .table tbody {
    display: block;
  }
}
.contact .table th {
  width: 420px;
}
@media (max-width: 1023px) {
  .contact .table th {
    display: block;
    width: 100%;
  }
}
.contact .table th .required {
  display: inline-block;
  padding: 4px;
  margin-left: 8px;
  background-color: #F00;
  color: #FFF;
  font-size: 12px;
  line-height: 1;
}
@media (max-width: 1023px) {
  .contact .table td {
    display: block;
    width: 100%;
  }
  .contact .table td select {
    width: 100%;
  }
}
.contact .table td .w50 {
  width: 120px;
}
@media (max-width: 767px) {
  .contact .table td .w50 {
    width: 40%;
  }
}
.contact .table td .error {
  margin-bottom: 0;
  color: #F00;
}
.contact .list-bt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
}
@media (max-width: 1023px) {
  .contact .list-bt {
    display: block;
  }
}
.contact .list-bt li {
  margin: 0 8px;
  text-align: center;
}
@media (max-width: 1023px) {
  .contact .list-bt li {
    margin: 0 0 8px;
  }
}
.contact .list-bt .com-bt.black {
  background-color: #333;
  color: #FFF !important;
}
.contact .list-bt .com-bt.black::after {
  color: #FFF;
}
.contact .list-bt .com-bt.black:hover {
  background-color: #FFF;
  color: #989898 !important;
}
.contact .list-bt .com-bt.black:hover::after {
  color: #989898;
}
.contact .privacy-box {
  height: 320px;
  padding: 16px;
  margin-bottom: 24px;
  border: 1px solid #989898;
  border-radius: 4px;
  overflow-y: scroll;
  font-size: 12px;
}
.contact .privacy-box .heading01 {
  font-size: 18px;
}
.contact .privacy-box .sigh {
  text-align: right;
}
.contact .end-msg {
  margin: 80px 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .contact .end-msg {
    margin: 40px 0;
  }
}
.contact .mw_wp_form_confirm .privacy-info {
  display: none;
}
/*# sourceMappingURL=contents.css.map */