@charset "UTF-8";
.is-column .sidebar {
  max-width: 220px;
  width: 100%;
}
@media (max-width: 760px) {
  .is-column .sidebar {
    max-width: stretch;
    margin-inline: 15px;
  }
}
.is-column .sidebar {
  padding: 10px 20px 20px;
  background-color: #fff;
  height: 100%;
}
.is-column .sidebar__title {
  font-size: 2rem;
  margin-bottom: 5px;
}
.is-column .sidebar-link {
  display: block;
  margin-bottom: 20px;
}
.is-column .sidebar .column__title {
  font-size: 1.4rem;
}
.is-column .sidebar-list {
  font-weight: bold;
  font-size: 1.4rem;
}
.is-column .sidebar-list a::before {
  content: "・";
  margin-right: 3px;
}
.is-column .sidebar-list :not(a) {
  color: #458ee9;
}
.is-column .section-hero + .flex {
  padding-top: 20px;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .is-column .section-hero + .flex {
    gap: 30px;
    flex-direction: column;
  }
}

@media (min-width: 1041px) {
  .section-column {
    margin-inline: 30px;
  }
}
.section-column .row {
  padding-inline: 30px;
}

main:not(.archive, :has(.login)) .section-column .section-content {
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 30px;
}
@media (max-width: 760px) {
  main:not(.archive, :has(.login)) {
    margin-top: 75px;
  }
}

@media (max-width: 760px) {
  .archive .section-swiper {
    margin-top: 50px;
  }
}
.archive .section-swiper .content {
  position: relative;
}
.archive .hero__catch,
.archive .headline__title {
  color: #005fff;
  text-align: center;
  font-weight: bold;
  padding: 40px 0 10px;
}
.archive .swiper-buttons {
  top: 55%;
  width: 72%;
  left: -20px;
}
@media (max-width: 760px) {
  .archive .swiper-buttons {
    left: 0;
  }
}
.archive .swiper-buttons {
  transform: translateY(-50%);
}
@media (max-width: 760px) {
  .archive .swiper-button-prev {
    left: -10px;
  }
}
@media (max-width: 760px) {
  .archive .swiper-button-next {
    right: -10px;
  }
}
.archive .column .swiper-slide-item {
  position: relative;
  display: flex;
}
@media (max-width: 760px) {
  .archive .column .swiper-slide-item {
    flex-direction: column;
  }
}
.archive .column .swiper-slide-item .column__img {
  flex: 5;
  max-height: 330px;
}
.archive .column .swiper-slide-item .column-texts {
  flex: 2;
  padding-top: 30px;
}
.archive .column .swiper-slide-item .classify,
.archive .column .swiper-slide-item .column__time {
  display: inline-block;
}
@media (min-width: 1041px) {
  .archive .column .swiper-slide-item .category {
    position: absolute;
    bottom: 15px;
  }
}
.archive .column .swiper-slide-item .column__title {
  font-size: 2.1rem;
}
.archive .column-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.archive .column-item {
  max-width: 23.8095238095%;
  width: 100%;
  background-color: #fff;
}
@media (max-width: 760px) {
  .archive .column-item {
    max-width: initial;
  }
}
.archive .column-item .category {
  font-size: 0.9rem;
  margin-top: 10px;
}

.site-main:not(.archive) .column__thumbnail + .section {
  margin-top: 40px;
}
.site-main:not(.archive) .column__thumbnail img {
  max-height: 400px;
  object-fit: cover;
}
.site-main:not(.archive) .column__catch {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 2.6rem;
  line-height: 1.5;
  color: #004fa3;
}
.site-main:not(.archive) .column__title {
  font-size: 3.5rem;
}
.site-main:not(.archive) .column h2.column__title {
  border-bottom: 1px solid #004fa3;
  padding-bottom: 3px;
  font-size: 2.2rem;
}
.site-main:not(.archive) .column h3.column__title {
  font-size: 1.8rem;
}
.site-main:not(.archive) .column__title + .site-main:not(.archive) .column__text {
  margin-top: 5px;
}
.site-main:not(.archive) .column__text + .site-main:not(.archive) .column__title {
  margin-top: 30px;
}
.site-main:not(.archive) .column__text + .site-main:not(.archive) .column__text {
  margin-top: 15px;
}
.site-main:not(.archive) .column table {
  border-collapse: collapse;
  width: 100%;
}
.site-main:not(.archive) .column table th,
.site-main:not(.archive) .column table td {
  padding: 10px;
}
.site-main:not(.archive) .column tr {
  border-top: 1px solid #dbdbdb;
}
.site-main:not(.archive) .column tr:last-of-type {
  border-bottom: 1px solid #dbdbdb;
}
.site-main:not(.archive) .column th {
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #458ee9;
  color: #fff;
  text-align: left;
  padding: 10px 15px;
}
.site-main:not(.archive) .column td {
  font-size: 1.4rem;
  padding: 10px 15px;
}
.site-main:not(.archive) .column-table {
  margin-top: 40px;
}
.site-main:not(.archive) .column p + div {
  margin-top: 10px;
}
.site-main:not(.archive) .column dd + dt {
  margin-top: 30px;
}
.site-main:not(.archive) .column .section + .section {
  padding-top: 80px;
}

#ez-toc-container {
  width: 100% !important;
  padding: 20px 30px 30px !important;
}
#ez-toc-container .ez-toc-title-container {
  text-align: center;
}
#ez-toc-container .ez-toc-list {
  margin-top: 20px;
}
#ez-toc-container .ez-toc-list li + li {
  border-top: 1px solid #dbdbdb;
}

.column-contents {
  padding-top: 40px;
  padding-bottom: 40px;
}
.column-contents .wp-block-heading {
  font-weight: bold;
}
.column-contents .wp-block-heading + p {
  margin-top: 5px;
}
.column-contents p + .wp-block-heading {
  margin-top: 30px;
}
.column-contents.fixed {
  padding-top: 20px;
}
.column-contents.fixed > .column__text {
  padding-bottom: 20px;
}
.column-contents.fixed .column-texts {
  background-color: #fff;
  padding: 25px 30px 30px;
}
.column-contents.fixed .column-texts .column__text {
  font-size: 1.6rem;
}
.column-contents.fixed .column-texts .column__text + .column__text {
  margin-top: 20px;
}

.process-buy .section-column {
  background-color: initial;
}
.process-buy .headline__title,
.process-buy .column-list {
  max-width: 580px;
}
@media (max-width: 760px) {
  .process-buy .headline__title,
  .process-buy .column-list {
    max-width: none;
  }
}
.process-buy .headline__title,
.process-buy .column-list {
  margin-inline: auto;
}
.process-buy .headline__title {
  background-color: #004fa3;
  color: #fff;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.process-buy .column-list {
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 2px solid #004fa3;
  padding: 20px 30px;
}
.process-buy .column__item {
  line-height: 1;
}
.process-buy .column__item::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../img/common/check.svg);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 4px;
}
.process-buy .column__item + .column__item {
  padding-top: 10px;
}
.process-buy .column-table {
  max-width: 580px;
  margin-inline: auto;
}
.process-buy .arrow {
  background-color: #fff;
  border-left: 2px solid #282828;
  border-right: 2px solid #282828;
  position: relative;
}
.process-buy .icon {
  position: absolute;
  left: -20px;
  width: 60px;
  top: 0;
}
.process-buy .icon.last {
  bottom: 0;
  top: initial;
}
.process-buy .progress {
  top: 140px;
  left: -50px;
  width: 120px;
  z-index: 1;
}
.process-buy .flow__title {
  text-align: left;
  font-weight: bold;
}
.process-buy .flow__title span {
  background-color: #004fa3;
  color: #fff;
  padding: 0 6px 4px;
  border-radius: 4px;
  margin-right: 6px;
  font-size: 1.6rem;
}
.process-buy .flow__text {
  font-weight: normal;
  text-align: left;
}

.process-sale .section-column {
  background-color: initial;
}
.process-sale .section04 .flex {
  gap: 20px;
}
.process-sale .column-table {
  background-color: #fff;
}
.process-sale .column__img.thumbnail {
  max-width: 160px;
}
.process-sale .contract01 {
  background-color: #ffb700;
}
.process-sale .contract02 {
  background-color: #a1c6ed;
}
.process-sale .contract03 {
  background-color: #e4eff7;
}
.process-sale .hukidasi {
  margin-top: 15px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 4px;
  background-color: #e4eff7;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  left: 20%;
}
.process-sale .hukidasi::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #e4eff7 transparent transparent;
  translate: -50% 100%;
}
.process-sale .merit,
.process-sale .demerit {
  width: fit-content;
  color: #fff;
  padding: 5px 8px 7px;
  line-height: 1;
  border-radius: 4px;
}
.process-sale .merit {
  background-color: #ff5b76;
}
.process-sale .demerit {
  background-color: #004fa3;
}
.process-sale .exclusive {
  background-color: #ffb700;
}
.process-sale .agreement {
  background-color: #a1c6ed;
}
.process-sale .general {
  background-color: #e4eff7;
}
.process-sale .flow__title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.3;
}
.process-sale .free,
.process-sale .cost,
.process-sale .receive {
  width: fit-content;
  line-height: 1;
  padding: 4px 5px 6px;
  font-size: 1.4rem;
  margin-inline: auto;
}
.process-sale .free {
  background-color: #ff5b76;
  color: #fff;
}
.process-sale .cost {
  background-color: #ffb700;
}
.process-sale .receive {
  background-color: #004fa3;
  color: #fff;
}
.process-sale .arrow01.last,
.process-sale .arrow02,
.process-sale .arrow03 {
  position: relative;
  width: 25px;
}
.process-sale .arrow01.last::after,
.process-sale .arrow02::after,
.process-sale .arrow03::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  border-top: 15px solid #e4eff7;
  border-bottom: 0;
  left: 0;
  bottom: -15px;
  z-index: 1;
}
.process-sale .arrow01 {
  background-color: #e4eff7;
}
.process-sale .arrow02 {
  background-color: #a1c6ed;
}
.process-sale .arrow02::after {
  border-top-color: #a1c6ed;
}
.process-sale .arrow03 {
  background-color: #004fa3;
}
.process-sale .arrow03::after {
  border-top-color: #004fa3;
}
.process-sale .flow__finish {
  font-weight: bold;
  font-size: 3.4rem;
  color: #004fa3;
  position: relative;
  width: fit-content;
  line-height: 1;
  margin-inline: auto;
  margin-top: 25px;
}
.process-sale .flow__finish::before, .process-sale .flow__finish::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 2px;
  height: 45px;
  background-color: #004fa3;
}
.process-sale .flow__finish::before {
  transform: rotate(-35deg);
  left: -17px;
}
.process-sale .flow__finish::after {
  transform: rotate(35deg);
  right: -17px;
}
.process-sale .flow__finish + .primary-btn {
  margin-top: 80px;
}

.staff-list {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.staff-item .staff__position,
.staff-item .staff__name {
  text-align: center;
}
.staff__icon {
  max-width: 140px;
}
@media (max-width: 760px) {
  .staff__icon {
    max-width: 100%;
  }
}
.staff__icon {
  aspect-ratio: 1;
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid #282828;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.staff__position {
  color: #004fa3;
  font-weight: bold;
  font-size: 1.4rem;
}
.staff__name {
  font-weight: 500;
  line-height: 1;
}
.staff-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 760px) {
  .staff-intro {
    grid-template-columns: none;
    grid-template-columns: 1fr;
  }
}
.staff-intro {
  margin-top: 60px;
}
@media (max-width: 760px) {
  .staff-intro.staff02 .staff-detail {
    order: 2;
  }
}
.staff__img {
  max-height: 580px;
  overflow: hidden;
}
@media (max-width: 760px) {
  .staff__img {
    max-height: initial;
  }
}
@media (max-width: 760px) {
  .staff__img img {
    max-height: 250px;
    object-fit: cover;
    object-position: 0px -30px;
  }
}
.staff-detail {
  background-color: #fff;
  padding: 35px 30px 30px;
  position: relative;
}
.staff-detail .staff__position {
  position: absolute;
  top: -18px;
  background-color: #004fa3;
  color: #fff;
  padding: 6px 15px;
  font-weight: normal;
  border-radius: 6px;
}
.staff-detail .staff__position::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #004fa3 transparent transparent;
  translate: -50% 100%;
}
.staff-detail .staff__name {
  font-size: 2.4rem;
}
.staff__ruby {
  color: #004fa3;
  font-size: 1.2rem;
  padding-left: 15px;
}
.staff__title {
  color: #004fa3;
  font-size: 1.8rem;
  font-weight: 500;
  border-bottom: 1px solid #e4eff7;
  padding-bottom: 4px;
}
.staff__title.column {
  background-color: #004fa3;
  color: #fff;
  width: fit-content;
  font-size: 1.2rem;
  padding: 4px 10px 6px;
  margin-bottom: 15px;
  border-radius: 4px;
}
.staff__name + .staff__title {
  margin-top: 15px;
}
.staff__text {
  font-size: 1.4rem;
  padding-top: 5px;
  line-height: 1.5;
}
.staff__text + .staff__title {
  margin-top: 20px;
}

.faq__question {
  background-color: #004fa3;
  color: #fff;
  padding: 5px 15px 7px 65px;
  position: relative;
  line-height: 1.5;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.faq__question::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common/question.svg);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.faq__answer {
  padding: 10px 20px 15px;
  background-color: #f8f5ee;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.company .section-column {
  background-color: initial;
}
.company .lead .column__text {
  font-size: 1.4rem;
  line-height: 2.2;
  text-align: center;
}
.company .lead .column__text + .column__img {
  margin-top: 30px;
}
.company .flex:has(.feature) {
  gap: 60px;
  flex-wrap: wrap;
}
.company .feature {
  max-width: 45%;
}
@media (max-width: 760px) {
  .company .feature {
    max-width: none;
  }
}
.company .feature {
  width: 100%;
}
.company .feature__img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
  max-height: 180px;
}
.company .feature-texts {
  background-color: #fff;
  padding-inline: 20px;
  padding-bottom: 20px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.company .feature__title {
  background-color: #004fa3;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  padding: 6px 10px 9px;
  width: fit-content;
  line-height: 1;
}
.company .feature__title + .feature__text {
  margin-top: 10px;
}
.company .service {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 760px) {
  .company .service {
    grid-template-columns: initial;
  }
}
.company .service {
  gap: 40px;
  margin-top: 15px;
}
.company .service__img {
  max-width: 200px;
  margin-inline: auto;
}
.company .service__title {
  color: #004fa3;
  font-weight: bold;
}
.company .column__text + .primary-btn {
  margin-top: 40px;
}/*# sourceMappingURL=column.css.map */