@charset "utf-8";
/*---------------------------------------------------------*/
/* TOP */
/*---------------------------------------------------------*/
/* top_mv  */
#top_mv{
	overflow: hidden;
	padding-bottom: 7rem;
	position: relative;
}
#top_mv .wrapper_l{
	position: relative;
}
#top_mv .title{
	font-size: 3.6rem;
	padding: 6.2rem 0 4rem;
}
#top_mv .title .marker.marker_lightblue::after{
	animation-delay: 0.5s;
}
#top_mv .title .big{
	font-size: 4.8rem;
}
#top_mv .text{
	margin-top: 4rem;
}
#top_mv .illust{
	aspect-ratio: 1.461818;
	position: absolute;
	top: 0;
	right: -7.272727%;
	width: 80.4rem;
	z-index: -1;
}
#top_mv .illust > div{
	transition-duration: 3s !important;
}
#top_mv .illust .pc{
	background: url(../img/fv_desktop.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 0;
	height: 77%;
	width: 92.66169%;
}
#top_mv .illust .pc .fadeinout{
	height: 82.88076%;
	width: 77.58389%;
	position: absolute;
	top: 4.01417%;
	left: 11.14094%;
}
#top_mv .illust .sp{
	background: url(../img/fv_mobile.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 10%;
	height: 84.72727%;
	width: 40.98259%;
}
#top_mv .illust .sp .fadeinout{
	height: 82.40343%;
	width: 61.30501%;
	position: absolute;
	top: 8.15451%;
	left: 19.42337%;
}
#top_mv .person{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70.27363%;
}

@media screen and (max-width: 1510px) {
	#top_mv .wrapper_l{
		position: static;
	}
	#top_mv .illust{
		right: 0;
	}
}
@media screen and (max-width: 1360px) {
	#top_mv .illust{
		width: 59.117647%;
	}
}
@media screen and (max-width: 1250px) {
	#top_mv .br_adjust{
		display: block;
	}
}

/*---------------------------------------------------------*/
/* top_about  */
#top_about .illust{
	width: 54.96454%;
}
#top_about .text{
	width: 40.42553%;
}

/*---------------------------------------------------------*/
/* top_function  */
#top_function{
	padding-bottom: 0;
}
#top_function .item{
	padding: 2.4rem 4rem;
	width: 47.51773%;
}
#top_function .item:nth-child(n+3){
	margin-top: 4.96454%;
}
#top_function .item_title{
	background: #F7F7F7;
	border-radius: 10rem;
	font-size: 2.4rem;
	padding: 1rem;
}
#top_function .illust{
	margin: 2rem 0;
}

/*---------------------------------------------------------*/
/* top_step  */
#top_step .item{
	width: 23.40426%;
}
#top_step .item_title{
	background: url(../img/step_title.svg) no-repeat center bottom;
	color: #42BBBD;
	font-size: 2rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1.8rem;
}
#top_step .item_title .num{
	font-size: 3.2rem;
	margin-left: 0.5rem;
}

/* wicked */
#top_step .wicked{
	margin-top: 8.8rem;
}
#top_step .wicked_title{
	font-size: 3.2rem;
	margin-bottom: 3.8rem;
}
#top_step .wicked .items{
	justify-content: center;
}
#top_step .wicked .item + .item{
	margin-left: 2.12765%;
}

/*---------------------------------------------------------*/
/* top_plan  */
#top_plan .box_shadow{
	padding: 1.6rem;
}
#top_plan .plan_table tr > *:first-child{
	width: 20.29520%;
}
#top_plan .plan_table tr > *:not(:first-child){
	width: 26.56827%;
}
/* thead */
#top_plan .plan_table thead th{
	color: #fff;
}
#top_plan .plan_table thead .free{
	background: #42BBBD;
}
#top_plan .plan_table thead .standard{
	background: #004EBB;
}
#top_plan .plan_table thead .corporateplan{
	background: #3E3E3E;
}
#top_plan .plan_table thead .en{
	font-size: 1.6rem;
}
#top_plan .plan_table thead .name{
	font-size: 2.4rem;
}
#top_plan .plan_table thead .name .small{
	font-size: 1.6rem;
}
#top_plan .plan_table thead .text{
	font-size: 1.6rem;
	font-weight: 500;
}
#top_plan .plan_table thead .price{
	font-size: 6.4rem;
	font-weight: 900;
	line-height: 1.1;
	margin-bottom: 0.5rem;
}
#top_plan .plan_table thead .price .unit{
	font-size: 2.4rem;
}
#top_plan .plan_table thead .release{
	border-bottom: 0.2rem #FFFF00 solid;
	color: #FFFF00;
	font-size: 2rem;
	line-height: 1.2;
	margin: 0 auto 0.7rem;
	width: fit-content;
}
#top_plan .plan_table thead .release .num{
	font-size: 3.2rem;
}

/* tbody */
#top_plan .plan_table tbody th{
	text-align: left;
}
#top_plan .plan_table tbody td{
	text-align: center;
}
#top_plan .plan_table tbody .btn_register_s a{
	font-size: 1.6rem;
}

/*---------------------------------------------------------*/
/* top_faq  */
#top_faq .illust{
	width: 28.98936%;
}
/* faq_items */
.faq_items{
	width: 65.95745%;
}
.faq_items .item{
	padding: 2.4rem;
}
.faq_items .item + .item{
	margin-top: 1.6rem;
}
.faq_items dt,
.faq_items dd{
	padding: 0.5rem 0 0.5rem 4.3rem;
	position: relative;
}
.faq_items dt{
	cursor: pointer;
	font-size: 1.8rem;
	padding-right: 5rem;
	position: relative;
}
.faq_items dd{
	font-size: 1.6rem;
	margin-top: 0.8rem;
}
.faq_items dt::before,
.faq_items dd::before{
	display: block;
	content: "Q";
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 3.2rem;
	position: absolute;
	top: calc(50% - 2.5rem);
	left: 0;
}
.faq_items dd::before{
	content: "A";
	font-size: 2.4rem;
	top: 0;
	left: 0.3rem;
}
.faq_items .mark{
	position: absolute;
	right: 0;
	top: 50%;
}
.faq_items .mark::before,
.faq_items .mark::after{
	display: block;
	content: "";
	background: #3E3E3E;
	width: 3.2rem;
	height: 0.2rem;
	position: absolute;
	right: 0;
	transition: all 0.3s;
}
.faq_items .mark::before{
	transform: rotate(90deg);
}
.faq_items .active .mark::before{
	transform: rotate(0deg);
}
/* btn_register */
#top_faq .btn_register{
	margin: 10rem auto -7rem;
}
#top_faq .btn_register a{
	margin: auto;
	text-align: center;
	width: 46.4rem;
}