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

Stylesheet: お問い合わせページに適応

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

/*===お問い合わせフォーム===*/

/*フォームの幅調整*/
.contact-form-section {
		padding-top: 50px;
}
.contact-form-section .contact-form-box {
	max-width:80% !important;
	}
@media (max-width: 1023px) {
.contact-form-section .contact-form-box {
		max-width:95% !important;
	}
}

/*ラベル調整*/
.sme-badge{
	border-radius: 0px !important;
	padding-right:10px;
	padding-left:10px;
	margin-right:10px;
}

/* //ラジオボタン位置調整  */
.smf-radio-button-control__control{
  margin-top: 7px !important;
}
.smf-radio-button-control__control:checked {
	background-color: var(--accent-color) !important;
	 border-color: #EDF1F3 !important;
}
.smf-radio-button-control__control:checked:before {
	background-color: var(--accent-color) !important;
}

/*ボックスの色変更*/
.smf-text-control__control {
	border-radius: 0px !important;
	background:#EDF1F3 !important;
}
.smf-textarea-control__control {
	border-radius: 0px !important;
	background:#EDF1F3 !important;
}



/*お問い合わせボタン*/

.smf-action {
	margin-top:60px !important;
}
@media screen and (max-width:639px) { 
.smf-action {
	margin-top:30px !important;
}
}

/* ボタンの全体設定 */
.smf-action .smf-button-control__control {
	font-family: var(--font-family);
	  font-size: 20px;
    font-weight: 900;
    padding: 15px 80px;
    border-radius: 0px;
		background:var(--accent-color);
    border: solid 1px var(--accent-color) !important;
    color: #fff !important;
}
/* 確認画面のボタンの間、余白調整 */
@media (max-width: 639px) {
.smf-button-control {
	margin-left:0 !important;
}
}

/* 「戻る」フォームボタンを個別にデザイン */
.smf-button-control__control[data-action="back"] {
  background: #fff !important;
  color:var(--accent-color) !important;
}
@media (max-width: 639px) {
.smf-button-control__control[data-action="back"] {
margin-bottom:15px !important;
}
}


/* .smf-action .smf-button-control__control:hover {
	background-color: #fff !important;
  transition: 0.5s;
  color:var(--accent-color) !important;
} */


@media (max-width: 639px) {
	.smf-action .smf-button-control__control {
    padding: 15px 70px;
}
/* お問い合わせボタンテキスト*/
	.smf-action .smf-button-control__control {
	  font-size: 18px;
}
}

/* 2つ目のお問い合わせフォームスマホ時ラベル横並び */
@media (max-width:639px){
.contact-form-section .smf-item__col--label {
	display: flex;
}
.smf-item__label {
      position: relative;
      order: 1;
      overflow: hidden;
	margin-top:1px;
}
}


/* 確認画面時にラベル非表示 */
.snow-monkey-form[data-screen="confirm"] .sme-badge{
display:none !important;
	background-color:#fff !important;
}