@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}
:root{
	--primaryColor : #eb615a;
	--secondaryColor : #dd5e58;
}
/*--------------------------------------------
PRIMARY COLOR
---------------------------------------------*/
.title01.title01-cube-primary:after{
	background-color : #eb615a;
	background-color : var(--primaryColor);
}
.title02{
	color : #eb615a;
	color : var(--primaryColor);
}
.title02.title02-border-top{
	border-top-color : #eb615a;
	border-top-color : var(--primaryColor);
}
.title02:after{
	background-color : #eb615a;
	background-color : var(--primaryColor);
}
.bg-primary{
	background-color : #eb615a;
	background-color : var(--primaryColor);
}
.bg-secondary{
	background-color : #dd5e58;
	background-color : var(--secondaryColor);
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
#title{
	border-top-color : #eb615a;
	border-top-color : var(--primaryColor);
	border-top-style : solid;
	background-color : #edd1d1;
}
@media screen and (max-width: 750px){
	#title{
		border-top-width : calc( 20 * 100vw / 750 );
	}
	#title .wrap{
		padding-top : calc( 32 * 100vw / 750 );
		padding-bottom : calc( ( 42 - 6.4 ) * 100vw / 750 );
	}
	#title .lede01{
		margin-top : calc( ( 22 - 6.4 ) * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#title{
		border-top-width : 12px;
	}
	#title .wrap{
		padding-top : 22px;
		padding-bottom : calc( 10px - 4px );
	}
	#title .lede01{
		margin-top : calc( 13px - 4px );
	}
}
/*--------------------------------------------
COMMON
---------------------------------------------*/
.nav-creators{
	display : flex;
	flex-wrap : wrap;
}
.nav-creators a{
	font-weight : 500;
	width : 100%;
	height : 100%;
	color : #fff;
	letter-spacing : .07em;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	border-color : currentColor;
	backface-visibility : hidden;
	will-change : color , background-color;
	transition : color .5s ease-in , background-color .5s ease-in;
}
.nav-creators a.is-current , .nav-creators a:hover{
	background-color : #fff;
	color : #eb615a;
	color : var(--primaryColor);
}
@media screen and (max-width: 750px){
	.nav-creators{
		flex-direction : column;
	}
	.nav-creators li{
		width : calc( 336 * 100% / 698 );
		height : calc( 48 * 100vw / 750 );
	}
	.nav-creators li:not(:nth-child(4n+1)){
		margin-top : calc( 24 * 100vw / 750 );
	}
	.nav-creators li:nth-child(n+5){
		margin-left : calc( 26 * 100% / 698 );
	}
	.nav-creators a{
		font-size : calc( 2.24rem + .4rem );
		border-width : calc( 2 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.nav-creators li{
		width : 230px;
		height : 36px;
	}
	.nav-creators li:not(:nth-child(4n+1)){
		margin-left : 10px;
	}
	.nav-creators li:nth-child(n+5){
		margin-top : 10px;
	}
	.nav-creators a{
		font-size : calc( 1.6rem + .2rem );
		border-width : 1px;
	}
	.nav-creators a:before{
		width : 11px;
		height : 11px;
		margin-right : 8px;
	}
	.nav-creators a:after{
		height : 1px;
		top : 22px;
	}
}
/*--------------------------------------------
INDEX
---------------------------------------------*/
#links01 ol{
	display : flex;
	align-items : center;
	justify-content : center;
}
#links01 ol a{
	display : flex;
	align-items : center;
	border-style : solid;
	border-color : #fff;
	width : 100%;
	height : 100%;
	font-weight : 500;
	letter-spacing : .07em;
	position : relative;
	color : #fff;
	backface-visibility : hidden;
	will-change : color, background-color;
	transition : color .5s ease-in , background-color .5s ease-in;
}
#links01 ol a:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	position : absolute;
	backface-visibility : hidden;
	will-change : transform;
	transition : transform .5s ease-in;
	background-size : contain;
}
#links01 ol a.is-current , #links01 ol a:hover{
	color : #eb615a;
	color : var(--primaryColor);
	background-color : #fff;
}
#links01 ol a.is-current:after , #links01 ol a:hover:after{
	transform : translateX(25%);
}
@media screen and (max-width: 750px){
	#links01 .wrap{
		padding-bottom : calc( 44 * 100vw / 750 );
		padding-left : 0;
		padding-right : 0;
	}
	#links01 ol{
		background-color : #edd1d1;
		padding-bottom : calc( 28 * 100vw / 750 );
	}
	#links01 ol li{
		width : calc( 309 * 100% / 698 );
		height : calc( 47 * 100vw / 750 );
	}
	#links01 ol li + li{
		margin-left : calc( 22 * 100% / 698 );
	}
	#links01 ol a{
		font-size : calc( 2.88rem + .4rem );
		border-width : calc( 2 * 100vw / 750 );
		padding-left : calc( 92 * 100vw / 750 );
	}
	#links01 ol a:after{
		background-image : url("../images/ui/icon/arrow02_white_sp.svg");
		width : calc( 22 * 100vw / 750 );
		height : calc( 26 * 100vw / 750 );
		top : calc( 10 * 100vw / 750 );
		right : calc( 44 * 100vw / 750 );
	}
	#links01 ol a.is-current:after , #links01 ol a:hover:after{
		background-image : url("../images/ui/icon/arrow02_red_sp.svg");
	}
	#links01 ul{
		padding-top : calc( 36 * 100vw / 750 );
		height : calc( ( 36 + 48 * 4 + 24 * 3 ) * 100vw / 750 );
		padding-left : calc( 26 * 100% / 750 );
		padding-right : calc( 26 * 100% / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#links01 .wrap{
		padding-top : 18px;
		padding-bottom : 22px;
		padding-left : 65px;
		padding-right : 65px;
	}
	#links01 ol{
		justify-content : center;
	}
	#links01 ol li{
		width : 193px;
		height : 29px;
	}
	#links01 ol li + li{
		margin-left : 10px;
	}
	#links01 ol a{
		font-size : calc( 1.8rem + .2rem );
		border-width : 1px;
		padding-left : 58px;
	}
	#links01 ol a:after{
		background-image : url("../images/ui/icon/arrow02_white_pc.svg");
		width : 14px;
		height : 16px;
		top : 6px;
		right : 26px;
	}
	#links01 ol a.is-current , #links01 ol a:hover{
		font-weight : 700;
	}
	#links01 ol a.is-current:after , #links01 ol a:hover:after{
		background-image : url("../images/ui/icon/arrow02_red_pc.svg");
	}
	#links01 ul{
		margin-top : 20px;
	}
}
/*--------------------------------------------
CREATOR
---------------------------------------------*/
#creator .body{
	border-bottom-style : solid;
	border-bottom-color : #eb615a;
	border-bottom-color : var(--primaryColor);
}
#creator .head{
	display : flex;
	align-items : baseline;
}
#creator h2{
	letter-spacing : .08em;
	margin-left : 1em;
}
#creator .head p{
	color : #dd5e58;
	color : var(--secondaryColor);
}
#creator picture img{
	width : 100%;
	height : auto;
}
#creator h3{
	color : #808080;
	letter-spacing : .12em;
}
#creator .body p{
	letter-spacing : .08em;
}
@media screen and (max-width: 750px){
	#creator .wrap{
		padding-top : calc( 52 * 100vw / 750 );
		padding-bottom : calc( 48 * 100vw / 750 );
	}
	#creator .head{
		justify-content : center;
	}
	#creator h2{
		font-size : calc( 3.2rem + .4rem );
	}
	#creator .head p{
		font-size : calc( 3.2rem + .4rem );
	}
	#creator .body{
		margin-top : calc( 54 * 100vw / 750 );
		border-bottom-width : calc( 3 * 100vw / 750 );
		padding-bottom : calc( ( 64 - 6.5 ) * 100vw / 750 );
	}
	#creator picture{
		margin-left : auto;
		margin-right : auto;
		width : calc( 387 * 100vw / 694 );
	}
	#creator .body > div{
		margin-top : calc( 56 * 100vw / 750 );
		padding-left : calc( 27 * 100% / 694 );
		padding-right : calc( 27 * 100% / 694 );
	}
	#creator h3{
		font-size : calc( 2.6rem + .4rem );
		margin-bottom : calc( ( 36 - 6.5 ) * 100vw / 750 );
	}
	#creator .body p{
		font-size : calc( 2.4rem + .4rem );
		line-height : 1.54;
	}
}
@media print,screen and (min-width: 751px){
	#creator .wrap{
		padding-top : 45px;
		padding-bottom : 42px;
	}
	#creator h2{
		font-size : calc( 2.2rem + .2rem );
	}
	#creator .head p{
		font-size : calc( 2.2rem + .2rem );
	}
	#creator .body{
		margin-top : 42px;
		display : flex;
		align-items : flex-start;
		border-bottom-width : 3px;
		padding-bottom : calc( 46px - 3.5px );
	}
	#creator picture{
		flex-shrink : 0;
		width : 242px;
		margin-right : 54px;
	}
	#creator .body > div{
		flex-grow : 1;
	}
	#creator h3{
		font-size : calc( 1.4rem + .2rem );
		margin-bottom : calc( 20px - 3.5px );
	}
	#creator .body p{
		font-size : calc( 1.4rem + .2rem );
		line-height : 1.5;
	}
}
/*--------------------------------------------
WORK
---------------------------------------------*/
#work #slider .slide-arrow{
	position : absolute;
	z-index : 5;
	cursor : pointer;
	top : 50%;
	transform : translateY(-50%);
}
#work picture{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #eeefee;
	overflow : hidden;
}
#work picture > img{
	width : 100%;
	height : 100%;
	object-fit : contain;
	font-family : "object-fit: contain;";
}
#work .copyright{
	text-align : right;
	letter-spacing : .08em;
}
#work .award{
	display : inline-flex;
	align-items : center;
	letter-spacing : .08em;
	background-color : rgba(0,0,0,.5);
	color : #fff;
}
#work h2{
	letter-spacing : .08em;
}
#work .years{
	display : flex;
	align-items : baseline;
}
#work .years li + li:before{
	content : " / ";
	white-space : pre;
}
#work .years li{
	letter-spacing : .08em;
}
#work .description{
	border-top-style : solid;
	border-top-color : #cdd1cd;
	letter-spacing : .08em;
}
#work dl div , #work dl dt , #work dl dd{
	display : inline;
}
#work dl div + div:before{
	content : " / ";
	white-space : pre;
}
@media screen and (max-width: 750px){
	#work .wrap{
		padding-left : calc( 55 * 100% / 750 );
		padding-right : calc( 55 * 100% / 750 );
	}
	#work .slide-arrow{
		height : calc( 49 * 100vw / 750 );
	}
	#work .prev-arrow{
		left : calc( -28 * 100% / 640 );
	}
	#work .next-arrow{
		right : calc( -28 * 100% / 640 );
	}
	#work picture{
		width : 100%;
		height : calc( 642 * 100vw / 750 );
		padding-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
		padding-left : calc( 12 * 100% / 640 );
		padding-right : calc( 12 * 100% / 640 );
	}
	#work .copyright{
		font-size : calc( 1.652rem + .4rem );
		margin-top : calc( 8 * 100vw / 750 );
	}
	#work .award{
		margin-top : calc( 56 * 100vw / 750 );
		font-size : calc( 2.4rem + .4rem );
		line-height : 1.2;
		padding-top : calc( ( 9 - 2.4 ) * 100vw / 750 );
		padding-bottom : calc( ( 9 - 2.4 ) * 100vw / 750 );
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
	}
	#work h2{
		font-size : calc( 5.4rem + .4rem );
		margin-top : calc( 28 * 100vw / 750 );
	}
	#work .years{
		flex-wrap : wrap;
		line-height : 1.2;
		margin-top : calc( 32 * 100vw / 750 );
	}
	#work .years li{
		font-size : calc( 2.8rem + .4rem );
	}
	#work dl{
		margin-top : calc( ( 36 - 8 ) * 100vw / 750 );
	}
	#work dl dt , #work dl dd{
		font-size : calc( 2.4rem + .4rem );
		line-height : 1.67;
	}
	#work .description{
		border-width : calc( 6 * 100vw / 750 );
		margin-top : calc( ( 32 - 8 ) * 100vw / 750 );
		padding-top : calc( ( 34 - 8 ) * 100vw / 750 );
		font-size : calc( 2.4rem + .4rem );
		line-height : 1.67;
	}
}
@media print,screen and (min-width: 751px){
	#work .slide-arrow{
		height : 53px;
	}
	#work .prev-arrow{
		left : -32px;
	}
	#work .next-arrow{
		right : -32px;
	}
	#work picture{
		width : 100%;
		height : 700px;
		padding-top : 10px;
		padding-bottom : 10px;
		padding-left : 10px;
		padding-right : 10px;
	}
	#work .copyright{
		font-size : calc( 1rem + .2rem );
		margin-top : 8px;
	}
	#work .award{
		font-size : calc( 1.3rem + .2rem );
		height : 24px;
		padding-left : 32px;
		padding-right : 32px;
		margin-top : 25px;
	}
	#work h2{
		font-size : calc( 3rem + .2rem );
		margin-top : 18px;
	}
	#work .years{
		margin-top : 16px;
	}
	#work .years li{
		font-size : calc( 1.6rem + .2rem );
	}
	#work dl{
		margin-top : calc( 20px - 2.5px );
	}
	#work dl dt , #work dl dd{
		font-size : calc( 1.3rem + .2rem );
		line-height : 1.5;
	}
	#work .is-break-pc:before{
		content : "\A" ;
		white-space : pre ;
	}
	#work .description{
		border-width : 3px;
		margin-top : calc( 20px - 2.5px );
		padding-top : calc( 20px - 3.5px );
		font-size : calc( 1.4rem + .2rem );
		line-height : 1.5;
	}
}
/*--------------------------------------------
TRAILER
---------------------------------------------*/
#trailer .iframe-container{
	position : relative;
}
#trailer .iframe-container > #map , #trailer .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
#trailer [class*="gif-0"]{
	display : flex;
}
#trailer [class*="gif-0"] li{
	flex : 1 1;
}
#trailer .gif-01 li:first-child{
	flex : 1.33 1;
}
#trailer .gif-02 li:first-child{
	flex : .2415 1;
}
#trailer [class*="gif-0"] li img{
	width : 100%;
	height : auto;
}
#trailer .copyright{
	text-align : right;
	letter-spacing : .08em;
}
#trailer a{
	align-items : center;
	backface-visibility : hidden;
	background-color : #eb615a;
	background-color : var(--primaryColor);
	color : #fff;
	display : flex;
	justify-content : center;
	letter-spacing : .08em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position : relative;
	text-align : center;
	transition : opacity .5s ease-in;
	will-change : opacity;
}
#trailer a:after{
	backface-visibility : hidden;
	background-position : center;
	background-repeat : no-repeat;
	background-size : contain;
	content : "";
	display : block;
	position : absolute;
	transition : transform .5s ease-in;
	will-change : transform;
}
#trailer a:hover{
	opacity : .6;
}
#trailer a:hover:after{
	transform : translateX(25%);
}
@media screen and (max-width: 750px){
	#trailer .wrap{
		padding-top : calc( ( 80 - 8 ) * 100vw / 750 );
	}
	#trailer .iframe-container{
		margin-top : calc( 38 * 100vw / 750 );
		height : calc( 386 * 100vw / 750 );
	}
	#trailer .gif-container{
		margin-top : calc( 38 * 100vw / 750 );
	}
	#trailer .gif-01{
		margin-bottom : calc( 19 * 100vw / 750 );
	}
	#trailer [class*="gif-0"] li + li{
		margin-left : calc( 19 * 100vw / 750 );
	}
	#trailer .copyright{
		font-size : calc( 1.652rem + .4rem );
		margin-top : calc( 8 * 100vw / 750 );
	}
	#trailer a{
		font-size : calc( 2.4rem + .4rem );
		height : calc( 58 * 100vw / 750 );
		margin-top : calc( 40 * 100vw / 750 );
		width: calc( 324 * 100vw / 750 );
	}
	#trailer a:after{
		background-image : url("../images/ui/icon/arrow02_white_sp.svg");
		height : calc( 26 * 100vw / 750 );
		right : calc( 16 * 100vw / 750 );
		top : calc( 16 * 100vw / 750 );
		width : calc( 22 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#trailer .wrap{
		padding-top : calc( 62px - 3.5px );
	}
	#trailer .iframe-container{
		margin-top : 30px;
		height : 386px;
	}
	#trailer .gif-container{
		margin-top : 30px;
	}
	#trailer .gif-01{
		margin-bottom : 20px;
	}
	#trailer [class*="gif-0"] li + li{
		margin-left : 20px;
	}
	#trailer .copyright{
		font-size : calc( 1rem + .2rem );
		margin-top : 8px;
	}
	#trailer a{
		font-size : calc( 1.3rem + .2rem );
		-ms-grid-column-align : end;
		height : 36px;
		justify-self : end;
		margin-top: 30px;
		width : 202px;
	}
	#trailer a:after{
		background-image : url("../images/ui/icon/arrow02_white_pc.svg");
		height : 16px;
		right : 10px;
		top : 10px;
		width : 14px;
	}
}
/*--------------------------------------------
MATERIALS
---------------------------------------------*/
#materials .title{
	letter-spacing : .08em;
}
#materials .title span{
	display : block;
}
#materials li a{
	display : block;
	background-color : #eeefee;
	position : relative;
}
#materials li a:after{
	content : "";
	display : block;
	background-color : #999;
	position : absolute;
	left : 0;
	width : 100%;
}
#materials picture{
	overflow : hidden;
	width : 100%;
}
#materials picture > img{
	width : 100%;
	height : 100%;
	object-fit : contain;
	font-family : "object-fit: contain;";
}
#materials .caption{
	text-align : center;
	letter-spacing : .08em;
}
#materials .synopsis .caption{
	text-align : left;
}
@media screen and (max-width: 750px){
	#materials .wrap{
		padding-top : calc( 66 * 100vw / 750 );
		padding-bottom : calc( 54 * 100vw / 750 );
		padding-left : calc( 55 * 100% / 694 );
		padding-right : calc( 55 * 100% / 694 );
	}
	#materials .title02{
		margin-bottom : calc( 66 * 100vw / 750 );
	}
	#materials .title{
		font-size : calc( 2.4rem + .4rem );
		line-height : 1.2;
		margin-bottom : calc( ( 24 - 2.4 ) * 100vw / 750 );
	}
	#materials .title span{
		margin-bottom : calc( 6 * 100vw / 750 );
	}
	#materials .title02 + .title{
		margin-top : calc( -2.4 * 100vw / 750 );
	}
	#materials ul .slide-arrow{
		position : absolute;
		z-index : 5;
		cursor : pointer;
	}
	#materials .slick-track{
		display : flex !important;
	}
	#materials .slick-slide{
		height : inherit !important;
	}
	#materials .slick-slide > div{
		height : 100%;
	}
	#materials .slick-slide > div > li{
		height : 100%;
	}
	#materials .slide-arrow{
		height : calc( 49 * 100vw / 750 );
		top : calc( 296 * 100vw / 750 );
	}
	#materials .prev-arrow{
		left : calc( -28 * 100% / 640 );
	}
	#materials .next-arrow{
		right : calc( -28 * 100% / 640 );
	}
	#materials li a{
		pointer-events : none;
		height : 100%;
		padding-bottom : calc( ( 54 - 5.5 ) * 100vw / 750 );
	}
	#materials li a:after{
		height : calc( 2 * 100vw / 750 );
		bottom : calc( 26 * 100vw / 750 );
	}
	#materials picture{
		padding-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
		padding-left : calc( 6 * 100vw / 750 );
		padding-right : calc( 6 * 100vw / 750 );
		height : calc( 642 * 100vw / 750 );
	}
	#materials .caption{
		margin-top : calc( ( 20 - 5.5 ) * 100vw / 750 );
		font-size : calc( 2.887rem + .4rem );
		line-height : 1.38;
	}
	#materials .synopsis .caption{
		line-height : 1.5;
		padding-left : calc( 30 * 100vw / 750 );
		padding-right : calc( 30 * 100vw / 750 );
	}
	#materials ul + .title{
		margin-top : calc( ( 58 - 2.4 ) * 100vw / 750 );
	}
	#materials ul + ul{
		margin-top : calc( 58 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#materials .wrap{
		padding-top : 66px;
		padding-bottom : 40px;
	}
	#materials .title02{
		margin-bottom : 38px;
	}
	#materials .title{
		font-size : calc( 1.5rem + .2rem );
		line-height : 1.3;
		margin-bottom : calc( 16px - 1.5px );
	}
	#materials .title span{
		margin-bottom : 3px;
	}
	#materials .title02 + .title{
		margin-top : -1.5px;
	}
	#materials ul{
		display : flex;
		flex-wrap : wrap;
	}
	#materials li{
		width : 288px;
	}
	#materials li:not(:nth-child(3n+1)){
		margin-left : 16px;
	}
	#materials li:nth-child(n+4){
		margin-top : 24px;
	}
	#materials li a{
		height : 100%;
		padding-bottom : calc( 23px - 2.5px );
		cursor : zoom-in;
	}
	#materials li a:after{
		height : 1px;
		bottom : 10px;
	}
	#materials picture{
		padding-top : 6px;
		padding-bottom : 6px;
		padding-left : 6px;
		padding-right : 6px;
		height : 300px;
	}
	#materials .caption{
		font-size : calc( 1.3rem + .2rem );
		line-height : 1.38;
		margin-top : calc( 12px - 2.5px );
	}
	#materials .synopsis .caption{
		line-height : 1.5;
		padding : 0 5px 0 10px;
	}
	#materials ul + .title{
		margin-top : calc( 24px - 1.5px );
	}
	#materials ul + ul{
		margin-top : 24px;
	}
}
/*--------------------------------------------
POPUP
---------------------------------------------*/
@media print,screen and (min-width: 751px){
	.mfp-content{
		background-color : #eeefee;
		width : 718px;
		padding-bottom : calc( 74px - 6.5px );
		position : relative;
	}
	.mfp-content button{
		display : none;
	}
	.mfp-content:after{
		content : "";
		display : block;
		background-color : #d4d6d5;
		width : 100%;
		height : 3px;
		position : absolute;
		left : 0;
		bottom : 38px;
	}
	.mfp-content figure{
		background-color : #eeefee;
	}
	.mfp-content .mfp-figure:after{
		content : none;
	}
	.mfp-content img.mfp-img{
		padding : 0;
		width : 100%;
		height : 100%;
		object-fit : contain;
		font-family : "object-fit: contain;";
		padding-top : 12px;
		padding-left : 20px;
		padding-right : 20px;
		padding-bottom : 12px;
		height : 718px;
	}
	.mfp-content .mfp-bottom-bar{
		position : relative;
		margin-top : 0;
	}
	.mfp-content .mfp-title{
		color : #000;
		text-align : center;
		letter-spacing : .08em;
		font-size : calc( 3.25rem + .2rem );
		line-height : 1.38;
		margin-top : calc( 24px - 6.25px );
		padding-right : 0;
	}
}
@media print,screen and (min-width: 960px){
	.modal_synopsis .mfp-content .mfp-title{
		font-size : 1.6rem;
		padding-left : 30px;
		padding-right : 30px;
		text-align : left;
	}
}
/*--------------------------------------------
OTHER
---------------------------------------------*/
#other picture{
	text-align : center;
}
#other picture img{
	max-width : 100%;
	width : auto;
	height : auto;
}
#other picture + p{
	letter-spacing : .08em;
	text-align : right;
}
#other .years{
	display : flex;
	align-items : baseline;
}
#other .years li + li:before{
	content : " / ";
	white-space : pre;
}
#other h5{
	letter-spacing : .08em;
}
#other .years li{
	letter-spacing : .08em;
}
#other .award{
	display : inline-flex;
	align-items : center;
	letter-spacing : .08em;
	background-color : rgba(0,0,0,.5);
	color : #fff;
	text-align : left;
}
@media screen and (max-width: 750px){
	#other .wrap{
		padding-bottom : calc( 84 * 100vw / 750 );
	}
	#other .list{
		margin-top : calc( 68 * 100vw / 750 );
		padding-left : calc( 45 * 100% / 694 );
		padding-right : calc( 45 * 100% / 694 );
	}
	#other .list > li + li{
		margin-top : calc( 96 * 100vw / 750 );
	}
	#other .title02{
		padding-top : calc( 54 * 100vw / 750 );
	}
	#other picture{
		overflow : hidden;
		height : inherit!important;
	}
	#other picture > img{
		width : 100%;
		height : 100%;
		object-fit : contain;
		font-family : "object-fit: contain;";
	}
	#other picture img{
		max-height : calc( 495 * 100vw / 750 );
	}
	#other picture + p{
		height : inherit!important;
		margin-top : calc( ( 18 - 1.652 ) * 100vw / 750 );
		line-height : 1.2;
		font-size : calc( 1.652rem + .4rem );
	}
	#other h5{
		margin-top : calc( ( 50 - 1.652 - 2.082 ) * 100vw / 750 );
		font-size : 4.164rem;
		line-height : 1.2;
	}
	#other .years{
		flex-wrap : wrap;
		margin-top : calc( ( 18 - 2.082 ) * 100vw / 750 );
	}
	#other .years li{
		font-size : calc( 2.461rem + .4rem );
	}
	#other .award{
		font-size : calc( 2.4rem + .4rem );
		line-height : 1.2;
		padding-top : calc( ( 9 - 2.4 ) * 100vw / 750 );
		padding-bottom : calc( ( 9 - 2.4 ) * 100vw / 750 );
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
		margin-top : calc( 18 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#other .wrap{
		padding-bottom : 70px;
	}
	#other .list{
		display : flex;
		justify-content : space-between;
		margin-top : 36px;
	}
	#other .list.single{
		justify-content : center;
	}
	#other .list > li{
		padding-left : 10px;
		padding-right : 10px;
		width : 340px;
	}
	#other picture{
		display : flex;
		align-items : flex-end;
		justify-content : center;
	}
	#other picture img{
		object-fit : contain;
		object-position : center bottom;
		font-family : "object-fit: contain; object-position: left bottom";
		max-height : 310px;
	}
	#other picture + p{
		font-size : calc( 1rem + .2rem );
		line-height : 1.2;
		margin-top : calc( 10px - 1px );
	}
	#other h5{
		margin-top : calc( 12px - 1px - 2.2px );
		font-size : 2.2rem;
		line-height : 1.2;
	}
	#other .years{
		flex-wrap : wrap;
		margin-top : calc( 10px - 2.2px );
	}
	#other .years li{
		font-size : calc( 1.3rem + .2rem );
	}
	#other .award{
		font-size : calc( 1.3rem + .2rem );
		line-height : 1.2;
		padding-top : calc( 5px - 1.3px );
		padding-bottom : calc( 5px - 1.3px );
		padding-left : 20px;
		padding-right : 20px;
		margin-top : 10px;
	}
}
/*--------------------------------------------
RELATED
---------------------------------------------*/
#related dt , #related dd{
	letter-spacing : .08em;
}
#related dt{
	font-weight : 700;
}
#related dd a{
	color : #eb615a;
	color : var(--primaryColor);
	word-break : break-all;
}
@media screen and (max-width: 750px){
	#related .wrap{
		padding-bottom : calc( 120 * 100vw / 750 );
	}
	#related .title02{
		padding-top : calc( 40 * 100vw / 750 );
	}
	#related dl{
		margin-top : calc( 70 * 100vw / 750 );
		padding-left : calc( 24 * 100% / 694 );
		padding-right : calc( 24 * 100% / 694 );
	}
	#related dl > div + div{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#related dt , #related dd{
		font-size : 2.8rem;
		line-height : 1.2;
	}
	#related dd{
		margin-top : calc( 28 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#related .wrap{
		padding-bottom : calc( 38px - 5.25px );
	}
	#related dl{
		margin-top : calc( 38px - 5.25px );
	}
	#related dl > div{
		display : flex;
		align-items : baseline;
	}
	#related dl > div + div{
		margin-top : calc( 16px - 5.25px );
	}
	#related dt , #related dd{
		font-size : 1.2rem;
		line-height : 1.75;
	}
	#related dt{
		flex-shrink : 0;
		width : 340px;
	}
	#related dd{
		flex-grow : 1;
		margin-left : 20px;
	}
}
/*--------------------------------------------
LINKS02
---------------------------------------------*/
@media screen and (max-width: 750px){
	#links02{
		margin-top : calc( 4 * 100vw / 750 );
	}
	#links02 .wrap{
		padding-top : calc( 40 * 100vw / 750 );
		padding-bottom : calc( 44 * 100vw / 750 );
		padding-left : calc( 26 * 100% / 750 );
		padding-right : calc( 26 * 100% / 750 );
	}
	#links02 ul{
		height : calc( ( 48 * 4 + 24 * 3 ) * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#links02{
		margin-top : 38px;
	}
	#links02 .wrap{
		padding-left : 65px;
		padding-right : 65px;
		padding-top : 18px;
		padding-bottom : 18px;
	}
}