@charset "utf-8";

/* CSS Document */

/*-------------------------
- mv
- sec_talkroom
- sec_topics
- sec_destination
- sec_system
- sec_faq
- sec_support
-------------------------*/


/*=======================================
¡¡mv
=======================================*/
.mv {
	/* margin-top: 52px; */
	background: url("/lp/ryugakulive/asset/images/top/mv_bg.jpg") no-repeat;
	background-size: 100% auto;
}
.mv_inn {
	padding-top: calc(110px + 52px);
}
.mv .mainimg_area {
	position: relative;
}
.mv .lead_txt {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #0058d1;
	margin: 30px 0 0;
}
.mv .mv_logo {
	position: absolute;
	top: 52.5%;

	left: 50%;

	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 69.5%;
}
.mv .mainimg_area {
	position: relative;
	height: 678.36px;
	/* height: 55.5vw; */
}
.mv .mainimg_area_bg {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform : translateY(-50%);
	/*animation: marquee 150s linear infinite;*/
	z-index: 0;
	/* height: calc(646.38px + 110px); */
	/* height: 100vh; */
	height: 100%;
	display: flex;
	z-index: 0;
	/* padding-top: 110px; */
}
.mv .mainimg_area img.mainimg {
	height: 100%;
	max-width: inherit;
}
/*@keyframes marquee {
  0%   { translate: 0; }
  100% { translate: -100%; }
}*/
@media only screen and (max-width: 768px){
.mv_inn {
	padding-top: 60px;
	/* padding-top: 21vw; */
	/* height: calc(100vh - 52px); */
	/* height: 100vh; */
	height: calc(678.36px + 60px);
}
.mv .mainimg_area {
	/* height: 161.6vw; */
	/* max-height: 646.38px; */
	height: 100%;
}
.mv .lead_txt {
	margin-top: 30px;
}
}
@media only screen and (max-width: 375px){
.mv .mainimg_area {
	/* height: 150vw; */
}
}

/*iPadAir*/
@media screen and (min-width:820px) and (max-width:1180px) {
.mv_inn {
	height: inherit!important;
}
}


/* ÓÒ¤«¤é×ó¤Ø ----------------------------*/
/*@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}*/

/* IE11Œ�²ß ----------------------------*/

/*_:-ms-lang(x)::-ms-backdrop, .d-demo {
	display: -ms-grid;
	overflow: hidden;
}*/

/*----------------------------*/

/*.d-demo__list {
	display: flex;
	list-style: none;
}
.d-demo__list--left {
	animation: infinity-scroll-left 150s infinite linear 0.5s both;
}*/



.mv .mainimg_area .swiper {
	max-width: 1330.93px;
	/* max-width: 1268px; */
}
.mv .mainimg_area .swiper-wrapper {
	transition-timing-function: linear;
}
.mv .mainimg_area .swiper-wrapper .swiper-slide img {
	/* height: 100%; */
	height: auto;
	/* width: auto; */
	width: 100%;
	max-width: inherit;
}
@media only screen and (max-width: 768px){
.swiper-slide {
	/*width: calc(100%/4)!important;*/
}
}





/*=======================================
¡¡sec_talkroom
=======================================*/
.sec_talkroom {
	background: url("/lp/ryugakulive/asset/images/top/talkroom_bg.jpg") no-repeat;
	background-size: cover;
	padding: 110px 0 30px;
	overflow: hidden;
}
.sec_talkroom h3 {
	max-width: 209.32px;
}
.sec_talkroom .swiper {
	overflow: visible;
	width: 81.25%;
	max-width: 250px;
	margin-bottom: 26px;
}
.sec_talkroom .swiper-slide {
	width: 100%;
	height: 100%;
}
.sec_talkroom .swiper-slide {
	padding: 31.2px 0 26px;
}
.sec_talkroom .swiper-slide .img {
	-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;
}
.sec_talkroom .swiper-slide .date,
.sec_talkroom .swiper-slide .ttl {
	font-size: 14px;
	line-height: 22px;
}
@media only screen and (max-width: 768px){
.sec_talkroom .swiper-slide {
    padding-bottom: 35px;
}
}



/*¥¹¥¯¥í©`¥ë¥Ð©`*/
.sec_talkroom .swiper-scrollbar {
	background: #000;
	height: 1px!important;
}
.sec_talkroom .swiper-scrollbar-drag {
	height: 7px;
	background: #000;
	top: -3.5px;
	/* -webkit-transform : translateY(-50%); */
	/* transform : translateY(-50%); */
	border-radius: 0;
}
@media only screen and (max-width: 768px){
.sec_talkroom .swiper-scrollbar-drag {
	height: 10px;
	background: #000;
	top: -4.5px;
}
}



/*ºá¥¹¥¯¥í©`¥ë*/
/*.sec_talkroom .pin-spacer {
    margin: 0!important;
    width: auto!important;
    height: inherit!important;
    padding: 0!important;
}*/



/*=======================================
¡¡sec_topics
=======================================*/
.sec_topics {
	background: #FFA0A0;
	padding: 50px 0 29.3px;
	/* margin-bottom: 50px; */
}
.sec_topics h3 {
	max-width: 247.96px;
	margin-bottom: 44px;
}
.sec_topics ul li a {
	justify-content: space-between;
	align-items: flex-start;
}
.sec_topics ul li:not(:last-child) {
	margin-bottom: 40px;
}
.sec_topics ul li .img {
	width: 45.74%;
}
.sec_topics ul li .txt_area {
	width: 50%;
}
.sec_topics ul li .txt_area .date,
.sec_topics ul li .txt_area .ttl {
	color: #fff;
}
.sec_topics ul li .txt_area .date {
	font-weight: 500;
	font-size: 14px;
}
.sec_topics ul li .txt_area .ttl {
	font-size: 16px;
	line-height: 28px;
}



/*=======================================
¡¡sec_destination
=======================================*/
.sec_destination {
	padding-top: 50px;
}
.sec_destination h3 {
	max-width: 273px;
	margin: 0 auto 17.7px;
}
.sec_destination .img {
	max-width: 325px;
	margin: 0 auto -35px;
	z-index: 2;
	position: relative;
}



/*map¥¹¥¯¥í©`¥ë*/
.view {
	margin-bottom: 20px;
}
.view_sec_wrap {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.view_sec {
	overflow: hidden;
	cursor: grab;
	/*	height: 480px;*/
}
.view_swipe {
	position: absolute;
	width: 50px;
	top: 50%;
	left: 50%;
	z-index: 99;
	/*margin: -38px 0 0 -25px;*/
	display: none;
}
.view_sec img {
	position: relative;
	top: 0;
	left: 0;
	/*max-width: none;*/
	display: block;
	max-width: 804.94px;
}
.view_sec_wrap .swiper-wrapper {
	scroll-snap-type: none;
}
.view_sec_wrap .swiper-slide {
	scroll-snap-align: none;
}


/*btn*/
.sec_destination .view_sec {
	position: relative;
}
.sec_destination .view .btn {
	position: absolute;
	max-width: 134.16px;
	/* width: 11.17%; */
}
.sec_destination .view .btn.Europe {
	top: 19.55%;
	left: 7.76%;
}
.sec_destination .view .btn.Asia {
	top: 25.05%;
	left: 27.64%;
}
.sec_destination .view .btn.America {
	top: 23.3%;
	right: 16.65%;
}
.sec_destination .view .btn.Oceania {
	bottom: 23.15%;
	left: 35.97%;
}
@media only screen and (min-width: 769px){
.sec_destination .view .btn.Europe {
	top: 78.2px;
	left: 62.5px;
}
.sec_destination .view .btn.Asia {
	top: 100.2px;
	left: 222.5px;
}
.sec_destination .view .btn.America {
	top: 93.2px;
	right: 127.5px;
}
.sec_destination .view .btn.Oceania {
	bottom: 92.6px;
	left: 289.5px;
}
}



/*=======================================
¡¡sec_system
=======================================*/
.sec_system {
    position: relative;
    background: url("/lp/ryugakulive/asset/images/top/system_bg.jpg") no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 50px 0;
    /* margin-bottom: 20px; */
}
.sec_system h3 {
	max-width: 298.65px;
	margin: 0 auto 14.8px;
}
.sec_system .lead_txt {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px;
}
.sec_system h4:nth-last-of-type(2) {
	max-width: 159.6px;
	margin-bottom: 40px;
}
.sec_system h4:nth-last-of-type(1)  {
	max-width: 224.47px;
	margin-bottom: 40px;
}



.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .box,
.sec_system .accordion-area:nth-of-type(1)	> li:nth-child(2) .box {
	border-top: 1px solid #0058d1;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .box,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .box {
	border-top: 1px solid #FF4646;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .title span,
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .title span {
	color: #0058d1;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .title span,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .title span {
	color: #ff4646;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .box .list,
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .box .list {
	background: linear-gradient(180deg, #fff 0, #fff 13px, #dbeaff 13px, #dbeaff 100%);
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .box .list,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .box .list {
	background: linear-gradient(180deg, #fff 0, #fff 13px, #ffe6e6 13px, #ffe6e6 100%);
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .box .list .list_ttl,
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .box .list .list_ttl {
	color: #0058d1;
	border: 1px solid #0058d1;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .box .list .list_ttl,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .box .list .list_ttl {
	color: #ff4646;
	border: 1px solid #ff4646;
}



/*¥¢¥³©`¥Ç¥£¥ª¥ó¥á¥Ë¥å©`*/
.sec_system .accordion-area {
	list-style: none;
	margin: 0 auto 50px;
}
.sec_system .accordion-area section {
	border-radius: 26px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	width: 90%;
	margin: 0 auto;
}
.sec_system .accordion-area > li:not(:last-child) {
	margin-bottom: 41.5px;
}
.sec_system .accordion-area > li .comment {
	margin-bottom: 7.8px;
	position: relative;
}
.sec_system .accordion-area .title {
	position: relative;
	cursor: pointer;
	font-weight: normal;
	transition: border-bottom-left-radius .2s,border-bottom-right-radius .2s;
	background: #fff;
	border-radius: 26px;
	padding: 13px 0 29px;
}
.sec_system .accordion-area .title.close {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.sec_system .accordion-area .title::after {
	content: "";
	position: absolute;
	background: url("/lp/ryugakulive/asset/images/common/arrow02.png") no-repeat;
	background-size: cover;
	left: 50%;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
	bottom: 9px;
	width: 11.88px;
	height: 8.01px;
	transition: background .2s ease;
}
.sec_system .accordion-area .title.close::after {
	background: url("/lp/ryugakulive/asset/images/common/arrow02_close.png") no-repeat;
	background-size: cover;
}
.sec_system .accordion-area .title p {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}
.sec_system .accordion-area .title span {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.81;
	letter-spacing: normal;
}
.sec_system .accordion-area .title .img {
	position: absolute;
	bottom: -5.2px;
	transition: 0.2s bottom;
	/*transition-delay: 0.2s;*/
}
.sec_system .accordion-area .title.close .img {
	/*transition-delay: 0;*/
}
.sec_system .accordion-area .box {
	display: none;
	background: #fff;
	border-bottom-left-radius: 26px;
	border-bottom-right-radius: 26px;
}
.sec_system .accordion-area .box .txt {
	padding: 15px 5% 25px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.88;
	letter-spacing: normal;
}
.sec_system .accordion-area .box .list {
	padding: 0 5% 18.7px;
	border-bottom-left-radius: 26px;
	border-bottom-right-radius: 26px;
}
.sec_system .accordion-area .box .list .list_ttl {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.81;
	text-align: center;
	background: #fff;
	border-radius: 50px;
	width: fit-content;
	margin: 0 auto;
	padding: 0 1.3em;
	margin-bottom: 20px;
}
.sec_system .accordion-area .box .list ul {
	flex-flow: wrap;
	/* gap: 0 8.7px; */
	justify-content: space-between;
	align-items: center;
}
.sec_system .accordion-area .box .list ul li {
	width: calc(50% - 8.7px);
	align-items: center;
	margin-bottom: 10px;
}
.sec_system .accordion-area .box .list ul li .flag {
	max-width: 50px;
}
.sec_system .accordion-area .box .list ul li p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.71;
	/* letter-spacing: -2px; */
	margin-left: 0.5em;
	position: relative;
	top: -3px;
}
.sec_system .accordion-area .box .list ul li p.txt_palt {
	/* white-space:nowrap; */
	letter-spacing: -2px;
}
@media only screen and (max-width: 440px){
.sec_system .accordion-area .box .list ul li p.txt_palt {
	letter-spacing: -3.3px;
}
}



.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .comment,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .comment {
	margin-left: auto;
	margin-right: auto;
}



/*¥¢¥³©`¥Ç¥£¥ª¥ó1,3*/
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .title .img,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .title .img {
	left: 0;
}


/*¥¢¥³©`¥Ç¥£¥ª¥ó2,4*/
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .title .img,
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .title .img {
	right: 0;
}


/*¥¢¥³©`¥Ç¥£¥ª¥ó1*/
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .title .img {
	max-width: 118px;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .comment {
	max-width: 251px;
	left: 0.5em;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .title {
	padding-left: 36.5%;
}
@media only screen and (max-width: 768px){
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .title .img {
	width: 32.78vw;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(1) .comment {
	/* width: 69.72vw; */
	width: 63.0vw;
	max-width: inherit;
}
}



/*¥¢¥³©`¥Ç¥£¥ª¥ó2*/
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .title .img {
	max-width: 149px;
	right: -3px;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .title.close .img {
	bottom: -1px;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .comment {
	max-width: 251px;
	left: 2.5em;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .title {
	padding-left: 5%;
}
@media only screen and (max-width: 768px){
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .title .img {
	width: 41.39vw;
}
.sec_system .accordion-area:nth-of-type(1) > li:nth-child(2) .comment {
	/* width: 69.72vw; */
	width: 63.0vw;
	max-width: inherit;
}
}



/*¥¢¥³©`¥Ç¥£¥ª¥ó3*/
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .comment {
	max-width: 251px;
	left: 1.8em;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .title .img {
	max-width: 120px;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .title {
	padding-left: 32.5%;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .list ul {
	margin-bottom: 9.4px;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .list .img {
	margin-bottom: 8px;
	/* min-width: 325px; */
	/* width: 107%; */
	/* position: relative; */
	/* left: -3.5%; */
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .list .img img {
	image-rendering: -webkit-optimize-contrast;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .list .img .caption {
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	width: fit-content;

	margin-left: auto;
}
@media only screen and (max-width: 768px){
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .title .img {

	max-width: inherit;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .comment {
	/* width: 69.72vw; */
	width: 63.0vw;
	max-width: inherit;
}
}



/*¥¢¥³©`¥Ç¥£¥ª¥ó4*/
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .comment {
	max-width: 273px;
	left: 1em;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .title .img {
	max-width: 104.5px;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .title {
	padding-left: 5%;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .list ul {
	margin-bottom: 9.4px;
}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .list .img {
	margin-bottom: 8px;
}
@media only screen and (max-width: 768px){
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .title .img {width: 29.03vw;}
.sec_system .accordion-area:nth-of-type(2) > li:nth-child(2) .comment {
	/* width: 75.83vw; */
	width: 68.0vw;
	max-width: inherit;
}
}



.sec_system .bnr {
	width: 90%;
	margin: 0 auto;
}






.sec_system .accordion-area:nth-of-type(2) > li:nth-child(1) .title .img {
	max-width: 120px;
	width: 33.33vw;
}
.sec_system .accordion-area > li .title .img img.open {
	display: none;
}
.sec_system .accordion-area .title.close .img {
    bottom: 0;
}
.sec_system .accordion-area > li .title.close .img img.open {
	display: block;
}
.sec_system .accordion-area > li .title.close .img img.close {
	display: none;
}









/*=======================================
¡¡sec_faq
=======================================*/
.sec_faq {
	margin-bottom: 30px;
	padding-top: 20px;
}
.sec_faq h3 {
	margin-bottom: 20px;
}
.sec_faq .accordion-area li {
	border-bottom: 1px solid #000;
	padding: 15.5px 0 14.5px;
}
.sec_faq .accordion-area li:first-child {
	border-top: 1px solid #000;
}
.sec_faq .title {
	margin-bottom: 0;
	position: relative;
	transition: margin-bottom 0.2s;
	pointer-events: visible;
	cursor: pointer;
}
.sec_faq .title.close {
	margin-bottom: 14px;
}
.sec_faq .box {
	display: none;
}
.sec_faq .title p,
.sec_faq .box p {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
	padding: 0 14.02% 0 12.08%;
	position: relative;
}
.sec_faq .box p {
 	color: #868686;
}
.sec_faq .box p a {
 	color: #868686;
	text-decoration: underline;
}
.sec_faq .title p::before,
.sec_faq .box p::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0.6em;
}
.sec_faq .title p::before {
	background: url("/lp/ryugakulive/asset/images/top/icon_Q.png") no-repeat;
	background-size: cover;
	width: 17.5px;
	height: 19px;
}
.sec_faq .box p::before {
	background: url("/lp/ryugakulive/asset/images/top/icon_A.png") no-repeat;
	background-size: cover;
	width: 15.5px;
	height: 17px;
}


/*¥¢¥¤¥³¥ó¤Î£«¤È¡Á*/
.sec_faq .title span {
	position: absolute;
	right: 0.2em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #FFFA88;
	width: 26px;
	height: 26px;
	border-radius: 50px;
}
.sec_faq .title span::before,
.sec_faq .title span::after {
	position: absolute;
	content: '';
	width: 11px;
	height: 1.1px;
	background-color: #000;
	top: 45%;
	left: 30%;
	transition: transform 0.2s;
}
.sec_faq .title span::before {
	transform: rotate(0deg);
}
.sec_faq .title span::after {
	transform: rotate(90deg);
}
/*¡¡close¤È¤¤¤¦¥¯¥é¥¹¤¬¤Ä¤¤¤¿¤éÐÎ×´‰ä»¯¡¡*/
.sec_faq .title.close span::before {
	transform: rotate(45deg);
}
.sec_faq .title.close span::after {
	transform: rotate(-45deg);
}



/*=======================================
¡¡sec_support
=======================================*/
.sec_support {
	background: url("/lp/ryugakulive/asset/images/top/support_bg.jpg") no-repeat;
	background-size: cover;
	padding: 117px 0 40px;
}
.sec_support .lead_txt {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
	margin-bottom: 24.9px;

}
.sec_support .img {
	margin-bottom: 30px;
}
.sec_support .txt {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
	margin-bottom: 50px;
}
.sec_support .img_join {
	max-width: 223.45px;
	margin: 0 auto;
}