/* layout sp--------------------------------------------------*/@media screen and (max-width: 640px) {html{	overflow-x:hidden;}html,body {	position:relative;	width:100%;	min-width:320px;	height:100%;	text-align:left;	-webkit-text-size-adjust: none;}/*初期設置*/.q_title{	position:relative;	padding-top:25vw;	width:100%;	height:auto;	margin:0 auto 0;}.q_text{	position:relative;	padding-top:4vw;	margin:0 auto 0;	width:100%;	height:auto;}.q_text02{	padding-top:35px;}.q_set{	position:relative;	height:68vw;}.q_set{	display:none;}.question_back{	position:absolute;	bottom:5vw;	left:3.5vw;	margin-left:0;	display:none;}.question_back a{	font-size:5vw;	color:#ffffff;	text-decoration:none;	display:flex;	align-items: center;	transition-duration:0.2s;}.question_back a:hover{	opacity:0.8;}.question_back .icon_set {	position:relative;	display: inline-block;	border: 2px solid #ffffff;	border-radius: 20px;	padding: 1.5vw;	margin-right:2vw;}.question_back .icon {	width:1.5vw;	height:auto;}.q01{	display:block;}/* 画面遷移用 */.next_set{	position:fixed;	top:0;	left:0;	width:100%;	height:100%;	overflow:hidden;	z-index:3;	display:none;}.next_slide{	position:absolute;	right:0;	width:0;	height:100%;	background:#fac200;}/* 波アニメ */.wave_box{	position:absolute;	width:100%;	top:381px;	height:21px;	background:#000;	z-index:1;}.wave{	position:absolute;	height:100%;	z-index:1;}.wave+.wave{	z-index:2;	height:100%;	opacity:0.5;}.under_set{	position:relative;	width:100%;	min-height:80vw;	background:#9c69fc;	display:block;	z-index:1;}/* 答え配置 */.answer_set{	position:absolute;	top:68vw;	margin-top:13vw;	width:100%;	z-index:2;	text-align:center;}.answer_btn{	display:block;	margin-bottom:4vw;}.answer_btn .btn{	padding:3vw 5vw;}.answer_btn a{	width:70vw;	height:auto;	font-size:5vw;	line-height:1.6;	text-align:left;}.main{	position:relative;	width:100%;	min-width:320px;	display:block;	overflow-x:hidden;}.chara_set{	position:absolute;	top:53vw;	right:20vw;	z-index:4;}.chara_set img{	position:absolute;	opacity:0;	width:40vw;	animation: floatUpDown 3s ease-in-out infinite;}/* 上下にゆっくり揺れるアニメーション */@keyframes floatUpDown {	0%   { transform: translateY(0); }	50%  { transform: translateY(-10px); }	100% { transform: translateY(0); }}.bg01,.bg02,.bg03{	position:absolute;	width:100%;	top:0;	left:0;	z-index:1;	opacity:0;		/* テスト用	opacity:1; */}/* テスト用.bg01 img,.bg02 img{	opacity:0;} */.bg02 img,.bg03 img{	position:absolute;}.bg01_item01{	display:none;}.bg01_item02{	position:absolute;	top:29vw;	left:50%;	margin-left:-40vw;	z-index:1;	width:3vw;	height:auto;}.bg01_item03{	position:absolute;	top:56vw;	left:50%;	margin-left:-36vw;	z-index:1;	width:2vw;	height:auto;}.bg01_item04{	position:absolute;	top:49vw;	left:50%;	margin-left:-45vw;	z-index:1;	width:3vw;	height:auto;}.bg01_item05{	position:absolute;	top:9vw;	left:50%;	margin-left:43vw;	z-index:1;	width:3vw;	height:auto;}.bg01_item06{	position:absolute;	top:37vw;	left:50%;	margin-left:39vw;	z-index:1;	width:3vw;	height:auto;}.bg01_item07{	position:absolute;	top:12.5vw;	left:50%;	margin-left:20vw;	z-index:1;	width:31.2vw;	height:auto;}.bg02_item01{	position:absolute;	top:38vw;	left:50%;	margin-left:-56vw;	z-index:1;	width:17vw;	height:auto;}.bg02_item02{	position:absolute;	top:48vw;	left:50%;	margin-left:-45vw;	z-index:1;	width:9vw;	height:auto;}.bg02_item03{	position:absolute;	top:59vw;	left:50%;	margin-left:-47vw;	z-index:1;	width:4vw;	height:auto;}.bg02_item04{	position:absolute;	top:9vw;	left:50%;	margin-left:29vw;	z-index:1;	width:18vw;	height:auto;}.bg02_item05{	position:absolute;	top:22vw;	left:50%;	margin-left:37vw;	z-index:1;	width:14vw;	height:auto;}.bg02_item06{	position:absolute;	top:41vw;	left:50%;	margin-left:37vw;	z-index:1;	width:3vw;	height:auto;}.bg03_item01{	position:absolute;	top:48vw;	left:50%;	margin-left:-45vw;	z-index:1;	width:16vw;	height:auto;}.bg03_item02{	position:absolute;	top:46vw;	left:50%;	margin-left:-52vw;	z-index:1;	width:8vw;	height:auto;}.bg03_item03{	position:absolute;	top:55vw;	left:50%;	margin-left:-56vw;	z-index:1;	width:8vw;	height:auto;}.bg03_item04{	position:absolute;	top:8vw;	left:50%;	margin-left:25vw;	z-index:1;	width:16vw;	height:auto;}.bg03_item05{	position:absolute;	top:6vw;	left:50%;	margin-left:40vw;	z-index:1;	width:8vw;	height:auto;}.bg03_item06{	position:absolute;	top:15vw;	left:50%;	margin-left:43vw;	z-index:1;	width:8vw;	height:auto;}/* 上下にゆっくり揺れるアニメーション */@keyframes floatUpDown {	0%   { transform: translateY(0); }	50%  { transform: translateY(-5px); }	100% { transform: translateY(0); }}/* SP/PC用 */.rps_del{	display:none;}.rps_visible{	display:block;}}