@charset "UTF-8";

/* ==========================================
  Site Footer
========================================== */
/*
.fnav > ul li:nth-of-type(4) {
  display: none;
}
*/

/* ==========================================
  Lifestyle - SP
========================================== */
.l-contents {
  padding: 16% 0 0; /* 120px */
}

/* ==========================================
  Page Header
========================================== */
.page-header {
  top: 0;
  margin: 0;
}
.page-header .header-catch ul li:first-of-type {
  margin: 0 0 15px;
}
.page-header .header-catch ul li img {
  width: 16vw; /* 120px */
}
.page-header .header-catch ul li h2 {
  font-size: 9.6vw; /* 72px */
}
.page-header .header-catch ul li h2 small {
  font-size: 0.2777777em;
}

/* ==========================================
  Section Common
========================================== */
.sec-header ul li img {
  width: 17.333333%; /* 130px */
}
.sec-header h2 {
  font-size: calc(6.4vw * 1.25); /* 48px */
}

/* ==========================================
  新着記事
========================================== */
.new-arrival {
  margin: 0 0 26.666666%; /* 200px */
}
.new-arrival .inner {
  width: 100%;
}
.new-arrival .sec-heading {
  width: 86.666666%;
  margin: 0 auto;
}
.new-arrival .lead {
  line-height: 1.25;
  width: 86.666666%;
  padding: 0;
  margin: 6vw auto 0; /* 45px 0 0 */
}
.new-arrival .scroll {
  width: 93.333333%;
  margin: 0 0 8vw 6.666666vw;
}
.new-arrival .article-3-unit {
  margin: 12vw 0 0; /* 90px 0 0*/
}
.new-arrival .article-3 dl {
  margin: 0;
}
.new-arrival .article-3 dl dt {
  margin: 0 0 10vw; /* 75px */
}
.new-arrival .article-3 dl dd p {
  margin: 0;
}

/* ==========================================
  資金計画のポイント
========================================== */
.point .lead {
  margin: 10.666666vw 0; /* 80px 0 */
  font-size: calc(4vw * 1.15); /* 30px */
}
.point-item {
  height: auto;
  display: block;
  margin: 0 0 21.333333vw; /* 160px */
}
.point-item p {
  width: 100%;
  padding: 0;
  margin: 0 0 8vw; /* 60px */
}
.point-summary {
  width: 100%;
  height: auto;
  padding: 0;
}
.point-summary h3 {
  font-size: calc(4.8vw * 1.15); /* 36px */
  margin: 0 0 5.333333vw;
}
.point-summary dl {
  margin: 0 0 10.666666vw; /* 80px */
}
.point-summary dl dt {
  font-size: calc(3.7333333vw * 1.15); /* 28px */
  line-height: 1.7;
  margin: 0 0 8vw; /* 60px */
}
.point-summary dl dd {
  font-size: calc(3.4666666vw * 1.15); /* 26px */
}
.point-summary dl dd ul li {
  margin: 0 0 4.666666vw; /* 35px */
}
.point-summary dl dd ul li i {
  padding: 0 0.75em 0 0;
}
.point-summary dl dd ul li:last-of-type {
  margin: 0;
}
.point-summary dl dd ul li img.logo_sp {
  display: inline-block;
  width: 80%;
  margin-bottom: 10px;
}
.point-summary dl dd ul li br {
  display: none;
}
.point-summary dl dd ul li img.logo_pc {
  display: none;
}
.pi01 {
  height: auto;
}

/* ==========================================
  資金計画お役立ちガイド
========================================== */
.guide {
  margin: 0 0 26.666666vw; /* 200px */
}
.guide .lead {
  margin: 10.666666vw 0 0; /* 80px */
  padding: 0;
}
.guide .article-3-unit {
  width: 100%;
  display: block;
  margin: 10.666666vw 0 0; /* 80px */
}
.guide .article-3 {
  width: 100%;
}
.guide .article-3-unit .article-3:not(:last-of-type) {
  margin: 0 0 10.666666vw; /* 80px */
}
.guide .article-3 dl dt {
  margin: 0 0 4vw; /* 30px */
}

/* ==========================================
  Column Unit
========================================== */
.page-heading {
  font-size: calc(3.7333333vw * 1.15); /* 28px */
}
.sec-inner {
  width: 100%;
  margin: 0 auto;
}
.column-unit {
  display: block;
  margin: 16.666666vw 0 0; /* 125px */
}
.column-item {
  width: 100%;
  margin: 0 0 22.666666vw; /* 170px */
}
.column-item > a img {
  width: 100%;
  height: auto;
}
.column-item > div {
  margin: 12vw auto 0; /* 90px */
}
.column-item dl dt {
  font-size: calc(4.333333vw * 1.25); /* 32.5px */
  margin: 0 0 10.666666vw; /* 80px */
}
.column-item dl dd p {
  font-size: calc(3.333333vw * 1.25); /* 25px */
  margin: 0 0 5.333333vw; /* 40px */
}
.column-item dl dd h4 {
  font-size: calc(3.333333vw * 1.25); /* 25px */
  font-weight: 400;
  margin: 0 0 6vw; /* 45px */
}
.column-item .art-tag {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.column-item .art-days {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em 0 0;
}

/* ==========================================
  Link Button
========================================== */
.new-arrival .link-btn {
  width: 86.666666%;
  display: block;
  margin: 0 auto;
}
.new-arrival .link-btn a {
  width: 100%;
  display: block;
  text-align: center;
}
.point .link-btn {
  position: static;
  right: 0;
  bottom: 0;
  padding: 0;
}
.point .link-btn a {
  display: block;
}

/* ==========================================
  Pager
========================================== */
.pager {
  margin: 0 0 26.666666vw; /* 200px */
}

/* ==========================================
  記事検索
========================================== */
.search .sec-inner {
  width: 100%;
}
.search .search-unit {
  width: 100%;
}