@charset "UTF-8";
/* custom css */
.inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
header {
	color: var(--header-color);
	background-color: var(--header-bg);
	padding: 2rem;
	text-align: center;
	min-height: 5rem;
}
header .logo img {
	height: 2rem;
	margin-bottom: 2rem;
}
main {
	padding: 1em 0;
}
.contentFormBefore {
	margin: 2rem 0;
}
.contentFormBefore .subtitle {
	font-size: 1.5rem;
	opacity: 0.5;
}
.contentFormBefore .lead {
	font-size: var(--bs-body-font-size);
	margin-top: 1rem;
	color: var(--bs-secondary-color);
}
footer {
	background-color: var(--bs-tertiary-bg);
	padding: 1rem 0;
	text-align: center;
	min-height: 2rem;
}
footer .logo img {
	height: 2rem;
	margin-bottom: 1rem;
}
footer .copyright {
	font-size: 0.75rem;
	opacity: 0.5;
}


/*------------------------------------------------------------
ブレイクポイント
------------------------------------------------------------*/

@media screen and (max-width:575px){
	#custom-mailform {
		min-height: calc(100vh - 88px);
	}
	header .lead {
		text-align: left;
	}
	header .logo img {
		height: 2rem;
		}
	header .subtitle {
		margin: 0.5em 0 0 0;
		font-size: 1em;
		}
	footer {
		min-height: 88px;
		margin: 2em 0 0 0;
		padding: 1em;
	}
}

/*------------------------------------------------------------
pardot_general_form カスタマイズ
------------------------------------------------------------*/
.required label.field-label:after {
	content: '必須';
	display: inline-block;
	padding: 0.35em 0.65em;
	color: var(--bs-secondary-color);
	border-radius: var(--bs-border-radius);
	background: var(--bs-tertiary-bg);
	font-size: 0.75em;
}
.pd-captcha .col-sm-8 {
	width: 100%;
	padding: 1rem;
	margin-top: 1rem;
	text-align: center;
}
.g-recaptcha {
	margin: 0 auto;
	width: 304px;
}
@media screen and (max-width:768px){
	.formInputInner.state {
		margin-top: 0;
	}
}
.submit{
	text-align: center;
}


/*------------------------------------------------------------
bootstrap カスタマイズ
------------------------------------------------------------*/
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.form-text, .invalid-feedback {
	margin-bottom: 0;
}
.form-text.policy{
	margin-top: 0.5rem;
}
.form-text a {
	text-decoration: none;
}
.errors i, .policy i {
	margin: 0 4px;
}
.invalid-feedback {
	display: block;
}
.form-control::placeholder {
	opacity: 0.5;
}

/*------------------------------------------------------------
サービスごと カスタマイズ
------------------------------------------------------------*/
.wavee-plus {--header-color: #fff;--header-bg: #333;}
.frascoai {--header-color: #fff;--header-bg: #333;}
.iot {--header-color: #fff;--header-bg: #333;}