@charset "UTF-8";
/* ----------------------------------------------

  PC設定

  ------------------------------------------------*/
@media all and (min-width: 769px) {
#contents{
  position: relative;
  z-index: 0;
}
#contents:before{
  content: "";
  background: url(/images/icons/question.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 92px;
  height: 100px;
  position: absolute;
  top: 110px;
  right: 90px;
  z-index: 2;
}
#contents:after{
  content:"";
  background:url(/images/common/triangle.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 32%;
  height: 32%;
  position: absolute;
  top:0;
  right:0;
  z-index: 1;
}
#question{
  margin: 0 auto 60px;
  padding:0;
  width: 100%;
}
#question h2{
  border:1px solid #000;
  font-size:24px;
  margin: 0 0 20px;
  padding: 10px 35px;
  width: calc(90% - 70px);
  position: relative;
}
#question h2:before{
  content: "";
  background:#ff6900;
  width: 5px;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}
#question h3{
  font-size:16px;
  padding: 0 0 30px;
}
#question h3 span{
  color:#ff6900;
  padding: 0 5px;
}
#question h4{
  border-bottom: 1px solid #000;
  font-size:20px;
  padding: 0 0 5px 0;
  margin: 0 0 30px;
  position: relative;
  width: fit-content;
}
#question h4:before{
  content:"";
  background:#000;
  width: 1px;
  height: 15px;
  position: absolute;
  bottom:-15px;
  left:0;
}
#question h4:after{
  content:"";
  background:#ff6900;
  width: 90px;
  height: 5px;
  position: absolute;
  bottom:-3px;
  right:0;
}
#question h4 span{
  font-size: 0.5em;
  padding: 0 20px 0 60px;
}
}

/* ----------------------------------------------

  SP設定

  ------------------------------------------------*/
@media all and (max-width: 768px) {
#container{
  padding:55px 0 80px;
}
#contents{
  margin: 0 auto 60px;
  padding: 0;
  width: 95%;
  position: relative;
  z-index: 0;
}
#contents:before{
  content: "";
  background: url(/images/icons/question.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 42px;
  height: 50px;
  position: absolute;
  top: -10px;
  right: 5%;
  z-index: 2;
}
#contents:after{
  content:"";
  background:url(/images/common/triangle.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50%;
  height: 50%;
  position: absolute;
  top:0;
  right:0;
  z-index: 1;
}
.under_page #container #contents .top_prop h1{
  width: 70%;
}
#question{
}
#question h2{
  border:1px solid #000;
  font-size:18px;
  margin: 0 0 20px;
  padding: 10px 20px 10px 20px;
  position: relative;
}
#question h2:before{
  content: "";
  background:#ff6900;
  width: 5px;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}
#question h3{
  font-size:16px;
  padding: 0 0 30px;
}
#question h3 br{
  display: none;
}
#question h3 span{
  color:#ff6900;
  padding: 0 5px;
}
#question h4{
  border-bottom: 1px solid #000;
  font-size:20px;
  padding: 0 0 5px 0;
  margin: 0 0 30px;
  position: relative;
  width: fit-content;
}
#question h4:before{
  content:"";
  background:#000;
  width: 1px;
  height: 15px;
  position: absolute;
  bottom:-15px;
  left:0;
}
#question h4:after{
  content:"";
  background:#ff6900;
  width: 90px;
  height: 5px;
  position: absolute;
  bottom:-3px;
  right:0;
}
#question h4 span{
  font-size: 0.5em;
  padding: 0 20px 0 60px;
}
}