@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  graduate.css
 style info :  スタイル指定
=================================================================== */
p.circleUp{
  position: sticky;
  top:95%;
  z-index:10000000;
  font-size: 2rem;
  text-align: right;
  padding-right: 1rem;
}


/*hgNav
----------------------------------------------------------------------------- */
header nav#hgNav{
	bottom: 183px;
}
/*text0- 
----------------------------------------------------------------------------- */
h3{
	font-weight: bold;
	text-align: left;
}
.text01{
	text-align: left;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 50px;
	margin-bottom: 70px;
}
.text02{
	font-size: 14px;
	color: #ff99cc;
	margin-bottom: 20px;
}
.text03{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 45px;
}
.text04{
	font-size: 12px;
	line-height: 1;
	text-align: right;
	margin-right: 15px;
}
/* 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 60px;
}
.container00 ul{
	margin-bottom:20px;
	margin-left: 25px;
	font-size: 10px;
}
.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: 5px;
	text-align: left;
}
.container01 .box_l{
	float: left;
	width: 680px;
}
.container01 .box_r{
	float: right;
}
.container01 .con_b{
	padding: 30px;
	background-color: #f6f6f6;
}
.container01 .con_b h3{
	font-size: 18px;
	color: #ff99cc;
	margin-bottom: 20px;
	text-align: left;
}
.container01 .con_b .name{
	font-size: 14px;
	margin-bottom: 20px;
}
.container01 .con_b .name .small{
	font-size: 12px;
}
.container01 .con_b .text{
	line-height: 1.8;
	font-size: 14px;
}

.container01 .con_w{
	padding: 30px;
	background-color: #fff;
}
.container01 .con_w h3{
	font-size: 18px;
	color: #ff99cc;
	margin-bottom: 20px;
}
.container01 .con_w .name{
	font-size: 14px;
	margin-bottom: 20px;
}
.container01 .con_w .name .small{
	font-size: 12px;
}
.container01 .con_w .text{
	line-height: 1.8;
	font-size: 14px;
}
/* container02
----------------------------------------------------------------------------- */
.container02{
	margin-top: 50px;
	text-align: left;
}
.container02 .btn_w{
	width: 180px;
	line-height: 50px;
}



/* 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;
}



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


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

.text01{
	text-align: left;
	font-size: 3.2vw;
	line-height: 1.8;
	margin-top: 50px;
	margin-bottom: 70px;
}
.text02{
	font-size: 3.2vw;
	color: #ff99cc;
	margin-bottom: 20px;
}
.text03{
	font-size: 3.2vw;
	line-height: 1.8;
	margin-bottom: 40px;
}
.text04{
	font-size: 12px;
	line-height: 1;
	text-align: right;
	margin-right: 15px;
}
/* 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;
}
.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: 5px;
	text-align: left;
}
.container01 .box_l{
	float: none;
	width: 100%;
}
.container01 .box_r{
	float: right;
}
.container01 .text img{
	width: 35.5%;
	margin: 0 0 4% 6%;
}
.container01 .con_b{
	padding: 30px;
	background-color: #f6f6f6;
}
.container01 .con_b h3{
	font-size: 3.8vw;
	color: #ff99cc;
	margin-bottom: 20px;
	text-align: left;
}
.container01 .con_b .name{
	font-size: 3.2vw;
	margin-bottom: 20px;
}
.container01 .con_b .name .small{
	font-size: 3vw;
}
.container01 .con_b .text{
	line-height: 1.8;
	font-size: 3.2vw;
}

.container01 .con_w{
	padding: 30px;
	background-color: #fff;
}
.container01 .con_w h3{
	font-size: 3.8vw;
	color: #ff99cc;
	margin-bottom: 20px;
}
.container01 .con_w .name{
	font-size: 3.2vw;
	margin-bottom: 20px;
}
.container01 .con_w .name .small{
	font-size: 3vw;
}
.container01 .con_w .text{
	line-height: 1.8;
	font-size: 3.2vw;
}
/* container02
----------------------------------------------------------------------------- */
.container02{
	margin-top: 50px;
	text-align: left;
}
.container02 .btn_w{
	width: 100%;
	line-height: 50px;
}
}

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


	
	
	
	
}

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


}

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

}