/* Q&A 追加CSS */
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');

.qa-area-wapper{
background:#FFD061;
overflow: hidden;
}

.qa-area-inner{
background:#FFF;
margin: 60px auto;
padding: 30px;
width:95%;
border-radius:20px;
position: relative;
font-family: "Mochiy Pop One", sans-serif;
}

.qa-flex{
display:flex;
}

.qa-flex-right h2{
font-size:2.2rem;
padding-left:20px;
}

.qa-flex-right p{
font-size:1.8rem;
padding-left:20px;
}

.q-area .qa-flex-left span{
background: #0C5F85;
  border-radius: 50%;
  height: 70px;
  display: block;
  width: 70px;
  text-align: center;
  font-size: 2.7rem;
  color: #FFF;
}

.a-area .qa-flex-left span{
background: #FF7200;
  border-radius: 50%;
  height: 70px;
  display: block;
  width: 70px;
  text-align: center;
  font-size: 2.7rem;
  color: #FFF;
}

.a-area .qa-flex-right span{
background:#FFFF00;
color:red;
}

.a-area{
padding-top:30px;
}

span.q-no{
background:none!important;
color:#FF7200!important;
font-size: 2.2rem;
padding-right: 14px;
}

.q-img{
position: absolute;
}

.q-pattan1{
width: 25%;
top: -30%;
right:0;
}

.q-pattan2{
width: 25%;
top: -12%;
right:0;
}


@media (max-width: 749px){

.q-area .qa-flex-left span,.a-area .qa-flex-left span{
height: 9.2vw;
width: 9.2vw;
font-size: 5.8vw;
}

.qa-flex-right p {
font-size: 4.6vw;
padding-left: 10px;
}

.qa-flex-right h2{
font-size: 5.2vw;
padding-left: 10px;
}

.qa-area-inner{
margin: 40px auto;
}

.q-pattan1{
width: 25%;
top: -15vw;
right:0;
}

.q-pattan2{
width: 25%;
top: -16vw;
right:0;
}
}