@charset "UTF-8";

#imperial_guard button{
	display: block;
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
	width: 100%;
	height: 100%;
}


.si-kv h1{
	opacity: 0;
}
.si-kv h1.on{
	opacity: 1;
	transition: opacity 1000ms ease;
}
.si-lead__title h2 span i{
	display: inline-block;
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path:inset(0 100% 0 0);
	color: #fff;
	overflow: hidden;
	background: #846E3B;
}
.si-lead__title h2 span.on i{
	clip-path:inset(0);
	-webkit-clip-path: inset(0);
	transition: all 1000ms ease;
}
.si-motion-fd{
	opacity: 0;
}
.si-motion-fd.on{
	opacity: 1;
	transition: opacity 1000ms ease;
}

.si-motion-fd-l{
	transform: translateX(-50px);
	opacity: 0;
}
.si-motion-fd-l.on{
	transform: translateX(0);
	opacity: 1;
	transition: opacity 1000ms ease,transform 1000ms ease;
}

.si-motion-fd-r{
	transform: translateX(50px);
	opacity: 0;
}
.si-motion-fd-r.on{
	transform: translateX(0);
	opacity: 1;
	transition: opacity 1000ms ease,transform 1000ms ease;
}

.si-motion-fd-u{
	transform: translateY(50px);
	opacity: 0;
}
.si-motion-fd-u.on{
	transform: translateY(0);
	opacity: 1;
	transition: opacity 1000ms ease,transform 1000ms ease;
}
.si-lead__title h2 span i {
	font-weight: bold;
}
.si-sec__header h2 i{
	display: inline-block;
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path:inset(0 100% 0 0);
	color: #fff;
	overflow: hidden;
	background: #846E3B;
	font-weight: bold;
}
.si-sec__header h2 span.on i{
	clip-path:inset(0);
	-webkit-clip-path: inset(0);
	transition: all 800ms ease;
}


.si-kv figure{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 2000ms ease;
}
.si-kv figure:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 100;
}
.si-kv figure img{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 50;
}
.si-kv figure.on{
	opacity: 1;
}



@media screen and (min-width: 768px) {


	.ignore-pc{
		display: none;
	}
	
	.si-sec__slide-caption{
		margin: 30px 0 0;
		padding: 0 50px;
	}
	.si-sec__slide-caption p{
		font-size: 12px;
	}
	.si-sec__slide-note{
		margin: 30px 0 0;
		padding: 0 50px;
	}
	.si-sec__slide-note p{
		font-size: 12px;
		font-weight: bold;
	}
	.si-sec__slide-wrap{
		position: relative;
		padding: 0 50px;
	}
	.si-sec__slide{
		overflow: inherit;
	}
	.si-sec__slide figure img{
		width: 100%;
		height: auto;
	}
	.si-sec__slide-button--next{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.si-sec__slide-button--prev{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.si-sec__slide-pager{
		margin: 20px 0 0;
		text-align: center;
		bottom: 0 !important;
		
	}



/* kv
====================================================================*/

	.si-kv{
		position: relative;
		padding-top: 40.54054%;
	}
	.si-kv h1{
		position: absolute;
		width: 100%;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		z-index: 200;
	}



/* si-sec
====================================================================*/

	.si-main{
		font-size: 16px;
	}
	.si-sec{
		position: relative;
	}
	.si-sec1{
		padding: 60px 0;
	}
	.si-sec2{
		padding: 60px 0 120px;
	}
	.si-sec3{
		padding: 1px 0 30px;
	}
	.si-sec p{
		line-height: 1.8;
	}

	.si-sec:nth-child(even){
		background: #242424;
	}
	.si-sec .si-sec__inner{
		position: relative;
		margin: auto;
		padding: 0 10px;
		max-width: 920px;
		z-index: 20;
	}



/* si-lead
====================================================================*/


	.si-lead__title h2 div{
		font-size: min(4vw,36px);
		font-weight: bold;
	}
	.si-lead__title h2 span{
		display: block;
	}
	.si-lead__title h2 span + span{
		margin-top: 8px;
	}
	.si-lead__title h2 span i{
		padding: 8px;
	}


	.si-lead__text p{
		font-weight: bold;
	}
	.si-lead__text p + p{
		margin-top: 25px;
	}
	.si-lead__text{
		margin: 50px 0 0;
	}
	.si-lead__credit{
		margin: 50px 0 0;
	}
	.si-lead__credit p + p{
		margin-top: 25px;
	}

/* si-profile
====================================================================*/

	.si-profile__detail{
		display: flex;
		flex-direction: row-reverse;
	}
	.si-profile__text-box h2{
		font-size: 20px;
		font-weight: bold;
		line-height: 1.8;
	}
	.si-profile__text{
		margin: 30px 0 0;
	}
	.si-profile__text-box{
		padding: 0 30px 0 0;
		width: calc(100% - 50%);
	}
	.si-profile__text p + p{
		margin-top: 25px;
	}
	.si-profile__detail figure{
		width: 50%;
	}


/* si-sec
====================================================================*/
	
	.si-sec__header{
		padding: 0 0 50px;
	}
	.si-sec__header h2{
		font-size: 24px;
		font-weight: bold;
	}
	.si-sec__header h2 span{
		display: block;
	}
	.si-sec__header h2 span i{
		display: inline-block;
		padding: 4px 8px;
	}

	.si-sec__header h2 span + span{
		margin-top: 2px;
	}
	.si-sec__text h3{
		display: inline;
		line-height: 1.8;
		font-weight: bold;
		font-size: 16px;
	}
	.si-sec__col + .si-sec__col{
		margin-top: 25px;
	}
	.si-sec__text p + p{
		display: block;
		margin-top: 25px;
	}
	.si-sec__text p.note{
		display: block;
		margin-top: 30px;
		font-size: 12px;
	}

	.si-sec__figure-caption{
		margin: 20px auto 0;
		font-size: 12px;
	}


	.si-sec__figure.si-sec__figure-layout1,
	.si-sec__figure.si-sec__figure-layout2{
		margin-top: -61px;
	}
	.si-sec__figure.si-sec__figure-layout1 + .si-sec__figure.si-sec__figure-layout2{
		margin-top: 60px;
	}
	.si-sec__figure.si-sec__figure-layout1 figure{
		margin-left: calc(50% - 50vw);
	}
	.si-sec__figure.si-sec__figure-layout1 .si-sec__figure-caption{
		text-align: right;
	}
	.si-sec__figure.si-sec__figure-layout2 figure{
		margin-right: calc(50% - 50vw);
	}
	.si-sec__figure.si-sec__figure-layout2 .si-sec__figure-caption{
		text-align: left;
	}

	.si-sec__figure-box{
		display: flex;
		justify-content: space-between;
	}
	.si-sec__figure-box .si-sec__figure{
		width: calc(50% - 20px);
	}

	.si-sec__figure iframe{
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}

	.si-sec button{
		overflow: hidden;
	}
	.si-sec button img{
		width: 100%;
		height: auto;
		transition: transform 600ms ease;
	}
	.si-sec button:hover img{
		transform: scale(1.1);
	}

/* popup
========================================================*/

	.entry__detail-figure a:hover{
		opacity: 0.7;
		transition: opacity 400ms ease;
	}

	.popup{
		position: fixed;
		top: 50%;
		left: 50%;
		padding: 0 10px;
		width: 100%;
		max-width: 1100px;
		transform: translate(-50%,-50%);
		z-index: 5000;
		opacity: 0;
		visibility: hidden;
	}
	.is-popup-ease .popup{
		transition: opacity 400ms ease,visibility 400ms ease;
	}
	.is-popup .popup{
		opacity: 1;
		visibility: visible;
	}

	.popup-movie{
		position: relative;
		padding-top: 56.25%;
		overflow: hidden;
	}
	.popup-movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.popup-photo{
		position: relative;
		padding-top: 66.6%;
		background: #000;
		overflow: hidden;
	}
	.popup-photo figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity 400ms ease;
		text-align: center;
	}
	.popup-photo figure img{
	    width:auto;
	    height:auto;
	    max-width:100%;
	    max-height:100%;
	}

	.popup-contents{
		position: relative;
		padding: 50px;
	}
	.popup-contents p{
		margin: 30px 0 0;
		font-weight: 500;
		line-height: 1.6;
	}
	.popup-close{
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
	}
	.popup-close a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 400ms ease;
	}
	.popup-close a:after,
	.popup-close a:before{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 40px;
		height: 1px;
		background: #fff;
	}
	.popup-close a:before{
		transform: rotate(45deg);
	}
	.popup-close a:after{
		transform: rotate(-45deg);
	}


	.popup-close a:hover{
		opacity: 0.5;
	}
	.popup-overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.75);
		z-index: 4000;
		opacity: 0;
		visibility: hidden;
	}
	.is-popup-ease .popup-overlay{
		transition: opacity 400ms ease,visibility 400ms ease;
	}
	.is-popup .popup-overlay{
		opacity: 1;
		visibility: visible;
	}





}



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

	.ignore-sp{
		display: none;
	}
	
	.si-sec__slide-caption{
		margin: 10px 0 0;
		padding: 0 15px;
	}
	.si-sec__slide-caption p{
		font-size: 10px;
	}
	.si-sec__slide-note{
		margin: 30px 0 0;
		padding: 0 15px;
	}
	.si-sec__slide-note p{
		font-size: 12px;
		font-weight: bold;
	}
	.si-sec__slide-wrap{
		position: relative;
		padding: 0 15px;
	}
	.si-sec__slide{
		overflow: inherit;
	}
	.si-sec__slide figure img{
		width: 100%;
		height: auto;
	}
	.si-sec__slide-button--next{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.si-sec__slide-button--prev{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.si-sec__slide-pager{
		margin: 10px 0 0;
		text-align: center;
		bottom: 0 !important;
		
	}



/* kv
====================================================================*/

	.si-kv{
		position: relative;
		padding-top: 112.8%;
	}
	.si-kv h1{
		position: absolute;
		padding: 0 20%;
		width: 100%;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		z-index: 200;
	}



/* si-sec
====================================================================*/

/*
	.si-sec{
		position: relative;
		padding: 40px 0;
	}*/
	.si-main{
		font-size: 16px;
	}
	.si-sec{
		position: relative;
	}
	.si-sec1{
		padding: 40px 0;
	}
	.si-sec2{
		padding: 40px 0 80px;
	}
	.si-sec3{
		padding: 1px 0 20px;
	}
	.si-sec p{
		line-height: 1.8;
	}

	.si-sec:nth-child(even){
		background: #242424;
	}
	.si-sec .si-sec__inner{
		position: relative;
		margin: auto;
		padding: 0 10px;
		max-width: 920px;
		z-index: 20;
	}



/* si-sec
====================================================================*/

	.si-main{
		font-size: 14px;
	}
	.si-sec p{
		line-height: 2;
	}
	.si-sec:nth-child(even){
		background: #242424;
	}
	.si-sec .si-sec__inner{
		position: relative;
		margin: auto;
		padding: 0 15px;
		z-index: 20;
	}

/* si-lead
====================================================================*/


	.si-lead__title h2 div{
		font-size: min(20px,5.33vw);
		font-weight: bold;
	}
	.si-lead__title h2 span{
		display: block;
	}
	.si-lead__title h2 span + span{
		margin-top: 2px;
	}
	.si-lead__title h2 span i{
		padding: 6px 4px;
	}


	.si-lead__text p{
		font-weight: bold;
	}
	.si-lead__text p + p{
		margin-top: 15px;
	}
	.si-lead__text{
		margin: 30px 0 0;
	}
	.si-lead__credit{
		margin: 30px 0 0;
	}
	.si-lead__credit p + p{
		margin-top: 15px;
	}


/* si-profile
====================================================================*/

	.si-profile__text-box h2{
		font-size: min(18px,4.8vw);
		font-weight: bold;
		line-height: 1.8;
	}
	.si-profile__text-box{
		padding: 30px 0 0;
	}
	.si-profile__text{
		margin: 20px 0 0;
	}
	.si-profile__text p + p{
		margin-top: 15px;
	}
	.si-profile__detail figure{
		margin: auto;
		/*width: 163px;*/
	}


/* si-sec
====================================================================*/
	
	.si-sec__header{
		padding: 0 0 30px;
	}
	.si-sec__header h2{
		font-size: min(16px,4.26vw);
		font-weight: bold;
	}
	.si-sec__header h2 span{
		display: block;
	}
	.si-sec__header h2 span i{
		display: inline-block;
		padding: 3px 4px;
	}

	.si-sec__header h2 span + span{
		margin-top: 2px;
	}

	.si-sec__col + .si-sec__col{
		margin-top: 30px;
	}

	.si-sec__text p + p{
		display: block;
		margin-top: 15px;
	}
	.si-sec__figure-caption{
		margin: 15px auto 0;
		font-size: 10px;
	}

	.si-sec__figure.si-sec__figure-layout1,
	.si-sec__figure.si-sec__figure-layout2{
		margin-top: -41px;
	}
	.si-sec__figure.si-sec__figure-layout1 + .si-sec__figure.si-sec__figure-layout2{
		margin-top: 40px;
	}

	.si-sec__figure.si-sec__figure-layout1 figure{
		margin-left: calc(50% - 50vw);
	}
	.si-sec__figure.si-sec__figure-layout2 figure{
		margin-right: calc(50% - 50vw);
	}
	.si-sec__figure-box .si-sec__figure{
		margin: auto;
		max-width: 240px;
	}
	.si-sec__figure-box .si-sec__figure + .si-sec__figure{
		margin-top: 30px;
	}


	.si-sec__figure img{
		width: 100%;
		height: auto;
	}
	.si-sec__figure iframe{
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}



/* popup
========================================================*/

	.popup{
		position: fixed;
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 900px;
		transform: translate(-50%,-50%);
		z-index: 5000;
		opacity: 0;
		visibility: hidden;

	}
	.is-popup-ease .popup{
		transition: opacity 400ms ease,visibility 400ms ease;
	}
	.is-popup .popup{
		opacity: 1;
		visibility: visible;
	}

	.popup-movie{
		position: relative;
		padding-top: 56.25%;
		overflow: hidden;
	}
	.popup-movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.popup-photo{
		position: relative;
		padding-top: 66.6%;
		background: #000;
		overflow: hidden;
	}
	.popup-photo figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity 400ms ease;
		text-align: center;
		
	}
	.popup-photo figure img{
	    width:auto;
	    height:auto;
	    max-width:100%;
	    max-height:100%;
	}
	.popup-contents{
		position: relative;
		padding: 40px;
	}
	.popup-contents p{
		margin: 30px 0 0;
		font-weight: 500;
		line-height: 1.6;
	}
	.popup-close{
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
	}
	.popup-close a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 400ms ease;
	}
	.popup-close a:after,
	.popup-close a:before{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 25px;
		height: 1px;
		background: #fff;
	}
	.popup-close a:before{
		transform: rotate(45deg);
	}
	.popup-close a:after{
		transform: rotate(-45deg);
	}

	.popup-overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.75);
		z-index: 4000;
		opacity: 0;
		visibility: hidden;
	}
	.is-popup-ease .popup-overlay{
		transition: opacity 400ms ease,visibility 400ms ease;
	}
	.is-popup .popup-overlay{
		opacity: 1;
		visibility: visible;
	}





}


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


}