@charset "utf-8";

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

		kv wrap

------------------------------------------------*/
.md_index_kv {
	background: #ffe329 url(../img/index/bg_kv.jpg) center 15% / auto no-repeat;
	background-size: cover;
	width: 100%;
	height: 940px;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}
.md_index_kv .md_inner {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
  justify-content: start;
	margin: 0 auto;
	transform: scale(0.95);
	opacity: 0;
	position: relative;
	z-index: 10;
}
.md_index_kv.is_show .md_inner {
	animation: 0.6s ease-in-out 1.0s normal both indexKvInnerAnime;
	-webkit-animation: 0.6s ease-in-out 1.0s normal both indexKvInnerAnime;
}
@media (max-width: 959px) {
	.md_index_kv,
	.md_index_kv .md_inner {
		height: auto;
	}
}

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

		kv

------------------------------------------------*/
.md_index_kv .md_bg {
	max-width: 35%;
	transition: 0.3s all;
	position: absolute;
	z-index: 0;
}
.md_index_kv .md_ttl {
	margin: 0 auto 0;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.md_index_kv .md_ttl img {
	min-width: 2120px;
  margin: 0 auto;
}
.md_index_kv .md_ttl .md_sapa {
    max-width: 17%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.md_index_kv .md_ttl .md_ttl_bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: right;
}
.md_index_kv .md_ttl .md_ttl_bg img {
	margin: 70px 0 0 20px;
	width: 17%;
}
.md_index_kv .md_ttl h1 {
	margin: 0 auto 0;
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* .md_index_kv .md_ttl h1 img {
	max-width: 74%;
} */
.md_index_kv .md_character {
	margin: 5% auto 0;
	text-align: center;
	position: relative;
	z-index: 1;
	width: 90%;
	max-width: 1080px;
}
.md_index_kv .md_character ul {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
}
.md_index_kv .md_character ul .md_chara {
	width: 50%;
	margin-right: 4%;
	margin-left: 4%;
}
.md_index_kv .md_character ul .md_text {
	width: 42%;
}
.md_index_kv .md_character ul .md_chara p,
.md_index_kv .md_character ul .md_text p,
.md_index_kv .md_character ul .md_chara img,
.md_index_kv .md_character ul .md_text img{
	width: 100%;
}
.md_index_kv .md_text {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
}
.md_index_kv .md_text .is_red {
	color: #e60012;
	margin-top: 10px;
}
@media (max-width: 1159px) {
	.md_index_kv .md_text {
		font-size: 1.8rem;
	}
	.md_index_kv .md_text p br {
		display: none;
	}
	.md_index_kv .md_character {
		margin: 0px auto;
		padding-right: 6%;
	}
	.md_index_kv .md_character ul {
		width: 100%;
	}
	.md_index_kv .md_character ul .md_chara {
		max-width: 50%;
	}
	.md_index_kv .md_character ul .md_text {
		max-width: 37%;
	}
	.md_index_kv {
		height: 550px;
	}
	.md_index_kv .md_ttl img {
			min-width: 1290px;
			margin: 0 auto;
	}
}
@media (max-width: 959px) {
	.md_index_kv .md_ttl {
		margin: 0 auto 0;
	}
	.md_index_kv .md_character ul li img {
		zoom: 0.75;
	}
}
@media (max-width: 767px) {
	.md_index_kv.is_show {
		background: #ffe329 url(../img/index/bg_kv.jpg) 50% / cover no-repeat;
	}
	.md_index_kv .md_ttl {
		margin: 20px auto 0;
	}
	.md_index_kv .md_ttl img {
		min-width: 330px;
		max-width: 560px;
	}
	.md_index_kv .md_character {
		padding-right: 0%;
	}
	.md_index_kv .md_character ul {
		flex-direction: column-reverse;
		width: 100%;
	}
	.md_index_kv .md_character ul .md_text {
		font-size: 1.6rem;
		max-width: 67%;
		margin: 30px 0 0 0;
	}
	.md_index_kv .md_character ul .md_chara {
		max-width: 50%;
		min-width: 250px;
		margin: 20px auto 0;
	}
}
@media (max-width: 559px) {
	.md_index_kv .md_ttl {
		margin: 50px auto 0;
	}
	.md_index_kv .md_character ul .md_text {
		font-size: 1.4rem;
		width: 100%;
		margin: 0;
	}
	.md_index_kv .md_character ul .md_text br {
		display: block;
	}
	.md_index_kv .md_ttl .md_ttl_bg img {
		margin: 30px 0 0 20px;
		width: 17%;
	}
	.md_index_kv .md_text .is_red {
		margin-top: 5px;
	}
}
@media (max-width: 374px) {
	.md_index_kv .md_text .is_red {
		letter-spacing: 0;
	}
}
@media (max-width: 559px) and (orientation: landscape) {
}
@keyframes indexKvInnerAnime {
	0% { opacity: 0; transform: scale(0.95);}
	50% { opacity: 0.5; transform: scale(1.05);}
	100% { opacity: 1; transform: scale(1);}
}
@keyframes indexkvbganimeOrange {
	0% { top: 0; left: 0; transform: scale(1);}
	50% { top: -50px; left: -50px; transform: scale(1.02);}
	100% { top: -40px; left: -40px; transform: scale(1);}
}
@keyframes indexkvbganimeBlue {
	0% { top: 0; right: 0; transform: scale(1);}
	50% { top: -50px; right: -50px; transform: scale(1.02);}
	100% { top: -40px; right: -40px; transform: scale(1);}
}
@keyframes indexkvbganimeGreen {
	0% { bottom: 0; left: 0; transform: scale(1);}
	50% { bottom: -50px; left: -50px; transform: scale(1.02);}
	100% { bottom: -40px; left: -40px; transform: scale(1);}
}
@keyframes indexkvbganimePink {
	0% { bottom: 0; right: 0; transform: scale(1);}
	50% { bottom: -50px; right: -50px; transform: scale(1.02);}
	100% { bottom: -40px; right: -40px; transform: scale(1);}
}
@keyframes indexkvmikoto {
	0% { transform:translateY(0); }
	10% { transform:translateY(0); }
	20% { transform:translateY(-10px); }
	25% { transform:translateY(0); }
	30% { transform:translateY(-10px); }
	50% { transform:translateY(0); }
	100% { transform:translateY(0); }
}
@keyframes indexkv10th {
	0% { transform:translateY(0); transform: scale(1); }
	10% { transform:translateY(0); transform: scale(1); }
	20% { transform:translateY(-8px); transform: scale(1.02); }
	25% { transform:translateY(0); transform: scale(1); }
	30% { transform:translateY(-8px); transform: scale(1.02); }
	50% { transform:translateY(0); transform: scale(1); }
	100% { transform:translateY(0); transform: scale(1); }
}
@-webkit-keyframes indexKvInnerAnime {
	0% { opacity: 0; transform: scale(0.95);}
	50% { opacity: 0.5; transform: scale(1.05);}
	100% { opacity: 1; transform: scale(1);}
}
@-webkit-keyframes indexkvbganimeOrange {
	0% { top: 0; left: 0; transform: scale(1);}
	50% { top: -50px; left: -50px; transform: scale(1.02);}
	100% { top: -40px; left: -40px; transform: scale(1);}
}
@-webkit-keyframes indexkvbganimeBlue {
	0% { top: 0; right: 0; transform: scale(1);}
	50% { top: -50px; right: -50px; transform: scale(1.02);}
	100% { top: -40px; right: -40px; transform: scale(1);}
}
@-webkit-keyframes indexkvbganimeGreen {
	0% { bottom: 0; left: 0; transform: scale(1);}
	50% { bottom: -50px; left: -50px; transform: scale(1.02);}
	100% { bottom: -40px; left: -40px; transform: scale(1);}
}
@-webkit-keyframes indexkvbganimePink {
	0% { bottom: 0; right: 0; transform: scale(1);}
	50% { bottom: -50px; right: -50px; transform: scale(1.02);}
	100% { bottom: -40px; right: -40px; transform: scale(1);}
}
@-webkit-keyframes indexkvmikoto {
	0% { transform:translateY(0); }
	10% { transform:translateY(0); }
	20% { transform:translateY(-10px); }
	25% { transform:translateY(0); }
	30% { transform:translateY(-10px); }
	50% { transform:translateY(0); }
	100% { transform:translateY(0); }
}
@-webkit-keyframes indexkv10th {
	0% { transform:translateY(0); transform: scale(1); }
	10% { transform:translateY(0); transform: scale(1); }
	20% { transform:translateY(-8px); transform: scale(1.02); }
	25% { transform:translateY(0); transform: scale(1); }
	30% { transform:translateY(-8px); transform: scale(1.02); }
	50% { transform:translateY(0); transform: scale(1); }
	100% { transform:translateY(0); transform: scale(1); }
}

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

		md_index other

------------------------------------------------*/
.md_index_kv .md_nexco_logo {
	background: #fff;
	border-radius: 50%;
	width: 500px;
	height: 500px;
	padding: 300px 70px 0 280px;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 1.5s;
	transform: scale(0.9) translate(-40px,-40px);
	opacity: 0;
	position: absolute;
	top: -250px;
	left: -250px;
	z-index: 20;
}
.md_index_kv.is_show .md_nexco_logo {
	transform: scale(1) translate(0,0);
	opacity: 1;
}
.md_index_kv .md_nexco_logo a {
	display: block;
}
.md_index_kv .md_nexco_logo a:hover {
	opacity: 0.6;
}
.md_index_kv .md_sns_list {
	position: absolute;
	bottom: 40px;
	left: 50px;
	z-index: 50;
}
.md_index_kv .md_sns_list li {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 1.5s;
	transform: scale(0.5);
	position: relative;
	opacity: 0;
}
.md_index_kv .md_sns_list li + li {
	margin-top: 20px;
}
.md_index_kv.is_show .md_sns_list li {
	transform: scale(1);
	opacity: 1;
}
.md_index_kv .md_sns_list li:first-of-type::before,
.md_index_kv .md_sns_list li:nth-of-type(2)::before {
	content: "";
	display: block;
	transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) all;
	opacity: 0;
	position: absolute;
	z-index: 1;
}
.md_index_kv .md_sns_list li:first-of-type::before {
	width: 120px;
	height: 77px;
	margin: 0 auto;
	transform: scale(0.9) translateY(10px);
	transform-origin: bottom center;
	top: -39px;
	left: 0;
	right: 0;
}
.md_index_kv .md_sns_list li:nth-of-type(2)::before {
	width: 59px;
	height: 91px;
	transform: scale(0.9) translateX(-10px);
	transform-origin: center left;
	top: -29px;
	right: -37px;
}
.md_index_kv .md_sns_list li:first-of-type::before {
	background: url(../img/index/img_sns_chara_01.png) center center / auto no-repeat;
	width: 120px;
	height: 77px;
	margin: 0 auto;
	transform: scale(0.9) translateY(10px);
	transform-origin: bottom center;
	top: -39px;
	left: 0;
	right: 0;
}
.md_index_kv .md_sns_list li:nth-of-type(2)::before {
	background: url(../img/index/img_sns_chara_02.png) center center / auto no-repeat;
	width: 59px;
	height: 91px;
	transform: scale(0.9) translateX(-10px);
	transform-origin: center left;
	top: -29px;
	right: -37px;
}
.md_index_kv .md_sns_list li:first-of-type:hover::before,
.md_index_kv .md_sns_list li:nth-of-type(2):hover::before {
	opacity: 1;
	transform: scale(1) translateX(0) translateY(0);
}
.md_index_kv .md_sns_list li a {
	align-content: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.md_index_kv .md_sns_list li:nth-of-type(2) a::before {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.3s all;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.md_index_kv .md_sns_list li:nth-of-type(2) a::after {
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	content: '';
	width: 120%;
	height: 120%;
	transition: 0.3s all;
	opacity: 0;
	position: absolute;
	top: 46%;
	left: -36%;
}
.md_index_kv .md_sns_list li a:hover {
	color: #fff;
}
.md_index_kv .md_sns_list li:first-of-type a:hover {
	background: #0F1419;
}
.md_index_kv .md_sns_list li:nth-of-type(2) a:hover::before,
.md_index_kv .md_sns_list li:nth-of-type(2) a:hover::after {
	opacity: 1;
}
.md_index_kv .md_sns_list li:last-of-type a:hover {
	background: #1877f2;
}
.md_index_kv .md_sns_list li a svg {
	fill-rule: evenodd;
	width: 33px;
	height: 33px;
	transition: all 0.5s cubic-bezier(0, 0, 0.25, 1) 0s;
	position: relative;
	z-index: 2;
}
.md_index_kv .md_sns_list li:first-of-type a svg {
	fill: #FFF;
}
.md_index_kv .md_sns_list li:nth-of-type(2) a svg {
	fill: #fff;
}
.md_index_kv .md_sns_list li:last-of-type a svg {
	fill: #1877f2;
}
.md_index_kv .md_sns_list li a:hover svg,
.md_index_kv .md_sns_list li a:hover svg path {
	fill: #fff !important;
}
.md_index_kv .md_sns_list li:nth-of-type(2) a svg image {
	transition: all 0.5s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.md_index_kv .md_sns_list li:nth-of-type(2) a:hover svg image {
	opacity: 0;
}
.md_index_kv .md_sns_list li span {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.2em;
	width: 100%;
	margin-top: 10px;
	position: relative;
	z-index: 2;
}
.md_index_kv .md_sns_list li:nth-of-type(2) span {
	letter-spacing: 0.1em;
}
.md_index_kv .md_sns_list li span.is_sp {
	display: none;
}
.md_index_kv .md_scroll {
	letter-spacing: 0.2em;
	opacity: 0;
	transition: 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 1.5s;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 40%;
	right: 5%;
	z-index: 20;
}
.md_index_kv.is_show .md_scroll {
	opacity: 1;
}
.md_index_kv .md_scroll span {
	display: inline-block;
	height: 100px;
	width: 1px;
	margin-bottom: 15px;
	position: relative;
	left: 0;
	overflow: hidden;
}
.md_index_kv .md_scroll span::before {
	background: #000;
	content: "";
	display: block;
	width: 1px;
	height: 80px;
}
.md_index_kv.is_show .md_scroll span::before {
	animation: 3s scrollAnime 2.5s infinite normal;
	-webkit-animation: 3s scrollAnime 2.5s infinite normal;
}
@media (max-width: 1159px) {
	.md_index_kv .md_nexco_logo {
		width: 300px;
		height: 300px;
		padding: 180px 42px 0 168px;
		transform: scale(0.9) translate(-30px,-30px);
		top: -150px;
		left: -150px;
	}
	.md_index_kv .md_sns_list {
		bottom: 2.5%;
		left: 2.5%;
	}
	.md_index_kv .md_sns_list li {
		width: 70px;
		height: 70px;
	}
	.md_index_kv .md_sns_list li + li {
		margin-top: 10px;
	}
	.md_index_kv .md_sns_list li span {
		font-size: 0.9rem;
		letter-spacing: 0.1em;
		margin: 3px auto;
	}
}
@media (max-width: 959px) {
	.md_index_kv .md_sns_list li span,
	.md_index_kv .md_sns_list li:nth-of-type(2) span {
		letter-spacing: 0;
	}
}
@media (max-width: 767px) {
	.md_index_kv .md_nexco_logo {
		width: 200px;
		height: 200px;
		padding: 120px 30px 0 120px;
		transform: scale(0.9) translate(-20px,-20px);
		top: -100px;
		left: -100px;
	}
	.md_index_kv .md_nexco_logo img {
		zoom: 0.35;
	}
	.md_index_kv .md_sns_list {
		bottom: 10px;
		left: 10px;
	}
	.md_index_kv .md_sns_list li {
		width: 52px;
		height: 52px;
		margin-top: 0 !important;
	}
	.md_index_kv .md_sns_list li:not(:last-of-type) {
		display: none;
	}
	.md_index_kv .md_sns_list li:first-of-type::before,
	.md_index_kv .md_sns_list li:nth-of-type(2)::before {
		display: none !important;
	}
	.md_index_kv .md_sns_list li a svg {
		width: 20px;
		height: 20px;
	}
	.md_index_kv .md_sns_list li span {
		font-size: 0.8rem;
	}
	.md_index_kv .md_sns_list li span.is_pc {
		display: none;
	}
	.md_index_kv .md_sns_list li span.is_sp {
		display: block;
	}
	.md_index_kv .md_sns_list li:nth-of-type(2) span {
		letter-spacing: 0.05em;
	}
	.md_index_kv .md_scroll {
		font-size: 1rem;
		top: auto;
		bottom: 10%;
	}
	.md_index_kv .md_scroll span {
		height: 50px;
		margin-bottom: 10px;
		left: 1px;
	}
	.md_index_kv .md_scroll span::before {
		height: 50px;
	}
}
@media (max-width: 374px) {
	.md_index_kv .md_sns_list li {
		width: 45px;
		height: 45px;
	}
}
@keyframes scrollAnime {
	0% {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}
	80% {
		transform: translateY(130%);
		-webkit-transform: translateY(130%);
	}
	100% {
		transform: translateY(130%);
		-webkit-transform: translateY(130%);
	}
}
@-webkit-keyframes scrollAnime {
	0% {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}
	80% {
		transform: translateY(130%);
		-webkit-transform: translateY(130%);
	}
	100% {
		transform: translateY(130%);
		-webkit-transform: translateY(130%);
	}
}

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

		anniversary10th

------------------------------------------------*/
.md_index_anniversary10th {
	background: url(../img/bg_blue.jpg) center / 412px 206px repeat;
	color: #fff;
	padding: 30px 5% 55px;
	position: relative;
	overflow: hidden;
}
.md_index_anniversary10th::before {
	background: url(../img/index/bg_10th_type.svg) center / contain no-repeat;
	content: '';
	display: block;
	width: 2040px;
	height: 206px;
	position: absolute;
	bottom: -42px;
	left: 0.5%;
	z-index: 1;
}
.md_index_anniversary10th::after {
	background: url(../img/index/bg_10th_frame.svg) center / contain no-repeat;
	content: '';
	display: block;
	width: 90%;
	max-width: 763px;
	height: 810px;
	margin: -405px auto 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 0;
}
.md_index_anniversary10th_inner {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}
.md_index_anniversary10th .md_ttl_wrap {
	margin-bottom: 35px;
}
.md_index_anniversary10th .md_sttl {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.md_index_anniversary10th .md_sttl::before,
.md_index_anniversary10th .md_sttl::after {
	content: '';
	display: inline-block;
	width: 17px;
	height: 32px;
	vertical-align: text-bottom;
}
.md_index_anniversary10th .md_sttl::before {
	background: url(../img/index/img_sttl_10th_left.svg) center / contain no-repeat;
	margin-right: 15px;
}
.md_index_anniversary10th .md_sttl::after {
	background: url(../img/index/img_sttl_10th_right.svg) center / contain no-repeat;
	margin-left: 15px;
}
.md_index_anniversary10th .md_sttl + p {
	font-size: 1.4rem;
	font-weight: 700;
}
.md_index_anniversary10th .md_sttl .is_374,
.md_index_anniversary10th .md_sttl + p .is_374 {
	display: none;
}
.md_index_anniversary10th .md_btn {
	margin-top: 30px;
}
@media (max-width: 959px) {
	.md_index_anniversary10th {
		background: url(../img/bg_blue.jpg) center / 309px 154.5px repeat;
	}
	.md_index_anniversary10th::before {
		width: 1020px;
		height: 103px;
		bottom: -21px;
	}
}
@media (max-width: 559px) {
	.md_index_anniversary10th {
		padding: 20px 5% 30px;
	}
	.md_index_anniversary10th::before {
		width: 510px;
		height: 51.5px;
		bottom: -10.5px;
		opacity: 0.8;
	}
	.md_index_anniversary10th::after {
		height: 405px;
		margin: -202.5px auto 0;
	}
	.md_index_anniversary10th .md_ttl_wrap {
		max-width: 80%;
		margin: 0 auto 20px;
	}
	.md_index_anniversary10th .md_sttl {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}
	.md_index_anniversary10th .md_sttl::before,
	.md_index_anniversary10th .md_sttl::after {
		width: 10px;
		height: 22.5px;
	}
	.md_index_anniversary10th .md_sttl::before {
		margin-right: 5px;
	}
	.md_index_anniversary10th .md_sttl::after {
		margin-left: 5px;
	}
	.md_index_anniversary10th .md_sttl + p {
		font-size: 1.3rem;
		font-weight: 400;
		letter-spacing: 0;
	}
	.md_index_anniversary10th .md_btn {
		margin-top: 15px;
	}
}
@media (max-width: 374px) {
	.md_index_anniversary10th .md_sttl::before,
	.md_index_anniversary10th .md_sttl::after {
		display: none;
	}
	.md_index_anniversary10th .md_sttl .is_374,
	.md_index_anniversary10th .md_sttl + p .is_374 {
		display: block;
	}
}

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

		about

------------------------------------------------*/
.md_index_about {
	background: url(../img/index/bg_dotted_yellow.jpg) center / cover no-repeat;
    background-size: cover;
	padding: 55px 5% 90px;
	position: relative;
	overflow: hidden;
}
/*↓トップページ背景の装飾*/
/* .md_index_about::before,
.md_index_about::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
}
.md_index_about::before {
	background: url(../img/index/img_bottom_right.svg) left bottom / contain no-repeat;
    width: 380px;
    height: 500px;
    bottom: 0;
    right: -120px;
}
.md_index_about::after {
	background: url(../img/index/img_top_left.svg) left bottom / contain no-repeat;
    width: 380px;
    height: 500px;
	top: 0;
	left: -120px;
} */
/*↑トップページ背景の装飾*/
.md_index_about .md_caption {
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	max-width: 1000px;
	margin: 0 auto 15px;
	position: relative;
	left: -30px;
}
.md_index_about .md_caption::after {
	background: #231815;
	content: '';
	display: inline-block;
	width: 100px;
	height: 1px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.md_index_about_inner {
	background: #fff url(../img/index/bg_about_ttl_kira.svg) 2.4% 13% / 59px 90px no-repeat;
    border-radius: 3px;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.md_index_about .md_flex {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 3.5% 40px 8.5%;
}
.md_index_about .md_text {
	max-width: 42%;
	padding-top: 50px;
	text-align: justify;
}
.md_index_about .md_text h2 {
	margin-bottom: 25px;
}
.md_index_about .md_text h2 img {
	width: 347px;
}
.md_index_about .md_text h2 + p {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 20px;
}
.md_index_about .md_image {
	max-width: 56.8%;
	text-align: center;
}
@media (max-width: 959px) {
	.md_index_about .md_caption {
		left: 0;
	}
	.md_index_about_inner {
		background-size: 40px 60px;
	}
	.md_index_about .md_flex {
		align-items: center;
		padding: 20px 3.5% 30px 8.5%;
	}
}
@media (max-width: 767px) {
	.md_index_about {
		padding: 30px 5% 45px;
	}
	/*↓トップページ背景の装飾*/
	/* .md_index_about::before {
		width: 145px;
		height: 179px;
	}
	.md_index_about::after {
		width: 220px;
		height: 168.5px;
		left: -60px;
	} */
	/*↑トップページ背景の装飾*/
	.md_index_about .md_caption {
		font-size: 0.9rem;
		margin: 0 auto 7.5px;
	}
	.md_index_about .md_caption::after {
		width: 50px;
		margin-left: 10px;
		margin-bottom: 1px;
	}
	.md_index_about_inner {
		background-size: 29.5px 45px;
		background-position: 20px 20px;
		border-radius: 5px;
	}
	.md_index_about .md_flex {
		padding: 15px 5% 20px;
	}
	.md_index_about .md_text {
		width: 100%;
		max-width: inherit;
		padding-top: 25px;
		text-align: center;
	}
	.md_index_about .md_text h2 {
		margin-bottom: 15px;
	}
	.md_index_about .md_text h2 img {
		width: 173.5px;
	}
	.md_index_about .md_text h2 + p {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.75;
		margin-bottom: 15px;
	}
	.md_index_about .md_image {
		width: 80%;
		margin: 10px auto 0;
		max-width: inherit;
	}
}
/*------------------------------------------------

		activity

------------------------------------------------*/
.md_index_activity {
	background: url(../img/index/bg_dotted_pink.jpg) center / cover no-repeat;
    background-size: cover;
	padding: 55px 5% 90px;
	position: relative;
	overflow: hidden;
}
.md_index_activity::before,
.md_index_activity::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
}
.md_index_activity .md_caption {
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	max-width: 1000px;
	margin: 0 auto 15px;
	position: relative;
	left: -30px;
}
.md_index_activity .md_caption::after {
	background: #231815;
	content: '';
	display: inline-block;
	width: 100px;
	height: 1px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.md_index_activity_inner {
	background: #fff url(../img/index/img_new.svg) 1% 0% / 179px 90px no-repeat;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.md_index_activity_inner::before {
	background: url(../img/index/img_activity_star.svg) 53% 44% / 430px 350px no-repeat;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.md_index_activity .md_flex {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 3.5% 40px 8.5%;
	position: relative;
}
.md_index_activity .md_text {
	max-width: 55%;
	width: 55%;
	padding-top: 70px;
    padding-bottom: 20px;
	text-align: justify;
}
.md_index_activity .md_text h2 {
	margin-bottom: 15px;
}
.md_index_activity .md_text h2 img {
	width: 490px;
}
.md_index_activity .md_text h2 + p {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 20px;
}
.md_index_activity .md_text .md_btn {
    position: relative;
    z-index: 10;
}
.md_index_activity .md_image {
	width: 92%;
	padding-top: 31%;
	right: 4%;
	position: absolute;
	bottom: 8%;
}
.md_index_activity .md_image img {
	position: absolute;
	top: -10%;
	right: -3%;
	width: 100%;
	height: 114%;
	object-fit: contain;
	object-position: right;
}
@media (max-width: 959px) {
	.md_index_activity .md_caption {
		left: 0;
	}
	.md_index_activity_inner {
		background-size: 130px 65px;
	}
	.md_index_activity .md_flex {
		align-items: center;
		padding: 20px 3.5% 30px 8.5%;
	}
}
@media (max-width: 767px) {
	.md_index_activity {
		padding: 30px 5% 45px;
	}
	.md_index_activity::before {
		width: 145px;
		height: 179px;
	}
	.md_index_activity::after {
		width: 220px;
		height: 168.5px;
		left: -60px;
	}
	.md_index_activity .md_caption {
		font-size: 0.9rem;
		margin: 0 auto 7.5px;
	}
	.md_index_activity .md_caption::after {
		width: 50px;
		margin-left: 10px;
		margin-bottom: 1px;
	}
	.md_index_activity_inner {
		background-size: 110px 45px;
		background-position: 5px 5px;
		border-radius: 5px;
	}
	.md_index_activity_inner::before {
		display: none;
	}
	.md_index_activity .md_flex {
		padding: 15px 5% 20px;
	}
	.md_index_activity .md_text {
		width: 100%;
		max-width: inherit;
		padding-top: 50px;
		padding-bottom: 0;
		text-align: center;
	}
	.md_index_activity .md_text h2 {
		margin-bottom: 5px;
	}
	.md_index_activity .md_text h2 img {
		width: 300px;
	}
	.md_index_activity .md_text h2 + p {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.75;
		margin-bottom: 15px;
	}
	.md_index_activity .md_image {
		width: fit-content;
		height: 200px;
		padding: 0;
		margin: 10px auto 0;
		max-width: inherit;
		position: relative;
		right: unset;
	}
	.md_index_activity .md_image img {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		margin: 0 0 -40px 0;
	}
}
/*------------------------------------------------

		movie

------------------------------------------------*/
.md_index_movie {
	background: url(../img/index/bg_dotted_dblue.jpg) center / cover no-repeat;
    background-size: cover;
	padding: 55px 5% 90px;
	position: relative;
	overflow: hidden;
}
.md_index_movie::before,
.md_index_movie::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
}
.md_index_movie::before {
	background: url(../img/index/img_bottom_right.svg) left bottom / contain no-repeat;
    width: 380px;
    height: 500px;
    bottom: 0;
    right: -120px;
}
.md_index_movie::after {
	background: url(../img/index/img_top_left.svg) left bottom / contain no-repeat;
    width: 380px;
    height: 500px;
	top: 0;
	left: -120px;
}
.md_index_movie .md_caption {
	color: #FFF;
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	max-width: 1000px;
	margin: 0 auto 15px;
	position: relative;
	right: -30px;
    text-align: right;
}
.md_index_movie .md_caption::after {
	background: #FFF;
	content: '';
	display: inline-block;
	width: 100px;
	height: 1px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.md_index_movie_inner {
	background: #fff url(../img/index/bg_movie_flag.svg) calc(100% + 20px) calc(0% - 60px) / 339px 180px no-repeat;
    border-radius: 3px;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.md_index_movie_inner::before {
    background: url(../img/index/bg_movie_ttl_kira.svg) 100% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 73%;
    width: 51%;
    margin: 3% 0 7% 2%;
    position: absolute;
    top: 0;
    left: 0;
}
.md_index_movie_inner .is_ribbon {
    position: absolute;
    left: 0px;
	top: 20px;
    padding: 0px 30px;
    margin: 0 0 0 -20px;
    width: 150px;
    line-height: 50px;
    height: 50px;
    color: white;
    background: #ea5532;
    transform: rotate(-5deg);
    font-size: 2.4rem;
    font-weight: 800;
}
.md_index_movie_inner .is_ribbon::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 7px transparent;
	border-right: solid 17px #c9482b;
}
.md_index_movie_inner .is_ribbon::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    right: -1px;
    width: 0px;
    height: 0px;
    border-width: 25px 20px 25px 0px;
    border-color: transparent #ffffff transparent transparent;
    border-style: solid;
}
.md_index_movie .md_flex {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 3.5% 40px 8.5%;
    position: relative;
    z-index: 2;
}
.md_index_movie .md_text {
	max-width: 60%;
	padding-top: 50px;
	text-align: justify;
}
.md_index_movie .md_text h2 {
	margin-bottom: 25px;
}
.md_index_movie .md_text h2 img {
	width: 523px;
}
.md_index_movie .md_text h2 + p {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 20px;
}
.md_index_movie .md_text h2 + p br:first-child {
	display: none;
}
.md_index_movie .md_image {
    width: 44%;
    text-align: center;
    position: absolute;
    right: 5.5%;
    bottom: 30px;
}
.md_index_movie .md_image img {
    width: 100%;
}
@media (max-width: 959px) {
	.md_index_movie .md_caption {
		left: 0;
	}
	.md_index_movie_inner {
		background-size: 180px 130px;
	}
	.md_index_movie .md_flex {
		align-items: center;
		padding: 20px 3.5% 30px 8.5%;
	}
}
@media (max-width: 767px) {
	.md_index_movie {
		padding: 30px 5% 45px;
	}
	.md_index_movie::before {
		width: 145px;
		height: 179px;
	}
	.md_index_movie::after {
		width: 220px;
		height: 168.5px;
		left: -60px;
	}
	.md_index_movie .md_caption {
		font-size: 0.9rem;
		margin: 0 auto 7.5px;
	}
	.md_index_movie .md_caption::after {
		width: 50px;
		margin-left: 10px;
		margin-bottom: 1px;
	}
	.md_index_movie_inner {
		background-size: 100px 140px;
	}
	.md_index_movie_inner::before {
		height: 60%;
		width: 95%;
		background-size: 360px;
		background-position: -310px 110px;
	}
	.md_index_movie_inner::after {
		background: url(../img/index/bg_movie_ttl_kira.svg) 100% no-repeat;
		content: "";
		display: block;
		height: 60%;
		width: 160px;
		background-size: 430px;
		background-position: 100px 24px;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		transform: rotate(0deg);
	}
	.md_index_movie_inner .is_ribbon {
		padding: 0px 20px;
		width: 110px;
		line-height: 30px;
		height: 30px;
		font-size: 1.8rem;
		top: 10px;
	}
	.md_index_movie_inner .is_ribbon::after {
		border-width: 15px 10px 15px 0px;
	}
	.md_index_movie .md_flex {
		padding: 15px 5% 20px;
	}
	.md_index_movie .md_text {
		width: 100%;
		max-width: inherit;
		padding-top: 35px;
		text-align: center;
	}
	.md_index_movie .md_text h2 {
		margin-bottom: 15px;
	}
	.md_index_movie .md_text h2 img {
		width: 283.5px;
	}
	.md_index_movie .md_text h2 + p {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.75;
		margin-bottom: 15px;
	}
	.md_index_movie .md_text h2 + p br:first-child {
		display: block;
	}
	.md_index_movie .md_image {
		margin: 10px auto 0;
		width: unset;
		position: static;
		max-width: 65%;
	}
}

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

		index_spot

------------------------------------------------*/
.md_index_spot {
	background: url(../img/index/bg_spot.jpg) center center / auto repeat;
	padding: 120px 5%;
}
.md_index_spot .md_inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.md_index_spot .md_ttl_wrap {
	position: relative;
}
.md_index_spot .md_ttl_wrap .md_caption {
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	left: -50px;
	z-index: 1;
}
.md_index_spot .md_ttl_wrap .md_caption::after {
	background: #000;
	content: "";
	display: block;
	height: 100px;
	width: 1px;
	position: absolute;
	bottom: -120px;
	left: 50%;
}
.md_index_spot .md_ttl_wrap h2 + p {
	margin-top: 30px;
	font-size: 2.0rem;
	font-weight: bold;
}
.md_index_spot .md_ttl_wrap .md_chara {
	position: absolute;
	right: 8px;
	bottom: 0;
}
.md_index_spot #md_slider {
	margin: -40px -20% 0;
	padding: 120px 0 100px;
	overflow: hidden;
}
.md_index_spot #md_slider .slick-arrow {
	cursor: pointer;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.0) all;
	transform: scale(0.9);
	position: absolute;
	top: 50%;
	text-indent: -9999px;
	z-index: 10;
}
.md_index_spot #md_slider .slick-arrow:hover {
	transform: scale(1);
}
.md_index_spot #md_slider .slick-arrow.slick-prev {
	background: url(../img/icn_arrow_prev.svg) center center / auto no-repeat;
	margin-left: -20%;
	left: 50%;
}
.md_index_spot #md_slider .slick-arrow.slick-next {
	background: url(../img/icn_arrow_next.svg) center center / auto no-repeat;
	margin-right: -20%;
	right: 50%;
}
.md_index_spot #md_slider .slick-list {
	overflow: visible;
}
.md_index_spot #md_slider .slick-track {
	display: flex;
}
.md_index_spot #md_slider .slick-track .slick-slide {
	display: flex;
	height: auto;
}
.md_index_spot #md_slider .md_slider_item {
	background: #000;
	-webkit-filter: blur(1px);
	filter: blur(1px);
	margin: 0 40px;
	opacity: 0;
	position: relative;
	transform: scale(0.9);
	transition: 0.5s transform, 0.5s filter, 0.5s opacity;
}
.md_index_spot #md_slider .md_slider_item.slick-active {
	opacity: 1;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item {
	-webkit-filter: blur(0);
	filter: blur(0);
	transform: scale(1);
}
.md_index_spot #md_slider .md_slider_item > * {
	opacity: 0.95;
}
.md_index_spot #md_slider .md_slider_item::before {
	background: rgba(255,255,255,0);
	content: "";
	display: block;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	transition: 0.5s all;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 1;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_red::before {
	background: #f597a3;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_pink::before {
	background: #fbbbdf;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_orange::before {
	background: #f2ad81;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_green::before {
	background: #7ed19a;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_water::before {
	background: #a1dde8;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_blue::before {
	background: #9fb8dd;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_purple::before {
	background: #ddb3d8;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item.is_fugipurple::before {
	background: #c7b3dd;
}
.md_index_spot #md_slider .md_slider_item::after {
	content: "";
	display: block;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	transition-delay: 0s;
	transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	position: absolute;
	top: -10px;
	left: -10px;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item::after {
	background: #c9caca;
	transition-delay: 0.8s;
	transform: rotate(-8deg);
}
.md_index_spot #md_slider .md_slider_item .md_item_inner {
	background: #fff;
	width: 100%;
	padding: 25px;
	text-align: center;
	opacity: 0.8;
	position: relative;
	z-index: 2;
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item .md_item_inner {
	opacity: 1;
}
.md_index_spot #md_slider .md_slider_item.is_red .md_item_inner {
	border-color: #ea5532;
}
.md_index_spot #md_slider .md_slider_item.is_pink .md_item_inner {
	border-color: #e85298;
}
.md_index_spot #md_slider .md_slider_item.is_orange .md_item_inner {
	border-color: #f39939;
}
.md_index_spot #md_slider .md_slider_item.is_water .md_item_inner {
	border-color: #00ada9;
}
.md_index_spot #md_slider .md_slider_item.is_green .md_item_inner {
	border-color: #8dc556;
}
.md_index_spot #md_slider .md_slider_item.is_blue .md_item_inner {
	border-color: #187fc4;
}
.md_index_spot #md_slider .md_slider_item.is_purple .md_item_inner {
	border-color: #b963a4;
}
.md_index_spot #md_slider .md_slider_item.is_fugipurple .md_item_inner {
	border-color: #757cbb;
}
.md_index_spot #md_slider .md_slider_item .md_item_inner::before,
.md_index_spot #md_slider .md_slider_item .md_item_inner::after {
	background-repeat: no-repeat;
	background-size: auto;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
}
.md_index_spot #md_slider .md_slider_item .md_item_inner::before {
	top: 0;
	opacity: 1;
	background: url(../img/index/bg_card.jpg) center / cover no-repeat;
}
.md_index_spot #md_slider .md_slider_item .md_item_inner::after {
	background-position: right bottom;
	bottom: 0;
}
.md_index_spot #md_slider .md_slider_item .md_flag {
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	width: 115px;
	height: 122px;
	transition-delay: 0s;
	transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	transform-origin: left bottom;
	transform: rotate(5deg);
	opacity: 0;
	position: absolute;
	top: -61px;
	right: -57px;
	z-index: 3;
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_red {
	background-image: url(../img/index/pickup/img_flag_red.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_pink {
	background-image: url(../img/index/pickup/img_flag_pink.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_orange {
	background-image: url(../img/index/pickup/img_flag_orange.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_green {
	background-image: url(../img/index/pickup/img_flag_green.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_water {
	background-image: url(../img/index/pickup/img_flag_water.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_blue {
	background-image: url(../img/index/pickup/img_flag_blue.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_purple {
	background-image: url(../img/index/pickup/img_flag_purple.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_fugipurple {
	background-image: url(../img/index/pickup/img_flag_fugipurple.svg);
}
.md_index_spot #md_slider .md_slider_item .md_flag.is_gold {
	background-image: url(../img/index/pickup/img_flag_gold.svg);
}
.md_index_spot #md_slider .md_slider_item.slick-current + .md_slider_item .md_flag {
	opacity: 1;
	transition-delay: 0.8s;
	transform: rotate(0);
}
.md_index_spot #md_slider .md_slider_item .md_flag em {
	display: block;
	font-size: 2.0rem;
	font-weight: 900;
	width: 100%;
	transform: rotate(7deg);
	position: absolute;
	top: 33px;
	right: -2px;
	z-index: 4;
}
.md_index_spot #md_slider .md_slider_item .md_flag i {
	display: block;
	font-size: 2.5rem;
	font-weight: 900;
	width: 100%;
	transform: rotate(7deg);
	position: absolute;
	top: 55px;
	right: 3px;
	z-index: 4;
}
.md_index_spot #md_slider .md_slider_item h3 {
	align-items: flex-end;
	display: flex;
	justify-content: center;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.25;
	height: 100px;
	position: relative;
	z-index: 10;
}
.md_index_spot #md_slider .md_slider_item h3.is_small {
	font-size: 2.4rem;
}
.md_index_spot #md_slider .md_slider_item .md_image {
	background: #999;
	border-radius: 10px;
	width: 100%;
	height: 220px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.md_index_spot #md_slider .md_slider_item .md_image + p {
	align-items: flex-start;
	display: flex;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	height: 170px;
	margin-top: 25px;
	position: relative;
	z-index: 10;
}
.md_index_spot .md_btn {
	max-width: 420px;
	margin: 0 auto;
}
.md_index_spot .md_btn + .md_chara {
	position: absolute;
	bottom: -5%;
	right: 8%;
}
@media (max-width: 959px) {
	.md_index_spot {
		padding: 80px 8%;
	}
	.md_index_spot .md_ttl_wrap h2 {
		width: 50%;
	}
	.md_index_spot .md_ttl_wrap h2 + p {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.md_index_spot .md_ttl_wrap .md_chara {
		width: 45%;
		right: 0;
		top: -30px;
	}
	.md_index_spot #md_slider {
		margin: 0 -50%;
		padding: 100px 0 60px;
	}
	.md_index_spot .md_btn + .md_chara {
		display: none;
	}
}
@media (max-width: 559px) {
	.md_index_spot {
		background: url(../img/index/bg_spot.jpg) center center / 180px 180px repeat;
		padding: 40px 5%;
	}
	.md_index_spot .md_ttl_wrap .md_caption {
		font-size: 0.9rem;
		margin-bottom: 15px;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		position: static;
	}
	.md_index_spot .md_ttl_wrap .md_caption::after {
		display: inline-block;
		height: 1px;
		width: 50px;
		margin-left: 10px;
		position: static;
		vertical-align: middle;
	}
	.md_index_spot .md_ttl_wrap h2 + p {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.md_index_spot .md_ttl_wrap .md_chara {
		width: 50%;
		top: -10px;
	}
	.md_index_spot #md_slider {
		margin: -40px -95% 0;
		padding: 80px 0 50px;
	}
	.md_index_spot #md_slider .slick-arrow.slick-prev {
		margin-left: -19%;
	}
	.md_index_spot #md_slider .slick-arrow.slick-next {
		margin-right: -19%;
	}
	.md_index_spot #md_slider .md_slider_item {
		margin: 0 20px;
	}
	.md_index_spot #md_slider .md_slider_item .md_item_inner {
		padding: 15px;
	}
	.md_index_spot #md_slider .md_slider_item .md_item_inner::after {
		background-size: 51.5px 45px;
	}
	.md_index_spot #md_slider .md_slider_item .md_flag {
		background-size: contain;
		width: 92px;
		height: 98px;
		top: -36px;
		right: -39px;
	}
	.md_index_spot #md_slider .md_slider_item .md_flag em {
		font-size: 1.2rem;
		top: 29px;
		right: -2px;
	}
	.md_index_spot #md_slider .md_slider_item .md_flag i {
		font-size: 1.6rem;
		top: 45px;
		right: 2px;
	}
	.md_index_spot #md_slider .md_slider_item h3 {
		font-size: 1.6rem;
		height: 50px;
	}
	.md_index_spot #md_slider .md_slider_item h3.is_small {
		font-size: 1.4rem;
	}
	.md_index_spot #md_slider .md_slider_item .md_image {
		border-radius: 5px;
		height: 150px;
		margin-top: 10px;
	}
	.md_index_spot #md_slider .md_slider_item .md_image + p {
		font-size: 1.2rem;
		height: 90px;
		margin-top: 12px;
	}
	.md_index_spot .md_btn {
		max-width: 80%;
	}
}
@media (max-width: 334px) {
	.md_index_spot .md_ttl_wrap .md_caption::after {
		width: 30px;
	}
}

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

		md_index_contents

------------------------------------------------*/
.md_index_contents {
	background: url(../img/bg_yellow.jpg) center center / 412px 206px repeat;
	padding: 60px 5%;
}
.md_index_contents .md_caption {
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	z-index: 1;
}
.md_index_contents .md_caption::after {
	background: #000;
	content: "";
	display: block;
	height: 100px;
	width: 1px;
	position: absolute;
	bottom: -120px;
	left: 50%;
}
.md_index_contents .md_inner {
	border: 4px solid #ffcc00;
	font-size: 1.6rem;
	font-weight: bold;
	width: 90%;
	text-align: center;
	position: relative;
}
.md_index_contents .md_inner::before,
.md_index_contents .md_inner::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.md_index_contents .md_inner a {
	display: block;
	overflow: visible;
	position: relative;
	z-index: 1;
}
.md_index_contents .md_inner .md_circle {
	align-items: center;
	align-content: center;
	border: 4px solid #fff;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	justify-content: center;
	line-height: 1.5;
	width: 80px;
	height: 80px;
	padding-top: 7px;
	text-align: center;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	position: absolute;
	bottom: -30px;
	right: -30px;
}
.md_index_contents .md_inner .md_circle span {
	color: #fff;
	display: block;
	letter-spacing: 0.2em;
	width: 100%;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.md_index_contents .md_inner .md_circle svg {
	width: 8px;
	height: 13px;
	margin-top: 5px;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.md_index_contents .md_inner a:hover .md_circle {
	transform: scale(1.05);
}
.md_index_contents > .md_btn {
	display: none;
}
@media (max-width: 959px) {
	.md_index_contents .md_caption::after {
		height: 50px;
		bottom: -60px;
	}
	.md_index_contents .md_inner {
		border: 2px solid #ffcc00;
	}
	.md_index_contents .md_inner .md_circle {
		border: 2px solid #fff;
		font-size: 1.0rem;
		width: 60px;
		height: 60px;
		padding-top: 0;
		bottom: -25px;
		right: -25px;
	}
	.md_index_contents .md_inner .md_circle span {
		letter-spacing: 0.1em;
	}
	.md_index_contents .md_inner .md_circle svg {
		margin-top: 2px;
		width: 7px;
		height: 9.75px;
	}
}
@media (max-width: 559px) {
	.md_index_contents {
		background: url(../img/bg_yellow.jpg) center center / 300px 120px repeat;
		padding: 30px 5%;
	}
	.md_index_contents .md_caption {
		font-size: 0.9rem;
		width: 95%;
		margin: 0 auto 10px;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		position: static;
	}
	.md_index_contents .md_caption::after {
		display: inline-block;
		height: 1px;
		width: 50px;
		margin-left: 10px;
		position: static;
		vertical-align: middle;
	}
	.md_index_contents .md_inner {
		font-size: 1.2rem;
		width: 95%;
		margin: 0 auto;
	}
	.md_index_contents .md_inner h2 {
		zoom: 0.5;
	}
	.md_index_contents .md_inner .md_circle {
		font-size: 0.9rem;
		bottom: -15px;
		right: -15px;
	}
	.md_index_contents .md_inner .md_circle span {
		letter-spacing: 0;
	}
	.md_index_contents .md_inner .md_circle svg {
		width: 4px;
		height: 6.5px;
	}
	.md_index_contents > .md_btn {
		display: block;
		max-width: 80%;
		margin: 30px auto 0;
		text-align: center;
	}
}

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

		md_index_gift

------------------------------------------------*/
.md_index_gift {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.md_index_gift .md_caption {
	top: -120px;
	right: 50px;
}
.md_index_gift .md_inner {
	background: url(../img/bg_red_white.jpg) center center / 232px 116px repeat;
}
.md_index_gift .md_inner::before {
	background: url(../img/index/gift/bg_left.svg) left -1px top -1px / auto no-repeat;
}
.md_index_gift .md_inner::after {
	background: url(../img/index/gift/bg_right.svg) right -1px top -1px / auto no-repeat;
}
.md_index_gift .md_inner a {
	padding: 90px 10% 80px;
}
.md_index_gift .md_inner h2 {
	position: relative;
}
.md_index_gift .md_inner h2::before,
.md_index_gift .md_inner h2::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
}
.md_index_gift .md_inner h2::before {
	background: url(../img/index/gift/icn_star_left.svg) center center / contain no-repeat;
	width: 52px;
	height: 42px;
	right: 28%;
	top: -98%;
}
.md_index_gift .md_inner h2::after {
	background: url(../img/index/gift/icn_star_right.svg) center center / contain no-repeat;
	width: 48px;
	height: 44px;
	left: 20%;
	bottom: -178%;
}
.md_index_gift .md_inner h2 + p {
	display: inline-block;
	letter-spacing: 0.1em;
	margin-top: 25px;
	position: relative;
}
.md_index_gift .md_inner h2 + p br {
	display: none;
}
.md_index_gift .md_inner h2 + p span {
	position: relative;
	z-index: 1;
}
.md_index_gift .md_inner .md_chara_left,
.md_index_gift .md_inner .md_chara_right {
	position: absolute;
	transform-origin: bottom center;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.25) all;
}
.md_index_gift .md_inner .md_chara_left {
	top: -22px;
	left: 2.4%;
}
.md_index_gift .md_inner a:hover .md_chara_left {
	transform: rotate(-5deg);
}
.md_index_gift .md_inner .md_chara_right {
	top: 31px;
	right: 7.1%;
}
.md_index_gift .md_inner a:hover .md_chara_right {
	transform: rotate(5deg);
}
.md_index_gift .md_inner .md_circle {
	background: #e4001d;
}
.md_index_gift .md_inner .md_circle svg {
	fill: #fff;
}
.md_index_gift .md_inner a:hover .md_circle {
	background: #fff;
}
.md_index_gift .md_inner a:hover .md_circle span {
	color: #e4001d;
}
.md_index_gift .md_inner a:hover .md_circle svg {
	fill: #e4001d;
}
@media (max-width: 959px) {
	.md_index_gift .md_caption {
		top: 0;
		right: 25px;
	}
	.md_index_gift .md_inner a {
		padding: 65px 10% 50px;
	}
	.md_index_gift .md_inner h2 + p {
		margin-top: 15px;
	}
	.md_index_gift .md_inner .md_chara_left {
		width: 28%;
		top: 8px;
		left: -3.6%;
	}
	.md_index_gift .md_inner .md_chara_right {
		width: 20%;
		top: 31px;
		right: 2%;
	}
}
@media (max-width: 559px) {
	.md_index_special .md_caption {
		position: relative;
		right: 0;
	}
	.md_index_gift .md_inner {
		background-size: 116px 58px;
	}
	.md_index_gift .md_inner::before {
		background-size: 50px 56.5px;
	}
	.md_index_gift .md_inner::after {
		background-size: 54px 64.5px;
	}
	.md_index_gift .md_inner a {
		padding: 30px 5% 25px 25%;
	}
	.md_index_gift .md_inner h2::before,
	.md_index_gift .md_inner h2::after {
		display: none;
	}
	.md_index_gift .md_inner h2 + p br {
		display: block;
	}
	.md_index_gift .md_inner .md_chara_left {
		width: 35%;
		top: -5px;
		left: -5%;
	}
	.md_index_gift .md_inner .md_chara_right {
		display: none;
	}
}
/*------------------------------------------------

		md_index_method

------------------------------------------------*/
.md_index_method {
	max-width: 1000px;
	margin: 0 auto 0;
	position: relative;
}
.md_index_method .md_caption {
	top: 0;
	left: 50px;
	/* right: 50px; */
}
.md_index_method .md_inner {
	background: url(../img/index/bg_dotted_dblue.jpg)  center / cover no-repeat;
	margin-left: auto;
}
/* .md_index_method .md_inner::before{
	background: url(../img/index/img_top_left.svg),url(../img/index/img_bottom_right.svg);
	background-repeat: no-repeat;
	background-position: left -80px top, right -80px bottom;
	top: 0;
	transform: scale(-1, 1);
} */
.md_index_method .md_inner a {
	padding: 0 12%;
	background: rgba(255,255,255,0.3);
}
.md_index_method .md_inner .md_ttl_deadline {
	background: url(../img/index/method/bg_white.png) center center / auto no-repeat;
	width: 432px;
	padding: 60px 0 50px;
}
.md_index_method .md_inner h2 + p {
	margin-top: 10px;
}
.md_index_method .md_inner h2 + p strong {
	background: linear-gradient(transparent 60%, #ffd800 60%);
	color: #e60012;
	font-size: 1.8rem;
	margin-right: 3px;
	padding: 0 2px;
}
.md_index_method .md_inner h3 {
	border: 2px solid #ffd800;
	border-radius: 5px;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.25;
	margin-top: 15px;
	padding: 3px 10px;
}
.md_index_method .md_inner h3 + p,
.md_index_method .md_inner .md_ttl_deadline > p:last-of-type {
	color: #d71518;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 0;
}
.md_index_method .md_inner h3 + p {
	margin-top: 5px;
}
.md_index_method .md_inner h3 + p em,
.md_index_method .md_inner .md_ttl_deadline > p:last-of-type em {
	font-size: 3.8rem;
	font-weight: bold;
}
.md_index_method .md_inner h3 + p span,
.md_index_method .md_inner .md_ttl_deadline > p:last-of-type span {
	font-size: 2.0rem;
}
.md_index_method .md_inner .md_chara_left,
.md_index_method .md_inner .md_chara_right,
.md_index_method .md_inner .md_qrcode {
	position: absolute;
	transform-origin: bottom center;
	transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.25) all;
}
.md_index_method .md_inner .md_chara_left {
	top: -46px;
	left: 2.2%;
}
.md_index_method .md_inner a:hover .md_chara_left {
	transform: rotate(-5deg);
}
.md_index_method .md_inner .md_chara_right {
	top: -78px;
	right: 35%;
	width: 150px;
}
.md_index_method .md_inner a:hover .md_chara_right {
	transform: rotate(5deg);
}
.md_index_method .md_inner .md_qrcode {
	right: 40px;
	bottom: 0;
}
.md_index_method .md_inner .md_circle {
	background: #036eb8;
}
.md_index_method .md_inner .md_circle svg {
	fill: #fff;
}
.md_index_method .md_inner a:hover .md_circle {
	background: #fff;
}
.md_index_method .md_inner a:hover .md_circle span {
	color: #036eb8;
}
.md_index_method .md_inner a:hover .md_circle svg {
	fill: #036eb8;
}
@media (max-width: 1159px) {
	.md_index_method .md_inner .md_chara_right {
		right: 16%;
	}
}
@media (max-width: 959px) {
	.md_index_method {
		margin: 30px auto 0;
	}
	.md_index_method .md_caption {
		left: 25px;
		/* right: 25px; */
	}
	.md_index_method .md_inner::before,.md_index_method .md_inner::after {
		background-size: 15%;
	}
	.md_index_method .md_inner a {
		padding: 0 12%;
	}
	.md_index_method .md_inner .md_ttl_deadline {
		background: url(../img/index/method/bg_white.png) center center / auto no-repeat;
		padding: 40px 0 30px;
	}
	.md_index_method .md_inner .md_chara_left {
		width: 40%;
		top: -23px;
		left: 7px;
	}
	.md_index_method .md_inner .md_chara_right {
		width: 24%;
		top: -10px;
		right: 10%;
	}
	.md_index_method .md_inner .md_qrcode {
		width: 30%;
		right: 20px;
	}
}
@media (max-width: 767px) {
	.md_index_method .md_inner .md_ttl_deadline {
		background: url(../img/index/method/bg_white.png) center center / cover no-repeat;
		width: 95%;
		margin: 0 auto;
	}
	.md_index_method .md_inner .md_chara_right {
		right: 4%;
	}
	.md_index_method .md_inner .md_qrcode {
		display: none;
	}
}
@media (max-width: 559px) {
	.md_index_method .md_caption {
		position: relative;
		left: 0;
		right: inherit;
	}
	.md_index_method .md_inner a {
		padding: 0;
	}
	.md_index_method .md_inner .md_ttl_deadline {
		width: 80%;
	}
	.md_index_method .md_inner h2 + p strong {
		font-size: 1.3rem;
	}
	.md_index_method .md_inner h3 {
		border: 1px solid #ffd800;
		font-size: 1.2rem;
		margin-top: 10px;
		padding: 1px 5px;
	}
	.md_index_method .md_inner h3 + p,
	.md_index_method .md_inner .md_ttl_deadline > p:last-of-type {
		font-size: 1.2rem;
	}
	.md_index_method .md_inner h3 + p em,
	.md_index_method .md_inner .md_ttl_deadline > p:last-of-type em {
		font-size: 1.6rem;
	}
	.md_index_method .md_inner .md_chara_left {
		width: 47%;
		top: -7px;
		left: -30px;
	}
	.md_index_method .md_inner .md_chara_right {
		width: 30%;
		top: -5px;
		right: -30px;
	}
}
@media (max-width: 374px) {
	.md_index_method .md_inner .md_ttl_deadline {
		width: 90%;
	}
}

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

		md_share_modal

------------------------------------------------*/
#md_share_modal {
	background: #e60012;
	max-width: 470px;
	margin: auto;
	padding: 10px;
	position: relative;
}
#md_share_modal .md_modal_content {
	background: #fff;
	border-radius: 20px;
	padding: 60px 5%;
	text-align: center;
}
#md_share_modal .md_modal_content .md_ttl {
	color: #e60012;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 10px;
}
#md_share_modal .md_modal_content .md_official {
	display: none;
}
#md_share_modal .md_modal_content ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#md_share_modal .md_modal_content ul li {
	max-width: 80px;
	margin: 0 15px;
}
#md_share_modal .md_modal_content ul li a {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}
#md_share_modal .md_modal_content ul li a span {
	font-size: 1.2rem;
	line-height: 1;
	margin-top: 10px;
}
#md_share_modal .md_modal_content ul li a svg {
	width: 33px;
	height: 33px;
}
#md_share_modal .md_modal_content .md_official ul li:first-of-type a svg {
	fill: #FFF;
}
#md_share_modal .md_modal_content .md_official ul li:last-of-type a svg {
	fill: #fff;
}
#md_share_modal .md_modal_content .md_share ul li:first-of-type a svg {
	fill: #FFF;
}
#md_share_modal .md_modal_content .md_share ul li:nth-of-type(2) a svg {
	fill: #1877f2;
}
#md_share_modal .md_modal_content .md_share ul li:last-of-type a svg {
	fill: #00b900;
}
@media (max-width: 767px) {
	#md_share_modal {
		max-width: 95%;
		padding: 5px;
	}
	#md_share_modal .md_modal_content {
		border-radius: 10px;
		padding: 30px 5%;
	}
	#md_share_modal .md_modal_content .md_ttl {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	#md_share_modal .md_modal_content .md_official {
		display: block;
		margin-bottom: 30px;
	}
	#md_share_modal .md_modal_content ul li {
		max-width: 70px;
	}
	#md_share_modal .md_modal_content ul li a span {
		font-size: 1.0rem;
		margin-top: 5px;
	}
}