.lp-faq {
padding: 0;
background: #f9f9f9; }
.lp-faq #acMenu {
padding: 0;
background: #FFF;
border-radius: 5px; }
.lp-faq dl {
margin: 50px auto 0;
width: 100%; }
.lp-faq dt, .lp-faq dd {
position: relative;
padding: 10px 20px 10px 60px; }
.lp-faq dt::before, .lp-faq dd::before {
content: '';
display: block;
position: absolute;
left: 20px;
width: 1.2em;
height: 1.2em; }
.lp-faq dt {
list-style: none;
background: #8dd2d1;
color: #FFF;
position: relative;
width: 100%;
display: block;
margin: 0 auto 1.5%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 1.2rem;
font-weight: bold; }
.lp-faq dt::before {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//rehabili.nagoya/images/narumi_lp/faq_q.svg) no-repeat center left/contain; }
.lp-faq dt::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/faq_arrow_under.svg) no-repeat;
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.lp-faq dt:hover {
background: #8dd2d1;
color: #FFF; }
.lp-faq .icon {
position: relative;
background: #d9f1f1;
color: #10abab; }
.lp-faq .icon::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/faq_arrow_top.svg) no-repeat;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain; }
.lp-faq dd {
line-height: 1.6;
font-size: 1rem;
margin-bottom: 20px; }
.lp-faq dd::before {
top: .8rem;
background: url(//rehabili.nagoya/images/narumi_lp/faq_a.svg) no-repeat center left/contain; }
.lp-faq dd .column {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media screen and (max-width: 639px) {
.lp-faq {
padding: 10% 0; }
.lp-faq #acMenu {
padding: 0; }
.lp-faq dl {
margin: 10% auto 0;
width: 100%; }
.lp-faq dt, .lp-faq dd {
padding: 2% 2% 2% 2.2em; }
.lp-faq dt::before, .lp-faq dd::before {
left: 4%;
width: 1em;
height: 1em; }
.lp-faq dt {
width: 100%;
display: block;
margin: 0 auto 1.5%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 1rem;
font-weight: bold;
padding: 2% 14% 2% 2.2em; }
.lp-faq dt::before {
top: .7rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: url(//rehabili.nagoya/images/narumi_lp/faq_q.svg) no-repeat center left/contain; }
.lp-faq dt::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/faq_arrow_under.svg) no-repeat;
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.lp-faq dt:hover {
background: #8dd2d1;
color: #FFF; }
.lp-faq dd {
font-size: .9rem;
margin-bottom: 8%; }
.lp-faq dd::before {
top: .6rem; } }