/* ==================================================
  【案件ごとの調整パネル（ここだけ触る）】
  - セクション間の余白は section個別の margin-top で調整しない
    → 調整するなら :root の --lp-gap-section を変更する
  - 背景セクションの厚み（上下padding）を変えるなら --lp-pad-bg を変更する
================================================== */

:root {
	--gothic: 'Helvetica Neue', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, sans-serif;
	--mincho: '游明朝体', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;

  /* 単位辞書 */
	--lp-space__05: 0.5rem;
	--lp-space__10: 1rem;
	--lp-space__15: 1.5rem;
	--lp-space__20: 2rem;
	--lp-space__30: 3rem;
	--lp-space__40: 4rem;
	--lp-space__50: 5rem;
	--lp-space__60: 6rem;

  /* 用途 */
  --lp-gap__section: var(--lp-space__30);
  --lp-gap__stack: var(--lp-space__20);
  --lp-pad__section: var(--lp-space__30);

}

  /* 例）セクション間隔を詰める： 2.5rem / 広げる： 3.5rem など */
  /* --lp-gap-section: 3rem; */

  /* 例）背景セクションの上下padding */
  /* --lp-pad-bg: 3rem; */

/* ◆◆◆ 枠外背景 ◆◆◆ 
@media (min-width: 769px) {
	.l-wrapper {
		overflow: clip;
		background-image:url();
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
/* ◆◆◆ /枠外背景 ◆◆◆ */

.p-breadcrumb {
  display: none;
}

/* ◆◆◆ フォントサイズ ◆◆◆ */
/* このサイトに合う設定に調整 */
h2 {
	font-size: clamp(1.8rem, 2.8vw, 2.3rem);
	min-height: 0;
	line-height: 1.2;
	padding: 0;
	background: none;
	color: var(--black);
}

h3 {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	min-height: 0;
	padding: 0;
	margin: 0;
}

p, li, a {
	font-size: clamp(1rem, 1.6vw, 1.3rem);
}

p {
	margin-bottom: 1rem;
}
/* ◆◆◆ /フォントサイズ ◆◆◆ */


/* ◆◆◆ 文字色 ◆◆◆ */
.text__red {
	color: var(--red);
	font-weight: 600;
}

.text__blue {
	color: var(--blue);
	font-weight: 600;
}
/* ◆◆◆ /文字色 ◆◆◆ */


/* ◆◆◆ マーカー ◆◆◆ */
.marker__yellow {
	background:linear-gradient(transparent 60%, var(--yellow) 60%);
}

.marker__pink {
	background:linear-gradient(transparent 60%, var(--pink) 60%);
}
/* ◆◆◆ /マーカー ◆◆◆ */

/* ◆◆◆ FV ◆◆◆ */
.fv figure {
	margin: 0;
}
/* ◆◆◆ /FV ◆◆◆ */


/* ◆◆◆ オファー ◆◆◆ */
.offer {

}

.offer figure {
	margin: 0;
}
/* ◆◆◆ /オファー ◆◆◆ */


/* ◆◆◆ 問合 ◆◆◆


/*基本：上下余白あり
.is-lp .lp-contact{
	padding-block: var(--lp-contact-pad);
}
/*上だけ詰める
.is-lp .lp-contact.is-top-tight{
	padding-top: var(--lp-contact-tight);
}
/*下だけ詰める
.is-lp .lp-contact.is-bottom-tight{
	padding-bottom: var(--lp-contact-tight);
}

.lp-contact__btn:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	transition-property: all;
	transition-duration: 0.6S;
}
/* ◆◆◆ /問合 ◆◆◆ */



/* ◆◆◆ cf7 ◆◆◆
.contact__form {
	background: ivory;
	padding: 3em 5em;
	width: 100%;
}

.contact__form p {
	margin-bottom: 0!important;
}

.contact__form-item {
	margin-bottom: 2em;
}

.contact__label-required, .contact__label-any  {
	font-size: 75%;
	color: white;
	padding: 3px 6px 2px;
	border-radius: 1rem;
	margin-right: 0.5em;
}

/*必須ラベル
.contact__label-required {
	background: brown;
}

/*任意ラベル
.contact__label-any {
	background:gray;
}

.contact__consent {
	margin: 3em 0;
}

.contact__consent ul {
	line-height: 1.6;
}

.contact__consent ul li {
	font-size: clamp(0.7rem, 1.2vw, 1rem);
}

.contact__consent p {
	font-size: 94%;
}

.contact__personal-info {
	margin: 0;
	padding: 0;
	border: solid 2px #e9e9e9;
	border-radius: 0.5rem;
	padding: 1em;
	line-height: 1.3;
	overflow: auto;
	text-align: left;
	height: 10rem;
}

.wpcf7-submit {
	background: orange;
	border-radius: 0.5rem;
	padding: 1em 2em;
	margin-top: 3em;
	transition: 0.6s;
}

.wpcf7-submit:hover {
	opacity: 0.7;
	box-shadow: 2px 2px 2px gray;
}

textarea, input {
	background: white;
	width: 100%;
	box-shadow: 0 0 2px #c8c2c6;
}

span.wpcf7-list-item-label {
	font-size: clamp(0.9rem, 1.4vw, 1.2rem);
}

.contact__consent-check input {
	width: 2rem;
}
/* ◆◆◆ /cf7 ◆◆◆ */






/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ SP ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

@media (max-width: 600px) {
	
	
	/* ◆◆◆ cf7 ◆◆◆ 
	.contact__form {
		padding: 2em 5%;
	}

	.contact__form-item {
		margin-bottom: 1em;
	}

	.contact__consent {
		margin: 2em 0;
	}

	.wpcf7-submit {
		margin-top: 2em;
	}

	.contact__consent-check input {
		width: 1.2em;
	}
	/* ◆◆◆ /cf7 ◆◆◆ */
	
}