body {
	background: none;
	overflow-x: hidden;
}

main {
	background: url(/_materials/img/top/bg_jp_pc.jpg) no-repeat 0 0/cover;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
}
main .achievement-wrap{
	width: 12vw;
	max-width: 300px;
	position: absolute;
	right: -6vw;
	top:12vh;
}
main .tv-wrap{
	width: 10vw;
	max-width: 300px;
	position: absolute;
	left: -25vw;
	bottom:35vh;
}
main .tv-wrap:hover,main .collab-wrap:hover{
	opacity: 0.7 ;
}
main .collab-wrap{
	width: 38.8125vw;
	position: absolute;
	left: 0;
	right: 0;
	bottom:30%;
	text-align: center;
}
main .collab-wrap img{
	width: 100%;
	max-width: 500px;
}

main h1 {
	margin: 0 auto;
	padding: 17vw 0 32.21875vw;
	width: 38.8125vw;
}

main h1 span {
	display: inline-block;
	margin: 0.375vw 0 0;
	width: 23.9375vw;
}

main h2 {
	position: absolute;
	height: auto;
	width: 5.875vw;
	top: 3.6875vw;
	right: 0;
}

@media (min-width: 769px) {
	main h1 {
		left: 0;
		right: 0;
	}
}
@media (max-width: 1095px) {
	main .achievement-wrap{
		width: 13vw;
		max-width: 300px;
		position: absolute;
		right: -9vw;
		top: 9vh;
	}
	main .tv-wrap{
		width: 13vw;
		max-width: 300px;
		position: absolute;
		right: -7vw;
		bottom: 13vh;
	}
	main .collab-wrap{
		bottom: 25%;
	}
}
@media (max-width: 768px) {
	main {
		background: url(/_materials/img/top/bg_jp_sp.jpg) no-repeat 0 0/cover;
		padding: 0;
	}
	main .achievement-wrap{
		width: 26vw;
		max-width: 300px;
		position: absolute;
		right: -3vw;
		top: 20%;
	}
	main .tv-wrap{
		width: 20vw;
		max-width: 300px;
		position: absolute;
		left: -5vw;
		bottom: 12%;
	}
	main .collab-wrap{
		width: 100%;
		bottom: 28%;
	}
	main .collab-wrap img{
		width: 80%;
	}
	main h1 {
		padding: 61.71875vw 0 78.125vw;
		width: 80.85938vw;
	}
	main h1 span {
		width: 56.51042vw;
	}
	main h2 {
		top: 0;
		right: auto;
		left: 0;
		width: 23.4375vw;
	}
}

.bg-contents img {
	width: 100%;
}

.topics {
	margin: -14.125vw 0 0;
	position: relative;
}

@media (max-width: 768px) {
	.topics {
		margin: -18.48958vw 0 0;
	}
}

.topics .bg-grd {
	position: absolute;
	left: 0;
	top: calc(-5.28125vw + 2px);
	width: 100%;
}

@media (max-width: 768px) {
	.topics .bg-grd {
		top: -22.13542vw;
	}
}

.topics h3 {
	margin: 0 auto 2.0625vw;
	position: relative;
	width: 31.0625vw;
}

@media (max-width: 768px) {
	.topics h3 {
		margin: 0 5.20833vw 7.03125vw;
		width: inherit;
	}
}

.topics ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 1.25vw;
}

@media (max-width: 768px) {
	.topics ul {
		display: block;
		padding: 0 5.20833vw;
	}
}

.topics ul li {
	border-radius: 14px;
	margin: 0 1.0625vw 2vw;
	max-width: 29vw;
	position: relative;
	width: 100%;
}

.topics ul li.new::after {
	content: '';
	background: url(/_materials/img/common/new.svg) no-repeat 0 0;
	display: block;
	position: absolute;
	top: -1.125vw;
	right: -0.625vw;
	height: 2.8125vw;
	width: 6.5625vw;
}

.topics ul li a {
	display: block;
}

@media (max-width: 768px) {
	.topics ul li {
		margin: 0 0 3.64583vw;
		max-width: inherit;
	}
	.topics ul li.new::after {
		right: auto;
		top: -2.34375vw;
		left: -1.5625vw;
		height: 5.98958vw;
		width: 13.80208vw;
	}
}

.topics ul .bg-default,
.topics ul .bg-hover {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.topics ul .bg-hover {
	opacity: 0;
}

.topics ul li:hover .bg-default {
	opacity: 0;
}

.topics ul li:hover .bg-hover {
	opacity: 1;
}

.topics ul dl {
	position: relative;
}

@media (max-width: 768px) {
	.topics ul dl {
		background: url(/_materials/img/top/bg-topics_sp.jpg) no-repeat 0 0/100%;
		display: flex;
	}
}

.topics ul dt {
	padding: 0.75vw 0.75vw 1.25vw;
	position: relative;
}

.topics ul dt img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

@media (max-width: 768px) {
	.topics ul dt {
		width: 50%;
		padding: 1.69271vw 1.43229vw 1.69271vw 1.69271vw;
	}
	.topics ul dt img {
		border-top-right-radius: 0;
		border-bottom-left-radius: 8px;
		border-top-left-radius: 8px;
	}
}

.topics ul dd {
	line-height: 1.3;
	min-height: 8.125vw;
	padding: 0.625vw 1.5625vw 0;
	text-shadow: 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8;
}

.topics ul dd span {
	color: #ab4dec;
	display: block;
	font-size: 1.25vw;
	margin: 0 0 0.15625vw;
}

.topics ul dd p {
	height: 5vw;
}

@media (max-width: 768px) {
	.topics ul dd {
		background-size: 2.34375vw 11.45833vw;
		font-size: 2.86458vw;
		width: 50%;
		padding: 3.25521vw;
	}
	.topics ul dd span {
		font-size: 2.66458vw;
		margin: 0 0 0.45104vw;
	}
	.topics ul dd p {
		height: 16.92708vw;
	}
}

.topics .btn-announce {
	text-align: center;
}

.topics .btn-announce a {
	background: url(/_materials/img/common/bg_announce_repeat.jpg) repeat-x 0 0;
	background-size: 5.5vw auto;
	display: inline-block;
	border: 0.375vw solid #000;
	border-radius: 50px;
	font-size: 1.25vw;
	font-weight: bold;
	text-align: left;
	margin: 0 18.75vw 2.4375vw;
	padding: 0.5vw 3.5vw;
	position: relative;
	text-shadow: 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8, 0 0 1px #f8f8f8;
}

.topics .btn-announce a::before {
	content: '';
	background: url(/_materials/img/common/icon-announce.svg) no-repeat 0 0;
	background-size: 2.125vw 100%;
	position: absolute;
	top: 50%;
	left: 0.625vw;
	transform: translate(0, -50%);
	height: 2.125vw;
	width: 2.125vw;
}

@media (max-width: 768px) {
	.topics .btn-announce {
		padding: 0 5.20833vw;
	}
	.topics .btn-announce a {
		background-size: 11.45833vw auto;
		border: 0.78125vw solid #000;
		font-size: 3.125vw;
		margin: 0 0 5.46875vw;
		padding: 1.5625vw 3.90625vw 1.5625vw 8.33333vw;
		line-height: 1.4;
	}
	.topics .btn-announce a::before {
		background-size: 4.42708vw 100%;
		left: 2.08333vw;
		height: 4.6875vw;
		width: 4.6875vw;
	}
}

.topics .btn-topics {
	text-align: center;
}

.about {
	background: url(/_materials/img/top/bg-about-pattern_pc.jpg) no-repeat center 0/100%;
	margin: 0.6875vw 0 0;
	overflow: hidden;
	padding: 0 0 7.5vw;
	position: relative;
}

.about::before {
	content: '';
	background: url(/_materials/img/common/bg-repeat.gif) repeat center 0;
	background-size: 38vw;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.about.coming {
	background: url(/_materials/img/top/bg-about-pattern_sp.jpg) no-repeat center 0/100%;
	padding: 10.41667vw 0 0;
}

@media (min-width: 769px) {
	.about.coming {
		background: url(/_materials/img/top/bg-about-pattern_pc.jpg) no-repeat center 0/100%;
		margin: 0.6875vw 0 -1px;
		padding: 0;
		position: relative;
	}
}

.about.coming .chara01 {
	width: 56.34375vw;
	position: absolute;
	top: 0.9375vw !important;
	left: -10.78125vw;
}

@media (max-width: 768px) {
	.about.coming .chara01 {
		top: 63.80208vw !important;
		left: -44.14062vw;
		width: 117.31771vw;
	}
}

.about.coming .chara02 {
	pointer-events: none;
	width: 53.5625vw;
	position: absolute;
	top: -8.1875vw !important;
	left: 13.21875vw;
}

@media (max-width: 768px) {
	.about.coming .chara02 {
		top: 46.09375vw !important;
		left: 3.51562vw;
		width: 116.01562vw;
	}
}

.about.coming .btn-block {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 6.8125vw;
	right: 0;
}

@media (max-width: 768px) {
	.about.coming .btn-block {
		top: 0;
	}
}

.about.coming .btn-block .gum-bubble .bg-bubble {
	position: absolute;
	top: -0.625vw;
	left: 58.4375vw;
	width: 41.28125vw;
}

.about.coming .btn-block .gum-bubble .bg-bubble img {
	width: 100%;
}

.about.coming .btn-block .gum-bubble .icon {
	position: absolute;
	top: 3.75vw;
	left: 63.59375vw;
	width: 29.6875vw;
}

@media (max-width: 768px) {
	.about.coming .btn-block .gum-bubble .bg-bubble {
		top: -2.73438vw;
		left: 8.07292vw;
		width: 89.19271vw;
	}
	.about.coming .btn-block .gum-bubble .icon {
		top: 7.8125vw;
		left: 20.83333vw;
		width: 61.19792vw;
	}
}

.about.coming .btn-block .btn-block-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: absolute;
	top: 20vw;
	left: 61.5625vw;
	transform: translate(0, -50%);
	width: 33.75vw;
	text-align: center;
}

@media (max-width: 768px) {
	.about.coming .btn-block .btn-block-inner {
		top: 44.27083vw;
		left: 13.02083vw;
		margin: auto;
		transform: translate(0, -50%);
		width: 78.125vw;
	}
}

.about.coming .btn-block h2 {
	color: #F8F8F8;
	font-size: 4.375vw;
	font-style: italic;
	line-height: 1.2;
	margin: 0 0 1.875vw;
	letter-spacing: -2px;
	-webkit-text-stroke: 0.1875vw #191919;
	text-shadow: 0.375vw 0.375vw 0px #191919;
	width: 100%;
}

@media (max-width: 768px) {
	.about.coming .btn-block h2 {
		font-size: 10.41667vw;
		-webkit-text-stroke: 0.39062vw #191919;
		text-shadow: 0.78125vw 0.78125vw 0px #191919;
	}
}

.about.coming .block02 {
	margin: -4.375vw 0 0;
}

@media (max-width: 768px) {
	.about.coming .block02 {
		margin: 17.44792vw 0 0;
	}
}

.about.coming .block02 .gum-bubble .bg-bubble {
	top: 6.875vw;
	left: 0;
	width: 42.46875vw;
}

.about.coming .block02 .gum-bubble .icon {
	position: absolute;
	top: 15.15625vw;
	left: 7.21875vw;
	width: 25.53125vw;
}

@media (max-width: 768px) {
	.about.coming .block02 .gum-bubble .bg-bubble {
		top: 1.82292vw;
		left: 6.11979vw;
		width: 89.58333vw;
	}
	.about.coming .block02 .gum-bubble .icon {
		top: 16.92708vw;
		left: 18.22917vw;
		width: 58.85417vw;
	}
}

.about.coming .block02 .effect {
	position: absolute;
	top: -8.15625vw;
	left: 26.3125vw;
	width: 71.46875vw;
}

@media (max-width: 768px) {
	.about.coming .block02 .effect {
		top: 42.1875vw;
		left: -42.05729vw;
		width: 170.83333vw;
	}
}

.about.coming .block02 .chara01 {
	top: -0.9375vw !important;
	left: 35.09375vw;
	width: 62vw;
}

@media (max-width: 768px) {
	.about.coming .block02 .chara01 {
		top: 51.43229vw !important;
		left: 1.04167vw;
		width: 106.77083vw;
	}
}

.about.coming .block02 .text {
	position: absolute;
	top: -13.125vw;
	left: 34.78125vw;
	width: 40.8125vw;
}

@media (max-width: 768px) {
	.about.coming .block02 .text {
		top: 53.38542vw;
		left: 4.55729vw;
		width: 92.1875vw;
	}
}

.about.coming .block02 .btn-block .btn-block-inner {
	top: 27.5vw;
	left: 3.4375vw;
}

@media (max-width: 768px) {
	.about.coming .block02 .btn-block .btn-block-inner {
		top: 44.27083vw;
		left: 9.11458vw;
	}
}

.about.coming .block03 {
	margin: -20.625vw 0 0;
}

@media (max-width: 768px) {
	.about.coming .block03 {
		margin: 11.06771vw 0 0;
	}
}

.about.coming .block03 .gum-bubble .bg-bubble {
	top: 3.125vw;
	left: 58.96875vw;
	width: 40.75vw;
}

.about.coming .block03 .gum-bubble .icon {
	position: absolute;
	top: 12.1875vw;
	left: 65.84375vw;
	width: 26vw;
}

@media (max-width: 768px) {
	.about.coming .block03 .gum-bubble .bg-bubble {
		top: 8.85417vw;
		left: 6.11979vw;
		width: 89.84375vw;
	}
	.about.coming .block03 .gum-bubble .icon {
		top: 28.125vw;
		left: 22.65625vw;
		width: 55.07812vw;
	}
}

.about.coming .block03 .chara01 {
	top: -11.9375vw !important;
	left: -11.46875vw;
	width: 90.96875vw;
}

@media (max-width: 768px) {
	.about.coming .block03 .chara01 {
		top: 19.14062vw !important;
		left: -52.86458vw;
		width: 176.43229vw;
	}
}

.about.coming .block03 .chara02 {
	top: 21.5vw !important;
	left: 28.25vw;
	width: 41.5vw;
}

@media (max-width: 768px) {
	.about.coming .block03 .chara02 {
		top: 97.91667vw !important;
		left: 23.30729vw;
		width: 97.78646vw;
	}
}

.about.coming .block03 .btn-block .btn-block-inner {
	top: 24.375vw;
}

@media (max-width: 768px) {
	.about.coming .block03 .btn-block .btn-block-inner {
		top: 53.38542vw;
		left: 10.41667vw;
	}
}

.about.coming .block04 {
	margin: -5vw 0 0;
}

@media (max-width: 768px) {
	.about.coming .block04 {
		margin: 19.53125vw 0 0;
	}
}

.about.coming .block04 .gum-bubble .bg-bubble {
	top: 7.8125vw;
	left: 0;
	width: 42.34375vw;
}

.about.coming .block04 .gum-bubble .icon {
	position: absolute;
	top: 11.5625vw;
	left: 5.9375vw;
	width: 29.0625vw;
}

@media (max-width: 768px) {
	.about.coming .block04 .gum-bubble .bg-bubble {
		top: 1.82292vw;
		left: 7.16146vw;
		width: 89.32292vw;
	}
	.about.coming .block04 .gum-bubble .icon {
		top: 9.11458vw;
		left: 20.57292vw;
		width: 65.10417vw;
	}
}

.about.coming .block04 .chara01 {
	top: -10.34375vw;
	left: 59.09375vw;
	width: 40.5vw;
}

@media (max-width: 768px) {
	.about.coming .block04 .chara01 {
		top: 42.83854vw;
		left: 10.41667vw;
		width: 101.95312vw;
	}
}

.about.coming .block04 .chara02 {
	top: 4.09375vw;
	left: 32.125vw;
	width: 56.90625vw;
}

@media (max-width: 768px) {
	.about.coming .block04 .chara02 {
		top: 70.18229vw;
		left: -51.30208vw;
		width: 130.98958vw;
	}
}

.about.coming .block04 .btn-block .btn-block-inner {
	top: 28.4375vw;
	left: 3.4375vw;
}

@media (max-width: 768px) {
	.about.coming .block04 .btn-block .btn-block-inner {
		top: 45.57292vw;
		left: 10.41667vw;
	}
}

@media (max-width: 768px) {
	.about {
		background-image: url(/_materials/img/top/bg-about-pattern_sp.jpg);
		margin: 0;
		padding: 10.41667vw 0 26.04167vw;
	}
	.about::before {
		background-size: 79.16667vw;
	}
}

.about .about-inner {
	position: relative;
}

.about .chara01 {
	width: 56.34375vw;
	position: absolute;
	top: 0.9375vw;
	left: -10.78125vw;
}

@media (max-width: 768px) {
	.about .chara01 {
		top: 63.80208vw;
		left: -44.14062vw;
		width: 117.31771vw;
	}
}

.about .chara02 {
	pointer-events: none;
	width: 53.5625%;
	position: absolute;
	top: -8.1875vw;
	left: 13.21875vw;
}

@media (max-width: 768px) {
	.about .chara02 {
		top: 46.09375vw;
		left: 3.51562vw;
		width: 116.01562vw;
	}
}

.about .btn-block {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 6.8125vw;
	right: 0;
}

@media (max-width: 768px) {
	.about .btn-block {
		top: 0;
	}
}

.about .btn-block .gum-bubble .bg-bubble {
	position: absolute;
	top: -0.625vw;
	left: 58.4375vw;
	width: 41.28125vw;
}

.about .btn-block .gum-bubble .bg-bubble img {
	width: 100%;
}

.about .btn-block .gum-bubble .icon {
	position: absolute;
	top: 3.75vw;
	left: 63.59375vw;
	width: 29.6875vw;
}

@media (max-width: 768px) {
	.about .btn-block .gum-bubble .bg-bubble {
		top: -2.73438vw;
		left: 8.07292vw;
		width: 89.19271vw;
	}
	.about .btn-block .gum-bubble .icon {
		top: 7.8125vw;
		left: 20.83333vw;
		width: 61.19792vw;
	}
}

.about .btn-block .btn-block-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: absolute;
	top: 20vw;
	left: 61.5625vw;
	transform: translate(0, -50%);
	width: 33.75vw;
	text-align: center;
}

@media (max-width: 768px) {
	.about .btn-block .btn-block-inner {
		top: 44.27083vw;
		left: 13.02083vw;
		margin: auto;
		transform: translate(0, -50%);
		width: 78.125vw;
	}
}

.about .btn-block h2 {
	color: #F8F8F8;
	font-size: 4.375vw;
	font-style: italic;
	line-height: 1.2;
	margin: 0 0 1.875vw;
	letter-spacing: -2px;
	-webkit-text-stroke: 0.1875vw #191919;
	text-shadow: 0.375vw 0.375vw 0px #191919;
	width: 100%;
}

@media (max-width: 768px) {
	.about .btn-block h2 {
		font-size: 10.41667vw;
		-webkit-text-stroke: 0.39062vw #191919;
		text-shadow: 0.78125vw 0.78125vw 0px #191919;
	}
}

.about .block02 {
	margin: -4.375vw 0 0;
}

@media (max-width: 768px) {
	.about .block02 {
		margin: 17.44792vw 0 0;
	}
}

.about .block02 .gum-bubble .bg-bubble {
	top: 6.875vw;
	left: 0;
	width: 42.46875vw;
}

.about .block02 .gum-bubble .icon {
	position: absolute;
	top: 15.15625vw;
	left: 7.21875vw;
	width: 25.53125vw;
}

@media (max-width: 768px) {
	.about .block02 .gum-bubble .bg-bubble {
		top: 1.82292vw;
		left: 6.11979vw;
		width: 89.58333vw;
	}
	.about .block02 .gum-bubble .icon {
		top: 16.92708vw;
		left: 18.22917vw;
		width: 58.85417vw;
	}
}

.about .block02 .effect {
	position: absolute;
	top: -8.15625vw;
	left: 26.3125vw;
	width: 71.46875vw;
}

@media (max-width: 768px) {
	.about .block02 .effect {
		top: 42.1875vw;
		left: -42.05729vw;
		width: 170.83333vw;
	}
}

.about .block02 .chara01 {
	top: -0.9375vw;
	left: 35.09375vw;
	width: 62vw;
}

@media (max-width: 768px) {
	.about .block02 .chara01 {
		top: 51.43229vw;
		left: 1.04167vw;
		width: 106.77083vw;
	}
}

.about .block02 .text {
	position: absolute;
	top: -13.125vw;
	left: 34.78125vw;
	width: 40.8125vw;
}

@media (max-width: 768px) {
	.about .block02 .text {
		top: 53.38542vw;
		left: 4.55729vw;
		width: 92.1875vw;
	}
}

.about .block02 .btn-block .btn-block-inner {
	top: 27.5vw;
	left: 3.4375vw;
}

@media (max-width: 768px) {
	.about .block02 .btn-block .btn-block-inner {
		top: 44.27083vw;
		left: 9.11458vw;
	}
}

.about .block03 {
	margin: -20.625vw 0 0;
}

@media (max-width: 768px) {
	.about .block03 {
		margin: 11.06771vw 0 0;
	}
}

.about .block03 .gum-bubble .bg-bubble {
	top: 3.125vw;
	left: 58.96875vw;
	width: 40.75vw;
}

.about .block03 .gum-bubble .icon {
	position: absolute;
	top: 12.1875vw;
	left: 65.84375vw;
	width: 26vw;
}

@media (max-width: 768px) {
	.about .block03 .gum-bubble .bg-bubble {
		top: 8.85417vw;
		left: 6.11979vw;
		width: 89.84375vw;
	}
	.about .block03 .gum-bubble .icon {
		top: 28.125vw;
		left: 22.65625vw;
		width: 55.07812vw;
	}
}

.about .block03 .chara01 {
	top: -11.9375vw;
	left: -11.46875vw;
	width: 90.96875vw;
}

@media (max-width: 768px) {
	.about .block03 .chara01 {
		top: 19.14062vw;
		left: -52.86458vw;
		width: 176.43229vw;
	}
}

.about .block03 .chara02 {
	top: 21.5vw;
	left: 28.25vw;
	width: 41.5vw;
}

@media (max-width: 768px) {
	.about .block03 .chara02 {
		top: 97.91667vw;
		left: 23.30729vw;
		width: 97.78646vw;
	}
}

.about .block03 .btn-block .btn-block-inner {
	top: 24.375vw;
}

@media (max-width: 768px) {
	.about .block03 .btn-block .btn-block-inner {
		top: 53.38542vw;
		left: 10.41667vw;
	}
}

.about .block04 {
	margin: -5vw 0 0;
}

@media (max-width: 768px) {
	.about .block04 {
		margin: 19.53125vw 0 0;
	}
}

.about .block04 .gum-bubble .bg-bubble {
	top: 7.8125vw;
	left: 0;
	width: 42.34375vw;
}

.about .block04 .gum-bubble .icon {
	position: absolute;
	top: 11.5625vw;
	left: 5.9375vw;
	width: 29.0625vw;
}

@media (max-width: 768px) {
	.about .block04 .gum-bubble .bg-bubble {
		top: 1.82292vw;
		left: 7.16146vw;
		width: 89.32292vw;
	}
	.about .block04 .gum-bubble .icon {
		top: 9.11458vw;
		left: 20.57292vw;
		width: 65.10417vw;
	}
}

.about .block04 .chara01 {
	top: -10.34375vw;
	left: 59.09375vw;
	width: 40.5vw;
}

@media (max-width: 768px) {
	.about .block04 .chara01 {
		top: 42.83854vw;
		left: 10.41667vw;
		width: 101.95312vw;
	}
}

.about .block04 .chara02 {
	top: 4.09375vw;
	left: 32.125vw;
	width: 56.90625vw;
}

@media (max-width: 768px) {
	.about .block04 .chara02 {
		top: 70.18229vw;
		left: -51.30208vw;
		width: 130.98958vw;
	}
}

.about .block04 .btn-block .btn-block-inner {
	top: 28.4375vw;
	left: 3.4375vw;
}

@media (max-width: 768px) {
	.about .block04 .btn-block .btn-block-inner {
		top: 45.57292vw;
		left: 10.41667vw;
	}
}

.about .block05 {
	margin: 30vw 0 0;
}

@media (min-width: 769px) {
	.about .block05 {
		margin: 0;
	}
}

footer {margin-top:4vw;}

footer .footer-inner.before-none:before {
	content: none;
}

footer .logo-area {
	display: flex;
	align-items: baseline;
	justify-content: center;
	padding: .5em 0;
	text-align: center;
}

footer .gungho-logo-area{
	margin-top: 1.5em;
}

footer .footer-logo {
	margin: auto;
	padding: 4.5625vw 0 3.125vw;
	width: 27.875vw;
}

footer .logo-area li {
	margin: 0 0.8125vw;
}

footer .logo-area li.logo-gungho {
	width: 4.6875vw;
}

footer .logo-area li img {
	max-height: 50px;
}

@media (max-width: 768px) {
	footer .logo-area li {
		margin: 0 2.34375vw;
	}
	footer .logo-area li.logo-gungho {
		width: 16.92708vw;
	}
}

@media (max-width: 768px) {
	footer .footer-logo {
		padding: 14.84375vw 0 8.59375vw;
		width: 82.03125vw;
	}
}

footer .spec {
	font-size: 1vw;
	text-align: left;
	float: left;
	line-height: 1.4;
	width: 48%;
}

footer .spec dl {
	border-bottom: 1px solid #3a3a3a;
	margin: 0 0 1.25vw;
	padding: 0 0 1.25vw;
}

footer .spec dt {
	color: #7e7e7e;
	float: left;
	width: 9.9375vw;
}

footer .spec dd {
	margin: 0 0 0 9.9375vw;
}

@media (max-width: 768px) {
	footer .spec {
		font-size: 3.125vw;
		float: none;
		width: 100%;
	}
	footer .spec dl {
		margin: 0 0 3.90625vw;
		padding: 0 0 3.90625vw;
	}
	footer .spec dt {
		width: 24.73958vw;
	}
	footer .spec dd {
		margin: 0 0 0 24.73958vw;
	}
}

footer .right-block {
	float: right;
}

@media (max-width: 768px) {
	footer .right-block {
		float: none;
	}
}

footer .caution {
	clear: both;
	font-size: 1vw;
	padding: 3.125vw 0 1.875vw;
	text-align: center;
}

@media (max-width: 768px) {
	footer .caution {
		font-size: 3.125vw;
		padding: 2.60417vw 0 7.8125vw 1em;
		text-align: left;
		text-indent: -1em;
		line-height: 1.4;
	}
}

footer .footer-link {
	display: flex;
	justify-content: center;
}

footer .footer-link li {
	margin: 1.25vw 0.75vw;
	width: 50%;
	max-width: 500px;
}

footer .footer-link li a {
	background: url(/_materials/img/top/footer-arrow.gif) no-repeat right 0.9375vw center;
	background-size: 0.53125vw 1.03125vw;
	border: 0.125vw solid #f8f8f8;
	border-radius: 1.5625vw;
	color: #f8f8f8;
	display: block;
	font-size: 0.9375vw;
	padding: 0.9375vw;
	text-align: center;
}

@media (max-width: 768px) {
	footer .footer-link {
		display: block;
	}
	footer .footer-link li {
		margin: 0 0 3.90625vw;
		width: 100%;
	}
	footer .footer-link li a {
		background-position: right 3.90625vw center;
		background-size: 2.21354vw 4.29688vw;
		border: 0.39062vw solid #f8f8f8;
		border-radius: 6.51042vw;
		font-size: 2.92969vw;
		padding: 3.90625vw;
	}
}

footer small {
	padding: 0;
}
.grac-only{
	margin-bottom: 1.5em;
}
footer .grac-only li img{
	max-height: 70px;
}
.grac{
	margin: 0 auto 2em;
	background: #008000;
	border: 1px solid #fff;
	font-family: nanum-myeongjo, sans-serif;
	font-weight: 700;
	font-style: normal;
	border-collapse:collapse;
}
@media (max-width: 768px) {
	.grac{
		margin: 0 1em 2em;
	}
}
.grac td,.grac tr{
	border: 1px solid #fff;
	color: #fff;
	padding: 8px;
}
footer .footer-inner::before {
	background: none;
	background-size: 3.3125vw 1.875vw;
	content: '';
	position: absolute;
	top: -1.78125vw;
	left: 0;
	height: 3.3125vw;
	width: 100%;
}

@media (max-width: 768px) {
	footer .footer-inner {
		padding: 0 5.20833vw;
	}
	footer .footer-inner::before {
		background:none;
		background-size: 9.11458vw 6.51042vw;
		top: -6.25vw;
		height: 6.51042vw;
	}
}
.about img,.topics img{width: 100%;max-width: inherit;}