@charset "UTF-8";

.text{
	margin		: 0 0 30px;
	display		: inline-block;
	font-size	: 16px;
	line-height	: 27px;
}

.text2{
	margin		: 0 0 30px;
	display		: inline-block;
	font-size	: 14px;
}

.text2 span{
	color		: #F2A31B;
}

.box01{
	font-size	: 16px;
	clear		: both;
	overflow	: hidden;
	margin		: 0 0 50px;
}

.td-l span{
	color		: #F2A31B;
	float		: right;s
}

.td-l{
	float		: left;
	width		: 20%;
	height		: 40px;
	padding-right	: 5%;
	margin		: 0 0 20px ;
	line-height	: 1.2;
}

.td-r{
	float		: left;
	width		: 70%;
	height		: 40px;
	margin		: 0 0 20px ;
}

.td-m{
	float		: left;
	width		: 20%;
	height		: 120px;
	padding-right	: 5%;
	margin		: 0 0 20px ;
	line-height	: 1.2;
}

.td-r input{
	width		: 100%;
	height		: 30px;
}

.td-r textarea{
	width		: 94%;
	height		: 100px;
	padding		: 10px 3%;
}

.box02{
	text-align	: center;
}

.text_sub{
	font-size	: 14px;
	line-height	: 21px;
	margin-top	: 20px;
}





@media screen and (min-width: 768px) {
/* 768pxからの幅の場合に適応される */


}

@media screen and (max-width:767px) {
/*　画面サイズが767pxまではここを読み込む　*/



}