@charset "UTF-8";

/* グローバル
------------------------------------- */
.campaign-fjcloud-v-trialextention6 *,
.campaign-fjcloud-v-trialextention6 *::before,
.campaign-fjcloud-v-trialextention6 *::after {
	box-sizing:border-box;
}
.campaign-fjcloud-v-trialextention6 img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.campaign-fjcloud-v-trialextention6 a {
	transition: color .2s;
}
.campaign-fjcloud-v-trialextention6 a:hover, .campaign-fjcloud-v-trialextention6 a:active, .campaign-fjcloud-v-trialextention6 a:focus {
	text-decoration: none;
}

/* mt
---------------------------------------------------- */
.mt-0 {
	margin-top: 0!important;
}

/* 強制改行
---------------------------------------------------- */
.campaign-fjcloud-v-trialextention6 br.d-pc {
	display: block;
}
.campaign-fjcloud-v-trialextention6 br.d-sp {
	display: none;
}
.campaign-fjcloud-v-trialextention6 br.d-sm {
	display: none;
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 br.d-pc {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.campaign-fjcloud-v-trialextention6 br.d-sp {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 br.d-sp {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 br.d-none-sp {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 br.d-sm {
		display: block;
	}
}

/* text-align
---------------------------------------------------- */
.campaign-fjcloud-v-trialextention6 .center {
	text-align: center;
}
.campaign-fjcloud-v-trialextention6 .right {
	text-align: right;
}


/* ボタン
---------------------------------------------------- */
.campaign-fjcloud-v-trialextention6 .btn-a.lg {
	border: none;
}
@media only screen and (min-width: 481px) {
	.campaign-fjcloud-v-trialextention6 .btn-b.lg {
		padding: 26px 34px 26px 40px;
	}
	.campaign-fjcloud-v-trialextention6 .btn-b.lg .desc {
		font-size: 1.5rem;
	}
	.campaign-fjcloud-v-trialextention6 .btn-b.lg > .icon {
		width: 42px;
		height: 42px;
	}
	.campaign-fjcloud-v-trialextention6 .btn-a.lg {
		padding-left: 40px;
	}
	.campaign-fjcloud-v-trialextention6 .btn-a.lg .desc {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .btn-b.lg .desc {
		font-size: clamp(0.938rem, -0.188rem + 5.63vw, 1.5rem);
	}
	.campaign-fjcloud-v-trialextention6 .btn-a.lg .desc {
		font-size: clamp(0.875rem, -0.375rem + 6.25vw, 1.5rem);
	}
}



/* SVGアイコン
---------------------------------------------------- */
.pict.stroke svg * { stroke: #2400B0 !important; }
.pict.fill svg { fill: #2400B0 !important; }


/* タイポグラフィ
---------------------------------------------------- */
.campaign-fjcloud-v-trialextention6 .em-wide {
	letter-spacing: 0.05em;
}
.campaign-fjcloud-v-trialextention6 .em-wide-b {
	font-weight: 700;
	letter-spacing: 0.05em;
}
.campaign-fjcloud-v-trialextention6 h2 {
	font-size: 2rem;
	line-height: 1.2;
	margin-bottom: 32px;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 h2 {
		font-size: 1.5rem;
	}
}
.campaign-fjcloud-v-trialextention6 h3 {
	font-size: 1.625rem;
	line-height: 1.2;
	margin-bottom: 16px;
}
.campaign-fjcloud-v-trialextention6 p + h3 {
	margin-top: 32px;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 h3 {
		font-size: 1.25rem;
	}
}
.campaign-fjcloud-v-trialextention6 p {
	font-size: 1rem;
}
.campaign-fjcloud-v-trialextention6 .hdg-b {
	position: relative;
	margin: 52px 0 26px;
	padding-bottom: 18px;
	line-height: 1.4;
	color: #000;
	display: flex;
}
.campaign-fjcloud-v-trialextention6 .hdg-b > * {
	position: relative;
	font-weight: 700;
	text-align: center;
}
.campaign-fjcloud-v-trialextention6 .hdg-b > *::before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000;
	content: "";
}
.campaign-fjcloud-v-trialextention6 .hdg-b.diff-center {
	justify-content: center;
}
.campaign-fjcloud-v-trialextention6 .hdg-d.diff-center {
	text-align: center;
}

.campaign-fjcloud-v-trialextention6 .diff-color-a {
	color: #790b17;
}


/* セクション
---------------------------------------------------- */
.campaign-fjcloud-v-trialextention6 .section-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 56px 0 64px;
}
@media only screen and (max-width: 1280px) {
	.campaign-fjcloud-v-trialextention6 .section-inner {
		padding: 56px 8px 64px;
	}
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .section-inner {
		padding: 56px 16px 64px;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .section-inner {
		padding: 40px 16px 48px;
	}
}
.campaign-fjcloud-v-trialextention6 .section-inner > *:first-child,
.campaign-fjcloud-v-trialextention6 .section-inner > *.hdg-b-wrapper:first-child > .hdg-b {
	margin-top: 0;
}
.campaign-fjcloud-v-trialextention6 .section-inner > *:last-child {
	margin-bottom: 0;
}
.campaign-fjcloud-v-trialextention6 .section + .section .section-inner {
	padding-top: 0;
}
.campaign-fjcloud-v-trialextention6 .section + .section.diff-important .section-inner {
	padding-top: 0;
}
.campaign-fjcloud-v-trialextention6 .section + .section[class*=diff-bg-] .section-inner {
	padding-top: 56px;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .section + .section[class*=diff-bg-] .section-inner {
		padding-top: 40px;
	}
}
.campaign-fjcloud-v-trialextention6 .section[class*="diff-bg-"] + .section:not([class*="diff-bg-"]) .section-inner {
	padding-top: 56px;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .section[class*="diff-bg-"] + .section:not([class*="diff-bg-"]) .section-inner {
		padding-top: 40px;
	}
}
.campaign-fjcloud-v-trialextention6 .section[class*="diff-bg-"] + .section:not([class*="diff-bg-"]).diff-important .section-inner {
	padding-top: 28px;
}
.campaign-fjcloud-v-trialextention6 .section.diff-bg-a {
	background: #ddd;
}
.campaign-fjcloud-v-trialextention6 .section.diff-bg-a + .diff-bg-a .section-inner {
	padding-top: 0;
}
.campaign-fjcloud-v-trialextention6 .section.diff-bg-b {
	background: #fff;
}
.campaign-fjcloud-v-trialextention6 .section.diff-bg-b + .diff-bg-b .section-inner {
	padding-top: 0;
}
.campaign-fjcloud-v-trialextention6 .section.diff-bg-c {
	background: #f3f3f3;
}

.campaign-fjcloud-v-trialextention6 .headline + .section .section-inner {
	padding: 28px 0 64px;
}
@media only screen and (max-width: 1280px) {
	.campaign-fjcloud-v-trialextention6 .headline + .section .section-inner {
		padding: 28px 8px 64px;
	}
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .headline + .section .section-inner {
		padding: 28px 16px 64px;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .headline + .section .section-inner {
		padding: 20px 16px 48px;
	}
}

.campaign-fjcloud-v-trialextention6 .order-here .section-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 56px 0 56px;
}
@media only screen and (max-width: 1280px) {
	.campaign-fjcloud-v-trialextention6 .order-here .section-inner {
		padding: 56px 8px 56px!important;
	}
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .order-here .section-inner {
		padding: 56px 16px 56px!important;
	}
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .order-here .section-inner {
		padding: 40px 16px 40px!important;
	}
}

/* 非順列リスト（装飾） */
.campaign-fjcloud-v-trialextention6 .list-a {
	padding-left: 20px;
	margin-top: 20px;
}
@media only screen and (max-width:768px) {
	.campaign-fjcloud-v-trialextention6 .list-a {
		padding-left: 0;
		padding-bottom: 40px;
	}
}
.campaign-fjcloud-v-trialextention6 .list-a > li + li {
	margin-top: 0.3em;
}
.campaign-fjcloud-v-trialextention6 .list-a > li > ul {
	margin-top: 0.3em;
}
.campaign-fjcloud-v-trialextention6 .list-a > li {
	position: relative;
	padding-left: 17px;
	font-size: 1rem;
}
.campaign-fjcloud-v-trialextention6 .list-a > li:before {
	position: absolute;
	top: .4em;
	left: 0;
	display: block;
	width: 0.6em;
	height: 0.6em;
	background: #00E7EF;
	border-radius: 50%;
	content: "";
}
@media only screen and (max-width:480px) {
	.campaign-fjcloud-v-trialextention6 .list-a > li:before {
		top: .5em;
	}
}
.campaign-fjcloud-v-trialextention6 .list-a > li > ul > li {
	font-size: 1rem;
}
.campaign-fjcloud-v-trialextention6 .list-a > li > ul > li {
	position: relative;
	padding-left: 1.2em;
	margin: 0.5em 0 0 0.2em;
}
.campaign-fjcloud-v-trialextention6 .list-a > li > ul > li:before {
	position: absolute;
	content: "—";
	left: 0;
	top: -1px;
}


/* Feature Story タイプB/背景あり カスタマイズ */
.campaign-fjcloud-v-trialextention6 .hero-area {
	position: relative;
	overflow: hidden;
	min-height: 460px;
	max-height: 460px;
	background: url(/image/campaign-fjcloud-v-trialextention6-mv) no-repeat right center /cover;
}
@media only screen and (max-width: 1920px) {
	.campaign-fjcloud-v-trialextention6 .hero-area {
		background: url(/image/campaign-fjcloud-v-trialextention6-mv) no-repeat right 50% center /cover;
	}
}
@media only screen and (max-width: 1024px) {
	.campaign-fjcloud-v-trialextention6 .hero-area {
		min-height: 420px;
		max-height: 420px;
		background: url(/image/campaign-fjcloud-v-trialextention6-mv) no-repeat right 55% center /cover;
	}
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area {
		min-height: auto;
		max-height: none;
		height: 860px;
		background: url(/image/campaign-fjcloud-v-trialextention6-mv-sp) no-repeat center bottom /cover;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area {
		height: calc(484vw * 100 / 375);
	}
}
@media only screen and (max-width: 374px) {
	.campaign-fjcloud-v-trialextention6 .hero-area {
		height: calc(570vw * 100 / 320);
	}
}
.campaign-fjcloud-v-trialextention6 .hero-area .content {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding-top: 60px;
	padding-left: 88px;
}
@media only screen and (max-width: 1280px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content {
		padding-left: 24px;
	}
}
@media only screen and (max-width: 1024px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content {
		margin-left: 0;
		padding-top: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content {
		padding-top: 20px;
		padding-left: 0;
	}
}
@media only screen and (max-width: 1280px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .content-inner {
		padding: 0 16px;
	}
}
.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg {
	margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg {
		margin-bottom: 0;
	}
}
.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * {
	display: inline-block;
	font-weight: 700;
	font-size: clamp(2.5rem, 1.188rem + 2.73vw, 3.375rem);
	color: #fff;
	line-height: 1.3;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * {
		font-size: clamp(2.375rem, 0.075rem + 7.67vw, 3.75rem);
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * {
		font-size: calc(32vw * 100 / 375);
	}
}
@media only screen and (max-width: 374px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * {
		font-size: 1.675rem;
	}
}

.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * span {
	margin-bottom: 2px;
	display: block;
	font-size: clamp(1.5rem, 0.938rem + 1.17vw, 1.875rem);
	font-weight: 700;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * span {
		font-size: clamp(1.375rem, -0.239rem + 5.38vw, 2.34rem);
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-hdg > * span {
		font-size: calc(20vw * 100 / 375);
	}
}
.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-sub > * {
	margin-bottom: 28px;
	display: inline-block;
	font-weight: 700;
	font-size: clamp(1.75rem, 0.813rem + 1.95vw, 2.375rem);
	color: #fff;
	line-height: 1.6;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-sub > * {
		margin-bottom: 16px;
		font-size: clamp(1.75rem, 0.078rem + 5.57vw, 2.75rem);
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-sub > * {
		margin-bottom: 12px;
		font-size: calc(24vw * 100 / 375);
	}
}

.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-desc > * {
	margin-bottom: 30px;
	display: inline-block;
	font-weight: 700;
	font-size: clamp(1.188rem, 0.719rem + 0.98vw, 1.5rem);
	color: #fff;
	line-height: 1.6;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-desc > * {
		margin-bottom: 24px;
		font-size: clamp(1.25rem, 0.414rem + 2.79vw, 1.75rem);
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area .content .hero-desc > * {
		margin-bottom: 18px;
		font-size: calc(18vw * 100 / 375);
	}
}


.campaign-fjcloud-v-trialextention6 .hero-area .lyt-btn-a {
	justify-content: start;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area a.btn-a {
		padding: 4px 4px 4px 14px;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area a.btn-a > .desc {
		font-size: calc(16vw * 100 / 375);
	}
}
@media only screen and (max-width: 374px) {
	.campaign-fjcloud-v-trialextention6 .hero-area a.btn-a > .desc {
		font-size: 0.8125rem;
	}
}



.campaign-fjcloud-v-trialextention6 .hero-area + .label {
	background: #d80084;
	color: #fff;
}
.campaign-fjcloud-v-trialextention6 .hero-area + .label > .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 1rem 10px 1rem 88px;
}
@media only screen and (max-width: 1280px) {
	.campaign-fjcloud-v-trialextention6 .hero-area + .label > .inner {
		padding: 1rem 10px 1rem 40px;
	}
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .hero-area + .label > .inner {
		padding: 1rem 16px;
	}
}
.campaign-fjcloud-v-trialextention6 .hero-area + .label > .inner > * {
	font-size: clamp(1.375rem, 1rem + 0.78vw, 1.625rem);
	display: flex;
	align-items: stretch;
	line-height: 1.2;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .hero-area + .label > .inner > * {
		font-size: 1rem;
	}
}
.campaign-fjcloud-v-trialextention6 .hero-area + .label > .inner > * span {
	font-size: 80%;
	font-weight: 700;
	padding: 2px 0.4em;
	margin-right: 10px;
	border: 1px solid #fff;
	line-height: 1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}


/* 概要
----------------------------------- */
@media only screen and (min-width: 1001px) {
	.campaign-fjcloud-v-trialextention6 .outline .section-inner {
		padding-top: 100px;
	}
}
.campaign-fjcloud-v-trialextention6 .outline h2 {
	font-weight: 400;
	line-height: 1.8;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .outline h2 {
		line-height: 1.4;
	}
}
.campaign-fjcloud-v-trialextention6 .outline h2 strong {
	font-size: 1.5em;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .outline h2 strong {
		font-size: 1.2em;
	}
}
.campaign-fjcloud-v-trialextention6 .outline .card-group {
	margin: 0 auto 36px;
	display: grid;
	max-width: 988px;
	gap: 26px;
	grid-template-columns: repeat(auto-fit, minmax(298px, 1fr));
}

.campaign-fjcloud-v-trialextention6 .outline .card {
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 30px 18px 18px 18px;
	grid-row: span 3;
	display: grid;
	gap: 10px;
	grid-template-rows: subgrid;
}
.campaign-fjcloud-v-trialextention6 .outline .card > .title-wrap {
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.campaign-fjcloud-v-trialextention6 .outline .card > .title-wrap > .title {
	margin: 0;
}
.campaign-fjcloud-v-trialextention6 .outline .card > .title-wrap > .title small {
	font-weight: 700;
	font-size: 1rem;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .outline .card > .title-wrap > .title small {
		font-size: 0.875rem;
	}
}
.campaign-fjcloud-v-trialextention6 .outline .card > .title-wrap > .title span {
	display: block;
	font-size: 1.125rem;
	line-height: 1.4;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .outline .card > .title-wrap > .title span {
		font-size: 1rem;
	}
}

.campaign-fjcloud-v-trialextention6 .outline .card > .pict {
	text-align: center;
	align-self: center;
}
.campaign-fjcloud-v-trialextention6 .outline .card > .pict svg {
	max-width: 200px;
}


/* 実際にこんな使われ方されています
----------------------------------- */
.campaign-fjcloud-v-trialextention6 .usecase {
	background: linear-gradient(to bottom , rgba(0,0,0,.4), rgba(0,0,0,.2)),
	url("/image/campaign-fjcloud-v-trialextention6-usecase-bg") top center / cover no-repeat !important;
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .usecase {
		background: linear-gradient(to bottom , rgba(0,0,0,.4), rgba(0,0,0,.2)),
		url("/image/campaign-fjcloud-v-trialextention6-usecase-bg") top right 40% / cover no-repeat !important;
	}
}
.campaign-fjcloud-v-trialextention6 .usecase h2 {
	color: #fff;
}
.campaign-fjcloud-v-trialextention6 .usecase .item-group {
	margin: 0 auto 36px;
	display: grid;
	max-width: 1080px;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(298px, 1fr));
}

.campaign-fjcloud-v-trialextention6 .usecase .item {
	grid-row: span 3;
	display: grid;
	gap: 0;
	grid-template-rows: subgrid;
}
.campaign-fjcloud-v-trialextention6 .usecase .item > .title {
	position: relative;
	background: #fff;
	border: 1px solid #000;
	padding: 1rem;
	margin: 0 0 20px 0;
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.campaign-fjcloud-v-trialextention6 .usecase .item > .title::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 20px;
	bottom: -19px;
	right: 0;
	left: 0;
	margin: auto;
	background: #fff;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.campaign-fjcloud-v-trialextention6 .usecase .item > .desc {
	background: rgba(255, 255, 255, 0.8);
	padding: 36px 24px;
	font-weight: 700;
}
.campaign-fjcloud-v-trialextention6 .usecase .item > .note {
	margin-top: 8px;
	color: #fff;
	font-size: 0.8125rem;
}
.campaign-fjcloud-v-trialextention6 .usecase .item > .note a {
	color: #fff;
}
/* Q&A
----------------------------------- */
.campaign-fjcloud-v-trialextention6 .q-and-a {
	background: #ffe700 !important;
}
.campaign-fjcloud-v-trialextention6 .q-and-a .card-group {
	margin: 0 auto 36px;
	max-width: 1108px;
	display: grid;
	row-gap: 24px;
	grid-template-rows: repeat(3, 1fr);
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .q-and-a .card-group {
		grid-template-rows: auto;
	}
}
.campaign-fjcloud-v-trialextention6 .q-and-a .card {
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 18px;
	display: grid;
	gap: 30px;
	grid-template-columns: 290px auto 86px;
}

@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .q-and-a .card {
		gap: 12px;
		grid-template-columns: none;
		grid-template-rows: auto auto 80px;
	}
}
.campaign-fjcloud-v-trialextention6 .q-and-a .card > .title {
	background: #00e7ef;
	padding: 36px 42px;
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.6;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .q-and-a .card > .title {
		padding: 8px 16px;
		line-height: 1.4;
	}
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .q-and-a .card > .title br {
		display: none;
	}
}
.campaign-fjcloud-v-trialextention6 .q-and-a .card > .desc {
}
.campaign-fjcloud-v-trialextention6 .q-and-a .card > .desc > .note {
	margin-top: 1rem;
	font-size: 0.8125rem;
}
.campaign-fjcloud-v-trialextention6 .q-and-a .card > .pict {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .q-and-a .card > .pict {
	}
	.campaign-fjcloud-v-trialextention6 .q-and-a .card > .pict svg {
		height: 100%;
	}
}

/* キャンペーン
----------------------------------- */
.campaign-fjcloud-v-trialextention6 .campaign {
	background: linear-gradient(135deg, #2400B0 25%, #00E7EF 75%) !important;
	color: #fff;
}
.campaign-fjcloud-v-trialextention6 .campaign h2 {
	line-height: 1.8;
	font-weight: 400;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .campaign h2 {
		font-size: clamp(1.25rem, 0.357rem + 3.81vw, 1.5rem);
	}
}
.campaign-fjcloud-v-trialextention6 .campaign h2 strong {
	font-size: 1.5em;
}
.campaign-fjcloud-v-trialextention6 .campaign h2 + h3 {
	margin-bottom: 40px;
}
.campaign-fjcloud-v-trialextention6 .campaign h2 + h3 strong {
	position: relative;
}
.campaign-fjcloud-v-trialextention6 .campaign h2 + h3 strong::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 9px;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	background: #FFE700;
}
.campaign-fjcloud-v-trialextention6 .campaign h2 + h3 + h4 {
	margin-bottom: 20px;
	font-size: 1.25rem;
	font-weight: 400;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .campaign h2 + h3 + h4 {
		font-size: clamp(1rem, 0.107rem + 3.81vw, 1.25rem);
	}
}
.campaign-fjcloud-v-trialextention6 .campaign h2:not(:first-of-type) {
	margin: 50px 0 10px;
	font-size: 1.75rem;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .campaign h2:not(:first-of-type) {
		font-size: clamp(1.125rem, -0.125rem + 6.25vw, 1.75rem);
	}
}


.campaign-fjcloud-v-trialextention6 .campaign .card-group {
	margin: 0 auto 16px;
	display: grid;
	max-width: 968px;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
@media only screen and (max-width: 767px) {
	.campaign-fjcloud-v-trialextention6 .campaign .card-group {
		grid-template-columns: none;
		grid-template-rows: auto;
	}

}
.campaign-fjcloud-v-trialextention6 .campaign .card {
	background: #fff;
	color: #000;
	padding: 32px 16px;
	grid-row: span 2;
	display: grid;
	row-gap: 30px;
	grid-template-rows: subgrid;
}
.campaign-fjcloud-v-trialextention6 .campaign .card > .title {
	position: relative;
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.6;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 1000px) {
	.campaign-fjcloud-v-trialextention6 .campaign .card > .title br {
		display: none;
	}
}
.campaign-fjcloud-v-trialextention6 .campaign .card > .title::after {
	position: absolute;
	display: block;
	content: "";
	width: 55%;
	height: 8px;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	background: #00E7EF;
}
.campaign-fjcloud-v-trialextention6 .campaign .card > .desc {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}


/* ご利用までの流れ
----------------------------------- */
.campaign-fjcloud-v-trialextention6 .flow h2 {
	font-weight: 400;
}
.campaign-fjcloud-v-trialextention6 .flow .step-group {
	margin: 0 auto 16px;
	display: grid;
	width: 100%;
	column-gap: 8px;
	row-gap: 32px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.campaign-fjcloud-v-trialextention6 .flow .step {
	position: relative;
	padding: 60px 16px 16px 16px;
	margin-left: 10px;
	background: #efefef;
	grid-row: span 2;
	display: grid;
	row-gap: 20px;
	grid-template-rows: subgrid;
	text-align: center;
	justify-content: stretch;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .flow .step {
		padding: 24px 16px 16px 16px;
		margin-left: 20px;
	}
}
.campaign-fjcloud-v-trialextention6 .flow .step::before {
	position: absolute;
	display: block;
	content: "";
	top: 20px;
	left: -10px;
	width: 10px;
	height: 10px;
	background: #707070;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}

@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .flow .step::before {
		top: -10px;
		left: 20px;
		clip-path: polygon(100% 100%, 0 0, 0 100%);
	}
}
.campaign-fjcloud-v-trialextention6 .flow .step > .label {
	position: absolute;
	padding: 0 24px;
	top: -20px;
	left: -10px;
	width: 70%;
	height: 40px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	background: #00E7EF;
	clip-path: polygon(0% 0%, 86% 0%, 100% 50%, 86% 100%, 0% 100%);
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .flow .step > .label {
		padding: 0 12px;
		top: -10px;
		left: 20px;
		width: 36%;
		transform:rotate(90deg); 
		transform-origin: 0 0;
	}
}
.campaign-fjcloud-v-trialextention6 .flow .title {
	font-size: 1rem;
	line-height: 1.4;
	margin: 0;
}
.campaign-fjcloud-v-trialextention6 .flow .title span {
	display: block;
}
.campaign-fjcloud-v-trialextention6 .flow a.btn {
	padding: 4px;
	text-decoration: none;
	background: #fff;
	border-radius: 100vh;
	color: #000;
	width: 100%;
	transition: 0.2s;
}
.campaign-fjcloud-v-trialextention6 .flow a.btn:hover {
	background: #2400B0;
	color: #fff;
}

.campaign-fjcloud-v-trialextention6 .flow .important {
	position: relative;
	margin: 30px auto 60px;
	padding: 60px 16px 24px 16px;
	max-width: 1200px;
	background: #efefef;
}
.campaign-fjcloud-v-trialextention6 .flow .important .label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 8px;
	background: #D80084;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
}
.campaign-fjcloud-v-trialextention6 .flow .important .note {
	margin-top: 10px;
	font-size: 0.8125rem;
}

.campaign-fjcloud-v-trialextention6 .flow .important + h3 {
	font-weight: 400;
	line-height: 1.6;
}

.campaign-fjcloud-v-trialextention6 .cta h2 {
	margin-top: 30px !important;
	font-size: clamp(1.8rem, 0.655rem + 4.89vw, 3rem);
}


/* お役立ち資料
====================================================*/
.campaign-fjcloud-v-trialextention6 .merit {
	background: #dcdcdc !important;
}
.campaign-fjcloud-v-trialextention6 .merit h2 {
	font-weight: 400;
}
.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a {
	width: fit-content;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a {
		width: auto;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a {
		width: 100%;
	}
}
.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a > .item {
	width: auto;
}
.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a > .img > .img-inner {
	min-width: 200px;
	width: auto;
}
.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a > .img img {
	max-width: 400px;
	width: 100%;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .merit .lyt-item-a > .img img {
		width: 80%;
	}
}
.campaign-fjcloud-v-trialextention6 .merit .lyt-btn-a {
	margin-top: 20px;
}

@media only screen and (min-width: 814px) {
	.campaign-fjcloud-v-trialextention6 .merit .lyt-btn-a .desc br {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .merit .lyt-btn-a .desc {
		font-size: clamp(0.87rem, -0.614rem + 7.42vw, 1.125rem);
	}
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .merit .list-link-a .desc {
		font-size: clamp(1rem, -0.455rem + 7.27vw, 1.25rem);
	}
}

/* Faq 
====================================================*/
.campaign-fjcloud-v-trialextention6 .Faq h2 {
	font-weight: 400;
	margin-bottom: 40px;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl {
	position: relative;
	margin: 0 auto 30px;
	border: 1px solid #ddd;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl dt {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 60px;
	font-weight: bold;
	background: #ddd;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl dt::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	content: "Q.";
	color: #3285bf;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl dd::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	left: 20px;
	display: block;
	content: "A.";
	font-weight: bold;
	color: #3285bf;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl dd {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 60px;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl dd p {
	margin: 30px 0 0;
}

.campaign-fjcloud-v-trialextention6 .Faq__list dl dd p:first-child {
	margin-top: 0;
}

.campaign-fjcloud-v-trialextention6 .Faq ul {
	text-indent: -1em;
}

.campaign-fjcloud-v-trialextention6 .Faq ul li {
	margin-left: 1em;
}

.campaign-fjcloud-v-trialextention6 .Faq a,
.campaign-fjcloud-v-trialextention6 .Faq a:visited {
	color: #017fc8;
}



/* お申し込み
====================================================*/
.campaign-fjcloud-v-trialextention6 .apply {
	background-color: rgba(239, 239, 239, .5);
	margin-bottom: 70px;
}
.campaign-fjcloud-v-trialextention6 .apply h2 {
	margin-bottom: 40px;
	font-weight: 400;
}
.campaign-fjcloud-v-trialextention6 .apply dl.coution {
	position: relative;
	margin: 0 auto 50px;
	width: 95%;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .apply dl.coution {
		width: 90%;
	}
}
.campaign-fjcloud-v-trialextention6 .apply dl.coution > dt {
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 8px;
	background: #D80084;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
}
.campaign-fjcloud-v-trialextention6 .apply dl.coution dd {
	background: #fff;
	font-size: 1rem;
	font-weight: 800;
	padding: 2em;
	line-height: 1.5;
}
.campaign-fjcloud-v-trialextention6 .apply .coution dl.coution_sub_a dt {
	color: #000;
	font-size: 1rem;
	font-weight: 800;
	padding: .75em 0;
	background: none;
}
.campaign-fjcloud-v-trialextention6 .apply .coution dl.coution_sub_a dd {
	font-weight: normal;
	padding: 0;
}
.campaign-fjcloud-v-trialextention6 .apply .coution dl.coution_sub_a dd li {
	line-height: 1.75em;
}
.campaign-fjcloud-v-trialextention6 .apply ul.indent li {
	padding-left: 1em;
	list-style-type: none;
	position: relative;
	padding-left: 0.6em;
	font-size: 1rem;
}
.campaign-fjcloud-v-trialextention6 .apply ul.indent.magenta li:before {
	background: #d80084;
}
.campaign-fjcloud-v-trialextention6 .apply ul.indent li:before {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0.6em;
	content: "";
}
.campaign-fjcloud-v-trialextention6 .apply ul.indent-line li {
	padding-left: 1em;
	list-style-type: none;
	position: relative;
	padding-left: 0.875em;
	font-size: .875rem;
}
.campaign-fjcloud-v-trialextention6 .apply ul.indent-line li:before {
	width: 10px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: .8em;
	content: "";
	background: #6d6e70;
}
@media only screen and (max-width: 480px) {
	.campaign-fjcloud-v-trialextention6 .apply .lyt-btn-a .desc {
		font-size: clamp(0.938rem, 0.563rem + 1.88vw, 1.125rem);
	}
}