@charset "UTF-8";
/* --------------------------------------------------

[ユーザースタイリング設定]

ある程度の見た目設定はCSS変数を変更することで対応可能です。

-------------------------------------------------- */

:root {

/* ============================== */
/* 全体設定 */
/* ============================== */
--tpl-font-jp: "Noto Sans JP", 'Hiragino Kaku Gothic Pro', sans-serif;
--tpl-font-en: 'Helvetica Neue', sans-serif;

/* ============================== */
/* ベースエリア設定 */
/* ============================== */

/* 背景色 */
--tpl-base-backgroundColor: #F3F3F3;
/* 文字色 */
--tpl-base-fontColor: #333;

--tpl-theme: green;

/* ============================== */
/* フォームエリア設定 */
/* ============================== */


/* ============================== */
/* フォント設定 */
/* ============================== */


/* ============================== */
/* その他の色設定 */
/* ============================== */



}



.tpl-form-age__wrap{
  display: flex;
    flex-wrap: wrap;
    gap: 0 1.2rem;
    align-items: center;
}

/*年齢*/
.tpl-form-age{
  width: 25%;
  min-width: 150px;
}

.tpl-form-age__wrap  p{
  font-size: var(--fs-r);
    color: #555;
}

.is-hide{
  display: none;
}

.is-active{
  display: flex;
}