:root {
	--Color_Text-Black_Strong: #000;
	--Color_Text-Black_Basic: #35363B;
	--Color_Text-Black_Appendix: #8C8D91;
	--Color_Text-Black_Sub: #65666A;
	--Color_Text-White_Strong: #fff;
	--Color_Text-White_Basic: #D7D8DA;
	--Color_Text-White_Sub: #C8C9CC;
	--Color_Basic-LIGHT-GRAY: #F4F5F5;
	--Color_Accent-Red: #CC0000;
}
html {
	scroll-padding-top: 100px;
}
#honda-design .content-area {
	color: var(--Color_Text-Black_Basic);
	width: 100%;
	max-width: 100%;
}

.content-area h1 {
	font-size: 32px;
	font-weight: 200;
	margin-bottom: 80px;
	color: var(--Color_Text-Black_Strong);
	line-height: 1.4em;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
}

.content-area h2 {
	font-size: 32px;
	font-weight: 200;
	margin-bottom: 80px;
	color: var(--Color_Text-Black_Strong);
	line-height: 1.4em;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
}

.content-area h3 {
	font-size: 20px;
	font-weight: 200;
	margin-bottom: 40px;
	color: var(--Color_Text-Black_Strong);
	line-height: 1.6em;
}

.content-area h4 {
	font-size: 14px;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	
	color: var(--Color_Text-Black_Strong);
}

.content-area p {
	font-size: 14px;
	line-height: 2em;
	font-weight: 200;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	margin-bottom: 1.5em;
}

.content-area p:last-child {
	margin-bottom: 0;
}

.content-area p strong {
	font-family: 'HondaGlobalFontEN-Bold',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	color: var(--Color_Text-Black_Strong);
}

.content-area small {
	font-size: 13px;
	color: var(--Color_Text-Black_Sub);
	font-weight: 200;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	line-height: 0em;
	line-height: 1.4em;
	display: block;
}

.content-area figcaption {
	font-size: 13px;
	color: var(--Color_Text-Black_Sub);
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

	line-height: 1.4em;
}

.content-area sup {
	font-size: 0.9em;
	top: -0.5em;
	position: relative;
	line-height: 0;
}

.head-area {}

.head-title {
	grid-column: span 4 / span 4;
}

.head-title h1 {
	margin-bottom: 40px;
	font-size: 40px;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W5 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

}

.head-title h2 {
	margin-bottom: 40px;
	font-size: 40px;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W5 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

}

.head-title .detail {
	display: flex;
	gap: 0;

}

.head-title .detail-item {
	grid-column: span 1 / span 1;
}


.head-title .detail-item:nth-child(1) {
	width: 158px;
}

.head-title .detail-item:nth-child(2) {
	width: 182px;
}

.head-title .detail-item:nth-child(3) {
	width: fit-content;
}

.head-title .detail-item p {
	color: var(--Color_Text-Black_Appendix);
	font-size: 14px;
	margin-bottom: 16px;
	line-height: 1em;
}

.head-title .detail-item h5 {
	font-size: 14px;
	color: var(--Color_Text-Black_Strong);
	font-weight: 200;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
}

.head-read {
	grid-column: span 2 / span 2;
	grid-column-start: 5;
	margin-top: 10px;
}

.head-read p {
	color: var(--Color_Text-Black_Strong);
	font-size: 14px;
}

.grid-item {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 32px;
	margin: 0 auto 80px;
	width: 1328px;
	max-width: 95%;
}

.grid-item.over2item {
	grid-row-gap: 32px;
}

.grid-L-s {
	grid-column: span 2 / span 2;
}

.grid-R-l {
	grid-column: span 4 / span 4;
	grid-column-start: 3;
}

.grid-L-m {
	grid-column: span 3 / span 3;
}

.grid-R-m {
	grid-column: span 3 / span 3;
	grid-column-start: 4;
}

.grid-L-l {
	grid-column: span 4 / span 4;
}

.grid-R-s {
	grid-column: span 2 / span 2;
	grid-column-start: 5;
}

.grid-full {
	grid-column: span 6 / span 6;
}

.grid-ss {
	grid-column: span 1 / span 1;
}

.grid-item figure figcaption {
	margin-top: 12px;
}


h2.large-heading {
	margin: 0 auto 80px;
	width: 1328px;
	max-width: 95%;
	font-weight: 200;
	line-height: 1.4em;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
}

h2.large-heading.largest {
	font-size: 64px;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

	margin-bottom: 80px;
	line-height: 1em;
}

.full-width-item {
	display: block;
	width: 100%;
	margin: 0 auto 80px;
	position: relative;
}

.full-width-item figure {
	width: 100%;
}

.full-width-item figure figcaption {
	text-align: right;
	width: 1328px;
	max-width: 95%;
	margin: 12px auto 0;
}

.full-width-item img {
	width: 100%;
}

.full-width-item.video iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}

.overlay-text-L {
	position: absolute;
	top: 50%;
	left: calc(50% - 685px);
	transform: translateY(-50%);
	padding: 1.5em;
	background: rgb(0 0 0 / 90%);
	color: #fff;
	width: 470px;
	max-width: 40vw;
}

.overlay-text-R {
	position: absolute;
	top: 50%;
	right: calc(50% - 685px);
	transform: translateY(-50%);
	padding: 1.5em;
	background: rgb(0 0 0 / 90%);
	color: #fff;
	width: 470px;
	max-width: 40vw;
}

.long-text.long-s .overlay-text-L {
	max-width: 915px;
	width: 90%;
}

.long-text.long-s .overlay-text-R {
	max-width: 915px;
	width: 90%;
}

/* .long-text .overlay-text-L {
	max-width: 51%;
	width: 100%;
}

.long-text .overlay-text-R {
	max-width: 51%;
	width: 100%;
} */

.overlay-text-L h2,
.overlay-text-L h3,
.overlay-text-L p strong {
	color: var(--Color_Text-White_Strong);
}

.overlay-text-R h2,
.overlay-text-R h3,
.overlay-text-R p strong {
	color: var(--Color_Text-White_Strong);
}

.overlay-text-L p,
.overlay-text-R p {
	color: var(--Color_Text-White_Basic);
}

.overlay-text-L p small,
.overlay-text-R p small {
	color: var(--Color_Text-White_Sub);
}

.overlay-w {
	background: rgb(255 255 255 / 90%);
	color: var(--Color_Text-Black_Basic);
}

.overlay-w h2,
.overlay-w h3,
.overlay-w p strong,
.overlay-w p small {
	color: var(--Color_Text-Black_Strong);
}

.overlay-w p {
	color: var(--Color_Text-Black_Basic);
}

.profile-area {
	margin-top: 160px;
	grid-template-rows: repeat(1, 1fr);
}

.profile-area h3 {
	grid-column: span 6 / span 6;
}

.profile-item {
	grid-column: span 1 / span 1;
}

.profile-item figure {
	margin-bottom: 28px;
}

.profile-item figure .square{
	aspect-ratio: 1;
	object-fit: cover;
}

.profile-item figure .square-top{
	aspect-ratio: 1;
	object-fit: cover;
	object-position: top center;
}

.profile-item h4 {
	margin-bottom: 1em;
	line-height: 1em;
}

.profile-item p {
	font-size: 12px;
	margin-bottom: 0;
	letter-spacing: -0.03em;
}

.related-area {
	margin-top: 160px;
	grid-template-rows: repeat(1, 1fr);
}

.related-area h2 {
	grid-column: span 6 / span 6;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.related-area .view-all {
	font-size: 18px;
	text-decoration: underline;
	color: var(--Color_Text-Black_Sub);
}

.related-area .view-all a {
	display: block;
}

.related-area .view-all:hover {
	color: var(--Color_Accent-Red);
}

.related-item {
	grid-column: span 2 / span 2;
}

.related-item figure {
	margin-bottom: 28px;
}

.related-item figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}

figure.image-auto img{
	aspect-ratio: auto;
	object-fit: fill;
}

.related-item h3 {
	margin-bottom: 18px;
	line-height: 1.6em;
}

.related-item p {
	font-size: 13px;
	margin-bottom: 0;
	color: var(--Color_Text-Black_Sub);
}

/*Related Links*/
.related-links h2 {
	grid-column: span 6 / span 6;
	line-height: 1em;
}

.related-links .related-item {
	grid-column: span 6 / span 6;
	margin-bottom: 14px;
}

.related-links .related-item:last-child {
	margin-bottom: 0;
}

.related-links .related-item a {
	text-decoration: underline;
}

.related-links .related-item h3 {
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 0;
}

/*PROJECT*/
.bg-gray-box {
	background: var(--Color_Basic-LIGHT-GRAY);
	padding: 32px;
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
}

.grid-full .bg-gray-box{
	justify-content: center;
}

.loopSlider {
	grid-column: span 6 / span 6;
}

.loopSliderWrap {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 32px;
	grid-row-gap: 32px;
}

.loopSliderWrap .bg-gray-box {
	background: var(--Color_Basic-LIGHT-GRAY);
	padding: 32px;
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
}

.loopSliderWrap .bg-gray-box figure {
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vertically-long .loopSliderWrap .bg-gray-box {
	aspect-ratio: 648 / 781;
}

.vertically-long .loopSliderWrap .bg-gray-box figure {
	aspect-ratio: 648 / 781;
}

.vertically-long .loopSliderWrap {
	grid-template-rows: repeat(2, 1fr);
}

.vertically-long .loopSliderWrap .grid-L-full {
	grid-row: 1 / 3;
	grid-column: 1 / 4;
}

.vertically-long .loopSliderWrap .grid-R-top {
	grid-row: 1 / 2;
	grid-column: 4 / 7;
	aspect-ratio: 648 / 374.75;
}

.vertically-long .loopSliderWrap .grid-R-bottom {
	grid-row: 2 / 3;
	grid-column: 4 / 7;
	aspect-ratio: 648 / 374.75;
}

.vertically-long .loopSliderWrap .grid-R-top figure {
	aspect-ratio: 584 / 310.75;
}

.vertically-long .loopSliderWrap .grid-R-bottom figure {
	aspect-ratio: 584 / 310.75;
}

.project h2.large-heading {
	margin: 0 auto 40px;
}

.project .content-area h3 {
	margin-bottom: 24px;
}

.project .content-area .loopSlider-cap small {
	text-align: right;
	margin: 12px auto 0;
}

/*PROJECT*/

/*AWARD*/
.award .full-width-item {
	margin: 0 auto 40px;
}

h2.award-info-heading {
	margin-top: 160px;
}

.award-info {
	margin-bottom: 160px;
}

.award-title img {
	width: 40px;
	margin-bottom: 12px;
}

.award-title .l-icon {
	width: 82px;
	max-width: 100%;
}

.award-title h3 {
	line-height: 1em;
}

.award-detail {
	margin-bottom: 40px;
}

.award-detail li {
	font-size: 14px;
	display: flex;
	gap: 32px;
	line-height: 1em;
	margin-bottom: 12px;
}

.award-detail li em {
	color: var(--Color_Text-Black_Appendix);
	flex: 0 0 194px;
}

.award-detail li span {
	color: var(--Color_Text-Black_Strong);
}

.award-detail li span a {
	text-decoration: underline;
}

.award-comment h5 {
	font-size: 14px;
	color: var(--Color_Text-Black_Appendix);
	margin-bottom: 24px;
	line-height: 1em;
}

.award-comment p {
	line-height: 1.6em;
}

.award-comment p {
	line-height: 1.6em;
}

.award-links li {
	line-height: 1em;
	margin-bottom: 12px;
	font-size: 14px;
}

.award-links li a {
	text-decoration: underline;
}

.award-video {
	max-width: 100%;
}

/*AWARD*/

/*ARCHIVE*/
.archive .grid-item {
	grid-row-gap: 56px;
	margin: 0 auto 160px;
	position: relative;
}

.archive .related-item.new-item a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 80px;
	background-image: url(/jp/design/assets/images/top/new.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
}

.archive .related-item figure {
	margin-bottom: 20px;
	aspect-ratio: 16 / 9;
	background: #E4E5E6;
}

.archive .related-item h3 {
	margin-bottom: 8px;
	font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

}

.archive .related-item p {
	line-height: 1em;
	/* text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;*/
}

.archive-award-item a figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*ARCHIVE*/

/*202501ces*/
.maxwidth-movie {
	height: 500px;
	position: relative;
	overflow: hidden;
	margin: 0 0 80px;
	background: #000;
}

.maxwidth-movie.video01 {
	height: auto;
	width: 100%;
	aspect-ratio: 8 / 3;
}

.maxwidth-movie.video01 video {
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: -30%;
}

.maxwidth-movie.video02 {
	height: auto;
	width: 100%;
	aspect-ratio: 8 / 4;
}

.maxwidth-movie.video02 video {
	width: 70%;
	object-fit: cover;
	position: absolute;
	top: -10%;
	left: 50%;
	transform: translateX(-50%);
}

.youtubeview {
	/*天地中央配置*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*縦横幅指定*/
	width: 100vw;
	/* 16:9 の幅→16 ÷ 9＝ 177.77% */
	height: 56.25vw;
	/* 16:9の幅 → 9 ÷ 16 = 56.25% */
	min-height: 100%;
	min-width: 100%;
	opacity: 0.8;
}

.youtubeview.video02 {
	height: 57.25vw;
}

/*youtubeがクリックされないためのマスク*/
.youtube-mask {
	position: absolute;
	z-index: 2;
	/*下から2番目に表示*/
	top: 0;
	width: 100%;
	height: 100%;
}

.check-text{
	color: red !important;
}


@media screen and (max-width: 1441px) {
	.overlay-text-L {
		left: 2.5%;
		max-width: 62%;
		width: 100%;
	}

	.overlay-text-R {
		right: 2.5%;
		max-width: 62%;
		width: 100%;
	}
}

@media screen and (max-width: 1100px) {

	.long-text .overlay-text-R,
	.long-text .overlay-text-R {
		max-width: 80%;
	}

	.full-width-item.long-text figure {
		aspect-ratio: 3 / 2;
	}

	.full-width-item.long-text img {
		object-fit: cover;
		height: 100%;
	}
}

@media screen and (max-width: 1000px) {

	.long-text .overlay-text-R,
	.long-text .overlay-text-L {
		max-width: 80%;
	}

	.full-width-item.long-text figure {
		aspect-ratio: 3 / 3;
	}
}

@media screen and (max-width: 768px) {
	h2.large-heading {
		max-width: 90%;
	}

	h2.large-heading.largest {
		font-size: 28px;
		text-decoration: none;
		margin-bottom: 60px;
	}

	.grid-item {
		grid-template-columns: repeat(1, 1fr);
		max-width: 90%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}

	/*ARCHIVE*/

	.grid-item.archive-project {
		grid-row-gap: 40px;
	}

	.archive .grid-item {
		margin: 0 auto 140px;
	}

	.archive .related-item figure {
		margin-bottom: 14px;
	}

	.related-item {
		max-width: 100%;

	}

	.related-item h3 {
		font-size: 14px;
		line-height: 1.4em;
	}

	.related-item p {
		font-size: 13px;
	}

	/*ARCHIVE*/

	/* project */
	.content-area h1 {
		font-size: 28px;
	}
	.content-area h2 {
		font-size: 28px;
	}

	.content-area p {
		font-family: 'HondaGlobalFontJP-Regular',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

	}

	.head-title {
		display: contents;
	}

	.head-title h2 {
		order: 1;
		margin-bottom: 24px;
	}


	.head-read {
		order: 2;
		margin-top: 0;
		margin-bottom: 40px;
	}

	.head-title .detail {
		order: 3;
		display: block;
	}

	.head-title .detail-item {
		margin-bottom: 16px;
	}

	.head-title .detail-item:last-child {
		margin-bottom: 0;
	}

	.head-title .detail-item p {
		font-size: 13px;
		margin-bottom: 8px;
		font-weight: 200;
	}

	.head-title .detail-item h5 {
		font-size: 13px;
		line-height: 1em;
		font-family: 'HondaGlobalFontEN-Light',"ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;

		;
	}

	.head-area {
		margin-bottom: 60px;
	}

	.project .grid-item {
		margin-bottom: 80px;
	}

	.project h2.large-heading {
		font-size: 13px;
		max-width: 90%;
		margin-bottom: 12px;
	}
	
	.project h2.large-heading.ideation{
		font-size: 18px;
		margin-bottom: 32px;
	}

	.project .content-area h3 {
		font-size: 18px;
		margin-bottom: 32px;
	}

	.related-area h2 {
		margin-bottom: 60px;
		width: 100%;
		flex-wrap: wrap;
	}

	.related-area .view-all {
		font-size: 14px;
	}

	.related-area .related-item {
		margin-bottom: 40px;
	}

	.related-area .related-item:last-child {
		margin-bottom: 0;
	}

	.related-area .related-item figure {
		margin-bottom: 16px;
	}

	.related-area .related-item h3 {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.related-area .related-item p {
		font-size: 13px;
		line-height: 1.4em;
	}

	.loop-area {
		max-width: 100%;
	}

	.loop-area figure {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.loop-area figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.loop-area * {
		min-height: 0 !important;
		min-width: 0 !important;
	}

	.loop-area .slick-slide {
		width: auto;
	}

	/* PC版とスマホ版の切り替え */
	.loopSlider {
		position: relative;
		overflow: hidden;
		width: 100%;
		white-space: nowrap;
	}

	.loopSliderWrap {
		display: flex;
		position: relative;
		white-space: nowrap;
		grid-column-gap: 0;
	}

	/* .loop-area: PC/スマホでのスライダー切り替え */
	.loop-area .loopSlider { display: block; }
	.loop-area .splide { overflow: visible; }
	
	@media screen and (max-width: 768px) {
		.loop-area .loopSlider { display: none !important; }
		.loop-area .splide { display: block !important; }
	}

	/* Splideスライダーのスタイル */
	.loop-area .splide__slide { height: 200px; }
	.loop-area .splide__slide .bg-gray-box { height: 100%; padding: 24px; justify-content: center;}
	.loop-area .splide__slide figure { height: 100%; display: flex; align-items: center; justify-content: center; }
	.loop-area .splide__slide figure img { width: 100%; height: 100%; object-fit: contain; }

	.loopSliderWrap {
		display: flex;
		position: relative;
		white-space: nowrap;
		grid-column-gap: 9px;

		will-change: transform;
		transform: translate3d(0, 0, 0);
		backface-visibility: hidden;
		perspective: 1000px;
		-webkit-font-smoothing: antialiased;
	}


	.project .content-area .loopSlider-cap {
		display: none;
	}

	.loopSliderWrap .bg-gray-box {
		min-width: 200px;
		flex-shrink: 0;
		height: 200px;
		padding: 24px;
		display: block !important;

		will-change: transform;
		transform: translate3d(0, 0, 0);
		backface-visibility: hidden;
	}

	.loopSliderWrap .bg-gray-box figure {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;

		will-change: transform;
        backface-visibility: hidden;
	}

	.loopSliderWrap .bg-gray-box figure img {
		will-change: transform;
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	/* project */


	/* award */
	.award .full-width-item {
		margin: 0 auto 16px;
	}

	h2.award-info-heading {
		margin: 120px auto 60px;
	}

	.award-title img {
		margin-bottom: 16px;
	}

	.award-info .content-area h3 {
		font-size: 18px;
	}

	.award-info .grid-L-m {
		margin-bottom: 60px;
	}

	.award-info .grid-L-m:last-child {
		margin-bottom: 0;
	}

	.award-info .grid-full {
		width: 90%;
		margin: 0 auto;
	}

	.award-info .grid-ss {
		width: 90%;
		margin: 0 auto;
	}

	.award-comment h5 {
		margin-bottom: 12px;
	}

	.related-area {
		margin-top: 120px;
	}

	/* award */

	/* interview */
	.head-read p {
		margin-bottom: 8px;
	}

	.full-width-item figure figcaption {
		text-align: left;
		max-width: 90%;
	}

	.grid-item figure figcaption {
		text-align: left;
		max-width: 90%;
		margin: 12px auto 0;

	}

	.interview h2.large-heading {
		padding-bottom: 20px;
		border-bottom: 1px solid #8C8D91;
		margin-bottom: 16px;

	}


	.grid-L-s {
		order: 2;
		max-width: 90%;
		margin: 0 auto;
	}

	.grid-R-l {
		order: 1;
		max-width: 90%;
		margin: 0 auto;
	}

	.grid-L-l {
		order: 1;
		max-width: 90%;
		margin: 0 auto;
	}

	.grid-R-s {
		order: 2;
		max-width: 90%;
		margin: 0 auto;
	}

	.grid-L-s:has(figure) {
		max-width: 100%;
	}

	.grid-R-l:has(figure) {
		max-width: 100%;

	}

	.grid-L-l:has(figure) {
		max-width: 100%;

	}

	.grid-R-s:has(figure) {
		max-width: 100%;

	}

	.interview .grid-item {
		gap: 20px;
		max-width: 100%;
	}

	.interview .head-area {
		gap: 0;
		max-width: 90%;
	}


	.full-width-item {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin: 0 auto 60px;
	}

	.overlay-text-R,
	.overlay-text-L {
		position: static;
		transform: none;
		max-width: 90%;
		padding: 0;
		margin: 0 auto;
		order: 2;
		background: #fff;
	}

	.full-width-item figure {
		width: 100%;
	}

	.overlay-text-L p,
	.overlay-text-R p {
		color: var(--Color_Text-Black_Basic);
	}

	.overlay-text-R h2,
	.overlay-text-R h3,
	.overlay-text-R p strong {
		color: var(--Color_Text-Black_Strong);
	}

	.overlay-text-L h2,
	.overlay-text-L h3,
	.overlay-text-L p strong {
		color: var(--Color_Text-Black_Strong);
	}

	.interview .profile-area {
		gap: 40px 12px;
		justify-content: space-between;
		margin-top: 120px;
		max-width: 90%;

	}

	.interview .profile-area h3 {
		font-size: 24px;
		flex: 0 0 100%;
		margin-bottom: 20px;
	}

	.content-area h4 {
		margin-bottom: 8px;
	}

	.interview .profile-item {
		flex: 0 0 48%;
	}

	.interview .profile-item figure {
		margin-bottom: 16px;
	}

	.interview .profile-item p {
		font-size: 13px;
		line-height: 1.4em;
	}

	.interview .related-area {
		gap: 0;
		max-width: 90%;
	}

	.full-width-item.long-text figure {
		aspect-ratio: auto;
	}

	.maxwidth-movie {
		margin: 0 0 20px;
	}

	.long-text .overlay-text-R,
	.long-text .overlay-text-L {
		max-width: 90%;
	}

	/* interview */

	/*Related Links*/
	.related-links h2 {
		margin-bottom: 60px;
	}

	.interview .grid-item.related-links {
		gap: 0;
		max-width: 90%;
		margin-top: 120px;
	}

	.related-links .related-item {
		width: 100%;
	}

	.related-links .related-item h3 {
		line-height: 1.4em;
	}


}