@charset "UTF-8";

/* メイン */

/* フォーム画面 */
.yoy-text {
}
.yoy-cat-silhouette {
}
.yoy-cat-silhouette img {
}
.yoy-tel-box {
	background: #EFEBC9;
}
.yoy-tel {
}
.yoy-tel::before {
	content: url(../png3/tel-icon.png);
}
.yoy-tel a {
	font-weight: bold;
	pointer-events: none;
}
.error {
	background: #CC0000;
	color: #FFFFFF;
}
table.yoy-form-table {
}
table.yoy-form-table th,
table.yoy-form-table td {
	padding: 10px 10px 10px 10px;
	border: solid 1px #000000;
}
table.yoy-form-table th {
	width: 30%;
	background: #EFC59E;
	white-space: nowrap;
}
table.yoy-form-table td {
	width: 70%;
	background: #FFFFFF;
}
table.yoy-form-table input {
	margin: 2px 2px 2px 2px;
}
table.yoy-form-table label {
	margin: 0 10px 0 0;
	white-space: nowrap;
}
table.yoy-form-table textarea {
	width: 100%;
}
#yoy-form-submit .form-submit {
	padding: 20px 40px 20px 40px;
	background: #B8EAC9;
	border: none;
	border-radius: 10px;
	color: #000000;
	font-size: 20px;
}

	/* tablet */
@media (max-width: 840px) {
	.yoy-tel a {
		pointer-events: auto;
	}
	input[type="text"] {
		width: 100%;
	}
}

	/* mobile */
@media (max-width: 640px) {
	table.yoy-form-table th,
	table.yoy-form-table td {
		width: 100%;
		display: block;
	}
	table.yoy-form-table textarea {
		height: 100px;
	}
}
/* フォーム画面 */

/* フォーム確認画面 */
.yoy-button-box {
}
.yoy-button-box .yoy-form-submit input[type="submit"] {
	padding: 10px 30px 10px 30px;
	background: #B8EAC9;
	border: none;
	border-radius: 10px;
	color: #000000;
	font-size: 20px;
}
.yoy-button-box .yoy-form-change input[type="button"] {
	padding: 10px 30px 10px 30px;
	background: #B8EAC9;
	border: none;
	border-radius: 10px;
	color: #000000;
	font-size: 20px;
}
.yoy-form-change {
}

	/* tablet */
@media (max-width: 840px) {
	.yoy-button-box {
		width: 60%;
	}
}

	/* mobile */
@media (max-width: 640px) {
	.yoy-button-box {
		width: 96%;
	}
	.yoy-button-box .yoy-form-submit input[type="submit"],
	.yoy-button-box .yoy-form-change input[type="button"] {
		padding: 10px 10px 10px 10px;
	}
}
/* フォーム確認画面 */

/* メイン */
