@charset "UTF-8";
/**************************************/
/* CSS file For shane ODAWARA         */
/* FileName: contact.css              */
/* date: 2024.12.24                   */
/**************************************/
/* お問い合わせ */

@media screen and (min-width: 831px) {
	#contact .bread-crumb {
		padding-top: 2em;
	}
}
@media screen and (max-width: 830px){
	#contact .bread-crumb {
		font-size: 1.2em;
		padding-top: 1em;
		padding-bottom: 0em;
	}
}
#contact .sub-menu-wrapper1 {
	background: #320e14;
	height: 140px;
	margin-top: 0px;
}
@media screen and (max-width: 1280px){
	#contact .sub-menu-wrapper1 {
		display: none;
	}
}
#contact .sub-menu-wrap1 .wrap-inner1 {
    width: 100%;
	text-align: center;
	margin: 0 auto;
}
#contact .main-image-messege {
	font-size: 200%;
	font-weight: bold;
}
#contact .shane-message-1 p {
	width: 100%;
	margin: 0;
	padding: 15px 0;
	text-align: center;
}
#contact .sub-menu-wrap1 h3 {
    width: 100%;
    text-align: center;
	margin: 0 auto 2%;
    font-size: 2.6em;
    color: #fff;
    line-height: 3em;
    position: relative;
    z-index: 10;
	height: 140px;
}
@media screen and (max-width: 1280px){
	#contact .sub-menu-wrap1 h3 {
		display: none;
	}
}
#contact .form {
	background: #eee;
	padding: 3% 5%;
}
#contact .contact-form-privacy {
	margin: 3% 5%;
}
#contact .contact-form-privacy a {
	text-decoration: underline;
}
#contact .table-wrap th {
	border: none;
}
#contact .table-wrap td {
	border: none;
}
#contact table.formTable td {
	text-align: left;
}
#contact table.formTable td,
#contact table.formTable th {
	border-bottom: dotted #c0c0c0 3px;
	border-right: none;
}
#contact table.formTable td input ,
#contact table.formTable td select ,
#contact table.formTable td textarea {
	font-size: 1em;
}
@media screen and (min-width:931px) {
	#formWrap {
		width: 700px;
		margin:0 auto;
		color:#555;
		line-height:120%;
		font-size: 90%;
	}
	table.formTable {
		width: 80%;
		margin: 0 auto;
		border-collapse: collapse;
	}
	table.formTable td,
	table.formTable th {
		padding: 20px 5px;
		border-spacing: 0;
	}
	table.formTable th {
		width:43%;
		font-weight:normal;
		text-align:left;
	}
	span.red {
		background: #f66c6a;
		color: #fff;
		font-size: 70%;
		margin-left: 15px;
		padding: 3px 0.5em;
		border-radius: 5px;
		white-space: nowrap;
	}
	#contact .submit-btn {
		background: #508855;
		border-radius: 100px;
		color: #fff;
		font-size: 1.1em;
		border-style: none;
		padding: 5px
	}
	.form p {
		text-align: center;
		margin: 5% 0 2%;
	}
}
@media screen and (min-width:768px) and (max-width:930px) {
	#formWrap {
		width: 700px;
		margin:0 auto;
		color:#555;
		line-height:120%;
		font-size: 85%;
	}
	table.formTable {
		width: 96%;
		margin: 0 auto;
		border-collapse: collapse;
	}
	table.formTable td,
	table.formTable th {
		padding: 20px 5px;
		border-spacing: 0;
	}
	table.formTable th {
		width:43%;
		font-weight:normal;
		text-align:left;
	}
	span.red {
		background: #f66c6a;
		color: #fff;
		font-size: 70%;
		margin-left: 15px;
		padding: 3px 0.5em;
		border-radius: 5px;
		white-space: nowrap;
	}
	#contact .submit-btn {
		background: #508855;
		border-radius: 100px;
		color: #fff;
		font-size: 1.1em;
		border-style: none;
		padding: 5px
	}
	.form p {
		text-align: center;
		margin: 5% 0 2%;
	}
}
@media screen and (min-width:568px) and (max-width:767px) {
	#formWrap {
		width: 100%;
		max-width: 767px;
		margin:0 auto;
		color:#555;
		line-height:120%;
		font-size: 80%;
	}
	table.formTable {
		width: 100%;
		margin: 0 auto;
		border-collapse: collapse;
	}
	table.formTable td,
	table.formTable th {
		padding: 20px 5px;
		border-spacing: 0;
	}
	table.formTable td input.middle ,
	table.formTable td textarea.t-middle {
		width: 90%;
	}
	
	table.formTable th {
		width:52%;
		font-weight:normal;
		text-align:left;
	}
	span.red {
		background: #f66c6a;
		color: #fff;
		font-size: 70%;
		margin-left: 15px;
		padding: 3px 0.5em;
		border-radius: 5px;
		white-space: nowrap;
	}
	#contact .submit-btn {
		background: #508855;
		border-radius: 100px;
		color: #fff;
		font-size: 1.1em;
		border-style: none;
		padding: 5px
	}
	.form p {
		text-align: center;
		margin: 5% 0 2%;
	}
}

@media screen and (min-width:280px) and (max-width:567px) {
	#formWrap {
		width: 100%;
		max-width: 567px;
		margin:0 auto;
		color:#555;
		line-height:120%;
		font-size: 80%;
	}
	table.formTable {
		width: 100%;
		margin: 0 auto;
		border-collapse: collapse;
	}
	table.formTable td,
	table.formTable th {
		display: block;
		width: 100%;
		padding: 10px 5px;
		border-spacing: 0;
	}
	table.formTable td input.middle ,
	table.formTable td textarea.t-middle {
		width: 100%;
	}
		table.formTable th {
		width:100%;
		font-weight:normal;
		text-align:left;
	}
	span.red {
		background: #f66c6a;
		color: #fff;
		font-size: 70%;
		margin-left: 15px;
		padding: 3px 0.5em;
		border-radius: 5px;
		white-space: nowrap;
	}
	#contact .submit-btn {
		background: #508855;
		border-radius: 100px;
		color: #fff;
		font-size: 1.1em;
		border-style: none;
		padding: 5px
	}
	.form p {
		text-align: center;
		margin: 5% 0 2%;
	}
}