.home-container{
  max-width: 800px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size:1.2rem;
  margin: 0 auto;
  padding: 20px 20px 40px;
}
.sec-title{
/*  font-size: 24px;*/
	font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--brand);
  margin-bottom: 20px;
}
.sec-title-news{
  font-size: 34px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--brand);
  margin-bottom: 20px;
}

/* ===== ヒーローイメージ ===== */

.hero {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
    height: 650px;
/*    background: url('img/hero-image.jpg') center/cover no-repeat;*/
background-image: url('../../../img/hero-image.jpg');
  background-position: center top; 
  background-size: cover;   
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    margin-top: 0px; 
    position: relative;
  }

 .hero-badge{
  position: absolute;
  width:90%;
  top:4%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 17px; 
  color:  #002349;
  text-align: center;
  font-weight: normal;
  opacity: .8;
  text-shadow: 3px 3px 4px rgba(255,255,255,0.5); 
  letter-spacing: .03em;

}

	.hero-text {
    color: white;
    text-shadow: 0 2px 8px rgba(0,0,0,0.8);
    max-width: 900px;
	 margin-top:-120px;
  }

  .hero-text h1 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
  }

  .hero-text h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
  }
	
/*暫定サイト用*/
.hero-text p{
	    font-size: 21px;
	    font-weight: 400;
		margin:20px;
	line-height: 1.4;
	}
 



@media (max-width: 640px){
.hero {margin-top: 0px;}
.hero-badge{
    top: 20px;
    font-size: 15px; 
    padding: 5px 5px;
  }
    .hero-text h1 { font-size: 22px; }
    .hero-text h2 { font-size: 14px; }
	.hero-text p{ font-size: 18px; }
	 .credit {margin-right:5px} 
  }


	
/* ---- About (watermark background, text only) ---- */
.home-about{
  position: relative;
  isolation: isolate; 
  background: #fff;
}
.home-about::before {
  content: "";
  position: absolute;
  inset: 0; 
  background-image: url('../../../img/logo.svg');
  background-repeat: no-repeat;
  background-size: 180px; 
  background-position: right 110px top 280px; 
  opacity: 0.1; 
  pointer-events: none;  
  z-index: -1;
}
.about-body{
  color: var(--ink);
  font-size: 1.1rem;
  line-height: 1.8;
}
.about-body p + p{ margin-top: 1em; }
	
.pdf-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  color: var(--ink); 
  font-weight: 400;
  text-decoration: underline;
}
.pdf-link i {
  font-size: 1.3em;
  color: #d9534f; /* PDF-RED */
}
	
.pdf-link:hover {
  color: #b52b27;
  text-decoration: none;
}