
		body {
		background: radial-gradient(circle 1200px at 0 15%, rgba(226, 235, 255, .9) 0%, rgba(240, 235, 244, .8) 45%, rgba(240, 235, 244, 0) 100%) no-repeat, url(../images/common/bg_01.webp) top right no-repeat;
		background-size: auto, cover;
		}

/* ============================================================================
contactSection
============================================================================*/
	.contactSection {
			padding-bottom: clamp(40px, 8vw, 80px);
	}
	.contactSection .contactWrapper {
		position: relative;
		padding: clamp(60px, 8vw, 100px) 0; 
		background: rgb(255, 255, 255, 0.4);
		z-index: 5;

	}
	.contactSection .contactWrapper .contactWrap {
		width: min(90% ,800px);
		margin: 0 auto;		
	}


@media (max-width:991px){
	.contactSection .contactWrapper {
		padding:0 0;
		background: none;
	}
	.contactSection .contactWrapper .contactWrap {
		width: min(100% ,800px);
	}
}




/* formStep--------------------*/
	.contactSection .contactWrap .formStep {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.contactSection .contactWrap .formStep li {
		position: relative;
		flex: 1;
		height: 56px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #C3D2E3;
		color:#3E4D67;
		font-weight: 500;
		clip-path: polygon(
			0 0,
			calc(100% - 20px) 0,
			100% 50%,
			calc(100% - 20px) 100%,
			0 100%,
			20px 50%
		);
		margin-left: -18px;
	}
	.contactSection .contactWrap .formStep li:first-child {
		margin-left: 0;
		clip-path: polygon(
			0 0,
			calc(100% - 20px) 0,
			100% 50%,
			calc(100% - 20px) 100%,
			0 100%
		);
	}

	.contactSection .contactWrap .formStep li:last-child {
		clip-path: polygon(
			0 0,
			100% 0,
			100% 100%,
			0 100%,
			20px 50%
		);
	}
	.contactSection .contactWrap .formStep li .stepTxt {
		text-align: center;

	}
	.contactSection .contactWrap .formStep li .stepTxt > span {
		display: block;
		line-height: 1;
	}

	.contactSection .contactWrap .formStep li .stepTxt .en {
		padding-bottom: 0.3em;
    font-size: 1.2rem;
    font-weight: 500;
	}

	.contactSection .contactWrap .formStep li.is-current {
		background: #2A559F;
		font-weight: 700;
		color: #fff;
}


/* thanksBox--------------------*/
	.contactWrap .thanksBox .thanksTtl {
		font-size:1.2em;
		font-weight: 700;
		color:var(--color-bl-01);
	}
	.contactWrap .thanksBox .noteTxt {
		padding-top:0.8em;
	}	
	.contactWrap .thanksBox .noteTxt .symItem {display:flex;width:100%;line-height: 1.6;}
	.contactWrap .thanksBox .noteTxt .symItem + .symItem {
		padding-top:5px;
	}
	.contactWrap .thanksBox .noteTxt .sym {display:block;white-space:nowrap;padding-right:.25em;}

	.contactWrap .thanksBox .noteTxt .symItemText {flex:1 1;display:block;}



	/* 送信後 */
	body:has(#mw_wp_form_mw-wp-form-79.mw_wp_form_complete) .introBox {
		display: none;
	}


/* conFormInputBox--------------------*/

	.conFormInputBox .required-mark,
	.mw_wp_form .conFormInputBox .error {
		color: #D10C64;
	}
	.mw_wp_form .conFormInputBox .error {
		font-size:1.1rem;
		font-weight: 600;;
	}
	.conFormInputBox .conFormUnit {
		display: flex;
		align-items: center;
	}
	.conFormInputBox .conFormUnit + .conFormUnit {
		border-top: 1px solid #B0C7EF;
	}
	.conFormInputBox .ttl {
		width: 18rem;
		font-weight: 700;
		color: var(--color-bk-accent);
	}
	.conFormInputBox .inputBox {
		width: calc(80% - 18rem);
		padding: 1.2em 0;
	}
	.conFormInputBox dd:last-of-type {
		padding-bottom: 1.2em;
	}

	.conFormInputBox .inputBox input[type=email],
	.conFormInputBox .inputBox input[type=number],
	.conFormInputBox .inputBox input[type=password],
	.conFormInputBox .inputBox input[type=search],
	.conFormInputBox .inputBox input[type=tel],
	.conFormInputBox .inputBox input[type=text],
	.conFormInputBox .inputBox input[type=url],
	.conFormInputBox .inputBox select,
	.conFormInputBox .inputBox textarea {
		padding: 8px 8px;
		width: 100%;
		border-color: #C3D2DD;
		border-radius: 8px;
		background: #fff;
	}
	.conFormInputBox .inputBox input::placeholder,
	.conFormInputBox .inputBox textarea::placeholder {
		color: #B4B4B4;
	}

	.conFormInputBox .inputBox .select-wrap::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		transform: translateY(-50%);
		width: 0;
		height: 0;

		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 6px solid #333;
		pointer-events: none;
	}
	.mw_wp_form_preview .conFormInputBox .inputBox .select-wrap::after {
		display: none;
	}

	.conFormInputBox .inputBox input:focus,
	.conFormInputBox .inputBox textarea:focus,
	.conFormInputBox .inputBox select:focus {
		border:1px solid var(--color-bl-01);
}
	.conFormInputBox .btns {
		display: flex;
		justify-content: center;
		text-align: center;
		padding-top:2em;
	}
	.conFormInputBox .btns button {
		display: block;
		width: min(80% ,280px);
		padding: 16px 24px;
		color: #fff;;
		background: linear-gradient(90deg, #1AA1D3 50%, #6CC7F0);
		font-size:1.5rem;
		font-weight: 600;
		border-radius: 100px;
	}
	.conFormInputWrap .caption {
		display: none;
		text-align: center;
		padding-top: 1.5rem;
		font-size: 0.9rem;
	}

	/* 確認画面時のボタン */
	.conFormInputWrap .mw_wp_form_confirm .btns button {
		display: inline;
	}
	.conFormInputWrap .mw_wp_form_confirm .btns button.btn-back {
		margin-right: 8px;
		width: 120px;
		background: none;
		color: #555;
		border: 1px solid #999;
	}
	.conFormInputWrap .mw_wp_form_confirm .caption {
		display: block;
	}


/* 名前 */
	.conFormInputBox .inputBox.nameBox {
		display: flex;
		justify-content: space-between;
	}
	.conFormInputBox .inputBox.nameBox .nameBoxElement {
		width: calc(50% - 4px);
	}
/* セレクトボックス */
	.conFormInputBox .inputBox select {
		font-size:1.4rem;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding-right: 2.5em; /* 右の余白確保 */
	}
	.conFormInputBox .inputBox .select-wrap {
		position: relative;
		display: inline-block;
		width: calc(90% - 18rem);
	}
/* メッセージ */
	.conFormInputBox .inputBox.messageBox {
		width: calc(100% - 18rem);
	}


@media (max-width:991px) {
	.conFormInputBox .inputBox .select-wrap {
		width: calc(100% - 18rem);
	}
}

@media (max-width: 767px) {
	.conFormInputBox .conFormUnit {
		display: block;
		align-items: center;
	}
	.conFormInputBox .ttl {
		width: 100%;
		padding-top: 1.2em;
	}
	.conFormInputBox .inputBox {
		width: 100%;
		padding: 0.2em 0;
	}
/* メッセージ */
	.conFormInputBox .inputBox.messageBox {
		width: 100%;
	}

	.conFormInputBox .inputBox input[type=email],
	.conFormInputBox .inputBox input[type=number],
	.conFormInputBox .inputBox input[type=password],
	.conFormInputBox .inputBox input[type=search],
	.conFormInputBox .inputBox input[type=tel],
	.conFormInputBox .inputBox input[type=text],
	.conFormInputBox .inputBox input[type=url],
	.conFormInputBox .inputBox select,
	.conFormInputBox .inputBox textarea {
		padding: 8px 8px;
	}

	.conFormInputBox button {
		font-size:1.4rem;
	}
}


/* form-info--------------------*/
	.form-info {
		padding-top:2em;
		text-align: center;
	}
	.mw_wp_form.mw_wp_form_complete + .form-info {
		display: none;
	}

	.contactWrap .caption-recaptcha {
		padding-top:1rem;
		font-size:0.9rem;
		margin-inline: auto;
		max-inline-size: max-content;
	}


