main {
	/* margin-top: 110px; */
}

div.page-head {
	position: relative;
	width: 100%;
	background: url('../images/bg-single.jpg') no-repeat;
	background-size: cover;
	padding: 110px 0 30px;
	margin: 0 0 10px;
	z-index: 10;
}
div.page-head::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* opacity: 0.3; */
}
div.page-head figure {
	position: relative;
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	z-index: 5;
}

@media screen and (max-width: 1024px) {
	div.page-head {
		padding: 150px 0 20px;
	}
}
@media screen and (max-width: 768px) {
	div.page-head {
		padding: 60px 0 20px;
	}
	div.page-head figure {
		width: 60vw;
	}
}

/* -------------------------------- container */
div.container {
	width: 100%;
	padding: 0 80px 0;
	margin: 0 auto 60px;
}
div.container div.inner {
	width: 100%;
	max-width: 970px;
	margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
	div.container {
		padding: 0 40px 0;
	}
}
@media screen and (max-width: 510px) {
	div.container {
		padding: 0 24px 0;
	}
}

/* -------------------------------- h1.title-border */
h1.title-border {
	position: relative;
	width: 100%;
	max-width: 970px;
	text-align: center;
	font-size: 1.75em;
	font-weight: 700;
	padding: 16px 10px;
	margin: 0 auto 30px;
}
h1.title-border::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
}
h1.title-border::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
}
@media screen and (max-width: 768px) {
	h1.title-border {
		font-size: min(5.31vw, 1.375em);
		margin: 0 auto 20px;
	}
}

/* --------------------------------review */
.c-review div.essay h1 {
	text-align: left;
	color: #4360ab;
}
.c-review div.essay h1::before,
.c-review div.essay h1::after {
	background: linear-gradient(90deg, #7c87c2 0%, #d9ddf3 100%);
}
.c-review div.essay h1 span {
	display: block;
	font-weight: 500;
	font-size: max(0.8em, 15px);
}
.c-review div.essay p {
	line-height: 2;
	padding: 0 20px 0;
	margin: 0 0 2em;
}
@media screen and (max-width: 768px) {
	.c-review div.essay {
		padding: 0 40px 0;
	}
	.c-review div.essay p {
		line-height: 1.8;
	}
}
@media screen and (max-width: 510px) {
	.c-review div.essay {
		padding: 0 24px 0;
	}
	.c-review div.essay p {
		padding: 0 0 0;
	}
}


/* --------------------------------- cover*/
.c-cover div.art h1 {
	color: #65544B;
}
.c-cover div.art h1::before,
.c-cover div.art h1::after {
	background: linear-gradient(90deg, #ebe9e8 0%, #c5bbaa 50%, #ebe9e8 100%);
}
.c-cover div.art h1 span {
	display: block;
	font-weight: 500;
	font-size: 15px;
}

.c-cover div.art div.inner {
	padding: 0 20px 0;
}
.c-cover div.art figure {
	width: 100%;
	margin: 0 0 30px;
}
.c-cover div.art figure img {
	width: auto;
	height: auto;
	max-height: 500px;
	margin: 0 auto;
}
.c-cover div.art figure figcaption {
	text-align: center;
	color: #65544B;
	margin: 10px 0 0;
}
.c-cover div.art table {
	border: 1px solid #bcbcbc;
	table-layout: fixed;
	padding: 0 20px 0;
	margin: 0 auto 30px;
}
.c-cover div.art table tr {
	border-bottom: 1px solid #bcbcbc;
}
.c-cover div.art table th {
	width: 200px;
	border-right: 1px solid #bcbcbc;
	background-color: #edeae4;
	padding: 14px;
}
.c-cover div.art table td {
	width: 100%;
	padding: 14px;
}
.c-cover div.art p.detail {
	width: 100%;
	margin: 0 0 30px;
}

.c-cover div.artist {
	width: 100%;
	padding: 0 80px 0;
	margin: 0 0 60px;
}
.c-cover div.artist div.inner {
	width: 100%;
	max-width: 970px;
	margin: 0 auto 0;

	background-color: #fefbf8;
	border-radius: 30px 0 30px 0;
	padding: 40px;
}

.c-cover div.artist span.kana {
	font-size: max(0.8em, 15px);
	color: #65544B;
}
.c-cover div.artist h2 {
	font-size: 1.56em;
	font-weight: 700;
	color: #65544B;
	margin: 0 0 30px;
}
.c-cover div.artist h2::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #b1a89a 0%, #e8e4dd 100%);
	margin: 20px 0 0;
}
.c-cover div.artist ul.history {
	width: 100%;
}
.c-cover div.artist ul.history li {
	margin: 0 0 8px;
}
.c-cover div.artist ul.history li span {
	font-weight: 700;
	color: #65544B;
}
/* .c-cover div.artist ul.history li p {
	padding-left: calc(0.5em + 2px);
} */
.c-cover div.artist ul.link {
	width: 100%;
	margin: 20px 0 0;
}
.c-cover div.artist ul.link li {
	margin: 0 0 10px;
}
.c-cover div.artist ul.link li a {
	display: inline;
	word-wrap: break-word;
	color: #d82f2f;
	text-decoration: underline;
}
.c-cover div.artist ul.link li a svg {
	display: inline-block;
	width: 12px;
	fill: #d82f2f;
	margin-left: 6px;
}

@media screen and (max-width: 768px) {
	.c-cover div.artist {
		padding: 0 40px 0;
	}
	.c-cover div.artist div.inner {
		padding: 30px;
	}
	.c-cover div.artist h2 {
		margin: 0 0 20px;
	}
	.c-cover div.art table th {
		width: 120px;
	}
}
@media screen and (max-width: 510px) {
	.c-cover div.art div.inner {
		padding: 0 0 0;
	}
	.c-cover div.artist div.inner {
		padding: 20px;
	}
	.c-cover div.artist {
		padding: 0 24px 0;
	}
}

/* --------------------------------- gallery */
.c-gallery div.pickup h1 {
	color: #c44b2d;
}
.c-gallery div.pickup h1 span {
	display: block;
	font-weight: 500;
	font-size: 15px;
}
.c-gallery div.pickup h1::before,
.c-gallery div.pickup h1::after {
	background: linear-gradient(90deg, #fff8f5 0%, #e58167 50%, #fff8f5 100%);
}
.c-gallery div.pickup div.inner {
	padding: 0 20px 0;
}
.c-gallery div.pickup p {
	margin: 0 0 30px;
}
.c-gallery div.pickup figure {
	width: 100%;
	margin: 0 0 30px;
}
.c-gallery div.pickup figure img {
	width: auto;
	height: auto;
	max-height: 500px;
	margin: 0 auto;
}
.c-gallery div.pickup figure figcaption {
	text-align: center;
	color: #c44b2d;
	margin: 10px 0px 0px;
}
.c-gallery div.pickup table {
	border: 1px solid #bcbcbc;
	table-layout: fixed;
	padding: 0 20px 0;
	margin: 0 auto 30px;
}
.c-gallery div.pickup table tr {
	border-bottom: 1px solid #bcbcbc;
}
.c-gallery div.pickup table th {
	width: 200px;
	border-right: 1px solid #bcbcbc;
	background-color: #edeae4;
	padding: 14px;
}
.c-gallery div.pickup table td {
	width: 100%;
	padding: 14px;
}
.c-gallery div.pickup table td ul {
	width: 100%;
}
.c-gallery div.pickup table td a {
	display: inline;
	word-wrap: break-word;
	color: #d82f2f;
	text-decoration: underline;
}
.c-gallery div.pickup table td a svg {
	display: inline-block;
	width: 12px;
	fill: #d82f2f;
	margin-left: 6px;
}
@media screen and (max-width: 768px) {
	.c-gallery div.pickup table th {
		width: 120px;
	}
}
@media screen and (max-width: 510px) {
	.c-gallery div.pickup div.inner {
		padding: 0 0 0;
	}
}

/* --------------------------------- report */
.c-report div.lead h1 {
	text-align: left;
	color: #a60000;
}
.c-report div.lead h1 span {
	display: block;
	font-weight: 500;
	font-size: max(0.8em, 15px);
}
.c-report div.lead h1::before,
.c-report div.lead h1::after {
	background: linear-gradient(90deg, #a60000 0, #fff8f5 100%);
}
.c-report div.lead div.inner {
	padding: 0 20px 0;
}
.c-report div.lead p.text {
	margin: 0 0 10px;
}
.c-report div.lead p.writer {
	text-align: right;
}
@media screen and (max-width: 510px) {
	.c-report div.lead div.inner {
		padding: 0 0 0;
	}
}

/* --------------------------------- look-back */
div.look-back div.inner {
	padding: 0 20px 0;
}
div.look-back h1 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	text-align: left;
	color: #195bbf;
	font-size: 1.375em;
}
div.look-back h1 span {
	display: block;
	font-weight: 500;
	font-size: max(0.8em, 15px);
	margin-right: 10px;
}
div.look-back h1::before,
div.look-back h1::after {
	background: linear-gradient(90deg, #7eb1ff 0, #f5fbff 100%);
}

div.look-back div.writer {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
div.look-back div.category {
	width: 206px;
  height: 60px;
	background: url(../images/single-year-category.png) no-repeat;
	background-size: contain;
	margin: 0 20px 20px 0;
}

div.look-back div.category > span {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 1.375em;
	font-weight: 500;
	padding: 0 10px 4px 0;
}
div.look-back div.category span.label {
	display: inline;
}
div.look-back div.category span.label:nth-of-type(n + 2)::before {
	content: '・';
}
div.look-back div.writer h2 {
	width: 100%;
	font-size: 1.375em;
	font-weight: 700;
}
div.look-back p {
	line-height: 2;
	margin: 0 auto 0;
}
div.look-back div.inner > p {
	width: 100%;
	margin-top: 2em;
}
div.look-back figure figcaption {
	text-align: center;
	font-weight: 500;
	color: #195bbf;
	margin: 4px auto 0;
}

div.look-back div.img-right,
div.look-back div.img-left {
	width: 100%;
	overflow:auto;
	margin: 2em auto 0;
}
div.look-back div.img-right figure,
div.look-back div.img-left figure {
	max-width: 48%;
}
div.look-back div.img-right figure {
	float: right;
	margin: 0 0 10px 40px;
}
div.look-back div.img-left figure {
	float: left;
	margin: 0 40px 10px 0;
}
div.look-back div.img-right img,
div.look-back div.img-left img {
	width: auto;
	height: auto;
	max-height: 340px;
	margin: 0 auto;
}

div.look-back div.col-1,
div.look-back div.col-2 {
	width: 100%;
	margin: 1em auto 1em;
}
div.look-back div.col-1 img {
	width: auto;
	height: auto;
	margin: 0 auto 0;
}

div.look-back div.col-2 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
div.look-back div.col-2 figure {
	width: 48%;
}
div.look-back div.col-2 img {
	width: 100%;
	height: auto;
	margin: 0 auto 0;
}

@media screen and (max-width: 768px) {
	div.look-back div.category > span {
		font-size: min(4.8vw, 1.25em);
	}
	/* div.look-back h1 span {
		font-size: 0.8em;
	} */
	div.look-back p {
		line-height: 1.8;
	}
	div.look-back div.img-right figure {
		margin: 0 0 10px 30px;
	}
	div.look-back div.img-left figure {
		margin: 0 30px 10px 0;
	}
}
@media screen and (max-width: 510px) {
	div.look-back div.inner {
		padding: 0 0 0;
	}
	div.look-back div.writer div.category {
		width: 176px;
		height: 50px;
	}
	div.look-back div.writer div.name {
		width: 100%;
	}

	div.look-back figure figcaption br:not(.sp-block) {
		display: none;
	}
	div.look-back div.col-2 {
		flex-direction: column;
	}
	div.look-back div.col-2 figure {
		width: 100%;
	}
	div.look-back div.col-2 figure:not(:last-child) {
		margin-bottom: 20px;
	}
	div.look-back div.img-right figure,
	div.look-back div.img-left figure {
		max-width: unset;
	}
	div.look-back div.img-right figure,
	div.look-back div.img-left figure {
		float: none;
		margin: 0 auto 1em;
	}

	div.look-back div.gallery {
		padding: 40px 24px 20px;
		margin: 30px 0;
	}
	div.look-back div.gallery ul li {
		width: 100%;
	}
	div.look-back div.gallery ul li img {
		max-height: unset;
	}
}

/* -------------------------------- award */
div.winner p.category {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 970px;
	margin: 0 auto 16px;
}
div.winner p.category span {
	display: block;
	flex-shrink: 0;
	font-size: 1.75em;
	color: #8f6f33;
	font-weight: bold;
	margin: 0 1em;
}
div.winner p.category::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
}
div.winner p.category::before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
}

div.winner div.profile {
	display: flex;
}
div.winner div.name {
	width: 100%;
	max-width: 970px;
	margin: 0 auto 20px;
}
div.winner div.name div {
	width: fit-content;
	margin: 0 auto;
}
div.winner div.name h1 {
	text-align: center;
	font-size: 1.625em;
	font-weight: 700;
	margin: 0 0 10px;
}
div.winner div.name p.job {
	text-align: center;
	font-weight: 700;
	color: #B84D9F;
	font-size: 1.25em;
}
div.winner div.name span.kana {
	font-size: max(0.8em, 15px);
	text-align: left;
}
div.winner div.name::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	margin-top: 1em;
}


div.winner div.detail {
	width: 100%;
	max-width: 970px;
	background-color: #fefbf8;
	border-radius: 30px 0 30px 0;
	padding: 40px 80px;
	margin: 0 auto;

	overflow: auto;
}
div.winner p.text {
	width: 100%;
	line-height: 2;
}
div.winner p.text:not(:first-of-type) {
	margin-top: 2em;
}
div.winner figure {
	width: auto;
	max-width: 100%;
	/* float: left; */
	margin: 0 0 20px 0;
}
div.winner figure img {
	width: auto;
	height: auto;
	max-height: 400px;
	object-fit: contain;
	margin: 0 auto;
}

div.winner .color-pink p.category::after {
	background: linear-gradient(90deg, #BEB29B 0, #FADEEA 100%);
}
div.winner .color-pink p.category::before {
	background: linear-gradient(-90deg, #BEB29B 0, #FADEEA 100%);
}
div.winner div.name.color-pink::after {
	background: linear-gradient(90deg, #FADEEA 0, #BEB29B 50%, #FADEEA 100%);
}
div.winner .color-yellow p.category::after {
	background: linear-gradient(90deg, #BEB29B 0, #FDE6BA 100%);
}
div.winner .color-yellow p.category::before {
	background: linear-gradient(-90deg, #BEB29B 0, #FDE6BA 100%);
}
div.winner div.name.color-yellow::after {
	background: linear-gradient(90deg, #FDE6BA 0, #BEB29B 50%, #FDE6BA 100%);
}
div.winner .color-blue p.category::after {
	background: linear-gradient(90deg, #BEB29B 0, #A6DEF7 100%);
}
div.winner .color-blue p.category::before {
	background: linear-gradient(-90deg, #BEB29B 0, #A6DEF7 100%);
}
div.winner div.name.color-blue::after {
	background: linear-gradient(90deg, #A6DEF7 0, #BEB29B 50%, #A6DEF7 100%);
}



@media screen and (max-width: 768px) {
	div.winner div.detail {
		padding: 40px;
	}
	div.winner div.name h1 {
		font-size: min(6vw, 1.5em);
	}
	div.winner p.category span {
		font-size: min(6vw, 1.625em);
	}
	div.winner div.name p.job {
		font-size: min(5vw, 1.25em);
	}
	div.winner p.text {
		line-height: 1.8;
	}
}
@media screen and (max-width: 510px) {
	div.winner div.detail {
		padding: 20px;
	}
	div.winner figure {
		/* float: none; */
		max-width: unset;
		margin: 0 auto 30px;
	}
}

/* -------------------------------- faward */
div.performance p.category {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 970px;
	margin: 0 auto 20px;
}
div.performance p.category span {
	display: block;
	flex-shrink: 0;
	font-size: 1.75em;
	color: #8f6f33;
	font-weight: bold;
	margin: 0 1em 0 0;
}
div.performance p.category::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #FDD000 0, #fff4e8 100%);
}

div.performance h1 {
	font-size: 1.625em;
	font-weight: 700;
}
div.performance div.title{
	width: 100%;
	max-width: 960px;
	border-radius: 20px 0 20px 0;
	padding: 16px 20px;
	margin: 0 auto 20px;
}
div.performance div.title span {
	display: block;
	flex-shrink: 0;
	width: fit-content;
	color: #ffffff;
	border-radius: 30px;
	padding: 2px 10px;
	margin: 0 10px 10px 0;
}
div.performance div.title div {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	flex-wrap: wrap;
}
div.performance div.title div p.sub {
	font-weight: 700;
	font-size: 1.12em;
}
div.performance div.inner {
	padding: 0 20px 0;
}
div.performance figure {
	width: 100%;
}
div.performance figure img {
	width: auto;
	height: auto;
	margin: 0 auto;
}
div.performance table {
	width: 100%;
	max-width: 960px;
	border: 1px solid #bcbcbc;
	table-layout: fixed;
	padding: 0 20px 0;
	margin: 2em auto 0;
}
div.performance table tr {
	border-bottom: 1px solid #bcbcbc;
}
div.performance table th {
	width: 200px;
	border-right: 1px solid #bcbcbc;
	background-color: #edeae4;
	padding: 14px;
}
div.performance table td {
	width: 100%;
	padding: 14px;
}
div.performance p.text {
	width: 100%;
	max-width: 960px;
	line-height: 2;
	margin: 2em 0 0;
}


div.performance div.title.color-pink {
	background-color: #fff5f6;
}
div.performance div.title.color-pink span {
	background-color: #d64057;
}
div.performance div.title.color-green {
	background-color: #f0f7f3;
}
div.performance div.title.color-green span {
	background-color: #44852a;
}
div.performance div.title.color-blue {
	background-color: #f5fdff;
}
div.performance div.title.color-blue span {
	background-color: #0f7e91;
}
div.performance div.title.color-orange {
	background-color: #fff8f5;
}
div.performance div.title.color-orange span {
	background-color: #bd5200;
}

@media screen and (max-width: 768px) {
	div.performance h1 {
		font-size: min(6vw, 1.5em);
	}
	div.performance p.category span {
		font-size: min(6vw, 1.625em);
	}

	div.performance table th {
		width: 100px;
	}

	div.performance p.text {
		line-height: 1.8;
	}
}
@media screen and (max-width: 510px) {
	div.performance div.inner {
		padding: 0 0;
	}
	div.performance div.title{
		padding: 12px 14px;
		margin: 30px auto 16px;
	}
}

/* -------------------------------- person */

div.person {
	padding: 0 40px 0;
}
div.person div.inner {
	display: flex;
	align-items: flex-start;
	justify-content: center;

	max-width: 1024px;
	background-color: #fefbf8;
	border-radius: 30px 0 30px 0;
	padding: 40px;
}
div.person figure {
	width: 100%;
	max-width: 250px;
	margin-right: 40px;
}
div.person figure img {
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: auto;
}
div.person div.profile {
	width: calc(100% - 290px);
}
div.person div.profile.col-1 {
	width: 90%;
}
div.person p.job {
	font-weight: 700;
	margin: 0 0 10px;
}
div.person span.kana {
	font-size: max(0.8em, 15px);
}
div.person h1 {
	font-size: 1.75em;
	font-weight: 700;
	margin: 0 0 1em;
}
div.person h2 {
	font-size: 1.75em;
	font-weight: 700;
	margin: 0 0 1em;
}
div.person div.detail::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #b1a89a 0%, #e8e4dd 100%);
	margin: 0 0 20px;
}
div.person div.detail h2 {
	font-size: 1.12em;
	font-weight: 700;
	margin: 0 0 16px;
}
div.person p.text {
	font-weight: 500;
	line-height: 1.8;
	margin: 0 0 10px;
}
div.person p.interviewer {
	text-align: right;
}

.c-review div.person figure {
	max-width: 210px;
}

@media screen and (max-width: 768px) {
	div.person div.inner {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding: 30px;
	}
	div.person figure {
		width: 40%;
		max-width: 180px;
		margin: 0 20px 0 0;
	}
	div.person div.profile {
		width: calc((60% - 20px));
	}
	div.person div.profile.col-1 {
		width: 100%;
	}
	div.person h1,
	div.person h2 {
		font-size: min(5vw, 1.375em);
	}
	div.person div.detail {
		width: 100%;
		margin: 20px 0 0;
	}
	div.person div.detail::before {
		margin: 0 0 20px;
	}
}
@media screen and (max-width: 510px) {
	div.person {
		padding: 0 24px 0;
	}
	div.person div.inner{
		padding: 20px;
	}
}

/* --------------------------------- main-text */
div.main-text {
	width: 100%;
	margin: 0 auto 60px;
}
div.main-text > h2 {
	width: calc(100% - 160px);
	max-width: 970px;
	font-size: 1.375em;
	font-weight: 700;
	color: #ffffff;
	border-radius: 20px 0 20px 0;
	padding: 16px 20px;
	margin: 40px auto 20px;
}
div.main-text p {
	line-height: 2;
	margin: 0 auto 0;
}
div.main-text > p {
	width: calc(100% - 160px);
	max-width: 970px;
	padding: 0 20px 0;
	margin-top: 2em;
}
div.main-text > p a {
	display: inline;
	word-wrap:break-word;
	color: #1a73e8;
}
div.main-text figure figcaption {
	text-align: center;
	font-weight: 500;
	margin: 4px auto 0;
}

div.main-text div.img-right,
div.main-text div.img-left {
	width: calc(100% - 160px);
	max-width: 970px;
	overflow:auto;
	margin: 2em auto 0;
	padding: 0 20px 0;
}
div.main-text div.img-right figure,
div.main-text div.img-left figure {
	max-width: 48%;
}
div.main-text div.img-right figure {
	float: right;
	margin: 0 0 10px 40px;
}
div.main-text div.img-left figure {
	float: left;
	margin: 0 40px 10px 0;
}
div.main-text div.img-right img,
div.main-text div.img-left img {
	width: auto;
	height: auto;
	max-height: 340px;
	margin: 0 auto;
}

div.main-text div.col-1,
div.main-text div.col-2 {
	width: calc(100% - 160px);
	max-width: 970px;
	padding: 0 20px 0;
	margin: 1em auto 1em;
}
div.main-text div.col-1 img {
	width: auto;
	height: auto;
	margin: 0 auto 0;
}

div.main-text div.col-2 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
div.main-text div.col-2 figure {
	width: 48%;
}
div.main-text div.col-2 img {
	width: 100%;
	height: auto;
	margin: 0 auto 0;
}

div.main-text div.gallery {
	width: 100%;
	background-color: #fcfaf8;
	padding: 60px 20px 60px;
	margin: 40px 0;
}
div.main-text div.gallery ul {
	display: flex;
	align-items: flex-start;
	justify-content: center;

	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
div.main-text div.gallery ul li {
	margin: 0 16px;
}
div.main-text div.gallery ul li figure {
	width: 100%;
}
div.main-text div.gallery ul li figure figcaption {
	color: #3a3939;
}
div.main-text div.gallery ul li img {
	width: auto;
	height: auto;
	margin: 0 auto;
}



@media screen and (max-width: 1024px) {
	div.main-text div.gallery ul {
		flex-wrap: wrap;
	}
	div.main-text div.gallery ul li {
		width: calc(50% - 20px);
		margin: 0 10px 20px;
	}
	div.main-text div.gallery ul li figure {
		width: fit-content;
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	div.main-text > h2 {
		width: calc(100% - 80px);
		font-size: min(4.8vw, 1.25em);
	}
	div.main-text p {
		line-height: 1.8;
		/* font-size: 1.06em; */
	}
	div.main-text > p {
		width: calc(100% - 80px);
	}
	div.main-text div.col-1,
	div.main-text div.col-2 {
		width: calc(100% - 80px);
	}
	div.main-text div.img-right,
	div.main-text div.img-left {
		width: calc(100% - 80px);
	}
	div.main-text div.img-right figure {
		margin: 0 0 10px 30px;
		/* margin: 0 0 0 30px; */
	}
	div.main-text div.img-left figure {
		margin: 0 30px 10px 0;
		/* margin: 0 30px 0 0; */
	}
}
@media screen and (max-width: 510px) {
	div.main-text > h2 {
		width: calc(100% - 48px);
		padding: 12px 14px;
		margin: 30px auto 16px;
	}
	div.main-text p {
    /* margin: 0 auto 2em; */
	}
	/* div.main-text p {
    margin: 0 auto 0;
	} */
	div.main-text > p {
		width: calc(100% - 48px);
		padding: 0 0 0;
	}
	div.main-text figure figcaption br:not(.sp-block) {
		display: none;
	}
	div.main-text div.col-1,
	div.main-text div.col-2 {
		width: calc(100% - 48px);
		padding: 0 0 0;
	}
	div.main-text div.col-2 {
		flex-direction: column;
	}
	div.main-text div.col-2 figure {
		width: 100%;
	}
	div.main-text div.col-2 figure:not(:last-child) {
		margin-bottom: 20px;
	}
	div.main-text div.img-right figure,
	div.main-text div.img-left figure {
		max-width: unset;
	}
	div.main-text div.img-right,
	div.main-text div.img-left {
		width: calc(100% - 48px);
		padding: 0 0 0;
	}
	div.main-text div.img-right figure,
	div.main-text div.img-left figure {
		float: none;
		margin: 0 auto 1em;
		/* margin: 0 0 0 0; */
	}

	div.main-text div.gallery {
		padding: 40px 24px 20px;
		margin: 30px 0;
		/* margin: 30px 0 0; */
	}
	div.main-text div.gallery ul li {
		width: 100%;
	}
	div.main-text div.gallery ul li img {
		max-height: unset;
	}
}

/* ------------ color */
/* interview */
.c-interview div.person p.job,
.c-interview div.person span.kana,
.c-interview div.person h1,
.c-interview div.person h2 {
	color: #5e7000;
}
.c-interview div.page-head::before {
	background: linear-gradient(#e3f6f1 0%, #a1dbd8 100%);
	opacity: 0.7;
}
.c-interview div.main-text > h2 {
	background-color: #00a398;
}
.c-interview div.main-text figure figcaption {
	color: #007a72;
}

/* zoomup */
.c-zoomup div.person p.job,
.c-zoomup div.person span.kana,
.c-zoomup div.person h1,
.c-zoomup div.person h2,
.c-zoomup div.main-text figure figcaption {
	color: #3672b3;
}
.c-zoomup div.page-head::before {
	background: linear-gradient(#fffce8 0%, #deef86 100%);
}
.c-zoomup div.main-text > h2 {
	background-color: #3672b3;
}

/* review */
.c-review div.person p.job,
.c-review div.person span.kana,
.c-review div.person p.name,
.c-review div.person h2 {
	color: #4360ab;
}
.c-review div.page-head::before {
	background: linear-gradient(#eff2ff 0%, #7C87C2 100%);
}

/* cover */
.c-cover div.page-head::before {
	background: linear-gradient(#fefbf8 0%, #ffecd2 100%);
}

/* report */
.c-report div.person p.job,
.c-report div.person span.kana,
.c-report div.person p.name,
.c-report div.person h2{
	color: #a60000;
}
.c-report div.main-text figure figcaption {
	color: #002c7d;
}
.c-report div.page-head::before {
	background: linear-gradient(#f3a987 0%, #A50001 100%);
}
.c-report div.main-text > h2 {
	background-color: #002c7d;
}

/* gallery */
.c-gallery div.person p.job,
.c-gallery div.person span.kana,
.c-gallery div.person p.name,
.c-gallery div.person h2,
.c-gallery div.main-text figure figcaption {
	color: #c94928;
}
.c-gallery div.page-head::before {
	background: linear-gradient(#fff4e8 0%, #ffb39f 100%);
}
.c-gallery div.main-text > h2 {
	background-color: #c94928;
}

/* 春号仮 */
.c-year div.page-head::before {
	background: linear-gradient(#e8f7ff 0%, #9ec5ff 100%);
}
.c-award div.page-head::before {
	background: linear-gradient(#fff4e8 0%, #f7e5a8 100%);
}
.c-faward div.page-head::before {
	background: linear-gradient(#fff4e8 0%, #fff5a0 100%);
}

.c-report div.page-head::before,
.c-interview div.page-head::before,
.c-zoomup div.page-head::before,
.c-review div.page-head::before,
.c-cover div.page-head::before,
.c-gallery div.page-head::before,
.c-year div.page-head::before,
.c-award div.page-head::before,
.c-faward div.page-head::before {
	background-size: cover;
}


/* --------------------------------- new */
div.toc {
	position: relative;
	width: 100%;
	/* background: linear-gradient(0deg, #fff6f2 0%, #fffcf8 94.97%, #fff 100%); */

	padding: 60px 0 40px;
	z-index: 20;
}
div.toc h2 {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto 30px;
	padding: 0 60px;
}

div.toc ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto 24px;
}
div.toc ul li {
	width: calc((100% - 40px)/4);
	margin: 0 5px 20px;
}
div.toc a.card {
	height: 100%;
	color: #3a3939;
	background-color: #ffffff;
	box-shadow: 0px 2px 6px #ebe4e1;
	border-radius: 0 0 20px 0;
	padding: 0 0 14px;
}
div.toc div.thumb {
	position: relative;
	width: 100%;
	background: url('../images/bg-line.svg') repeat;
	background-size: 16px;
	padding: 20px 20px;
	margin: 0 0 10px;
}
div.toc div.thumb::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	max-width: 120px;
	height: auto;
	aspect-ratio: 2 / 1;
	border-radius: 0 0 10px 0;
	z-index: 4;
}
div.toc div.thumb::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	mask-image: url('../images/bg-wave-r.svg');
	-webkit-mask-image: url('../images/bg-wave-r.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: top right;
	opacity: 0.3;

	z-index: 2;
}
div.toc div.thumb figure {
	position: relative;
	width: 100%;
	max-width: 200px;
	height: auto;
	aspect-ratio: 10 / 9;
	margin: 0 auto;
	overflow: hidden;
	z-index: 3;
}
div.toc div.thumb figure img {
	object-fit: contain;
	object-position: center;
	height: 100%;
}
div.toc div.thumb div.profile {
	position: absolute;
	bottom: 8px;
	left: 10px;
	z-index: 5;
}
div.toc div.thumb div.profile p.job {
	margin-bottom: 4px;
}
div.toc div.thumb div.profile span {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;

	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.16);
	background: #3a3939;
	color: #ffffff;
	padding: 1px 4px;
	margin: 0 0 2px;
}

div.toc h3 {
	font-size: 1.12em;
	font-weight: 700;
	padding: 0 12px;
}
div.toc p.sub {
	font-weight: 500;
	padding: 0 12px;
}
div.toc a.btn-circle {
	margin: 0 auto 0;
}


/* cover */
div.toc .cover div.thumb::before {
	background: url(../images/corner-cover.png);
}
div.toc .cover div.thumb::after {
	background: linear-gradient(320deg, #857d6f 0%, #fffcf8 100%);
}
/* gallery */
div.toc .gallery div.thumb::before {
	background: url(../images/corner-gallery.png);
}
div.toc .gallery div.thumb::after {
	background: linear-gradient(320deg, #e58167 0%, #fffcf8 100%);
}
/* review */
div.toc .review div.thumb::before {
	background: url(../images/corner-review.png);
}
div.toc .review div.thumb::after {
	background: linear-gradient(320deg, #4360ab 0%, #fffcf8 100%);
}
/* interview */
div.toc .interview div.thumb::before {
	background: url(../images/corner-interview.png);
}
div.toc .interview div.thumb::after {
	background: linear-gradient(320deg, #00A498 0%, #fffcf8 100%);
}
/* report */
div.toc .report div.thumb::before {
	background: url(../images/corner-report.png);
}
div.toc .report div.thumb::after {
	background: linear-gradient(320deg, #e60013 0%, #fffcf8 100%);
}
/* zoomup */
div.toc .zoomup div.thumb::before {
	background: url(../images/corner-zoomup.png);
}
div.toc .zoomup div.thumb::after {
	background: linear-gradient(320deg, #95b400 0%, #fffcf8 100%);
}

/* 春号仮 */
/* 1年を振り返って */
div.toc .year div.thumb::before {
	background: url(../images/corner-year.png);
}
div.toc .year div.thumb::after {
	background: linear-gradient(320deg, #7eb1ff 0%, #fffcf8 100%);
}
/* 名古屋市芸術賞 */
div.toc .promotion div.thumb::before {
	background: url(../images/corner-promotion.png);
}
div.toc .promotion div.thumb::after {
	background: linear-gradient(320deg, #e0c877 0%, #fffcf8 100%);
}
/* 名古屋市民芸術祭賞 */
div.toc .performance div.thumb::before {
	background: url(../images/corner-performance.png);
}
div.toc .performance div.thumb::after {
	background: linear-gradient(320deg, #ffd255 0%, #fffcf8 100%);
}
div.toc .cover div.thumb::before,
div.toc .gallery div.thumb::before,
div.toc .review div.thumb::before,
div.toc .interview div.thumb::before,
div.toc .report div.thumb::before,
div.toc .zoomup div.thumb::before,
div.toc .year div.thumb::before,
div.toc .promotion div.thumb::before,
div.toc .performance div.thumb::before {
	background-size: cover;
}

/* animtaion */
div.toc div.thumb figure img {
	transition: transform 0.3s;
}
div.toc a.card:hover div.thumb figure img {
	transform: scale(1.06);
}

@media screen and (max-width: 1024px) {
	div.toc div.thumb div.profile span {
		font-size: max(0.9em, 15px);
	}
	div.toc h3 {
		font-size: 1em;
	}
	div.toc p.sub {
		font-size: max(0.9em, 15px);
	}
}
@media screen and (max-width: 1023px) {
	div.toc ul li {
		width: calc((100% - 30px) / 3);
	}
}
@media screen and (max-width: 768px) {
	div.toc {
		padding: 40px 0 20px;
	}
	div.toc h2 {
		padding: 0 40px;
	}
	div.toc div.title {
		margin: 0 0 16px;
	}
	div.toc div.thumb {
		padding: 20px 20px 30px;
	}
	div.toc div.thumb div.profile p.job {
		margin-bottom: 1px;
	}

}

@media screen and (max-width: 600px) {
	div.toc ul li {
		width: calc((100% - 20px) / 2);
	}
}

@media screen and (max-width: 510px) {
	div.toc {
		padding: 20px 0 20px;
	}
	div.toc h2 {
		padding: 0 24px;
	}
}
@media screen and (max-width: 359px) {
	div.toc ul li {
		width: 100%;
	}
}
@media screen and (max-width: 430px) {
	div.toc div.thumb div.profile {
		left: 4px;
		bottom: 0;
	}
	div.toc div.thumb div.profile span {
		font-size: max(0.8em, 15px);
	}
	div.toc p.sub {
		font-size: max(0.8em, 15px);
	}
}


/* --------------------------------- number */

div.backnumber div.page-head {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 306px;
	background: #FFFAF8;
	padding: 50px 0 0;
	margin: 0 0 10px;
	z-index: 10;
}
div.backnumber div.page-head::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;

	mask-image: url('../images/bg-page-wave.svg');
	-webkit-mask-image: url('../images/bg-page-wave.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: top right;

	opacity: 0.2;
}
div.backnumber div.page-head::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40%;
	height: 100%;
	transform: scale(-1);

	mask-image: url('../images/bg-page-wave.svg');
	-webkit-mask-image: url('../images/bg-page-wave.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: top right;

	opacity: 0.2;
}
div.backnumber div.page-head div.page-title {
	position: relative;
	width: 100%;
	z-index: 10;
}
div.backnumber div.page-head div.page-title h1 {
	text-align: center;
	font-size: 1.75em;
	font-weight: 700;
}
div.backnumber div.page-head div.page-title h1 span {
	position: relative;
	padding: 0 0 10px;
}
div.backnumber div.page-head div.page-title h1 span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
}

div.backnumber div.page-head::after {
	background: linear-gradient(270deg, #ffbe9f 0%, #fffcf8 100%);
}
div.backnumber div.page-head::before {
	background: linear-gradient(270deg, #ffbe9f 0%, #fffcf8 100%);
}
div.backnumber div.page-head div.page-title h1 span::after {
	background: linear-gradient(90deg, #ffffff 0%, #ffbe9f 50%, #ffffff 100%);
}

div.backnumber div.pankuzu {
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
	div.backnumber div.page-head {
		padding: 120px 0 20px;
	}
}
@media screen and (max-width: 768px) {
	div.backnumber div.page-head {
		height: 180px;
		padding: 70px 0 20px;
	}
	div.backnumber div.page-head::before,
	div.backnumber div.page-head::after {
		width: 70%;
	}
	div.backnumber div.page-head figure {
		width: 60vw;
	}
	div.backnumber div.page-head div.page-title h1 {
		font-size: min(5.33vw, 1.625em);
	}
}
@media screen and (max-width: 400px) {
	div.backnumber div.page-head {
		height: 160px;
		padding: 60px 0 20px;
	}
}

/* --------------------------------- corner */

div.magazine {
	position: relative;
	width: 100%;
	margin: 60px auto 60px;
	z-index: 10;
}
div.magazine div.inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1230px;
	padding: 0 24px 0;
	margin: 0 auto 0;
	z-index: 10;
}
div.magazine figure {
	position: relative;
	width: 100%;
	max-width: 200px;
	box-shadow: 0px 2px 10px rgba(74, 39, 39, 0.2);
	margin-right: 30px;
	z-index: 10;
}
div.magazine p {
	position: relative;
	font-size: 1.625em;
	font-weight: 700;
	color: #ffffff;
	z-index: 10;
}
div.magazine p span {
	display: inline-block;
	background: #3a3939;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
	padding: 0 6px;
	margin: 0 0 10px
}
div.magazine div.bg {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 230px;
	/* background: linear-gradient(180deg, #ffeadf 0%, #fff6f2 80%, #FFF8F4 100%); */
	background: linear-gradient(180deg, #fff0e9 0%, #ffffff 80%, #ffffff 100%);
	z-index: -1;
}
div.magazine div.bg svg {
	/* display: none; */
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	min-width: 1920px;
	fill: #ffffff;
	stroke: none;
}
div.magazine div.deco img {
	position: absolute;
	width: 100%;
	max-width: 200px;
}
div.magazine div.deco img:first-child {
	top: 40%;
	left: 0;
	transform: translateY(-50%) rotate(-70deg);
}
div.magazine div.deco img:last-child {
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(-230deg);
}

div.corner-box {
	width: 100%;
	/* background: linear-gradient(0deg, #fff6f2 0%, #fffcf8 86%,  #FFF8F4 100%); */
	/* background: #ffffff; */
	padding: 0 60px;
	margin: 0 0 60px;
}
div.corner-box a.btn-circle {
	margin: 0 auto;
}

div.corner-box div.inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	width: 100%;
	max-width: 1200px;
	margin: 0 auto 40px;
}

div.corner-box div.inner > div {
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 49%;
	/* background-color: #ffffff; */

	margin: 0 0 14px;
}
div.corner-box div.inner > div > a {
	width: calc(100% - 130px);
	height: 100%;
	padding: 16px 20px;
	color: #3a3939;
}

div.corner-box div.inner div.year,
div.corner-box div.inner div.promotion,
div.corner-box div.inner div.performance {
	width: 100%;
}
div.corner-box div ul {
	width: calc(100% - 130px);
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 16px 20px 6px;
}
div.corner-box div ul li {
	width: 48%;
	border-bottom: 1px dotted #707070;
	margin: 0 0 10px;
}
/* div.corner-box div ul li:nth-last-child(-n + 2) {
	border-bottom: unset;
} */
div.corner-box div ul li a {
	color: #3a3939;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	height: 100%;
	padding: 0 0 10px;
}
div.corner-box div ul li span {
	flex-shrink: 0;
	font-size: 0.96em;
	background-color: #3a3939;
	color: #ffffff;
	border-radius: 2px;
	padding: 1px 4px;
	margin: 0 10px 4px 0;
}
div.corner-box div.performance ul li a {
	flex-direction: column;
}
div.corner-box div.inner > div > a:hover,
div.corner-box div ul li a:hover {
	opacity: 0.6;
}


div.corner-box div.inner > div::before {
	content: '';
	display: block;
	width: 100%;
	max-width: 130px;
	min-width: 100px;
	height: auto;
	aspect-ratio: 2 / 1;
	flex-shrink: 0;
}
div.corner-box div.inner > div::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
}



/* cover */
div.corner-box .cover::before {
	background: url(../images/corner-cover.png);
}
div.corner-box .cover::after {
	background: #857d6f;
}
/* gallery */
div.corner-box .gallery::before {
	background: url(../images/corner-gallery.png);
}
div.corner-box .gallery::after {
	background: #e58167;
}
/* review */
div.corner-box .review::before {
	background: url(../images/corner-review.png);
}
div.corner-box .review::after {
	background: #4360ab;
}
/* interview */
div.corner-box .interview::before {
	background: url(../images/corner-interview.png);
}
div.corner-box .interview::after {
	background: #00A498;
}
/* report */
div.corner-box .report::before {
	background: url(../images/corner-report.png);
}
div.corner-box .report::after {
	background: #e60013;
}
/* zoomup */
div.corner-box .zoomup::before {
	background: url(../images/corner-zoomup.png);
}
div.corner-box .zoomup::after {
	background: #95b400;
}

/* 春号仮 */
/* 1年を振り返って */
div.corner-box .year::before {
	background: url(../images/corner-year.png);
}
div.corner-box .year::after {
	background: #7eb1ff 0%;
}
/* 名古屋市芸術賞 */
div.corner-box .promotion::before {
	background: url(../images/corner-promotion.png);
}
div.corner-box .promotion::after {
	background: #e0c877;
}
/* 名古屋市民芸術祭賞 */
div.corner-box .performance::before {
	background: url(../images/corner-performance.png);
}
div.corner-box .performance::after {
	background: #ffd255;
}
div.corner-box .cover::before,
div.corner-box .gallery::before,
div.corner-box .review::before,
div.corner-box .interview::before,
div.corner-box .report::before,
div.corner-box .zoomup::before,
div.corner-box .year::before,
div.corner-box .promotion::before,
div.corner-box .performance::before {
	background-size: contain;
	background-repeat: no-repeat;
}

/* animtaion */
div.corner-box div.thumb figure img {
	transition: transform 0.3s;
}
div.corner-box a.card:hover div.thumb figure img {
	transform: scale(1.06);
}

@media screen and (max-width: 768px) {
	div.magazine {
		margin: 30px auto 30px;
	}
	div.magazine p {
		font-size: min(4.8vw, 1.375em);
	}
	div.magazine figure {
		width: 35%;
		margin-right: 4%;
	}
	div.magazine div.deco img {
		width: 30%;
		max-width: 190px;
	}
	div.magazine div.deco img:first-child {
		top: 20px;
		left: -70px;
	}
	div.magazine div.deco img:last-child {
		top: 80%;
		right: -50px;
	}

	div.corner-box {
		padding: 0 40px 0;
	}
	div.corner-box div.inner {
		margin: 0 auto 20px;
	}
	div.corner-box div.inner > div {
		width: 100%;
	}
	div.corner-box div.inner > div::before {
		max-width: 120px;
	}
	div.corner-box div.inner > div > a {
		width: calc(100% - 120px);
		align-content: center;
		padding: 10px;
	}

	div.corner-box div ul {
		width: 100%;
		padding: 16px 0 6px;
	}
	div.corner-box div ul li a {
		/* flex-direction: column; */
		flex-wrap: wrap;
		padding: 0 10px 10px;
	}
	div.corner-box div ul li a p {
		width: 100%;
	}
	div.corner-box div ul li span {
		font-size: 0.9em;
	}

}

@media screen and (max-width: 510px) {
	div.corner-box {
		padding: 0 24px 0;
	}
	/* div.corner-box div.inner > div::before {
		max-width: 130px;
	} */
	div.corner-box div.inner > div > a {
		/* width: 100%; */
		width: calc(100% - 120px);
		height: auto;
	}
	div.corner-box div ul {
		padding: 16px 0 0;
	}
	div.corner-box div.performance ul li a br {
		display: none;
	}
}
@media screen and (max-width: 430px) {
	div.corner-box div ul li {
		width: 100%;
	}
	div.corner-box div ul li:last-child {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 359px) {
	div.corner-box div.inner > div > a {
		width: 100%;
	}
}


/* other */
div.main-text div.other {
	width: calc(100% - 160px);
	max-width: 970px;
	padding: 0 20px 0;
	margin: 2em auto;
}
div.main-text div.other ul.annotation {
	width: 100%;
}
div.main-text div.other ul.annotation li {
	display: flex;
	align-items: baseline;
	width: 100%;
}
div.main-text div.other ul.annotation span {
	display: block;
	flex-shrink: 0;
	margin-right: 0.5em;
}

div.main-text div.other ul.schedule {
	width: 100%;
}
div.main-text div.other ul.schedule li {
	display: flex;
	align-items: baseline;
	width: 100%;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
div.main-text div.other ul.schedule span {
	display: block;
	flex-shrink: 0;
	margin-right: 1em;
}

div.main-text div.other a {
	word-wrap:break-word;
	color: #1a73e8;
}
div.main-text div.other div.item-flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
div.main-text div.other div.item-flex div {
	margin-left: 2%;
	max-width: 50%;
}
div.main-text div.other div.item-flex img {
	max-width: 48%;
	width: auto;
}

div.main-text div.other div.report-910 {
	background-color: #EDE8EC;
	padding: 20px;
}
div.main-text div.other div.report-910 h2 {
	font-size: min(4.8vw, 1.375em);
	font-weight: 700;
	margin: 0 0 10px;
}
div.main-text div.other div.report-910 p.lead {
	margin-bottom: 2em;
}
div.main-text div.other div.report-910 p {
	margin-bottom: 10px;
}
div.main-text div.other div.report-910 a {
	display: inline;
	text-decoration: underline;
	color: #3a3939;
}

@media screen and (max-width: 768px) {
	div.main-text div.other {
		width: calc(100% - 80px);
	}
}
@media screen and (max-width: 510px) {
	div.main-text div.other {
		width: calc(100% - 48px);
		padding: 0 0 0;
	}
}