@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}



caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */


body {
    margin: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #fff;
    font-size: 80%;
	-webkit-text-size-adjust: none;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

/* リンク設定
------------------------------------------------------------*/
/*a{color:#009;text-decoration:none;}
a:hover{
	opacity:0.7;}
a:active, a:focus {outline:0;}
*/

/* 全体
------------------------------------------------------------*/
*#wrapper{
width:100%;	
margin:0 auto;
height: auto;
position:relative;
}
/**************************
/*メインヴィジュアル*/

/*#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

*/
#kv{
	width: 1000px;
    margin: 0 auto;}
#mainBanner {
    margin: 17px auto;
    padding: 0;
    width: 100%;
    position: relative;
    line-height: 0;}
#mainBanner img{
	width:100%;}
/*#main_back{
		background-image:none;
		height:auto;
		width: 1000px;
        margin: 0 auto;
	}
*/

#course_back{display:none;}
/* ------------------------------------------------------------*/
/*パンくずリスト*/
#breadcrumb{
	height:30px;
	width:1000px;
	margin:0 auto;
	clear:both;
}
#breadcrumb ul li a{
	color:#f29e9d;
	margin-left:20px;
}
#breadcrumb ul li {
	color:#f29e9d;
/*	display:inline;
*/	float:left;
	padding:2px;
    background:url(../images/flow/home_icon.png) no-repeat left center;

	}

#breadcrumb ul li:last-child{background:none;}	

/*/*---------------------------------------------------------------------------------------------------------------------*/
.Question_top {
    margin-top: 20px;
}
.Question {
	margin-top:50px;
}

/*.Question_top h3 {
	border-bottom: 1px solid #009;
}
*/.Question_top p{
	padding:10px;
}
/*ACCORDION*/
div.accordion {
	width: 100%;
	text-align:right;
}
div.accordion > ul > li > a {
	display: block;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 12px;
	position: relative;
	border-bottom: solid 1px #d7d3d3;
}
div.accordion > ul > li > a:hover{
	background-color: #fff;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 16px;
	color: #fff;
}
.accordion ul li ul li {
	text-align:left;
	line-height:100px;
}


ul li ul .q_t a img {
	height:auto;
	padding-left:30px;
}
/*div.accordion > ul > li > a:after{
	content: "▼";
}
div.accordion > ul > li > a.active:after{
	content: "▲";
}*/
div.accordion > ul > li > ul {
	display: none;
}
div.accordion > ul > li > ul > li > a{
	height:100px;
	display: block;
	color: #009;
	font-size: 14px;
	background-color: #f0f8ff;
/*	border: 1px solid #009;
*/	padding: 6px 12px;
	position: relative;
	margin-bottom:30px;
/*	border-radius:5px;
*/}
div.accordion > ul > li > ul > li > a:hover{
	background-color: #fffc;
}
.Q1 img {
}
.Q2 img {
	margin-top:30px;
}
.Q3 img {
	margin-top:30px;
}
.Q4 img {
	margin-top:30px;
} 
*//* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
	
	}

/* タブレット用
------------------------------------------------------------*/

@media only screen and (max-width:959px){
	#kv{
	width:100%;
    margin: 0 auto;}
#mainBanner {
    height: auto;
    width: 100%;
    margin: 20px 0;}
/*コンテンツ**********************************/
	#contents{
		width:100%;
	}
	#leftcontents{
		width:100%;
		margin:0 auto;}
	#Q_contents{
		margin-bottom:30px;
	}
		

  

    
}
@media only screen and (max-width:700px){
#breadcrumb{
		width:100%;
		height:30px;
	    padding: 5px;
	}

	}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){


}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
.accordion ul li ul li {
	width:100%
	text-align:center;
	line-height:250%;
}
.Q1 img {
	width:70%;
	height:auto;
}
.Q2 img {
	width:80%;
	height:auto;
}
.Q3 img {
	width:80%;
	height:auto;
}
.Q4 img {
	width:95%;
	height:auto;
}
	
}