.w100 { width: 100%; }
.w80 { width: 50%; }
.radio {
	font-size: 15px;
	line-height: 30px;
	input {
		margin-right: 3px;
	}
}
.iform {
	.cap {
		font-size: 12px;
	}
	p {
		font-size: 15px;
		margin-bottom: 10px;
	}
	select {
		border: 1px solid #999 !important;
		font-size: 14px;
		padding: 5px;
		border-radius: 5px;
	}
	.address {
		p {
			display: flex;
		}
		.tag {
			width: 100px;
			font-size: 14px;
		}
		.box {
			flex: 1;
		}
	}
}
.typeitem {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	.item {
		margin: 0 20px 10px 0;
	}
	input[type=checkbox] {
	  transform: scale(1.7);
	  margin-right: 5px;
	  border: 1px solid #CCC;
	}
	label {
		font-size: 15px;
		font-weight: 500;
		margin-left: 5px;
	}
}
.conf-btn {
	display: inline-block;
	background: #00a0e9;
	color: #FFF;
	font-weight: 500;
	padding: 10px 40px;
	border-radius: 7px;
	margin-top: 30px;
}
.n-icon img {
	width: 36px;
}
@media (min-width:769px) {
	.contact {
		margin: 0px 100px;
		.title {
			text-align: center;
			h1 {
				font-family: 'Noto Serif JP', serif;
				font-weight: 400;
				font-size: 26px;
				margin-bottom: 10px;
			}
		}
		.koumoku {
			font-weight: 400 !important;
		}
		.iform {
			display: flex;
			align-items: center;
			border-bottom: 1px solid #CCC;
			li {
				padding: 15px 20px;
			}
			.input {
				flex: 1;
				background: #F0F0F0;
				span {	
					display: inline-block;
				}
				input {
					background: #FFF;
					border: 1px solid #DDD;
					padding: 5px 10px;
					text-align: left !important;
				}
				textarea {
					background: #FFF;
					width: 100%;
					border: 1px solid #DDD;
					padding: 5px 10px;
				}
			}
			.koumoku {
				position: relative;
				width: 220px;
				font-size: 15px;
				.n-icon {
					position: absolute;
					top: 15px;
					right: 15px;
					img {
						width: 36px;
					}
				}
			}
			div.cap {
				font-size: 12px;
				display: inline-block;
				color: #666;
			}
		}
		.top-line {
			border-top: 1px solid #CCC;
		}
		.iform-script {
			text-align: center;
			font-size: 15px;
			line-height: 30px;
			margin-bottom: 20px;
		}
		.mfp_buttons {
			button {
				background: #b81c22;
				border-radius: 7px;
				font-family: 'Sawarabi Gothic', sans-serif;
				color: #FFF;
				letter-spacing: 1px;
				padding: 10px 20px;
				margin: 30px auto 0 auto;
			}
		}
	}
}
@media (max-width:768px) {
	.contact {
		margin: 30px 15px;
		.title {
			text-align: center;
			h1 {
				font-family: 'Noto Serif JP', serif;
				font-weight: 400;
				font-size: 20px;
				margin-bottom: 10px;
			}
		}
		.koumoku {
			font-weight: 400 !important;
		}
		.iform {
			border-width: 1px;
			border-style: solid;
			border-color: #CCC #CCC #b81c22 #CCC;
			li {
				padding: 8px 10px;
			}
			.input {
				flex: 1;
				background: #F0F0F0;
				input {
					background: #FFF;
					border: 1px solid #DDD;
					padding: 5px 10px;
				}
				textarea {
					background: #FFF;
					width: 100%;
					border: 1px solid #DDD;
					padding: 5px 10px;
				}
			}
			.koumoku {
				position: relative;
				font-size: 15px;
				.n-icon {
					position: absolute;
					top: 7px;
					right: 10px;
					img {
						width: 36px;
					}
				}
			}
			div.cap {
				font-size: 12px;
				display: block;
				color: #666;
			}
		}
		.top-line {
			border-top: 1px solid #CCC;
		}
		.iform-script {
			text-align: center;
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 20px;
		}
		.mfp_buttons {
			button {
				background: #b81c22;
				border-radius: 7px;
				font-family: 'Sawarabi Gothic', sans-serif;
				color: #FFF;
				letter-spacing: 1px;
				padding: 10px 20px;
				margin: 30px auto 0 auto;
			}
		}
	}
}