:root {
  --white: #fff;
  --darkgreen: #142725;
  --greengray: #838c8b;
  --lightrgray: #f3f3f3;
  --gray: #aaa;
  --beige: #ece9e5;
  --font-size-xlarge: calc(12 * 0.2463054187vw);
  --font-size-large: calc(11 * 0.2463054187vw);
  --font-size-medium: calc(10 * 0.2463054187vw);
  --font-size-base: calc(8 * 0.2463054187vw);
  --font-size-small: calc(7 * 0.2463054187vw);
}
@media (min-width: 701px) {
  :root {
    --font-size-xlarge: clamp(20px, calc(22 * 0.0925925926vw), 24px);
    --font-size-large: clamp(18px, calc(20 * 0.0925925926vw), 22px);
    --font-size-medium: clamp(16px, calc(18 * 0.0925925926vw), 20px);
    --font-size-base: clamp(15px, calc(16 * 0.0925925926vw), 18px);
    --font-size-small: clamp(13px, calc(14 * 0.0925925926vw), 16px);
  }
}

/* base styles */
.l3pcp2025-header {
  max-width: 100vw;
  margin: auto;
}
.l3pcp2025-header img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.l3pcp2025 {
  max-width: 93.1034482759vw;
  margin: auto;
  color: #595757;
  font-size: var(--font-size-base);
  line-height: 1.855;
}
.l3pcp2025 * {
  box-sizing: border-box;
}
.l3pcp2025 img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.l3pcp2025 b {
  font-weight: bold;
}
.l3pcp2025 ul {
  padding: 0 2em;
}
.l3pcp2025 .narrow {
  max-width: 85%;
  margin: auto;
}
.l3pcp2025 h2 {
  line-height: 1;
  background-color: #cfdc28;
  margin: 1em 0 !important;
  padding: 2px 2em;
  text-align: center;
}
.l3pcp2025 h2 img {
  max-height: 2.7093596059vw;
  width: auto;
}
.l3pcp2025 .button {
  text-align: center;
  margin-top: 1em;
}
.l3pcp2025 .button img {
  max-height: 7.881773399vw;
  width: auto;
}
.l3pcp2025 .note {
  font-size: var(--font-size-small);
}
.l3pcp2025 .hero {
  text-align: center;
}
.l3pcp2025 .hero-pop {
  max-width: 67%;
  margin: auto;
}
.l3pcp2025 .prize-wrapper {
  width: 95%;
  display: flex;
  gap: 0 1em;
  margin: 0 auto 2em auto;
align-items: flex-start;
}
.l3pcp2025 .hero-contents {
  text-align: left;
}
.l3pcp2025 .prize-title {
  width: 28%;
margin-top:0;
}
.l3pcp2025 .prize-contents {
  flex: 1;
}
.l3pcp2025 .prize-contents-title {
  font-size: var(--font-size-medium);
  font-weight: bold;
  line-height: 1.6;
}
.l3pcp2025 .prize-contents-detail {
margin-top:0;
  margin-bottom: 1em;
  line-height: 1.6;
}
.l3pcp2025 .prize-contents-wrapper {
  display: flex;
  gap: 0 1em;
align-items: flex-start;
}
.l3pcp2025 .prize-contents-wrapper .prize-contents-photo {
  width: 45%;
margin-top:0;
}
.l3pcp2025 .prize-contents-winner span{
display:inline-block;
  font-size: var(--font-size-large);
  line-height: 1;
  padding: 4px;
  border: 1px solid #bcbbbb;
  font-weight: bold;
}
.l3pcp2025 .step-wrapper {
  display: flex;
  gap: 0 1em;
  margin-bottom: 2em;
  align-items: center;
}
.l3pcp2025 .step-title {
  width: 14%;
}
.l3pcp2025 .step-contents {
  flex: 1;
}
.l3pcp2025 .step-button {
  margin-top: -1em;
  margin-bottom: 2em;
text-align:center;
font-size: var(--font-size-small);
}
.l3pcp2025 .step-note {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #bcbbbb;
}
.l3pcp2025 .term {
  font-size: var(--font-size-large);
  font-weight: bold;
  text-align: center;
}
.l3pcp2025 .about-greentourism {
  padding: 1em 0 2em 0;
  background-color: #cfdc28;
  background-image: url(/file/html/5558670.png), url(/file/html/5558671.png);
  background-position: top right, bottom left;
  background-size: 100% auto, 100% auto;
  background-repeat: no-repeat, no-repeat;
}
.l3pcp2025 .about-greentourism-title {
  font-size: var(--font-size-large);
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}
.l3pcp2025 .about-greentourism-contents {
font-size: var(--font-size-small);
  width: 60%;
  margin: auto;
}


@media (min-width: 701px) {

.l3pcp2025 h2 img {
  max-height: 24px;

}
.l3pcp2025 .prize-contents-detail{
font-size: var(--font-size-small);
	}

.l3pcp2025 .about-greentourism-contents .button img{
max-height: 36px;
	}
}