@charset "UTF-8";
/* CSS Document */

/* ===== Base ===== */
:root{
  --text:#222;
  --muted:#8f8f8f;
  --line:#e7e7e7;
  --accent:#57b7b8;
  --bg:#ffffff;
  --band:#f6f6f6;
  --footer:#3a3a3a;
}

*{ box-sizing:border-box; }
body{
  margin:0;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP",
               "Yu Gothic", "Meiryo", system-ui, -apple-system, sans-serif;
  color:var(--text);
  background:var(--bg);
}

/* ===== Top band ===== */
.top-band{
  background:var(--band);
  height:72px;
}
.top-band__inner{
  max-width:980px;
  margin:0 auto;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.top-band__thumb{
  height:34px;
  object-fit:cover;
  border-radius:2px;
}
.top-band__link{
  display:block;
  line-height:0;
}
.top-band__link:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
}


/* ===== Page ===== */
.page{
  max-width:980px;
  margin:0 auto;
  padding:56px 24px 70px;
}

/* center title */
.page__hero{
  display:flex;
  justify-content:center;
  margin:38px 0 70px;
}
.hero-title{
  margin:0;
  font-family: "Times New Roman", Times, serif;
  font-weight:700;
  font-size:36px;
  letter-spacing:0.06em;
}

/* ===== News cards ===== */
.news-list{
  display:flex;
  flex-direction:column;
  gap:64px;
}

.news-card{
  padding-top:10px;
}

.news-meta{
  font-size:12px;
  color:var(--muted);
  letter-spacing:0.02em;
  margin-bottom:14px;
}

.news-title{
  margin:0 0 16px;
  font-size:20px;
  font-weight:700;
}

.news__link {
	color: #57b7b8;
    text-decoration: none;
	text-align: center;
}

.news-wcy {
    display: flex;
    flex-direction: column;
}

.btn-circle-border-simple {
  display: inline-block;
  text-decoration: none;
  color: #57b7b8;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background: #EEF8F8;
  text-align: center;
  overflow: hidden;
  font-weight: normal;
  transition: .2s;
  font-size: 14px;
}

.btn-circle-border-simple:hover {
  opacity: 0.7; 
}

/* title underline (green line) + long divider */
.news-divider{
  height:2px;
  width:100%;
  background:var(--line);
  margin:8px 0 18px;
  position:relative;
}

.news-divider::after{
  content:"";
  display:block;
  height:2px;
  background:var(--accent);
  width:160px;
  margin-top:-2px;
}

/* 本文 */
.news-body{
  margin-top:14px;
  font-size:13px;
  line-height:1.9;
  color:#3a3a3a;
}
.news-body p{
  margin:0 0 18px;
}

.link__blue {
	color: #57b7b8;
	text-decoration: none;
}

.news-list .view__more {
	text-align: center;
}

.news-list .view__more a{
  font-weight: normal;
  color: #57b7b8;
  text-decoration: none;
}

/* ===== Back link ===== */
.back-top{
  margin-top:80px;
  margin-bottom: 60px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:var(--accent);
}
.back-top__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent);
}
.back-top__link{
  color:var(--accent);
  text-decoration:none;
  font-size:13px;
}
.back-top__link:hover{
  text-decoration:underline;
}

/* ===== Footer ===== */
/* クレジット */
.footer__credit{
  position:relative;
  z-index:2;
  background:#333333;
  padding: 32px 0; /* 1行 */
  border-top: 1px solid rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.footer__credit_text{
  display:block;
  text-align:center;
  width: min(1080px, 92vw);
  margin:0 auto;
  font-size:12px;
  color:#bdbdbd;
  letter-spacing:.04em;
  text-decoration:none;
  font-weight:300;
}

@media (max-width: 480px){
.news-divider::after{width:100px;}
}