/* --------------------------------------------------

		project

-------------------------------------------------- */

.p-movie a {

	position: relative;

	z-index: 1;

	display: block;

	transition: opacity .3s ease;

}

.p-movie a:after {

	content: "";

	position: absolute;

	top: calc(50% - 48px);

	left: calc(50% - 48px);

	width: 96px;

	height: 96px;

	background-image: url(../img/icon_play.png);

	background-repeat: no-repeat;

	background-size: contain;

	background-position: center center;

}

.p-movie a:hover {

	opacity: 0.8;

}

.p-movie-modal {

	position: relative;

}

.p-movie-modal__frame {

	position: relative;

	width: 100%;

	height: 0;

	padding-bottom: 56.25%;

	box-shadow: 0 0 8px rgb(0 0 0 / 60%);

}

.p-movie-modal__frame video {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



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

.p-movie a:after {

	top: calc(50% - 24px);

	left: calc(50% - 24px);

	width: 48px;

	height: 48px;

}

.p-movie a:hover {

	opacity: 1;

}

}





/* --------------------------------------------------

		utility

-------------------------------------------------- */

.u-pc {

	display: block;

}

.u-sp {

	display: none;

}

.u-font--def {

	font-family: 'Noto Sans JP', sans-serif;

}

.u-font--en {

	font-family: 'Open Sans', cursive;

}

.u-cfx:after {

	content: "";

	display: table;

	clear: both;

}

.u-cts {

	position: relative;

}

.u-cts__wrap {

	position: relative;

}

.u-cts__inner {

	position: relative;

	max-width: 1366px;

	padding: 0 130px;

	margin: 0 auto;

}

.u-ancher {

	padding-top: 80px;

	margin-top: -80px;

}

.u-bold {

	font-weight: bold;

}

.u-center {

	text-align: center;

}

.u-left {

	text-align: left;

}

.u-right {

	text-align: right;

}



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

.u-cts__inner {

	padding: 0 9.516837481698389%;

}

}



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

.u-pc {

	display: none;

}

.u-sp {

	display: block;

}

.u-cts__inner {

	max-width: none;

	padding: 0 2%;

}

.u-ancher {

	padding-top: 63x;

	margin-top: -63px;

}

}





/* --------------------------------------------------

		magnificPopup

-------------------------------------------------- */

.mfp-movie.mfp-bg {

	background: #ffffff;

	opacity: 0.85;

	transition: all 0.3s ease-out;

}

.mfp-movie.mfp-bg.mfp-removing {

	opacity: 0;

}

.mfp-movie.mfp-wrap .mfp-content {

	transition: all 0.3s ease-out;

}

.mfp-movie.mfp-wrap.mfp-removing .mfp-content {

	opacity: 0;

}

.mfp-movie .mfp-inline-holder,

.mfp-movie .mfp-iframe-holder {

	padding: 10px 10px;

}

.mfp-movie .mfp-inline-holder .mfp-content,

.mfp-movie .mfp-iframe-holder .mfp-content {

	max-width: 960px;

	padding-top: 70px;

}

.mfp-movie .mfp-iframe-scaler {

	position: relative;

	overflow: visible;

}

.mfp-movie button.mfp-close {

	width: 180px;

	height: 50px;

	padding: 0 0;

	font-size: 0;

	opacity: 1;

	top: -60px;

	right: 0;

	background-image: url(../img/icon_close.png);

	background-size: 100% auto;

	background-repeat: no-repeat;

	background-position: center top;

}

.mfp-movie button.mfp-close:hover {

	background-position: center bottom;

}



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

.mfp-movie .mfp-inline-holder .mfp-content,

.mfp-movie .mfp-iframe-holder .mfp-content {

	padding-top: 35px;

}

.mfp-movie button.mfp-close {

	width: 90px;

	height: 25px;

	top: -30px;

}

.mfp-movie button.mfp-close:hover {

	background-position: center top;

}

}





/* --------------------------------------------------

		※※※※※

-------------------------------------------------- */



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

}