@charset "utf-8";



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

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


.box{
position:relative;
display:block;
max-width:900px;
margin:10px auto 0;
padding:50px 40px 80px;
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:1.2;
}

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:90%;padding:18px 5%;
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%;
color:#ddd;
}

#btn_area div p span{
color:#ea5800;
}

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

.ul{
  padding-left:2em;
}

.ul .li{
  margin-left:-1.3em;
}

.glay{
  color:#bbb;
}

.liteyellow{
  color:#F1E6A9;
}

.result .tit{
  display:block;
  font-size:38px;
  color:#fff;
  padding:0 0 35px;
  font-weight:800;
}

.result .list{
  width:32%;
  float:left;
  margin-left:2%;
}

.result .list:nth-of-type(1){
  margin-left:0%;
}

.result .list img{
  width: 100%;
}

.result .list .name{
  text-align:center;

}





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

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



#wrapper{
padding-top:55%;
background-image:url("../img/dc3/main.jpg");
background-attachment:scroll;
background-size:170%;
background-position:center 50px;
line-height:170%;
}

.box{
position:relative;
display:block;
margin:10px auto 0;
padding:50px 4% 50px;
color:#fff;

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

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

}


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

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

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