/*--
	■Contents
	1.Base
	2.Link Ele
	3.Head Ele
	4.Contents Ele
	5.Menu Ele
	6.Footer Ele
	7.Main Contents Ele
	8.Common Patrs Ele
	9.Indivisual Ele
	10.Index Ele
	11.Sitemap Ele
	12.Form Ele

=========================================================*/

/*-- 

	1.Base

====================================================== --*/

body {
	background-color: #FFFFFF;
	font-size: 13px;
	color: #535353;
	margin:0px;
	padding:0px;
	text-align:center;
}
.all {
	width: 940px;
	margin:0px auto;
	text-align:left;
}
.partition {
	clear: both;
	display: none;
}
img {
	border: 0px;
	vertical-align:top;
}
dl,dt,dd,ul,li,ol {
	margin: 0px;
	padding:0px;
	line-height: 1.3em;
	list-style:none;
}
dt {
	font-weight: bold;
}
hr {
	display:none;
	clear:both;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
sup{
	vertical-align:5px;
	font-size:9px;
}

/*-- 

	2.Link Ele

====================================================== --*/
a:link {
}
a:visited {
}
a:hover {
}


/*-- 

	3.Head Ele

====================================================== --*/
.head {
	width: 940px;
	margin:0px 0px 10px;
}
.head .logo{
	width:220px;
	margin:0px 0px 8px;
}
.head .logo p{
	color:#333;
	padding:5px 0px;
	font-size:10px;
	line-height:1.4em;
	font-weight:bold;
	margin:0px;
}

.head .visual{
	width:940px;
	height:340px;
	position:relative;
	margin:0px 0px 10px;
	background:url(../../../images/pi_gakusyu/zadankai4/main_bg.jpg) no-repeat left top;
}
.head .visual h1{
	position:absolute;
	margin:0px;
	padding:0px;
	left:72px;
	top:38px;
}
.head .visual p{
	position:absolute;
	margin:0px;
	padding:0px;
	left:72px;
	top:141px;
}
.head .visual ul{
	left:69px;
	top:284px;
	/* width:500px; */
	position:absolute;
}
.head .visual ul li{
	list-style:none;
	float:left;
	margin:0px 10px 0px 0px;
}
.head .socialBtn{
	height:20px;
}
.head .socialBtn div{
	float:left;
	margin-right:10px;
}
/*-- 

	Contents Ele

====================================================== --*/

/*.backnumberList
-----------------------------------*/
.backnumberList{
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
.backnumberList li{
  margin-right: 6px;
  margin-top: 6px;
}
.backnumberList li a{
  display: block;
  padding: 7px 20px 7px 40px;
  border-radius: 5px;
  background: #EFF7FC;
  text-decoration: none;
  color: #3C98DD;
  position: relative;
}
.backnumberList li a:before{
  content: "";
  width: 14px;
  height: 14px;
  background: #3C98DD;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.backnumberList li a:after{
  content: "";
  border-left: 4px solid #FFF;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  position: absolute;
  display: block;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.title{
	position:relative;
	margin:0px 0px 40px;
  padding: 30px;
  border: 5px solid #BDE76B;
  background: #FFF;
  display: flex;
  justify-content: space-between;
}
.title .detail{
  width: 520px;
}
.title h2{
	padding:15px;
  margin-bottom: 20px;
  background: #EBF8D2;
  text-align: center;
  color: #E3407F;
  font-weight: 500;
  font-size: 24px;
}
.title p{
	margin:0px 0px 1.6em 0;
	color:#535353;
	line-height:1.6em;
}
.title .fig{
  text-align: center;
  margin-bottom: 0;
}
.title ul li:first-child{
	margin:0px 0px 20px;
}

.block {
	width:940px;
	padding:0px 0px 25px;
	margin:0px 0px 45px;
	background:url(../../../images/pi_gakusyu/zadankai4/block_bg.jpg) repeat left top;
}
.block h3{
	margin:0px 0px 20px 0px;
  background: url("../../../images/pi_gakusyu/zadankai4/h3_icon.png") no-repeat 20px center,url("../../../images/pi_gakusyu/zadankai4/h3_bg.png") repeat;
  font-size: 22px;
  padding: 20px 20px 20px 74px;
  color: #FFF;
  font-weight: 500;
}
.block p{
	line-height:1.6em;
	margin:30px 40px 30px 40px;
}
.block .imgLeft{
	float:left;
	padding:0px 0px 0px 30px;
}
.block .imgRight{
	float:right;
	padding:0px 17px 0px 0px;
}
.block ul{
	padding:12px 0px 0px;
}
.block li{
	width:534px;
	margin:0px 0px 0px 39px;
}
.block li.right{
	text-align:right;
}


.block dl{
	width:868px;
	margin:40px 0px 0px 38px;
}
.block dl dt{
	margin:0px 0px 6px;
  font-size: 24px;
  font-weight: 500;
  padding: 10px 10px 10px 66px;
  position: relative;
}
.block dl dt .num{
  width: 50px;
  height: 50px;
  background: url("../../../images/pi_gakusyu/zadankai4/tit_bg.png");
  border: 1px solid #BEE76D;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #E3407F;
  position: absolute;
  left: 0;
  top: 0;
}
.block dl dd{
	background:url(../../../images/pi_gakusyu/zadankai4/line.gif) no-repeat 2px 100%;
	padding:0px 0px 22px;
	margin:0px 0px 30px;
	position:relative;
	width:868px;
}
.block dl dd .img{
	position:absolute;
	right:0px;
	top:22px;
}
.block dl dd .img02{
	position:absolute;
	right:0px;
	top:-93px;
}
.block dl dd p{
	padding:0px;
	margin:30px 0px 35px 0px;
}
.block dl dd ul{
	padding:0px;
}
.block dl dd ul li{
	width:514px;
	margin:0px 0px 0px;
}

.block dl dd.last{
	background:none;
	margin:0px;
	padding:24px 0px 0px;
}
.block dl dd.last .img{
	top:-43px;
}
.block dl dd.last .right{
	margin-top:16px;
}

#Anchor03 {
	padding-bottom:45px;
	margin:0px 0px 30px;
}
#Anchor03 h3{
	margin:0px 0px 34px;
}
#Anchor03 ul{
	margin:0px 0px 47px 0px;
	padding:0px 0px 0px 38px;
	height:204px;
}
#Anchor03 li{
	width:auto;
	float:left;
	margin:0px 16px 0px 0px;
}


#Anchor03 .point{
	width:860px;
	position:relative;
	height:220px;
	margin:0px 0px 0px 40px;
	background:url(../../../images/pi_gakusyu/zadankai4/point_bg.gif) no-repeat left top;
}
#Anchor03 .point h4{
	padding:36px 0px 0px;
	margin:0px 0px 20px 40px;
  color: #213346;
  font-size: 18px;
  font-weight: 500;
}
#Anchor03 .point p{
	width:580px;
	margin:0px 0px 1.6em 40px;
}
#Anchor03 .point .img{
	position:absolute;
	right:-20px;
	top:-30px;
}




#Anchor04 {
	padding-bottom:11px;
}
#Anchor04 h3{
	margin:0px 0px 38px;
}
#Anchor04 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 38px;
	height:248px;
}
#Anchor04 li{
	width:auto;
	float:left;
	margin:0px 31px 11px 0px;
}

#Anchor04 li.right{
	float:right;
	padding:0px 38px 0px 0px;
	margin:45px 0px 0px;
}


.finish {
	width:940px;
	padding:0px 0px 81px;
	margin:0px 0px 45px;
	text-align:center;
	background:url(../../../images/pi_gakusyu/zadankai4/finish_bg.gif) no-repeat center bottom;
}
.finish p{
  font-weight: 500;
  font-size: 16px;
}



.hint {
	width:940px;
	height:465px;
	margin:0px 0px 50px;
	background:url(../../../images/pi_gakusyu/zadankai4/hint_bg.jpg) repeat left top;
}
.hint h2{
	padding:24px 0px 0px;
	margin:0px 0px 0px 0px;
  background: url("../../../images/pi_gakusyu/zadankai4/hint_tit_bg.png") repeat-x left bottom;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  padding-bottom: 25px;
}
.hint p{
	width:850px;
	height:105px;
	line-height:1.6em;
	margin:30px 0px 0px 40px;
}
.hint ul{
	margin:0px 0px 0px 40px;
}
.hint li{
	margin:0px 50px 0px 0px;
	float:left;
}

/*-- 

	Footer Ele

====================================================== --*/

.footer {
	width: 940px;
	height:58px;
	background:url(../../../images/pi_gakusyu/zadankai4/footer_bg.gif) repeat-x left top;
	padding:22px 0px 0px 0px;
	font-size: 10px;
	clear: both;
}
.footer p{
	line-height:21px;
	margin:0px;
	float:left;
}
.footer div{
	float:right;
}