@charset "UTF-8";

/* ==========================================
  Thinklife - SP
========================================== */
.l-contents {
  padding: 2vw 0 0; /* 180px */
}

/* ==========================================
  Page Header
========================================== */
.page-header {
  top: 65px;
  padding: 0 0 59.7333333%; /* 448/750 */
  max-height: initial;
  background-image: url(../../images/thinklife_header_img_sp.jpg);
  margin: 0 0 65px;
}
.page-header .header-catch ul li img {
  width: 17.333333vw; /* 130px */
}
.page-header .header-catch ul li h2 {
  font-size: 6.4vw; /* 48 */
}

/* ==========================================
  Column Unit
========================================== */
.page-heading {
  font-size: calc(3.7333333vw * 1.15); /* 28px */
}
.sec-inner {
  width: 86.666666%;
  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;
}

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

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