.form {}

sup {
	color:#f00;
	font-size:10px;
}

.form-body {
}

.form-body>form>ul {
	list-style-type:none;
}

.form-body>form>ul>li {
	padding:7px 0;
}

.form-body>form>ul>li:last-of-type {
	padding:14px 0;
}

.form-body>form>ul>li+li {
	border-top:1px solid #ccc;
}

.form-body ul li dl {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	text-align:left;
}

.form-body ul li dl dt {
	width:250px;
	line-height:16px;
	font-size:16px;
}

.form-body ul li dl dt span {
	position:relative;
	display:block;
	padding-left:10px;
}

.form-body ul li dl dt.necessary span::after {
	position:absolute;
	right:0;
	top:calc(50% - 9px);
	display:inline-block;
	padding:2px;
	color:#fff;
	line-height:12px;
	font-size:12px;
	content:"必須";
}

.form-body ul li dl dd {
	width:calc(100% - 260px);
	line-height:22px;
	font-size:14px;
}

.form-body ul li dl dd>p {
	padding:0;
}

.form-body ul li dl dd input[type="text"],
.form-body ul li dl dd textarea,
.form-body ul li dl dd select {
	box-sizing:border-box;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:6px;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	line-height:22px;
	font-size:14px;
}

.xl-text,
.form-body ul li dl dd textarea {
	width:100%;
}

.l-text {
	width:75%;
}

.m-text {
	width:50%;
}

.s-text {
	width:25%;
}

input,
label {
	vertical-align:middle;
}

label {
	cursor:pointer;
}

.nocursor {
	display:inline-block;
	cursor:text;
	width:6em;
}

.form-body ul li dl dd ol {
	list-style-type:none;
}

.form-body ul li dl dd ol>li {
	padding:1px 0;
	border:none;
	line-height:22px;
	font-size:14px;
}

.form-body ul li em input {
	display:inline-block;
	padding:10px;
	background-color:#000;
	color:#fff;
	width:200px;
	line-height:16px;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	font-size:16px;
	cursor:pointer;
}

.form-body form>ul {
	list-style-type:none;
}

.form-body form>ul>li {
	padding:10px 0;
}

.form-body form>ul>li:last-of-type {
	padding:20px 0;
}

.form-body form>ul>li+li {
	border-top:1px solid #ccc;
}

span.wpcf7-list-item{
    display: block;
    padding: 1px 0;
    border: none;
    line-height: 22px;
    font-size: 14px;
    margin: 0 1em 0 0;
}
.wpcf7 input[type="radio"],
input[type="checkbox"]{
    vertical-align: text-top;
    margin-right: 0.5em;
}

.form-body ul li dl dd input[type="text"],
.form-body ul li dl dd input[type="email"],
.form-body ul li dl dd input[type="tel"],
.form-body ul li dl dd textarea,
.form-body ul li dl dd select {
	box-sizing:border-box;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:6px;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	line-height:22px;
	font-size:14px;
}

.form-body .form-att{
    margin-top: 5px;
}

.form-body .tk-send {
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 200px;
    line-height: 16px;
    font-family: 游ゴシック体, YuGothic, "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic";
    font-size: 16px;
    cursor: pointer;
    padding: 10px;
}

div.wpcf7 .wpcf7-spinner{
	display: block;
	margin: 10px auto;
}

@media only screen and (max-width : 767px) {
	.form-body form>ul>li {
		padding:20px 0;
	}
	.form-body ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}

	.form-body ul li dl dt {
		margin-right:auto;
		padding-bottom:7px;
		max-width:250px;
		font-weight:bold;
	}

	.form-body ul li dl dd,
	.l-text,
	.m-text,
	.s-text {
		width:100%;
	}

	.form-body ul li dl dt span {
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		padding:0;
	}

	.form-body ul li dl dt.necessary span::after {
		position:static;
		margin-left:10px;
	}
}