@charset "utf-8";

/* clearfix */
/*************************************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* custom */
/*************************************************************/
#special_body {
	text-align: center;
}
#special_body img{
	max-width:100%;
	height:auto;
}
#special_body a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

#special_body .container {
	background-color:#070a0f;
}

#special_body section.ct1 {
	margin-top:5%;
}

#special_body section.ct1 .sarani {
	margin:10% 5% 5%;
	padding:8% 0 3%;
	background-color:#4d4d4d;
	border:3px solid #b3b3b3;
	border-radius:20px;
	position:relative;
}
#special_body section.ct1 .sarani h3 {
	position:absolute;
	top:-58px;
	left:300px;
}

#special_body section.ct2 {
	padding-bottom:5%;
}
#special_body section.ct2 div {
	margin:10% 5% 5%;
	padding:8% 0 5%;
	background-color:#1a1a1a;
	border:3px solid #ffcd00;
	border-radius:20px;
	text-align: center;
	position:relative;
}
#special_body section.ct2 .step1 h3,
#special_body section.ct2 .step2 h3,
#special_body section.ct2 .step3 h3 {
	position:absolute;
	top:-58px;
	left:300px;
}
#special_body section.ct2 ul {
	margin:0 10%;
}
#special_body section.ct2 ul li {
	color:#ffffff;
	font-size:18px;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
#special_body section.ct2 ul li:before {
	content:"※";
}
#special_body section.ct2 ul li:first-child {
	margin-bottom:2%;
}

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

#special_body section.ct1 .sarani {
	margin: 13% 5% 8%;
	padding: 8% 5% 5%;
}
#special_body section.ct1 .sarani h3 {
	position:absolute;
	top: -33px;
	left: 30%;
	width: 40%;
}

#special_body section.ct2 .step1 {
	padding: 8% 5% 5%;
}
#special_body section.ct2 .step2,
#special_body section.ct2 .step3 {
	margin: 15% 5% 5%;
	padding: 8% 5% 5%;
}
#special_body section.ct2 .step1 h3,
#special_body section.ct2 .step2 h3,
#special_body section.ct2 .step3 h3 {
	top: -33px;
	left: 30%;
	width: 40%;
}
#special_body section.ct2 .step2 h3 img,
#special_body section.ct2 .step3 h3 img {
	width:100%;
}
#special_body section.ct2 .step2 img {
	width:50%;
}
#special_body section.ct2 .step2 a img {
	width:100%;
}
#special_body section.ct2 .step3 img {
	width:85%;
}
#special_body section.ct2 ul li {
	font-size:14px;
}

}