@charset "UTF-8";

/* ==========================================
  Site Common
========================================== */
.l-contents {
  padding: 0; /* Repair 202104 */
}

/* ==========================================
  Column - Individual
========================================== */

/* Page Header
------------------------------------------ */
.page-header {
  top: 65px;
  width: 100%;
  /*
  height: 0;
  padding: 0 0 59.6%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  */
}

/* THINK LIFE Logo
------------------------------------------ */
/* ↓ Add 202104 ↓ */
.tl-logo {
  top: 0;
  float: none;
  text-align: center;
  margin: 45px 0 0;
}
.tl-logo img {
  width: calc(166px * 0.8);
}
/* ↑ Add 202104 ↑ */

.column-unit {
  margin: 15.333333vw 0 0; /* 115px */
}
.column-summary {
  width: 85.333333%;
  margin: 0 auto 33.333333vw; /* 250px */
}
.column-ctg {
  font-size: calc(3.2vw * 1.25); /* 24px */
  margin: 0 0 6vw; /* 45px */
}
.column-title {
  font-size: calc(4.8vw * 1.25); /* 36px */
  line-height: 1.25;
  margin: 0 0 13.333333vw; /* 100px */
}
.column-tag {
  margin: 0 0 15.333333vw; /* 115px */
}
.column-tag a {
  font-size: calc(3.2vw * 1.25); /* 24px */
}
.post-date {
  display: none;
}
.column-desc {
  font-size: calc(3.2vw * 1.25); /* 24px */
  line-height: calc(1.5 * 1.1);
  text-align: left;
}

.column-inner {
  width: 93.333333%;
  margin: 0 auto;
}
.column-details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.column-details h3 {
  font-size: calc(4vw * 1.25); /* 30px */
  text-align: left;
  width: 91.4285714%;
  margin: 0 auto 16vw; /* 120px */
}
.di01 > div {
  display: block;
}
.prepare {
  width: 100%;
  height: auto;
}
.prepare:first-of-type {
  margin: 0 0 32vw; /* 240px */
}
.prepare dl {
  padding: 0 15%;
  margin: 0 0 12vw; /* 90px */
}
.prepare dl dt {
  font-size: calc(5.333333vw * 1.25); /* 40px */
  line-height: 1.3;
  margin: 0 0 10vw; /* 75px */
}
.prepare dl dd {
  font-size: calc(3.2vw * 1.25); /* 24px */
  line-height: calc(1.25 * 1.1);
}
.prepare:first-of-type p {
  width: 92.8571428%;
  margin: 0 auto;
}
.prepare:last-of-type p {
  width: 60%;
  margin: 0 auto;
}
.di02 {
  margin: 0 0 40vw; /* 300px */
}
.di02 img {
  margin: 0;
}
.di02 img:last-of-type {
  display: none;
}
h4.column-heading {
  font-size: calc(4vw * 1.25); /* 30px */
  margin: 16.666666vw auto 5.333333vw; /* 80px 0 30px */
  width: 91.4285714%;
}
.sentence {
  font-size: calc(3.2vw * 1.25); /* 24px */
  line-height: calc(1.5 * 1.1);
  text-align: left;
  width: 91.4285714%;
  margin-left: auto;
  margin-right: auto;
}
/*
.sentence:first-of-type {
  margin-top: 18.666666vw; /* 140px */
/*
}
.sentence:last-of-type {
  margin-top: 6.666666vw; /* 50px */
/*
}
*/

.pager-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 40vw 0 46.666666vw; /* 300px 0 350px */
}
.next-article {
  margin: 0 0 17.333333vw; /* 130px */
}
.next-article dl dt {
  font-size: calc(4vw * 1.25); /* 30px */
  font-weight: 600;
}
.next-article dl dd {
  font-size: calc(3.2vw * 1.25); /* 24px */
}

.tag-unit {
  width: 100%;
  margin: 9.333333vw 0 0; /* 70px */
}

.related-unit {
  margin: 0 0 34.666666vw; /* 260px */
}
/*
.related-unit .article-unit .article h4 {
  font-size: calc(3.7333333vw * 1.25);
}
.related-unit .article-unit .article .art-title {
  font-size: calc(3.2vw * 1.25);
  line-height: 1.625;
}
*/
.related-unit .article-4-unit {
  width: 100%;
  display: block;
}
.related-unit .article-4-unit .article-4 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 9.333333vw;
}
.related-unit .article-4-unit .article-4:last-of-type {
  margin: 0;
}
.related-unit .article-4-unit .article-4 > a {
  width: 27.5%;
}
.related-unit .article-4-unit .article-4 > div {
  width: 64.5%;
}
.related-unit .article-4-unit .article-4 small {
  font-size: calc(2.666666vw * 1.15); /* 20px */
  margin: 0 0 2vw;
}
.related-unit .article-4-unit .article-4 h4 {
  font-size: calc(3.2vw * 1.15); /* 24px */
  font-weight: 400;
  margin: 0 0 2vw; /* 15px */
}
.related-unit .article-4-unit .article-4 .art-title {
  font-size: calc(3.4777777vw * 1.15); /* 26px */
  font-weight: 400;
  margin: 0 0 2vw; /* 15px */
}
.related-unit .article-4-unit .article-4 .art-days {
  margin: 0 0 2vw; /* 15px */
}
.related-unit .article-4-unit .article-4 .art-tag {
  margin: 0; /* 15px */
}