@media all and (min-width: 751px) {
	.SP {
		display: none !important;
	}
}

@media screen and (max-width: 750px) {
	.PC {
		display: none !important;
	}
}

/* fixed-background
----------------------------------------*/
.fixed-background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-image: url("/mugicha/common/img/skybg-pc.jpg");
}

@media screen and (max-width: 750px) {
	.fixed-background {
		background-image: url("/mugicha/common/img/skybg-sp.jpg");
	}
}

.svg-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	transition: opacity 0.3s ease-out;
}

.svg-wrapper.shrink {
	opacity: 0;
}

.svg-wrapper .svg-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (max-width: 750px) {
	.svg-wrapper {
		display: none;
	}
}

/* sec-mainvisual
----------------------------------------*/
.sec-mainvisual {
	padding-top: 175px;
	margin-bottom: 38px;
	min-width: 1200px;
	padding-bottom: 20px;
	overflow: hidden;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual {
		padding-top: 60px;
		margin-bottom: 4.53333vw;
		padding-bottom: 1.33333vw;
		min-width: 0;
	}
}

.sec-mainvisual .mainvisual-wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual-wrap {
		width: 100%;
	}
}

.sec-mainvisual .mainvisual-wrap:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: 1200px;
	height: 675px;
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, rgba(18, 171, 255, 0) 25%, rgba(18, 171, 255, 0) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(18, 171, 255, 0) 75%, rgba(18, 171, 255, 0));
	background-size: 12px 12px;
	border-radius: 30px;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual-wrap:before {
		left: 0;
		top: 1.33333vw;
		width: 100%;
		height: 56.26667vw;
		background-size: 1.6vw 1.6vw;
		border-radius: 0;
	}
}

.sec-mainvisual .mainvisual {
	position: relative;
	width: 1200px;
	height: 675px;
	background-image: url("/mugicha/top/img/mainvisual.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual {
		background-image: url("/mugicha/top/img/mainvisual_sp.jpg");
		width: 100%;
		height: 56.26667vw;
		border-radius: 0;
		border: none;
	}
}

.sec-mainvisual .mainvisual:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 1192px;
	height: 667px;
	border: 4px solid #FFF;
	border-radius: 26px;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 5;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual:after {
		display: none;
	}
}

.sec-mainvisual .mainvisual:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 1200px;
	height: 675px;
	border: 4px solid #0b9bf8;
	border-radius: 30px;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 5;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual:before {
		display: none;
	}
}

.sec-mainvisual .mainvisual.noMovie a:before {
	display: none;
}

.sec-mainvisual .mainvisual .movie-embed {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 30px;
	width: 1200px;
	height: 675px;
	overflow: hidden;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual .movie-embed {
		display: none;
	}
}

.sec-mainvisual .mainvisual .movie-embed:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 1200px;
	height: 675px;
	border: 4px solid #0b9bf8;
	border-radius: 30px;
	box-sizing: border-box;
	pointer-events: none;
}

@media screen and (max-width: 750px) {
	.sec-mainvisual .mainvisual .movie-embed:before {
		display: none;
	}
}

.sec-mainvisual .mainvisual.noMovie .movie-embed {
	display: none;
}

.sec-mainvisual .mainvisual .bnr-overlay {
	position: absolute;
	overflow: hidden;
}

.sec-mainvisual .mainvisual .bnr-overlay .close-btn {
	content: '';
	display: block;
	position: absolute;
	cursor: pointer;
}

.sec-mainvisual .mainvisual .bnr-overlay.only-pc {
	bottom: 0;
	width: 100%;
	padding: 0 8px 8px;
	border-radius: 0 0 30px 30px;
	z-index: 0;
}

.sec-mainvisual .mainvisual .bnr-overlay.only-pc .close-btn {
	width: 36px;
	height: 36px;
	top: 0;
	right: 8px;
}

.sec-mainvisual .mainvisual .bnr-overlay.only-pc img {
	width: 100%;
	margin: auto;
}

.sec-mainvisual .mainvisual .bnr-overlay.hide {
	display: none;
}

/* bnr-overlay only-sp
----------------------------------------*/
@media screen and (max-width: 750px) {
	.bnr-overlay.only-sp {
		width: 92vw;
		right: 0;
		left: 0;
		margin: auto auto 4.53333vw;
		border-radius: 2vw;
		overflow: hidden;
	}
	.bnr-overlay.only-sp .close-btn {
		width: 5.06667vw;
		height: 5.06667vw;
		top: 1.6vw;
		right: 1.6vw;
	}
	.bnr-overlay.only-sp img {
		width: 100%;
		margin: auto;
	}
}

/* sec-new
----------------------------------------*/
@keyframes popInBnr {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

.sec-new {
	width: 1200px;
	margin: auto;
	padding-bottom: 90px;
}

@media screen and (max-width: 750px) {
	.sec-new {
		width: 100%;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-bottom: 9.33333vw;
	}
}

.sec-new .new-ttl {
	text-align: center;
}

@media screen and (max-width: 750px) {
	.sec-new .new-ttl {
		width: 47.33333vw;
		margin: auto;
	}
	.sec-new .new-ttl img {
		width: 100%;
	}
}

.sec-new .new-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

@media screen and (max-width: 750px) {
	.sec-new .new-list {
		display: block;
	}
}

.sec-new .new-list li {
	width: calc(50% - 13px);
}

@media screen and (max-width: 750px) {
	.sec-new .new-list li {
		width: 100%;
	}
	.sec-new .new-list li + li {
		margin-top: 2vw;
	}
}

.sec-new .new-list li a {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
}

@media screen and (max-width: 750px) {
	.sec-new .new-list li a {
		display: block;
	}
}

.sec-new .new-list li a img {
	width: 100%;
	height: auto;
}

/* sec-pickup
----------------------------------------*/
.sec-pickup {
	position: relative;
	padding-bottom: 78px;
	width: 100%;
	min-width: 1200px;
}

@media screen and (max-width: 750px) {
	.sec-pickup {
		padding-bottom: 9.86667vw;
		min-width: 0;
		margin-bottom: 8vw;
	}
}

.sec-pickup:before {
	content: '';
	position: absolute;
	display: block;
	top: 30px;
	width: 100%;
	height: 590px;
	background-image: url("/mugicha/top/img/pickup-bg-pc.png");
	background-repeat: repeat-x;
}

@media screen and (max-width: 750px) {
	.sec-pickup:before {
		top: 3.33333vw;
		height: 99.06667vw;
		background-image: url("/mugicha/top/img/pickup-bg-sp.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.sec-pickup .sec-head {
	position: relative;
	width: 400px;
	height: 86px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 350.99502% 1429.54545%;
	background-position: 57.58176% 71.02564%;
	margin: 0 auto 30px;
}

.sec-pickup .sec-head:after {
	content: '';
	display: block;
	padding-top: 21.89055%;
}

@media screen and (max-width: 750px) {
	.sec-pickup .sec-head {
		width: 53.2vw;
		height: 11.46667vw;
		margin-bottom: 3.46667vw;
	}
}

.sec-pickup .picup-wrap {
	overflow: hidden;
}

/* sec-intro
----------------------------------------*/
.sec-intro {
	margin-bottom: 88px;
}

@media screen and (max-width: 750px) {
	.sec-intro {
		margin-bottom: 10.4vw;
	}
}

.sec-intro .sec-intro-inner {
	width: 1200px;
	margin: 0 auto 0;
}

@media screen and (max-width: 750px) {
	.sec-intro .sec-intro-inner {
		width: 100%;
		padding-left: 4vw;
		padding-right: 4vw;
	}
}

.sec-intro .intro-box {
	position: relative;
	background-color: rgba(255, 255, 255, 0.7);
	height: 728px;
	border-radius: 26px;
}

@media screen and (max-width: 750px) {
	.sec-intro .intro-box {
		height: 142.4vw;
		border-radius: 4vw;
	}
}

.sec-intro .intro-bottle, .sec-intro .intro-head, .sec-intro .intro-text, .sec-intro .intro-logo {
	position: absolute;
}

.sec-intro .intro-bottle img, .sec-intro .intro-head img, .sec-intro .intro-text img, .sec-intro .intro-logo img {
	width: 100%;
}

.sec-intro .intro-bottle {
	width: 342px;
	height: 772px;
	left: 54px;
	top: -69px;
	background-image: url("/mugicha/top/img/intro-bottle-pc.png");
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
	.sec-intro .intro-bottle {
		width: 30.66667vw;
		height: 60.66667vw;
		left: 0.13333vw;
		top: 78.8vw;
		background-image: url("/mugicha/top/img/intro-bottle-sp.png");
	}
}

.sec-intro .intro-head {
	width: 804px;
	height: 258px;
	left: 326px;
	top: -28px;
	background-image: url("/mugicha/top/img/intro-head-pc.png");
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
}

@media screen and (max-width: 750px) {
	.sec-intro .intro-head {
		width: 79.73333vw;
		height: 38.93333vw;
		left: 5.6vw;
		top: -6.13333vw;
		background-image: url("/mugicha/top/img/intro-head-sp.png");
	}
}

.sec-intro .intro-logo {
	width: 469px;
	left: 448px;
	top: 112px;
}

@media screen and (max-width: 750px) {
	.sec-intro .intro-logo {
		width: 53.46667vw;
		left: 33.46667vw;
		top: 121.06667vw;
	}
}

.sec-intro .intro-text {
	left: 387px;
	top: 242px;
}

@media screen and (max-width: 750px) {
	.sec-intro .intro-text {
		width: 75.06667vw;
		left: 8.26667vw;
		top: 36.26667vw;
	}
}

/* sec-about
----------------------------------------*/
.sec-about .sec-head {
	position: relative;
	width: 828px;
	height: 404px;
	background-image: url("/mugicha/top/img/sec-head-about-pc.png");
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto 25px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
}

@media screen and (max-width: 750px) {
	.sec-about .sec-head {
		width: 92.53333vw;
		height: 56.4vw;
		background-image: url("/mugicha/top/img/sec-head-about-sp.png");
		margin-bottom: 4.66667vw;
	}
}

.sec-about .about-list {
	width: 100%;
	min-width: 1200px;
}

@media screen and (max-width: 750px) {
	.sec-about .about-list {
		min-width: 0;
	}
}

.sec-about .about-item {
	width: 100%;
	height: 500px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
}

.sec-about .about-item:nth-child(odd) {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.sec-about .about-item:nth-child(odd) .about-item-image:before {
	left: -1px;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item:nth-child(odd) .about-item-image:before {
		left: auto;
	}
}

.sec-about .about-item:nth-child(odd) .about-item-title-inner {
	float: right;
}

.sec-about .about-item:nth-child(even) .about-item-image:before {
	left: auto;
	right: -1px;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item:nth-child(even) .about-item-image:before {
		right: auto;
	}
}

@media screen and (max-width: 750px) {
	.sec-about .about-item {
		height: auto;
		display: block;
	}
}

.sec-about .about-item-image {
	position: relative;
	width: 51.875%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-image {
		width: 100%;
		height: auto;
		padding-bottom: 60.26667%;
	}
}

.sec-about .about-item-image:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	width: 50px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-image:before {
		width: 100%;
		height: auto;
		height: 3.73333vw;
		background-size: cover;
		top: auto;
		left: 0;
		bottom: -1px;
		background-size: 100%;
	}
}

.sec-about .about-item-title {
	position: relative;
	width: 48.125%;
	height: 500px;
	overflow: hidden;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-title {
		width: 100%;
		height: auto;
		min-height: 60.26667vw;
		background-size: 100%;
	}
}

.sec-about .about-item-title .about-item-title-inner {
	position: relative;
	width: 100%;
	max-width: 770px;
	height: 100%;
	overflow: hidden;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-title .about-item-title-inner {
		max-width: none;
	}
}

.sec-about .about-item-title .about-item-title-inner p {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 8.57143% auto 0;
	width: 100%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-title .about-item-title-inner p {
		margin-top: 12px;
		margin-bottom: 14px;
		max-width: none;
	}
}

.sec-about .about-item-title .about-item-title-inner .detail-btn {
	position: absolute;
	width: 260px;
	left: 0;
	right: 0;
	bottom: 70px;
	margin: auto;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-title .about-item-title-inner .detail-btn {
		position: relative;
		width: 200px;
		left: auto;
		right: auto;
		bottom: auto;
		margin-bottom: 25px;
	}
}

.sec-about .about-item-01 .about-item-image {
	background-image: url("/mugicha/top/img/about-img-01.jpg");
}

.sec-about .about-item-01 .about-item-image:before {
	background-image: url("/mugicha/top/img/about-arc-01.png?v=190220");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-01 .about-item-image:before {
		background-image: url("/mugicha/top/img/about-arc-sp-01.png");
	}
}

.sec-about .about-item-01 .about-item-title {
	background-image: url("/mugicha/top/img/about-bg-01.png");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-01 .about-item-title {
		background-image: url("/mugicha/top/img/about-bg-sp-01.png");
	}
}

.sec-about .about-item-01 .about-item-title p {
	max-width: 651px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 216.74347% 481.99234%;
	background-position: 0% 29.18756%;
}

.sec-about .about-item-01 .about-item-title p:after {
	content: '';
	display: block;
	padding-top: 40.09217%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-01 .about-item-title p {
		width: 86.4vw;
		height: 34vw;
		margin-top: 3.33333vw;
		margin-bottom: 4.26667vw;
	}
}

.sec-about .about-item-02 .about-item-image {
	background-image: url("/mugicha/top/img/about-img-02.jpg");
}

.sec-about .about-item-02 .about-item-image:before {
	background-image: url("/mugicha/top/img/about-arc-02.png?v=190220");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-02 .about-item-image:before {
		background-image: url("/mugicha/top/img/about-arc-sp-02.png");
	}
}

.sec-about .about-item-02 .about-item-title {
	background-image: url("/mugicha/top/img/about-bg-02.png");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-02 .about-item-title {
		background-image: url("/mugicha/top/img/about-bg-sp-02.png");
	}
}

.sec-about .about-item-02 .about-item-title p {
	max-width: 655px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 215.41985% 447.68683%;
	background-position: 0% 0%;
}

.sec-about .about-item-02 .about-item-title p:after {
	content: '';
	display: block;
	padding-top: 42.90076%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-02 .about-item-title p {
		width: 87.33333vw;
		height: 37.46667vw;
		margin-top: 0;
		margin-bottom: 5.73333vw;
	}
}

.sec-about .about-item-03 .about-item-image {
	background-image: url("/mugicha/top/img/about-img-03.jpg");
}

.sec-about .about-item-03 .about-item-image:before {
	transform: rotate(180deg);
	background-image: url("/mugicha/top/img/about-arc-03.png?v=190220");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-03 .about-item-image:before {
		transform: rotate(0);
		background-image: url("/mugicha/top/img/about-arc-sp-03.png");
	}
}

.sec-about .about-item-03 .about-item-title {
	background-image: url("/mugicha/top/img/about-bg-03.png");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-03 .about-item-title {
		background-image: url("/mugicha/top/img/about-bg-sp-03.png");
	}
}

.sec-about .about-item-03 .about-item-title p {
	max-width: 596px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 236.74497% 480.15267%;
	background-position: 81.59509% 0%;
}

.sec-about .about-item-03 .about-item-title p:after {
	content: '';
	display: block;
	padding-top: 43.95973%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-03 .about-item-title p {
		width: 78.53333vw;
		height: 34.26667vw;
		margin-top: 2vw;
		margin-bottom: 5.33333vw;
	}
}

.sec-about .about-item-04 .about-item-image {
	background-image: url("/mugicha/top/img/about-img-04.jpg");
}

.sec-about .about-item-04 .about-item-image:before {
	background-image: url("/mugicha/top/img/about-arc-04.png?v=190220");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-04 .about-item-image:before {
		background-image: url("/mugicha/top/img/about-arc-sp-04.png");
	}
}

.sec-about .about-item-04 .about-item-title {
	background-image: url("/mugicha/top/img/about-bg-04.png");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-04 .about-item-title {
		background-image: url("/mugicha/top/img/about-bg-sp-04.png");
	}
}

.sec-about .about-item-04 .about-item-title p {
	max-width: 554px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 254.69314% 485.71429%;
	background-position: 0% 56.25626%;
}

.sec-about .about-item-04 .about-item-title p:after {
	content: '';
	display: block;
	padding-top: 46.7509%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-04 .about-item-title p {
		width: 73.86667vw;
		height: 34.53333vw;
		margin-top: 2.4vw;
		margin-bottom: 4.8vw;
	}
}

.sec-about .about-item-05 .about-item-image {
	background-image: url("/mugicha/top/img/about-img-05.jpg");
}

.sec-about .about-item-05 .about-item-image:before {
	background-image: url("/mugicha/top/img/about-arc-05.png?v=190220");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-05 .about-item-image:before {
		background-image: url("/mugicha/top/img/about-arc-sp-05.png");
	}
}

.sec-about .about-item-05 .about-item-title {
	background-image: url("/mugicha/top/img/about-bg-05.png");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-05 .about-item-title {
		background-image: url("/mugicha/top/img/about-bg-sp-05.png");
	}
}

.sec-about .about-item-05 .about-item-title p {
	max-width: 532px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 265.22556% 489.49416%;
	background-position: 64.16382% 56.14386%;
}

.sec-about .about-item-05 .about-item-title p:after {
	content: '';
	display: block;
	padding-top: 48.30827%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-05 .about-item-title p {
		width: 70.93333vw;
		height: 34.26667vw;
		margin-top: 3.06667vw;
		margin-bottom: 4.53333vw;
	}
}

.sec-about .about-item-06 .about-item-image {
	background-image: url("/mugicha/top/img/about-img-06.jpg");
}

.sec-about .about-item-06 .about-item-image:before {
	transform: rotate(180deg);
	background-image: url("/mugicha/top/img/about-arc-06.png?v=190220");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-06 .about-item-image:before {
		transform: rotate(0);
		background-image: url("/mugicha/top/img/about-arc-sp-06.png");
	}
}

.sec-about .about-item-06 .about-item-title {
	background-image: url("/mugicha/top/img/about-bg-06.png");
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-06 .about-item-title {
		background-image: url("/mugicha/top/img/about-bg-sp-06.png");
	}
}

.sec-about .about-item-06 .about-item-title .about-item-title-inner p {
	max-width: 564px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 250.1773% 476.51515%;
	background-position: 78.5124% 27.36419%;
}

.sec-about .about-item-06 .about-item-title .about-item-title-inner p:after {
	content: '';
	display: block;
	padding-top: 46.80851%;
}

@media screen and (max-width: 750px) {
	.sec-about .about-item-06 .about-item-title .about-item-title-inner p {
		width: 87.2vw;
		height: 35.2vw;
		margin-top: 3.33333vw;
		margin-bottom: 3.33333vw;
	}
}

section {
	margin-bottom: 90px;
}

@media screen and (max-width: 750px) {
	section {
		margin-bottom: 13.33333vw;
	}
}

section .sec-head {
	margin: 0 auto 30px;
}

@media screen and (max-width: 750px) {
	section .sec-head {
		margin-bottom: 3.33333vw;
	}
}

/* sec-q-and-a
----------------------------------------*/
/* sec-movie
----------------------------------------*/
.sec-movie {
	margin-bottom: 74px;
}

@media screen and (max-width: 750px) {
	.sec-movie {
		margin-bottom: 13.33333vw;
	}
}

.sec-movie .sec-head {
	width: 287px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 495.08772% 1996.8254%;
	background-position: 15.80817% 83.2636%;
}

.sec-movie .sec-head:after {
	content: '';
	display: block;
	padding-top: 22.10526%;
}

@media screen and (max-width: 750px) {
	.sec-movie .sec-head {
		width: 38vw;
		height: 8.4vw;
	}
}

.sec-movie .movie-list {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1200px;
	margin: 0 auto 0;
}

@media screen and (max-width: 750px) {
	.sec-movie .movie-list {
		width: 92vw;
	}
}

.sec-movie .movie-list .movie-item {
	margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
	.sec-movie .movie-list .movie-item {
		margin-bottom: 8vw;
	}
	.sec-movie .movie-list .movie-item:last-child {
		margin-bottom: 0;
	}
}

.sec-movie .movie-list .movie-item .movie-title {
	font-size: 22px;
	font-weight: bold;
	color: #0b9bf8;
	text-shadow: #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
	text-align: center;
}

@media screen and (max-width: 750px) {
	.sec-movie .movie-list .movie-item .movie-title {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.sec-movie .movie-list .movie-item .movie-modal-btn {
	display: block;
	width: 585px;
	height: 341px;
	margin: 0 auto 10px;
}

@media screen and (max-width: 750px) {
	.sec-movie .movie-list .movie-item .movie-modal-btn {
		width: 92vw;
		height: 53.6vw;
		margin-bottom: 1.33333vw;
	}
}

.sec-movie .movie-list .movie-item .movie-modal-btn img {
	width: 100%;
}

.sec-movie .movie-list p {
	text-align: center;
	color: #0b9bf8;
	font-size: 22px;
	font-weight: bold;
	text-shadow: #FFF 2px 0px, #FFF -2px 0px, #FFF 0px -2px, #FFF 0px 2px, #FFF 2px 2px, #FFF -2px 2px, #FFF 2px -2px, #FFF -2px -2px, #FFF 1px 2px, #FFF -1px 2px, #FFF 1px -2px, #FFF -1px -2px, #FFF 2px 1px, #FFF -2px 1px, #FFF 2px -1px, #FFF -2px -1px;
}

@media screen and (max-width: 750px) {
	.sec-movie .movie-list p {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

/* sec-lineup
----------------------------------------*/
.sec-lineup .lineup-box {
	position: relative;
	width: 1200px;
	height: 700px;
	margin: 0 auto;
	background-image: url("/mugicha/top/img/linup-bg-pc.png");
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box {
		width: 92vw;
		height: 96vw;
		background-image: url("/mugicha/top/img/linup-bg-sp.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.sec-lineup .lineup-box .sec-head {
	position: absolute;
	width: 571px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 247.11033% 816.88312%;
	background-position: 0% 75.27174%;
	left: 373px;
	top: 35px;
}

.sec-lineup .lineup-box .sec-head:after {
	content: '';
	display: block;
	padding-top: 26.97023%;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .sec-head {
		width: 76.13333vw;
		height: 20.53333vw;
		left: 11.73333vw;
		top: 4.4vw;
	}
}

@media screen and (min-width: 751px) {
	.sec-lineup .lineup-box .lineup-list .lineup-item:nth-child(1) {
		opacity: 0;
		-webkit-animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list .lineup-item:nth-child(2) {
		opacity: 0;
		-webkit-animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list .lineup-item:nth-child(3) {
		opacity: 0;
		-webkit-animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list .lineup-item:nth-child(4) {
		opacity: 0;
		-webkit-animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation: slideDown 0.3s ease-out 0s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list.active .lineup-item:nth-child(1) {
		-webkit-animation: slideUp 0.3s ease-out 0.15s 1 normal forwards;
		animation: slideUp 0.3s ease-out 0.15s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list.active .lineup-item:nth-child(2) {
		-webkit-animation: slideUp 0.3s ease-out 0.3s 1 normal forwards;
		animation: slideUp 0.3s ease-out 0.3s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list.active .lineup-item:nth-child(3) {
		-webkit-animation: slideUp 0.3s ease-out 0.45s 1 normal forwards;
		animation: slideUp 0.3s ease-out 0.45s 1 normal forwards;
		animation-play-state: running;
	}
	.sec-lineup .lineup-box .lineup-list.active .lineup-item:nth-child(4) {
		-webkit-animation: slideUp 0.3s ease-out 0.6s 1 normal forwards;
		animation: slideUp 0.3s ease-out 0.6s 1 normal forwards;
		animation-play-state: running;
	}
}

.sec-lineup .lineup-box .lineup-list {
	position: absolute;
	top: 176px;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .lineup-list {
		top: 0;
	}
}

.sec-lineup .lineup-box .lineup-item {
	position: absolute;
}

.sec-lineup .lineup-box .lineup-item-01 {
	width: 140px;
	height: 383px;
	left: 288px;
	top: 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 1007.85714% 328.45953%;
	background-position: 100% 0%;
}

.sec-lineup .lineup-box .lineup-item-01:after {
	content: '';
	display: block;
	padding-top: 273.57143%;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .lineup-item-01 {
		width: 17.2vw;
		height: 47.06667vw;
		left: 8.13333vw;
		top: 24.4vw;
	}
}

.sec-lineup .lineup-box .lineup-item-02 {
	width: 108px;
	height: 318px;
	left: 450px;
	top: 66px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 1306.48148% 395.59748%;
	background-position: 97.54413% 41.80851%;
}

.sec-lineup .lineup-box .lineup-item-02:after {
	content: '';
	display: block;
	padding-top: 294.44444%;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .lineup-item-02 {
		width: 13.46667vw;
		height: 39.6vw;
		left: 28vw;
		top: 32.4vw;
	}
}

.sec-lineup .lineup-box .lineup-item-03 {
	width: 145px;
	height: 206px;
	left: 582px;
	top: 181px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 973.10345% 610.67961%;
	background-position: 87.36177% 53.42205%;
}

.sec-lineup .lineup-box .lineup-item-03:after {
	content: '';
	display: block;
	padding-top: 142.06897%;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .lineup-item-03 {
		width: 17.6vw;
		height: 24.93333vw;
		left: 44.26667vw;
		top: 46.66667vw;
	}
}

.sec-lineup .lineup-box .lineup-item-04 {
	width: 168px;
	height: 263px;
	left: 740px;
	top: 124px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
	background-image: url("/mugicha/top/img/top_sprite.png");
	background-size: 839.88095% 478.327%;
	background-position: 0% 100%;
}

.sec-lineup .lineup-box .lineup-item-04:after {
	content: '';
	display: block;
	padding-top: 156.54762%;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .lineup-item-04 {
		width: 20.26667vw;
		height: 32vw;
		left: 63.86667vw;
		top: 39.6vw;
	}
}

.sec-lineup .lineup-box .lineup-btn {
	position: absolute;
	bottom: 53px;
	left: 0;
	right: 0;
	margin: auto;
	width: 260px;
}

@media screen and (max-width: 750px) {
	.sec-lineup .lineup-box .lineup-btn {
		bottom: 8vw;
		width: 53.33333vw;
	}
}

@media screen and (min-width: 751px) {
	.animation-bounce {
		opacity: 0;
		animation-name: bounceOut;
		animation-duration: 200ms;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		-webkit-animation-name: bounceOut;
		-webkit-animation-duration: 200ms;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
	}
	.animation-bounce.active {
		animation-name: bounceIn;
		animation-duration: 450ms;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		-webkit-animation-name: bounceIn;
		-webkit-animation-duration: 450ms;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
	}
}

@media screen and (min-width: 751px) {
	.animation-jump {
		opacity: 0;
		animation-name: jumpDown;
		animation-duration: 300ms;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		-webkit-animation-name: jumpDown;
		-webkit-animation-duration: 300ms;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
	}
	.animation-jump.active {
		animation-name: jumpUp;
		animation-duration: 300ms;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		-webkit-animation-name: jumpUp;
		-webkit-animation-duration: 300ms;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-fill-mode: forwards;
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(0.3) translate3d(0, 0, 0);
	}
	50% {
		opacity: 0.9;
		transform: scale(1.1);
	}
	80% {
		opacity: 1;
		transform: scale(0.89);
	}
	100% {
		opacity: 1;
		transform: scale(1) translate3d(0, 0, 0);
	}
}

@keyframes bounceOut {
	0% {
		opacity: 1;
		transform: scale(1) translate3d(0, 0, 0);
	}
	100% {
		opacity: 0;
		transform: scale(0.3) translate3d(0, 0, 0);
	}
}

@keyframes jumpUp {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	50% {
		opacity: 0.9;
		transform: translateY(-10px);
	}
	80% {
		opacity: 1;
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes jumpDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(100px);
	}
}

@keyframes slideUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	50% {
		opacity: 0.9;
		transform: translateY(-10px);
	}
	80% {
		opacity: 1;
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(30px);
	}
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3) translate3d(0, 0, 0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(1.1);
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(0.89);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate3d(0, 0, 0);
	}
}

@-webkit-keyframes bounceOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate3d(0, 0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.3) translate3d(0, 0, 0);
	}
}

@-webkit-keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: translateY(-10px);
	}
	80% {
		opacity: 1;
		-webkit-transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(30px);
	}
}

/*# sourceMappingURL=style.css.map */