@charset "utf-8";

/*--------------------------------------------*/
/*ベースイメージ設定*/
/*--------------------------------------------*/

#main {
	margin-bottom:20px;
}

/*セクション*/
.main_in{	
	margin:0 100px 40px;
}


#main h2 {
	font-size: 200%;
	background-color: #43b149;	/*背景色*/
	color:#fff;
	padding:15px 50px 13px;
	margin-top:30px;
	margin-bottom:15px;
	border-radius:15px;
}

#main h2 span{
	font-size: 70%;
}

#main h3 {
	font-size: 160%;
	margin:30px 0 10px;
}
/*-----FAQの設定----------------------------*/
#main .q_a_table{
	margin:20px 0 10px;
}
#main .q_a_table th{
	text-align:left;
	font-size:172%;
	font-weight:bold;
	color:#233780;
	padding:10px 7px ;
}
#main .q_a_table td{
	font-size:115%;
	padding:10px 7px ;
	line-height:1.7em;
}

#main hr{
	border-top:1px dotted #333;
}


/*-----formの設定----------------------------*/
#toiawase{
	clear:left;
	width:100%;
}
.otoiawase_form{
	padding:10px 15px 10px;
	background-color:#eaeaea;
}
.otoiawase_title{
	font-size:18px;
	font-weight:bold;
}

dl.form dl,dt,dd {
margin: 0;
padding: 0;
}

dl.form{
background: #cccce6;
width: 100%;
}

dl.form dt,dd {
padding: 6px;
}

dl.form dd {
background: #f0f0f0;
}
input{
max-width:99%;

}
textarea{
max-width:99%;

}
.hissu{
	padding-bottom:5px;
}
.hissu_img{
	vertical-align:top;
	margin:2px 5px 0 0;
}
.yoyaku_title{
	margin-top:15px;
	font-size:122%;
}
.yoyaku{
	margin-bottom:10px;
	font-size:87%;
}
.yoyaku span{
	color:#f00;
}
.button {
margin: 15px 0 10px; /* ボタンのマージン（上、左右、下） */
text-align: center;
}

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

blockquote { width:50%; margin:0 auto; }

dl.form{
border: 1px solid #666;
border-top: none;
width: 100%;
}
dl.form dt {
border-top: 1px solid #666;
clear: left;
float: left;
width: 26%;
}

dl.form dd {
border-left: 1px solid #666;
border-top: 1px solid #666;
margin-left: 27%;
}
}
/*------------------------------------------*/



/*タブレット*/
@media screen and (min-width:600px) and (max-width:1199px){

/*ベースーイメージ設定*/

/*--------------------------------------------*/


#main {
	width:auto;
	margin:0 20px 20px;
}

.main_in{	
	width: auto;	
	margin:0 10px;
}

#main h2 {
	padding:10px 20px 8px;
	font-size: 160%;
}

#main h3 {
	font-size: 140%;
	margin:20px 0 10px;
}
/*----FAQの設定--------------------------------*/
#main .q_a_table{
	margin:20px 0 10px;
}
#main .q_a_table th{
	text-align:left;
	font-size:143%;
	font-weight:bold;
	color:#233780;
	padding:10px 7px ;
}
#main .q_a_table td{
	font-size:115%;
	padding:10px 7px ;
	line-height:1.5em;
}

}


/*スマホ*/
@media screen and (max-width:599px){


/*ベースーイメージ設定*/


/*--------------------------------------------*/
#main {
	width:auto;
	margin:0 10px 10px;
}

.main_in{	
	width: auto;
	margin:10px 0;
}
#main h2 {
	font-size: 140%;
	padding:5px 20px 5px;
}

#main h3 {
	font-size: 130%;
	margin:20px 0 10px;
}

/*----FAQの設定--------------------------------*/
#main .q_a_table{
	margin:20px 0 10px;
}
#main .q_a_table th{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#233780;
	padding:10px 7px ;
}
#main .q_a_table td{
	padding:10px 7px ;
	line-height:1.5em;
}


}