/********************************************************************************
 page-sp.css
********************************************************************************/

@media screen and (max-width: 767px) {
	.mv__inner {
		padding: 68px 32px 0;
	}
	
	.mv__leading {
		width: 265px;
		margin-bottom: 200px;
	}
	.mv__content {
		width: 264px;
		text-align: center;
	}
	.mv__logo {
		width: 100%;
	}
	.mv__logo img {
		width: 180px;
	}
	.mv__serviceDesc {
		font-size: 1rem;
	}
	.mv__text {
		font-size: 1rem;
	}
	
	.message__title {
		font-size: 2.2rem;
		line-height: 1.4;
	}
	.message__title span {
		font-size: 2.6rem;
	}
	.message__text {
		font-size: 1.4rem;
	}
	.mv__serviceDesc {
		margin-bottom: 16px;
	}
	
	.influencer {
		margin-bottom: 148px;
		height: auto;
	}
	.influencer__title {
		font-size: 4rem;
		width: 196px;
		margin-bottom: 40px;
	}
	.influencer__title span {
		font-size: 1.4rem;
	}
	.influencer__title:before {
		width: 600px;
		height: 560px;
		top: -180px;
	}
	.js_slider_influencer {
		margin: 0;
		width: 140vw;
		max-width: initial;
		margin-left: calc(50% - 70vw);
	}
	.influencer .slick-slide {
		transform: scale(.9);
	}
	.influencer .next-arrow {
		display: none!important;
	}
	.influencer .slick_counter {
		top: auto;
		bottom: -14px;
		right: auto;
		left: 50%;
		transform: translatex(-50%);
	}
	.influencerSlide__title {
		font-size: 1.4rem;
	}
	.influencerSlide__text {
		display: none!important;
	}
	.influencerSlide__person {
		padding-left: 0;
		font-size: 1.2rem;
	}
	.influencerSlide__person:before {
		display: none;
	}
	
	.feature {
		margin-bottom: 120px;
	}
	.featureItem {
		padding-top: 94px;
	}
	.featureItem span .purple {
		font-size: 4.8rem;
	}
	
	.cta {
		margin-bottom: 140px;
	}
	.cta:before {
		height: 750px;
	}
	.cta__body {
		flex-direction: column;
		max-width: 400px;
		margin: 0 auto;
	}
	.cta__img {
		order: 1;
		width: 100%;
		margin-bottom: 16px;
	}
	.cta__content {
		order: 2;
		width: 100%;
	}
	.cta__content h2 {
		font-size: 2rem;
	}
	.cta__content p {
		font-size: 1.4rem;
		margin-bottom: 24px;
	}
	
	.workflow__title {
		font-size: 4rem;
		width: 200px;
	}
	.workflow__title span {
		font-size: 1.4rem;
	}
	.js_slider_workflow {
		max-width: 360px;
		margin: 0 auto;
	}
	.workflow__slider:before {
		right: auto;
		left: -80px;
	}
	.workflowSlide {
		display: block!important;
		position: relative;
	}
	.workflowSlide__img {
		width: 100%;
		margin-top: 0;
		position: absolute;
		right: 0;
		top: 40px;
	}
	.workflowSlide__img img {
		width: 260px;
		margin: 0 0 0 auto;
	}
	.workflowSlide__content {
		width: 100%;
		margin: 80px 0 0 0;
		padding-bottom: 10px;
	}
	.workflowSlide__no {
		margin-bottom: 24px;
	}
	.workflowSlide__title {
		font-size: 2.2rem;
	}
	.workflowSlide__text {
		font-size: 1.4rem;
		min-height: 134px;
	}
	.workflow .slide-arrow {
		bottom: 160px;
	}
	.workflow .prev-arrow {
		right: auto;
		left: 0;
	}
	.workflow .next-arrow {
		right: 160px;
	}
	.workflow .slickDots {
		right: 200px;
		bottom: 114px;
	}
	
	.action__title {
		font-size: 2rem;
		margin-bottom: 32px;
	}
	.actionList {
		margin-bottom: 42px;
	}
	
	.qa {
		margin-bottom: 48px;
	}
	.qa__title {
		font-size: 2.4rem;
		margin-bottom: 40px;
	}
	.qa__q {
		font-size: 1.6rem;
		padding-right: 40px;
	}
	.qa__a {
		font-size: 1.4rem;
	}
	.qa__q .iconWrap {
		width: 30px;
		height: 30px;
	}
	.qa__a p {
		margin-right: 48px;
	}
}

@media screen and (max-width: 650px) {
	.mv__logo {
		position: relative;
		z-index: 1;
	}
	.mv__logo:before {
		position: absolute;
		content: "";
		background: url(../images/mv/logo_bg_object.png) no-repeat center center / contain;
		width: 354px;
		height: 338px;
		top: -46px;
		left: -65px;
		z-index: -1;
	}
	.mv__serviceDesc {
		position: relative;
		z-index: 2;
	}
	.mv__text {
		position: relative;
		z-index: 2;
	}
}


@media screen and (max-width: 480px) {
	.mv {
		margin-bottom: 180px;
	}
	.mv:before {
		background: url(../images/mv/bg_img_sp.png) no-repeat top center / cover;
		width: 100%;
		height: 750px;
		top: 0;
		left: 0;
		right: auto;
	}
	.mv__inner {
		padding: 28px 24px 0;
		z-index: 1;
		max-width: 100%;
	}
	.mv__inner:before {
		display: none;
	}
	.mv__inner:after {
		background: url(../images/mv/bg_circle2_sp.png) no-repeat center center / contain;
		width: 320px;	
		height: 90px;
		left: calc(50% - 120px);
		bottom: 112px;
		z-index: 2;
	}
	.mv__leading {
		margin-bottom: 308px;
	}
	.mv__logo {
		position: relative;
		z-index: 1;
	}
	.mv__logo:before {
		position: absolute;
		content: "";
		background: url(../images/mv/logo_bg_object.png) no-repeat center center / contain;
		width: 354px;
		height: 338px;
		top: -46px;
		left: -65px;
		z-index: -1;
	}
	.mv__btn {
		position: relative;
		z-index: 2;
	}
	.mv__serviceDesc {
		position: relative;
		z-index: 2;
	}
	.mv__text {
		position: relative;
		z-index: 2;
	}
	
	.message__title {
		margin-bottom: 20px;
	}
	.message:before {
		background: url(../images/message/bg_deco1_sp.png) no-repeat center center / contain;
		width: 402px;
		height: 358px;
		top: -60px;
		right: auto;
		left: -40px;
	}
	.message:after {
		background: url(../images/message/bg_deco2_sp.png) no-repeat center center / contain;
		width: 591px;
		height: 330px;
		top: auto;
		bottom: -170px;
		left: 50%;
		transform: translate(-50%, 0)!important;
	}


	
	.point {
		margin-bottom: 200px;
	}
	.point:before {
		background: url(../images/point/bg_deco1_sp.png) no-repeat center center / contain;
		width: 610px;
		height: 1252px;
		top: -160px;
		bottom: auto;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0)!important;
	}
	.point:after {
		display: none;
	}
	.pointList {
		position: relative;
		margin-bottom: 80px;
		display: block;
	}
	.pointList:before {
		position: absolute;
		content: "";
		background: url(../images/point/pointlist_bg.png) no-repeat center center / contain;
		width: 320px;
		height: 1436px;
		top: -42px;
		left: 50%;
		transform: translate(-50%);
		z-index: -1;
	}
	.pointItem {
		width: 240px;
		height: auto;
		margin: 0 auto 46px;
		padding-top: 0;
	}
	.pointItem:before {
		display: none;
	}
	.pointItem__text {
		font-size: 1.2rem;
		width: 214px;
		text-align: center;
	}
	.pointItem__img {
		margin-bottom: 20px;
	}
	
	.influencer__title:before {
		width: 358px;
		height: 350px;
		top: -115px;
		left: calc(50% - 194px);
	}
	/*.slick-current .influencerSlide__person {
		display: block;
	}*/
	.influencerSlide__person .c_flex {
		margin-bottom: 4px;
		flex-wrap: nowrap;
	}
	.influencerSlide__person span {
		width: 22px;
	}
	
	.feature:before {
		background: url(../images/feature/bg_deco1_sp.png) no-repeat center center / contain;
		width: 456px;
		height: 883px;
		bottom: auto;
		top: -140px;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0)!important;
	}
	.feature:after {
		display: none;
	}
	
	.cta {
		position: relative;
		z-index: 2;
		margin-bottom: 180px;
	}
	.cta:before {
		background: url(../images/cta/bg_sp.png) no-repeat center center / cover;
		width: 650px;
		height: 758px;
	}
	
	.workflow {
		position: relative;
		z-index: 1;
	}
	.workflow__title {
		position: relative;
		z-index: 2;
	}
	.workflow:before {
		display: none;
	}
	.workflow__slider {
		z-index: 1;
		margin: 0 auto 80px;;
	}
	.workflow__slider:before {
		background: url(../images/workflow/item_bg_sp.png) no-repeat center center / contain;
		width: 534px;
		height: 580;
		top: -300px;
		left: auto;
		right: calc(50% - 330px);
		z-index: -2;
	}
	.workflow__slider:after {
		position: absolute;
		content: "";
		width: 380px;
		height: 112px;
		top: -219px;
		right: calc(50% - 240px);
		background: #fff;
		transform: rotate(-10deg);
		border-radius: 180px 180px 0 0;
		z-index: -1;
	}
	.js_slider_workflow {
		height: auto;
	}
	.workflowSlide__content {
		margin-top: 100px;
	}
	.workflowSlide__title {
		margin-bottom: 12px;
	}
	.workflowSlide__img {
		top: auto;
		bottom: 248px;
	}
	.workflowSlide__img img {
		margin: 0 auto;
	}
	.workflowSlide__no {
		font-size: 3.6rem;
		color: #fff;
	}
	.workflowSlide__no:before {
		display: none;
	}
	.workflowSlide__text {
		min-height: 116px;
	}
	.workflowSlide__btn {
		display: none;
	}
	.workflowSlide__btnSP {
		display: block;
		margin: 0 auto;
	}
	.workflow .slide-arrow {
		bottom: -36px;
	}
	.workflow .prev-arrow span:before {
		display: none;
	}
	.workflow .next-arrow {
		right: 0;
	}
	.workflow .slickDots {
		bottom: -44px;
		right: auto;
		left: 50%;
		transform: translatex(-50%);
	}
	
	.action:before {
		background: url(../images/action/bg_deco_sp.png) no-repeat center center / contain;
		width: 352px;
		height: 617px;
		top: -160px;
		left: auto;
		right: -40px;
	}
	.actionList {
		display: block;
		margin-bottom: 80px;
	}
	.actionItem {
		margin: 0 auto 42px;
	}
	.actionItem:before {
		width: 300px;
		height: 300px;
	}
	.actionItem__title {
		margin-bottom: 18px;
	}
	.actionItem__img {
		margin-bottom: 4px;
	}
	.action__note {
		font-size: 1.2rem;
	}
	
	.qa:before {
		width: 260px;
		height: 297px;
		right: auto;
		left: -40px;
		top: -160px;
	}
	.qa:after {
		display: none;
	}
	.qa__inner {
		padding: 0 12px;
	}
	.qa__inner ul {
		background: #fff;
		padding: 18px 12px;
	}
	.qa__q .iconWrap {
		filter: none;
	}

}