@charset "utf-8";

/*----------------------------------------------------------------------
共通
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
お問い合わせ
----------------------------------------------------------------------*/

.contact{
	background: #F2FAF0;
}

.form{
	padding: 80px 0 120px;
}

.form .ttl{
	margin-bottom: 30px;
}

.form-txt{
	margin-bottom: 30px;
}

.form-txt a{
	color: #231815;
}

#formWrap {
	max-width: 800px;
	margin: 0 auto;
}

.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
.formTable td,.formTable th{
	display: block;
	width:100%;
	text-align: left;
}
.formTable input,
.formTable textarea{
	width: 100%;
	padding: 5px 10px;
	border-radius: 0;
	border: 1px solid #ccc;
}

.formTable th{
	font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
	margin-bottom: .5em;
}

.formTable th span{
	font-size: 1.6rem;
	color: #FF0303;
	font-weight: bold;
	margin-left: 1em;
}

.formTable td{
	font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	margin-bottom: 30px;
}

.btnWrap{
	margin-top: 20px;
	display: flex;
}

.btnWrap input{
	font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	color: #231815;
	width: 50%;
	padding: 15px 0;
	cursor: pointer;
	transition: .3s all;
	border-radius: none;
}

.btnWrap input:hover{
	opacity: .6;
}

.submit_btn{
	border: none;
	font-weight: 500;
	background: #BCE8B4;
	margin-right: 1em;
}

.reset_btn,
.back_btn{
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
}

.back_btn{
	margin: 0 auto;
}

.send_box{
	padding: 60px 0 40px;
}

.send-ttl{
	font-size: 2.4rem;
	margin-bottom: .5em;
}

.send-txt{
	line-height: 1.8;
}








 @media screen and (max-width: 1210px) {
}

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

@media screen and (max-width: 768px) {	
		 
.ttl{
	 background: url("../images/ttl-bg_sp.svg") no-repeat center / contain;
	letter-spacing: .1rem;
}
}

@media screen and (max-width: 480px) {
.form-txt{
	text-align: left;
}
}