@charset "utf-8";

h3, h4 {
	color: white;
	margin: 0;
	padding: 0;
}

h3 {
	font-size:1.5em;
	text-align: center;
	padding-top: 20px;
	padding-bottom:6px;
}

h4 {
	font-size: 1.3em;
	padding: 15px 0;
}

p {
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 20px 0;
}

.wp-block-group {
	border-top: 1px solid white;
}

.wp-block-group:has(img) {
    position: relative;
}

.wp-block-group:has(img) p {
    position: relative;
    padding-right: 40%;
}

.wp-block-group img {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
	padding: 60px 0 15px 0;
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */

    .wp-block-group:has(img) p {
        padding-right: 0;
    }

	.wp-block-image {
		width: 100%;
	}

    .wp-block-group img {
        position: relative;
		display:block;
        margin: 0 auto;
		width:80%;
        max-width: 600px;
    }

}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */

    .wp-block-group img {
        width: 95%;
    }

}