@charset "utf-8";

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

	contact01

------------------------------------------------------------*/
/*
@font-face{
	font-family: "trajan pro";
	src: url("../fonts/trajan pro.ttf");
}
*/
#main .contact {
	padding: 8px 0 20px;
}

#main .contact .content {

	/*width: 974px;*/

}



#main .contact h2 {

	font-size: 1.4rem;

	font-weight: bold;

	text-align: center;

	line-height: 1.3;

	letter-spacing: 0.1em;

}

#main .contact .text {

	margin-bottom: 10px;

	font-size: 1.1rem;

	text-align: center;

	letter-spacing: 0.1em;

}





#main .contact .inner {

	margin-bottom: 36px;

	padding: 0 0 0px;

	position: relative;

}

#main .contact .mailForm {

	margin: 0 auto;

	width: 600px;

}

#main .mailForm td textarea,

#main .mailForm td input[type="tel"],

#main .mailForm td input[type="email"],

#main .mailForm td input[type="text"],

#main .mailForm td input[type="file"]{

    padding: 5px 23px;

    width: 100%;

    height: 36px;

   	font-size: 1.53rem;

    box-sizing: border-box;

    -webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: 1px solid #B9C3C9;

	border-radius : 4px;

	background : rgba(245, 251, 254, 1);

}

#main .mailForm td input.errorInp {

	background-color: #fef7fa;

}

#main .contact .content > .error {

	display: none;

}

#main .contact .errorText {

	display: none;

	margin-bottom: 40px;

	color: #e60012;

	font-size: 1.4rem;

	letter-spacing: 0.1em;

	text-align: center;

}

#main .contact .content > .error + .errorText {

	display: block;

}

#main .mailForm td select {

	margin: 5px 0;

	padding: 0 23px;

    width: 100%;

    height: 30px;

	color: #231815;

   	font-size: 1.3rem;

    box-sizing: border-box;

    -webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: 1px solid #B9C3C9;

	border-radius : 3px;

	background : #efefef url(../img/contact01/arrow01.png) no-repeat right 2px center / 10px auto;

}

#main .mailForm td select::-ms-expand { 

	display: none;

}

#main .mailForm td input[type="file"] {

	height: 54px;

	background-color: #FFF;

}

#main .contact table {

	margin-bottom: 15px;

	width: 100%;

	border-collapse: collapse;

}

#main .contact th,#main .contact td {

	display: block;

	font-size: 1.36rem;

	font-family: 'meiryo';

	text-align: left;

	word-break: break-all;

}

#main .contact th {
	/*margin-top: 10px;*/
}


#main .contact th .must {
	color: #9e4a45;
}

#main .contact th .light {

	font-weight: 300;

}

#main .contact th .light01 {

	margin-left: 13px;

	font-weight: 300;

	font-size: 1.2rem;

}

#main .contact th .errorSpan .error {

	padding: 0 4px 1px 11px;

	color: #fff !important;

	font-size: 1.27rem;

	font-weight: 400;

	line-height: 1.3;

	color: inherit;

	display: inline-block;

	background-color: rgba(237, 110, 70, 1);

}

#main .contact td {

	margin-bottom: 8px;

	font-size: 1.53rem;

	position: relative;

}

#main .contact tr:last-of-type td {

	margin-bottom: 0;

}

#main .contact td .errorTd {

	position: absolute;

	top: 7px;

	left: 28px;

	color: #e60012;

	font-size: 1.53rem;

}

#main .contact td .checkList {

	margin-bottom: 2px;

	margin-right: -30px;

	padding-top: 0;

}

#main .contact td .checkList:first-child {

	margin-top: 5px;

}

#main .contact td .checkList01 {

}
#main .contact td .checkList li {
	width: 26%;
	display: inline-block;
	margin-bottom: 5px;
}
#main .contact td .checkList li:nth-child(1),#main .contact td .checkList li:nth-child(2),#main .contact td .checkList li:nth-child(5),#main .contact td .checkList li:nth-child(6) {
	width: 18%;
}

#main .contact.confirm .checkList {

	overflow: hidden;

}

#main .contact.confirm .checkList li {

	float: left;

}

#main .contact input[type="checkbox"],

#main .contact input[type="radio"] {

	display: none;

}

#main .contact input[type="checkbox"] + span,

#main .contact input[type="radio"] + span {

	padding-left: 30px;

	display: inline-block;

	font-size: 1.22rem;

	background: url("../img/contact01/check_img01.png") no-repeat left center / 18px;
	font-weight: bold;

}

#main .contact input[type="checkbox"]:checked ~ span,

#main .contact input[type="radio"]:checked ~ span {

	background-image: url("../img/contact01/check_img02.png");

}

#main .contact .mailForm textarea {

	height: 207px;

	overflow-y: scroll;

	resize: vertical;

}

#main .contact .submit li {

	margin-bottom: 24px;

	text-align: center;

}

#main .contact .submit li:last-of-type {

	margin-bottom: 0;

}

#main .contact .submit li input {

	margin: 0 auto;

	padding: 2px 10px 4px;

	width: 244px;

	font-family: 'meiryo';

	color: #FFF;

	font-size: 1.785rem;

	background-color: #b88f3f;

	border: 1px solid #fff;

    box-sizing: border-box;

    -webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border-radius: 0;

	cursor: pointer;

}

#main .contact .submit li input:hover {

	opacity: 0.7;

}

#main .contact .inputBox {

	padding: 15px 20px;

	position: relative;

	background-color: #f5fbfe;

	border-radius: 5px;

	border: 1px solid #b9c3c9;

}

#main .contact .inputBox span {

	display: inline-block;

	vertical-align: middle;

	color: #000;

	font-size: 1rem;

	line-height: 1.2;

}

#main .contact .inputBox .btn {

	margin-right: 13px;

	padding: 3px 15px 5px;

	color: #fff;

	font-size: 1.4rem;

	border-radius: 3px;

	background-color: #B5B5B5;

	max-width: 220px;

}

#main .contact .inputBox input {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	cursor: pointer;

	opacity: 0;

	z-index: 33;

}

#main .contact .information {

	margin-bottom: 13px;

	height: 165px;

	overflow: auto;

	border-radius: 3px;

	border: 1px solid rgba(146,154,159,0.5);

}

#main .contact .information .inner {

	padding: 10px 18px;

}

#main .contact .information p {

	font-size: 1.3rem;

}
.contact-eyecatch-txt-1 {
	margin: 20px auto;
	width:80%;
}

@media all and (max-width: 767px) {
	.contact-eyecatch-txt-1 {
		margin: 20px 0;
		width: 60%;
	}
	#main .contact {

		padding: 40px 0;

	}

	#main .contact .content {

		width: auto;

	}

	#main .contact .inner {

		margin-bottom: 20px;

		padding: 30px 10px 50px;

	}

	#main .contact .mailForm {

		margin: 0 auto;

		width: 100%;

	}

	#main .mailForm td textarea,

	#main .mailForm td input[type="tel"],

	#main .mailForm td input[type="email"],

	#main .mailForm td input[type="text"],

	#main .mailForm td input[type="file"]{

		padding: 5px 12px;

		height: 40px;

		font-size: 1.5rem;

	}

	#main .contact td .errorTd {

		top: 10px;

		left: 12px;

		font-size: 1.5rem;

	}

	#main .mailForm td input[type="file"] {

		height: 100%;

	}

	#main .contact table {

		margin-bottom: 30px;

	}

	#main .contact th {

		font-size: 1.4rem;

	}

	#main .contact th .must {

		font-size: 1.1rem;

	}

	#main .contact .inner h3 .errorText {

		font-size: 1.5rem;

	}

	#main .contact td {

		margin-bottom: 15px;

		font-size: 1.3rem;

	}

	#main .contact td .checkList {

		margin: -10px 0 2px;

	}

	#main .contact td .checkList:last-of-type {

		margin: 0 0 10px;

	}

	#main .contact td .checkList01 {

		margin-right: 0;

	}

	#main .contact td .checkList li {

		margin: 10px 10px 0 0;

	}

	#main .contact input[type="checkbox"] + span,

	#main .contact input[type="radio"] + span {

		padding-left: 15px;

		font-size: 1.3rem;

		background-size: 13px;

	}

	#main .contact .mailForm textarea {

		height: 150px;

	}

	#main .contact .submit li {

		margin-bottom: 15px;

	}

	#main .contact .submit li input {

		padding: 5px;

		width: 80%;

		max-width: 350px;

		font-size: 1.4rem;

	}

	#main .contact .submit li input:hover {

    	opacity: 1;

	}

	#main .contact .inputBox {

		padding: 15px 10px;

	}

	#main .contact .inputBox .btn {

		margin-right: 13px;

		padding: 4px 10px 4px;

		font-size: 1.2rem;

	}



}

@media all and (max-width: 350px) {

	#main .contact .inputBox .btn {

		font-size: 1.1rem;

	}

	#main .contact .inputBox span {

		font-size: 0.8rem;

	}

}

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

	confirm

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

#main .confirm h2 {

	margin-bottom: 20px;

}

#main .confirm .inner {

	margin-bottom: 0;

	padding-bottom: 50px;

}

#main .confirm .inner h3 {

	margin-bottom: 29px;

}

#main .confirm .inner h3 span {

	display: block;

	font-size: 2.1rem;

	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;

}

#main .confirm th {

	margin-bottom: 11px;

}

#main .confirm td {

	padding-left: 26px;

	font-size: 1.5rem;

}

#main .confirm .bottom {

	margin-bottom: 0;

}

#main .confirm .submit li:last-of-type input {

	color: #231815;

	background-color: #b4b4b4;

}

#main .confirm .inputBox {

	border: none;

}

@media all and (max-width: 767px) {

	#main .confirm .inner {

		margin-bottom: 20px;

		padding-bottom: 50px;

	}

	#main .confirm .inner h3 span {

		font-size: 1.4rem;

	}

}

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

	thanks

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

#main .thanks {

	padding: 40px 0 78px;

}

#main .thanks .content {

	width: 680px;

}

#main .thanks h2 {

	margin-bottom: 26px;

	font-size: 2rem;

	font-weight: normal;

	line-height: 1.2;

	letter-spacing: 0.15em;

}

#main .thanks p {

	margin-bottom: 20px;

	font-size: 1.9rem;

	line-height: 1.2;

	letter-spacing: 0.05em;

}

#main .thanks p:last-child {

	margin-bottom: 0;

}

#main .thanks p span {

	display: block;

}

#main .thanks p .txt01 {

	font-size: 1.7rem;

	font-weight: 700;

}

#main .thanks p .txt02 {

	font-size: 1.7rem;

	line-height: 1.2;

}

#main .thanks .mark01 {

	margin-top: 70px;

	text-align: center;

}

#main .thanks .mark01 img {

	width: 184px;

}

@media all and (max-width: 767px) {

	#main .thanks {

		padding: 40px 0;

	}

	#main .thanks .content {

		width: auto;

	}

	#main .thanks h2 {

		margin-bottom: 20px;

		font-size: 2rem;

	}

	#main .thanks p {

		font-size: 1.6rem;

	}

	#main .thanks p .txt01 {

		font-size: 1.5rem;

	}

	#main .thanks p .txt02 {

		font-size: 1.5rem;

	}

	#main .thanks .mark01 {

		margin-top: 20px;

	}

	#main .thanks .mark01 img {

		width: 160px;

	}

}





#main .confirm .inputBox {

	padding: 0;

	background-color: transparent;

}

#main .confirm .inputBox .txt {

	display: none;

}

#main .confirm .inputBox .btn {

	background-color: #2474bb;

}

#main .confirm .mailForm td input[type="file"] {

	height: 25px;

}

#main .contact .confirmpage {

	display: none;

}

#main .contact.confirm .confirmpage {

	display: block;

}

#main .contact.confirm .inputpage {

	display: none;

}

#main .mw-wp-form_file a {

	display: none;

}

/*
.contact-eyecatch .pho{
	background: url(https://thear.life/news/wp-content/uploads/2022/03/contact-bg.png) no-repeat top center / cover; 
	text-align:center;
	padding-top: 30%;
	position: relative;
}

.contact-eyecatch-txt-1 {
	font-family: "trajan pro" !important;
  text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 60pt;
	letter-spacing: 0.15em;
	text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
	position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
}
.contact-eyecatch-txt-2 {
	font-family: kozuka-mincho-pr6n,serif;
	font-weight: 500;
	font-style: normal;
  text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}*/

/*改修22.04*/

@media all and (min-width: 768px) {
	.contact-eyecatch {
		background-color: #323333;
	}
	.contact-eyecatch .pho{
		background: url(/img/contact01/bg_contact-1.webp) no-repeat top right;
		background-size:  cover;
		text-align:center;
		/*padding-top: 30%;*/
		margin-top: -40px;
		position: relative;
	}
	.contact-inner {
		width: 100%;
		margin: 0 130px;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	}
	.contact-block {
		width: 700px;
		margin: 0 auto 0 0;
		padding-top: 100px;
	}
	.contact-eyecatch-txt-0-block {
		text-align: left;
	}
	.contact-eyecatch-txt-0 {
		font-family: "trajan pro" !important;
		color: #fff;
		font-weight: bold;
		font-size: 12pt;
		text-align: left;
		letter-spacing: 0.15em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
		border: 1px solid #FFF;
		border-radius: 5px;
		display: inline-block;
		padding: 8px 8px 4px 8px;
	}
	.contact-eyecatch-txt-1 {
	  	text-align: center;
		color: #fff;
		margin-bottom: 10px;

	}
	.contact-eyecatch-txt-2 {
		font-style: normal;
	  	text-align: center;
		color: #fff;
		font-size: 24px;
		line-height: 1.5;
		letter-spacing: 0.2em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
		width: 100%;
	}
	.contact-eyecatch-txt-3 {
		font-style: normal;
	  	text-align: left;
		color: #fff;
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0.2em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
		margin-top: 20px;
		margin-left: 16px;
	}
	.contact-form {
		color: #FFF;
	}
}
@media all and (max-width: 767px) {
	.contact-eyecatch {
		background-color: #5e6066;
	}
	.contact-eyecatch .pho{
		background: url(/img/contact01/bg_contact_sp.webp) no-repeat top center;
		background-size:  contain;
		text-align:center;
		position: relative;
	}
	.contact-inner {
		width: 90%;
		margin: 0 auto;
	}
	.contact-block {
		width: 100%;
		margin: 0 auto 0 0;
	}
	.contact-eyecatch-txt-0-block {
		text-align: left;
	}
	.contact-eyecatch-txt-0 {
		font-family: "trajan pro" !important;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		text-align: left;
		letter-spacing: 0.15em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
		border: 1px solid #FFF;
		border-radius: 5px;
		display: inline-block;
		padding: 4px 4px 0px 4px;
	}
	.contact-eyecatch-txt-1 {
		font-family: "trajan pro" !important;
	  	text-align: left;
		color: #fff;
		font-weight: bold;
		font-size: 32px;
		letter-spacing: 0.15em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
	}
	.contact-eyecatch-txt-2 {
		font-weight: 500;
		font-style: normal;
	  	text-align: left;
		color: #fff;
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0.2em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
		width: 100%;
		margin-top: -10px;
	}
	.contact-eyecatch-txt-3 {
		font-weight: 500;
		font-style: normal;
	  	text-align: left;
		color: #fff;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.2em;
		text-shadow: 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696, 0px 0px 1px #969696;
		margin-top: 80px;
	}
	.contact-form {
		color: #FFF;
	}
}


.contact h2 {
	margin: 5px auto;
  max-width: 490px;
	text-align:center; 
	background:#8a7829; 
	color:#fff; 
	height: 40px;
	line-height: 40px !important;
	font-size: 16px;
	border-radius:2px;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.contact-txt-1 {
	font-size:10px;
	margin: 5px auto;
  max-width: 470px;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.contact-txt-2 {
	margin: 10px auto;
	max-width: 470px; 
	text-align:left;
	font-size:12px;
	line-height: (16/12);
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;
}

@media all and (min-width: 768px) {
	.contact {
		margin-top: 20px;
	}
}

@media all and (max-width: 767px) {
	#main .contact td .checkList li:nth-child(1),#main .contact td .checkList li:nth-child(2),#main .contact td .checkList li:nth-child(5),#main .contact td .checkList li:nth-child(6),
	#main .contact td .checkList01 li{
		width: auto;
	}

	#main .contact {
		padding: 20px 0 !important;
	}

	.contact-eyecatch .pho{
		padding-top: 40px;
	}

	/*.contact-eyecatch-txt-1 {
		font-size: 26px;
		top: 30%;
	}

	.contact-eyecatch-txt-2 {
		font-size: 10px;
		top: 62%;
		width: 90%;
	}

	.contact-eyecatch-txt-2 span{
	  display: inline-block;	
	}*/
}