.content_grid3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}
.content_grid3 .content_grid_item img {width:100%;}

.content_grid4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}
.content_grid4 .content_grid_item img {width:100%;}

.content_img_right_text {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap:32px;
    row-gap: 10px;
}
.content_img_right_text .content_grid_item img {width:100%;}

.content_img_left_text {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap:32px;
    row-gap: 10px;
}
.content_img_left_text .content_grid_item img {width:100%;}

.spacer10 { display: block; height: 10px; }
.spacer20 { display: block; height: 20px; }
.spacer30 { display: block; height: 30px; }
.spacer40 { display: block; height: 40px; }
.spacer50 { display: block; height: 50px; }
.spacer60 { display: block; height: 60px; }
.spacer70 { display: block; height: 70px; }
.spacer80 { display: block; height: 80px; }
.spacer90 { display: block; height: 90px; }
.spacer100 { display: block; height: 100px; }

/* 見出し＋導入文 */
.content_section_title {
  font-size: 1.8em;
  font-weight: bold;
  margin: 1em 0 0.5em 0;
}

.content_section_lead {
  font-size: 1.1em;
  margin-bottom: 1em;
}

/* 小見出し＋本文 */
.content_block_title {
  font-size: 1.4em;
  font-weight: bold;
  margin: 1em 0 0.3em 0;
}

.content_block_text {
  margin-bottom: 1em;
}

/* 画像＋キャプション（中央配置） */
.content_image_center {
  text-align: center;
  margin: 1em 0;
}

.content_image_center img {
  max-width: 100%;
  height: auto;
}

.content_image_center figcaption {
  font-size: 0.9em;
  color: #555;
  margin-top: 0.3em;
}

/* 左画像＋右本文 */
.content_media_block {
  display: flex;
  gap: 1em;
  margin: 1em 0;
}

.content_media_image {
  flex: 0 0 40%;
}

.content_media_image img {
  width: 100%;
  height: auto;
}

.content_media_text {
  flex: 1;
}

/* 2カラム＋自由欄 */
.content_grid2 {
  display: flex;
  gap: 2em;
  margin: 2em 0;
}

.content_grid3 {
  display: flex;
  gap: 2em;
  margin: 2em 0;
}

.content_grid4 {
  display: flex;
  gap: 5em;
  margin: 2em 0;
}

.content_grid_item {
  flex: 1;
}

/* 下部自由欄 */
.content_grid_free {
  margin-top: 1em;
}

/* 注意ボックス */
.content_alert_box {
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  padding: 0.8em 1em;
  margin: 1em 0;
}

/* 引用ブロック */
.content_quote_block {
  border-left: 3px solid #ccc;
  padding-left: 1em;
  margin: 1em 0;
  color: #555;
  font-style: italic;
}

/* Q&Aブロック */
.content_qa_block {
  margin: 1em 0;
}

.content_qa_q {
  font-weight: bold;
}

.content_qa_a {
  margin-left: 1em;
}

/* ボタンリンク */
.content_button_center {
  text-align: center;
  margin: 1em 0;
}

.content_btn {
  display: inline-block;
  background-color: #007bff;
  
  text-decoration: none;
  padding: 0.5em 1em;
  border-radius: 4px;
  
}
a.content_btn:link{
    text-decoration: none;
    color: #fff;
}

.content_btn:hover {
  background-color: #0056b3;
}

/*タイトル装飾*/
.content_title01 {
    position: relative;
    padding-top: .75em;
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.content_title01::before {
    position: absolute;
    bottom: 0em;
    left: 0;
    right: 0;
    z-index: -1;
    color: #e9f4f8;
    font-size: 2.5em;
    line-height: 1;
    content: attr(data-word);
    pointer-events: none;
    text-align: center;
}