hgroup.blue h2.standard-title{
	font-size: 2rem;
}
@media screen and (max-width: 767px) {
hgroup.blue h2.standard-title{
	font-size: 1.5rem;
	line-height: 1.2;
}	
	
}

@media screen and (max-width: 824px) {
nav .menuwrapper menu[data-menudisplay="visible"] {
    display: block;             /* flexの影響を切るために念のため設定 */
    max-height: calc(100vh - 150px); /* 画面全体の高さから上下のヘッダー分を引く */
    overflow-y: auto !important; /* 確実に縦スクロールを有効にする */
}
	
	

	
	nav .menuwrapper {
    /* 既存の記述はそのまま */
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: 12px;

    /* ---- ここから追加 ---- */
    max-height: 100vh; /* 高さを画面内に収める */
    overflow-y: auto;  /* 縦スクロールを有効に */
    -webkit-overflow-scrolling: touch;
}
}