@charset "UTF-8";
body {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  overflow-x: hidden;
}
.body_mirokai{
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/index/planet-nimira.webp") no-repeat center center fixed;
  background-size: cover;
}
h1 {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 6rem;
}
h2, h3, h4, h5 {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}
header {
  color: #fff;
  width: 100%;
  height: 100svh;
}
.header_mirokai{
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/index/background-image.webp") no-repeat center center fixed;
  background-size: cover;
}
.mirokai-images {
  justify-content: center;
  gap: 10px;
  flex-wrap: nowrap; /* ←絶対に折り返さない */
}
.mirokai-images img {
  max-width: 45%; /* 画面幅に合わせて縮小 */
  height: auto;
  filter: drop-shadow(5px 5px 5px #aaa);
}
webp {
  width: 100%;
}
main {
  padding-bottom: var(--footer-height, 50px); /* JSが未実行でも80px */
}
.section-full {
  width: 100svw; /* ビューポート幅いっぱい */
  /*height: 100vh;*/
  margin-left: calc(-50vw + 50%); /* 既存の.container幅を打ち消し */
}
.section-card {
  background: rgba(255, 255, 255, 0.85);
  color: #333;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 2rem;
}
footer {
  color: #fff;
  padding: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mt-8 {
  margin-top: 8rem;
}
.mb-8 {
  margin-bottom: 8rem;
}
.pt-8 {
  padding-top: 8rem;
}
.pb-8 {
  padding-bottom: 8rem;
}
.float-updown {
  animation: float 3s ease-in-out infinite;
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
/* タイミングをずらす用 */
.delay-1 {
  animation-delay: 0s; /* 通常 */
}
.delay-2 {
  animation-delay: 1.5s; /* 1.5秒遅れて動き始める */
}
.post-item {
  display: flex;
  justify-content: center; /* post-meta全体を左右中央に配置 */
  margin-bottom: 1em; /* 下の余白 */
  text-decoration: none;
}
.post-meta {
  display: flex;
  gap: 1em; /* 日付とタイトルの間隔 */
  align-items: center; /* 上下中央揃え */
}
.post-date {
  color: #555;
  font-size: 0.9em;
  white-space: nowrap; /* 改行しない */
  flex-shrink: 0; /* 日付の幅を固定して縮まないようにする */
}
@media (max-width: 768px) {
  h1 {
    font-size: 5rem;
  }
  header {
    background-attachment: scroll; /* 固定解除 */
    background-position: center top; /* 上寄せ */
  }
}

/*20251223 1541番秋山　ロボットのページ制作に際し要素を追加しました*/
hr.brd{
  margin:0;
  border-width:5px;
  opacity: 100%;
}
.body_rob{
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/index/section_back1.webp") no-repeat center center fixed;
  background-size: cover;
}
.header_rob{
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/index/background-image4.webp") no-repeat center center fixed;
  background-size:cover;
}
/*
.robot-bg{
  background:rgba(0,0,0,1) url("../img/index/section_back1.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
*/
.robot-h2{
  font-family:"segoe-ui";
  font-size:300%;
  letter-spacing: -0.2rem;
  width: fit-content;
  justify-self: center;
  display:inline-block;
}
.robot-h3{
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size:200%;
  letter-spacing: 0.05em;
  white-space:normal;
  overflow:visible;
}
.robot-mini{
  font: size 90%;
  letter-spacing: -0.1rem;
}
.cnt-bg{
  background-color:rgba(0, 0, 0, 0.7);
}
.cnt-txt{
  padding:2.5rem;
  margin-bottom:0px;
  display:flex;
  text-align: left;
  align-items:center;
  justify-content:center;
  flex:none
}
.cnt-img{
  padding:3%;
  align-items:center;
  justify-content:center;
  border-radius: 2rem;
}
a.card-link{
  text-decoration-line: none;
  color:black;
  transition: background-color 0.3s ease;
}
a.card-link:hover{
  transition-property:background-color;
  background-color:skyblue;
}

.card-pp{
  padding:1rem 1.5rem 0rem 1.5rem;
}
.card-img{
  aspect-ratio:1;
  width:100%;
  height:auto;
  object-fit:cover;
}