@charset "utf-8";
.contents__header{
	margin-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.contents__header{
		margin-bottom:min(calc(96 / var(--vw-min) * 100vw),96px);
	}
}
.contents__title--ja:before,
.contents__title--ja:after{
	background:var(--color-brown);
}
.contents__title--en{
	color:var(--color-orange);
}
.staffcast__contents{
	margin:0 13.3333vw;
}
@media screen and (max-width:768px){
	.staffcast__contents{
		margin:0 min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.staffcast__each{
	margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.staffcast__each{
		margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.contents__subtitle--ja:before,
.contents__subtitle--ja:after{
	background:var(--color-brown);
}
.contents__subtitle--en{
	color:var(--color-green);
}
.staffcast__lists{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.staffcast__list{
	width:50%;
	display:flex;
	font-weight:700;
	align-items:flex-start;
	margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.staffcast__list{
		display:block;
		margin-bottom:min(calc(36 / var(--vw-min) * 100vw),36px);
	}
}
.staffcast__list.f{
	width:100%;
}
.staffcast__list dt{
	line-height:1.7;
	transform:rotate(0.03deg);
	color:var(--color-purple);
	margin-right:1em;
	padding-top:0.16em;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.staffcast__list dt{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.staffcast__list dd{
	line-height:1.5;
	transform:rotate(0.03deg);
	color:#222;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.staffcast__list dd{
		font-size:min(calc(29 / var(--vw-min) * 100vw),29px);
	}
}
.staffcast__commentBtn {
	display: inline-block;
	width:min(calc(24 / var(--vw-min) * 100vw),24px);
	height:min(calc(24 / var(--vw-min) * 100vw),24px);
	margin-left:min(calc(12 / var(--vw-min) * 100vw),12px);
	-webkit-mask:url(../img/common/icon-comment.svg) no-repeat center center / contain;
	mask:url(../img/common/icon-comment.svg) no-repeat center center / contain;
	background:var(--color-pink);
	vertical-align: top;
	transition: all 0.3s ease;
	transform-origin: left bottom;
}
@media screen and (max-width:768px){
	.staffcast__commentBtn {
		width:min(calc(40 / var(--vw-min) * 100vw),40px);
		height:min(calc(40 / var(--vw-min) * 100vw),40px);
		margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
		vertical-align: text-bottom;
		margin-bottom: 0.5em;
		margin-top:-0.5em;
	}
}
@media screen and (hover:hover){
	.staffcast__commentBtn:hover {
		transform:scale(1.2);
	}
}
.modal__commentInner {
	max-width:960px;
	padding:0
}
@media screen and (max-width:768px){
	.modal__commentInner {
		padding:min(calc(36 / var(--vw-min) * 100vw),36px);
	}
}
.modal__commentTitle {
	font-weight: 700;
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	transform:rotate(0.03deg);
	margin-bottom:0.5em;
}
@media screen and (max-width:768px){
	.modal__commentTitle {
		font-size:min(calc(32 / var(--vw-min) * 100vw),32px);
	}
}
.modal__commentTitle span {
	color:var(--color-purple);
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.modal__commentTitle span {
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.modal__commentText {
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	transform: rotate(0.03deg)
}
@media screen and (max-width:768px){
	.modal__commentText {
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.modal__commentIllust{
	padding-top:1em;
}
.modal__commentIllust img {
	max-width: 100%;
	height:auto;
}

.indent1 {
	display: inline-block;
	padding-left:1em;
	text-indent:-1em;
}