@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 750px) {

/* ────────────────────── *
 *                                              *
 * タイトル                                     *
 *                                              *
 * ────────────────────── */

.title#index:after {
    width: 45.2rem;
    height: 41.2rem;
    top: 21.0rem;
    opacity: 0.5;
}
.title#faq:after {
    width: 54.0rem;
    height: 59.6rem;
    top: 16.0rem;
}
.title#welfare:after {
    background: url("../../image/information/welfare/letter-r.png") no-repeat left 12.0rem center / cover;
    width: 64.0rem;
    height: 87.2rem;
    top: -4.5rem;
    opacity: 0.3;
}
.title .inner {
    max-width: 70.0rem;
}
.title .inner p.ja {
    font-size: 2.8rem;
}

/* ────────────────────── *
 *                                              *
 * 募集要項                                     *
 *                                              *
 * ────────────────────── */

#information {
    padding-bottom: 10.0rem;
}
#information .inner {
    width: 65.0rem;
}
#information .inner h2 {
    font-size: 3.6rem;
}
#information .inner dl#outline {
    font-size: 2.2rem;
    line-height: 1.8;
}
#information .inner dl#outline > dt {
    width: 12.0rem;
    padding: 4.0rem 1.0rem;
    border-bottom: 0.3rem solid #008dd7;
}
#information .inner dl#outline > dt span {
    font-size: 1.5rem;
    line-height: 1.3;
    white-space: normal;
}
#information .inner dl#outline > dd {
    width: 52.5rem;
    padding: 4.0rem 1.0rem;
    border-bottom: 0.3rem solid #8d8d8d;
}
#information p#letter-information-k {
    width: 14.8rem;
    top: 108.0rem;
    opacity: 0.3;
}

/* ────────────────────── *
 *                                              *
 * 選考フロー                                   *
 *                                              *
 * ────────────────────── */

#flow {
    padding-top: 10.0rem;
    padding-bottom: 36.0rem;
}
#flow .inner {
    max-width: 54.0rem;
}
#flow .inner h2 {
    font-size: 3.6rem;
}
#flow .inner ol {
    display: block;
}
#flow .inner ol li {
    width: 100%;
    height: 13.0rem;
    padding-top: 3.0rem;
    margin-bottom: 6.0rem;
    border-radius: 6.5rem;
}
#flow .inner ol li:last-child {
    margin-bottom: 0;
}
#flow .inner ol li:before {
    width: 0.2rem;
    height: 5.4rem;
    left: 50%;
    top: -4.0rem;
    transform: translateX(-50%);
}
#flow .inner ol li p.step {
    font-size: 2.0rem;
}
#flow .inner ol li p.content {
    font-size: 2.3rem;
    width: 60.0rem;
    height: auto;
}
#flow .inner ol li p.content br {
    display: none;
}
#flow .inner ol li p.content span {
    font-size: 2.0rem;
    display: inline-block;
}
#flow p#letter-information-r {
    width: 36.3rem;
    height: 73.6rem;
    right: 0;
    top: -67.0rem;
    object-fit: contain;
    opacity: 0.3;
}
#flow p#letter-information-r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#flow p#letter-information-o {
    width: 41.6rem;
    left: 3.0rem;
    top: calc(100% + 4.0rem);
}

/* ────────────────────── *
 *                                              *
 * 問い合わせ                                   *
 *                                              *
 * ────────────────────── */

#contact {
    width: 65.0rem;
    padding: 8.0rem 5.0rem 10.0rem;
    margin: -26.0rem auto 11.0rem;
}
#contact dl dt {
    font-size: 2.6rem;
}
#contact dl dd {
    font-size: 2.2em;
}

/* ────────────────────── *
 *                                              *
 * 次のコンテンツ                               *
 *                                              *
 * ────────────────────── */

#next {
    padding: 10.0rem 0 12.5rem;
}
#next .inner {
    width: 55.0rem;
}
#next .inner p.title-next {
    font-size: 4.0rem;
    margin: 0 auto 7.0rem;
}
#next .inner .pagelink dl.child {
    width: 100%;
}
#next .inner .pagelink dl.child dt {
    font-size: 2.0rem;
    margin: 0 auto 2.0rem;
}
#next .inner .pagelink dl.child dd {
    font-size: 2.6rem;
}

/* ────────────────────── *
 *                                              *
 * FAQ                                          *
 *                                              *
 * ────────────────────── */

/* アンカーリンク */
#faq-content ul#anchor {
    font-size: 2.2rem;
    width: 65.0rem;
    margin: -7.0rem auto 7.0rem;
}
#faq-content ul#anchor li {
    width: 21.0rem;
}
#faq-content ul#anchor li a {
    padding: 4.0rem 0 7.0rem;
}
#faq-content ul#anchor li a:after {
    width: 1.8rem;
    height: 1.2rem;
    bottom: 2.5rem;
}

/* FAQ本体 */
#faq-content .question {
    width: 65.0rem;
    padding: 9.0rem 7.5rem;
    margin: 0 auto 7.5rem;
}
#faq-content .question h2 {
    font-size: 3.6rem;
}
#faq-content .question dl.faq > dt {
    font-size: 2.6rem;
    padding: 1.5rem;
}
#faq-content .question dl.faq > dt span:before {
    font-size: 3.8rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
}
#faq-content .question dl.faq > dt span:after {
    width: 0.2rem;
    left: 4.0rem;
}
#faq-content .question dl.faq > dd {
    font-size: 2.2rem;
    line-height: 1.8;
    padding: 5.0rem 1.5rem 5.0rem 7.5rem;
}
#faq-content .question dl.faq > dd:before {
    font-size: 3.8rem;
    left: 2.0rem;
    top: 5.5rem;
}
#faq-content .question dl.faq > dd:after {
    width: 0.2rem;
    height: 4.0rem;
    left: 5.5rem;
    top: 5.5rem;
}
#faq-content .question dl.faq > dd ul li {
    padding-left: 1.2em;
    position: relative;
}
#faq-content .question dl.faq > dd ul li:before {
    content: "";
    background: #80c1ea;
    width: 1.0rem;
    height: 1.0rem;
    border-radius: 50%;
    top: 1.5rem;
}

/* 飾り文字 */
.letter.faq ul li:nth-child(1) {
    width: 34.0rem;
    left: 0;
    top: 175.0rem;
}
.letter.faq ul li:nth-child(2) {
    width: 45.0rem;
    right: 2.0rem;
    top: 255.0rem;
}
.letter.faq ul li:nth-child(3) {
    width: 58.0rem;
    bottom: -15.0rem;
}

/* ────────────────────── *
 *                                              *
 * 福利厚生                                     *
 *                                              *
 * ────────────────────── */

#system-content {
    padding-top: 11.0rem;
    padding-bottom: 25.0rem;
}
#system-content h2 {
    font-size: 3.6rem;
}
#system-content .inner {
    width: 65.0rem;
    padding: 6.0rem 4.0rem;
}
#system-content .inner h3 {
    font-size: 3.0rem;
}
#system-content .inner .trainingList {
    width: 55.0rem;
    margin: 0 auto -5.0rem;
}
#system-content .inner .trainingList dl.trainingListItem {
    width: 26.0rem;
    margin-bottom: 5.0rem;
}
#system-content .inner .trainingList dl.trainingListItem dt {
    font-size: 2.4rem;
    padding: 1.5rem;
    margin-bottom: 3.0rem;
}
#system-content .inner .trainingList dl.trainingListItem dd {
    font-size: 2.0rem;
    line-height: 1.5;
}
#system-content .inner .trainingList dl.trainingListItem dd figure {
    margin: 0 auto 2.5rem;
}

#system-content .inner .attemptList {
    width: 55.0rem;
    margin: 0 auto -5.0rem;
}
#system-content .inner .attemptList dl.attemptListItem {
    width: 100%;
    margin-bottom: 5.0rem;
}
#system-content .inner .attemptList dl.attemptListItem dt {
    font-size: 2.4rem;
    padding: 1.5rem;
    margin-bottom: 2.0rem;
}
#system-content .inner .attemptList dl.attemptListItem dd {
    font-size: 1.8rem;
    line-height: 1.6;
}
#system-content .inner .attemptList dl.attemptListItem dd figure {
    margin: 0 auto 1.5rem;
}
#system-content .inner .attemptList dl.attemptListItem.fullsize dd figure {
    width: 57.2rem;
}
#system-content .inner .attemptList dl.attemptListItem dd .incentives {
    width: 100%;
}
#system-content .inner .attemptList dl.attemptListItem dd .incentives .incentives-heading {
    font-size: 2.0rem;
    line-height: 1.5;
    width: 20.0rem;
}
#system-content .inner .attemptList dl.attemptListItem dd .incentives .incentives-text {
    width: calc(100% - 20.0rem);
}


/* アンカーリンク */
#system-content ul#anchor {
    font-size: 2.2rem;
    line-height: 1.2;
    width: 65.0rem;
    margin: -7.0rem auto 7.0rem;
}
#system-content ul#anchor li {
    width: 21.0rem;
}
#system-content ul#anchor li a {
    height: 12.0rem;
    padding: 3.0rem 0 0;
    box-sizing: border-box;
}
#system-content ul#anchor li:nth-child(3) a {
    padding: 2.0rem 0 0;
}
#system-content ul#anchor li a:after {
    width: 1.8rem;
    height: 1.2rem;
    bottom: 2.5rem;
}

#system-content #flex-welfare {
    width: 60.0rem;
    margin: 16.0rem auto 0;
    display: block;
}
#system-content #flex-welfare .item {
    width: 100%;
    margin: 0 auto 8.0rem;
}
#system-content #flex-welfare .item p.system {
    font-size: 2.8rem;
    min-width: 28.0rem;
    padding: 1.8rem 5.0rem;
    margin: -3.2rem auto 2.0rem;
    border-radius: 6.4rem;
}
#system-content #flex-welfare .item p.txt {
    font-size: 2.2rem;
    line-height: 1.85;
}

#system-content #training {
    padding: 11.0rem 0 10.0rem;
}
#system-content #training .inner h3 {
    font-size: 3.0rem;
}
#system-content #training .inner dl dt {
    font-size: 2.4rem;
    margin-bottom: 1.0rem;
}
#system-content #training .inner dl dd {
    font-size: 2.2rem;
}
#system-content #training .inner#build p.schedule {
    width: 59.5rem;
}

/* ────────────────────── *
 *                                              *
 * 寮・社宅                               *
 *                                              *
 * ────────────────────── */

#system-content .house {
    width: 100%;
    margin-bottom: 7.0rem;
    display: block;
}
#system-content .house .item {
    width: 100%;
    margin-bottom: 7.0rem;
}
#system-content .house .item:last-of-type {
    margin-bottom: 0;
}
#system-content .house .item .heading {
    font-size: 2.4rem;
    padding: 1.5rem;
}
#system-content .house .item .image {
    margin-bottom: 2.0rem;
}
#system-content .house .item .image img {
    width: 100%;
}
#system-content .house .item .cost {
    font-size: 2.6rem;
    width: 51.0rem;
    height: 9.0rem;
    border-radius: 0.8rem;
}
/* ────────────────────── *
 *                                              *
 * ダイバーシティ                               *
 *                                              *
 * ────────────────────── */

#system-content #esg {
    padding: 10.0rem 0;
}
#system-content #esg .pagelink {
    width: 65.0rem;
}
#system-content #esg .pagelink dl.parent dt {
    font-size: 3.5rem;
}
#system-content #esg .pagelink dl.parent dd {
    font-size: 2.2rem;
}

/* 飾り文字 */
.letter.welfare ul li:nth-child(1) {
    left: -13.0rem;
    top: 181.0rem;
    opacity: 0.5;
}
.letter.welfare ul li:nth-child(2) {
    top: 300.0rem;
    right: 0;
    overflow: hidden;
}
.letter.welfare ul li:nth-child(2) img {
    position: relative;
    right: -14.0rem;
}
.letter.welfare ul li:nth-child(3) {
    width: 86.0rem;
    left: -36.0rem;
    top: 390.0rem;
}

/* 成長できる環境 */
.intro {
    font-size: 3.6rem;
    padding: 17.0rem 0;
}
#system-content .description {
    font-size: 2.0em;
    line-height: 1.6;
    margin-bottom: 7.0rem;
}


/* タブ切り替え */
#system-content ul.tab {
    font-size: 2.2rem;
    line-height: 1.2;
    text-align: center;
    width: 56.0rem;
    margin-top: 7.0rem;
}
#system-content ul.tab.under {
    margin: 0 auto 10.0rem;
}
#system-content ul.tab li {
    width: 26.0rem;
}
#system-content ul.tab li a {
    height: 7.6rem;
    padding: 0;
}

/* スライダー */
#system-content .slick-container {
    width: 65.0rem;
}
#system-content .slick-container .slick-slide {
    font-size: 2.0rem;
    padding: 3.5rem;
}
#system-content .slick-container .slick-slide dl dt {
    font-size: 2.4rem;
    margin-bottom: 1.0rem;
}
#system-content .slick-container .slick-slide dl dd {
    font-size: 2.0rem;
    margin-bottom: 3.0rem;
}
#system-content .slick-container .slick-slide p.schedule {
    margin-bottom: 3.0rem;
}

}