@charset "utf-8";

/*------FAQ-------*/
.list_faq dt{
position:relative;
display:flex;
align-items:center;
min-height:calc(100vw / (1400 / 60));
padding:0 calc(100vw / (1400 / 100));
border-radius:calc(100vw / (1400 / 10));
background:linear-gradient(90deg,rgba(0,224,216,1),rgba(0,149,101,1));
font-size:calc(100vw / (1400 / 18));
line-height:1.5;
color:#fff;
}
.list_faq dd+dt{
margin-top:calc(100vw / (1400 / 20));
}
.list_faq dd{
display:none;
position:relative;
padding:calc(100vw / (1400 / 30)) calc(100vw / (1400 / 100));
font-size:calc(100vw / (1400 / 16));
line-height:2;
}
.list_faq dt::before,
.list_faq dd::before{
position:absolute;
left:calc(100vw / (1400 / 50));
font-size:calc(100vw / (1400 / 32));
line-height:1;
font-weight:700;
}
.list_faq dt::before{
content:'Q';
top:50%;
transform:translateY(-50%);
}
.list_faq dd::before{
content:'A';
top:calc(100vw / (1400 / 35));
color:#009565;
}
.list_faq dt::after{
content:'＋';
position:absolute;
right:calc(100vw / (1400 / 40));
top:50%;
transform: translateY(-50%)rotate(-90deg);
font-size:1.5em;
-webkit-transition:all .5s ease;
transition:all .5s ease;
}
.list_faq dt.is-open::after{
content:'－';
transform: translateY(-50%)rotate(0deg);
font-weight:300;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .list_faq dt{
  min-height:calc(100vw / (750 / 90));
  padding:0 calc(100vw / (750 / 80));
  border-radius:calc(100vw / (750 / 15));
  font-size:calc(100vw / (750 / 28));
  color:#fff;
  }
  .list_faq dd+dt{
  margin-top:calc(100vw / (750 / 20));
  }
  .list_faq dd{
  padding:calc(100vw / (750 / 30)) calc(100vw / (750 / 30)) calc(100vw / (750 / 30)) calc(100vw / (750 / 80));
  font-size:calc(100vw / (750 / 24));
  }
  .list_faq dt::before,
  .list_faq dd::before{
  left:calc(100vw / (750 / 30));
  font-size:calc(100vw / (750 / 45));
  }
  .list_faq dd::before{
  top:calc(100vw / (750 / 35));
  }
  .list_faq dt::after{
  right:calc(100vw / (750 / 30));
  }
}