@charset "utf-8";

/* 採用情報 よくあるご質問 */
.faqBox{border:1px solid #e4e3d9;background-color:#FFF;margin:18px 0px 0px;padding:0px 0px 16px;position:relative;}
.faqBox:before{content:'Q';display:block;color:#5b4801;font-size:18px;text-align:center;line-height:34px;width:34px;background-color:#e6f4cc;border-radius:17px;position:absolute;left:20px;top:20px;}
.faqBox h5{color:#333;font-size:18px;font-weight:normal;line-height:24px;padding:26px 72px 10px 70px;margin:0px;position:relative;}
.faqBox h5 a{position:absolute;left:0px;top:0px;bottom:0px;width:100%;-webkit-transition:all .5s ease;transition: all .5s ease;}
.faqBox h5 a:before,
.faqBox h5 a:after{content:'';position:absolute;right:26px;top:33px;width:20px;height:10px;background:url(../../common/img/clear.gif) no-repeat center;}
.faqBox h5 a:before{opacity:1;background-image:url(../rec-faq/img/faqClose.png);}
.faqBox h5 a:after{opacity:0;background-image:url(../rec-faq/img/faqOpen.png);}

.faqBox h5.closed a{bottom:-16px;}
.faqBox h5.closed a:before{opacity:0;}
.faqBox h5.closed a:after{opacity:1;}

.faqToggle{-webkit-transition:padding .5s ease;transition: padding .5s ease; position:relative;}
.faqToggle:before{content:'A';display:block;color:#5b4801;font-size:18px;text-align:center;line-height:34px;width:34px;background-color:#e6f4cc;border-radius:17px;position:absolute;left:20px;top:26px;}

.faqAnswer{padding:26px 72px 5px 70px;}
.faqAnswer p{color:#333;font-size:14px;line-height:24px;}
.faqAnswer p.faqNotes{font-size:13px;line-height:20px;position:relative;padding-left:1.1em;}
.faqAnswer p.faqNotes span{font-size:13px;line-height:20px;position:absolute;left:0px;top:0px;width:1em;text-align:center;}

#spMode #main .recruitBox p{margin:5px auto 0px;}
#spMode .recruitBox h5{margin:0px;}
#spMode #main p#inquiryAddress{margin:27px auto;}

#spMode .faqBox{margin:18px 0px 0px;padding:0px 0px 10px;}
#spMode .faqBox:before{font-size:12px;line-height:20px;width:20px;border-radius:10px;left:10px;top:10px;}
#spMode .faqBox h5{font-size:14px;line-height:20px;padding:10px 40px 0px 40px;}
#spMode .faqBox h5 a:before,
#spMode .faqBox h5 a:after{right:10px;top:15px;width:20px;height:10px;background-size:100% auto;}
#spMode .faqBox h5.closed a{bottom:-10px;}

#spMode .faqToggle:before{font-size:12px;line-height:20px;width:20px;border-radius:10px;left:10px;top:10px;}

#spMode .faqAnswer{padding:10px 10px 5px 40px;}
#spMode #main .faqAnswer p{font-size:12px;line-height:20px;margin:0px;}