@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}
:root{
	--primaryColor : #a57292;
	--secondaryColor : #b578ba;
}
/*--------------------------------------------
PRIMARY COLOR
---------------------------------------------*/
.title01.title01-cube-primary:after{
	background-color : #a57292;
	background-color : var(--primaryColor);
}
.bg-primary{
	background-color : #a57292;
	background-color : var(--primaryColor);
}
.title span{
	text-align : center;
	display : block;
}
.title .noto{
	letter-spacing : .1em;
	color : #a57292;
	color : var(--primaryColor);
}
.title span:not(.noto){
	font-weight : 500;
	letter-spacing : .04em;
}
@media screen and (max-width: 750px){
	.title .noto{
		font-size : calc( 2.88rem + .4rem );
	}
}
@media print,screen and (min-width: 751px){
	.title .noto{
		font-size : calc( 1.8rem + .2rem );
	}
}
/*--------------------------------------------
COMMON
---------------------------------------------*/
.nav-screenings a{
	width : 100%;
	height : 100%;
	display : flex;
	align-items : center;
	color : #b578ba;
	color : var(--secondaryColor);
	position : relative;
	backface-visibility : hidden;
	font-weight : 500;
}
.nav-screenings a:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	position : absolute;
	backface-visibility : hidden;
	will-change : transform;
	transition : transform .5s ease-in;
}
.nav-screenings a:not(.is-current):hover:after{
	transform : translateX(25%);
}
.nav-screenings a.is-current{
	opacity : 1;
}
.nav-screenings li:nth-child(1) span span:nth-of-type(1){
	letter-spacing : .07em;
}
.nav-screenings li:nth-child(1) span span:nth-of-type(2){
	letter-spacing : .05em;
}
.nav-screenings li:nth-child(1) span span:nth-of-type(3){
	letter-spacing : .07em;
}
.nav-screenings li:nth-hchild(2) span{
	letter-spacing : .07em;
}
.nav-screenings li:nth-hchild(3) span{
	letter-spacing : .07em;
}
@media screen and (max-width: 750px){
	.nav-screenings{
		background-color : #fff;
	}
	.nav-screenings li{
		width : 100%;
		height : calc( 116 * 100vw / 750 );
	}
	.nav-screenings li:first-child {
		border-top : 1px solid #d9d7dd;
	}
	.nav-screenings li + li {
		border-bottom : 1px solid #d9d7dd;
	}
	.nav-screenings a{
		padding-left : calc( (68 + 20) * 100% / 710 );
		padding-right : calc( (68 + 20) * 100% / 710 );
	}
	.nav-screenings a:after{
		background-image : url("../images/ui/icon/arrow02_purple_sp.svg");
		width : calc( 22 * 100% / 710 );
		height : calc( 26 * 100vw / 750 );
		top : calc( 42 * 100vw / 750 );
		right : calc( 32 * 100% / 710 );
	}
	.nav-screenings a.is-current{
		background-color : #b578ba;
		background-color : var(--secondaryColor);		
		color : #fff;
	}
	.nav-screenings a.is-current:after{
		background-image : url("../images/ui/icon/arrow02_white_sp.svg");
	}	
	.nav-screenings li:nth-child(1) span span:nth-of-type(1){
		font-size : calc( 2.24rem + .4rem );
	}
	.nav-screenings li:nth-child(1) span span:nth-of-type(2){
		font-size : calc( 1.6rem + .4rem );
	}
	.nav-screenings li:nth-child(1) span span:nth-of-type(3){
		font-size : calc( 2.88rem + .4rem );
		margin-top : calc( 8 * 100vw / 750 );
	}
	.nav-screenings li:nth-child(2) a{
		font-size : calc( 2.88rem + .4rem );
		line-height : 1.11;
	}
	.nav-screenings li:nth-child(3) a{
		font-size : calc( 2.88rem + .4rem );
		line-height : 1.11;
	}
}
@media print,screen and (min-width: 751px){
	.nav-screenings{
		display : flex;
		align-items : center;
		justify-content : center;
	}
	.nav-screenings li{
		width : 296px;
		height : 64px;
	}
	.nav-screenings li + li{
		/*margin-left: 6px; 3column */
		margin-left : 8px;
	}
	.nav-screenings a{
		background-color : #fff;
		backface-visibility : hidden;
		opacity: .8;
		padding-left : 12px;
		padding-right : 12px;
		transition : background-color .5s ease-in , color .5s ease-in;
		will-change : background-color, color;
	}
	.nav-screenings a:after{
		background-image : url("../images/ui/icon/arrow02_purple_pc.svg");
		width : 14px;
		height : 16px;
		top : 20px;
		right : 14px;
	}
	.nav-screenings a.is-current, .nav-screenings a:hover{
		background-color : #b578ba;
		background-color : var(--secondaryColor);
		color: #fff;
	}
	.nav-screenings a:hover{
		opacity: .4;
	}
	.nav-screenings a.is-current:after, .nav-screenings a:hover:after{
		background-image : url("../images/ui/icon/arrow02_white_pc.svg");
		width : 14px;
		height : 16px;
		top : 20px;
		right : 14px;
	}
	.nav-screenings li:nth-child(1) span span:nth-of-type(1){
		font-size : calc( 1.4rem + .2rem );
	}
	.nav-screenings li:nth-child(1) span span:nth-of-type(2){
		font-size : calc( 1rem + .2rem );
	}
	.nav-screenings li:nth-child(1) span span:nth-of-type(3){
		font-size : calc( 1.8rem + .2rem );
		margin-top : 6px;
	}
	.nav-screenings li:nth-child(2) a{
		font-size : calc( 1.8rem + .2rem );
		line-height : 1.11;
	}
	.nav-screenings li:nth-child(3) a{
		font-size : calc( 1.8rem + .2rem );
		line-height : 1.11;
	}
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
#title{
	border-top-style : solid;
	border-top-color : #a57292;
	border-top-color : var(--primaryColor);
	background-color : #d9d7dd;
}
#title p{
	letter-spacing : .08em;
	text-align : center;
}
@media screen and (max-width: 750px){
	#title{
		border-top-width : calc( 20 * 100vw / 750 );
	}
	#title .wrap{
		padding-top : calc( 32 * 100vw / 750 );
		padding-left : 0;
		padding-right : 0;
	}
	#title p{
		font-size : 2.6rem;
		line-height : 1.54;
		margin-top : calc( ( 52 - 7 ) * 100vw / 750 );
	}
	#title .nav-screenings{
		margin-top : calc( 38 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#title{
		border-top-width : 12px;
	}
	#title .wrap{
		padding-top : 22px;
		padding-bottom : 42px;
	}
	#title p{
		font-size : 1.4rem;
		line-height : 1.29;
		margin-top : calc( 14px - 2px );
	}
	#title .nav-screenings{
		margin-top : 38px;
	}
}
/*--------------------------------------------
INFO
---------------------------------------------*/
#info .wrap:after{
	content : "";
	display : block;
	margin-left : auto;
	margin-right : auto;
	background-color : #a57292;
	background-color : var(--primaryColor);
}
#info .close {
	color: #d61518;
	font-weight: 700;
}
#info .streaming{
	display : block;
	width : 100%;
}
#info .streaming img{
	width : 100%;
	height : auto;
}
#info h3{
	font-weight : 700;
	letter-spacing : .1em;
	line-height : 1.44;
	text-align : center;
}
#info h4{
	color : #fff;
	font-weight : 500;
	letter-spacing : .08em;
	background-color : #a57292;
	background-color : var(--primaryColor);
}
#info ol{
	background-color : #d3cedb;
}
#info ol > li{
	display : flex;
	align-items : center;
	counter-increment : no;
}
#info ol > li:before{
	font-weight : 500;
	letter-spacing : .08em;
}
#info ol > li:nth-child(n)::before{
	content : counter(no)"th";
}
#info ol > li:nth-child(1)::before , #info ol > li:nth-child(10n+21)::before{
	content : counter(no)"st";
}
#info ol > li:nth-child(2)::before , #info ol > li:nth-child(10n+22)::before{
	content : counter(no)"nd";
}
#info ol > li:nth-child(3)::before , #info ol > li:nth-child(10n+23)::before{
	content : counter(no)"rd";
}
#info time{
	letter-spacing : .08em;
	font-weight : 400;
	display : flex;
	align-items : baseline;
}
#info time span{
	flex-shrink : 0;
}
#info li a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	overflow : hidden;
	background-color : #fff;
	color : #fff;
	letter-spacing : .08em;
	background-color : #fff;
	background-color : #a50092;
	transition : opacity .5s ease-in;
	backface-visibility : hidden;
	will-change : opacity;
	font-weight : 400;
	pointer-events: none;
}
#info li a:after{
	content : " >";
	white-space : pre;
	transition : transform .5s ease-in;
	backface-visibility : hidden;
	will-change : transform;
}
#info li a:hover{
	opacity : .6;
}
#info li a:hover:after{
	transform : translateX(25%);
}
#info .box02 p span{
	color : #a50092;
	font-weight : 700;
	letter-spacing : .08em;
	padding-left : .25em;
}
#info .box02 p span:before{
	margin-left : -.25em;
}
#info .comment:before{
	content : "";
	display : block;
	background : url("../images/screenings/comment.svg") 0 0 / contain no-repeat;
	font-size : 0;
	line-height : 0;
}
#info .comment span{
	font-weight : 500;
	letter-spacing : .06em;
}
@media screen and (max-width: 750px){
	#info .wrap{
		padding-top : calc( 52 * 100vw / 750 );
		padding-left : calc( 25 * 100% / 750 );
		padding-right : calc( 25 * 100% / 750 );
	}
	#info .wrap:after{
		width : calc( 700 * 100% / 750 );
		margin-top : calc( ( 140 - 6 ) * 100vw / 750 );
		height : calc( 3 * 100vw / 750 );
	}
	#info .title span:not(.noto){
		font-size : calc( 4.16rem + .4rem );
		line-height : 1.2;
	}
	#info .title .noto + span{
		margin-top : calc( ( 34 - 4 ) * 100vw / 750 );
	}
	#info .title span:nth-of-type(3){
		margin-top : calc( ( 26 - 4 ) * 100vw / 750 );
	}
	#info .text01{
		margin-top : calc( ( 26 - 7 ) * 100vw / 750 );
		font-size : calc( 2.6rem + .4rem );
		line-height : 1.54;
	}
	#info .text01.close{
		font-size: 3.2rem;
		margin-top : calc( 40 * 100vw / 750 );
	}
	#info .streaming{
		margin-top : calc( ( 60 - 7 ) * 100vw / 750 );
	}
	#info h3{
		margin-top : calc( ( 52 - 7 ) * 100vw / 750 );
		font-size : calc( 3.2rem + .4rem );
	}
	#info .box02{
		margin-top : calc( 32 * 100vw / 750 );
	}
	#info ul > li + li{
		margin-top : calc( 52 * 100vw / 750 );
	}
	#info h4{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		font-size : calc( 2.4rem + .4rem );
		height : calc( 56 * 100vw / 750 );
	}
	#info h4 span + span{
		margin-left : 1em;
	}
	#info ol{
		margin-top : calc( 12 * 100vw / 750 );
		padding-top : calc( 24 * 100vw / 750 );
		padding-bottom : calc( 24 * 100vw / 750 );
		padding-left : calc( 24 * 100% / 700 );
		padding-right : calc( 24 * 100% / 700 );
	}
	#info ol > li + li{
		margin-top : calc( 22 * 100vw / 750 );
	}
	#info ol > li:before{
		font-size : calc( 2.8rem + .4rem );
		flex-shrink : 0;
		width : calc( 110 * 100% / 700 );
	}
	#info time{
		font-size : calc( 2.8rem + .4rem );
		flex-grow : 1;
	}
	#info time span{
		width : calc( 220 * 100vw / 750 );
	}
	#info li a{
		width : calc( 144 * 100% / 700 );
		height : calc( 48 * 100vw / 750 );
		border-width : calc( 2 * 100vw / 750 );
		border-radius : calc( 5 * 100vw / 750 );
		flex-shrink : 0;
		font-size : calc( 2rem + .4rem );
	}
	#info .box02 p{
		padding-left : calc( 24 * 100% / 700 );
		padding-right : calc( 24 * 100% / 700 );
		margin-top : calc( ( 66 - 14 ) * 100vw / 750 );
	}
	#info .box02 p span{
		font-size : calc( 3rem + .4rem );
		line-height : 1.93;
	}
	#info .comment{
		margin-top : calc( ( 100 - 14 ) * 100vw / 750 );
	}
	#info .comment:before{
		margin-left : auto;
		margin-right : auto;
		width : calc( 211 * 100% / 700 );
		height : calc( 112 * 100vw / 750 );
	}
	#info .comment span{
		padding-left : calc( 30 * 100% / 700 );
		padding-right : calc( 30 * 100% / 700 );
		font-size : calc( 2.8rem + .4rem );
		line-height : 1.43;
		display : block;
		margin-top : calc( ( 48 - 6 ) * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#info .wrap{
		padding-top : 48px;
	}
	#info .wrap:after{
		width : 900px;
		margin-top : 70px;
		height : 3px;
	}
	#info .title span:not(.noto){
		font-size : calc( 2.6rem + .2rem );
	}
	#info .title .noto + span{
		margin-top : 12px;
	}
	#info .title span:nth-of-type(3){
		margin-top : 20px;
	}
	#info .box{
		width : 700px;
		margin-left : auto;
		margin-right : auto;
	}
	#info .text01{
		margin-top : calc( 26px - 3.5px );
	}
	#info .close {
		font-size: 1.7rem;
	}
	#info .streaming{
		margin-top : calc( 24px - 3.5px );
	}
	#info h3{
		margin-top : 48px;
		font-size : calc( 2rem + .2rem );
	}
	#info .box02{
		position : relative;
		margin-top : 28px;
	}
	#info ul{
		display : flex;
		flex-direction : column;
		flex-wrap : wrap;
		height : 338px;
	}
	#info ul > li{
		width : 445px;
		display : flex;
		justify-content : space-between;
		height : 106px;
	}
	#info ul > li:not(:nth-child(3n+1)){
		margin-top : 10px;
	}
	#info ul > li:nth-child(n+4){
		margin-left : 10px;
	}
	#info h4{
		display : flex;
		justify-content : center;
		flex-direction : column;
		font-size : calc( 1.5rem + .2rem );
		line-height : 1.4;
		flex-shrink : 0;
		padding-left : 10px;
		width : 150px;
	}
	#info h4 span{
		display : block;
	}
	#info ol{
		width : 290px;
		padding-top : 12px;
		padding-bottom : 12px;
		padding-left : 16px;
		padding-right : 10px;
		display : flex;
		flex-direction : column;
		justify-content : center;
	}
	#info ol > li + li{
		margin-top : 12px;
	}
	#info ol > li:before{
		font-size : calc( 1.4rem );
		flex-shrink : 0;
		width : 40px;
	}
	#info time{
		font-size : calc( 1.4rem );
		flex-grow : 1;
	}
	#info time span{
		width : 87px;
	}
	#info li a{
		width : 62px;
		height : 20px;
		border-width : 1px;
		border-radius : 5px;
		flex-shrink : 0;
		font-size : calc( 1rem + .2rem );
	}
	#info .box02 p span{
		font-size : calc( 1.4rem + .2rem );
		line-height : 2.14;
	}
	#info .list-odd-text{
		position : absolute;
		display : flex;
		align-items : center;
		height : 106px;
		bottom : 0;
		left : 456px;
		padding-left : 6px;
		padding-right : 6px;
	}
	#info .comment{
		display : flex;
		align-items : flex-start;
		justify-content : center;
		margin-top : 48px;
	}
	#info .comment:before{
		width : 157px;
		height : 77px;
		flex-shrink : 0;
		margin-right : 12px;
	}
	#info .comment span{
		display : flex;
		align-items : center;
		border : 1px solid currentColor;
		font-size : calc( 1.485rem + .2rem );
		line-height : 1.41;
		width : 606px;
		border-radius : 6px;
		padding-top : calc( 9px - 3px );
		padding-bottom : calc( 9px - 3px );
		padding-left : 16px;
		padding-right : 16px;
		margin-top : 10px;
	}
}
/*--------------------------------------------
INTRODUCTION
---------------------------------------------*/
#introduction h3{
	font-weight : 700;
	font-family : "Noto Sans", sans-serif;
	letter-spacing : .02em;
}
#introduction .times{
	letter-spacing : .06em;
	font-family : "Noto Sans", sans-serif;
}
#introduction .author{
	letter-spacing : .06em;
	font-family : "Noto Sans", sans-serif;
}
#introduction .award{
	@mixn ca;
	font-family : "Noto Sans", sans-serif;
	color : #fff;
	letter-spacing : .08em;
	background-color : #a57292;
	background-color : var(--primaryColor);
}
#introduction dl{
	letter-spacing : .04em;
	line-height : 1.34;
}
#introduction dl dt , #introduction dl dd{
	display : inline;
}
#introduction dl dd:after{
	content : "\A";
	white-space : pre;
}
#introduction .pics img{
	width : 100%;
	height : auto;
}
#introduction .pics picture + p{
	text-align : right;
	letter-spacing : .08em;
	line-height : 1.2;
	font-family : "Noto Sans", sans-serif;
	white-space : nowrap;
}
#introduction .description{
	letter-spacing : .08em;
}
#introduction a{
	color : #fff;
	background-color : rgba(181,120,186,.8);
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	transition : opacity .5s ease-in;
	backface-visibility : hidden;
	will-change : opacity;
	position : relative;
	letter-spacing : .08em;
}
#introduction a:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : center;
	background-size : contain;
	position : absolute;
	transition : transform .5s ease-in;
	backface-visibility : hidden;
	will-change : transform;
}
#introduction a:hover{
	opacity : .6;
}
#introduction a:hover:after{
	transform : translateX(25%);
}
@media screen and (max-width: 750px){
	#introduction .wrap{
		padding-top : calc( 100 * 100vw / 750 );
		padding-bottom : calc( 132 * 100vw / 750 );
		padding-left : calc( 50 * 100% / 750 );
		padding-right : calc( 50 * 100% / 750 );
	}
	#introduction .title span:not(.noto){
		font-size : calc( 4.8rem + .4rem );
		line-height : 1.25;
		margin-top : calc( ( 30 - 6 ) * 100vw / 750 );
	}
	#introduction .text02{
		margin-top : calc( ( 78  - 6 - 7 ) * 100vw / 750 );
		font-size : calc( 2.6rem + .4rem );
		line-height : 1.54;
	}
	#introduction .text02 + .text02{
		margin-top: 1.54em;
	}
	#introduction ul{
		margin-top : calc( ( 128 - 7 ) * 100vw / 750 );
	}
	#introduction li + li{
		margin-top : calc( 78 * 100vw / 750 );
	}
	#introduction h3{
		font-size : calc( 3.6rem + .4rem );
	}
	#introduction h3 span{
		font-size : calc( 3.2rem + .4rem );
		margin-top : calc( 4 * 100vw / 750 );
		display : block;
		margin-left : .25em;
	}
	#introduction .times{
		font-size : calc( 2.4rem + .4rem );
		margin-top : calc( 20 * 100vw / 750 );
	}
	#introduction .author{
		font-size : calc( 3.4rem + .4rem );
		text-align : center;
		margin-top : calc( 20 * 100vw / 750 );
	}
	#introduction .award{
		margin-top : calc( 44 * 100vw / 750 );
		font-size : calc( 2.6rem + .4rem );
		line-height : 1.2;
		padding-left : calc( 24 * 100vw / 750 );
		padding-right : calc( 24 * 100vw / 750 );
		padding-top : calc( ( 14 - 1.5 ) * 100vw / 750 );
		padding-bottom : calc( ( 14 - 1.5 ) * 100vw / 750 );
	}
	#introduction dl{
		font-size : calc( 2.08rem + .4rem );
		margin-top : calc( 20 * 100vw / 750 );
	}
	#introduction .pics{
		margin-top : calc( 24 * 100vw / 750 );
	}
	#introduction picture + p{
		font-size : calc( 2.1rem );
		margin-top : calc( 16 * 100vw / 750 );
	}
	#introduction .description{
		font-size : calc( 2.08rem + .4rem );
		line-height : 1.59;
		margin-top : calc( ( 30 - 5.6 ) * 100vw / 750 );
	}
	#introduction a{
		width : calc( 324 * 100vw / 750 );
		height : calc( 58 * 100vw / 750 );
		margin-left : auto;
		font-size : calc( 2.4rem + .4rem );
		margin-top : calc( ( 34 - 5.6 ) * 100vw / 750 );
	}
	#introduction a + a{
		font-size : 2.5rem;
		padding-right : calc( 24 * 100vw / 750 );
	}
	#introduction a:after{
		background-image : url("../images/ui/icon/arrow02_white_sp.svg");
		width : calc( 22 * 100vw / 750 );
		height : calc( 26 * 100vw / 750 );
		top : calc( 16 * 100vw / 750 );
		right : calc( 16 * 100vw / 750 );
	}
	#introduction .layout02{
		padding-left : calc( 60 * 100% / 650 );
	}
	#introduction .layout02 .award{
		margin-right : calc( 62 * 100% / 590 );
	}
	#introduction .layout02 .pics , #introduction .layout02 .description{
		padding-right : calc( 62 * 100% / 590 );
	}
}
@media print,screen and (min-width: 751px){
	#introduction .wrap{
		padding-top : 56px;
		padding-bottom : 70px;
	}
	#introduction .title span:not(.noto){
		font-size : calc( 3rem + .2rem );
		margin-top : 12px;
	}
	#introduction .text02{
		margin-top : calc( 60px - 4px );
	}
	#introduction .text02 + .text02{
		margin-top: 1.67em;
	}
	#introduction ul{
		margin-top : calc( 74px - 4px );
	}
	#introduction li{
		display : -ms-grid;
		display :     grid;
	}
	#introduction h3{
		display : flex;
		align-items : baseline;
		font-size : calc( 1.8rem + .2rem );
	}
	#introduction h3.pc-letterspace0{
		letter-spacing : 0;
	}
	#introduction .award{
		justify-content : center;
		font-size : calc( 1.5rem + .2rem );
		padding-left : 18px;
		padding-right : 18px;
		padding-top : calc( 8px - 1.5px );
		padding-bottom : calc( 8px - 1.5px );
		line-height : 1.2;
		-ms-grid-column-align : start;
		justify-self : start;
	}
	#introduction dl{
		font-size : calc( 1.3rem + .2rem );
		margin-top : 16px;
	}
	#introduction picture{
		width : 100%;
	}
	#introduction picture + p{
		margin-top : 8px;
		font-size : 1rem;
	}
	#introduction a{
		width : 202px;
		height : 36px;
		font-size : calc( 1.3rem + .2rem );
		-ms-grid-column-align : end;
		justify-self : end;
	}
	#introduction a:after{
		background-image : url("../images/ui/icon/arrow02_white_pc.svg");
		width : 14px;
		height : 16px;
		top : 10px;
		right : 10px;
	}
	#introduction .description{
		font-size : calc( 1.3rem + .2rem );
		line-height : 1.54;
	}
	#introduction li:not(.layout02){
		-ms-grid-columns : 332px 1fr;
		grid-template-columns : 332px 1fr;
	}
	#introduction li:not(.layout02) + li{
		margin-top : 48px;
	}
	#introduction li:not(.layout02) .pics{
		-ms-grid-row : 2;
		-ms-grid-row-span : 2;
		    grid-row : 2/4;
		-ms-grid-column : 1;
		-ms-grid-column-span : 1;
		    grid-column : 1/2;
		padding-right : 28px;
		padding-top : 24px;
	}
	#introduction li:not(.layout02) .award{
		-ms-grid-row : 1;
		-ms-grid-row-span : 1;
		    grid-row : 1/2;
		-ms-grid-column : 1;
		-ms-grid-column-span : 2;
		    grid-column : 1/3;
	}
	#introduction li:not(.layout02) .head{
		-ms-grid-row : 2;
		-ms-grid-row-span : 1;
		    grid-row : 2/3;
		-ms-grid-column : 2;
		-ms-grid-column-span : 1;
		    grid-column : 2/3;
		display : flex;
		justify-content : space-between;
		flex-wrap : wrap;
		align-items : baseline;
		align-self : start;
		padding-top : 24px;
	}
	#introduction li:not(.layout02) .times{
		font-size : calc( 1.3rem + .2rem );
	}
	#introduction li:not(.layout02) .author{
		width : 100%;
		margin-top : 16px;
		font-size : calc( 1.8rem + .2rem );
	}
	#introduction li:not(.layout02) .description{
		-ms-grid-row : 3;
		-ms-grid-row-span : 1;
		    grid-row : 3/4;
		-ms-grid-column : 2;
		-ms-grid-column-span : 1;
		    grid-column : 2/3;
		padding-top : calc( 34px - 3.5px );
		padding-bottom : calc( 30px - 3.5px );
	}
	#introduction li:not(.layout02) a{
		-ms-grid-row : 4;
		-ms-grid-row-span : 1;
		    grid-row : 4/5;
		-ms-grid-column : 2;
		-ms-grid-column-span : 1;
		    grid-column : 2/3;
	}
	#introduction li:not(.layout02) a + a{
		-ms-grid-row : 5;
		-ms-grid-row-span : 1;
		    grid-row : 5/6;
		margin-top: 15px;
	}
	#introduction .layout02{
		width : 568px;
		margin-left : auto;
		-ms-grid-columns : 244px 1fr;
		grid-template-columns : 244px 1fr;
	}
	#introduction .layout02 .head{
		-ms-grid-row : 1;
		-ms-grid-row-span : 1;
		    grid-row : 1/2;
		-ms-grid-column : 1;
		-ms-grid-column-span : 2;
		    grid-column : 1/3;
		padding-bottom : 20px;
	}
	#introduction .layout02 h3 span{
		font-size : calc( 1.6rem + .2rem );
		font-weight : 400;
		margin-left : 1em;
	}
	#introduction .layout02 .award{
		margin-bottom : 24px;
		-ms-grid-row : 2;
		-ms-grid-row-span : 1;
		    grid-row : 2/3;
		-ms-grid-column : 1;
		-ms-grid-column-span : 2;
		    grid-column : 1/3;
	}
	#introduction .layout02 .pics{
		-ms-grid-row : 3;
		-ms-grid-row-span : 1;
		    grid-row : 3/4;
		-ms-grid-column : 1;
		-ms-grid-column-span : 1;
		    grid-column : 1/2;
		padding-right : 14px;
	}
	#introduction .layout02 .pics p{
		white-space : nowrap;
	}
	#introduction .layout02 .description{
		-ms-grid-row : 3;
		-ms-grid-row-span : 1;
		    grid-row : 3/4;
		-ms-grid-column : 2;
		-ms-grid-column-span : 1;
		    grid-column : 2/3;
		padding-bottom : calc( 32px - 3.5px );
	}
	#introduction .layout02 a{
		-ms-grid-row : 4;
		-ms-grid-row-span : 1;
		    grid-row : 4/5;
		-ms-grid-column : 1;
		-ms-grid-column-span : 2;
		    grid-column : 1/3;
	}
	#introduction .layout02 a + a{
		-ms-grid-row : 5;
		-ms-grid-row-span : 1;
		    grid-row : 5/6;
		margin-top: 15px;
	}
}
/*--------------------------------------------
LINK
---------------------------------------------*/
#link{
	background-color : #d9d7dd;
}
@media screen and (max-width: 750px){
	#link .wrap{
		padding-left : 0;
		padding-right : 0;
	}
}
@media print,screen and (min-width: 751px){
	#link .wrap{
		padding-top : 28px;
		padding-bottom : 28px;
	}
}