@charset "utf-8";


/* パンくず
----------------------------------------------------------- */
#pan {
text-align:center;
background-color: #F8F6F1;
}

.panbox {
padding:3em 0 2em 0;
}

.panbox h2 {
font-size:34px;
font-weight:normal;
line-height:1.3;
margin:0 0 0.2em 0;
}

@media screen and (max-width: 768px) {
	.panbox h2 {
	font-size:26px;
	letter-spacing:0;
	}
	.panbox {
	padding:2em 0 1em 0;
	}
}

/* コンテンツ
----------------------------------------------------------- */
#contents {
margin:0 auto;
padding: 3em 0 2em 0 ;
overflow:hidden;
}

#main {
overflow:hidden;
}


/* メイン
----------------------------------------------------------- */
.mainbox {
width: 960px;
margin:0 auto;
text-align:left;
}

.mainbox h3 {
font-size:30px;
color: #00a1e9;
line-height:1.4;
margin:2em 0 1em 0;
}

.mainbox h3:first-child {
margin: 0.5em 0 1em 0;
}

.mainbox h4 {
font-size:20px;
margin:2em 0 1em 0;
padding:0 0 1em 0;
border-bottom:1px dotted #777;
}

.mainbox h5 {
font-size:18px;
margin:2em 0 1em 0;
}

@media screen and (max-width: 768px) {
	#contents {
	padding:2em 0 1em 0;
	}
	.mainbox {
	width:90%;
	display:block;
	padding:0 ;
	margin:0 auto;
	}
	.mainbox h3 {
	font-size:22px;
	}
	.mainbox h4 {
	font-size: 18px;
	}
	.mainbox h5 {
	font-size: 15px;
	}
}


/*　リスト系
-------------------------------------------------*/

.mainbox ul {
padding:0 0 0 26px;
margin:0 0 1em 0;
overflow:hidden;
}

.mainbox ul li {
list-style-type:disc;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
}

/*　ボタン
-------------------------------------------------*/
.formbt {
text-align:center;
margin:2em 0 1em 0;
}

.formbt input {
width:300px;
height:60px;
}

@media screen and (max-width: 768px) {
	input {
	width:100%;
	}
	.formbt input {
	width:100%;
	}
}