@charset "UTF-8";

/*-----------------------------------------------------------------------
COMMON
-----------------------------------------------------------------------*/

.pageID { position:relative; padding-bottom:15px; margin-bottom:35px; border-bottom:4px solid #233c5e; font-size:40px; }
.pageID::before { content:""; position:absolute; top:auto; bottom:-4px; left:0; width:100%; height:4px; background:#c00210; width:55px; margin-left:0; }
.pageID::after { content:attr(data-jp) ""; font-size:12px; text-align:left; display:inline-block; margin-left:15px; font-family: tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }


input[type='submit'], input[type='button'] { width:220px; margin-top:3px; }
input[type="button"] { border: none; cursor: pointer; display: inline-block; }
	
label { font-weight:400; }

h3 { font-size:22px; font-weight:bold; border-bottom:1px solid #d3d8df; padding-bottom:15px; margin-bottom:30px; }

.contact_step { border-top:1px solid #d3d8df; margin-top:55px; }
.contact_step li { border-bottom:1px solid #d3d8df; padding:8px 35px; font-size:13px; color:#333; position:relative; margin:0.75px 0 0; }
.contact_step li:after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#fff; }
.contact_step li:after { top:auto; bottom:0; }
.contact_step li.active { color:#233c5e; background:#f1f1f1; font-weight:bold; }
.contact_step li.active:before { content:""; position:absolute; top:18px; left:15px; width:10px; height:2px; background:#233c5e; }


/*-----------------------------------------------------------------------
inquiry index
-----------------------------------------------------------------------*/

.aboutUs_box { display: flex;align-items: center; font-size:13px; }
.aboutUs_title { font-size:20px; font-weight:bold; position:relative; padding-bottom:5px; margin-bottom:15px; }

.contact_item { display:flex; align-items:top; align-content:center; padding:10px 0; }
.contact_item_left { position:relative; width:180px; min-width: 180px; padding:10px 0 10px 0px; font-size:13px; }
.contact_item_right { position:relative; width:100%; }
	.confirm .contact_item_right { padding:10px 0 10px 0px; }
.contact_item_divide { display:flex; justify-content:space-between; flex-wrap:wrap; }
.contact_item_divide li { width:49%; }


.error { color:#c00210; font-size:11px; margin-top:5px; }
.contact_btn { position:relative; padding-left:46%; margin-top:30px; display:flex; }
	.contact_btn input { margin:0 10px; }

#contactForm input[type="button"], #contactForm input[type="text"], #contactForm input[type="tel"], #contactForm input[type="email"], #contactForm select, #contactForm textarea { -webkit-appearance:none; border-radius:5px; font-size:16px; transition:0.3s; }
#contactForm input[type="text"] { padding:10px; color:#8c8c8c; height:40px; border:1px solid #bdc4ce; width:100%; }
#contactForm input[type="email"] { padding:10px; color:#8c8c8c; height:40px; border:1px solid #bdc4ce; width:100%; }
#contactForm input[type="text"]:focus,
#contactForm select:focus,
#contactForm textarea:focus { background:#fdfcf4; }
#contactForm select { padding:10px; position:relative; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; color:#333; }
#contactForm select:disabled { color:#ccc; }
#contactForm select:disabled::-ms-value,
#contactForm select:disabled::-ms-expand { color:#ccc; }
#contactForm textarea { padding:10px; height:200px; border:1px solid #bdc4ce; width:100%; }

#contactForm input.fixBtn[type="button"] { background:#f1f1f1; color:#233c5e; border-radius:30px; }


	@media only screen and (min-width: 768px) {	
		#contactForm.confirm .contact_btn { padding-left:35%; }
	}

	@media only screen and (max-width:1024px) {
		
	}
	
	@media only screen and (max-width:767px) {
		.pageID { padding-bottom:10px; margin-bottom:15px; border-bottom:4px solid #233c5e; font-size:24px; }
		h3 { font-size:16px; margin-bottom:10px; padding-bottom:10px; }
		input[type='submit'],input[type='button'] { width:85%; }
		.contact_step { display:none; }
		.aboutUs_box { flex-wrap:wrap; margin-top:20px; }
		.aboutUs_title { font-size:20px; font-weight:bold; position:relative; padding-bottom:5px; margin-bottom:0px; }
		.aboutUs_box img { margin-bottom:20px; }
		.contact_item { flex-wrap:wrap; padding:0; }
		.contact_item_left { width:100%; min-width:100%; padding: 10px 0 0;}
		.contact_btn { position:relative; padding-left:0; text-align:center; margin-bottom:30px; }
		.contact_item_divide li { width:100%; }
		
		input[type='submit'], #contactForm input.fixBtn[type="button"] { font-size:12px; }
	}


/*-----------------------------------------------------------------------
inquiry confirm / complete
-----------------------------------------------------------------------*/

#contactForm.confirm li,
#contactForm.confirm p { border-bottom:1px solid #bdc4ce; padding-bottom:15px; }

.lead { line-height:2.2; }

.contact_us { border:10px solid #f3f3f3; padding:25px 30px; color:#454545; line-height:1.8; margin-top:30px; }


	@media only screen and (max-width:767px) {
		.contact_us { padding:15px 20px; }
	}