@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

#wrapper{
padding-top:360px;
background-image:url("../img/dc2/main.jpg");
background-attachment:scroll;
line-height:170%;
}


.box{
position:relative;
display:block;
max-width:920px;
margin:10px auto 0;
padding:50px 30px 50px;
color:#fff;

background-color:rgba(60,60,60,0.8);
border-radius:3px;
}


h3{
display:block;
margin:0 auto 33px;
color:#ea5800;text-align:center;font-size:37px;font-weight:bold!important;
text-shadow:2px 2px 2px #222;
line-height:120%;
}

h4{
display:block;
margin:50px auto 15px;padding:0 0 5px;
color:#ea5800;text-align:center;font-size:24px;font-weight:bold!important;
border-bottom:2px solid #ea5800;
}

h5{
display:block;
margin:-20px auto 15px;padding:0 0 5px;
color:#ea5800;text-align:center;font-size:24px;font-weight:bold!important;
}


span.min{
display:block;
line-height:140%;
font-size:80%;
margin-top:8px;
color:#bbb;
}


#btn_area{
width:100%;
}

#btn_area .inner{
width:102%;
padding:18px 0 0;
margin-left:-2%;

}

#btn_area div{
width:31%;
margin-left:2%;
float:left;
}

#btn_area div a{
display:block;
border-radius:30px;
width:100%;padding:18px 0;
background-color:#ea5800;color:#fff;text-align:center;font-size:18px;
}

#btn_area div a:hover{
background-color:#ff4000;
}


#btn_area div p{
display:block;margin-top:12px;
font-size:12px;line-height:140%;
}

.attention{
display:block;
font-size:13px;
width:100%;margin-top:15px;
text-align:center;
color:#ddd;
}


/*----------------------------------------
	for SP
----------------------------------------*/

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

}


.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.pamp{
width:37px;
margin:0 4px -3px;
}

svg{
width:100%;
height:100%;
}