@charset "UTF-8";
/********************************************************************************

page-corporation.css　法人プランページcss

********************************************************************************/

/*============================================================
 commonカスタム
*============================================================*/


/*============================================================
 CTA
*============================================================*/
#page-corporation #cta #price-list {
	text-align: left;
	margin-bottom: 56px;
}
#page-corporation #cta #price-list .item {
	width: 280px;
}
#page-corporation #cta #price-list .item .contents {
	padding-bottom: 24px;
	min-height: initial;
}
#page-corporation #cta #price-list .item .contents .row .value .accent {
	font-size: 32px;
}
#page-corporation #cta .block-frame {
	margin-bottom: 32px;
}
#page-corporation #cta .block-frame > .parts-boxes {
	gap: 16px;
}
#page-corporation #cta .block-frame .info {
	color: var(--common-color-text);
	line-height: 1.8;
	text-align: left;
	width: 384px;
}
#page-corporation #cta .block-frame .info-price {
	font-size: 24px;
	font-family: var(--common-font-family-en);
}
#page-corporation #cta .block-frame .info-price p {
	font-weight: bold;
	line-height: 1.6;
}
#page-corporation #cta .block-frame .info-price span {
	font-size: 48px;
	color: var(--common-color-main);
}
#page-corporation #cta .block-frame .info-price span small {
	font-size: 20px!important;
	color: var(--common-color-text);
}
#page-corporation #cta .block-frame .image {
	width: calc(100% - 400px);
}
#page-corporation #cta .notes {
	text-align: center;
}
#page-corporation #cta .notes a {
	text-decoration: underline;
}
#page-corporation #cta .contact {
	background: #fff;
	max-width: 800px;
	margin: 0 auto;
	border-radius: 16px;
	padding: 24px 36px;
	gap: 24px;
}
#page-corporation #cta .contact p {
	width: calc(100% - 224px);
	text-align: left;
	color: var(--common-color-main);
}

/*============================================================
 よくある質問
*============================================================*/
#page-corporation #sec-faq {
	position: relative;
	background: var(--common-color-background1) url(../images/common/other-link-bg-nami.svg) no-repeat top center / 100% auto;
	padding: 100px 0 24px;
	margin-bottom: 0;
}

/*============================================================
 その他リンク
*============================================================*/
#page-corporation #other-link {
	background-image: none;
}


@media screen and (max-width: 1008px) {
	/*============================================================
	 CTA
	*============================================================*/
	#page-corporation #cta .block-frame .parts-boxes {
		justify-content: center;
		align-items: center;
		gap: 40px;
	}
	#page-corporation #cta .block-frame .parts-boxes .info {
		width: 100%;
		text-align: center;
	}
	#page-corporation #cta .block-frame .parts-boxes .image {
		width: 100%;
		max-width: 400px;
	}

	
}

@media screen and (max-width: 767px) {
	#page-corporation #cta h2 {
		margin-bottom: 16px;
	}
	#page-corporation #cta .contact {
		justify-content: center;
	}
	#page-corporation #cta .contact p {
		width: 100%;
		text-align: center;
	}
	
	#page-corporation #sec-block-02 .parts-boxes {
		margin-bottom: 48px;
	}
}

@media screen and (max-width: 480px) {
	/*============================================================
	 CTA
	*============================================================*/
	#page-corporation #cta .block-frame .parts-boxes .info {
		font-size: 14px;
		font-weight: bold;
	}
	#page-corporation #cta .block-frame .info-price {
		font-size: 20px;
	}
	#page-corporation #cta .block-frame .info-price span {
		font-size: 40px;
	}
	#page-corporation #cta .notes {
		margin-bottom: 32px;
	}
	
	/*============================================================
	 よくある質問
	*============================================================*/
	#page-corporation #sec-faq {
		padding-top: 72px;
		background: none;
		background-color: var(--common-color-background1);
	}
	#page-corporation #sec-faq:before {
		content: "";
		position: absolute;
		background: url(../images/common/other-link-nami-sp.webp) no-repeat center top / cover;
		top: 0;
		left: 0;
		width: 100%;
		height: 8vw;
	}
	
	/*============================================================
	 その他リンク
	*============================================================*/
	#page-corporation #other-link:before {
		display: none;
	}
}