@charset "utf-8";

#page-advertisement .head h1 {
	font-size: 30px;
	font-weight: bold;
	margin: 30px 5px;
}
#page-advertisement .head p {
	margin-bottom: 40px;
}
#page-advertisement .head ul li {
	list-style-type: disc;
	text-indent: 1.3em;
}
#page-advertisement .head ul {
	margin-bottom: 60px;
}
#page-advertisement table {
	background-color: #e9e9e9;
}
#page-advertisement table tr td:first-of-type {
	background-color: #dcdcdc;
	vertical-align: top;
	width: 40%;
}
#page-advertisement table tr td:first-of-type small {
	padding-left: 1em;
	font-size: 12px;
}
#page-advertisement .table > tbody > tr > td {
	padding: 26px 2em;
	border-top: 1px solid #c5c5c5;
	box-shadow: 0px 2px 0px 0px #fff;
}
#page-advertisement table tr td:first-of-type label {
	background-color: #c72a2a;
	color: #fff;
	padding: 3px 10px;
	margin-left: 1em;
    display: inline;
}
#page-advertisement form table tbody tr td input::placeholder,
#page-advertisement form table tbody tr td textarea::placeholder {
	color: #d1d1d1;
}
#page-advertisement form table tbody tr td input:not([type="radio"]),
#page-advertisement form table tbody tr td textarea {
	height: 2.5em;
	width: 80%;
	padding: 10px;
	border: 1px solid #cfcfcf;
	font-size: 16px;
}
#page-advertisement form table tbody tr td textarea {
	height: 7em;
}
#page-advertisement button[type="submit"] {
	background-color: #222222;
	padding: 10px 0px;
	width: 370px;
	border: none;
	color: #fff;
	display: inline-block;
	margin: 40px 10px;
}
#page-advertisement button[type="submit"]:hover {
	background-color: #c72a2a;
}
#page-advertisement button[type="submit"][name="send"] {
	background-color: #c72a2a;
}
#page-advertisement button[type="submit"][name="send"]:hover {
	background-color: #e54545;
}
#page-advertisement.page-thanks .head h6 {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	margin-bottom: 40px;
}
#page-advertisement.page-thanks .w-800 p:first-child {
	margin-bottom: 30px;
}
#page-advertisement.page-thanks a.btn-black {
	width: 370px;
	font-size: 14px;
	margin: 40px auto;
}
@media screen and (max-width: 767px) {
    #page-advertisement .head h1 {
        font-size: 20px;
    }
	#page-advertisement .head {
		padding: 10px;
        line-height: 1.4;
	}
	#page-advertisement table {
		background-color: #fff;
		padding: 10px;
		display: block;
	}
	#page-advertisement .table > tbody > tr {
		display: block;
		width: 100%;
	}
	#page-advertisement .table > tbody {
		display: block;
	}
	#page-advertisement .table > tbody > tr > td {
		display: table;
		width: 100%;
		border: none;
		background-color: #fff;
	}
    #page-advertisement table tr td:first-of-type label {
        font-size: 12px;
    }
	#page-advertisement .table > tbody > tr > td:first-of-type {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	#page-advertisement .table > tbody > tr > td textarea {
		height: 9em;
	}
	#page-advertisement form table tbody tr td input:not([type="radio"]),
	#page-advertisement form table tbody tr td textarea {
		width: 100%;
	}
	#page-advertisement form .submit-confirm-wrap {
		padding: 10px;
	}
	#page-advertisement button[type="submit"][name="confirm"] {
		margin: 40px 0;
		width: 100%;
	}
	#page-advertisement .head ul {
		padding-left: 1em;
	}
	#page-advertisement .head ul li {
		text-indent: -1px;
	}
    #page-advertisement button[type="submit"] {
        padding: 15px 0;
    }
    #page-advertisement button[type="submit"][name="back"],
    #page-advertisement button[type="submit"][name="send"] {
        width: 150px;
    }
	#page-advertisement.page-thanks a.btn-black {
		width: 100%;
	}
	#page-advertisement.page-thanks div.btn-wrap {
		padding: 10px;
	}
	#page-advertisement .table > tbody.confirm > tr > td:last-of-type {
		background-color: #efefef;
		padding: 20px 10px;
		display: block;
	}
	#page-advertisement.page-thanks .w-800 {
		padding: 10px;
        line-height: 1.4;
	}
}