@charset "UTF-8";
/*----------------------------------------------------
	☆CMN
----------------------------------------------------*/


.last  {
	margin-right: 0 !important;
}

.txt {
	color: #000;
		font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 20px;
	letter-spacing: .1em;font-weight: bold;
	line-height: 180%;
	padding: 20px 0px;
	text-align: center;
}



#wrap .btn a {
	background: #94C96A;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	letter-spacing: .1em;
	padding: 15px 80px;
	margin-top: 30px;
	transition: 0.2s ease-in;
}
#wrap a:hover {
	opacity:.8;
}

.bx-wrapper .bx-viewport {
    box-shadow:  none !important;
    border: none !important;
    left: 1px !important;
    background: none !important;
}

/*----------------------------------------------------
	☆content
----------------------------------------------------*/

#header {
	background: #140b51;
	padding: 0px 0px 0px;
}




#header h1 {
	float: left;
	line-height: 0;
	width: 300px;
	
}

#header ul {
	float: right;
	width: 150px;
	
}

#header ul li {
	display: inline-block;
	padding-top: 35px;
	margin-right: 10px;
	vertical-align: top;
}




/*----------------------------------------------------
	☆mv
----------------------------------------------------*/


#mv {
	background: url(../images/bg01.jpg) no-repeat scroll center center / cover;
	padding: 30px 0px;
	text-align: center;
}

#mv ul li {
	display: inline-block;
	margin-right: 30px;
}




/*----------------------------------------------------
	☆one
----------------------------------------------------*/


#one {background: url(../images/bg02pc.jpg) no-repeat scroll center center / cover;
	padding: 50px 0px 100px;	position: relative;


}


#one h2{
	color: #000;
	font-size: 30px;
	text-align: center;
	letter-spacing: .1em;
	padding-bottom: 30px;
}

#one h4{
	color: #000;
	font-size: 30px;
	text-align: center;
	letter-spacing: .1em;
	padding-top: 20px;
}

#one p.sml{
	color: #000 !important;
	font-size:13px;
	width: 700px;
	padding-top: 10px;
	letter-spacing: .2em;
	margin-bottom: 160px;
}


#one h5{
	color: #000;
	font-size: 28px;
	text-align: center;
	letter-spacing: .1em;
	line-height: 220%;
	padding-bottom: 30px;
}

#one h5 span{
	background: url(../images/bgyel.jpg) bottom center repeat-x;
}

#one p.fixed{
	position: absolute;
	bottom: 0px;	left: 0px;

}


#one p.sticky{
	position: fixed !important;
	bottom: 0 !important;
	left: 0px;
	z-index: 999;
}


#one p.txt{
	  font-family: "Yu Mincho", "YuMincho" ! important;

}







/*----------------------------------------------------
	☆two
----------------------------------------------------*/

#two { background: url(../images/bg_rep.png)repeat scroll center center;
	padding: 50px 0px;
}



#two .box {
	padding-top: 50px;
}



#two .box .txt1 {
	color: #000 !important;
	font-size: 14px;
	line-height: 180%;	font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}




#two .box .boxL {
	float: left;
	width: 570px;
}


#two .box .boxR {
	float: right;
	width: 430px;
}



#two .box1 .boxL {
	float: left;
	width: 510px;
}


#two .box1 .boxR {
	float: right;
	width: 490px;
}




#two .box .boxL .fltL {
	width: 148px;
}

#two .box .boxL .fltR {
	width: 410px;
}








/*----------------------------------------------------
	☆three
----------------------------------------------------*/


#three { background: #fff;
	padding: 50px 0px 100px;
}

#three  ul {
	margin-top: 30px;
}

#three  ul li{
	display: inline-block;
	width: 270px;
	vertical-align: top;
	margin-right: 80px;
	letter-spacing: 1px;	font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

    color: #000;
}

#three  ul li img{
	margin-bottom: 0px;
}

#three  ul li span{
	display: block;
	font-size: 14px;
	margin-top: 10px;
	line-height: 180%;
	text-align: left;
	
}



/*----------------------------------------------------
	☆three
----------------------------------------------------*/

#ques { 
	background: url(../images/bg04.jpg) repeat-y scroll center center;
	padding: 50px 0px 100px;

}

#ques .inr {
	margin: 0 auto;
	width: 740px;

}

#ques ul li {
	display: inline-block;
	margin-right: 20px;
	width:350px;
}

#ques ul li a {
	border: 2px solid #3188c0;	font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

	background: #fff;
	color: #3188c0;
	padding: 15px;
	display:block;
	font-size: 18px;
	font-weight: bold;
}

#ques ul li a:hover {
	border: 2px solid #3188c0;
	background: #8dbddc;
		color: #fff;


}


/*----------------------------------------------------
	☆click
----------------------------------------------------*/


#click {
		padding: 100px 0px ;
	text-align: center;

}

#click .pos{
		padding: 50px 0px 0;
	margin-bottom: -20px;

}


#click .pos1{
		padding: 0px 0px 50px;

}


#click ul{
		padding: 50px 0px 50px;

}


#click ul li{
display: inline-block;
}








@media screen and (max-width: 780px) {
  img {
  	width: 100%;
  }
  .last {
  	margin-right: 0px !important;
  }
  .txt {
  	color: #3F3B39;
  	font-size: 16px;
  		font-family: 'hannari';
  	letter-spacing: .1em;
  	line-height: 180%;
  	padding: 20px 10px;
  	text-align: center;
  }
	.txt br {display: none;
	}
}



#wrap .btn a {
	background: #94C96A;
	color: #fff;
	font-size: 16px;
	letter-spacing: .1em;
	padding: 10px 30px;
	margin-top: 30px;
	transition: 0.2s ease-in;
}
	
.bx-wrapper .bx-viewport {
  box-shadow:  none !important;
  border: none !important;
  left: 0px !important;
  background: none !important;
}


/*----------------------------------------------------
	☆content
----------------------------------------------------*/

#header {
	background: #140b51;
	padding: 10px 0px 0px;
}

#header h1 {
	float: left;
	width: 120px;
	padding-left: 10px;
}

#header ul {
	float: right;
	width: 150px;
	vertical-align: top;
}

#header ul li {
	display: inline-block;
	padding-top: 10px;
	margin-right: 10px;
}

	
	
	



/*----------------------------------------------------
	☆mv
----------------------------------------------------*/


#mv {
	background: url(../images/bg01.jpg) no-repeat scroll center center / cover;
	padding: 30px 0px;
	text-align: center;
}

#mv ul li {
	display: inline-block;
	margin-right: 0px;
	width: 30%;
}







/*----------------------------------------------------
	☆one
----------------------------------------------------*/


#one {background: url(../images/bg02.png) no-repeat scroll center bottom / cover;
	padding: 50px 20px 0px;
}

#one .inr{
	position: relative;
}

#one h2{
	color: #000;
	font-size: 24px;
	text-align: center;
	letter-spacing: .1em;
	padding-bottom: 30px;
}

#one h4{
	color: #000;
	font-size: 24px;
	text-align: center;
	letter-spacing: .1em;
	padding-top: 20px;
}

#one p.sml{
	color: #000 !important;
	font-size:13px;
	width: auto;
	padding-top: 10px;
	letter-spacing: .2em;
	margin-bottom: 20px;
}


#one h5{
	color: #000;
	font-size: 20px;
	text-align: center;
	letter-spacing: .1em;
	line-height: 220%;
	padding-bottom: 30px;
}

#one h5 span{
	background: url(../images/bgyel.jpg) bottom center repeat-x;
}

#one p.fixed {
    position: relative;
    bottom: -2px;
    width: 120px;
}



#one p.sticky{
	position: fixed !important;
	bottom: 30px !important;
	left: 10px;
}










/*----------------------------------------------------
	☆two
----------------------------------------------------*/

#two { background: url(../images/bg_rep.png)repeat scroll center center;
	padding: 50px 0px;
}



#two .box {
	padding:20px 10px 0px;
}



#two .box .txt1 {
	color: #000 !important;
	font-size: 14px;
	line-height: 180%;
}




#two .box .boxL {
	float: auto;
	width: auto;
}


#two .box .boxR {
	float: none;
	width: auto;
}



#two .box1 .boxL {
	float: none;
	width: auto;
}


#two .box1 .boxR {
	float: none;
	width: auto;
}




#two .box .boxL .fltL {
	width: 100px !important;
	margin: 0 auto;
}

#two .box .boxL .fltR {
	width: auto;
}








/*----------------------------------------------------
	☆three
----------------------------------------------------*/


#three { background: #fff;
	padding: 50px 10px ;
}

#three  ul {
	margin-top: 30px;
}

#three  ul li{
	display: block;
	width: auto;
	vertical-align: top;
	margin-right: 0px;
	letter-spacing: 1px;
    color: #000;
	margin-bottom: 30px;
}
	
#three  ul li img{
  width: 150px !important;
	margin: 0 auto;
}

#three  ul li img{
	margin-bottom: 30px;
}

#three  ul li span{
	display: block;
	font-size: 14px;
	margin-top: 10px;
	line-height: 180%;
	text-align: left;
}



/*----------------------------------------------------
	☆three
----------------------------------------------------*/

#ques { 
	background: url(../images/bg04.jpg) repeat-y scroll center center;
	padding: 50px 10px 50px;
}

#ques .inr {
	margin: 0 auto;
	width: 740px;
}

#ques ul li {
	padding: 10px 20px ;
	display:block;
	margin-right: 0px;
	width:auto;
}

#ques ul li a {
	border: 2px solid #3188c0;
	background: #fff;
	color: #3188c0;
	padding: auto;
	display:block;
	font-size: 16px;
	font-weight: bold;
}

#ques ul li a:hover {
	border: 2px solid #3188c0;
	background: #8dbddc;
	color: #fff;
}


/*----------------------------------------------------
	☆click
----------------------------------------------------*/


#click {
		padding: 50px 20px ;
	text-align: center;
}

#click .pos{
	padding: 50px 0px 0;
	margin:0 auto -20px;
	width: 150px;
}


#click .pos1{
	padding: 0px 0px 0px;
}


#click ul{
	padding: 10px 0px 0px;
}


#click ul li{
  display: inline-block;
	margin-bottom: 20px;
}


/* 2021.2.24追記 */
#header h1 { width: 175px; } /* 2021.7.7修正 */
#header h1 img { width: 100%; }
#mv { background: url("../images/register-now-phd-top-bg.png") repeat; }