/*=============================================================
#mainimg
=============================================================*/
#mainimg { height: 150px; background: url(../img/contact/bg_contact_sp.png) no-repeat 50% 50%; background-size: cover; }
#mainimg .pageTit { line-height: 1.5; padding: 48px 0 4px 15px; color: #fff; font-size: 2.6rem; letter-spacing: .1em; }
#mainimg .en { padding: 0 0 15px 15px; color: #fff; font-size: 1.4rem; }
@media screen and (min-width: 600px) { #mainimg { height: 300px; background: url(../img/contact/bg_contact_pc.png) no-repeat 50% 50%; }  #mainimg .inner { width: 1100px; margin: 0 auto; }  #mainimg .pageTit { padding-top: 92px; padding-left: 0; font-size: 4.2rem; }  #mainimg .en { padding: 0 0 15px 0; font-size: 1.8rem; } }
/*=============================================================
#contactInfo
=============================================================*/
.contactWrap {
	overflow: hidden;
}
#contactInfo { padding-bottom: 60px; }
#contactInfo .readTit { line-height: 1.4; padding: 42px 0 25px 0; color: #5ea600; font-weight: 700; font-size: 2.0rem; text-align: center; letter-spacing: .06em; }
#contactInfo .contactTel { margin: 0 15px 50px 15px; padding: 15px 25px; background: #cfe8af; }
#contactInfo .contactTel .read01 { position: relative; line-height: 1.5; padding: 15px 0 15px 0; color: #002626; font-size: 1.5rem; text-align: center; letter-spacing: .05em; }
#contactInfo .contactTel .btnTel { margin-bottom: 10px; background: #262626; }
#contactInfo .contactTel .btnTel a { display: inline-block; width: 100%; padding: 10px 0; text-align: center; }
#contactInfo .contactTel .btnTel a img { width: 137px; height: 29px; }
#contactInfo .contactWrap .inner { padding: 0 15px; }
#contactInfo .contactWrap .tit { position: relative; line-height: 1.4; padding: 15px 15px 16px 15px; background: #262626; color: #fff; font-weight: 400; font-size: 1.9rem; letter-spacing: .06em; }
#contactInfo .contactWrap .tit:after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-width: 0 56px 56px 0; border-style: solid; border-color: transparent #5ea600 transparent transparent; content: ""; }
#contactInfo .contactWrap .txt { line-height: 1.9; padding: 15px 0 0 0; font-size: 1.4rem; letter-spacing: .05em; }
#contactInfo .contactWrap .note { padding-bottom: 20px; padding-left: 1em; color: #262626; font-size: 1.3rem; text-indent: -1em; letter-spacing: .05em; }
#contactInfo .contactWrap #contactIn { padding: 35px 15px 40px 15px; border: 1px #e1eaea solid; background: #fff; }
#contactInfo .contactWrap #contactIn .areaTable { width: 100%; border-spacing: 0; }
#contactInfo .contactWrap #contactIn .areaTable .required { line-height: 1.6; margin: 0 -15px 15px -15px; padding: 10px 15px; background: #5ea600; color: #fff; font-weight: 700; font-size: 1.4rem; letter-spacing: .05em; }
#contactInfo .contactWrap #contactIn .areaTable .required .note { width: 27px; margin-left: 10px; padding: 2px 5px; background: #fff; color: #eb6100; font-weight: normal; font-size: 1.0rem; }
#contactInfo .contactWrap #contactIn .areaTable .exLine { margin-bottom: 14px; padding-bottom: 14px; font-size: 1.6rem; }
#contactInfo .contactWrap #contactIn table { width: 100%; border-collapse: collapse; border-spacing: 0; }
#contactInfo .contactWrap #contactIn table th { font-weight: 700; text-align: left; vertical-align: top; }
#contactInfo .contactWrap #contactIn table td { text-align: left; vertical-align: top; font-size: 1.6rem; }
#contactInfo .contactWrap #contactIn table td .areaName , #contactInfo .contactWrap #contactIn table td .areaEmail { width: 100%; margin-bottom: 10px; padding: 11px 0; border-radius: 4px; background: #f5f8f8; font-size: 1.6rem; box-shadow: none; box-shadow: 0 2px rgba(204, 219, 220, .4) inset; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#contactInfo .contactWrap #contactIn table td .areaMassage { width: 100%; min-height: 250px; margin-bottom: 10px; padding: 11px 0; border-radius: 4px; background: #f5f8f8; font-size: 1.6rem; box-shadow: none; box-shadow: 0 2px rgba(204, 219, 220, .4) inset; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#contactInfo .contactWrap #contactIn table td .example { display: none; }
#contactInfo .contactWrap .btnWrap { margin-top: 30px; padding: 0 50px; text-align: center; }
#contactInfo .contactWrap .btnWrap .btn { position: relative; }
#contactInfo .contactWrap .btnWrap .btn:after { position: absolute; top: -12px; right: 18px; width: 6px; height: 9px; background: url(../img/common/ico_arrow01.png); background-size: cover; content: ""; }
#contactInfo .contactWrap .btnWrap .btn input { display: inline-block; width: 250px; padding: 14px 0; background: #eb6100; color: #fff; font-size: 1.4rem; text-align: center; -webkit-appearance: none; }
@media screen and (max-width: 599px) { #contactIn table tr , #contactIn table th , #contactIn table td { display: block; } }
@media screen and (min-width: 600px) { #contactInfo { width: 1100px; margin: 0 auto; }  #contactInfo .readTit { line-height: 1.5; padding: 42px 0 42px 0; font-size: 3.0rem; letter-spacing: .03em; }  #contactInfo .contactTel { margin: 0 0 80px 0; padding: 0; }  #contactInfo .contactTel .read01 { float: left; width: 480px; padding: 50px 0 50px 40px; font-size: 2.0rem; text-align: center; }  #contactInfo .contactTel .read01:after { top: 50%; left: 488px; width: 0; height: 0; margin-top: -17px; border-width: 17px 0 17px 16px; border-style: solid; border-color: transparent transparent transparent #ccdbdc; }  #contactInfo .contactTel .btnTel { float: right; width: 500px; margin: 32px 50px 0 0; }  #contactInfo .contactTel .btnTel a { padding: 22px 0 20px 0; }  #contactInfo .contactTel .btnTel a img { width: 421px; height: 23px; }  #contactInfo .contactWrap .inner { padding: 0; }  #contactInfo .contactWrap .tit { padding: 20px 29px 21px 30px; font-size: 2.2rem; }  #contactInfo .contactWrap .tit:after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-width: 0 70px 70px 0; border-style: solid; border-color: transparent #5ea600 transparent transparent; content: ""; }  #contactInfo .contactWrap .txt { padding-top: 10px; font-size: 1.7rem; }  #contactInfo .contactWrap .note { font-size: 1.3rem; }  #contactInfo .contactWrap #contactIn { padding: 0; border: 1px #e1eaea solid; }  #contactInfo .contactWrap #contactIn table { width: 980px; }  #contactInfo .contactWrap #contactIn table tr { margin-bottom: 30px; border-bottom: 1px #e1eaea solid; }  #contactInfo .contactWrap #contactIn table tr:last-child { border-bottom: none; }  #contactInfo .contactWrap #contactIn table tr th { width: 200px; padding: 10px 0 65px 20px; }  #contactInfo .contactWrap #contactIn table tr td { width: 758px; }  #contactInfo .contactWrap #contactIn .areaTable .exLine { padding: 20px 30px; }  #contactInfo .contactWrap #contactIn .areaTable .exLine .areaName { width: 250px; }  #contactInfo .contactWrap #contactIn .areaTable .required { padding: 20px 30px; font-size: 1.5rem; }  #contactInfo .contactWrap #contactIn .areaTable .required .areaEmail { width: 450px; }  #contactInfo .contactWrap #contactIn .areaTable .required .note { margin-left: 14px; font-size: 1.3rem; }  #contactInfo .contactWrap #contactIn .areaTable .areaTxt { padding: 20px 30px; }  #contactInfo .contactWrap .btnWrap .btn input { width: 300px; font-size: 1.7rem; }  #contactInfo .contactWrap .btnWrap .btn:hover:after { right: 16px; } }

#contactInfo .contactWrap .btnWrap.back .btn input {
	background: #262626;
}
#contactInfo .contactWrap .btnWrap.back {
	margin-top: 10px;
}

@media screen and (min-width: 600px) {
	#contactInfo .contactWrap .btnWrap {
		margin: 30px 0 0 240px;
		padding: 0;
		float: left;
	}
	#contactInfo .contactWrap .btnWrap.back {
		margin-top: 30px;
		margin-left: 20px;
	}
}


/*=============================================================
thankyou.php
=============================================================*/
#sendMessage { padding: 0 15px 60px 15px; }
#sendMessage .readTit { line-height: 1.4; padding: 42px 0 25px 0; color: #226c9d; font-weight: 700; font-size: 2.1rem; text-align: center; letter-spacing: .06em; }
#sendMessage .areaTxt { line-height: 1.5; margin-bottom: 15px; padding: 20px 25px 20px 25px; border: 1px #226c9d solid; background: #fff; background: #fff; color: #226c9d; font-weight: 400; font-size: 1.5rem; letter-spacing: .05em; }
#sendMessage .note { line-height: 1.9; padding-bottom: 30px; padding-left: 1em; color: #ccdbdc; font-size: 1.1rem; text-indent: -1em; letter-spacing: .05em; }
#sendMessage .btnWrap { text-align: center; }
#sendMessage .btnWrap .btn { display: inline-block; position: relative; width: 260px; border: 2px #43beef solid; background: #fff; font-size: 1.3rem; text-align: center; letter-spacing: .05em; box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1); }
#sendMessage .btnWrap .btn:after { position: absolute; top: 50%; left: 14px; width: 14px; height: 4px; margin-top: -2px; background: url(../img/common/ico_pager02.png) no-repeat; background-size: contain; content: ""; }
#sendMessage .btnWrap .btn a { display: block; padding: 14px 0; }
@media screen and (min-width: 600px) { #sendMessage { width: 1100px; margin: 0 auto; padding: 0 0 120px 0; }  #sendMessage .readTit { padding: 42px 0 42px 0; font-size: 3.0rem; }  #sendMessage .areaTxt { padding: 55px 0; font-size: 2.0rem; text-align: center; }  #sendMessage .note { font-size: 1.3rem; }  #sendMessage .btnWrap .btn { font-size: 1.5rem; } }
/*# sourceMappingURL=maps/contact.css.map */