:root {
	--container-gutter: 0rem;
	--container-max-width: auto;
	--section-padding: 2rem;
	--section-side-padding: var(--section-padding)
}

@font-face {
	font-family: "iconfont";
	src: url("../fonts/iconfont.eot");
	src: url("../fonts/iconfont.eot?#iefix") format("eot"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
	font-weight: normal;
	font-style: normal
}

@media not screen and (min-width: 768px) {
	.l-contents {
		margin-bottom: 0
	}
}

/* 概要 */
.p-LPSPF-outline__section {
    background-color: #D3EBF8;
}

.p-LPSPF-outline__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 8rem;
	padding-bottom: 0
}

.p-LPSPF-outline__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #0b5092;
	text-align: center
}

.p-LPSPF-outline__section .c-section__description {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.7
}

.p-LPSPF-outline__section .c-section__description:not(:first-child) {
	margin-top: 3rem
}

.p-LPSPF-outline__section .c-section__wrap {
	display: flex;
	justify-content: center;
	gap: 2.2rem;
	max-width: 128rem;
    margin: 6rem 0 -10rem;
}

.p-LPSPF-outline__section .c-section__wrap .p-LPSPF-outline__card {
	width: 29.8rem;
	background-color: #fff;
	border-radius: 1rem;
	padding: 3rem 2rem;
	box-shadow: 0 12px 22px 0 rgba(11, 80, 146, 0.10);
}

.p-LPSPF-outline__section .c-section__wrap .p-LPSPF-outline__card .p-LPSPF-outline__image {
	text-align: center;
}

.p-LPSPF-outline__section .c-section__wrap .p-LPSPF-outline__card .p-LPSPF-outline__image img {
	width: 15rem;
}

.p-LPSPF-outline__section .c-section__wrap .p-LPSPF-outline__card .c-card__small-text {
	font-size: 1.6rem;
	line-height: 1.7;
	margin-top: 2rem;
}

@media screen and (max-width: 767px) {
	.p-LPSPF-outline__section .c-section__header {
		padding-top: 5rem;
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.p-LPSPF-outline__section .c-section__heading {
		font-size: 2.6rem;
	}

	.p-LPSPF-outline__section .c-section__description {
		font-size: 1.6rem;
		line-height: 1.8;
		text-align: left;
	}

	.p-LPSPF-outline__section .c-section__description:not(:first-child) {
		margin-top: 2rem
	}

	.p-LPSPF-outline__section .c-section__wrap {
		flex-wrap: wrap;
		gap: 1.5rem;
		padding: 0 2rem;
		margin: 4rem 0;
	}

	.p-LPSPF-outline__section .c-section__wrap .p-LPSPF-outline__card {
		width: calc(50% - .75rem);
	}

	.p-LPSPF-outline__section .c-section__wrap .p-LPSPF-outline__card .c-card__small-text {
		font-size: 1.4rem;
		line-height: 1.6;
	}
}

.p-LPSPF-structure__section {
	padding-top: 14rem;
}

.p-LPSPF-structure__section .arrow {
	margin-bottom: 2rem;
}

.p-LPSPF-structure__section .heading {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 2.4rem;
}

.p-LPSPF-structure__section .text {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 6rem;
}

.p-LPSPF-structure__section .c-section__wrap {
	max-width: 128rem;
	margin-bottom: 2rem;
}

.p-LPSPF-structure__section .c-section__wrap img {
	width: 100%;
}

.p-LPSPF-structure__section .c-section__wrap .text {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.p-LPSPF-structure__section {
		padding-top: 5rem;
        padding-right: 2rem;
        padding-left: 2rem;
	}

	.p-LPSPF-structure__section .text {
		font-size: 1.6rem;
		text-align: left;
		margin-bottom: 5rem;
	}

	.p-LPSPF-structure__section .c-section__wrap .text {
		font-size: 1.6rem;
		text-align: left;
		margin-top: 2rem;
	}
}

/* 機能 */
.p-LPSPF-featurefunctionA__section {
	background: #e2f5ff;
	padding-bottom: 8rem
}

.p-LPSPF-featurefunctionA__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 8rem;
	padding-bottom: 0
}

@media not screen and (min-width: 768px) {
	.p-LPSPF-featurefunctionA__section .c-section__header {
		padding-right: 1rem;
		padding-left: 1rem
	}
}

.p-LPSPF-featurefunctionA__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #0b5092;
	text-align: center
}

.p-LPSPF-featurefunctionA__section .c-section__lede {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.42857;
	color: inherit;
	text-align: center
}

.p-LPSPF-featurefunctionA__section .c-section__lede:not(:first-child) {
	margin-top: 3.1rem
}

.p-LPSPF-featurefunctionA__section .c-section__lede:not(:last-child) {
	margin-bottom: 2.1rem
}

.p-LPSPF-featurefunctionA__section .c-section__description {
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.7
}

.p-LPSPF-featurefunctionA__section .c-section__description:not(:first-child) {
	margin-top: 3rem
}

.p-LPSPF-featurefunctionA__section .c-section__body {
	margin-top: 5.1rem
}

.p-LPSPF-featurefunctionA__row {
	--gutter-x: 1.5rem;
	--gutter-y: 1.5rem
}

@media screen and (min-width: 768px) {
	.p-LPSPF-featurefunctionA__row {
		--gutter-x: 2.2rem;
		--gutter-y: 2.2rem
	}
}

.p-LPSPF-featurefunctionA__card {
	border-radius: 1rem;
	background: #fff;
	line-height: 1.7
}

.p-LPSPF-featurefunctionA__card .c-card__header {
	padding: 0 2rem 0;
	margin-top: 3rem;
	min-height: 6.6rem;
	display: flex;
	align-items: center
}

.p-LPSPF-featurefunctionA__card .c-card__body {
	padding: 2rem 3rem 3rem 3rem;
}

.p-LPSPF-featurefunctionA__card .c-card__image {
	aspect-ratio: 1/1;
	background: #f0f8ff;
	padding: 0;
	margin: 0 auto 2rem;
	border-radius: 99999rem;
	overflow: hidden
}

.p-LPSPF-featurefunctionA__card .c-card__image>img {
	width: 100%;
	aspect-ratio: 1/1
}

.p-LPSPF-featurefunctionA__card .c-card__heading {
	font-size: 2.4rem;
	line-height: 1.4;
	width: 100%;
	text-align: center
}

.p-LPSPF-featurefunctionA__card .c-card__small-text {
	font-size: 1.6rem;
	line-height: 1.7;
}

@media not screen and (min-width: 768px) {
	.p-LPSPF-featurefunctionA__card .c-card__header {
		min-height: 5rem;
	}

	.p-LPSPF-featurefunctionA__card .c-card__header,
	.p-LPSPF-featurefunctionA__card .c-card__body {
		padding-right: 1.5rem;
		padding-left: 1.5rem
	}

	.p-LPSPF-featurefunctionA__card .c-card__body {
		padding-top: 1.5rem
	}

	.p-LPSPF-featurefunctionA__card .c-card__image {
		max-width: 12rem;
		margin-bottom: 1.5rem
	}

	.p-LPSPF-featurefunctionA__card .c-card__heading {
		font-size: 1.8rem;
		line-height: 1.4;
	}

	.p-LPSPF-featurefunctionA__card .c-card__small-text {
		font-size: 1.4rem;
		line-height: 1.6;
	}
}

@media screen and (min-width: 768px) {
	.p-LPSPF-featurefunctionA__card {
		border-radius: 2rem
	}
}

/* 料金 */
.p-LPSPF-price__price-board {
	background: #f2f2f2;
	border-radius: 2rem;
	display: flex;
	flex-direction: column;
	min-height: 100%
}

.p-LPSPF-price__price-board hr {
	height: .5px;
	background-color: #d6dce5;
	width: 100%;
	border: none
}

.p-LPSPF-price__price-board hr:not(:first-child) {
	margin-top: 2rem
}

.p-LPSPF-price__price-board hr:not(:last-child) {
	margin-bottom: 2rem
}

.p-LPSPF-price__price-board__header,
.p-LPSPF-price__price-board__dl {
	text-align: center
}

.p-LPSPF-price__price-board__header {
	padding: 3.35rem 3rem;
	color: #0b5092;
	font-weight: bold;
	border-bottom: 1px solid #d6dce5
}

@media not screen and (min-width: 768px) {
	.p-LPSPF-price__price-board__header {
		font-size: 2.4rem;
		line-height: 1.4583333333;
		padding: 3rem
	}
}

.p-LPSPF-price__price-board__body {
	padding: 3rem;
	flex: 1
}

.p-LPSPF-price__price-board__dl dt {
	font-size: 1.6rem;
	line-height: 1.5
}

.p-LPSPF-price__price-board__dl dd {
	font-size: 3rem;
	line-height: 1.3;
	font-family: din-2014;
	color: #0b5092;
	font-weight: bold;
	margin-top: 1rem
}

.p-LPSPF-price__price-board__dl dd.-small-text {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: .75rem 0
}

.p-LPSPF-price__price-board__dl.-initial-cost dd {
	margin-top: .5rem
}

@media screen and (min-width: 768px) {
	.p-LPSPF-price__price-board__dl.-monthly-cost {
		min-height: 138px; /* SILVERプランの内訳追記による高さ調整 */
	}
}

.p-LPSPF-price__price-board__dl.-monthly-cost dd {
	font-size: 4.6rem;
	line-height: 1.2826086957
}

.p-LPSPF-price__price-board__dl.-monthly-cost dd.breakdown {
	color: #000000;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.1;
	margin-top: .5rem;
}

.p-LPSPF-price__price-board__dl.-quantity {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem
}

.p-LPSPF-price__price-board__list {
	margin-left: 0;
	font-size: 1.4rem;
	line-height: 1.71428;
	letter-spacing: .05em
}

.p-LPSPF-price__price-board__buttons {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.p-LPSPF-price__price-board__button {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.p-LPSPF-price__price-board__dl+.c-dl {
	margin-top: 2rem
}

.p-LPSPF-price__price-board__list li {
	margin-left: 0
}

/* FAQ */
.p-LPSPF-faq__section {
	background: #f2f2f2;
	padding-bottom: 8rem
}

.p-LPSPF-faq__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 0
}

@media not screen and (min-width: 768px) {
	.p-LPSPF-faq__section .c-section__header {
		padding-right: 1rem;
		padding-left: 1rem
	}
}

@media screen and (min-width: 768px) {
	.p-LPSPF-faq__section .c-section__header {
		padding-top: 8rem;
		padding-bottom: 0
	}
}

.p-LPSPF-faq__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #0b5092;
	text-align: center
}

.p-LPSPF-faq__section .c-section__lede {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.42857;
	color: inherit;
	text-align: center
}

.p-LPSPF-faq__section .c-section__lede:not(:first-child) {
	margin-top: 3.1rem
}

.p-LPSPF-faq__section .c-section__lede:not(:last-child) {
	margin-bottom: 2.1rem
}

.p-LPSPF-faq__section .c-section__description {
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.7
}

.p-LPSPF-faq__section .c-section__description:not(:first-child) {
	margin-top: 3rem
}

.p-LPSPF-faq__section .c-section__body {
	margin-top: 5.1rem
}

.p-LPSPF-faq__section .p-LPSPF-faq__card {
	position: relative;
	padding: 3rem 1.5rem;
	border-radius: 2rem;
	background: #fff
}

.p-LPSPF-faq__section .p-LPSPF-faq__card+.c-card {
	margin-top: 2rem;
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .bnr-link {
	display: block;
	width: 72rem;
	max-width: 100%;
	margin-top: 3rem;
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .bnr-wrap {
	width: 100%;
	display: block;
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .bnr-wrap img {
	width: 100%;
	display: block;
}

@media screen and (min-width: 768px) {
	.p-LPSPF-faq__section .p-LPSPF-faq__card {
		padding: 3.4rem 3rem 3rem
	}
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__header {
	position: relative;
	padding-left: 2.5rem;
	padding-left: 4rem
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__header:before {
	content: "";
	width: 2rem;
	height: 2rem;
	background: url(/common/img/question.svg);
	position: absolute;
	top: .25rem;
	left: 0;
	background-size: contain
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__header:before {
	width: 2.9rem;
	height: 2.9rem;
	top: 0
}

@media screen and (min-width: 768px) {
	.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__header {
		padding-left: 4rem
	}

	.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__header:before {
		width: 3rem;
		height: 3rem;
		top: -0.3rem
	}
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__heading {
	color: inherit;
	font-size: 1.6rem;
	line-height: 1.5
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__body {
	position: relative;
	padding-left: 2.5rem;
	padding: 0 0 0 4rem;
	margin-top: 2.3rem;
	line-height: 1.7
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__body:before {
	content: "";
	width: 2rem;
	height: 2rem;
	background: url(/common/img/answer.svg);
	position: absolute;
	top: .25rem;
	left: 0;
	background-size: contain
}

.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__body:before {
	width: 2.9rem;
	height: 2.9rem;
	top: 0
}

@media screen and (min-width: 768px) {
	.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__body {
		padding-left: 4rem
	}

	.p-LPSPF-faq__section .p-LPSPF-faq__card .c-card__body:before {
		width: 3rem;
		height: 3rem;
		top: -0.3rem
	}
}

.p-LPSPF-knowledge__section {
	background: #f2f2f2;
	padding-bottom: 5rem
}

.p-LPSPF-knowledge__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 0
}

@media not screen and (min-width: 768px) {
	.p-LPSPF-knowledge__section .c-section__header {
		padding-right: 1rem;
		padding-left: 1rem
	}
}

@media screen and (min-width: 768px) {
	.p-LPSPF-knowledge__section .c-section__header {
		padding-top: 8rem;
		padding-bottom: 0
	}
}

.p-LPSPF-knowledge__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #0b5092;
	text-align: center
}

.p-LPSPF-knowledge__section .c-section__lede {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.42857;
	color: inherit;
	text-align: center
}

.p-LPSPF-knowledge__section .c-section__lede:not(:first-child) {
	margin-top: 3.1rem
}

.p-LPSPF-knowledge__section .c-section__lede:not(:last-child) {
	margin-bottom: 2.1rem
}

.p-LPSPF-knowledge__section .c-section__description {
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.7
}

.p-LPSPF-knowledge__section .c-section__description:not(:first-child) {
	margin-top: 3rem
}

.p-LPSPF-knowledge__section .c-section__body {
	margin-top: 5.1rem
}

.p-LPSPF-knowledge__section .c-section__footer {
	margin-top: 3rem
}

.p-LPSPF-knowledge__card {
	overflow: hidden
}

.p-LPSPF-knowledge__card.-rounded {
	border-radius: 2rem 0 1rem 1rem
}

.p-LPSPF-knowledge__card .c-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 1rem 1.5rem 1.5rem
}

.p-LPSPF-knowledge__card .c-card__image {
	margin: 0;
	border-radius: 0
}

.p-LPSPF-knowledge__card .c-card__image-img {
	aspect-ratio: 342/228;
	object-fit: cover
}

.p-LPSPF-knowledge__card .c-card__corner-badge {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: .3125em .625em;
	border-radius: 0 0 0 .3125em
}

.p-LPSPF-knowledge__card .c-card__small-text {
	font-size: 1.6rem
}

.p-LPSPF-knowledge__section.-blog {
	background: #fff
}

.p-LPSPF-knowledge__section.-whitepaper .c-card {
	background: #fff
}

.p-LPSPF-knowledge__section.-whitepaper .c-card__image-img {
	aspect-ratio: 342/192
}

.p-LPSPF-knowledge__button {
	padding: 1.1785714286em 1.7857142857em 1.1785714286em 1.4285714286em;
	max-width: 34.2rem;
	width: 100%;
	justify-content: space-between;
	font-weight: bold
}

.p-LPSPF-knowledge__button .c-button__text {
	font-size: 1.8rem
}

.p-LPSPF-knowledge__button .c-icon {
	font-weight: inherit
}















/* 共通 */
.pc__none {
    display: none;
}

@media screen and (max-width: 767px) {
    .pc__none {
        display: block;
    }
}

.l-contents {
    margin-bottom: 0;
}

.cta-button-green {
    --button-size-base: 1.6rem;
    --button-size-magnification: 1;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.125em 1.375em 1.125em 1.875em;
    font-size: calc(var(--button-size-base)* var(--button-size-magnification));
    line-height: 1.5;
    background-color: #28AA00;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #28AA00;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cta-button-orange {
    --button-size-base: 1.6rem;
    --button-size-magnification: 1;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.125em 1.375em 1.125em 1.875em;
    font-size: calc(var(--button-size-base)* var(--button-size-magnification));
    line-height: 1.5;
    background-color: #f4770b;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #f4770b;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cta-button-green.-radius-rounded,
.cta-button-orange.-radius-rounded {
    border-radius: 1rem;
}

.cta-button-green .icon-download img {
    width: 3.0rem;
}

.cta-button-orange .icon-trial img {
    width: 2.6rem;
}

@media screen and (min-width: 768px) {
    .cta-button-green,
    .cta-button-orange {
        --button-size-base: 1.4rem;
        padding: .6785714286em 1.1785714286em;
        width: auto;
    }

    .c-header__menu--right.-buttons>.cta-button-green,
    .c-header__menu--right.-buttons>.cta-button-orange {
        font-weight: bold;
        --button-size-base: 1.6rem;
        padding: 1.2rem 2.0rem;
    }
}

.cta-button-green:active,
.cta-button-green[href]:hover,
.cta-button-green[type=submit]:hover,
.cta-button-green.-hover:hover,
.cta-button-orange:active,
.cta-button-orange[href]:hover,
.cta-button-orange[type=submit]:hover,
.cta-button-orange.-hover:hover {
    outline-width: .1rem;
}

@media (hover: hover) and (pointer: fine) {
    .cta-button-green[href]:hover,
    .cta-button-green[type="submit"]:hover,
    .cta-button-green.-hover:hover {
        background: #fff;
        color: #28AA00;
    }

    .cta-button-orange[href]:hover,
    .cta-button-orange[type="submit"]:hover,
    .cta-button-orange.-hover:hover {
        background: #fff;
        color: #f4770b;
    }

    .cta-button-green[href]:hover .icon-download img {
        filter: invert(51%) sepia(43%) saturate(5302%) hue-rotate(72deg) brightness(98%) contrast(105%);
    }

    .cta-button-orange[href]:hover .icon-trial img {
        filter: brightness(0) saturate(100%) invert(64%) sepia(50%) saturate(5696%) hue-rotate(358deg) brightness(99%) contrast(94%);
    }
}

@media screen and (max-width: 767px) {
    .sp__none {
        display: none;
    }
}

/* Hero */
.hero__area {
    color: #fff;
    background: #0B5092 url(/common/img/lp/spf-hosting/bg-hero.png) no-repeat center center / cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 68rem;
    backface-visibility: hidden;
    overflow: hidden;
}

.hero__area .left__contents {
    margin-left: 7%;
}

.hero__area .left__contents h1 {
    margin-bottom: 5rem;
}

.hero__area .left__contents h1 .head {
    position: relative;
    color: #FFFFFF;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: .4rem 2rem;
    margin-bottom: 3rem;
    border: 1px solid #FFFFFF;
    border-radius: 99999rem;
    display: inline-block;
}

.hero__area .left__contents h1 .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.hero__area .left__contents h1 .subtitle {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 2.2rem;
	white-space: nowrap;
    margin-bottom: 1rem;
}

.hero__area .left__contents h1 .title {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 6rem;
    line-height: 1.2;
    white-space: nowrap;
}

.hero__area .left__contents .feature {
    display: flex;
    margin-bottom: 4rem;
}

.hero__area .left__contents .feature .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hero__area .left__contents .feature .inner:not(:last-child) {
    padding-right: 2.4rem;
    margin-right: 2.4rem;
    border-right: 1px dotted #FFFFFF;
}

.hero__area .left__contents .feature .inner .icon {
    margin-bottom: 1.2rem;
}

.hero__area .left__contents .feature .inner .text {
    font-size: 1.4rem;
}

.hero__area .left__contents .cta {
    max-width: 60rem;
    text-align: center;
}

.hero__area .left__contents .cta a {
    color: #FFFFFF;
}

.hero__area .left__contents .cta .inner {
    display: flex;
    gap: 2rem;
    margin-bottom: 2.4rem;
}

.hero__area .left__contents .cta .inner {
    display: flex;
    gap: 2rem;
    margin-bottom: 2.4rem;
}

.hero__area .left__contents .cta .micro-copy {
    position: relative;
    display: inline-block;
    padding: 0 2.2rem;
    margin-bottom: 1rem;
}

.hero__area .left__contents .cta .micro-copy:before,
.hero__area .left__contents .cta .micro-copy:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #FFFFFF;
}

.hero__area .left__contents .cta .micro-copy:before {
    left: -0.8rem;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }

.hero__area .left__contents .cta .micro-copy:after {
    right: -0.8rem;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hero__area .left__contents .cta .button-green {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.8rem 2.0rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    background-color: #28AA00;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #28AA00;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    max-width: 29rem;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 1rem;
    gap: 1.2rem;
}

.hero__area .left__contents .cta .button-orange {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.8rem 2.0rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    background-color: #f4770b;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #f4770b;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    max-width: 29rem;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 1rem;
    gap: 1.2rem;
}

.hero__area .left__contents .cta .button-green .icon-download img {
    width: 4.2rem;
}

.hero__area .left__contents .cta .button-orange .icon-trial img {
    width: 3.8rem;
}

.hero__area .left__contents .cta .button-green:active,
.hero__area .left__contents .cta .button-green:hover,
.hero__area .left__contents .cta .button-orange:active,
.hero__area .left__contents .cta .button-orange:hover {
    outline-width: .1rem;
}

.hero__area .left__contents .cta .button-green:hover {
    background: #fff;
    color: #28AA00;
}

.hero__area .left__contents .cta .button-orange:hover {
    background: #fff;
    color: #f4770b;
}

.hero__area .left__contents .cta .button-green:hover .icon-download img {
    filter: invert(51%) sepia(43%) saturate(5302%) hue-rotate(72deg) brightness(98%) contrast(105%);
}

.hero__area .left__contents .cta .button-orange:hover .icon-trial img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(50%) saturate(5696%) hue-rotate(358deg) brightness(99%) contrast(94%);
}

.hero__area .left__contents .cta .text-link {
    width: 100%;
    text-align: center;
}

.hero__area .right__contents {
    margin-right: -6%;
	margin-top: 1%;
}

.hero__area .right__contents .kv {
	position: relative;
}

.hero__area .right__contents .kv .kv__popup {
	position: absolute;
	inset: 0;
	width: 100%;
	height: auto;
}

.hero__area .right__contents .kv .kv__base {
    width: 86rem;
	min-width: 70rem;
}

.hero__area .right__contents .kv .--sim {
	top: 30%;
    left: -3%;
	width: 44.2%;
}

.hero__area .right__contents .kv .--check {
	top: -10%;
    left: 36%;
    width: 37.2%;
}

@keyframes kv-fade-up {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}

.hero__area .right__contents .kv .kv__popup {
	animation: kv-fade-up .7s cubic-bezier(.33,1,.68,1) both;
	will-change: opacity, transform;
}

.hero__area .right__contents .kv .kv__popup.--sim {
	animation-delay: .5s;
}

.hero__area .right__contents .kv .kv__popup.--check {
	animation-delay: .8s;
}

@media (prefers-reduced-motion: reduce) {
	.hero__area .right__contents .kv .kv__popup {
		animation: none;
	}
}

@media screen and (max-width: 767px) {
    .hero__area {
        flex-direction: column;
        min-height: auto;
        padding: 3rem 2rem;
    }

    .hero__area .left__contents {
        margin-left: 0;
        margin-bottom: 4rem;
    }

    .hero__area .left__contents h1 {
        margin-bottom: 4rem;
    }

    .hero__area .left__contents h1 .head {
        font-size: 1.2rem;
        padding: .4rem 1.6rem;
        margin-bottom: 2rem;
    }

    .hero__area .left__contents h1 .subtitle {
        flex-wrap: wrap;
        font-size: 1.8rem;
		white-space: normal;
    }

    .hero__area .left__contents h1 .title {
        font-size: 4.2rem;
        white-space: normal;
    }

    .hero__area .left__contents .feature {
        margin-bottom: 3rem;
    }

    .hero__area .left__contents .feature .inner:not(:last-child) {
        padding-right: 1.4rem;
        margin-right: 1.4rem;
        border-right: 1px solid #FFFFFF;
    }

    .hero__area .left__contents .feature .inner .text {
        font-size: 1.2rem;
    }

    .hero__area .left__contents .cta {
        max-width: 100%;
    }

    .hero__area .left__contents .cta .inner {
        flex-direction: column;
    }

    .hero__area .left__contents .cta .button-green {
        max-width: 100%;
    }

    .hero__area .left__contents .cta .button-orange {
        max-width: 100%;
    }

    .hero__area .right__contents {
        margin-right: 0;
    }

    .hero__area .right__contents .kv img {
        width: 100%;
        min-width: 100%;
    }
}

/* 導入企業 */
.company__area {
    background: #fff;
	margin: 3rem 0;
}

.company__area .company-head {
	font-size: 2.4rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3rem;	
	margin-bottom: 1.2rem;
}

.company__area .company-head img {
	width: 18rem;
	height: auto;
}

.company__area .company-wrap {
	display: flex;
    width: 100%;
    height: 16rem;
    overflow: hidden;
}

.company__area .company-wrap img {
    width: auto;
    height: 100%;
    max-width: initial;
}

.company__area .company-wrap img:first-child {
    animation: loop 50s -25s linear infinite;
}

.company__area .company-wrap img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-200%)
    }
}

@media screen and (max-width: 767px) {
    .company__area .company-head {
		font-size: 2rem;
		line-height: 1.5;
		text-align: center;
		flex-direction: column;
    	gap: 1rem;
		margin-bottom: 1.5rem;
		padding: 0 2rem;
	}
}

/* ITreview Award */
.award__area {
	text-align: center;
    background: #fff;
	margin-bottom: 4rem;
}

.award__area .award-wrap {
	display: flex;
  	justify-content: center;
	align-items: center;
  	gap: 5rem;
	margin-bottom: 1.5rem;
}

.award__area .award-wrap img.banner {
	width: 30rem;
	height: auto;
}

.award__area .award-wrap img.highperformer {
	width: 12rem;
	height: auto;
}

.award__area > div:last-child {
	font-size: 1.4rem;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 767px) {
    .award__area {
		padding: 0 2rem;
	}

	.award__area .award-wrap {
		gap: 3rem;
	}

	.award__area .award-wrap img.banner {
		width: 20rem;
	}

	.award__area .award-wrap img.highperformer {
		width: 8rem;
	}

	.award__area > div:last-child {
		font-size: 1.2rem;
	}
}

/* 機能 */
@media screen and (max-width: 767px) {
	.p-LPSPF-featurefunctionA__section {
		padding-bottom: 5rem;
	}

	.p-LPSPF-featurefunctionA__section .c-section__header {
		padding-top: 5rem;
	}

    .p-LPSPF-function__section .c-section__lede {
		font-size: 2.4rem;
        margin: 1rem 0 0 !important;
    }

	.p-LPSPF-featurefunctionA__section .c-section__body {
		margin-top: 3rem
	}
}

/* CTA */
.p-LPSPF-cta__section {
	background: url(/common/img/lp/spf-hosting/bg-cta.svg) no-repeat center center / contain;
	max-width: 106.6rem;
    height: 53rem;
    margin: 16rem auto 8rem;
}

.p-LPSPF-cta__section .c-section__header {
    position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 10.4rem;
}

.p-LPSPF-cta__section.cta__footer .c-section__header {
	padding-top: 10.4rem;
}

.p-LPSPF-cta__section .c-section__header .p-LPSPF-cta__illust {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -10.8rem);
	width: 22rem;
}

.p-LPSPF-cta__section.cta__footer .c-section__header .p-LPSPF-cta__illust {
	transform: translate(-50%, -9.4rem);
	width: 14.2rem;
}

.p-LPSPF-cta__section .c-section__header .c-section__lede {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 2.4rem;
}

.p-LPSPF-cta__section .c-section__body {
    position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.p-LPSPF-cta__section .c-section__body .head {
	position: relative;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: .3rem 1.6rem;
    margin-bottom: 1rem;
    border: 1px solid #000000;
    border-radius: 99999rem;
    display: inline-block;
}

.p-LPSPF-cta__section .c-section__body .title {
    display: flex;
    align-items: center;
	justify-content: center;
    width: 100%;
    font-size: 3.6rem;
	font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
	margin-bottom: 3rem;
}

.p-LPSPF-cta__section .cta {
    max-width: 60rem;
    text-align: center;
}

.p-LPSPF-cta__section .cta a {
    color: #0B5092;
}

.p-LPSPF-cta__section .cta .inner {
    display: flex;
    gap: 2rem;
    margin-bottom: 2.4rem;
}

.p-LPSPF-cta__section .cta .micro-copy {
    position: relative;
    display: inline-block;
    padding: 0 2.2rem;
    margin-bottom: 1rem;
}

.p-LPSPF-cta__section .cta .micro-copy:before,
.p-LPSPF-cta__section .cta .micro-copy:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: black;
}

.p-LPSPF-cta__section .cta .micro-copy:before {
    left: -0.8rem;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }

.p-LPSPF-cta__section .cta .micro-copy:after {
    right: -0.8rem;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.p-LPSPF-cta__section .cta .button-green {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.8rem 2.0rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    background-color: #28AA00;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #28AA00;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 30rem;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 1rem;
    gap: 1.2rem;
}

.p-LPSPF-cta__section .cta .button-orange {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.8rem 2.0rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    background-color: #f4770b;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #f4770b;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 30rem;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 1rem;
    gap: 1.2rem;
}

.p-LPSPF-cta__section .cta .button-green .icon-download img {
    width: 4.2rem;
}

.p-LPSPF-cta__section .cta .button-orange .icon-trial img {
    width: 3.8rem;
}

.p-LPSPF-cta__section .cta .button-green:active,
.p-LPSPF-cta__section .cta .button-green:hover,
.p-LPSPF-cta__section .cta .button-orange:active,
.p-LPSPF-cta__section .cta .button-orange:hover {
    outline-width: .1rem;
}

.p-LPSPF-cta__section .cta .button-green:hover {
    background: #fff;
    color: #28AA00;
}

.p-LPSPF-cta__section .cta .button-orange:hover {
    background: #fff;
    color: #f4770b;
}

.p-LPSPF-cta__section .cta .button-green:hover .icon-download img {
    filter: invert(51%) sepia(43%) saturate(5302%) hue-rotate(72deg) brightness(98%) contrast(105%);
}

.p-LPSPF-cta__section .cta .button-orange:hover .icon-trial img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(50%) saturate(5696%) hue-rotate(358deg) brightness(99%) contrast(94%);
}

.p-LPSPF-cta__section .cta .text-link {
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .p-LPSPF-cta__section {
        background-color: #E2F4FF;
        background-image: none;
        max-width: calc(100% - 4rem);
        width: calc(100% - 4rem);
        height: auto;
        border-radius: 2rem;
        margin: 12rem 2rem 4rem;
		padding: 0 2rem 0;
    }

    .p-LPSPF-cta__section .c-section__header {
		padding: 9rem 0 0 0;
    }

    .p-LPSPF-cta__section.cta__footer .c-section__header {
        padding-top: 9rem;
    }
    
    .p-LPSPF-cta__section .c-section__header .p-LPSPF-cta__illust {
        transform: translate(-50%, -9rem);
        width: 18rem;
    }
    
    .p-LPSPF-cta__section.cta__footer .c-section__header .p-LPSPF-cta__illust {
        transform: translate(-50%, -7.4rem);
        width: 12rem;
    }
    
    .p-LPSPF-cta__section .c-section__header .c-section__lede {
        font-size: 1.8rem;
		line-height: 1.6;
    }

    .p-LPSPF-cta__section .c-section__body .head {
        font-size: 1.2rem;
        padding: .4rem 1.6rem;
    }

	.p-LPSPF-cta__section .c-section__body .title {
        font-size: 3.2rem;
		margin-bottom: 4rem;
    }
    
    .p-LPSPF-cta__section .cta {
        max-width: 100%;
        width: 100%;
        padding-bottom: 4rem;
    }

    .p-LPSPF-cta__section.cta__footer .cta {
        padding-bottom: 2rem;
    }
    
    .p-LPSPF-cta__section .cta .inner {
        flex-direction: column;
		gap: 3rem;
    }

	.p-LPSPF-cta__section .cta .button-green {
		width: 100%;
	}

	.p-LPSPF-cta__section .cta .button-orange {
		width: 100%;
	}
}


/* 特長 */
.p-LPSPF-feature__section {
	background: #f2f2f2;
	padding-bottom: 8rem;
}

.p-LPSPF-feature__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
    padding: 8rem 1rem 0rem 1rem;
}

.p-LPSPF-feature__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #0b5092;
	text-align: center
}

.p-LPSPF-feature__section .c-section__wrap {
	display: flex;
	flex-direction: column;
	gap: 8rem;
    margin-top: 8rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item {
	display: flex;
	align-items: center;
}

.p-LPSPF-feature__section .c-section__wrap .c-item figure {
	width: 42.129%;
	max-width: 72.8rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item figure .c-item__img {
	width: 100%;
	max-width: 72.8rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text {
	display: flex;
	flex-direction: column;
	width: calc(100% - 42.129%);
	padding: 0 18rem 0 10rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item:nth-child(even) .c-item__text {
	display: flex;
	flex-direction: column;
	width: calc(100% - 42.129%);
	padding: 0 10rem 0 18rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text .number {
	font-family: din-2014;
	color: #0b5092;
	font-size: 6rem;
	line-height: 1;
	transform: skew(-10deg);
	margin-bottom: 1rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text .heading {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 2.4rem;
}

.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text .text {
	font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
    .p-LPSPF-feature__section {
        padding-bottom: 6rem;
    }

    .p-LPSPF-feature__section .c-section__header {
		padding: 5rem 2rem 0;
	}

	.p-LPSPF-feature__section .c-section__wrap {
		gap: 6rem;
		padding: 0 2rem;
		margin-top: 4rem;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item {
		flex-direction: column;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item:nth-child(even) {
		flex-direction: column-reverse;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item figure {
		width: 100%;
		max-width: 100%;
		margin-bottom: 2rem;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item figure .c-item__img {
		width: 100%;
		max-width: 100%;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text {
		width: 100%;
		padding: 0;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item:nth-child(even) .c-item__text {
		width: 100%;
		padding: 0;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text .number {
		font-size: 3.6rem;
		margin-bottom: .6rem;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text .heading {
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}

	.p-LPSPF-feature__section .c-section__wrap .c-item .c-item__text .text {
		font-size: 1.6rem;
	}
}

/* 料金 */
.p-LPSPF-price__section {
	background: #fff;
	padding-bottom: 1rem
}

.p-LPSPF-price__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 0
}

.p-LPSPF-price__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #0b5092;
	text-align: center
}

.p-LPSPF-price__section .c-section__lede {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.42857;
	color: inherit;
	text-align: center
}

.p-LPSPF-price__section .c-section__lede:not(:first-child) {
	margin-top: 3.1rem
}

.p-LPSPF-price__section .c-section__header {
	padding-top: 8rem;
	padding-bottom: 0
}

.p-LPSPF-price__section.option .c-section__header {
	padding-top: 4rem;
	padding-bottom: 0
}

.p-LPSPF-price__section.option .c-section__description {
	margin-top: 3.1rem
}

.p-LPSPF-price__section .c-section__body {
	margin-top: 6rem
}

.p-LPSPF-price__section.option .c-section__body {
	margin-top: 4rem
}

.p-LPSPF-price__section .c-row {
	--gutter-x: 2.2rem;
	--gutter-y: 3rem
}

.p-LPSPF-price__section .c-section__body .p-MailScorePrice__table th,
.p-LPSPF-price__section .c-section__body .p-MailScorePrice__table td {
	text-align: center;
}

.p-LPSPF-price__section .c-section__body .p-MailScorePrice__table th:first-child {
	width: 28%;
}

.p-LPSPF-price__section .c-section__body .p-MailScorePrice__table>tbody>tr>td:nth-of-type(1) {
	text-align: left;
}

@media screen and (max-width: 767px) {
    .p-LPSPF-price__section {
        margin-bottom: 5rem;
    }

	.p-LPSPF-price__section .c-section__header {
        padding-right: 2rem;
        padding-left: 2rem;
		padding-top: 5rem;
    }

	.p-LPSPF-price__section.option .c-section__header {
		padding-top: 0;
		padding-bottom: 0
	}

	.p-LPSPF-price__section .c-section__lede {
		font-size: 2.4rem;
		margin: 1rem 0 0 !important;
	}

	.p-LPSPF-price__section.option .c-section__description {
		margin-top: 1.5rem
	}

	.p-LPSPF-price__section .c-section__body {
		margin-top: 4rem;
	}

	.p-LPSPF-price__section .c-section__body .p-MailScorePrice__table:not(:last-child) {
    	margin-bottom: 3rem;
	}

	.p-LPSPF-price__section .c-section__body .p-MailScorePrice__table>tbody>tr>td:nth-of-type(1) {
		text-align: center;
	}

    .p-LPSPF-price__price-board hr:not(:first-child) {
        margin-top: 1.5rem;
    }
    
    .p-LPSPF-price__price-board hr:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .p-LPSPF-price__price-board__dl dd {
        margin-top: .5rem
    }
}

/* その他機能 */
.p-LPSPF-other__section {
	background: #e2f5ff;
	padding-bottom: 8rem
}

.p-LPSPF-other__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
    padding-right: 1rem;
    padding-left: 1rem;
	padding-top: 8rem;
	padding-bottom: 0
}

.p-LPSPF-other__section .c-section__lede {
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.42857;
    color: inherit;
    text-align: center;
}

.p-LPSPF-other__section .c-section__description {
	margin-top: 3.1rem;
}

.p-LPSPF-other__section .c-section__link {
	font-size: 1.8rem;
	line-height: 1.7;
	margin-top: 2rem;
}

.p-LPSPF-other__section .c-section__body {
	display: grid;
	width: 106.6rem;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
	gap: 2rem;
	margin-top: 6rem;
}

.p-LPSPF-other__section .c-section__body .c-section__card {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0b5092;
	font-size: 2rem;
	text-align: center;
	border: 1px solid #0b5092;
	border-radius: 1rem;
	background: #fff;
	line-height: 1.5;
	padding: 1.2rem .6rem;
}

@media screen and (max-width: 767px) {
	.p-LPSPF-other__section {
		padding-bottom: 5rem;
	}

	.p-LPSPF-other__section .c-section__header {
		padding-right: 2rem;
        padding-left: 2rem;
		padding-top: 5rem;
	}

	.p-LPSPF-other__section .c-section__lede {
        font-size: 2.4rem;
    }

	.p-LPSPF-other__section .c-section__description {
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.7;
	}

    .p-LPSPF-other__section .c-section__body {
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		gap: 1.5rem;
		margin-top: 4rem;
	}

	.p-LPSPF-other__section .c-section__body .c-section__card {
		font-size: 1.8rem;
		padding: 1.5rem .6rem;
	}
}

/* よくあるご質問 */
@media screen and (max-width: 767px) {
	.p-LPSPF-faq__section {
		padding-bottom: 5rem
	}

	.p-LPSPF-faq__section .c-section__header {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.p-LPSPF-faq__section .c-section__lede {
		font-size: 2.4rem;
		margin: 1rem 0 0 !important;
	}

	.p-LPSPF-faq__section .c-section__body {
		margin-top: 4rem;
	}

	.p-LPSPF-faq__section .p-LPSPF-faq__card .bnr-link {
		display: block;
		width: 100%;
		max-width: 100%;
		margin-top: 2rem;
	}
}

/* 資料ダウンロード */
.p-LPSPF-download__section {
	background: #0B5092;
	padding-bottom: 8rem;
}

.p-LPSPF-download__section .c-section__header {
	display: flex;
	flex-direction: column;
	align-items: center;
    padding: 8rem 1rem 0rem 1rem;
}

.p-LPSPF-download__section .c-section__heading {
	font-size: 3rem;
	line-height: 1.46666;
	color: #fff;
	text-align: center;
}

.p-LPSPF-download__section .c-section__lede {
    color: #FFFFFF;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
}

.p-LPSPF-download__section .c-section__lede:not(:first-child) {
	margin-top: 3.1rem;
}

.p-LPSPF-download__section .c-section__lede:not(:last-child) {
	margin-bottom: 2.1rem;
}

.p-LPSPF-download__section .c-section__body {
	display: flex;
    gap: 4rem;
    margin-top: 6rem;
}

.p-LPSPF-download__section .c-section__body .c-section__contents {
	display: flex;
	flex-direction: column;
	max-width: 60rem;
	background-color: #FFF;
	border-radius: 2rem;
	padding: 5rem 3rem;
}

.p-LPSPF-download__section .c-section__body .c-section__contents .img {
	width: 100%;
}

.p-LPSPF-download__section .c-section__body .c-section__contents .h {
	color: #0B5092;
	font-size: 2.4rem;
	font-weight: bold;
	border-bottom: 2px solid #0B5092;
	padding-bottom: .5rem;
	margin: 3rem 0 2rem;
}

.p-LPSPF-download__section .c-section__body .c-section__contents ul {
	padding-left: 2rem;
}

.p-LPSPF-download__section .c-section__body .c-section__contents ul li::marker {
    color: #0B5092;
}

#satori__creative_container {
	flex: 1;
}

#satori__creative_container .satori__custom_form .satori__input_group label,
#satori__creative_container .satori__custom_form .satori__horiz_group label {
	color: #FFF;
}

#satori__creative_container .satori__custom_form .satori__require {
    display: inline-block;
    font-size: 1.4rem;
	font-weight: 700;
    line-height: 1;
    padding: .4em .6em;
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 1em;
    background-color: #FF6260;
	outline: none;
}

#satori__creative_container .satori__custom_form .satori__input_group input[type=text]::placeholder,
#satori__creative_container .satori__custom_form .satori__input_group input[type=email]::placeholder,
#satori__creative_container .satori__custom_form .satori__input_group input[type=tel]::placeholder {
    color: #AAA;
}

#satori__creative_container .satori__message {
	color: #fff;
	font-size: 1.4rem;
}

#satori__creative_container .satori__message a {
	color: #78E7FF;
	margin: 0 .3rem;
}

#satori__creative_container .satori__message a:hover {
	color: #78E7FF;
}

#satori__creative_container [id="satori__privacy_policy_agreement_wrapper"] .satori__input_group label {
    color: #FFF !important;
}

#satori__creative_container .satori__submit_group .satori__btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.2rem 2.0rem;
    font-size: 2.4rem;
	font-weight: bold;
    line-height: 1.5;
    background-color: #28AA00;
    color: #fff;
    outline: solid .1rem;
    outline-offset: -0.1rem;
    outline-color: #28AA00;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1), color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1 !important;
    border-radius: 1rem;
	width: 20rem;
}

#satori__creative_container .satori__submit_group .satori__btn:active,
#satori__creative_container .satori__submit_group .satori__btn:hover {
    outline-width: .1rem;
}

#satori__creative_container .satori__submit_group .satori__btn:hover {
    background: #fff;
    color: #28AA00;
}

#satori__creative_container .error .satori__error_messages {
    font-size: 1.2rem;
    color: #FFA8A9;
    margin-top: .6rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    line-height: 1.3;
    text-align: left;
}

@media screen and (max-width: 767px) {
	.p-LPSPF-download__section {
		padding-bottom: 5rem;
	}

	.p-LPSPF-download__section .c-section__header {
		padding: 5rem 2rem 0 2rem;
	}

	.p-LPSPF-download__section .c-section__body {
		flex-direction: column;
		margin-top: 4rem;
	}

	.p-LPSPF-download__section .c-section__body .c-section__contents {
		width: 100%;
		max-width: 100%;
		padding: 3rem 2rem;
	}

	.p-LPSPF-download__section .c-section__body .c-section__contents .h {
		font-size: 1.8rem;
		line-height: 1.3;
		padding-bottom: 1rem;
		margin: 3rem 0 1.5rem;
	}
}

/* ナレッジ */
@media screen and (max-width: 767px) {
    .p-LPSPF-knowledge__section .c-section__header {
        padding-right: 2rem;
        padding-left: 2rem;
    }

	.p-LPSPF-knowledge__section .c-section__lede {
		font-size: 2.4rem;
		margin: 1rem 0 0 !important;
	}

	.p-LPSPF-knowledge__section .c-section__body {
		margin-top: 4rem;
	}

	.p-LPSPF-knowledge__section.-whitepaper {
        margin-bottom: 9rem;
    }
}