@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.inTop {
	margin: 103px auto 0;
	width: 700px;
}

.inTop h2 {
	position: relative;
}

.contactPage .inTop h2:after {
	margin-left: -20px;
	width: 40px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -26px;
	content: "";
	background: #000000;
}

.inTop .headLine01 .jp {
	padding-top: 3px;
	font-size: 14px;
	letter-spacing: 5px;
}

.contactPage .inTop p {
	margin: 47px auto 0;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	line-height: 2.2;
}

.contactPage .inTop p span {
	font-size: 12px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.inR {
	color: #990000;
}

.mailForm {
	margin: 19px auto 150px;
	width: 700px;
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mailForm dl {
	padding-top: 40px;
}

.mailForm dt {
	padding-top: 10px;
	width: 200px;
	float: left;
}

.mailForm dl input,
.mailForm dl select {
	padding: 2px 5px;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
	background: #f1f4f8;
	box-sizing: border-box;
	border: 1px solid #e2e7ed;
}

.mailForm dl select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(/img/contact/img_contact_01.png) no-repeat right 3px center;
	background-size: 24px 50px;
	background-color: #f1f4f8;
}

.mailForm dl textarea {
	padding: 5px;
	width: 100%;
	height: 236px;
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	resize: none;
	background: #f1f4f8;
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #e2e7ed;
}

.mailForm dd {
	margin-left: 216px;
	position: relative;
}

.mailForm .error {
	font-size: 14px;
	color: #cc0000;
	position: absolute;
	bottom: -28px;
	display: block;
}

.mailForm dd span {
	float: left;
}

.mailForm .inName1 {
	padding-top: 10px;
	width: 38px;
}

.mailForm .inName2 {
	padding-top: 10px;
	width: 59px;
	text-align: center;
}

.mailForm dl input.inInp1 {
	width: 150px;
	float: left;
}

.mailForm dl.inPd {
	padding-top: 37px;
}

.mailForm dl.inPd dt {
	padding-top: 0;
}

.mailForm dl input[type="radio"] {
	display: none
}

.mailForm dl input[type="radio"]:checked+span:before {
	background: #000;
	border: 3px solid #e4e8ee;
}

.mailForm dl.inPd label {
	padding-right: 19px;
	min-width: 90px;
	overflow: hidden;
	display: inline-block;
}

.mailForm dl.inPd label span {
	text-indent: 25px;
	position: relative;
}

.mailForm dl.inPd label span:before {
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	background: #f1f4f8;
	border: 1px solid #e4e8ee;
	border-radius: 100%;
}

.mailForm dl label+span.error {
	bottom: -17px;
}

.mailForm dl.inPd30 {
	padding-top: 30px;
}

.mailForm .inSp {
	padding: 4px 0 0 20px;
	font-size: 12px;
}

.mailForm .inFphone {
	padding-top: 10px;
	width: 80px;
}

.mailForm .inMph {
	margin: 30px 0 18px;
}

.mailForm .inReplace {
	font-size: 12px;
}

.mailForm .inHal {
	padding: 11px 0 0 1px;
	font-size: 12px;
	letter-spacing: 1px;
}

.mailForm dl select.inSec1 {
	margin-right: 20px;
	width: 200px;
	float: left;
}

.mailForm dl select.inSec2 {
	margin-right: 10px;
	width: 70px;
	float: left;
}

.mailForm dl select.inSec4 {
	width:  130px;
}

.mailForm .inTime {
	padding-top: 10px;
	width: 31px;
	float: left;
}

.mailForm .inAddr {
	margin-top: 20px;
}

.mailForm dl input.inInpPh {
	width: 95px;
	float: left;
}

.mailForm dl input.inInpPh1 {
	width: 120px;
	float: left;
}

.mailForm dl input.inInpPh2 {
	width: 95px;
	float: left;
}

.mailForm dl input.inInpPh3 {
	width: 65px;
	float: left;
}

.mailForm dl input.inInpPh4 {
	width: 100px;
	float: left;
}

.mailForm .inLine {
	width: 30px;
	height: 40px;
	float: left;
	display: block;
	position: relative;
}

.mailForm .inLine:after {
	width: 12px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	content: "";
	background: #3f3f3f;
}

.mailForm .inPd10 {
	padding-top: 10px;
}

.mailForm dl select.inSec3 {
	width: 230px;
}

.mailForm dl.inText {
	padding-top: 27px;
}

.mailForm dl.inText dt {
	width: auto;
	float: none;
	/*letter-spacing: 2px;*/
}

.mailForm dl.inText dt span {
	padding-left: 15px;
	font-size: 12px;
	/*letter-spacing: 1px;*/
}

.mailForm dl.inText dd {
	margin-left: 0;
	margin-top: 25px;	
}

.mailForm .inUp {
	margin-top: 56px;
	text-align: center;
}

.mailForm .inUp p {
	letter-spacing: 1px;
}

.mailForm .inAgree {
	margin-top: 20px;
	position: relative;
}

.mailForm .inAgree label {
	display: inline-block;
	letter-spacing: 1px;
}

.mailForm .inAgree label input {
	float: left;
}

.mailForm .inAgree label span {
	padding-left: 28px;
	display: block;
}

.mailForm .inAgree .error {
	left: 50%;
	transform: translateX(-50%);
	bottom: -23px;
}

.mailForm p.inHre {
	margin-top: 14px;
	font-size: 12px;
	letter-spacing: .2px;
	position: relative;
}

.mailForm a.inHa {
	text-decoration: underline;
	border-color: #7f7f7f;
}

.mailForm a.inHa:hover {
	text-decoration: none;
	color: #000000;
}

.mailForm .inWp {
	min-width: 180px;
}

.mailForm .submit {
	margin-top: 65px;
}

.mailForm .submit li {
	display: inline-block;
	margin: 0 5px;
}

.mailForm .submit li span,
.mailForm .submit li input {
	cursor: pointer;
}

.mailForm .submit li span {
	padding: 0;
}

.mailForm .submit input {
	padding: 14px;
	min-width: 180px;
	font-size: 13px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: none;
	outline: 0;
	box-sizing: inherit;
	border: 0;
}

.mailForm .submit .sectionMore:hover input {
	color: #ffffff;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.contactPage .inTop p span {
		font-size: 10px;
	}

	.inTop {
		width: auto;
	}
	
	.inTop .headLine01 .jp {
		padding-top: 0;
		font-size: 10px;
		letter-spacing: 3px;
	}
	
	.contactPage .inTop h2:after {
		margin-left: -13px;
		width: 20px;
		bottom: -11px;
	}
	
	.contactPage .inTop p {
		margin: 24px auto 0;
		padding: 0 34px;
		font-size: 12px;
		line-height: 1.7;
	}
	
	.contactPage .inP1 span {
		font-size: 10px;
	}
	
	.mailForm {
		margin: 30px auto 75px;
		width: auto;
		font-size: 12px;
	}
	
	.mailForm dl {
		padding-top: 26px;
	}
	
	.mailForm .inDl dl:first-child {
		padding-top: 0;
	}
	
	.mailForm dt {
		padding-top: 0;
		width: auto;
		float: none;
	}
	
	.mailForm dd {
		margin: 9px 0 0;
	}
	
	.mailForm dl select {
		background-size: 17px 38px;
		background-position: right 1px center;
	}
	
	.mailForm dl input, .mailForm dl select {
		font-size: 12px;
	}
	
	.mailForm .inName1 {
		width: 10.33%;
	}
	
	.mailForm dl input.inInp1 {
		width: 37.5%;
	}
	
	.mailForm .inName2 {
		width: 14.66%;
	}
	
	.mailForm .error {
		font-size: 12px;
		bottom: -20px;
	}
	
	.mailForm dl.inPd {
		padding-top: 27px;
	}
	
	.mailForm dl.inPd label {
		padding-right: 7px;
		min-width: 60px;
	}
	
	.mailForm dl label span {
		padding-left: 1px;
	}
	
	.mailForm dl.inPd label span {
		text-indent: 20px;
	}
	
	.mailForm dl.inPd label span::before {
		top: 1px;
	}
	
	.mailForm dl.inPd30 {
		padding-top: 18px;
	}
	
	.mailForm dl select.inSec1 {
		margin-right: 6.66%;
		width: 52.5%;
	}
	
	.mailForm dl select.inSec2 {
		margin-right: 1.33%;
		width: 12.5%;
		background-image: none;
	}
	
	.mailForm dl select.inSec4 {
		width: 43%;
	}
	
	.mailForm dl select.inMa {
		margin-left: 4.166%;
	}
	
	.mailForm .inTime {
		width: auto;
	}

	.mailForm .inAddr {
		margin-top: 15px;
	}
	
	.mailForm dl input.inInpPh {
		width: 30.833%;
	}
	
	.mailForm .inLine {
		width: 7.833%;
	}
	
	.mailForm .inLine::after {
		margin-left: -5px;
		width: 10px;
		top: 50%;
	}
	
	.mailForm dl input.inInpPh1 {
		width: 30.833%;
	}
	
	.mailForm dl input.inInpPh2 {
		width: 22.66%;
	}
	
	.mailForm dl input.inInpPh3 {
		width: 22.66%;
	}
	
	.mailForm dl input.inInpPh4 {
		width: 30.833%;
	}
	
	.mailForm dl select.inSec3 {
		width: 56.33%;
	}
	
	.mailForm .inFphone {
		padding: 4px 0 8px 0;
		width: 100%;
		display: block;
		letter-spacing: 1px;
	}
	
	.mailForm .inMph {
		margin: 10px 0 7px;
	}
	
	.mailForm .inReplace {
		font-size: 8px;
	}
	
	.mailForm dl.inText {
		padding-top: 26px;
	}
	
	/*.mailForm dl.inText dt {
		letter-spacing: 1px;
	}*/
	
	.mailForm dl.inText dt span {
		padding-left: 2px;
		font-size: 8px;
	}
	
	.mailForm dl.inText dd {
		margin-top: 7px;
	}
	
	.mailForm dl.inText dd textarea {
		height: 210px;
		font-size: 12px;
	}
	
	.mailForm .inUp {
		margin-top: 31px;
	}
	
	.mailForm .inUp p {
		letter-spacing: 0;
	}
	
	.mailForm .inAgree {
		margin-top: 14px;
	}
	
	.mailForm .inAgree label {
		letter-spacing: 0px;
	}
	
	.mailForm .inAgree label input {
		margin-left: -1px;
	}
	
	.mailForm .inAgree label span {
		padding: 1px 0 0 20px;
	}
	
	.mailForm .inAgree .error {
		font-size: 12px;
		bottom: -22px !important;
		white-space: nowrap;
	}

	.mailForm a.inHa:hover {
		text-decoration: underline;
	}
	
	.mailForm p.inHre {
		margin-top: 15px;
		font-size: 10px;
		line-height:1.7;
	}
	
	.mailForm .inWp {
		padding: 9px 14px;
		min-width: 100px;
	}
	
	.mailForm .submit {
		margin-top: 36px;
	}
	
	.mailForm .submit .inWp {
		padding: 0;
	}
	
	.mailForm .submit li input {
		padding: 7px 14px;
		min-width: 100px;
		font-size: 12px;
		color: #000;
	}

	.mailForm .submit .sectionMore:hover input {
		color: #000000;
	}
}

/*------------------------------------------------------------
	confirm
------------------------------------------------------------*/
.contactPage .conTop h2:after {
	height: 0;
}

.confirmForm {
	margin: 35px auto 150px;
}

.confirmForm dl {
	padding: 35px 0 34px 0;
	letter-spacing: 1px;
	overflow: visible;
	position: relative;
	line-height: 1.75;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.confirmForm dl:before {
	width: 200px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	background: #9b9b9b;
}

.confirmForm .inDl dl:last-child {
	border-bottom: 0;
}

.confirmForm .inDl dl:last-child:before {
	height: 0;
}

.confirmForm dt {
	padding-top: 0;
}

.confirmForm dd {
	margin-left: 260px;
	font-weight: normal;
}

.confirmForm .submit {
    margin-top: 29px;
    text-align: center;
}

.confirmForm .submit li {
    display: inline-block;
    margin: 0 23px;
}

.confirmForm .subMod {
	border: 1px solid #cccccc;
}

.confirmForm .subMod:hover {
	border: 1px solid #000000;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.contactPage .confirmInfo {
		margin: 21px auto 75px;
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	
	.confirmForm {
		margin: 30px auto 75px;
	}
	
	.confirmForm .enDl {
		margin-top: 0 !important;
	}
	
	.confirmForm dl {
		margin-top: 0;
		padding: 15px 0;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1.6;
	}
	
	.confirmForm .enDl dl:first-child {
		margin-top: 0;
	}
	
	.confirmForm dt {
		width: 90px;
		float: left;
	}

	.confirmForm dl:before {
		width: 90px;
	}

	.confirmForm dd {
		margin: 0;
		padding-left: 110px;
	}

	.confirmForm .enDl dl:last-child {
		border-bottom: 1px solid #e5e5e5;
	}
	
	.confirmForm .enDl dl:last-child:before {
		height: 1px;
	}
	
	.confirmForm .submit {
		margin-top: 40px;
	}
	
	.confirmForm .submit li {
		margin: 0 5px;
	}

	.confirmForm .submit .inWp {
		/*padding: 7px 14px;*/
	}

	.confirmForm .subMod:hover {
		border: 1px solid #cccccc;
	}
	
	.confirmForm.submit .sectionMore:hover input {
		color: #000000;
	}
}

/*------------------------------------------------------------
	fin
------------------------------------------------------------*/
 .finInfo {
	margin: 0 auto 150px;
	width: 800px;
}

 .finP2 {
	margin-top: 35px;
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	line-height: 1.85;
}

 .finSub {
	margin-top: 73px;
	text-align: center;
}

 .finSub a {
	 font-weight: normal;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media all and (min-width: 0) and (max-width: 767px) {
	 .finInfo {
		margin: 0 auto 75px;
		width: auto;
	}
	
	 .finInfo .finP2 {
		margin-top: 16px;
		font-size: 12px;
		line-height: 1.6;
	}
	
	 .finInfo .finSub {
		margin-top: 35px;
	}
	
	 .finInfo .finSub .inWp{
		padding: 8px 14px;
		font-size: 12px;
	}
}


@media all and (min-width: 320px) and (max-width: 374px) {	
	.confirmForm .submit li {
		margin: 0 4px;
	}
	
	.confirmForm .submit .inWp {
		padding: 7px 5px;
	}
	
	.mailForm {
		padding: 0 25px;
	}
	
	.mailForm dl select.inMa {
		margin-left: 3%;
	}
	
	.contactPage .inTop p {
		padding: 0;
	}
	
	.contactPage .finInfo {
		padding: 0 20px;
	}
}

@media all and (-ms-high-contrast: none) {
	.mailForm dl.inPd label span::before {
		top: 0;
	}
}