@charset "utf-8";
/*
	MediaQuery Type = Parts Unit
	0 < size
	@media only screen and (max-width: 600px)
	@media only screen and (min-width: 601px)
	@media only screen and (min-width: 601px) and (max-width: 992px)
	@media only screen and (max-width: 992px)
	@media only screen and (min-width: 993px)
	@media only screen and (min-width: 993px)
*/

/* mainvisual
========================================== */
.rilasumi_wrapper {
	display: none;
}
.rilasumi_wrappe_show {
	display: block;
}
.rilasumi_mainvisual_img {
	display: block;
	width: 100%;
	padding-top: calc(773 / 1282 * 100%);
	background: url(../images/top/mainv_logo.png), url(../images/top/mainv_background_pc.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: 77% 5%, center;
	background-size: calc(235 / 728 * 105%),cover;
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.rilasumi_mainvisual_img::before,.rilasumi_mainvisual_img::after {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.rilasumi_mainvisual_img::before {
	width: 64.96%;
	height: 0;
	padding-top: calc(294 / 729 * 64.96%);
	background-image: url(../images/top/mainv_fairy.png);
	top: -49%;
	left: 2%;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: huwahuwa 1.5s infinite alternate;
}
@keyframes huwahuwa {
	0% { transform: translateY(-5px); }
	100% { transform: translateY(5px); }
}
.rilasumi_mainvisual_img::after {
	width: 70%;
	height: 0;
	padding-top: calc(381 / 785 * 70%);
	background-image: url(../images/top/mainv_character.png);
	top: 16%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: bound 0.6s ease-out 1.3s 1;
}
@keyframes bound {
  0% {transform: translateY(-15px);}
  60% {transform: translateY(10px);}
  100% {transform: translateY(0px);}
}

/* overview
========================================== */
.overview_area{
	margin: 0 auto;
	padding: 30px 0;
	background-image: url(../images/top/overview_bg_img.png);
}
.overview_inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.overview_title_img {
	width: 100%;
	height: 0;
	padding-top: calc( 254 / 1000 * 100%);
	background-image: url(../images/top/overview_title_pc_img.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}
.overview_text {
	max-width: 900px;
	margin: -30px auto auto;
}
.overview_text_box {
	font-size: 20px;
	text-align: center;
	font-family: 'FOT-スーラ Pro DB';
}
.overview_text_box_decision {
	margin-bottom: 20px;
}
.overview_text_img {
	width: 100%;
	height: 0;
	padding-top: calc( 102 / 893 * 100%);
	background-image: url(../images/top/overview_text_pc_img.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}


/* 共通
========================================== */
.rilasumi_area{
	margin: 0;
	position: relative;
	padding: 80px 20px;
}
.rilasumi_area::before {
	content: "";
	width: 100%;
	height: 29px;
	background-image: url(../images/common/rilasumi_topbg_img.png);
	background-repeat: repeat-x;
	background-position: bottom, center;
	position: absolute;
	top: 0;
	left: 0;
}
.rilasumi_inner{
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}


/* トップトピックス一覧
========================================== */
.topics_area {
	background-color: #fffbda;
}
.topics_inner {
	max-width: 960px;
}
.topics_btn .rilasumi_btn_box::after {
	width: 29px;
	height: 23px;
	background-image: url(../images/top/topics_btn_icon_img.png);
	right: -10px;
}
.topics_btn.rilasumi_btn:hover {
	cursor: pointer;
}


/* twitter
========================================== */
.twitter_area{
	background-color: #eaf6fd;
}
.twitter_title_img {
	background-image: url(../images/top/twitter_title.png);
}
.twitter_box {
	width: 100%;
	max-width: 780px;
	height: 650px;
	padding: 50px 30px 0;
	background-color: #fff;
	overflow: hidden;
	margin-left: auto;
	text-align: center;
	box-shadow: 4px 4px 0px 1px #d4d9da;
	border-radius: 10px;
}
.twitter_box_timeline_inner{
	height: 100%;
}
.twitter_box_timeline_inner > iframe {
	height: 600px !important;
}

.twitter_text {
	margin-top: 15px;
	font-size: 12px;
	text-align: center;
}


/* about
========================================== */
.about_area{
	background-image: url(../images/top/about_bg_img.png);
}
.about_title_img {
	background-image: url(../images/top/about_title.png);
}
.about_list{
	max-width: 650px;
	margin: 0 auto;
}
.about_item{
	display: flex;
	position: relative;
}
.about_item::before {
	content: "";
	width: 100%;
	height: 2px;
	background-image: url(../images/common/rilasumi_border_img.png);
	background-repeat: repeat-x;
	background-position: bottom, center;
	position: absolute;
	bottom: 0;
}
.about_item dt{
	width: 44.445%;
	text-align: center;
	padding: 15px 0;
	font-size: 20px;
	font-family: 'FOT-スーラ Pro DB';
	line-height: 1.5;
}
.about_item dd{
	width: 100%;
	padding: 15px 0;
	font-size: 18px;
	line-height: 1.5;
}
.about_item .font-small{
	font-size: 16px;
}


/* access
========================================== */
.access_area{
	background-color: #fffbda;
}
.access_title_img {
	background-image: url(../images/top/access_title.png);
}
.access_map_box_img {
	width: 100%;
	padding-top: calc( 451 / 786 * 100%);
	background-image: url(../images/top/access_map_img.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	box-shadow: 4px 4px 0px 1px #e5ddbe;
	border-radius: 10px;
}
.access_map_text {
	margin: 30px auto;
	font-size: 18px;
	text-align: center;
}
.access_guide {
	display: flex;
	max-width: 650px;
	padding: 15px 0;
	margin: 0 auto;
	position: relative;
}
.access_guide::before,.access_guide::after{
	content: "";
	width: 100%;
	height: 2px;
	background-image: url(../images/common/rilasumi_border_img.png);
	background-repeat: repeat-x;
	background-position: bottom, center;
	position: absolute;
}
.access_guide::before{
	top: 0;
}
.access_guide::after{
	bottom: 0;
}
.access_guide_title{
	width: 44.445%;
	font-size: 20px;
	font-family: 'FOT-スーラ Pro DB';
	text-align: center;
}
.access_guide_text {
	width: 100%;
	font-size: 18px;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
}
.access_guide_text .color-green{
	color: #75c7c4;
}
.access_guide_text_method_link {
	color: #e85f9d;
	text-decoration: underline;
}
.access_guide_text_method {
	font-size: 16px;
}
.access_guide_text_note {
	font-size: 16px;
	margin-top: 20px;
}
.map_btn .rilasumi_btn_box::after {
	width: 15px;
	height: 21px;
	background-image: url(../images/top/access_btn_icon_img.png);
}


/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
	/* overview
	========================================== */
	.overview_text_box {
		padding: 0 50px;
}
}


/* ----------------------------------------------------------------------
 SP（〜600px）
---------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
	/* mainvisual
	========================================== */
	.rilasumi_mainvisual_img {
		padding-top: calc(981 / 752 * 100%);
		background: url(../images/top/mainv_logo.png), url(../images/top/mainv_background_sp.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position:center 5%, center;
		background-size: calc(235 / 728 * 303%),cover;
	}
	.rilasumi_mainvisual_img::after {
		width: 105%;
		height: 0;
		padding-top: calc(381 / 785 * 107%);
		background-image: url(../images/top/mainv_character.png);
		top: 28%;
		left: -2%;
	}
	.rilasumi_mainvisual_img::before {
		width: 95%;
		padding-top: calc(294 / 729 * 95%);
		top: -12%;
		left: 0;
	}

	/* overview
	========================================== */
	.overview_area {
		padding: 15px 0;
	}
	.overview_title_img {
		padding-top: calc( 273 / 753 * 100%);
		background-image: url(../images/top/overview_title_sp_img.png);
	}
	.overview_text {
		margin: 20px auto;
}
	.overview_text_img {
		padding-top: calc( 154 / 752 * 100%);
		background-image: url(../images/top/overview_text_sp_img.png);
	}
	.overview_text_box {
		font-size: 14px;
		padding: 0 20px;
	}


	/* 共通
	========================================== */
	.rilasumi_area {
		padding: 40px 20px;
	}


	/* twitter
	========================================== */
	.twitter_box {
		height: 325px;
	}
	.twitter_box_timeline_inner > iframe {
		height: 275px !important;
	}


	/* about
	========================================== */
	.about_item dt {
		width: 42.56%;
		font-size: 14px;
	}
	.about_item dd {
		font-size: 14px;
	}
	.about_item .font-small {
		font-size: 12px;
	}


	/* access
	========================================== */
	.access_map_text {
		margin: 15px auto;
		font-size: 10px;
	}
	.access_guide_title {
		width: 42.1%;
		font-size: 14px;
	}
	.access_guide_text {
		font-size: 12px;
	}
	.access_guide_text_method {
		font-size: 10px;
	}
	.access_guide_text_note {
		font-size: 10px;
		margin-top: 20px;
	}

}