@charset "utf-8";

 h2{
	padding-top: 150px;
	margin-bottom: 50px;
	text-align:center;
 }
 h3{
	padding-top:40px;
	padding-bottom:20px;

}

h3.sp_sophia{
	display:none;
}
h3.sp_ueki{
	display:none;
}
h3.sp_fujiki{
	display:none;
}


section{
	width:100%;

}

div.container{
	clear:both;
	width:90%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}

div.container h3 img{
	width:100%;
	max-width:1000px;
}


#sophia{
	width:100%;
	height:auto;
	background-image: url(../images/member/sophia_bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	overflow:hidden;
}

#sophia ul{
	display:table;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:70px 0;
}

#sophia ul li{
	display:table-cell;

}

#sophia ul li img{
	vertical-align: bottom;
}


#ueki{
	width:100%;
	height:auto;
	margin-top:50px;
	background-image: url(../images/member/ueki_bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	overflow:hidden;

}

#ueki ul{
	display:table;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:70px 0;
}

#ueki ul li{
	display:table-cell;
     margin-right:50px;
}

#ueki ul li img{
	vertical-align: bottom;
}


section.fujiki{
	margin-top: 50px;

}

#fujiki{
	width:100%;
	height:auto;
	margin-top:50px;
	background-image: url(../images/member/fujiki_bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	overflow:hidden;
}

#fujiki ul{
	display:table;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:70px 0;
}

#fujiki ul li{
	display:table-cell;
     margin-right:50px;
}

#fujiki ul li img{
	vertical-align: bottom;
}

ul.img_box{
	margin-top:30px;
	display:table;
}
ul.img_box li{
	display:table-cell;
	padding-right:20px;
	text-align:left;
}


ul.book{
	padding-right:50px;
	border-right: 1px dashed #595757;
	float:left;
	margin-left:20px;
	margin-bottom:100px;
}

ul.book li{
	font-size:0.8em;
}

.mgl_ln{
	margin-left:0 !important;
}

.bd_rn{
	border:none !important;
}

hr.hr2{
	margin-top: 50px;
	border-bottom: 1px solid #8BA679;
}

@media screen and (max-width: 1024px) {

#sophia ul{
	border-spacing:50px 0;
}
#ueki ul{
	border-spacing:50px 0;
}
#fujiki ul{
	border-spacing:50px 0;
}


ul.img_box{
	width:100%;
	padding-top:50px;
	display: block;
	margin:0 auto;
	text-align:center;
}
ul.img_box li{
	display: block;
	padding-right:0px;
	text-align: center;
	margin-right:15px;
	float:left;
}

ul.img_box li img{
width:100%;
	max-width:290px;
}




ul.book{
	padding-right:0px;
	border-right: none;
	float:none;
	margin-left:0px;
	margin-bottom:30px;
}

ul.book li{
	font-size:1em;
}



}


@media screen and (max-width: 768px) {

.pc{
	display:none;
}


h2.sp span {
	font-size:1.6em;
}


h2{
	padding-top: 130px;
	margin-bottom: 50px;
	text-align:center;
 }


h3.sp_sophia{
	display:block;
	color: #8D82FF;
	font-size: 1.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #8D82FF;
	padding:0px;
	margin-bottom:20px;
  }



#sophia ul{
	display: inherit;
	margin:0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:10px;
}

#sophia ul li{
	width:100%;
	display: block;
     margin:0px;
}

#sophia ul li img.sp{
	width:90%;
	max-width:660px;
	margin-left:15%;

}


h3.sp_ueki{
	display:block;
	color: #C58269;
	font-size: 1.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.3em;
	border-bottom: 1px solid #C58269;
	padding:0px;
	margin-bottom:20px;
  }


#ueki ul{
	display: inherit;
	margin:0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:10px;
}

#ueki ul li{
	width:100%;
	display: block;
     margin:0px;
}

#ueki ul li img.sp{
	width:90%;
	max-width:660px;

}

section h2.sp span {
	margin-top:-150px;
}

h3.sp_fujiki{
	display:block;
	color: #8BA679;
	font-size: 1.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.3em;
	border-bottom: 1px solid #8BA679;
	padding:0px;
	margin-bottom:20px;
	margin-top:30px;
	}


.sp_fujiki_min{
	font-size:0.8em ;
	letter-spacing: 0.1em;
	color: #8BA679;
}

.fj_pro{
	font-size:1.3em !important;
}


#fujiki ul{
	display: inherit;
	margin:0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:10px;
}

#fujiki ul li{
	width:100%;
	display: block;
     margin:0px;
}

#fujiki ul li img.sp{
	width:90%;
	max-width:411px;
	margin-left:10%;

}

ul.img_box li{
	display: block;
	padding-right:0px;
	text-align: center;
	margin:0 auto;
	float:none;
}
}





.button2 {
  margin-top : 20px;
  padding: 10px 20px;
  background : #E1C4E7;
  overflow : hidden;
  text-align : center;
  transition : .2s;
  cursor : pointer;
  border-radius : 50px;
  width: 270px;
  border-bottom: solid 4px #c68ed1;
}


.button2:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.button2 a{
  color: #52289F;
}


.hoveur {
  background : linear-gradient(rgba(255,255,255,255),rgba(204,204,204,204));
  width : 300px;
  height : 50px;
  margin-top : -50px;
  transform : rotate(40deg);
  margin-left : -250px;
  opacity : 0.3;
  transition : .5s;
}
.button2:hover .hoveur{
  margin-left : 250px;
}