/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 30 2025 | 21:57:18 */
.bg-cnt-01 {
	background-image: url(http://saijo-test.c-foxs.com/wp-content/uploads/2025/12/contents01.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.col-20 {
	flex-basis: 20.5% !important;
}

.col-80 {
	flex-basis: 80% !important;
}

.ps-re {
  position: relative;
}

.sm-none {
	display: block;
}

/* About ブロック全体 */
.about-block .wp-block-cover {
  padding: 80px 8vw;
}

.about-block .wp-block-columns {
  align-items: center;          /* 左右を縦中央揃え */
}

/* 左画像の高さをある程度キープ */
.about-block__photo img {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: cover;
}

/* 右側コンテンツ */
.about-block__content {
  max-width: 900px;
}

/* 英語見出し（赤、大きく） */
.about-heading-en {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 7rem;
  letter-spacing: 0.18em;
  color: #e60012;
  margin: 0 0 0.4em;
  position: absolute;
    top: 20%;
    left: 10%;
}

/* 日本語見出し（黒、少し重ねる） */
.about-heading-ja {
  font-size: 5rem;
  font-weight: 700;
  margin: -1.6rem 0 2.4rem;   /* ← 上マイナスマージンで重ねる */
  position: absolute;
    top: 28%;
    left: 10%;
}

/* 本文 */
.about-block__text {
  width: 80%;
  font-size: 3rem;
  line-height: 1.9;
  position: absolute;
    top: 40%;
    left: 10%;
}

/* --- スマホ用調整 --- */
@media (max-width: 768px) {
	
	.sm-none {
	  display: none;
    }
	
	.h-300 {
		height: 300px;
	}
	
	.bg-cnt-01 {
	  background-size: cover;
    }

  .about-block .wp-block-cover {
    padding: 48px 16px;
  }

  .about-block .wp-block-columns {
    flex-direction: column;
  }

  .about-block__photo {
    margin-bottom: 24px;
  }

  .about-heading-en {
    font-size: 2.4rem;
  }

  .about-heading-ja {
    font-size: 2.2rem;
    margin-top: -1.2rem;
    margin-bottom: 1.8rem;
  }

  .about-block__text {
    font-size: 1.5rem;
  }
}