@charset "UTF-8";
/* sp
----------------------------------------------- */
.qa ul{ width: 90vw; margin: 0 auto 6vw; }
.qa li { width: 100%; margin-bottom: 4vw; }
.qa .title {padding: 3.5vw 8vw 3.5vw 15vw;font-size: 4vw;line-height: 1.4;background: #fff;position: relative;border: 1px solid #e0e0e0;}
.qa .title p{font-size:4vw;line-height: 1.4;margin-bottom: 0;}
.qa .title.open:after { -moz-transform: translateY(-50%) rotateX(180deg); -ms-transform: translateY(-50%) rotateX(180deg); -webkit-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); }
.qa .title:before { content: 'Q'; width: 8vw; height: 8vw; padding-top: 0.5vw; color: #3f3f3f; font-family: "Josefin Sans"; background: #e8f2f3; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 2.5vw; left: 4vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.qa .title:after { content: '\f107'; color: #bcdbdf; font-size: 6.58vw; font-family: 'icon'; position: absolute; top: 50%; right: 3vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.qa-item-answer { width: 98%; padding: 4vw 0 2vw; margin: auto; font-size: 3.29vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; display: none; }

/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.qa .second-text{padding-bottom:60px;}
.qa ul { width: 900px; margin-bottom: 40px; }
.qa li { margin-bottom: 20px; }
.qa .title {padding: 15px 40px 14px 55px;font-size: 20px;}
.qa .title p{font-size: 18px; }
.qa .title:before { width: 30px; height: 30px; padding-top: 4px; font-size: 15px; top: 15px; left: 15px; }
.qa .title:after { font-size: 25px; right: 20px; }
.qa-item-answer { width: 96%; padding: 20px 0 30px; font-size: 15px; line-height: 2; }
.qa-item-answer p{margin-bottom: 10px;}
}

  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
 }