@charset "utf-8";
/* volks 50th anniversary project _ contents PJ06 css - update: 2022.04.21-01 */
/*-------------------------------
 project 06
---------------------------------*/
.cont-title-pj06--deco {
  display: inline-block;
  position: relative;
}
.cont-title-pj06--deco::after {
  content: "";
  width: 1.6em;
  height: 1.2em;
  background-image: url(/50th/assets/image/pj06_img_kirakira.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -1.5em;
  top: -0.6em;
}
.pj06-cont {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.pj06-cont_text-block {
  width: min(100%, 34rem);
  margin-bottom: calc(var(--rs) * 15);
  flex: 1 1 50%;
}
.pj06-cont_img-block {
  width: min(100%, 34rem);
  margin-top: calc(var(--rs) * -15);
  margin-bottom: calc(var(--rs) * 10);
  flex: 1 1 auto;
  text-align: center;
}
/*-------------------------------
 history book
---------------------------------*/
#pj06-bookletInfo {
  padding: calc(var(--fs) * 1);
  margin-top: calc(var(--rs) * -10);
  margin-bottom: calc(var(--rs) * 5);
  position: relative;
  display: flex;
}
#pj06-historyBooklet-img {
  width: calc(var(--fs) * 18);
  margin: calc(var(--rs) * -4) 0 calc(var(--rs) * -4) calc(var(--fs) * -4);
  position: relative;
}
.pj06-bookletInfo-text {
  margin-top: 0.5em;
  font-weight: bold;
}
.link-text-bg--wht {
  padding: 0.1rem 0.5em;
  border-radius: 1rem;
  margin-top: 0.5em;
  background: #fff;
}
/*-------------------------------
 treasure
---------------------------------*/
.treasure {
  padding-bottom: calc(var(--fs) * 4);
  margin-top: calc(var(--rs) * -0.5);
  background: hsl(33deg 85% 97%);
  box-shadow: 0 0 calc(var(--rs) * 1) hsl(0deg 0% 80%);
}
.treasure-headimg {
  margin: 0 auto;
  background: #fff;
  border: calc(var(--rs) * 1) solid var(--c-mc);
  text-align: center;
}
.treasure-heading {
  padding: 0 calc(var(--fs) * 1);
  margin-top: calc(var(--rs) * 1);
  color: var(--c-pc-red);
  font-size: calc(var(--rs) * 4);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.treasure-text {
  width: 98%;
  padding: 0 calc(var(--fs) * 1);
  margin: 1em auto 0;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
}
.treasure-note {
  width: 94%;
  margin: calc(var(--fs) * 2) auto;
  font-size: calc(var(--fs) * 1.5);
  line-height: 1.3;
}
.teasure-img {
  text-align: center;
}
.teasure-lists {
  width: 94%;
  margin: calc(var(--rs) * 1) auto;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
}
.teasure-lists li {
  margin-left: 1em;
  line-height: 1.3;
  list-style: disc;
}
.teasure-lists li + li {
  margin-top: 0.5em;
}
/* teasure outline */
.teasure-outline {
  width: min(96%, calc(var(--rs) * 90));
  margin: calc(var(--fs) * 2) auto;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid hsl(33deg 20% 90%);
}
.teasure-outline th,
.teasure-outline td {
  padding: calc(var(--fs) * 2) 0;
  border-top: 1px solid hsl(33deg 100% 100%);
  border-bottom: 1px solid hsl(33deg 20% 90%);
}
.teasure-outline tr:last-child th,
.teasure-outline tr:last-child td {
  border-bottom: none;
}
.teasure-outline th {
  width: 6em;
  padding-left: calc(var(--rs) * 1);
  font-weight: bold;
}
.teasure-outline td {
  padding-left: calc(var(--rs) * 1);
  padding-right: calc(var(--rs) * 1);
  font-size: calc(var(--fs) * 1.7);
  font-weight: 500;
}
/* outline text */
.outline-text {
  margin-top: 1em;
}
/* outline list */
.outline-list  {
  line-height: 1.3;
}
.outline-list li ~ li {
  margin-top: 0.5em;
}
.outline-list--ol {
  padding-left: 1em;
}
.outline-list--ol li {
  list-style: decimal;
}
/* outiline entry */
.outline-entry {
  margin-bottom: 1em;
}
.outline-entry dt {
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
}
.outline-entry dd + dt {
  margin-top: 1em;
}
.outline-entry dd {
  padding-left: 1em;
  line-height: 1.3;
}
.outline-entry dd + dd {
  margin-top: 0.5em;
}
/* outline terms */
.outline-present {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  gap: calc(var(--rs) * 2);
}
.outline-present dt {
  font-size: calc(var(--fs) * 2);
  font-weight: bold;
  flex: 1 1 100%;
}
.outline-present dd {
  width: calc(var(--rs) * 32);
  margin-top: calc(var(--fs) * 1);
  line-height: 1.3;
  flex: 1 1 auto;
}
.present-name {
  font-size: calc(var(--fs) * 1.8);
  color: var(--c-mc);
}
.present-text {
  margin-top: 1em;
  font-size: calc(var(--fs) * 1.4);
}
.present-img {
  width: min(100%, calc(var(--fs) * 40));
  margin: calc(var(--rs) * 0.5) 0;
}
.present-img img {
  background: #fff;
  border: 1px solid #ebe6e0;
}
.present-img figcaption {
  margin-top: 0.5em;
  font-size: calc(var(--fs) * 1.3);
  text-align: center;
}
/*-------------------------------
 treasure advertisement
---------------------------------*/
.the-story {
  width: min(98%, 84rem);
  padding: calc(var(--rs) * 0.5);
  margin: calc(var(--rs) * 4) auto 0;
}
.the-story p {
  margin: 0 auto 1em;
  font-size: calc(var(--rs) * 2);
  font-weight: bold;
}
.the-story figure {
  width: min(100%, 64rem);
  margin: 0 auto;
  text-align: center;
}
.the-story figure img {
  border: 1px solid #ccc;
}
.the-story figcaption {
  max-width: 64rem;
  padding: 1em;
  margin: 0 auto;
  background: #f5f5f5;
  font-size: calc(var(--fs) * 1.6);
}
.the-story figcaption small {
  margin: 0 0.5em;
  color: #999;
  position: relative;
  vertical-align: text-top;
}