@charset "UTF-8"; @media screen and (min-width: 768px),print {
.tmlinktop {display: block; padding-top: 80px; margin-top: -80px;}
.seo_bread_list { margin-bottom: 18px; color: #fff; }
.seo_bread_list a { color: #fff; }
.seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#rbicon01 { position: absolute; top: 10px; left: 0; }
#rbicon02 { position: absolute; top: 270px; right: 5.7rem; }
#rbicon03 { position: absolute; top: 793px; right: 0px; }
#rbicon04 { position: absolute; top: 1442px; left: 0; }
#rbicon05 { position: absolute; top: 2560px; left: 11.3rem; }
#rbicon06 { position: absolute; top: 2667px; right: 20rem; }
.recruit-main-titlebox { background: url(../images/faq/h1.jpg)no-repeat top center; }

#contentsmain {margin: 0 auto 69px;position: relative;text-align: center;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; padding: 10px 0 0; }
#contentsmain .inner-Box p.text { font-size: 1.6rem; line-height: 3; font-weight: 500; letter-spacing: 0.32rem; margin-bottom: 30px; position: relative; color: #fff; }

/* qa -------------------------------------*/
#faq .catelist{margin-bottom: -50px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1100px;margin: 6rem auto -5px auto;position: relative;z-index: 3;}
#faq .catelist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 4rem;margin: 0 auto 22px;position: relative;width: 1270px;max-width: 1180px;}
#faq .catelist li {position: relative;margin-right: 1.6rem;}
#faq .catelist li a {}
#faq .catelist li a .arr{ transform: rotate(90deg); transform-origin: center;}
#faq .catelist li a:hover {  }
#faq .catelist li p.ltext { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }


#qacontents{max-width: 1180px;margin: 0 auto 120px;padding: 0 4rem;}
#qacontents .inner-Box{  }
#qacontents .inner-Box h2{margin-top: 50px;font-size: 1.8rem;font-weight: 500;padding: 0px 10px 2px 15px;margin-bottom: 40px;color: #fff;border-left: #fff solid 4px;border-bottom: 1px solid #fff;}
#qacontents .inner-Box h2 span{font-size: 16px;position: relative;top: -5px;color: #ccc;font-weight: 500;display: inline-block;margin-right: 10px;}

#faq .accordion {margin: 3em auto; max-width: 60vw; }
#faq .toggle {display: none; }
#faq .option {position: relative;margin-bottom: 1em;background: #FFFFFF;border: 2px solid #000000;border-radius: 10px;margin-bottom: 20px;}
#faq .option::before{content: "";display: block;background: #1788A0;width: 3.3rem;height: 3.3rem;position: absolute;top: 2.2rem;right: 2.9rem;border-radius: 50%;}
#faq .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faq .title {padding: 25px 70px 28px 63px;display: block;color: #00331D;font-weight: bold;letter-spacing: 0.16rem;font-size: 1.6rem;}
#faq .title span{font-size: 2.5rem;color: #1788A0;position: absolute;top: 1.7rem;left: 2.8rem;}
#faq .title::after, .title::before {content: "";position: absolute;right: 2.75em;top: 1.85em;width: 0.2rem;height: 1.7rem;background-color: #fff;transition: all 0.3s;}
#faq .title::after {transform: rotate(90deg); }
#faq .content {max-height: 0; overflow: hidden; }
#faq .content div.wysiwyg {margin: 0 3rem 3rem;padding: 2rem 3rem 0.1rem;font-size: 0.9em;line-height: 1.5;background: #F6F4F1;border-radius: 10px;}
#faq .toggle:checked + .title + .content {max-height: 500px; transition: all 1.5s; }
#faq .toggle:checked + .title::before {transform: rotate(90deg) !important; }

.recruit-back-contents{padding-bottom: 390px;}


}

@media screen and (min-width: 768px) and ( max-width:1919px) {
}

@media screen and (max-width: 767px) {
.recruit-main-titlebox { background: url(../images/faq/sp-h1.jpg)no-repeat top center; background-size: 100% auto; height: 86vw; }
.seo_bread_list { margin-bottom: -15.3vw; color: #fff; z-index: 3; position: relative; top: -0.9vw; }
.seo_bread_list a { color: #fff; }
.seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#contentsmain {margin: 0 auto 8.73vw;position: relative;text-align: center;padding-top: 10vw;}
#contentsmain .inner-Box { margin: 0 5.4vw; position: relative; padding: 3.87vw 0 0; }
#contentsmain .inner-Box p.text { font-size: 3.73vw; line-height: 2.5; font-weight: 500; letter-spacing: 0.75vw; margin-bottom: 8.0vw; position: relative; color: #fff; text-align: left; }

/* faq -------------------------------------*/
#faq{  }

#qacontents{margin: 0 5.3vw 0;padding-bottom: 18vw;}
#qacontents .inner-Box{  }
#qacontents .inner-Box h2{margin-top: 13.33vw;font-size: 4.27vw;letter-spacing: 0.3vw;font-weight: 500;padding: 0.03vw 2.67vw 1.3vw 3.6vw;margin-bottom: 5.33vw;color: #fff;border-bottom: 1px solid #fff;border-left: 8px solid #fff;}
#qacontents .inner-Box h2 span{font-size: 4.27vw;position: relative;top: 0vw;color: #ccc;font-weight: 500;display: inline-block;margin-right: 2.67vw;}

#faq .option::before{content: "";display: block;background: #1788A0;width: 7.2vw;height: 7.20vw;position: absolute;top: 5.4vw;right: 4vw;border-radius: 50%;}

#faq .catelist{margin-bottom: 0vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 6rem auto 0vw auto;position: relative;z-index: 3;}
#faq .catelist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 5.2vw;margin: 0 auto -4.33vw;position: relative;}
#faq .catelist li {position: relative;margin-right: 3.8vw;margin-bottom: 4.3vw;}
#faq .catelist li a { margin: 0; height: 12.6vw; font-size: 3.73vw; padding: 3.2vw 14.6vw 0vw 5.3vw; }
#faq .catelist li a .arr{transform: rotate(90deg);transform-origin: center;width: 7.20vw;height: 7.20vw;padding: 1.1vw 2.4vw 2vw 2.2vw;right: 2.5vw;}
#faq .catelist li a:hover {  }
#faq .catelist li p.ltext { font-size: 4.27vw; line-height: 2; font-weight: 400; letter-spacing: 0.43vw; margin-bottom: 8.0vw; position: relative; }


#faq .accordion {margin: 3em auto; max-width: 60vw; }
#faq .toggle {display: none; }
#faq .option {position: relative;margin-bottom: 5vw;background: #FFFFFF;border-radius: 2.8vw;}
#faq .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faq .title {padding: 6.4vw 10vw 2vw 12.6vw;display: block;color: #00331D;font-weight: 700;margin-bottom: 3vw;line-height: 1.8;font-size: 3.73vw;position: relative;letter-spacing: 0.26vw;}
#faq .title span{font-size: 6.13vw;position: absolute;top: 3.1vw;left: 4.2vw;color: #1788A0;}
#faq .title::after, .title::before {content: "";position: absolute;right: 7.4vw;top: 7.4vw;height: 3.5vw;background: #fff;transition: all 0.3s;width: 0.5vw;}
#faq .title::after {transform: rotate(90deg); }
#faq .content {max-height: 0; overflow: hidden; }
#faq .content div.wysiwyg {margin: 0;padding:  0;font-size: 3.73vw;letter-spacing: 0.26vw;line-height: 1.8;background: #F6F4F1;border-radius: 2vw;padding: 5.4vw 5.4vw 3.4vw;margin: 0 4vw 4vw;}
#faq .content div.wysiwyg p{margin-bottom: 3vw;}
#faq .toggle:checked + .title + .content {max-height: 400vw;transition: all 1.5s;}
#faq .toggle:checked + .title::before {transform: rotate(90deg) !important; }



}