main {
  background: #fcf9f5;
}

.form_wrapper {
  max-width: 640px;
  margin: 0 auto;
}

.form_note{
	margin:32px 16px 20px;
}

.form_attention{
	font-size:.9em;
}

input,
textarea,
select {
  width: 100%;
  padding: 4px 8px;
  background: white;
  border: 1px solid #00000030;
  border-radius: 4px;
	color:#666;
}


input[type="radio"] {
	display:none;
}
.wpcf7-radio{
	display:flex ;
	gap:15px;
}
.wpcf7-radio input[type="radio"] + .wpcf7-list-item-label::before {
  content:"\f0c8";
  font: var(--fa-font-regular);
/*   margin-right:8px; */
	font-size:20px;
	margin-right:5px;
}

.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::before {
  content:"\f14a";
  font: var(--fa-font-solid);
	
	font-size:20px;
	margin-right:5px;
}
.wpcf7-list-item-label{
	cursor:pointer;
}

input[type="checkbox"] {
  display: none;
}

.wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label::before {
  content:"\f0c8";
  font: var(--fa-font-regular);
/*   margin-right:8px; */
	font-size:20px;
	margin-right:5px;
}

.wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  content:"\f14a";
  font: var(--fa-font-solid);
	
	font-size:20px;
	margin-right:5px;
}


.wpcf7-list-item.first{
	margin-left:0;
}

.select_wrapper{
	width:fit-content;
	position:relative;
}

/* .select_wrapper::after{
	content:"\f078";
	font: var(--fa-font-solid);
	position: absolute;
	right:8px;
	top:50%;
	transform:translatey(-50%);
} */

.select_wrapper select{
	width: fit-content;
	appearance: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
}

.birthday .select_wrapper{
	width: 30%;
}
.birthday .select_wrapper select{
	width: calc(100% - 1em);
}

input[name="zip"]{
	width:150px;
	margin-bottom: 8px;
}

.wpcf7-acceptance{
  display:block;
  text-align:center;
}

.wpcf7-acceptance a{
	color:#70b3d1;
	text-decoration:underline;
}

.wpcf7-acceptance input + .wpcf7-list-item-label::before{
  content:"\f0c8";
  font: var(--fa-font-regular);
/*   margin-right:8px; */
	
		font-size:20px;
	margin-right:5px;
}

.wpcf7-acceptance input:checked + .wpcf7-list-item-label::before{
  content:"\f14a";
  font: var(--fa-font-solid);
		font-size:20px;
	margin-right:5px;
}

input[type="file"] {
  border: none;
}

input::placeholder {
  color: #aaa;
}

.form_wrapper{
  padding-top:36px;
}

form {
  padding: 0 0 36px;
}

form > dl > div {
  margin: 16px 0;
}

form dl > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.how_div{
	align-items:flex-start;
}

form dl > div > div {
  margin-left: 208px;
  width: calc(100% - 200px);
}

form dt {
  width: 200px;
}

form dt label {
  display: block;
	font-weight:bold;
}

form dd {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

form dd label {
  word-break: keep-all;
}

form dd p{
  width:100%;
}

form .datesystem dd p{
	width: fit-content;
}

input[type="submit"]{
  color:white;
  background:#87bad1;
  border:none;
  margin: 16px;
  width:calc(100% - 36px);
  text-align:center;
}

@media screen and (max-width: 768px) {
	.form_attention{
		padding:0 16px;
	}
	
form dl > div{
  flex-direction: column;
  padding:0 16px;
}

form dt,form dd{
  width:100%;
}
	
	
	.wpcf7-list-item{
		display:block;
		margin-left:0;
	}
	
}

.wpcf7-not-valid-tip{
/* 	display:none; */
}

.submit .wpcf7-not-valid-tip{
	display:block;
}

#MW_div {
	width:90%;
	margin: 0 auto;
	font-weight: 500;
}

#MW_input, select {
/* 	margin-bottom: 15px; */
	margin: 8px 0px;
}

#MW_thanks {
	font-weight: 500;
}

#attention {
	margin-top: -10px;
	font-size: 14px;
	line-height: 19px;
}

.mw_wp_form .error {
	margin: -10px 0 15px;
}

#select_attention {
	margin-top: 4px;
	font-size: 14px;
}

.mwform-file-delete {
	display: none;
}

@media screen and (min-width:768px) {
	
	#MW_div {
	width: 70%;
}
	#MW_input {
	margin-bottom: 15px;
}
	
}

@supports (-webkit-overflow-scrolling: touch) {
	/* 画面幅が850px以下のiOSデバイスに適用したい場合 */
	@media screen and (max-width: 850px) {
  
	  /* input[type="date"]にカスタムカレンダーアイコンを適用 */
	  input[type="date"] {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
		background-repeat: no-repeat;
		background-position: right 10px center; /* アイコンの位置を右に10px、中央に */
		background-size: 20px 20px; /* アイコンのサイズを調整 */
		text-align: left;
	  }
  
	  /* .wpcf7-date にも必要に応じて特定のiOS Safariスタイルを適用 */
	  .wpcf7-date {
		width: 100% !important; /* 例: 幅を調整 */
		margin: 0 0 10px 0; /* 例: マージンを調整 */
		font-size:14px;
		min-height: calc(1.5em + 8px);
	  }
	  
	  input[type="date"]::-webkit-date-and-time-value {
		/* テキストを左寄せにする */
		text-align: left; 
	  }
	}
  }

@media screen and (max-width:768px) {
	.select_media {
	margin-right:5% !important;
	margin-left:auto;
	}
}