@charset "utf-8";

.contact {
	font-size: 16px;
}

.tlc {
	text-align: center;
}
h2:not(footer h2) {
  /* 2016.02.12　追記 */
  padding: 20px 0 10px;
  margin-top: 50px !important;
  text-align: left !important;
}

h2:first-child {
	margin-top: 0 !important;
}

.tel_box p strong {
		color: #E50008;
}
	.contact th {
	white-space:nowrap;
	font-weight: normal;
	/*font-size: 12px !important;*/
	font-weight: bold;
	background-color: #F0F0F0;
}
.contact .submit_btn td {
	border: none !important;
	letter-spacing: 5em !important;
}
.contact .submit {
	background: none !important;
	border: none;
	text-align: center;
}
.contact .last {
	border-bottom: #000 solid 1px;
}
input.ChkConsent {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: bottom;
    margin-right: 1rem;
}
.submit_btn .btn_left {
	margin-right: 30px !important;
}

.tel_box {
	background: url(../img/diagonal.gif) repeat top;
}

/* プロジェクションマッピング専用の項目 */
/* .prj_items {
	display: none;
} */

/* 画像アップロードの箇所 */
.contact .wcms-tmpup-wrapper {
	float: initial;
}
.contact .wcms-tmpup-thumb {
	width: auto;
}
.wcms-tmpup-foot {
	display: flex;
	justify-content: space-between;
}

.contact .btn.BtnAddImage,
.contact .btn.btn-danger,
.contact .btn.btn-primary {
	font-size: 14px;
	padding: 8px;
	white-space: nowrap;
}

.contact .btn.BtnAddImage,
.contact .btn.btn-danger {
	background-color: #FF0055;
}

.contact .btn.btn-primary {
	background-color: #40c0cb;
}


.contact .must {
	color: #fff;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.25rem;
	padding: 2px 12px;
	padding-right: calc(12px - 0.25rem);
	/* margin-top: 10px; */
	margin-left: 10px;
	border-radius: 10px;
	font-weight: normal;
	background-color: #E50008;
}
/* 個人情報保護文言 */
.contact .pp {
	overflow-y: scroll;
}
.contact .pp h3{
	margin-top: 14px;
}
.contact .pp h4 {
	margin-top: 20px;
}

/* -----------------------------------------------

 * SP版　調整

----------------------------------------------- */
@media only screen and ( max-width : 640px ) {
	h2 {
		font-weight: bold;
		font-size: 18px !important;
	}
	.tel_box p strong {
		font-size: 18px !important;
	}

	.contact form {
		margin: 10px 0;
	}
	.contact table {
		width: 100%;
	}
	.contact th,.contact td {
		padding: 15px 20px;
		border-top: #000 solid 1px;
		border-left: #000 solid 1px;
		border-right: #000 solid 1px;
		display: block;
	}
	.contact th {
		white-space:nowrap;
		font-weight: normal;
		/*font-size: 12px !important;*/
		text-align: left;
	}
	.contact td input[type="text"], textarea {
		width: 100%;
	    padding: 0.5rem;
		box-sizing: border-box;
		border-radius: 0;
	}
	.contact td select {
		font-size: 1rem;
		color: #434343;
		-webkit-appearance: none;
		appearance: none;
		padding: 0.75rem;
		width: 100%;
		box-sizing: border-box;
		background-image: url(../img/select.svg);
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: right 10px center;
	}
	.contact .submit {
		background: none !important;
		border: none;
		text-align: center;
	}
	.contact textarea,.contact input {
		border: 1px solid #ccc;
		padding: 5px;
	}

	.contact .btn {
		padding:15px 0;
		width: 120px;
		margin:0px auto 10px;
		text-transform:uppercase;
		color:#fff !important;
		cursor:pointer;
		background-color:#333;
		text-align: center;
		border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border: none !important;
	}

	.contact .btn:hover {
		text-decoration: none;
		background: #444;
	}

	.border_none {
		border-bottom: none !important;
	}
	.tel_box {
		padding: 10px 0;
		border: #000 solid 1px;
	}
	.tel_box .clr {
		width: 250px;
		margin: 0 auto;
	}
	.tel_box span {
		font-weight: bold;
	}
	.tel {
		margin-bottom: 20px !important;
	}
	.contact .tel_fax .pp {
		background-color: #F0F0F0;
		color: #fff !important;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.info {
		margin-top: 20px;
		padding: 10px;
		background-color: #f0f0f0;
	}
	.info a {
		margin-top: 10px;
		padding: 10px;
		color: #fff;
		background-color: #444 !important;
		display: block;
		text-align: center;
	}
	.submit_btn td {
		display: flex;
		justfy-content: center;
		width: auto !important;
	}
	.contact .pp {
		height: 11em;
	}
}






/* -----------------------------------------------

 * 狭いPC ・ タブレット版　調整

----------------------------------------------- */
@media (max-width: 1020px) and (min-width: 641px) {
	h2 {
		font-size: 30px !important;
	}
	.contents_inner {
		width: auto !important;
	}
	.contact {
		width: 100%;
		margin: 0 auto;
	}
	.tel_box p strong {
		font-size: 200%;
	}

	.contact form {
		width: 100%;
		margin: 10px auto;
	}
	.contact table {
		width: 100%;
	}
	.contact th,.contact td {
		padding: 15px 20px;
		border-top: #000 solid 1px;
	}
	.contact th {
		width: 180px;
		padding: 10px;
		/*font-size: 12px !important;*/
		border-left: #000 solid 1px;
	}
	.contact td {
		border-right: #000 solid 1px;
	}
	.contact .submit_btn {
		margin-top: 20px;
	}
	.contact .submit_btn td {
		padding-top: 20px;
	}
	.contact .submit {
		background: none !important;
		border: none;
		text-align: center;
	}
	.contact textarea {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		font-size: 15px;
	}

	/* .contact .must {
		color: #fff;
		font-size: 10px;
		text-align: center;
		padding: 2px 5px;
		margin-top: 10px;
		margin-left: 10px;
		border-radius: 10px;
		font-weight: normal;
		background-color: #E50008;
	} */

	.contact .btn {
		padding:15px 0;
		width: 200px;
		margin:0px auto;
		text-transform:uppercase;
		color:#fff !important;
		cursor:pointer;
		background-color:#333;
		text-align: center;
		border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border: none !important;
	}

	.contact .btn:hover {
		text-decoration: none;
		background: #444;
	}

	.border_none {
		border-bottom: none !important;
	}
	.tel_box {
		padding: 20px 10px;
		border: #333 solid 1px;
	}

	.tel_box .clr {
		width: 560px;
		margin: 0 auto;
	}

	.contact .tel,.contact .fax {
		float: left;
	}

	.contact .fax {
		margin-left: 70px;
	}
	.tel_box p span {
		font-weight: bold;
	}
	#confirm,#err,#thanks {
		margin-top: 75px;
		padding-top: 80px;
		margin-bottom: 100px;
	}
	#confirm h3,#err h3,#thanks h3 {
		color: #E50008;
	}
	#footer2 {
		width: 100% !important;
		height: 214px !important;
		background-color: #f9f2e7;
		position: absolute !important;
		bottom: 0 !important;
	}
	#confirm #form p {
		margin-bottom: 10px;
	}
	.contact {
		margin-bottom: 80px;
	}
	.text .info {
		margin-top: 30px;
		padding: 20px;
		background-color: #f0f0f0;
	}
	.text .info .pp {
		margin-top: 10px;
		padding: 10px 20px;
		color: #fff;
		background-color: #444;
		display: block;
		text-align: center;
	}
	.mean-bar {
		margin-bottom: 60px;
	}
	.contact .last {
		border-left: #000 solid 1px;
	}
	.contact td input[type="text"] {
		padding: 0.75rem;
		width: 100%;
		box-sizing: border-box;
	}
	.contact td select {
		-webkit-appearance: none;
		appearance: none;
		padding: 0.75rem;
		width: 100%;
		box-sizing: border-box;
		background-image: url(../img/select.svg);
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: right 10px center;
	}
	.contact .privacy {
		border-left: #000 solid 1px;
	}
	.contact .pp {
		height: 150px;
		padding: 10px;
		border: 1px solid #ccc;
		margin-bottom: 1px;
	}
}






/* -----------------------------------------------

 * PC版　調整

----------------------------------------------- */
@media (min-width: 1021px) {
	h2:not(footer h2) {
		font-size: 30px !important;
	}
	.contents_inner:not(#thanks .contents_inner) {
		width: auto !important;
	}
	.contact {
		width: 800px;
		margin: 0 auto;
	}
	.tel_box p strong {
		font-size: 28px;
	}

	#base #contents .contact {
		width: 800px;
		margin: 10px auto;
	}
	.contact table {
		width: 100%;
	}
	.contact th,.contact td {
		padding: 1.5rem 20px;
		border-top: #000 solid 1px;
	}
	.contact th {
		width: 180px;
		padding: 10px;
		/*font-size: 12px !important;*/
		border-left: #000 solid 1px;
	}
	.contact td {
		border-right: #000 solid 1px;
	}
	.contact .agree td {
		border-right: none;
	}
	.contact .submit_btn {
		margin-top: 20px;
	}
	.contact .submit_btn td {
		padding-top: 20px;
		text-align: center;
	}
	.contact .submit {
		background: none !important;
		border: none;
		text-align: center;
	}
	.contact textarea {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		font-size: 15px;
	}

	/* .contact .must {
		color: #fff;
		font-size: 10px;
		text-align: center;
		padding: 2px 5px;
		margin-top: 10px;
		margin-left: 10px;
		border-radius: 10px;
		font-weight: normal;
		background-color: #E50008;
	} */

	.contact .btn {
		padding:15px 0;
		width: 200px;
		margin:0px auto;
		text-transform:uppercase;
		color:#fff !important;
		cursor:pointer;
		background-color:#333;
		font-size: 100%;
		text-align: center;
		border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border: none !important;
	}

	.contact .btn:hover {
		text-decoration: none;
		background: #444;
	}

	.border_none {
		border-bottom: none !important;
	}
	.tel_box {
		width: 800px;
		margin: 0 auto;
		padding: 20px 10px;
		border: #333 solid 1px;
	}

	.tel_box .clr {
		width: 590px;
		margin: 0 auto;
	}

	.contact .tel,.contact .fax {
		float: left;
	}

	.contact .fax {
		margin-left: 70px;
	}
	.tel_box p span {
		font-weight: bold;
	}
	#confirm,#err,#thanks {
		margin-top: 75px;
		padding-top: 80px;
		margin-bottom: 100px;
	}
	#confirm h3,#err h3,#thanks h3 {
		color: #E50008;
	}
	#footer2 {
		width: 100% !important;
		height: 214px !important;
		background-color: #f9f2e7;
		position: absolute !important;
		bottom: 0 !important;
	}
	#confirm #form p {
		margin-bottom: 10px;
	}
	.contact {
		margin-bottom: 80px;
	}
	.text .info {
		margin-top: 30px;
		padding: 20px;
		background-color: #f0f0f0;
	}
	.text .info .pp {
		margin-top: 10px;
		padding: 10px 20px;
		color: #fff;
		background-color: #444;
		display: block;
		text-align: center;
	}

	.submit_btn td {
		width: 500px;
		margin: 0 auto;
		padding-left: 0 !important;
	}
	.contact td input[type="text"] {
		padding: 0.75rem;
		width: 100%;
		box-sizing: border-box;
	}
	.contact td select {
		padding: 0.75rem;
		width: 100%;
		box-sizing: border-box;
	}
	.contact .last {
		border-left: #000 solid 1px;
	}
	.contact .privacy {
		border-left: #000 solid 1px;
	}
	/* 個人情報保護文言 */
	.contact .pp {
		height: 150px;
		padding: 10px;
		border: 1px solid #ccc;
		margin-bottom: 1px;
	}
}

/* エラー表示 */
#problem {
    margin-top: 1rem;
}
.attention {
    color: #e50008;
}