.gray_bg{
	background:#f9f9f9;
	padding:100px 0;
}


#main header{
	position:relative;
	overflow:hidden;
	border:0;
}

#main header h1{
	z-index:1;
	padding:0 0 55px;
	font-size:36px;
	font-weight:normal;
	text-align:center;
}

#main header h1 span {
	display:block;
	z-index:-1;
	/*font-size:118px;*/
	font-size:60px;
	color:#f0f0f0;
	font-weight:bold;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	line-height:1;
	margin-bottom:-50px;
}

main h1:after {
    position: absolute;
    content: " ";
    display: block;
    bottom: 0;
    width: 70px;
    height: 31px;
    background: url(../images/bg_title_en.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    left: 50%;
    margin-left: -35px;
}

/*********************
固定ページ .page追記
*********************/

#primary{
	margin-bottom: 120px;
}

.page h3{
	font-size:24px;
	display: inline-block;
	margin-bottom: 40px;
	padding: 0 8px 4px;
	border-bottom: 1px solid #ddd;
}

.page h3:first-letter{
	color:#E5004F;
 }


.page .site-content p,.page .site-content ol,.page .site-content ul{
	line-height: 1.8;		
	margin-bottom: 60px;
	padding-left: 20px;
	font-size: 16px;

}

.page .site-content p:last-child{
	margin-bottom: 0px;
}

.page .site-content p.desc{
	text-align:center;
	font-size:18px;
	padding:0;
	margin:30px 0 100px;
}

.page main ol{
  counter-reset:li;
  padding: 0.5em 0.5em 0.5em 2em;
  list-style: none;
}
.page main ol li{
  position: relative;
  padding: 13px 4px 10px 20px;
  margin-top: 0.8em;
  border-bottom: 1px dashed #ccc;
  font-size: 20px;
  color: #333;
}
 
.page main ol li:before{
  counter-increment: li;
  content: counter(li);
  position: absolute;    
  z-index: -1;
  left: -5px;
  top: -3px;
  background: #f5f5f5;
  height: 1.5em;
  width: 1.5em;
  border: .1em solid rgba(0,0,0,.05);
  text-align: center;
  font: italic bold 1em/1.3em Georgia, Serif;
  color: #ccc;
  border-radius: 1.5em;
  transition: all .2s ease-out;
}




/*********************
利用規約 .rules 追記
*********************/
.rules main h3 {
	position: relative;
	padding-left: 0px;
}

.rules main h3:after {
	position: absolute;
	top:0;
	left: 8px;
	content: '';
    font-family: "Gothic MB101 Light";
}

@media screen and (max-width:767px) {
#main header h1 {
    line-height: 1.5;
}
#main header h1 span {
	display:block;
	font-size:60px;
	font-weight:bold;
	line-height:1;
	margin-bottom:-50px;
}


}