@charset "UTF-8";
/*ブレイクポイントを設定*/
/*メディアクエリ用のミックスイン*/
@media only screen and (max-width: 979px) {
  .header {
    display: none;
  }
}
.header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3rem 1.5rem;
  box-sizing: border-box;
  background: #242760;
}
.header__content_logo {
  display: flex;
  align-items: center;
  height: 3.8rem;
  min-height: 0%;
}
.header__content_logo img {
  max-width: initial;
  width: auto;
  height: 100%;
}
.header__content_desc {
  display: inline-block;
  padding-left: 1.3rem;
  font-size: 1.2rem;
  color: #FFF;
}
.header__content_links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header__content_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 40px;
  margin-right: 2rem;
  padding: 0.6rem 3.5rem;
  box-sizing: border-box;
  background: #FFF;
  font-size: 1.2rem;
  color: #242760;
  text-decoration: none;
}
.header__content_search #searchform {
  width: 210px;
}
.header__content_search #searchform #search-text {
  width: 210px;
  box-sizing: border-box;
}
.header__content_search #searchform #search-button {
  background: #FFF;
}
.header__content_search #searchform #search-button .icon-search {
  border: 2px solid #242760;
  color: #242760;
}
.header__content_search #searchform #search-button .icon-search::before {
  background: #242760;
}
.header__logo_link {
  display: block;
  height: 3.8rem;
}
.header__global {
  background: #FFF;
}
.header__global_inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.header__global_home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 4.5rem;
  min-height: 0%;
  padding: 1.2rem 1.3rem;
  box-sizing: border-box;
}
.header__global_home img {
  min-height: 0%;
}
.header__global_list {
  display: flex;
  width: calc(100% - 50px);
}
.header__global_list .menu-item {
  display: inline-block;
  padding: 1.2rem 0.75rem;
  box-sizing: border-box;
  font-size: 1.3rem;
  text-decoration: none;
}
.header__global_list .menu-item a {
  text-decoration: none;
}

.current-menu-item,
.current-menu-parent {
  position: relative;
}
.current-menu-item::after,
.current-menu-parent::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #C62B1D;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.current-menu-item a,
.current-menu-parent a {
  color: #C62B1D;
}

.page--wealthjournal #sp-header {
  background: #242760;
}
.page--wealthjournal #sp-header #sp-btn--tel {
  border-top: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  box-sizing: border-box;
  background: #FFF;
}
.page--wealthjournal #sp-header #sp-btn--tel a > .sp-btn-icon > .icon-mobile {
  border-top: 3px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 6px solid #000;
}
.page--wealthjournal #sp-header #sp-btn--tel a > .sp-btn-icon > .icon-mobile::before {
  background: #FFF;
}
.page--wealthjournal #sp-header #sp-btn--tel a > .sp-btn-text::before {
  color: #000;
}
.page--wealthjournal #sp-header #sp-btn--toggle {
  background: #FFF;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
}
.page--wealthjournal #sp-header #sp-btn--toggle > .sp-btn-icon > #sp-btn-icon--line1, .page--wealthjournal #sp-header #sp-btn--toggle > .sp-btn-icon > #sp-btn-icon--line2, .page--wealthjournal #sp-header #sp-btn--toggle > .sp-btn-icon > #sp-btn-icon--line3 {
  background: #000;
}
.page--wealthjournal #sp-header #sp-btn--toggle > .sp-btn-text::before {
  color: #000;
}
.page--wealthjournal #sp-nav-wrapper {
  background: #FFF;
}
.page--wealthjournal #sp-nav-wrapper #sp-navigation .sp-navigation--parent .sp-navigation--btn-toggle {
  background: transparent;
}
.page--wealthjournal #sp-nav-wrapper #sp-navigation .sp-navigation--parent .sp-navigation--btn-toggle::before, .page--wealthjournal #sp-nav-wrapper #sp-navigation .sp-navigation--parent .sp-navigation--btn-toggle::after {
  background: #000;
}
.page--wealthjournal #sp-nav-wrapper #sp-navigation > ul > li > a {
  border-top: 1px solid #000;
  box-sizing: border-box;
  color: #000;
}
.page--wealthjournal #sp-nav-wrapper #sp-navigation > ul > li:last-child a {
  border-bottom: 1px solid #000;
}
.page--wealthjournal #sp-nav-wrapper #sp-navigation > ul > li > .sp-navigation--child > li a {
  border-top: 1px solid #000;
  box-sizing: border-box;
  color: #000;
}
.page--wealthjournal #sp-nav-wrapper #sp-navigation > ul > li > .sp-navigation--child > li > ul > li > a {
  border-top: 1px solid #000;
  color: #000;
}
.page--wealthjournal #sp-sub-navigation > ul > li > a {
  color: #000;
}

#sp-navigation ul li.sp-navigation--parent.sp-navigation-li--opened {
  background: none;
}

.sp__corp_btn {
  display: block;
  padding: 1.6rem 0;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  color: #000;
  text-decoration: none;
}
.sp__search {
  margin: 1.6rem 0;
}
.sp__search #searchform {
  width: 100%;
}
.sp__search #searchform #search-text {
  width: 100%;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
  background: #F0F0F0;
  font-size: 1.6rem;
}
.sp__search #searchform #search-button {
  background: transparent;
}
.sp__search #searchform #search-button .icon-search {
  border: 2px solid #242760;
  color: #242760;
}
.sp__search #searchform #search-button .icon-search::before {
  background: #242760;
}

@media only screen and (max-width: 767px) {
  #page.page--wealthjournal > #main > #wrap {
    padding-top: 6rem;
  }
}

.recommend {
  margin: 1.6rem 0 0;
}
@media only screen and (max-width: 979px) {
  .recommend {
    margin: 44px 0 0;
  }
}
.recommend__list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 50% 25% 25%;
  -ms-grid-columns: 50% 25% 25%;
  grid-template-rows: auto auto;
  -ms-grid-rows: auto auto;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .recommend__list {
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
  }
}
.recommend__list_item {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: 0.3s;
}
.recommend__list_item::before {
  content: "";
  display: block;
  padding-top: 66.67%;
}
.recommend__list_item:hover {
  opacity: 0.7;
}
.recommend__list_item:first-child {
  grid-row-start: 1;
  grid-row-end: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
@media only screen and (max-width: 767px) {
  .recommend__list_item:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-gird-row: 1;
    -ms-grid-row-span: 1;
  }
}
.recommend__list_item:first-child .recommend__list_ttl {
  font-size: 2.8rem;
}
.recommend__list_item:nth-child(2) {
  grid-row-start: 1;
  grid-row-end: 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
@media only screen and (max-width: 767px) {
  .recommend__list_item:nth-child(2) {
    grid-row-start: 2;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}
.recommend__list_item:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 2;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}
@media only screen and (max-width: 767px) {
  .recommend__list_item:nth-child(3) {
    grid-row-start: 2;
    grid-row-end: 3;
    -ms-grid-column: 2;
    -ms-grid-row: 2;
  }
}
.recommend__list_item:nth-child(4) {
  grid-row-start: 2;
  grid-row-end: 3;
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}
@media only screen and (max-width: 767px) {
  .recommend__list_item:nth-child(4) {
    grid-row-start: 3;
    grid-row-end: 4;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
  }
}
.recommend__list_item:nth-child(5) {
  grid-row-start: 2;
  grid-row-end: 3;
  -ms-grid-column: 3;
  -ms-grid-row: 2;
}
@media only screen and (max-width: 767px) {
  .recommend__list_item:nth-child(5) {
    grid-row-start: 3;
    grid-row-end: 4;
    -ms-grid-column: 2;
    -ms-grid-row: 3;
  }
}
.recommend__list_link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2.2rem 3rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
}
.recommend__list_ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  line-height: 1.4;
  font-size: 1.8rem;
  color: #FFF;
}

.sidebar__bn {
  margin: 4rem 0 0;
  transition: all 0.3s ease;
}
.sidebar__bn:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.sidebar__bn_link {
  display: block;
}

.widget__mailmagazine {
  padding: 1.2rem 2.5rem;
  border: 3px solid #AEA397;
  box-sizing: border-box;
  background: #E2DDD2;
  text-align: center;
}
.widget__mailmagazine_ttl {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #5A5148;
}
.widget__mailmagazine p{font-size:1.3rem;}
.widget__mailmagazine_block {
  width: 100%;
  margin: 0.5rem 0 0;
}
.widget__mailmagazine_block input[type=text] {
  width: 100%;
  padding: 1rem;
  border: 1px solid #666666;
  border-radius: 5px;
  box-sizing: border-box;
  background: #FFF;
  line-height: 1;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .widget__mailmagazine_block input[type=text] {
    font-size: 1.6rem;
  }
}
.widget__mailmagazine_label {
  display: block;
  width: 100%;
}
.widget__mailmagazine_btn {
  margin: 0.5rem 0 0;
}
.widget__mailmagazine_submit {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  padding: 0.6rem 0;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(135deg, #FF6328 50%, #FF5528 50%);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  font-size: 2rem;
  color: #FFF;
}
.widget__mailmagazine_submit::-webkit-search-decoration {
  display: none;
}
.widget__mailmagazine_submit::focus {
  outline-offset: -2px;
}/*# sourceMappingURL=journal.css.map */

.l-related-post {
  margin: 0 0 3.2rem;
}

.l-related-post__title {
  margin: 0 auto 1.8rem;
  padding: 1.1rem 0;
  background: #23285C;
  line-height: 1.666666666666667;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFF;

  & span {
    display: inline-block;
    padding-left: 2.35rem;
    position: relative;

    &::before {
      content: "";
      width: 1.4rem;
      height: 1.8rem;
      background: url(../img/common/icon-ribon.svg) 50% 50% no-repeat;
      background-size: 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
}

.l-related-post__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.67rem;
}

.l-related-post__list_item,
.l-related-post__list_image {
  display: block;
  text-decoration: none;
}

.l-related-post__list_image {
  width: 100%;
  aspect-ratio: 1 / 0.563;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.l-related-post__list_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 1.04rem 0 0;;
  line-height: 1.692307692307692;
  font-size: 1.3rem;
  font-weight: 400;
}

@media screen and (max-width: 768px) {

  .l-related-post {
    margin: 0 0 1.6rem;
  }

  .l-related-post__wrap {
    overflow: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;

    &::-webkit-scrollbar {
      height: 1rem;
    }

    &::-webkit-scrollbar-thumb {
      background: #23285C;
    }

    &::-webkit-scrollbar-track {
      border-radius: 50px;
      background: rgba(255,255,255,0);
    }
  }

  .l-related-post__list {
    display: flex;
    gap: 1.5rem;
    width: calc((16rem * 4) + calc(1.5rem * 3));
    padding: 0 0 2rem;
    box-sizing: border-box;
  }

  .l-related-post__list_item {
    width: 16rem;
    scroll-snap-align: start;
  }

}