@charset "UTF-8";
/* CSS Document */
html, body {
    height: 100%; /* bodyとhtmlの高さを100%に設定 */
    margin: 0;
}

main {
	flex: 1; /* メインコンテンツが利用可能なスペースを全て占有するように設定 */
}

.mceContentBody h2{
	font-size: 2.25rem;
        line-height: 2.5rem;
	--tw-text-opacity: 1;
	color: rgb(15 118 110 / var(--tw-text-opacity, 1));
	font-weight: 700;
	margin: 3rem 0;
}
div.mceContentBody h3{
	font-size: 1.875rem;
    line-height: 2.25rem;
font-weight: 700;
	margin: 2rem 0;
}
div.mceContentBody p{
	font-size: 1.125rem;
   line-height: 1.625;
	margin-bottom: 8px;
}
.mceContentBody a{
	 color: rgb(13 148 136 / var(--tw-text-opacity, 1));
		    text-decoration:underline;
}
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ビューポートの高さに合わせて最小高さを設定 */
}
div.mceContentBody h4{
	font-size: 1.3rem;
    line-height: 2rem;
font-weight: 600;
	margin: 1rem 0;
}
@media (max-width: 768px) {
	.mceContentBody h2{
		font-size: 2rem;
		margin: 2rem 0;
	}
	div.mceContentBody h3{
		font-size: 1.7rem;
		margin: 1.8rem 0;
	}
}