/* ページタイトル */
.pagetitle {
    text-align: center;
    padding: 1rem 0;
    background-color: var(--top-button-color);
    color: var(--text-white);
	margin-bottom: 2rem;
}

.pagetitle a {
    color: var(--text-white); 
    text-decoration: none;
    display: inline;
}

/* 紹介 */
.flow.row {
    margin-bottom: 1.0rem;
}

.s-title {
  font-size: 1.5em; 
  color: #160a57;
  font-weight: bold;
	margin-bottom: 1rem;
}

.s-title2 {
  font-size: 1.2em; 
  color: #160a57;
  font-weight: bold;
  margin-bottom: 1rem;
}

.s-sub{
    font-size: 1.0em;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

/* 画像サイズ */
img {
  width: 50%;
  height: auto;
}

/* ==========================================
   フッターを中央（2番目のカラム位置）に配置＆テキスト中央揃え
   ========================================== */

/* フッター内のテキストをすべて中央揃えにする */
.footer-block {
    text-align: center !important;
}

/* PC表示時（768px以上）：グリッドの左から4カラム分空けて中央に配置 */
@media screen and (min-width: 768px) {
    .footer-flex {
        display: flex !important;
        flex-direction: row !important;
    }

    .footer-flex .footer-block {
        /* offset-4 と同等の計算（全12カラム中の左4カラム分の空域） */
        margin-left: 34.6666666667% !important;
        max-width: 30.6666666667% !important;
        flex: 0 0 30.6666666667% !important;
    }
}

/* スマホ表示時（767px以下）：全幅で表示 */
@media screen and (max-width: 767px) {
    .footer-flex .footer-block {
        margin-left: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}