/* #wrapper.faq
----------------*/
#contents header h2.tit{
background:url(/event_compe/img/2020/faq/hd_sp.png) 50% 0 no-repeat;
background-size:100% auto;
}

@media only screen and (min-width:768px){
#contents header h2.tit{
background:url(/event_compe/img/2020/faq/hd_pc.png) 50% 0 no-repeat;
}
}
#faq_wrap{
padding:2em 0 3.5em 0;
text-align:center;
}
#faq_wrap article{
margin:0 auto;
width:98%;
text-align:left;
}
@media only screen and (min-width:768px){
#faq_wrap article{ max-width:980px;}
}
#faq_wrap section dl dt{
font-size:1em;
letter-spacing:-0.2px;
font-weight:bold;
background:#081F5C;
padding:0.5em 0.1em 0.6em 0.6em;
border-bottom:dotted 1px #000;
color: #FFF;
}
#faq_wrap section dl dd{
  padding:0.7em 0.4em 2.5em 0.6em;
  margin-inline-start: 0px;
}

@media only screen and (min-width:768px){
#faq_wrap section dl dt,
#faq_wrap section dl dd{
padding-left:1em;
}
#faq_wrap section dl dd{
padding-bottom:3.5em;
}
}
#faq_wrap section dl dt:before,
#faq_wrap section dl dd:before{
display:inline-block;
height:2.2em;
width:2.2em;
border-radius:50%;
text-align:center;
font-size:1em;
line-height:2.3em;
font-weight:bold;
content:"Q";
background:#fff;
color:#641943;
margin-right:0.3em;
}
#faq_wrap section dl dd:before{
content:"A";
background:#081F5C;
color:#fff;
}
#faq_wrap section dl dd p{
margin:-2em 0 0 2.6em;
font-size:1em;
letter-spacing:-0.5px;
line-height:1.7;
}
#faq_wrap section dl dd ul{
padding:0.5em 0 0 2.5em;
}
#faq_wrap section dl dd ul li{
font-size:0.95em;
line-height:1.5em;
letter-spacing:-0.3px;
text-indent:-1em;
margin:1em 0 0 1em;
}
#faq_wrap section dl dd a{
  color:#641943;
  font-weight:bold;
  text-decoration: underline;
}
#faq_wrap section dl dd a:hover{
  text-decoration:underline;
  color:blue;
}
#faq_wrap .to_contact{
border:solid 2px #ccc;
background:url(/event_compe/img/2020/bg_grain.png) 0 0 no-repeat;
background-size:100% auto;
text-align:center;
padding:2em 0;
}
#faq_wrap .to_contact dl dt{
font-weight:bold;
}
#faq_wrap .to_contact dl dd{
padding:1.5em 0 1.5em 0;
font-size:0.95em;
line-height:1.5em;
}
#faq_wrap .to_contact .btn a{
display:block;
width:20em;
margin:0 auto;
background:#040b2d;
padding:0.9em 0;
color:#fff;
font-weight:bold;
}
#faq_wrap .to_contact .btn a.hover{
opacity:0.8;
}
#faq_wrap .to_kiyaku{
padding:2.5em 0 0 0;
text-align:center;
line-height:1.8em;
font-size:1.1em;
letter-spacing:-0.5px;
}
#faq_wrap .to_kiyaku a{
display:inline-block;
color:#641943;
font-weight:bold;
padding:0.5em 0.6em;
}
#faq_wrap .to_kiyaku a.hover{
text-decoration:underline;
}

.btn_area ul{
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  justify-content: space-around;
}
.hp_link {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding: 0px 55px 0px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  color: #212529;
  border-radius: 0.5rem;
  background: #06C755;
  color: #FFF;
}
.hp_link:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  content: "";
  border-radius: 0.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0);
}
.ft_hp_img i{
  font-size: 120%;
    position: absolute;
    top: -7px;
    left: 0;
    width: 50px;
    padding: 1.5rem 0;
    text-align: center;
    letter-spacing: 0;
}
.ft_hp_img:before{
  content: url(/event/compe/img/2024/line_icon.png);
  display: inline-block;
  vertical-align: middle;
  transform: scale(1);
}
.hp_link_m {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding: 0px 55px 0px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  color: #212529;
  border-radius: 0.5rem;
  background: #040b2d;
  color: #FFF;
}
.hp_link_m:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  content: "";
  border-radius: 0.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0);
}
.ft_hp_img_m i{
  font-size: 120%;
    position: absolute;
    top: -7px;
    left: 0;
    width: 50px;
    padding: 1.5rem 0;
    text-align: center;
    letter-spacing: 0;
}
.ft_hp_img_m:before{
  content: url(/event/compe/img/2024/mail_icon_new.png);
  display: inline-block;
  vertical-align: middle;
  transform: scale(1);
}
@media only screen and (max-width:768px){
  .btn_area ul{
    display:block;
  }
  .hp_link {
    font-size: 1rem;
    margin-top: 10px;
    padding: 0px 80px 0px 20px;
  }
}