<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*	wrap
------------------------------------ */
.wrap.bg_main_orn {
	background: #ffe699 url(../../img/bg_main_orn.png);
}

.wrap.bg_main_wht_aqu {
	background: #ffe699 url(../../img/bg_main_wht_aqu.png);
}

/* ---------------------------------------------------------------------------
 * okitaland
--------------------------------------------------------------------------- */
/*	wrap_okitaland
------------------------------------ */
.wrap_okitaland {
	border-top: 1px solid #fff;
	position: relative;
	font-size: 0.875rem;
	word-break: break-all;
}
.wrap_okitaland .copy_chocolate {
    position: absolute;
    left: 1em;
    bottom: 1em;
    color: #733c2b;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

@media screen and (min-width:1001px) {
	.wrap_okitaland {
		font-size: 1rem;
	}
}

/*	box
------------------------------------ */
.wrap_okitaland .box {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.wrap_okitaland .box.bg_none {
    background: none;
    box-shadow: none;
	padding: 0;
}

.wrap_okitaland .box_sttl {
	background: #f2f2f2;
}

.wrap_okitaland .box_sttl::before {
	background: #333;
}

.wrap_box_ttl {
	background: #e26284;
}

.wrap_box_ttl::before, .wrap_box_ttl::after {
	background: #e26284;
}

.wrap_box_ttl.bg_blu {
	background: #6583ff;
}

.wrap_box_ttl.bg_blu::before, .wrap_box_ttl.bg_blu::after {
	background: #6583ff;
}

.wrap_box_ttl.bg_grn {
	background: #30ad51;
}

.wrap_box_ttl.bg_grn::before, .wrap_box_ttl.bg_grn::after {
	background: #30ad51;
}

.wrap_box_ttl.bg_blk {
	background: #333333;
}

.wrap_box_ttl.bg_blk::before, .wrap_box_ttl.bg_blk::after {
	background: #333333;
}

/*	okitaland_main
------------------------------------ */
.okitaland_main {
	padding: 5vw 0 23vw;
	overflow: hidden;
}

.okitaland_main.bg_gradation {
	background: url(../../img/202408/d94wxm/bg_gradation.png) repeat-x bottom -1px center;
	background-size: 75%;
}

.bg_main {
	background: url("../../img/202408/d94wxm/bg_01.png") no-repeat top center;
	background-size: 110%;
}

@media screen and (min-width:1001px) {
	.bg_main {
		background: url(../../img/202408/d94wxm/bg_01.png) no-repeat top -20vw center;
		background-size: auto;
	}
}

.okitaland_main.no_movie {
	background-size: 110%;
	background-position: top -10vw center;
}

.okitaland_main_ttl {
	width: 90%;
	max-width: 674px;
	margin: 0 auto;
}

.okitaland_main_ttl.logo_okitaland {
	width: 90%;
	max-width: 900px;
	margin-bottom: 12vw;
	position: relative;
	z-index: 1;
	text-align: center;
	transform: translateY(-200%);
	animation: anim-logo 0.5s ease-out 0.5s forwards;
}

.okitaland_main_ttl.logo_okitaland .oa_time {
	width: 50%;
	margin-top: 2%;
}

@keyframes anim-logo {
	0% {
		transform: translateY(-200%);
	}

	40% {
		transform: translateY(20%);
	}

	60% {
		transform: translateY(-15%);
	}

	80% {
		transform: translateY(7%);
	}

	100% {
		transform: translateY(0%);
	}
}

.chara_01 {
	content: "";
	width: 40%;
	height: 100%;
	background: url("../../img/202408/d94wxm/mov_chara_l.png") no-repeat center left;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: -40%;
	z-index: -1;
	transform: translateX(100%);
	animation: anim-chara_01 0.4s ease-out 1s forwards;
}
@keyframes anim-chara_01 {
	0% {
		transform: translateX(100%);
	}
	40% {
		transform: translateX(-10%);
	}
	100% {
		transform: translateX(0%);
	}
}
.chara_02 {
	content: "";
	width: 40%;
	height: 100%;
	background: url("../../img/202408/d94wxm/mov_chara_r.png") no-repeat center right;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -40%;
	z-index: -1;
	transform: translateX(-100%);
	animation: anim-chara_02 0.4s ease-out 1s forwards;
}
@keyframes anim-chara_02 {
	0% {
		transform: translateX(-100%);
	}
	40% {
		transform: translateX(10%);
	}
	100% {
		transform: translateX(0%);
	}
}

.okitaland_main_mov_wrap {
	width: 62%;
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	z-index: 50;
}

.okitaland_main_mov {
	background: rgba(255, 255, 255, 0.8);
	position: relative;
}

.okitaland_main_mov::before {
    content: "";
    width: 138%;
    height: 138%;
    background: url(../../img/202408/d94wxm/flame_mov.png) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50.5%, -50%);
	z-index: 10;
	pointer-events: none;
}
.okitaland_main_mov::after {
    content: "";
    width: 110%;
    height: 110%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
@media screen and (min-width:1300px) {
	.okitaland_main_ttl.logo_okitaland {
		margin-bottom: 120px;
	}
	.okitaland_main {
		padding: 3vw 0 12vw;
	}
	.okitaland_main_mov {
		margin-bottom: 55px;
	}
	.okitaland_main.bg_gradation {
		background-size: 50%;
	}
}

/*	bg_02
------------------------------------ */

.bg_02 {
	padding: 25vw 0 0;
	background: url(../../img/202408/d94wxm/bg_02.png) no-repeat top center, url(../../img/202408/d94wxm/bg_03.png) top left;
	background-size: 100%, 50%;
	position: relative;
}
@media screen and (min-width:1001px) {
	.bg_02 {
		padding: 20vw 0 0;
	}
}
.bg_02 .chowchow {
	width: 6vw;
	position: absolute;
	top: 8vw;
	left: 5vw;
	z-index: 100;
	opacity: 0;
}
.bg_02 .chowchow.scrollin {
	animation: move_chowchow 5s linear 0s forwards;
}
@keyframes move_chowchow {
	0% {
		width: 6vw;
		top: 2vw;
		left: 5vw;
		opacity: 1;
	}
	15% {
		width: 6vw;
		top: 12vw;
		left: 11vw;
		opacity: 1;
	}
	35% {
		width: 10vw;
		top: 6vw;
		left: 15vw;
		opacity: 1;
	}
	65% {
		width: 13vw;
		top: 21vw;
		left: 53vw;
		opacity: 1;
	}
	100% {
		width: 15vw;
		top: 57vw;
		left: 110vw;
		opacity: 1;
	}
}
.bg_02 .chowchow::before {
	content: "";
	padding-top: 115.5%;
	display: block;
	background: url(../../img/202408/d94wxm/chowchow.png) top left no-repeat;
	background-size: auto 100%;
	background-position: 0;
	animation: chowchow 0.4s steps(4) 0s infinite normal;
}
@keyframes chowchow {
	0% {
		background-position: 0%;
	}
	100% {
		background-position: 100%;
	}
}

@media screen and (max-width:640px) {
	.bg_02 {
		padding: 20vw 0 0;
	}
	.bg_02 .chowchow {
		transform: scale(1.5);
	}
}

/*	outline
------------------------------------ */
.outline{
	padding: 6vw 0 6vw;
    background: #f6d368;
    text-align: center;
}
.outline_txt{
	display: inline-block;
	position: relative;
    font-family: "Puhu Pokke";
    font-size: 2em;
	font-size: 4.5vw;
    color: #803d59;
    letter-spacing: -0.1em;
	z-index: 10;
}
.outline_txt::before,
.outline_txt::after{
	content: "";
	width: 40%;
	height: 100%;
	background: url(../../img/202408/d94wxm/bg_cloud.png) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
}
.outline_txt::before{
	left: -30%;
}
.outline_txt::after{
	right: -30%;
}
.outline p + p{
	margin-top: 1em;
}
.outline .fukidashi{
    width: 70%;
	max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.outline .fukidashi img{
	opacity: 0;
}
.outline .scrollin.fukidashi img{
	animation: fukidashi 0.75s linear 0.25s forwards;
}
@keyframes fukidashi {
	0% {
		transform: scale(0.5,0.5); opacity: 1;
	}
	30% {
		transform: scale(1.2,1);
	}
	45% {
		transform: scale(0.8,1.2);
	}
	60% {
		transform: scale(1.1,1);
	}
	75% {
		transform: scale(1,1.1);
	}
	100% {
		transform: scale(1,1); opacity: 1;
	}
}

.outline_txt .outline_chara {
	width: 50vw;
    background: url(../../img/202408/d94wxm/outline_chara.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translate(-50%, 100%);
    z-index: 1;
}
.outline_txt .outline_chara::before {
	content: "";
	padding-top: 39.57%;
	display: block;
}

@media screen and (min-width:641px) {
	.outline{
		padding: 60px 0 0;
	}
	.outline_txt{
		font-size: 2em;
	}
	.outline .fukidashi{
		width: 100%;
	}
	.outline_txt .outline_chara {
		width: 35vw;
	}
}
@media screen and (min-width:1001px) {
	.outline_txt::before{
		left: -60%;
	}
	.outline_txt::after{
		right: -60%;
	}
}


/*	dance_list
------------------------------------ */
.dance_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 1%;
	row-gap: 4vw;
}
.dance_list li {
	width: 48%;
	padding: 2em 0 0 0;
	box-sizing: border-box;
	position: relative;
}
.dance_list li .img_ov {
	content: "";
	width: 100%;
	height: calc(100% - 2em);
	box-sizing: border-box;
	/* background: #fff; */
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.dance_list li .img_ov.show {
	opacity: 1;
}
.dance_list li .img_ov.show + img {
	opacity: 0;
}
.dance_list li .no {
	width: 1em;
	height: 1em;
	padding: 0.1em 0 0;
	background: #edc823;
	box-sizing: border-box;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-family: 'Passion One', cursive;
	font-size: 2em;
	z-index: 1;
}

.dance_list .tap{
    width: 70%;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
	pointer-events: none;
}
.dance_list .tap::before{
	content: "";
    width: 70%;
    height: 70%;
    background: url(../../img/202408/d94wxm/tap.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%);
	animation: tap 2s linear 0s infinite;
}
@keyframes tap {
	0% {
		transform: translate(-50%, -50%) scale(1);
	}
	25% {
		transform: translate(-50%, -50%) scale(1.2);
	}
	50% {
		transform: translate(-50%, -50%) scale(1);
	}
	75% {
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
	}
}
.dance_list .tap::after{
	content: "";
    width: 30%;
    height: 30%;
    background: #92cbfa;
    position: absolute;
    border-radius: 100%;
    top: 10%;
    left: 15%;
	z-index: -1;
	opacity: 0;
	animation: tap_point 2s linear 0s infinite;
}
@keyframes tap_point {
	49% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (min-width:641px) {
	.dance_list li {
		width: 22%;
	}
}

/*	wrap_video
------------------------------------ */
.wrap_video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.wrap_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*	oatime
------------------------------------ */
.oatime_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.oatime_list li {
	margin: 0 0.5em;
	position: relative;
	font-size: 1.2em;
}

.oatime_list li:last-child {
	margin-bottom: 0;
}

.oatime_list_no {
	width: 1em;
	height: 1em;
	padding: 0.1em 0 0;
	background: #fa7d00;
	box-sizing: border-box;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #fff;
	font-family: 'Passion One', cursive;
	font-size: 1.4em;
}

.oatime_list p {
	font-family: "GSanSerif-B";
}

.oatime_list_time {
	position: relative;
	top: 0.025em;
	font-family: 'Passion One', cursive;
	font-size: 2em;
	letter-spacing: 0.025em;
}

@media screen and (min-width:641px) {
	.oatime_box {
		position: relative;
	}

	.oatime_list {
		padding-right: 5%;
	}
}

@media screen and (min-width:1001px) {
	.oatime_list li {
		margin: 0 1em;
		font-size: 1.5em;
	}
}

/*	present
------------------------------------ */
.wrap_present .box {
	background: #fff;
}

.present_list {
	position: relative;
	z-index: 1;
}

.present_list&gt;li {
	margin-bottom: 1em;
	text-align: center;
}

.present_list&gt;li:last-child {
	margin-bottom: 0;
}

.present_list .cution {
	max-width: 440px;
	margin: 0.75em auto 0;
	font-size: 0.875em;
	text-align: left;
}

@media screen and (min-width:641px) {
	.present_list {
		display: flex;
		justify-content: space-between;
	}

	.present_list&gt;li {
		width: 49%;
		margin-bottom: 0;
	}
}

/*	join
------------------------------------ */
.wrap_join {
	padding: 30px 0 140px;
	margin-top: 30px;
	background: rgba(0, 214, 229, 0.15);
}

.bg_main_orn .wrap_join {
	background: rgba(229, 134, 0, 0.2);
}

.join_list {
	margin-bottom: -1em;
}

.join_list li {
	padding: 1em 1em 1em 2em;
	border-bottom: 2px dotted #ccc;
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
}

.join_list li:first-child {
	padding-right: 2.5em;
}

.join_list li:first-child {
	margin-top: -0.5em;
}

.join_list li:last-child {
	border-bottom: none;
}

.join_list_no {
	width: 1em;
	height: 1em;
	padding: 0.1em 0 0;
	background: #e26284;
	box-sizing: border-box;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	color: #fff;
	font-family: 'Passion One', cursive;
	font-size: 1.4em;
}

.apply .join_list_no {
	background: #30ad51;
}

.join_list_txt {
	line-height: 1.3;
}

.join_list_img {
	margin-top: 1em;
	padding-right: 1em;
	text-align: center;
}

.join_cution {
	padding: 1em;
	margin-top: 1em;
	background: #f2f2f2;
	border-radius: 5px;
}

.join_cution span {
	padding-left: 2.25em;
	display: inline-block;
	position: relative;
	font-weight: bold;
}

.join_cution span::before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url("../../img/icon_cution.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.join_highlighte {
	padding: 0.5em;
	margin-top: 15px;
	background: #cceff5;
	border-radius: 5px;
	font-family: "Puhu Pokke";
	font-size: 5.5vw;
	font-size: clamp(1.25em, 3.125vw, 2.125em) ;
	letter-spacing: -0.1em;
	text-align: center;
	color: #e53061;
}
.join_highlighte p {
	padding: 0 3.25em;
	position: relative;
	display: inline-block;
}
.join_highlighte p::before,
.join_highlighte p::after {
	content: "";
    width: 2.5em;
    height: 2.5em;
	background: url(../../img/202408/d94wxm/bg_highlighte.png) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/* animation: highlighte 2s steps(4) 0s infinite normal; */
}
.join_highlighte p::before{
	left: 0;
}
.join_highlighte p::after{
	right: 0;
}
.join_highlighte span {
	display: inline-block;
}
.join_highlighte .eng {
	font-size: 1.25em;
}

@media screen and (min-width:641px) {
	.wrap_join {
		margin-top: 50px;
	}
	.join_highlighte {
		padding: 1em;
	}
}
@media screen and (min-width:1001px) {
	.wrap_join {
		padding: 50px 0 180px;
	}
}

/* @keyframes highlighte {
	0% {
		transform: scale(1,1) translateY(-50%);
	}
	50% {
		transform: scale(1,1) translateY(-50%);
	}
	51% {
		transform: scale(-1,1) translateY(-50%);
	}
	100% {
		transform: scale(-1,1) translateY(-50%);
	}
} */

/*	link
------------------------------------ */
.link {
	padding: 0.25em;
	padding-right: 1em;
	position: relative;
	display: inline-block;
	color: #ff2d38;
	text-decoration: none;
	text-indent: 0;
}

.link::after {
	content: "";
	width: 0.6em;
	height: 0.6em;
	background: url("../../../img/icon_arrow_red.png") 0 0 no-repeat;
	background-size: contain;
	display: inline-block;
	position: relative;
	top: -0.1em;
	left: 0.4em;
	transition: all .3s;
}

@media screen and (min-width:1001px) {
	.link:hover::after {
		transform: translateX(5px);
	}
}

/*	qa
------------------------------------ */
.qa_list {
	margin-bottom: 1em;
}

.qa_list:last-child {
	margin-bottom: 0;
}

.qa_list li {
	padding: 0 0 1em 2em;
	margin-top: 1em;
	border-bottom: 2px dotted #ccc;
	position: relative;
	font-size: 1.2em;
	overflow: hidden;
}

.qa_list li:last-child {
	border-bottom: none;
}

.qa_list_q {
	width: 1.65em;
	height: 1.65em;
	background: #f43842;
	border: 6px solid #fff;
	box-sizing: border-box;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -6px;
	left: -6px;
	color: #fff;
	font-family: 'Passion One', cursive;
	font-size: 1.4em;
	font-weight: bold;
	z-index: 1;
}

.qa_list_txt {
	margin-top: 0.25em;
	margin-bottom: 0.75em;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
}

.qa_list_a {
	position: relative;
	font-size: 1rem;
	line-height: 1.3;
}

.qa_list_a+.qa_list_a {
	margin-top: 1em;
}

.qa_list_a::before {
	content: "";
	width: 0.7em;
	height: 100%;
	position: absolute;
	left: calc(-1.5rem + 3px);
	bottom: calc(100% - 0.75em);
	border-left: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-radius: 0 0 0 5px;
}

@media screen and (min-width:1001px) {
	.qa_list_txt::before {
		left: calc(-1.65rem + 3px);
	}

	.qa_list_a::before {
		left: calc(-1.65rem + 3px);
	}
}

/*	keyword
------------------------------------ */
/* 文字装飾 */
.ta_center {
	text-align: center;
}

.fs_small {
	font-size: 0.875em;
}

.fs_large {
	font-size: 1.125em;
	font-weight: bold;
}

.fw_bold {
	font-weight: bold;
}

.fc_red {
	color: #e50000;
}

.ls-02 {
	letter-spacing: -0.2em;
}

.ls-03 {
	letter-spacing: -0.3em;
}

.ls-07 {
	letter-spacing: -0.7em;
}

.nowrap {
	white-space: nowrap;
}

.mb1 {
	margin-bottom: 1em;
}

.mb05 {
	margin-bottom: 0.5em;
}

/* 2021.4/22追記 */
.irregular_bnr_list {
	background: none;
	padding: 0;
}

.irregular_bnr_list ul {
	margin-bottom: 0;
	padding-bottom: 10px;
	row-gap: 15px;
}
.irregular_bnr_list ul:last-child {
	padding-bottom: 0;
}

.irregular_bnr_list li {
	width: 90%;
	margin-bottom: 0;;
}

.irregular_bnr_list.bnr_book {
	width: 100%;
	margin-bottom: 30px;
}
.irregular_bnr_list.bnr_book ul {
	width: 100%;
}
.irregular_bnr_list.bnr_book img {
	border-radius: 5px;
}

@media screen and (min-width: 641px) {
	.irregular_bnr_list.bnr_book {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 1000px) {
	.irregular_bnr_list li {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.irregular_bnr_list {
		padding: 0 0 0;
	}
	.irregular_bnr_list li {
		width: 100%;
	}
}

/*add_210630*/
.ireeBox {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 30px;
	background: #fff;
	padding: 20px 40px 20px;
	border-radius: 10px;
	box-sizing: border-box;
	line-height: 1.6;
}

.ireeBox dl dt {
	font-weight: bold;
	font-size: 1.4em;
	font-family: "GSanSerif-B", sans-serif;
	margin-bottom: 0.5em;
	text-align: center;
}

@media screen and (min-width:1001px) {
	.ireeBox {
		width: 1000px;
		margin: 0 auto 50px;
		text-align: center;
	}

	.ireeBox dl dt {
		font-size: 1.8em;
	}
}

/* 終了対応 */
.banner_end {
	position: relative;
}

@media screen and (min-width:641px) {
	.banner_end li {
		width: auto;
	}
}

.banner_end a {
	background: #fff;
	display: block;
	pointer-events: none;
	width: 100%;
}

.banner_end img {
	border: 1px solid #ccc !important;
	opacity: 0.6;
}

.point-txt {
	position: absolute;
	font-weight: bold;
	font-size: 1rem;
	color: #F43842;
	white-space: nowrap;
	font-family: 'Passion One', cursive;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 10;
	text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, 0-3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}

@media screen and (min-width:641px) {
	.point-txt {
		font-size: 1.6rem;
	}
}

.point-txt01 {
	font-weight: bold;
	font-size: 1rem;
	color: #F43842;
	white-space: nowrap;
	font-family: 'Passion One', cursive;
	padding-top: 10px;
	text-shadow:
		3px 3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff, 3px -3px 3px #fff, 3px 0px 3px #fff, -3px -0px 3px #fff, 0px 3px 3px #fff, 0px -3px 3px #fff;
}

@media screen and (min-width:641px) {
	.point-txt01 {
		font-size: 1.4rem;
	}
}

.box-center {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}

@media screen and (min-width:641px) {
	.box-center {
		padding-top: 60px;
	}
}

/*	chara
------------------------------------ */

.chara_03,
.chara_04,
.chara_05,
.chara_06,
.chara_07 {
	position: relative;
}

.chara_03::before,
.chara_04::before,
.chara_05::before,
.chara_06::before,
.chara_07::before {
	content: "";
	position: absolute;
	z-index: 1;
}

.chara_03::before {
    width: 18%;
    max-width: 180px;
    height: 18vw;
    max-height: 180px;
	background: url(../../img/202408/d94wxm/img_chara_01.png) no-repeat center top;
	background-size: contain;
	right: 0;
	top: 0;
	transform: translate(5%, -10%);
}

.chara_04::before {
    width: 18%;
    max-width: 180px;
    height: 18vw;
    max-height: 180px;
	background: url(../../img/202408/d94wxm/img_chara_02.png) no-repeat center top;
	background-size: contain;
	right: 0;
	top: 0;
	transform: translate(10%, -20%);
}

.chara_05::before {
    width: 16%;
    max-width: 160px;
    height: 10vw;
    max-height: 100px;
	background: url(../../img/202408/d94wxm/img_chara_03.png) no-repeat center top;
	background-size: contain;
	right: 0;
	top: 0;
	transform: translate(5%, -5%);
}

.chara_06::before {
	width: 12%;
    max-width: 120px;
    height: 18vw;
    max-height: 180px;
    background: url(../../img/202408/d94wxm/img_chara_04.png) no-repeat center top;
    background-size: contain;
    right: 0;
    top: 0;
    transform: translate(-20%, -10%);
}

.chara_07::before {
    width: 13%;
    max-width: 130px;
    height: 18vw;
    max-height: 180px;
    background: url(../../img/202408/d94wxm/img_chara_05.png) no-repeat center top;
    background-size: contain;
    right: 0%;
    top: 0;
    transform: translate(-15%, -10%);
}

.charaimg {
	margin: 0 auto;
	text-align: center;
}

.lylic_wrap {
	width: 84%;
	max-width: 800px;
	margin: 0 auto 10vw;
	position: relative;
	box-sizing: border-box;
}

@media screen and (min-width:641px) {
	.lylic_wrap {
		margin: 0 auto 60px;
	}
}

/*	ohaasa_footer
------------------------------------ */

.ohaasa_footer {
    margin-top: 0;
}
.pageTop {
    transform: translateY(-110%);
}</pre></body></html>