/** テキストボックス(5文字以下) */
.input-less-than-5 {
	max-width: 100px;
	width: 100px;
}

/** テキストボックス(6文字以上10文字以下) */
.input-less-than-10 {
	max-width: 150px;
	width: 150px;
}

/** テキストボックス(11文字) */
.input-11 {
	max-width: 200px;
	width: 200px;
}

/** テキストボックス(12文字) */
.input-12 {
	max-width: 210px;
	width: 210px;
}

/** テキストボックス(11文字以上15文字以下) */
.input-less-than-15 {
	max-width: 240px;
	width: 240px;
}

/** テキストボックス(20文字) */
.input-20 {
	max-width: 350px;
	width: 350px;
}

/** テキストボックス(30文字) */
.input-30 {
	max-width: 500px;
	width: 500px;
}

/** テキストボックス(50文字) */
.input-50 {
	max-width: 500px;
	width: 500px;
}

/** テキストボックス(100文字) */
.input-100 {
	max-width: 500px;
	width: 500px;
}

/** モバイル表示の場合 */
@media screen and (max-width: 991px) {
	/** テキストボックス 11文字、12文字、10文字以上15文字以下, 20文字、30文字、100文字 */
	.input-11, .input-12, .input-less-than-15, .input-20, .input-30, .input-100 {
		max-width: 100%;
		width: 100%;
	}
}