@charset "UTF-8";
/*fixed spacing*/
/*spacing*/
/*line-height*/
/*radius*/
/*common*/
.l-mainContent {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.swell-block-fullWide + .swell-block-fullWide {
  margin-top: 0;
}

#content {
  margin-bottom: -6rem;
}

@media (max-width: 480px) {
  .col_all_lead {
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  .col_all_lead {
    font-size: 13px;
  }
}
.h2_top {
  position: relative;
  padding: 0.5rem 0 0.8rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 42px !important;
  background-image: linear-gradient(135deg, #11B5E6 10%, #004099 100%);
  background-repeat: no-repeat;
  background-size: 3rem 0.4rem;
  background-position: bottom;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .h2_top {
    font-size: 32px !important;
  }
}
h1.c-pageTitle {
  padding: 1rem 0 0.8rem;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(135deg, #11B5E6 10%, #004099 100%);
  background-repeat: no-repeat;
  background-size: 100% 3%;
  background-position: bottom;
  font-size: 42px;
  color: #004099;
}

@media screen and (max-width: 600px) {
  h1.c-pageTitle {
    font-size: 32px;
  }
}
.h3_business {
  padding: 1rem 0 1rem;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(135deg, #11B5E6 10%, #004099 100%);
  background-repeat: no-repeat;
  background-size: 30% 10%;
  background-position: bottom;
  font-weight: bold;
  font-size: 26px;
}

.pcbr {
  display: block;
}

@media (max-width: 480px) {
  .pcbr {
    display: none;
  }
}
.spbr {
  display: none;
}

@media (max-width: 480px) {
  .spbr {
    display: block;
  }
}
@media (max-width: 480px) {
  a.swell-block-button__link {
    width: 100%;
  }
}
.cat-item.cat-item-1 {
  display: none;
}

/*gnav_pc*/
.-body-solid .l-fixHeader {
  box-shadow: none;
}

div.w-header.pc_ {
  height: 100%;
}

.l-fixHeader__inner {
  max-width: 100%;
}

.l-fixHeader__inner ul.c-gnav {
  color: #004099;
  font-weight: 600;
}

/*g-nav_SP*/
.p-spMenu .c-widget__title {
  position: unset;
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2024/12/logo_horizontal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 50px;
}

.p-spMenu__inner::before {
  background: #fff;
}

ul.c-gnav {
  font-weight: 600;
}

.c-gnav .sub-menu {
  color: #004099;
  font-weight: 600;
  background: #F3F9FC;
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  content: none;
}

ul.c-spnav.c-listMenu {
  text-align: center;
}

ul.c-spnav.c-listMenu li a {
  line-height: 5rem;
  font-weight: 600;
  font-size: 15px;
  border-bottom: none;
}

/*MV*/
@media screen and (min-width: 600px) {
  .mv_main-catch_sp {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .mv_main-catch_pc {
    display: none;
  }
}
/*MV-slider01*/
.loop-slider {
  display: flex;
  overflow: hidden;
  gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
  display: contents;
}

.loop-slider .swell-block-columns__inner {
  flex-wrap: nowrap;
  animation: infinity-scroll-left 30s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
  width: 200px; /* 画像の横幅を指定（パソコン） */
  position: relative;
}

.loop-slider .swell-block-column figure::before {
  padding-top: 65%; /* 画像の縦横比を指定 */
  display: block;
  content: "";
}

.loop-slider .swell-block-column figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

@media screen and (max-width: 959px) {
  .loop-slider .swell-block-column figure {
    width: 200px; /* 画像の横幅を指定（スマホ） */
  }
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*MV-slider02*/
.loop-slider02 {
  display: flex;
  overflow: hidden;
  gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider02 .wp-block-group__inner-container,
.loop-slider02 .swell-block-columns {
  display: contents;
}

.loop-slider02 .swell-block-columns__inner {
  flex-wrap: nowrap;
  animation: infinity-scroll-right 30s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider02 .swell-block-column figure {
  width: 200px; /* 画像の横幅を指定（パソコン） */
  position: relative;
}

.loop-slider02 .swell-block-column figure::before {
  padding-top: 65%; /* 画像の縦横比を指定 */
  display: block;
  content: "";
}

.loop-slider02 .swell-block-column figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

@media screen and (max-width: 959px) {
  .loop-slider02 .swell-block-column figure {
    width: 200px; /* 画像の横幅を指定（スマホ） */
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
/*top_service*/
.block_services {
  box-shadow: 2px 2px 4px #c6c6c6;
}

.block_services .swell-block-box-menu__text {
  line-height: 1.4rem;
}

/*about*/
div.swell-block-fullWide__inner.l-container {
  padding-top: 50px;
}

div.wp-block-group.col_about.u-mb-0.has-white-background-color.has-background {
  padding: 72px 20px;
}

img.wp-image-11.ls-is-cached.lazyloaded {
  position: relative;
  left: 30px;
  top: 2px;
}

@media (max-width: 480px) {
  .col_all_h2 span.swl-inline-color {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .col_all_h3 span.swl-inline-color {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  div.wp-block-group.col_about.u-mb-0.has-white-background-color.has-background {
    padding: 60px 15px;
  }
}
@media (max-width: 480px) {
  img.wp-image-11.ls-is-cached.lazyloaded {
    position: unset;
  }
}
/*feature*/
.col_feature_num {
  background: #02225f;
  color: white;
  padding: 2px;
}

/*greetings*/
@media screen and (min-width: 600px) {
  .greeting_message img {
    margin-top: 1.5rem;
  }
}
.profile_name {
  border-bottom: 1px dotted #004099;
  padding-bottom: 1rem;
}

.col_greetings {
  box-shadow: 2px 2px 4px #cbcbcb;
}

p.greetings_name.has-white-background-color.has-background {
  padding: 10px 20px;
}

.wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.is-style-fill.col_greetings_x:hover {
  background: #F0F2F6 !important;
}

@media (max-width: 480px) {
  .wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.is-style-fill.col_greetings_x {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.u-mb-ctrl.u-mb-20.col_greetings_blog {
    width: 100%;
  }
}
/*comparison*/
:root {
  --color_border--table: #ffffff;
}

.comarison_table table.has-fixed-layout {
  border-collapse: collapse;
  width: 80% !important;
  margin: 0 auto;
}

.comarison_table table tbody td {
  line-height: 1.2rem;
  height: 70px;
}

.comarison_table table tbody :nth-child(1) td:nth-child(2) {
  background: linear-gradient(to right, #072968, #3762B5);
  border-top: 2px solid #02225F;
  color: white;
}

.comarison_table table td:nth-child(2), table th:nth-child(2) {
  border-left: 2px solid #02225F;
  border-right: 2px solid #02225F !important;
}

.comarison_table table tbody :nth-child(6) td:nth-child(2) {
  border-bottom: 2px solid #02225F;
}

/*footer*/
.l-footer__foot {
  display: none;
}

.footer_nav {
  background: linear-gradient(45deg, #0EB4E5, #004099);
}

.div.swell-block-fullWide__inner.l-container {
  background: none;
}

/*div.swell-block-fullWide__inner.l-container,
div.swell-block-fullWide__inner.l-container{
    padding-left: 50px!important;
    margin: 0;
    background: linear-gradient(90deg, #0EB4E5, #004099);
}*/
/*post*/
.c-categoryList:before {
  display: none;
}

.c-categoryList__link {
  display: none;
}

/*mission*/
.values_box {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100px;
}

.values_box:first-child {
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2025/05/M.png);
  background-size: 100px;
}

.values_box:nth-child(2) {
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2025/05/a.png);
  background-size: 50px;
}

.values_box:nth-child(3) {
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2025/05/r.png);
  background-size: 50px;
}

.values_box:nth-child(4) {
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2025/05/K.png);
  background-size: 80px;
}

.values_box:nth-child(5) {
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2025/05/P.png);
  background-size: 70px;
}

.values_box:nth-child(6) {
  background-image: url(http://mar-kpt.co.jp/wp-content/uploads/2025/05/T.png);
  background-size: 80px;
}

/*DTF*/
.dtf-top {
  background-color: rgba(255, 255, 255, 0.4);
}

.reason,
.flow,
.CTA-block {
  background-image: url(https://mar-kpt.co.jp/wp-content/uploads/2025/06/mar-KPT_dtf-blockbg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}

div.swell-block-column.swl-has-mb--s.reason-box {
  background-color: #00CFFF;
  border-radius: 8px;
  height: 15rem;
}

p.has-text-align-center.u-mb-ctrl.u-mb-10.reason-box-detail {
  color: white;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.dtf-top-h1 {
  text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, 0 -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}

.dtf-top-h2 {
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}

.dtf-block-h2-wt,
h3.wp-block-heading.has-text-align-center.u-mb-ctrl.u-mb-10.reason-box-h3,
h3.wp-block-heading.has-text-align-center.u-mb-ctrl.u-mb-10.reason-box-h3.swl-inline-icon:after,
.howto-lead {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

.flow_body {
  width: fit-content;
  margin: 0 auto;
}

div.swell-block-column.swl-has-mb--s.case_box {
  border-radius: 8px;
}

.RPO_serive_detail,
.RPO_reason_detail,
.RPO_price_detail {
  box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.RPO_h2 span.swl-fz {
  position: relative;
  padding: 0.5rem 0 1rem;
  margin-bottom: 0.5rem;
}
.RPO_h2 span.swl-fz::before {
  position: absolute;
  border-bottom: 5px solid #55C3F2;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  content: "";
}

@media screen and (max-width: 767.98px) {
  .RPO_section_lead span.swl-fz {
    font-size: 16px !important;
  }
  .RPO_cta .RPO_cta_lead span.swl-fz {
    font-size: 24px !important;
  }
}
#RPO_MV .RPO_MV_cta a:hover {
  opacity: 1 !important;
}
#RPO_MV .RPO_MV_cta img {
  transition: 0.3s;
}
#RPO_MV .RPO_MV_cta img:hover {
  transform: translateY(4px);
}

@media screen and (max-width: 767.98px) {
  #RPO_MV .RPO_MV_img_person {
    display: none;
  }
  #RPO_MV .RPO_MV_cta a span {
    font-size: 16px !important;
  }
  #RPO_MV .wp-block-spacer {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .RPO_area_h2 span.swl-fz {
    font-size: 32px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .RPO_problem_h2 span.swl-fz {
    font-size: 32px !important;
  }
}
#RPO_about .RPO_serivie_front_list {
  border-radius: 8px;
  gap: 15px;
}

@media screen and (max-width: 1279.98px) {
  #RPO_about .RPO_serivie_front_list img {
    height: 150px !important;
  }
  #RPO_about .RPO_serivie_front_list .wp-block-image img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1279.98px) {
  #RPO_strength .RPO_strength_detail p {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 1023.98px) {
  #RPO_strength .RPO_strength_detail h4 span.swl-fz {
    font-size: 18px !important;
  }
}
#RPO_cases .RPO_cases_box {
  border-radius: 8px;
}
#RPO_cases .RPO_cases_box .cap_box_content {
  height: 320px;
}
#RPO_cases .RPO_cases_box .wp-block-columns {
  gap: 10px !important;
}
#RPO_cases .cap_box_ttl {
  line-height: 3rem;
}
#RPO_cases .RPO_cases_planttl {
  border-bottom: 2px dotted #54C1F1;
  padding-bottom: 1rem;
}
#RPO_cases h5.RPO_cases_box_solution {
  background: #BFEFFF;
  border-radius: 4px;
  color: #033491;
}

@media screen and (max-width: 1279.98px) {
  #RPO_price .RPO_price_detail {
    height: 120px;
  }
  #RPO_price .RPO_price_detail p.RPO_price_detail_menu span {
    font-size: 16px !important;
  }
  #RPO_price .RPO_price_detail p.RPO_price_detail_menu_num span.swl-fz:first-child {
    font-size: 28px !important;
  }
}
#RPO_flow .RPO_flow_detail {
  border-radius: 8px;
  padding: 1.5rem;
  background-color: #F3F9FC;
  box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1279.98px) {
  #RPO_flow .RPO_flow_detail p {
    font-size: 14px;
  }
}
.CA_h2 span.swl-fz {
  position: relative;
  padding: 0.5rem 0 2rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 26px;
  background: linear-gradient(90deg, #033491 0% 50%, #55C3F2 50%);
  background-repeat: no-repeat;
  background-size: 4rem 0.3rem;
  background-position: bottom;
  text-align: center;
}

h3.coreability_MV_lead {
  width: fit-content;
  position: relative;
  padding: 15px;
  border: 2px solid #55C3F2;
  background-color: white;
  font-weight: bold;
}
h3.coreability_MV_lead::before {
  position: absolute;
  top: 100%;
  left: 50px;
  transform: skew(-25deg);
  height: 15px;
  width: 15px;
  border-right: 2px solid #55C3F2;
  background-color: white;
  content: "";
}

.coreability_MV_ttl {
  width: fit-content;
  border-top: 5px dotted #55C3F2;
}

@media screen and (max-width: 1279.98px) {
  .coreability_MV_ttl span.swl-fz {
    font-size: 64px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .coreability_MV_ttl span.swl-fz {
    font-size: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279.98px) {
  .coreability_MV_content {
    grid-template-columns: 50% auto !important;
  }
}
@media screen and (max-width: 767.98px) {
  #coreability_vision .coreability_vision_dl dt span.swl-fz {
    font-size: 18px !important;
  }
  #coreability_vision .coreability_vision_dl dd p {
    font-size: 14px;
  }
}
#coreability_problem .coreability_problem_content {
  gap: 50px !important;
}

@media screen and (max-width: 1023.98px) {
  #coreability_problem .coreability_problem_content .wp-block-column p {
    width: fit-content;
    margin: 0 auto;
  }
}
.coreability_feature_list h4 {
  margin-top: 0;
  padding-bottom: 1rem;
  border-bottom: 3px dotted #55C3F2;
}

.column-archive {
  background-color: #fff;
}
.column-archive .-sidebar-on .l-content {
  border: 1px solid #f00;
}

.column-container {
  width: min(100% - 40px, 1200px);
  margin-inline: auto;
}

@media (min-width: 960px) {
  .post-type-archive-column.-sidebar-on .l-content {
    display: block;
  }
  .post-type-archive-column #sidebar {
    display: none;
  }
  .post-type-archive-column #primary {
    width: 100%;
  }
}
#body_wrap.post-type-archive-column .column-hero {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

/* ページタイトル
---------------------------------------- */
.column-hero {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  min-height: 255px;
  background-image: var(--column-hero-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.column-hero__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: inherit;
}

.column-hero__title {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.4;
}

/* 一覧エリア
---------------------------------------- */
.column-list {
  padding: 105px 0 120px;
}

.column-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 52px 22px;
}

/* カード
---------------------------------------- */
.column-card {
  min-width: 0;
  margin: 0;
}

.column-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.column-card__thumbnail {
  overflow: hidden;
  aspect-ratio: 16/9;
  background-color: #d5d5d5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

.column-card__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.column-card__link:hover .column-card__thumbnail img {
  transform: scale(1.04);
}

.column-card__noimage {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #888;
  font-size: 13px;
  background-color: #d5d5d5;
}

.column-card__title {
  margin: 18px 0 6px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.column-card__link:hover .column-card__title {
  color: #005baa;
}

.column-card__date {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

/* ページネーション
---------------------------------------- */
.column-pagination {
  margin-top: 70px;
}

.column-pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.column-pagination .page-numbers {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 42px;
  padding: 0 10px;
  border: 1px solid #ddd;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}

.column-pagination .page-numbers.current,
.column-pagination a.page-numbers:hover {
  border-color: #005baa;
  color: #fff;
  background-color: #005baa;
}

.column-empty {
  text-align: center;
}

/* タブレット
---------------------------------------- */
@media screen and (max-width: 900px) {
  .column-list {
    padding: 75px 0 90px;
  }
  .column-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* スマホ
---------------------------------------- */
@media screen and (max-width: 600px) {
  .column-container {
    width: min(100% - 32px, 1200px);
  }
  .column-hero {
    min-height: 180px;
  }
  .column-list {
    padding: 55px 0 70px;
  }
  .column-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .column-card__title {
    margin-top: 14px;
    font-size: 17px;
  }
}

/*# sourceMappingURL=add.css.map */