/* @charset "utf-8"; */

/* -----------------------------------------------
 * LastUpdate : 18/08/08
----------------------------------------------- **
 * ページスタイル ファイル
----------------------------------------------- */
/*-- Form ThanksPage --*/
.thanksGrid {
	width: 100%;
	margin: 0;
	padding: 0;
  font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	.thanksGrid .boxOne {
		width: 90%;
		margin: 0 auto;
	}
		.thanksGrid .boxOne .mainCopy {
			margin: 0 0 4%;
			font-size: 16px;
			font-size: 1.4rem;
			font-weight: bold;
			line-height: 1.8rem;
			text-align: center;
		}

		.thanksGrid .boxOne .infoTel {
			margin: 24px 0 48px;
			padding: 0 4%;
			border: 1px solid #4d4d4d;
		}
		.thanksGrid .boxOne .infoText {
			margin: 10px 0 12px;
			padding: 0;
			font-size: 14px;
			font-size: 1.2rem;
			line-height: 1.6rem;
			font-weight: bold;
			font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
			text-align: left;
		}
		.thanksGrid .boxOne .infoText span.textRed {
			display: inline-block;
			margin: 0 2px 0 0;
			color: #00479d;
		}
		.thanksGrid .boxOne .infoText span.textTelSP {
			display: inline-block;
			font-size: 24px;
			font-size: 2.2rem;
			line-height: 2.8rem;
		}
		.thanksGrid .boxOne .infoText span.textTelPC {
			display: none;
		}
			.thanksGrid .boxOne .infoText span.textTelSP a {
				color: #000;
			}
			.thanksGrid .boxOne .infoText span.textTelSP a:hover {
				color: #888;
			}


/*** formReset&Setting ***/
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'],
input[type='file'],
textarea,
select {
    width: 100%;
    height: 2em;
}
input[type='image'] {
    max-width: 100%;
}
input[type='submit'],
input[type='reset'],
input[type='button'],
button {
    height: 2em;
}
textarea {
    min-height: 2em;
    resize: vertical;
}
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'] {
    padding-left: .4em;
    background: none;
		border: none;
		border-bottom: 1px solid #000;
    border-radius: 0;
		font-size: 14px;
		font-size: 1.2rem;
}
	input::placeholder {
	  color: #4d4d4d;
	}
	/* IE */
	input:-ms-input-placeholder {
	  color: #4d4d4d;
	}
	/* Edge */
	input::-ms-input-placeholder {
	  color: #4d4d4d;
	}
textarea {
    padding-left: .4em;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
		font-size: 14px;
		font-size: 1.2rem;
}
	textarea::placeholder {
		color: #4d4d4d;
	}
	/* IE */
	textarea:-ms-input-placeholder {
		color: #4d4d4d;
	}
	/* Edge */
	textarea::-ms-input-placeholder {
		color: #4d4d4d;
	}
select {
    padding-left: .4em;
    border: none;
		border-bottom: 1px solid #000;
    border-radius: 0;
		font-size: 14px;
		font-size: 1.2rem;
		outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
select option{
/*  background-color: #fff;
  color: #333;*/
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
@font-face {
	font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal;
}
.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 8px;
    top: -4px;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
button {
/*    background: #000;*/
    border: none;
    border-radius: 0;
/*    color: #fff;*/
    cursor: pointer;
}
input[type='text']:not([value='']):not(:focus):invalid,
textarea:not(:empty):not(:focus):invalid {}

/* radioBtn *
.mailfield .radioArea {
}
	.mailfield .radioArea li {
		margin: 0;
		padding: 4% 0;
		text-align: left;
	}
	.mailfield .radioArea input[type="radio"] {
		display: none;
	}
	.mailfield .radioArea label {
		position: relative;
		display: inline-block;
		padding: 0 0 0 24px;
		font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-size: 16px;
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: 2px;
		cursor: pointer;
		text-align: left;
	}
		.mailfield .radioArea label::before, .mailfield .radioArea label::after {
			position: absolute;
			content: '';
			top: 50%;
			border-radius: 100%;
			-webkit-transition: all .2s;
			transition: all .2s;
		}
		.mailfield .radioArea label::before {
			left: 0;
			width: 14px;
			height: 14px;
			margin-top: -8px;
			background: #f3f3f3;
			border: 1px solid #ccc;
		}
		.mailfield .radioArea label:hover::before {
			background: #fff;
		}
		.mailfield .radioArea label::after {
			opacity: 0;
			left: 4px;
			width: 8px;
			height: 8px;
			margin-top: -4px;
			background: #740c11;
			-webkit-transform: scale(2);
			transform: scale(2);
		}
		.mailfield .radioArea input[type="radio"]:checked + label::before {
			background: #fff;
			border: 1px solid #740c11;
		}
		.mailfield .radioArea input[type="radio"]:checked + label::after {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
*/

/* checkBtn *
.mailfield .checkArea {
}
	.mailfield .checkArea li {
		margin: 0;
		padding: 4% 0;
		text-align: left;
	}
	.mailfield .checkArea input[type="checkbox"] {
		display: none;
	}
	.mailfield .checkArea label {
		position: relative;
		display: inline-block;
		padding: 0 0 0 24px;
		font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-size: 16px;
		font-size: 1.4rem;
		letter-spacing: 2px;
		cursor: pointer;
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	.mailfield .checkArea label::before, .mailfield .checkArea label::after {
		position: absolute;
		content: '';
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	.mailfield .checkArea label::before {
		top: 50%;
		left: 0;
		width: 14px;
		height: 14px;
		margin-top: -8px;
		background: #f4f4f4;
		border: 1px solid #ccc;
		border-radius: 3px;
	}
	.mailfield .checkArea label::after {
		opacity: 0;
		top: 50%;
		left: 3px;
		width: 8px;
		height: 4px;
		margin-top: -4px;
		border-left: 2px solid #740c11;
		border-bottom: 2px solid #740c11;
		-webkit-transform: rotate(-45deg) scale(.5);
		transform: rotate(-45deg) scale(.5);
	}
	.mailfield .checkArea label:hover::before {
		background: #fff;
	}
	.mailfield .checkArea input[type="checkbox"]:checked + label::before {
		background: #fff;
		border: 1px solid #740c11;
	}
	.mailfield .checkArea input[type="checkbox"]:checked + label::after {
		opacity: 1;
		-webkit-transform: rotate(-45deg) scale(1);
		transform: rotate(-45deg) scale(1);
	}
*/

/* sendBtn */
.formGrid .mfp_buttons {
	position: relative;
	margin: 0 0 24px;
	text-align: left;
}
	.formGrid .mfp_buttons .btnSend {
/*		width: 240px;
		height: 44px;*/
		display: block;
		width: 90%;
		height: 44px;
		margin: 0;
		padding: 0 16px;
		background: #00479d;
		cursor: pointer;
	}
		.formGrid .mfp_buttons .btnSend:hover {
			opacity: .5;
		}

#mfp_overlay_inner .mfp_buttons {
	position: relative;
	margin: 0;
	text-align: center;
	}
	#mfp_overlay_inner .mfp_buttons #mfp_button_send {
		display: inline-block;
/*		height: 44px;*/
		margin: 0 16px 0 0;
		padding: 0 16px;
		background: #cc0033;
		color: #fff;
		font-size: 14px;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.6rem;
		cursor: pointer;
	}
	#mfp_overlay_inner .mfp_buttons #mfp_button_cancel {
		display: inline-block;
/*		height: 44px;*/
		padding: 0 16px;
		background: #d5d9d8;
		font-size: 14px;
		font-size: 1.2rem;
		line-height: 1.6rem;
		cursor: pointer;
	}


/*-- pageDesign --*/
.formBG {
	width: 100%;
	margin: 0 0 16px;
	padding: 6% 0;
	background: #f7fafc;
}
	.formBG .titleArea {
		width: 90%;
		margin: 0 auto;
		font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-size: 14px;
		line-height: 18px;
	}
		.formBG .titleArea h2 {
			margin: 0 0 4%;
			padding: 4px;
			border-bottom: 1px solid #000;
			font-size: 24px;
			line-height: 24px;
			font-weight: bold;
		}
		.formBG .titleArea .textRed {
			margin: 4px 0 8%;
			padding: 0;
		}

	.formBG .formWrapGrid {
		width: 90%;
		margin: 0 auto;
		font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-size: 14px;
		line-height: 18px;
	}
		.formBG .formWrapGrid .selectInput {
			width: 100%;
			margin: 0 0 32px;
		}
			.formBG .formWrapGrid .selectInput .inputTitle {
				position: relative;
				display: inline-block;
				margin: 0 0 4px;
			}
				.formBG .formWrapGrid .selectInput .inputTitle span {
					position: absolute;
					top: -4px;
					right: -12px;
					font-size: 10px;
				}

			.formBG .formWrapGrid .selectInput .input2nd {
				margin: 16px 0 0;
			}
			.formBG .formWrapGrid .selectInput .textBox textarea {
				height: 160px;
			}

		.formBG .formWrapGrid .formfield {
			width: 100%;
			margin: 0;
			text-align: left;
		}
			.formBG .formWrapGrid .formfield th {
				width: 36%;
				padding: 0 0 40px;
			}
			.formBG .formWrapGrid .formfield td {
				position: relative;
				overflow: hidden;
				width: 64%;
				padding: 0 0 32px;
			}
				.formBG .formWrapGrid .formfield td > select {
					width: 130%;
				}

.formCaption {
	width: 100%;
	margin: 0 0 24px;
	font-size: 12px;
	line-height: 16px;
}
	.formCaption h3 {
		margin: 0 0 4px -8px;
		font-size: 14px;
		}
		.formCaption p {
			margin: 0 0 12px;
			}


@media only screen and (min-width: 481px){
}

@media only screen and (min-width: 641px){
}

@media only screen and (min-width: 769px){
}

@media only screen and (min-width: 961px){
/*-- Form ThanksPage --*/
.thanksGrid {
	width: 750px;
	margin: 0 auto 32px;
	padding: 0;
}
	.thanksGrid .boxOne {
		width: 800px;
		margin: 0 auto;
		padding: 24px 0 0;
	}
		.thanksGrid .boxOne .mainCopy {
			margin: 0 0 32px;
			font-size: 28px;
			font-size: 2.6rem;
			letter-spacing: 1px;
			text-align: left;
		}
		.thanksGrid .boxOne .textArea {
			font-size: 14px;
			font-size: 1.2rem;
			line-height: 2.4rem;
		}
			.thanksGrid .boxOne .textArea span {
				display: block;
			}

		.thanksGrid .boxOne .infoTel {
			display: inline-block;
			width: auto;
			margin: 32px 0 40px;
			padding: 0 16px 0 16px;
		}
		.thanksGrid .boxOne .infoText {
			float: left;
			width: 50%;
			margin: 16px auto 20px;
			padding: 3px 0 0;
			font-size: 14px;
			font-size: 1.2rem;
			line-height: 1.6rem;
		}
		.thanksGrid .boxOne .infoText span.textRed {
			display: inline-block;
			width: 148px;
			margin: 0 4px 0 8px;
			color: #00479d;
		}
		.thanksGrid .boxOne .infoText span.textTelPC {
			display: inline-block;
			font-size: 24px;
			font-size: 2.2rem;
			line-height: 2.8rem;
		}
		.thanksGrid .boxOne .infoText span.textTelSP {
			display: none;
		}


/*** formReset&Setting ***/
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'],
input[type='file'],
textarea,
select {
    width: 100%;
/*    height: 20px;*/
}
input[type='image'] {
    max-width: 100%;
}
input[type='submit'],
input[type='reset'],
input[type='button'],
button {
/*    height: 2em;*/
}
textarea {
    min-height: 2em;
    resize: vertical;
}
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'] {
    padding-left: .4em;
		font-size: 14px;
		font-size: 1.2rem;
}
textarea {
    padding-left: .4em;
		font-size: 14px;
		font-size: 1.2rem;
}
select {
/*
	height: 24px;
  padding-left: .4em;
  font-size: 14px;
  font-size: 1.2rem;
*/
}
input[type='submit'],
input[type='reset'],
input[type='button'],
button {
    cursor: pointer;
}
input[type='text']:not([value='']):not(:focus):invalid,
textarea:not(:empty):not(:focus):invalid {}

/* radioBtn *
.mailfield .radioArea {
}
	.mailfield .radioArea li {
		float: left;
		width: 20%;
		margin: 0;
		padding: 10px 0;
	}
	.mailfield .radioArea label {
		padding: 0 0 0 24px;
		font-size: 14px;
		font-size: 1.2rem;
		letter-spacing: 3px;
	}
*/

/* checkBtn *
.mailfield .checkArea {
}
	.mailfield .checkArea li {
		float: left;
		width: 36%;
		margin: 0;
		padding: 0;
	}
	.mailfield .checkArea label {
		padding: 3px 3px 3px 20px;
		font-size: 14px;
		font-size: 1.2rem;
		letter-spacing: 3px;
	}
*/

/* sendBtn */
.formGrid .mfp_buttons {
	position: relative;
	margin: 0 0 40px;
	text-align: center;
}
	.formGrid .mfp_buttons .btnSend {
		width: 360px;
		height: 44px;
		cursor: pointer;
	}
		.formGrid .mfp_buttons .btnSend:hover {
			opacity: .5;
		}


/*-- pageDesign --*/
.formBG {
	width: 100%;
	margin: 0 0 24px;
	padding: 40px 0;
}
	.formBG .titleArea {
		width: 750px;
		margin: 0 auto 40px;
	}
		.formBG .titleArea h2 {
			margin: 0 0 12px;
			padding: 0 4px 12px;
			font-size: 28px;
			line-height: 28px;
			letter-spacing: 2px;
		}
		.formBG .titleArea .textRed {
			margin: 8px 0 0;
			padding: 0;
		}

	.formBG .formWrapGrid {
		width: 750px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 20px;
	}
		.formBG .formWrapGrid .selectInput {
			width: 100%;
			margin: 0 0 40px;
		}
			.formBG .formWrapGrid .selectInput .inputTitle {
				position: relative;
				display: inline-block;
				margin: 0 0 8px;
			}
			.formBG .formWrapGrid .selectInput .input2nd {
				margin: 16px 0 0;
			}
			.formBG .formWrapGrid .selectInput .textBox textarea {
				width: 100%;
				height: 176px;
			}

		.formBG .formWrapGrid .formfield {
			width: 100%;
			margin: 0;
		}
			.formBG .formWrapGrid .formfield th {
				width: 24%;
				padding: 0 0 40px;
			}
			.formBG .formWrapGrid .formfield td {
				position: relative;
				width: 76%;
				padding: 0 0 40px;
			}

.formCaption {
	width: 100%;
	margin: 0 0 40px;
	font-size: 14px;
	line-height: 20px;
}
	.formCaption h3 {
		margin: 0 0 8px -8px;
		font-size: 16px;
		}
		.formCaption p {
			margin: 0 0 24px;
			}


}