@charset "utf-8";

body > main.contents > div.cover > div.info {
	background-color: rgba(183,221,0,1.00);
}

body > main.contents > div.cover > div.title {
	top: 50%;
	bottom: auto;
	left: auto;
	right: 0;
	text-align: right;
	width: auto;
	margin-top: -48px;
}

body > main.contents > div.body p {
	padding-left: 3em;
	text-indent: -3em;
}

body > main.contents > div.body p.notalk {
	padding-left: 0;
	text-indent: 0;
}

body > main.contents > div.body p.space {
	margin-top: 2.4em;
	margin-bottom: 2.4em;
	padding-left: 0;
	text-indent: 0;
}

body > main.contents > div.body p.image.image_talk01 img {
	width: auto;
	height: 350px;
}

body > main.contents > div.body ul.profile {
	display: flex;
	gap: 20px;
	list-style-type: none;
}

body > main.contents > div.body ul.profile > li {
	text-align: center;
	line-height: 1.0;
}

body > main.contents > div.body ul.profile > li img {
	margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
	/* body > main.contents > div.cover {
		margin: 22.93vw 0 0;
	} */

	body > main.contents > div.cover > div.title {
		margin-top: 0;
	}

	body > main.contents > div.body ul.profile {
		margin-left: 0;
		flex-wrap: wrap;
		gap: 4vw;
	}
	
	body > main.contents > div.body ul.profile > li {
		width: calc(50% - 2vw);
	}
	
	body > main.contents > div.body ul.profile > li img {
		width: 100%;
		height: auto;
	}

	body > main.contents > div.cover > p.visual > img {
		margin-left: -55%;
		position: absolute;
		left: 50%;
		width: auto;
		z-index: 0;
		height: 63.33vw;
		top: -5.333vw;
	}
}