@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}
:root{
	--primaryColor : #e6913e;
}
/*--------------------------------------------
COMMON
---------------------------------------------*/
.title01.title01-cube-primary:after{
	background-color : #e6913e;
	background-color : var(--primaryColor);
}
.link-specials{
	display : flex;
}
.link-specials a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	width : 100%;
	height : 100%;
	transition : background-color .5s ease-in , color .5s ease-in , border-color .5s ease-in;
	backface-visibility : hidden;
	will-change : background-color, color, border-color;
	letter-spacing : .1em;
	font-weight : 700;
	color : #e6913e;
	color : var(--primaryColor);
	background-color : #fff;
	opacity : .8;
}
.link-specials a.is-current , .link-specials a:hover{
	color : #fff;
	background-color : #e6913e;
	background-color : var(--primaryColor);
}
@media screen and (max-width: 750px){
	.link-specials{
		justify-content : center;
	}
	.link-specials > li{
		width : calc( 338 * 100% / 682 );
		height : calc( 70 * 100vw / 750 );
	}
	.link-specials > li + li{
		margin-left : calc( 12 * 100% / 750 );
	}
	.link-specials a{
		font-size : 2.4rem;
	}
}
@media print,screen and (min-width: 751px){
	.link-specials{
		justify-content : center;
	}
	.link-specials > li{
		width : 204px;
		height : 42px;
	}
	.link-specials > li + li{
		margin-left : 12px;
	}
	.link-specials a{
		font-size : 1.5rem;
	}
	.link-specials a:hover{
		opacity : .4;
	}
}
.title04{
	color : #e6913e;
	color : var(--primaryColor);
}
.link02{
	background-color : #e6913e;
	background-color : var(--primaryColor);
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
#title{
	border-top-style : solid;
	border-top-color : #e6913e;
	border-top-color : var(--primaryColor);
	background-color : rgba(230,145,62,.3);
}
#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( 48 * 100vw / 750 );
		padding-bottom : calc( 48 * 100vw / 750 );
		padding-left : calc( 34 * 100% / 750 );
		padding-right : calc( 34 * 100% / 750 );
	}
	#title p{
		font-size : 2.6rem;
		line-height : 1.54;
		margin-top : calc( ( 52 - 7 ) * 100vw / 750 );
	}
	#title ul{
		margin-top : calc( ( 66 - 7 ) * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#title{
		border-top-width : 10px;
	}
	#title .wrap{
		padding-top : 18px;
		padding-bottom : 22px;
	}
	#title p{
		font-size : 1.4rem;
		line-height : 1.29;
		margin-top : calc( 14px - 2px );
	}
	#title ul{
		margin-top : calc( 24px - 2px );
	}
}
/*--------------------------------------------
HEAD
---------------------------------------------*/
#head .title{
	border-bottom-color : #e6913e;
	border-bottom-color : var(--primaryColor);
}
#head p{
	color : #e6913e;
	color : var(--primaryColor);
}
@media screen and (max-width: 750px){
	#head .sp-left{
		text-align : left;
	}
}
/*--------------------------------------------
ARTICLE
---------------------------------------------*/
#article .interview{
	border-bottom : solid;
	border-bottom-color : #e6913e;
	border-bottom-color : var(--primaryColor);
}
#article .interview picture{
	text-align : center;
}
#article .interview picture img{
	width : 100%;
	height : auto;
}
#article .interview p em{
	font-style : italic;
}
#article .interview li p{
	letter-spacing : .08em;
	font-family : "Ubuntu", sans-serif;
}
#article .interview .creator{
	background-color : rgba(230,145,62,.1);
}
#article .interview .creator h4{
	letter-spacing : .08em;
}
#article .interview .creator a{
	background-color : rgba(230,145,62,.7);
	color : #fff;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	position : relative;
	letter-spacing : .1em;
}
#article .interview .creator a:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : center;
	transition : transform .5s ease-in;
	backface-visibility : hidden;
	will-change : transform;
	position : absolute;
}
#article .interview .creator a:hover:after{
	transform : translateX(25%);
}
#article .interview .interviewer{
	background-color : rgba(0,0,0,.05);
}
#article .interview .interviewer h4 span{
	display : block;
	letter-spacing : .12em;
}
#article .interview .interviewer h4 span:nth-of-type(1){
	color : #808080;
}
#article .interview .interviewer a{
	display : flex;
	align-items : center;
	justify-content : flex-end;
	align-items : center;
	color : #e6913e;
	color : var(--primaryColor);
	position : relative;
}
#article .interview .interviewer a:after{
	content : "";
	display : block;
	transition : transform .5s ease-in;
	backface-visibility : hidden;
	will-change : transform;
	position : absolute;
	background : url("../images/ui/icon/arrow02_orange.svg") center / contain no-repeat;
	right : 0;
	top : 0;
}
#article .interview .interviewer a:hover:after{
	transform : translateX(25%);
}
#article .interview .texts p{
	letter-spacing : .08em;
}
@media screen and (max-width: 750px){
	#article .interview{
		border-bottom-width : calc( 3 * 100vw / 750 );
		padding-bottom : calc( 104 * 100vw / 750 );
	}
	#article .interview.pt50 {
		padding-top : calc( ( 100 - 6 ) * 100vw / 750 );
	}
	#article .interview .texts p{
		font-size : 2.8rem;
		line-height : 1.5;
	}
	#article .interview .texts p + p{
		margin-top : 1.5em;
	}
	#article .interview ul{
		margin-top : calc( ( 88 - 7 ) * 100vw / 750 );
	}
	#article .interview li + li{
		margin-top : calc( 18 * 100vw / 750 );
	}
	#article .interview li{
		padding-top : calc( 60 * 100vw / 750 );
		padding-left : calc( 36 * 100% / 710 );
		padding-right : calc( 36 * 100% / 710 );
	}
	#article .interview picture{
		margin-left : auto;
		margin-right : auto;
	}
	#article .interview .creator{
		border-radius : calc( 26 * 100vw / 750 );
		padding-bottom : calc( 92 * 100vw / 750 );
	}
	#article .interview .creator picture{
		width : calc( 420 * 100% / 638 );
	}
	#article .interview .creator h4{
		text-align : center;
		margin-top : calc( ( 56 - 10.5 ) * 100vw / 750 );
		font-size : 2.8rem;
		line-height : 1.75;
	}
	#article .interview .creator p{
		font-size : 2.6rem;
		line-height : 2;
		margin-top : calc( ( 60 - 10.5 - 13 ) * 100vw / 750 );
	}
	#article .interview .creator a{
		margin-top : calc( ( 100 - 13 ) * 100vw / 750 );
		margin-left : auto;
		margin-right : auto;
		width : calc( 322 * 100% / 638 );
		height : calc( 50 * 100vw / 750 );
		font-size : 2.4rem;
	}
	#article .interview .creator a:after{
		background-image : url("../images/ui/icon/arrow02_white_sp.svg");
		width : calc( 22 * 100vw / 750 );
		height : calc( 26 * 100vw / 750 );
		top : calc( 12 * 100vw / 750 );
		right : calc( 28 * 100vw / 750 );
	}
	#article .interview .interviewer{
		padding-bottom : calc( 42 * 100vw / 750 );
	}
	#article .interview .interviewer picture{
		width : calc( 430 * 100% / 638 );
	}
	#article .interview .interviewer h4{
		margin-top : calc( ( 60 - 11.25 ) * 100vw / 750 );
	}
	#article .interview .interviewer h4 span{
		text-align : center;
		font-size : 3rem;
		line-height : 1.75;
	}
	#article .interview .interviewer h4 span:nth-of-type(2){
		margin-top : calc( ( 40 - 11.25 - 11.25 ) * 100vw / 750 );
	}
	#article .interview .interviewer p{
		font-size : 2.6rem;
		line-height : 1.62;
		margin-top : calc( ( 90 - 11.25 - 8 ) * 100vw / 750 );
	}
	#article .interview .interviewer a{
		margin-top : calc( ( 84 - 8 ) * 100vw / 750 );
		height : calc( 26 * 100vw / 750 );
		padding-right : calc( 68 * 100vw / 750 );
		font-size : 2.4rem;
	}
	#article .interview .interviewer a:after{
		width : calc( 22 * 100vw / 750 );
		height : calc( 26 * 100vw / 750 );
	}
	#article .interview + .section{
		margin-top : calc( ( 98 - 5 ) * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#article .interview{
		display : flex;
		justify-content : space-between;
		border-bottom-width : 1px;
		padding-bottom : 48px;
	}
	#article .interview.pt50 {
	    padding-top : calc( 50px - 5px );
	}	
	#article .interview .texts{
		margin-top : -5px;
	}
	#article .interview .texts p{
		font-size : 1.4rem;
		line-height : 1.71;
	}
	#article .interview .texts p + p{
		margin-top : 1.71em;
	}
	#article .interview > ul{
		flex-shrink : 0;
		width : 450px;
	}
	#article .interview .texts{
		width : 424px;
	}
	#article .interview li + li{
		margin-top : 10px;
	}
	#article .interview li{
		padding-top : 30px;
		padding-bottom : 30px;
		padding-left : 24px;
		padding-right : 24px;
		display : flex;
		align-items : flex-start;
	}
	#article .interview picture{
		flex-shrink : 0;
	}
	#article .interview .creator{
		flex-direction : row-reverse;
	}
	#article .interview .creator.wraparound{
		display : inherit;
		overflow : hidden;
	}
	#article .interview .creator picture{
		width : 178px;
		margin-left : 24px;
	}
	#article .interview .creator.wraparound picture{
		float : right;
	}	
	#article .interview .creator h4{
		margin-top : -5.15px;
		font-size : 1.375rem;
		line-height : 1.75;
	}
	#article .interview .creator p{
		font-size : 1.3rem;
		line-height : 1.31;
		margin-top : calc( 28px - 5.15px - 2px );
	}
	#article .interview .creator a{
		margin-top : calc( 14px - 2.29px );
		margin-left : auto;
		width : 160px;
		height : 25px;
		font-size : 1.2rem;
	}
	#article .interview .creator a:after{
		background-image : url("../images/ui/icon/arrow02_white_pc.svg");
		width : 11px;
		height : 13px;
		top : 6px;
		right : 14px;
	}
	#article .interview .interviewer picture{
		width : 136px;
		margin-right : 36px;
	}
	#article .interview .interviewer h4{
		margin-top : -4.825px;
	}
	#article .interview .interviewer h4 span:nth-of-type(1){
		font-size : 1.3rem;
		line-height : 1.75;
	}
	#article .interview .interviewer h4 span:nth-of-type(2){
		font-size : 1.4rem;
		line-height : 1.75;
		margin-top : calc( 16px - 4.825px - 5.25px );
	}
	#article .interview .interviewer p{
		font-size : 1.3rem;
		line-height : 1.31;
		margin-top : calc( 28px - 2px );
	}
	#article .interview .interviewer a{
		margin-top : calc( 28px - 2.5px );
		height : 13px;
		padding-right : 30px;
		font-size : 1.2rem;
	}
	#article .interview .interviewer a:after{
		width : 11px;
		height : 13px;
	}
	#article .interview + .section{
		margin-top : calc( 50px - 5px );
	}
}
/*--------------------------------------------
SECTION
---------------------------------------------*/
.section p .primary{
	color : #e6913e;
	color : var(--primaryColor);
}
.section dt , .section dd{
	color : #e6913e;
	color : var(--primaryColor);
}
@media screen and (max-width: 750px){
	.section + .section{
		border-top-color : #e6913e;
		border-top-color : var(--primaryColor);
	}
}
@media print,screen and (min-width: 751px){
	.section + .section{
		border-top-color : #000;
	}
}
/*--------------------------------------------
PAGINATION
---------------------------------------------*/
#pagination{
	border-top-color : #e6913e;
	border-top-color : var(--primaryColor);
}
#pagination button{
	background-color : rgba(35,24,21,.1);
}
#pagination button:hover , #pagination button.is-current{
	background-color : rgba(35,24,21,.3);
}
/*--------------------------------------------
LINK02
---------------------------------------------*/
#link02{
	background-color : rgba(230,145,62,.3);
}
@media screen and (max-width: 750px){
	#link02{
		margin-top : calc( 94 * 100vw / 750 );
	}
	#link02 .wrap{
		padding-top : calc( 40 * 100vw / 750 );
		padding-bottom : calc( 40 * 100vw / 750 );
		padding-left : calc( 25 * 100% / 750 );
		padding-right : calc( 25 * 100% / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#link02{
		margin-top : 48px;
		padding-top : 24px;
		padding-bottom : 24px;
	}
}