@charset "utf-8";

/* CSS Document */

/*-------------------------
- reset
- base
- header
- sns_area
- footer
- color
- main
- bg_fixed
- btn
-------------------------*/


/*=======================================
　reset
=======================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}
body {
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Zen Kaku Gothic New' , 'Noto Sans JP', sans-serif , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	overflow-x: hidden;
	font-feature-settings: "palt";
	/*font-size: 14px;*/
	color: #000;
	letter-spacing: 0;
	font-weight: 400;
	background-color: #0158D0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {
	max-width: 100%;
	height: auto;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #333;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #333;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
ul, li {
	list-style: none;
}
main {
	overflow-x: hidden;
}



/*=======================================
　base
=======================================*/
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
a {
	color: #000;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}
a:hover {
	opacity: 0.7;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.link_none {
	pointer-events: none;
}
.flex_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.inner {
	width: 90%;
	margin: 0 auto;
}
.anchor {
    padding-top: 50px;
    margin-top: -50px;
}
#anc_talkroom.anchor {
    padding-top: 100px;
    margin-top: -100px;
}
#anc_system.anchor {
    /* margin-bottom: -2px; */
}
#anc_faq.anchor {
    /* padding-top: 10px; */
    /* margin-top: -10px; */
}
#anc_topics.anchor,
#anc_system.anchor {
    /*margin-bottom: -10px;*/
}


@media only screen and (max-width: 768px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.flex_area {
	/*display: block;*/
}
.anchor {
    /*padding-top: 80px;*/
    /*margin-top: -80px;*/
}
}



/*=======================================
　header
=======================================*/
header {
	max-width: 400px;
	position: fixed;
	top: 0;
	/* left: 35.9375%; */
	right: 29.16666666666667%;
	width: 100%;
	z-index: 10;
	height: 52px;
}
header .header_inn {
	z-index: 2;
	background: url("/lp/ryugakulive/asset/images/common/hd_bg.jpg") no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	right: 29.16666666666667%;
	width: 100%;
	height: 52px;
	max-width: 400px;
}
header .logo_live {
	/* max-width: 221px; */
	/* max-width: 224px; */
	/* width: 100%; */
	position: absolute;
	left: 4%;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	display: flex;
	/*flex-direction: column;*/
	/*justify-content: center;*/
	align-items: center;
	gap: 0 6px;
}
header .logo_live > img {
	max-width: 156px;
}
header .logo_live a img {
	max-width: 59px;
}
@media only screen and (max-width: 768px){
header {
	max-width: inherit;
	right: auto;
}
header .header_inn {
	max-width: inherit;
	right: auto;
}
}



/* ハンバーガーメニューボタン */
header .openbtn {
	top: 0;
	right: 0;
	width: 52px;
	height: 52px;
	position: absolute;

	z-index: 10000;
}
header .openbtn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 17px;
	height: 3px;
	background-color: #000;
	width: 18.28px;
}
header .openbtn span:nth-of-type(1) {
	top: 16px;
}
header .openbtn span:nth-of-type(2) {
	top: 24px;
}
header .openbtn span:nth-of-type(3) {
	top: 32px;
}
header .openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}
header .openbtn.active span:nth-of-type(2) {
	opacity: 0;
}
header .openbtn.active span:nth-of-type(3) {
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}



/* ハンバーガーメニュー */
header .g-nav {
	position: fixed;
	z-index: 1;
	/* top: -120%; */
	top: -150vh;
	/* top: 52px; */
	width: 100%;
	max-width: 400px;
	height: fit-content;
	height: calc(100vh - 52px);
	background: #fff;
	transition: all 0.6s;
	display: block;
	padding: 22px 0 0;
}
header .g-nav-inn {
	/* max-width: 242px; */
	/* margin: 0 auto; */
}
header .g-nav.panelactive {
	/* right: 29.16666666666667%; */
	top: 52px;
}
header .g-nav .g-nav-menu {
	position: relative;
	max-width: 242px;
	margin: 0 auto;
}
header .g-nav .g-nav-menu .hd_img {
	max-width: 111.33px;
	margin: 0 auto 13.4px;;
}
header .g-nav .g-nav-menu ul {
	margin: 0 auto;
	padding-bottom: 66.5px;
	max-width: 209px;
}
header .g-nav .g-nav-menu .img {
	position: absolute;
	bottom: 30.4px;
	max-width: 44.73px;
	right: 7px;
}
header .g-nav .g-nav-menu ul li a {
	font-size: 18px;
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	line-height: 2.777;
}
header .g-nav .g-nav-blank {
	max-width: 242px;
    margin: 0 auto;
}
header .g-nav .g-nav-blank ul {
	padding-top: 30px;
	border-top: 1px solid #707070;
	font-family: "Zen Kaku Gothic New";
	font-weight: normal;
	font-size: 14px;
	/*line-height: 33px;*/
	line-height: 2.357;
	color: #505050;
}
header .g-nav .sns_area {
	/* position: absolute; */
	/* bottom: 0; */
	/* padding-bottom: 15px; */
	/* left: 50%; */
	/* -webkit-transform : translateX(-50%); */
	/* transform : translateX(-50%); */
	width: 100%;
	max-width: 242px;
	margin: 50px auto 15px;
}
header .g-nav .sns_area .img {
	max-width: 155.54px;
	margin: 0 auto 15px;
}
header .g-nav .sns_area .flex_area {
	gap: 0 12%;
}
@media only screen and (max-width: 768px){
header .g-nav {
	overflow-y: scroll;
	max-width: inherit;
}
}



/*=======================================
　sns_area
=======================================*/
.sns_area .flex_area {
	justify-content: center;
	align-items: center;
}
.sns_area .flex_area li {
	max-width: 28px;
}
.sns_area .flex_area li.youtube {
	max-width: 34px;
}


/*=======================================
　footer
=======================================*/
footer {
	max-width: 400px;
	/* left: 35.9375%; */
	/* right: 29.16666666666667%; */
	margin-right: 29.16666666666667%;
	margin-left: auto;
	width: 100%;
	position: relative;
}
footer .ft_bg {
	background: var(--main_color);
	padding: 5.6px 0 11.5px;
}
footer .ft_bg .copyright {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 10px;
  line-height: 2;
  color: #fff;
	text-align:center;
}
footer .ft_bg .logo {
	/* max-width: 234px; */
	max-width: 237px;
	margin: 0 auto 10px;
}
footer .sns_area {
	background: #fff;
}
footer .sns_area .flex_area {
	padding: 20px 0;
	gap: 0 8%;
}
@media only screen and (max-width: 768px){
footer {
	max-width: inherit;
	margin-right: auto;
}
}



/*=======================================
　color
=======================================*/
:root {
	--main_color: #0158D0;
}



/*=======================================
　main
=======================================*/
main {
	max-width: 400px;
	top: 0;
	right: 29.16666666666667%;
	margin-left: auto;
	width: 100%;
	position: relative;
	overflow-y: scroll;
	background: #fff;
	scrollbar-width: none;/*スクロールバー非表示（Firefox）*/
	-ms-overflow-style: none;/*スクロールバー非表示（IE?Edge）*/
}
main::-webkit-scrollbar{
	display:none;
}
@media only screen and (max-width: 768px){
main {
	max-width: inherit;
	top: 0;
	right: auto;
}
}



/*=======================================
　bg_fixed
=======================================*/
.bg_fixed {
	background: var(--main_color);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;	
}
.bg_fixed .nav_area {
	width: 29.166%;
	margin-left: auto;
	position: absolute;
	height: 100vh;
	top: 0;
	right: 0;
}
.bg_fixed .nav_area .nav_area_inn	{
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	/* -webkit-transform : translate(-50%,-50%); */
	/* transform : translate(-50%,-50%); */
	width: 46.41%;
	margin: 13.23vw auto 0;
}
.bg_fixed .nav_area .nav_area_logo {
	/* max-width: 239.32px; */
	margin: 0 auto 77.8px;
}
.bg_fixed .nav_area ul {
	position: relative;
	padding-left: 1.5em;
}
.bg_fixed .nav_area ul::before {
	content: "";
	width: 4px;
	/* height: calc(100% - 2em); */
	height: 87%;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.bg_fixed .nav_area ul li a {
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	font-size: calc(20/1920*100vw);
	line-height: 2.75;
	text-align: left;
	color: #fff;
	white-space: nowrap;
}
.bg_fixed .nav_area .keihou_logo	{
	position: absolute;
	bottom: 26px;
	left: 50%;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
	max-width: 345px;
}
@media only screen and (min-width: 1920px){
.bg_fixed .nav_area .nav_area_inn	{
	margin-top: 254px;
}
.bg_fixed .nav_area ul li a {
	font-size: 20px;
}
}



/*カレント*/
.bg_fixed .nav_area ul li a.link-current {
	color: #FFA0A0;
}



/*ふわふわ動く画像*/
.bg_fixed .img_area {
	position: relative;
	width: 50%;
	/* width: 960px; */
	/* max-width: 960px; */
	height: 100vh;
	/* margin-left: auto; */
	overflow: hidden;
}
.bg_fixed .img_area .img {
	position: absolute;
	-webkit-filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	-moz-filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	-ms-filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	will-change: filter;

}
.bg_fixed .img_area .img:nth-child(1) {
	width: 15.72%;
	/* width: 151px; */
	left: 56px;
	left: 5.83%;
	top: 26px;
	top: 2.71%;
	z-index: 3;
}
.bg_fixed .img_area .img:nth-child(2) {
	width: 21.35%;
	/* width: 205px; */
	left: 144px;
	left: 15%;
	top: 77px;
	top: 8.02%;
	z-index: 2;
}
.bg_fixed .img_area .img:nth-child(3) {
	width: 30.72%;
	/* width: 295px; */
	left: 398px;
	left: 41.46%;
	top: 63px;
	top: 6.56%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(4) {
	width: 22.91%;
	/* width: 220px; */
	left: 713px;
	left: 74.27%;
	top: 37px;
	top: 3.85%;
}
.bg_fixed .img_area .img:nth-child(5) {
	width: 17.29%;
	/* width: 166px; */
	/* left: 26px; */
	left: 3.85%;
	/* top: 312px; */
	top: 32.5%;
	top: 27%;
	z-index: 2;
}
.bg_fixed .img_area .img:nth-child(6) {
	width: 20.41%;
	/* width: 196px; */
	/* left: 207px; */
	left: 21.56%;
	/* top: 274px; */
	/* top: 28.54%; */
	top: 25%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(7) {
	width: 24.47%;
	/* width: 235px; */
	/* left: 378px; */
	left: 39.38%;
	/* top: 171px; */
	top: 17.81%;
}
.bg_fixed .img_area .img:nth-child(8) {
	width: 22.29%;
	/* width: 214px; */
	/* left: 545px; */
	left: 56.77%;
	/* top: 303px; */
	/* top: 31.56%; */
	top: 29%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(9) {
	width: 19.375%;
	/* width: 186px; */
	/* left: 659px; */
	left: 68.65%;
	/* top: 191px; */
	/* top: 19.9%; */
	top: 18%;
}
.bg_fixed .img_area .img:nth-child(10) {
	width: 32.08%;
	/* width: 308px; */
	/* left: 113px; */
	left: 11.77%;
	/* top: 445px; */
	/* top: 46.35%; */
	top: 41%;
}
.bg_fixed .img_area .img:nth-child(11) {
	width: 19.16%;
	/* width: 184px; */
	/* left: 525px; */
	left: 54.69%;
	/* top: 481px; */
	/* top: 50.1%; */
	top: 46%;
	z-index: 2;
}
.bg_fixed .img_area .img:nth-child(12) {
	width: 20%;
	/* width: 192px; */
	/* left: 729px; */
	left: 75.94%;
	/* top: 364px; */
	/* top: 37.92%; */
	top: 34%;
}
.bg_fixed .img_area .img:nth-child(13) {
	width: 17.29%;
	/* width: 166px; */
	/* left: 436px; */
	left: 45.42%;
	/* top: 572px; */
	top: 59.58%;
	top: 55%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(14) {
	width: 23.4375%;
	/* width: 225px; */
	/* left: 662px; */
	left: 68.96%;
	/* top: 533px; */
	/* top: 55.52%; */
	top: 48%;
}
.bg_fixed .img_area .img:nth-child(15) {
	width: 24.89%;
	/* width: 239px; */
	/* left: 45px; */
	left: 4.69%;
	/* top: 707px; */
	/* top: 73.65%; */
	top: 64%;
}
.bg_fixed .img_area .img:nth-child(16) {
	width: 22.91%;
	/* width: 220px; */
	/* left: 123px; */
	left: 12.81%;
	/* top: 870px; */
	/* top: 90.63%; */
	top: 79%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(17) {
	width: 22.91%;
	/* width: 220px; */
	/* left: 301px; */
	left: 31.35%;
	/* top: 698px; */
	/* top: 72.71%; */
	top: 67%;
}
.bg_fixed .img_area .img:nth-child(18) {
	width: 20.52%;
	/* width: 197px; */
	/* left: 541px; */
	left: 56.35%;
	/* top: 758px; */
	/* top: 78.96%; */
	top: 68%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(19) {
	width: 24.89%;
	/* width: 239px; */
	/* left: 456px; */
	left: 47.5%;
	/* top: 900px; */
	/* top: 93.75%; */
	top: 82%;
	z-index: 1;
}
.bg_fixed .img_area .img:nth-child(20) {
	width: 26.77%;
	/* width: 257px; */
	/* left: 678px; */
	left: 70.63%;
	/* top: 833px; */
	/* top: 86.77%; */
	top: 74%;
}



/*ふわふわ動くアニメーション*/
@-webkit-keyframes bgFloating1-1 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,40px,0);
		transform: translate3d(0,40px,0)
	}
}
@keyframes bgFloating1-1 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,40px,0);
		transform: translate3d(0,40px,0)
	}
}

@-webkit-keyframes bgFloating1-2 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,35px,0);
		transform: translate3d(0,35px,0)
	}
}
@keyframes bgFloating1-2 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,35px,0);
		transform: translate3d(0,35px,0)
	}
}

@-webkit-keyframes bgFloating2-1 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,30px,0);
		transform: translate3d(0,30px,0)
	}
}
@keyframes bgFloating2-1 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,30px,0);
		transform: translate3d(0,30px,0)
	}
}

@-webkit-keyframes bgFloating2-2 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}
}
@keyframes bgFloating2-2 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}
}

@-webkit-keyframes bgFloating2-3 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}
}
@keyframes bgFloating2-3 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}
}

@-webkit-keyframes bgFloating3-1 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,6%,0);
		transform: translate3d(0,20px,0)
	}
}
@keyframes bgFloating3-1 {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
	to {
		-webkit-transform: translate3d(0,6%,0);
		transform: translate3d(0,20px,0)
	}
}


/*1-1*/
.bg_fixed .img_area .img:nth-child(1),
.bg_fixed .img_area .img:nth-child(11) {
	-webkit-animation-duration: 2s,2s;
	animation-duration: 1s,1s;
	-webkit-animation: bgFloating1-1 2s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
	animation: bgFloating1-1 2s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
}

/*1-2*/
.bg_fixed .img_area .img:nth-child(3),
.bg_fixed .img_area .img:nth-child(5),
.bg_fixed .img_area .img:nth-child(19) {
	-webkit-animation-duration: 2s,2s;
	animation-duration: 1s,1s;
	-webkit-animation: bgFloating1-2 2.2s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
	animation: bgFloating1-2 2.2s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
}


/*2-1*/
.bg_fixed .img_area .img:nth-child(2),
.bg_fixed .img_area .img:nth-child(8),
.bg_fixed .img_area .img:nth-child(10),
.bg_fixed .img_area .img:nth-child(12),
.bg_fixed .img_area .img:nth-child(15),
.bg_fixed .img_area .img:nth-child(18) {
	-webkit-animation-duration: 1.5s,1.5s;
	animation-duration: 1.5s,1.5s;
	-webkit-animation: bgFloating2-1 2.5s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
	animation: bgFloating2-1 2.5s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
}

/*2-2*/
.bg_fixed .img_area .img:nth-child(6),
.bg_fixed .img_area .img:nth-child(14),
.bg_fixed .img_area .img:nth-child(16) {
	-webkit-animation-duration: 1.5s,1.5s;
	animation-duration: 1.5s,1.5s;
	-webkit-animation: bgFloating2-2 2.7s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
	animation: bgFloating2-2 2.7s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
}

/*2-3*/
.bg_fixed .img_area .img:nth-child(9),
.bg_fixed .img_area .img:nth-child(13) {
	-webkit-animation-duration: 1.5s,1.5s;
	animation-duration: 1.5s,1.5s;
	-webkit-animation: bgFloating2-3 2.9s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
	animation: bgFloating2-3 2.9s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
}

/*3-1*/
.bg_fixed .img_area .img:nth-child(4),
.bg_fixed .img_area .img:nth-child(7),
.bg_fixed .img_area .img:nth-child(17),
.bg_fixed .img_area .img:nth-child(20) {
	-webkit-animation-duration: 1s,1s;
	animation-duration: 2s,2s;
	-webkit-animation: bgFloating3-1 3s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
	animation: bgFloating3-1 3s cubic-bezier(.445,.05,.55,.95) infinite alternate,bgAppear 1.5s cubic-bezier(.39,.575,.565,1) 1;
}



@media screen and (min-width:1750px) and (max-width:1920px) {
.bg_fixed .img_area .img:nth-child(4) {
	left: 70%
}
.bg_fixed .img_area .img:nth-child(12) {
	left: 74%
}
.bg_fixed .img_area .img:nth-child(20) {
	left: 66%
}
}



/*=======================================
　btn
=======================================*/
.btn01 {
	width: 100%;
	max-width: 132px;
	height: 30px;
	margin: 0 auto;
}
.btn01 a {
	width: 100%;
	height: 100%;
	border-radius: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #000;
	position: relative;
	transition: all 0.2s;
}
.btn01 a::before {
	content: "";
	position: absolute;
	background: url("/lp/ryugakulive/asset/images/common/arrow01.png") no-repeat;
	background-size: cover;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.5em;
	width: 14px;
	height: 8.5px;
}
.btn01 a:hover {
	background: #FEFA88;
	opacity: 1;
}