@charset "utf-8";
/* volks 50th anniversary project _ contents PJ10 css - update: 2022.08.25-01 */

.link-btn.link-btn--small {
  padding: calc(var(--fs) * 0.5) 2em;
}
/*-------------------------------
 project 10
---------------------------------*/
#hsk-renewal {
  background: #fff url("/50th/assets/image/pj10_bg-headofficebuilding.jpg") right top no-repeat;
  background-size: contain;
}
.cont-title_pj {
  margin-left: calc(var(--rs) * 1);
}
@media screen and (max-width: 768px) {
  .cont-title_pj {
    padding-right: calc(var(--fs) * 2);
  }
}
.cont-title_pj small {
  padding: 3px 3em 3px 1rem;
  margin-bottom: calc(var(--rs) * 1);
  background: linear-gradient(90deg, rgb(196 43 34) 75%, transparent);
  color: #fff;
  font-size: calc(var(--fs) * 1.6);
  text-shadow: none;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.cont-title-pj10--deco {
  display: inline-block;
  position: relative;
}
.cont-title-pj10--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: calc(var(--rs) * -2);
  top: 0;
}
/*-------------------------------
 pj10 greeting
---------------------------------*/
.pj10-greeting {
  width: min(94%, 64rem);
  margin: calc(var(--rs) * 2) auto calc(var(--rs) * 4)  3%;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: calc(var(--fs) * 1.7);
  font-weight: bold;
}
.pj10-greeting p {
  line-height: 1.5;
  text-shadow: 0 1px 1px #fff;
  filter: drop-shadow(2px 0px 4px #fff);
}
.pj10-greeting p + p {
  margin-top: 0.8em;
}
.text-signature {
  width: 100%;
  margin: 1em 0 0 auto;
  line-height: 1.5;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
}
.text-signature > img {
  width: calc(var(--fs) * 18);
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
 .pj10-greeting span {
    display: inline-block;
  }
}
/*-------------------------------
 pj10 content
---------------------------------*/
.pj10-cont {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
.pj10-cont_text-block {
  width: min(100%, 34rem);
  flex: 1 1 60%;
}
.pj10-cont_img-block {
  width: min(100%, 28rem);
  margin-top: calc(var(--rs) * -4);
  text-align: center;
  flex: 1 1 auto;
}
.pj10-cont .cont-text {
  padding: 0 calc(var(--rs) * 2);
  margin: 0 calc(var(--rs) * 1);
  flex: 1 1 100%;
}
/*-------------------------------
 pj10 content renewal
---------------------------------*/
.pj10-cont-renewal {
  width: min(96%, 92rem);
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.pj10-cont-renewal-img {
  width: min(100%, 28rem);
  text-align: center;
  flex: 1 1 auto;
}
.pj10-cont-renewal .cont-text {
  width: min(100%, 34rem);
  padding: 0;
  margin: 0 calc(var(--rs) * 1);
  line-height: 1.3;
  flex: 1 1 auto;
}
.pj10-cont-renewal .cont-text b {
  color: var(--c-mc);
  margin-bottom: 0.2em;
}
/*-------------------------------
 contents box
---------------------------------*/
.cont-text {
  font-weight: bold;
}
.cont-text b {
  color: var(--c-l-pc-red);
  font-size: 125%;
  display: inline-block;
}
.cont-schedule-info {
  width: 96%;
  padding: calc(var(--rs) * 1) 1em;
  margin: calc(var(--rs) * 2) auto;
  background: #fff;
  border: 1px solid #d4d4f7;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
/*-------------------------------
 pj10 closed information
---------------------------------*/
.pj10-closed-info {
  width: min(98%, 92rem);
  padding: calc(var(--fs) * 1) calc(var(--rs) * 1);
  margin: calc(var(--rs) * 2) auto;
  background: #fefefe;
  border: 3px double #ebe6e0;
  text-align: center;
}
.pj10-closed-info_schedule {
  min-width: 60%;
  padding: calc(var(--rs) *1) calc(var(--rs) * 0.5);
  background: #eeeef6;
  display: inline-block;
}
/*-------------------------------
 pj10 thanksfesta information
---------------------------------*/
.pj10-thanksfesta {
  --bg-admission: #ea5283;
  padding: calc(var(--rs) * 2) calc(var(--rs) * 2);
  margin: calc(var(--rs) * 2) 0 calc(var(--rs) * 1);
  /*background: var(--bg-admission);*/
  background-image: 
    url("/50th/assets/image/pj10_deco-star--l.png"),
    url("/50th/assets/image/pj10_deco-star--r.png"),
    repeating-linear-gradient(
    90deg,
    #d8c068 0%,
    #f8e9b2 30%,
    #f8e9b2 70%,
    #cdb762 100%
  )
  ;
  background-position: 0 5%, 100% 5%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto;
  text-align: center;
}
.pj10-thanksfesta > p {
  margin: 0 auto;
  color: var(--c-l-pc-red);
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  line-height: 1.5;
}
.pj10-thanksfesta b {
  margin: 0 0.2em;
  color: var(--c-mc);
  font-size: 150%;
  display: inline-block;
}
.pj10-thanksfesta span {
  display: inline-block;
}
.logo-tf12 {
  width: min(55%, 40rem);
  margin-bottom: 0.5em;
}
.pj10-thanksfesta-banner {
  width: min(96%, 64rem);
  margin: calc(var(--rs) * 1) auto;
  background: #fff;
  border: 4px solid #fff;
  box-shadow: var(--bs-cmn);
  text-align: center;
}
/*-------------------------------
 pj10 layout
---------------------------------*/
.pj10-layout-imgbox {
  overflow: hidden;
  margin-bottom: calc(var(--rs) * 1);
}
.pj10-layout-imgbox .cont-text {
  padding: calc(var(--rs) * 0.5) 0;
  font-weight: normal;
}
.pj10-layout-img--l {
  width: min(42%, 34rem);
  padding: calc(var(--fs) * 1.2) calc(var(--rs) * 1) 0 0;
  margin: 0 auto;
  display: block;
  float: left;
}
.pj10-layout-img--r {
  margin: calc(var(--rs) * -6) calc(var(--rs) * 0.5) 0 calc(var(--rs) * 1.5);
  float: right;
}
@media screen and (max-width: 768px) {
  .pj10-layout-img--r  {
    display: none;
  }
}