@charset "UTF-8";
#main-visual a:hover{
  opacity: 0.8;
}
#question{
  padding-bottom: 6%;
  text-align: center;
}
section h2,section h3{
  color: #005BAB;
  font-weight: bold;
}
.ques_con1_in .ques_box .q_ttl,.ques_con2_in .ques_box .q_ttl{
  width: 100%;
  color: #FFF;
  font-weight: bold;
  position: relative;
}
.ques_con1_in .ques_box .q_ttl{
  background: #005BAB;
}
.ques_con2_in .ques_box .q_ttl{
  background: #53C2EF;
}
#con2_ttl{
  color: #005BAB;
  display: block;
}
#ques_con2_in_in a:hover{
  opacity: 0.8;
}
#ques_con2_in_in a{
  background: #555;
  display: block;
  color: #FFF;
  padding: 15px 20px;
  box-sizing: border-box;
  margin-top: 8%;
  font-size: 2rem;
  font-weight: bold;
}
.ques_arrow::before{
right: 15px;
width: 10px;
height: 10px;
border-top: 3px solid #FFF;
border-right: 3px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (min-width:800px){
  section h2{
    font-size: 3.2rem;
    text-align: center;
  }
   section h3{
    font-size: 1.8rem;
    text-align: justify;
   }
  #ques_con1{
    width: 100%;
    margin: 110px auto 0;
    padding-top: 110px;
  }
  .ques_con1_in,.ques_con2_in{
    width: 613px;
    margin: 40px auto 0;
    text-align: justify;
  }
  .ques_con1_in p{
    font-size: 1.4rem;
    text-align: center;
  }
  .ques_con1_in .ques_box {
    margin-top: 70px;
  }
  .ques_con2_in .ques_box {
    margin-top: 70px;
  }
  #con2_ttl{
    color: #005BAB;
    display: block;
    border:1px solid #53C2EF;
    padding: 20px 0;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 120px;
  }
  .ques_box .q_ttl{
    padding: 20px 0 20px 70px;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
    text-align: left;
  }
  .ques_box .q_ttl::before{
    content: url("../images/q_mark_pc.png");
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
  }
  .answer{
    margin-left: 110px;
  }
  .answer p{
    text-align: justify;
  }
  .answer .a_ttl{
    color: #005BAB;
    font-weight: bold;
    text-align: left;
    position: relative;
    margin: 20px 0;
  }
  .answer .a_ttl::before{
    content: url("../images/a_mark_pc.png");
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
  }
}


@media screen and (max-width:800px){
  section h2{
    font-size: 2.4rem;
  }
  section h3{
    font-size: 1.8rem;
  }
  .ques_con1_r h3{
    margin: 3% 0;
  }
  #ques_con1{
    padding-top: 8%;
  }
  #question{
    margin-top: 60px;
  }
  .ques_con1_in p{
    text-align: justify;
  }
  .ques_box{
    margin-top: 7%;
  }
  .ques_box .q_ttl{
    text-align: center!important;
    margin: 0 auto;
    display: block;
    padding-bottom: 3%;
  }
  .ques_box .q_ttl::before{
    content: url("../images/q_mark_sp.png");
    -webkit-transform: scale(0.5); -moz-transform: scale(0.5);
    display: block;
    height: 60px;
  }
  .answer{
    width: 90%;
    margin: 3% auto;
  }
  .answer .a_ttl{
    color: #005BAB;
    font-weight: bold;
    display: block;
  }
  .ques_con1_in p.ques_con1_inttl{
    width: 90%;
    margin: 0 auto;
  }
  #con2_ttl{
    font-weight: bold;
    font-size: 2rem;
    padding-top: 10%;
  }
  #ques_con2_in_in a{
    width: 90%;
    margin: 8% auto 0;
  }
}