@charset 'utf-8';

@media (min-width: 751px) {

/*contact_con*/
	#contact_consul { padding: 250px 0 100px; background: url(../images/bg_contact.jpg) center center no-repeat;
		background-size: cover; }
	#contact_consul .cflex { justify-content:center; }
	#contact_consul .cflex .lead_contact { width: 42%; }
	#contact_consul .cflex .lead_contact p { font-size: 13px; line-height: 24px; margin-bottom: 10px; }
	#contact_consul  .contact_tel { margin-top: 25px; width: 300px; margin: auto; background: #ffffff; line-height: 30px; }
	#contact_consul .formmain { width: 60%; margin: 0 auto 50px ; }
	#contact_consul table { width: 100%; /*margin-bottom: 20px;*/ }
	#contact_consul table th,#contact_consul table td { border-top: #ffffff 1px solid; padding-top: 10px;
		padding-bottom: 10px; vertical-align:middle; }
	#contact_consul table th { width: 200px; /*vertical-align: top;*/ font-size: 14px; text-align: left;
		padding-left: 10px; }
	#contact_consul table td input[type="text"] { border: none; background: #ffffff; width: 100%; height: 26px;
		line-height: 26px; padding: 0 10px; }
	#contact_consul table td textarea { width: 100%; height: 120px; border: none; background: #ffffff;
		padding: 10px; }
	#contact_consul .btns { display: flex; justify-content:center; }
	#contact_consul .btns input { font-size: 15px; display: block; text-align: center; line-height: 40px;
		 width: 240px; height: 40px; position: relative; border: none; color: #ffffff;
		 background: url("../images/icon_arrow.svg") right 16px center no-repeat #68934d; transition:0.3s;
		 cursor: pointer; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
	#contact_consul .btns input:hover { opacity: 0.7; background: url("../images/icon_arrow.svg") right 11px center no-repeat #68934d; }
	#contact_consul input , #contact_consul select {
		margin-top: 0;
		margin-bottom: 3px;
	}
	.disBlock {
		display: block;
	}
	#contact_consul table th.disBlock,
	#contact_consul table td.disBlock {
		width: 100%;
	}
	#contact_consul dl { border-top: #ffffff 1px solid; padding-top: 10px; }
	#contact_consul dl dt { font-size: 14px; text-align: left; padding-left: 10px; }
	#contact_consul dl dd { padding-top: 10px; }
	#contact_consul dl dd textarea { width: 100%; height: 250px; border: none; background: #ffffff; padding: 10px; }
	#contact_consul .btns { margin-top:55px; }
	#contact_consul .contact_tel { padding:5px 25px; }

	#contact_consul input::placeholder {
		cursor: #CBCBCB;
		opacity: 0.5;
	}

}


@media (max-width: 750px) {

/*contact*/
	#contact_consul { padding: 16vw 0; background: url(../images/bg_contact_sp.png) center top no-repeat #ededed;
		background-size: 100% auto; }
	#contact_consul .cflex .lead_contact p { font-size: 3.7vw; line-height: 6vw; margin-bottom: 2vw; }
	#contact_consul .contact_tel { margin-top: 4vw; width: 76%; background: #ffffff; margin-bottom: 10vw; }
	#contact_consul .formmain {  }
	#contact_consul table { width: 100%; /*margin-bottom: 6vw;*/ }
	#contact_consul table th,#contact_consul table td { border-top: #ffffff 1px solid; padding: 2vw 0; display: block; }
	#contact_consul table th { font-size: 3.7vw; text-align: left; }
	#contact_consul table td input[type="text"] { border: none; background: #ffffff; width: 100%; height: 8vw;
		line-height: 8vw; padding: 0 2vw; }
	#contact_consul table td textarea { width: 100%; height: 22vw; border: none; background: #ffffff;
		padding: 2vw; }
	#contact_consul .btns { display: flex; justify-content:center; }
	#contact_consul .btns input { font-size: 3.7vw; display: block; text-align: center; line-height: 13vw;
		 width: 66vw; height: 13vw; position: relative; border: none; color: #ffffff;
		 background: url("../images/icon_arrow.svg") right 2vw center no-repeat #68934d; background-size: 1.4vw auto;
		 cursor: pointer; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

	#contact_consul input , #contact_consul select {
		margin-top: 0;
		margin-bottom: 3px;
	}
	#contact_consul dl { border-top: #ffffff 1px solid; padding-top: 3.7vw; }
	#contact_consul dl dt { text-align: left; padding-left: 3.7vw; }
	#contact_consul dl dd { padding-top: 10px; }
	#contact_consul dl dd textarea { width: 100%; height: 34vw; border: none; background: #ffffff; padding: 2vw; }
	#contact_consul .btns { margin-top: 3.7vw; }
	#contact_consul  .contact_tel { padding: 2vw 3vw; margin-bottom:0; }

	#contact_consul table td input::placeholder {
		cursor: #CBCBCB;
		opacity: 0.5;
	}

}