@charset"utf-8";/***layoutpc*//*import--------------------------------------------------*/@importurl("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap");@import"init.css";/* アニメ用 */.op_anime{	opacity:0;}.main_bg {	transform: scale(1.8);	transition: transform 0.8s ease-in-out;}.main_bg.is-active {	transform: scale(1);}.main_text01{	opacity:0;}.logo{	transform: scale(0);	transform-origin: center center;	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;	opacity:0;}.logo.is-active{	transform: scale(1.2);	animation: poyoOnce 0.3s ease-in-out forwards;	animation-delay: 0.6s;	opacity:1;}.chara01 img,.chara02 img,.chara03 img,.chara04 img,.chara05 img,.chara06 img,.chara07 img,.chara08 img {	transform: scale(0);	transform-origin: center center;	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;	opacity:0;}.chara01 img.is-active,.chara02 img.is-active,.chara03 img.is-active,.chara04 img.is-active,.chara05 img.is-active,.chara06 img.is-active,.chara07 img.is-active,.chara08 img.is-active {	transform: scale(1.2);	animation: poyoOnce 0.3s ease-in-out forwards;	animation-delay: 0.3s;	opacity:1;}@keyframes poyoOnce {	0% {		transform: scale(1.2);	}	60% {		transform: scale(1);	}	80% {		transform: scale(1.1);	}	100% {		transform: scale(1);	}}/*html,body--------------------------------------------------*/html,body{	position:absolute;	width:100%;	min-width:1200px;	min-height:100%;	margin:0;	text-align:left;	font-family:Verdana,"メイリオ","ヒラギノ角ゴProW3","ＭＳＰゴシック",sans-serif;	font-family:'NotoSansJP',sans-serif;	font-weight:400;	font-feature-settings:"palt";	letter-spacing:0.15em;	-webkit-text-size-adjust:none;	color:#532215;	background:#a6d7ff;}/*初期設置*/.main{	position:relative;	width:100%;	min-width:1200px;	height:570px;	overflow:hidden;}.slide_set{	position:absolute;	top:0;	left:0;	width:100%;	height:auto;	z-index:1;}	.splide__list img{	width:100%;	height:auto;}.enter_btn{	position: relative;	width: 100%;	display: flex;	justify-content: center;	align-items: center;	text-align: center;}/* 背景ゆらゆら */.main_bg{	position:absolute;	display: flex;	justify-content: center;	align-items: center;	width:100%;	height:100%;	margin: 0;	margin-top:-25px;	z-index:2;}.floating-container {	position: relative;	width: 475px;	height: 455px;}.floating-shape {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-radius: 50%;	background-color: #ffffff;	animation:  morphSoft 5s ease-in-out infinite, rotate 10s linear infinite;	opacity: 0.4;}.floating-shape:nth-child(2) {	width: 98%;	height: 98%;	background-color: #ffffff;	margin-top: 1%;	margin-left: 1%;	animation:  morph2_soft 10s ease-in-out infinite, rotateReverse 20s linear infinite;	opacity: 0.8;		transform: rotate(90deg); /* ← 初期状態を90度に */}	@keyframes morphSoft {	0%   { border-radius: 52% 48% 50% 51% / 49% 51% 50% 48%; }	25%  { border-radius: 54% 46% 49% 52% / 50% 53% 47% 51%; }	50%  { border-radius: 51% 50% 54% 45% / 47% 52% 49% 50%; }	75%  { border-radius: 48% 53% 51% 49% / 52% 46% 53% 49%; }	100% { border-radius: 52% 48% 50% 51% / 49% 51% 50% 48%; }}@keyframes morph2_soft {	0%   { border-radius: 53% 47% 50% 49% / 48% 52% 49% 51%; }	25%  { border-radius: 49% 51% 55% 45% / 53% 47% 50% 46%; }	50%  { border-radius: 54% 46% 48% 52% / 45% 54% 47% 53%; }	75%  { border-radius: 50% 49% 46% 54% / 52% 44% 56% 48%; }	100% { border-radius: 53% 47% 50% 49% / 48% 52% 49% 51%; }}@keyframes rotate {	from { transform: rotate(0deg); }	to { transform: rotate(360deg); }}@keyframes rotateReverse {		from { transform: rotate(90deg); }		to   { transform: rotate(-270deg); } /* -360 + 90 = -270 */}/* キャラクター */.main_text01{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-187px - 25px);	margin-left:-204px;	z-index:2;}.chara01{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-115px - 25px);	margin-left:-75px;	z-index:2;}.chara02{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-175px - 25px);	margin-left:12px;	z-index:3;}.chara03{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-76px - 25px);	margin-left:-217px;	z-index:2;}.chara04{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-165px - 25px);	margin-left:50px;	z-index:2;}.chara05{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-26px - 25px);	margin-left:-267px;	z-index:2;}.chara06{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-44px - 25px);	margin-left:-118px;	z-index:2;}.chara07{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-55px - 25px);	margin-left:-26px;	z-index:3;}.chara08{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-28px - 25px);	margin-left:19px;	z-index:2;}/* ロゴ */.logo{	position:absolute;	top:50%;	left:50%;	margin-top:calc(75px - 25px);	margin-left:-340px;	z-index:2;}/* 背景イラスト */.main_illust01{	position:absolute;	top:50%;	left:50%;	margin-top:calc(-30px - 25px);	margin-left:-404px;	z-index:2;}.sub{	position:relative;	width:100%;	padding-top:60px;	padding-bottom:80px;}.sub_text01{	position:relative;	margin:0 auto 40px;}/* 雲 */.cloud01{	position:absolute;	top:60px;	left:50%;	margin-left:-530px;	z-index:2;}.cloud02{	position:absolute;	top:227px;	left:50%;	margin-left:420px;	z-index:2;}.cloud03{	position:absolute;	top:280px;	left:50%;	margin-left:-428px;	z-index:2;}.cloud04{	position:absolute;	top:437px;	left:50%;	margin-left:351px;	z-index:2;}.cloud05{	position:absolute;	top:429px;	left:50%;	margin-left:465px;	z-index:2;}.cloud01 img,.cloud03 img,.cloud05 img{	animation: powaPowa 2s ease-in-out infinite;	transform-origin: center center;}.cloud02 img,.cloud04 img{	animation: powaPowa 3s ease-in-out infinite;	transform-origin: center center;}@keyframes powaPowa {	0%, 100% {		transform: scale(0.95);	}	50% {		transform: scale(1);	}}.sns{	position:relative;	width:226px;	margin:60px auto 0;	overflow:hidden;}.sns img{	float:left;	transition-duration:0.2s;}.sns img:hover{	opacity:0.8;}.share{	position:relative;	margin-top:10px;	margin-right:12px;}.sns a img{	margin-right:10px;}.sns a:nth-child(4) img{	margin-right:0;}.seibu_logo{	position:absolute;	top:20px;	right:15px;	width:auto;	height:auto;	z-index:1;}/*ここからテンプレートエリア*/.rps_visible{display:none;}.rps_del{display:block;}