/* こんな疑問や不安ありませんか？〜体験会の流れ */
.section_flow {
  max-width: 750px;
  margin: 0 auto;
}

/* 各ブロックの間隔 */
.section_flow .item {
  margin-bottom: calc(100vw / 750 * 10);
}
.section_flow .item:last-child {
    margin-bottom: calc(100vw / 750 * 60);
}
.section_flow .inner {
display: flex;
  align-items: flex-start;
  padding: 0 calc(100% * 30 / 750); /* 好きな余白 */
}

.section_flow .photo {
width: calc(100% * 200 / 750);
  flex-shrink: 0;
}

.section_flow .photo img {
  width: 100%;
  display: block;
}

.section_flow .ttl_img {
  width: 70%;
    text-align: center;
    margin: 0 auto 3rem;
    display: block;
}
.section_flow .ttl_img_taiken {
  width: 70%;
    text-align: center;
    margin: 2rem auto 1rem;
    display: block;
}
.section_flow .text {
margin-left: calc(100%* 20 / 750);
min-width: 0; /* ← これ重要 */ 
word-break: break-word;  
}
.section_flow .text .midashi {
  flex: 1;  /* ← これが重要！！ */  
  width: auto;
  width: calc(100vw / 750 * 260);
  font-family: 
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Noto Serif JP",
    serif;
  font-weight: 500;
}

.section_flow .text .midashi {
 font-size: clamp(20px, calc(100vw / 750 * 32), 28px);
  margin-bottom: 0.2em;
  margin-top: calc(100% * 34 / 750);
}

.section_flow .text p {
font-size: clamp(14px, calc(100vw / 750 * 20), 18px);
  line-height: 1.6;
  font-family: 
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Noto Sans JP",
    sans-serif;
  font-weight: 300;
}
.section_flow .text p.small {
font-size: clamp(12px, calc(100vw / 750 * 16), 16px);
  display: inline-block;
  padding: 0px 8px;
}
.section_flow .note {
font-size: clamp(12px, calc(100vw / 750 * 16), 14px);
  margin-top: 0.8em;
margin-left: calc(100% * 45 / 750);
}
@media screen and (min-width: 751px) {

  .section_flow .text .midashi {
    font-size: 30px;
  }

  .section_flow .text p {
    font-size: 22px;
  }

  .section_flow .note {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  
  .section_flow .item {
    margin-bottom: calc(100vw / 750* 60);
}
  .section_flow .text .midashi {
    font-size: clamp(20px, calc(100vw / 750* 32), 28px);
    margin-bottom: 0.2em;
    margin-top: 0; 
    width: auto;
    text-align: center;
}  

  .section_flow .inner {
    flex-direction: column;
  }

  .section_flow .photo {
    width: 70%;
    margin: 0 auto 12px;
  }

  .section_flow .text {
    margin-left: 0;
  }

}