@charset "utf-8";
/* 900px for SP */
@media screen and (max-width: 900px) {
	/*---------------------------------------------------------*/
	/* TOP */
	/*---------------------------------------------------------*/
	/* top_mv  */
	#top_mv{
		padding-bottom: 3rem;
	}
	#top_mv .wrapper_l{
		padding: 0;
	}
	#top_mv .wrapper_inner{
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	#top_mv .title{
		order: 2;
		font-size: 2.5rem;
		padding: 1.4rem 2.4rem 1.5rem;
	}
	#top_mv .br_adjust{
		display: none;
	}
	#top_mv .title .big{
		font-size: 4.8rem;
	}
	#top_mv .btn_register{
		order: 3;
		margin: 0 2.4rem;
		text-align: center;
	}
	#top_mv .text{
		order: 4;
		margin-top: 1.6rem;
		text-align: center;
	}
	#top_mv .illust{
		order: 1;
		margin-top: 1.2rem;
		position: relative;
		right: 0;
		width: 95.38462%;
	}

	/*---------------------------------------------------------*/
	/* top_about  */
	#top_about .basic_title .en{
		margin-left: -0.7rem;
	}
	#top_about .illust{
		width: 100%;
	}
	#top_about .text{
		margin-top: 1.6rem;
		width: 100%;
	}

	/*---------------------------------------------------------*/
	/* top_function  */
	#top_function .item{
		padding: 1.2rem 2rem 2rem;
		width: 100%;
	}
	#top_function .item,
	#top_function .item:nth-child(n+3){
		margin-top: 0.8rem;
	}
	#top_function .item_title{
		font-size: 1.6rem;
	}
	#top_function .illust{
		margin: 1rem 0;
	}

	/*---------------------------------------------------------*/
	/* top_step  */
	#top_step{
		padding-bottom: 3rem;
	}
	#top_step .item{
		width: 100%;
	}
	#top_step .item + .item{
		margin-top: 0.8rem;
	}
	#top_step .item_title{
		background-size: 15.2rem auto;
		font-size: 1.8rem;
		margin-bottom: 0.4rem;
		padding-bottom: 1.6rem;
	}
	#top_step .item_title .num{
		font-size: 3.0rem;
	}
	#top_step .item .text{
		font-size: 1.6rem;
		font-weight: bold;
	}
	#top_step .item .text br{
		display: none;
	}

	/* wicked */
	#top_step .wicked{
		margin-top: 4.8rem;
	}
	#top_step .wicked_title{
		font-size: 1.8rem;
		margin-bottom: 1.8rem;
	}
	#top_step .wicked .item + .item{
		margin-left: 0;
	}

	/*---------------------------------------------------------*/
	/* top_plan  */
	#top_plan .box_shadow{
		overflow: auto;
		padding: 0.8rem;
	}
	#top_plan .plan_table{
		width: 54.8rem;
	}
	#top_plan .plan_table tr > *:first-child{
		width: 11rem;
	}
	#top_plan .plan_table tr > *:not(:first-child){
		width: 14.4rem;
	}
	/* thead */
	#top_plan .plan_table thead .en{
		font-size: 1.1rem;
	}
	#top_plan .plan_table thead .name{
		font-size: 1.4rem;
	}
	#top_plan .plan_table thead .name .small{
		font-size: 1.0rem;
	}
	#top_plan .plan_table thead .text{
		font-size: 1.0rem;
	}
	#top_plan .plan_table thead .price{
		font-size: 3.6rem;
	}
	#top_plan .plan_table thead .price .unit{
		font-size: 1.4rem;
	}
	#top_plan .plan_table thead .release{
		font-size: 1.2rem;
		margin: 0 auto 0.4rem;
	}
	#top_plan .plan_table thead .release .num{
		font-size: 2rem;
	}

	/* tbody */
	#top_plan .plan_table tbody .btn_register_s a{
		font-size: 1.2rem;
		line-height: 1.3;
		padding: 1rem 1.6rem;
	}

	/*---------------------------------------------------------*/
	/* top_faq  */
	#top_faq .illust{
		width: 19.2rem;
		margin: 0 auto 1.6rem;
	}
	/* faq_items */
	.faq_items{
		width: 100%;
	}
	.faq_items .item{
		padding: 1.2rem;
	}
	.faq_items .item + .item{
		margin-top: 0.8rem;
	}
	.faq_items dt,
	.faq_items dd{
		padding: 0.3rem 0 0.3rem 2.5rem;
	}
	.faq_items dt{
		font-size: 1.3rem;
		padding-right: 2rem;
	}
	.faq_items dd{
		font-size: 1.2rem;
		margin-top: 0.5rem;
	}
	.faq_items dt::before,
	.faq_items dd::before{
		font-size: 2rem;
		top: calc(50% - 1.5rem);
	}
	.faq_items dd::before{
		font-size: 1.6rem;
		left: 0.2rem;
	}
	.faq_items .mark::before,
	.faq_items .mark::after{
		width: 1.6rem;
		height: 0.1rem;
	}
	/* btn_register */
	#top_faq .btn_register{
		margin: 5rem auto -3rem;
	}
	#top_faq .btn_register a{
		width: 100%;
	}
}