@charset "utf-8";
/* CSS Document */
h3.guide{border-left:5px solid #6D4373;padding: 0.25em 0.5em;font-weight:bold;font-size:18px;}
h3.title_box {
	background: url(/userdata/title_p.png) no-repeat 0 7px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0px 30px;
}
h3.guide_b{border-left:5px solid #AA5A00;padding: 0.25em 0.5em;font-weight:bold;font-size:18px;}
h3.title_box_b {
	background: url(/userdata/title_b.png) no-repeat 0 7px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0px 30px;
}
h3.guide_bl{border-left:5px solid #06c;padding: 0.25em 0.5em;font-weight:bold;font-size:18px;}
h3.title_box_bl {
	background: url(/userdata/title_bl.png) no-repeat 0 7px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0px 30px;
}
.a_title_box{padding:0 0 0px 30px;}

.guide_box{width:100%;display:flex;margin:10px auto 30px;flex-wrap: wrap;}
.guide_parts{width:25%;display:flex;flex-direction:column;border:1px solid #ccc;padding:10px;margin-left:10px;}
.guide_txt li{list-style-position: outside;line-height:1.4;margin-bottom:10px;}
.guide_txt ul{margin:10px 0 30px 30px;}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){

}


/* 650px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 650px){
.guide_parts{width:100%;display:flex;flex-direction:column;padding:10px;margin:0 0 10px 0;}
}