[data-pagename^="qa"] #gradient-bg-img {
  background-image: none;
  background-color: #fff;
}

.c-header{
padding:6.40vw 4.27vw;
background:#14B4FF;
}
.c-header h1{
width:87.20vw;
font-size:6.7vw;
line-height:1;
font-weight:900;
color:#fff;
text-align:center;
margin:0 auto;
}
.c-header h1 span{
display:block;
font-size:3.20vw;
line-height:1.5;
font-weight:normal;
letter-spacing:.2em;
}



.c-container{
width:100%;
margin:0 auto;
padding:10.67vw 0 14.93vw;
font-size:3.20vw;
line-height:1.75;
font-weight:normal;
}

.content-wrap{
width:87.20vw;
margin:0 auto;
}

h3{
font-size:4.80vw;
line-height:1.375;
padding-left:1.33vw;
border-left:0.53vw solid #14B4FF;
margin:0 0 4.27vw;
}

.qa-lead{
margin:4.27vw 0 0;
font-size:3.73vw;
line-height:1.928;
color:#fff;
}


.qa-sort-ttl{
font-weight:bold;
font-size:3.20vw;
line-height:1;
margin:0 0 4.27vw;
}
.qa-cat-sort{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1.07vw 1.87vw;
margin:0 0 4.27vw;
}
.qa-cat-sort li{
width:calc((100% - 2.13vw) / 2);
}

.qa-cat-sort li a{
width:100%;
height:7.47vw;
display:flex;
align-items:center;
text-align:center;
justify-content:center;
font-size:3.20vw;
font-weight:normal;
border:0.27vw solid #000;
border-radius:3.73vw;
text-decoration:none;
color:#000;
}
.qa-cat-sort li:nth-child(1){
width:100%;
}
.qa-cat-sort li:nth-child(1) a{
width:100%;
color:#14B4FF;
}
.qa-cat-sort li:nth-child(2) a{
color:#f00;
}
.qa-cat-sort li.is-active a{
background:#14B4FF;
color:#fff;
border:0.27vw solid #14B4FF;
}

.qa-search{
width:100%;
margin:0 auto 8.53vw;
position:relative;
}
.qa-search::before{
content:'';
width:5.33vw;
height:6.40vw;
background:url(../../img/icon-search.svg) no-repeat center / 5.2vw;
position:absolute;
top:2vw;
left:3.20vw;
z-index:10;
}

input[type="search"].qa-input{
width:100%;
border:0.27vw solid #d9d9de;
border-radius:2.13vw;
height:10.67vw;
padding:0 13.87vw 0 12.00vw;
background:#F5F5F7;
}
button[type="submit"].qa-btn{
width:13.87vw;
height:10.67vw;
border:0.27vw solid #212126;
background:#212126;
color:#fff;
text-align:center;
position:absolute;
top:0;
right:0;
border-radius:0 2.13vw 2.13vw 0;
border:0.27vw solid #212126;
}

.qa-cat{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
margin:0 0 10.67vw;
}



.faq{
width:100%;
margin:0;
}
.faq > dt{
border:1px solid #057BA2;
font-size:3.73vw;
line-height:1.5;
font-weight:500;
padding:3.47vw 11.73vw 3.47vw 9.5vw;
position:relative;
color:#057BA2;
}


.faq > dt::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-plus.svg) no-repeat;
background-size:6.40vw;
position:absolute;
top:calc(50% - 3.2vw);
right:3.20vw;
}
.faq > dt.open{
background:#EBEBEB;
border:1px solid #EBEBEB;
}
.faq > dt.open::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-minus.svg) no-repeat;
background-size:6.40vw;
position:absolute;
top:calc(50% - 3.2vw);
right:3.20vw;
}
.faq > dd{
display:none;
padding:3.20vw 2.13vw 0 10vw;
position:relative;
}


.faq > dt::before{
content:'';
width:5.87vw;
height:5vw;
background:url(../../img/txt-q.svg) no-repeat;
background-size:5.87vw;
position:absolute;
top:calc(50% - 2.5vw);
left:2.50vw;
}

.faq > dd::before{
content:'';
width:6.40vw;
height:5.33vw;
background:url(../../img/txt-a.svg) no-repeat center / 5.87vw;
position:absolute;
top:2.5vw;
left:2.5vw;
}

.faq dd a{
color:#057BA2;
}


@media (min-width: 767.98px) {


.c-header{
padding:32px 0;
}
.c-header h1{
width:1260px;
font-size:58px;
font-weight:900;
color:#fff;
margin:0 auto;
line-height:1.35;
text-align:left;
}
.c-header h1 span{
display:block;
font-size:24px;
line-height:1.5;
font-weight:normal;
letter-spacing:.2em;
}


h3{
font-size:24px;
padding-left:8px;
border-left-width:4px;
line-height:1.33;
margin:0 0 16px;
}


.qa-lead{
width:1260px;
margin:0 auto;
color:#fff;
font-size:16px;
line-height:1.75;
}


.c-container{
width:100%;
margin:0 auto;
padding:40px 0 56px;
font-size:16px;
line-height:1.75;
}

.content-wrap{
width:1260px;
margin:0 auto;
}

.qa-sort-ttl{
font-weight:bold;
font-size:16px;
line-height:1;
margin:0 0 16px;
}
.qa-cat-sort{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px 16px;
margin:0 0 24px;
}
.qa-cat-sort li:nth-child(1){
width:303px;
}
.qa-cat-sort li{
width:303px;
}
.qa-cat-sort li a{
width:303px;
height:40px;
display:flex;
align-items:center;
text-align:center;
justify-content:center;
font-size:16px;
font-weight:normal;
border:1px solid #000;
border-radius:20px;
text-decoration:none;
color:#000;
}
.qa-cat-sort li:nth-child(1) a{
width:303px;
color:#14B4FF;
}
.qa-cat-sort li:nth-child(2) a{
color:#f00;
}
.qa-cat-sort li.is-active a{
background:#14B4FF;
color:#fff;
border:1px solid #14B4FF;
}

.qa-search{
width:610px;
margin:0 auto 40px;
position:relative;
}
.qa-search::before{
content:'';
width:24px;
height:30px;
background:url(../../img/icon-search.svg) no-repeat center / 24px;
position:absolute;
top:13px;
left:15px;
z-index:10;
}

input[type="search"].qa-input{
width:100%;
border:1px solid #d9d9de;
border-radius:8px;
height:56px;
padding:0 100px 0 50px;
background:#F5F5F7;
}
button[type="submit"].qa-btn{
width:80px;
height:56px;
border:1px solid #212126;
background:#212126;
color:#fff;
text-align:center;
position:absolute;
top:0;
right:0;
border-radius:0 8px 8px 0;
border:1px solid #212126;
}

.qa-cat{
display:flex;
flex-wrap:wrap;
gap:16px;
margin:0 0 40px;
}



.faq{
width:100%;
margin:0;
}
.faq > dt{
border:1px solid #057BA2;
font-size:20px;
line-height:1;
font-weight:500;
padding:13px 52px 12px 42px;
position:relative;
color:#057BA2;
}
.faq > dt::before{
content:'';
width:24px;
height:24px;
background:url(../../img/txt-q.svg) no-repeat;
background-size:24px;
position:absolute;
top:13px;
left:12px;
}

.faq > dt::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-plus.svg) no-repeat;
background-size:30px;
position:absolute;
top:8px;
right:12px;
}
.faq > dt.open{
background:#EBEBEB;
border:1px solid #EBEBEB;
}
.faq > dt.open::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-minus.svg) no-repeat;
background-size:30px;
position:absolute;
top:8px;
right:12px;
}
.faq > dd{
display:none;
padding:8px 12px 8px 48px;
margin:0 0 16px;
position:relative;
}
.faq > dd::before{
content:'';
width:24px;
height:20px;
background:url(../../img/txt-a.svg) no-repeat center / 24px;
position:absolute;
top:12px;
left:15px;
}
.faq dd a{
color:#057BA2;
}




/* END PC CSS */
}