@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  sitemap.css
 style info :  スタイル指定
=================================================================== */


/*hgNav
----------------------------------------------------------------------------- */
header nav#hgNav{
	bottom: 183px;
}



/* container00
----------------------------------------------------------------------------- */
.container00{
	margin: -133px auto 0;
	background-color: #FFF;
	z-index: 9999;
	position: relative;
	width: 1060px;
	padding-top: 22px;
}
.container00 .course01_title_pc{
	margin: 0 auto;
}
.container00 ul{
	margin-bottom:20px;
	margin-left: 25px;
	font-size: 10px;
	display: flex;
}
.container00 ul li::after{
	content:">";
	margin : 0 7px;
}
.container00 ul li:last-child::after{
	content:none;
}
.container00 ul li:last-child{
	margin-right: 0px;
}
/* container01
----------------------------------------------------------------------------- */
.container01{
	margin-top: 90px;
	text-align: left;
}
.container01 ul{
display: flex;
}
.container01 ul .box_l{
/*	float: left;*/
	width: 460px;
}
.container01 ul .box_r{
/*	float: right;*/
	width: 460px;
}
.container01 ul .box_l a{
	text-align: left;
	font-size: 14px;
	line-height: 2.1;
}
.container01 ul .box_r a{
	text-align: left;
	font-size: 14px;
	line-height: 2.1;
}
.container01 ul dt::before{
	content: "\025b6";
	font-size: 7px;
	margin-left: 4px;
	margin-right: 9px;
	color: #ff99cc;
	flex-shrink: 0;
}
.container01 ul dt.titName::before{
	content: "\025bc";
	font-size: 1rem;
	margin-left: 0;
	margin-right: 0;
	color: #CCCCCC;
}
dt.titName{
padding-left: 1.5rem;
margin-top:0.5rem;
}
dt.titName.First{
margin-top:0;
}
.container01 ul dd{
	margin-left: 40px;
	display: flex;  
	align-items: baseline; 
}
.container01 ul dd::before{
	content: "▶";
	font-size: 7px;
	margin-left: 4px;
	margin-right: 9px;
	color: #ff99cc;
}
.container01 ul dd.none_dd{
	margin-left: 0;
}
.container01 ul dd.none_dd::before{
	content: none;
	margin-left: 0;
	margin-right: 0;
}

/* BreakPoint 1059px Tablet
=============================================================*/
@media screen and (max-width: 1059px) {

/* header
----------------------------------------------------------------------------- */
	#course01_top img{
		width: 100%;
	}
/* container00
----------------------------------------------------------------------------- */
.container00{
	margin: 0 auto;
	background-color: #FFF;
	z-index: 9999;
	position: relative;
	width: 100%;
	padding-top: 22px;
}

/* container01
----------------------------------------------------------------------------- */
.container01{
	margin-top: 90px;
	text-align: left;
}
.container01 ul{
display: block;
}
.container01 ul .box_l{
	float: none;
	width: 100%;
}
.container01 ul .box_r{
	float: none;
	width: 100%;
}
.container01 ul .box_l a{
	text-align: left;
font-size: clamp(0.875rem, calc(0.85rem + 0.13vw), 1rem);
	line-height: 2.1;
}
.container01 ul .box_r a{
	text-align: left;
font-size: clamp(0.875rem, calc(0.85rem + 0.13vw), 1rem);
	line-height: 2.1;
}
.container01 ul dt::before{
	content: "▶";
	font-size: 7px;
	margin-left: 4px;
	margin-right: 9px;
	color: #ff99cc;
	
}
.container01 ul dd{
	margin-left: 4%;
padding-left: 0;  
	text-indent: 0;   

}
.container01 ul dd::before{
	content: "▶";
	font-size: 7px;
	margin-left: 4px;
	margin-right: 9px;
	color: #ff99cc;
}

}
/* BreakPoint 979px Tablet
=============================================================*/
@media screen and (max-width: 979px) {

/* mainVisual
----------------------------------------------------------------------------- */

/* pankuzu
----------------------------------------------------------------------------- */
	.pankuzu{
		display: none;
	}

/* container00
----------------------------------------------------------------------------- */
.container00{
	margin: 0 auto 0;
	background-color: #FFF;
	z-index: 9999;
	position: relative;
	width: 100%;
	padding-top: 22px;
}
.container00 .course01_title_pc{
	margin: 0 auto 15px;
}
.container00 ul{
	margin-bottom:20px;
	margin-left: 25px;
	font-size: 10px;
	display: block;
}
.container00 ul li{
/*	float: left;*/
}
.container00 ul li::after{
	content:">";
	margin : 0 7px;
}
.container00 ul li:last-child::after{
	content:none;
}
.container00 ul li:last-child{
	margin-right: 0px;
}
/* container01
----------------------------------------------------------------------------- */
.container01{
	margin-top: 64px;
	text-align: left;
}

}

/* BreakPoint 767px Sphone
=============================================================*/
@media only screen and (max-width: 767px) {


	
	


}

/* BreakPoint 639px Sphone
=============================================================*/
@media only screen and (max-width: 639px) {


}

/* print
=============================================================*/
@media print {

}