@charset "utf-8";

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

/* ────────────────────── *
 *                                              *
 * ページ共通                                   *
 *                                              *
 * ────────────────────── */

/* 見出し */
#title {
    height: 62.0rem;
    padding-bottom: 0;
}
.recruit-index #title {
    background: url("/saiyou/image/recruit/index/mainvisual-sp.jpg") no-repeat center center / cover;
}
.recruit-qa #title {
    background: url("/saiyou/image/recruit/qa/mainvisual-sp.jpg") no-repeat center center / cover;
}
.recruit-seminar #title {
    background: url("/saiyou/image/recruit/seminar/mainvisual-sp.jpg") no-repeat center center / cover;
}
.recruit-message #title {
    background: url("/saiyou/image/recruit/message/mainvisual-sp.jpg") no-repeat center center / cover;
    height: 55.0rem;
}
#title .inner h1 {
    font-size: 6.4rem;
    line-height: 1.25;
    font-feature-settings: "palt" 1;
    letter-spacing: normal;
}
#title .inner p.en {
    font-size: 2.2rem;
    line-height: 1.36;
}

.contents .inner {
    width: 67.0rem;
}
.contents .inner p.txt-intro {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    margin: 0 auto 8.0rem;
}

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

.contents #next-contents {
    padding: 9.0rem 0 7.0rem;
}
.contents #next-contents .inner,
.contents #next-contents.three .inner {
    width: 67.0rem;
}
.contents #next-contents .inner h2 {
    font-size: 7.6rem;
}
.contents #next-contents .inner #next-list {
    display: block;
}
.contents #next-contents .inner #next-list .list,
.contents #next-contents.three .inner #next-list .list {
    width: 100%;
    margin-bottom: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.image,
.contents #next-contents.three .inner #next-list .list p.image {
    width: 32.0rem;
}
.contents #next-contents .inner #next-list .list:last-of-type {
    margin-bottom: 0;
}
.contents #next-contents .inner #next-list .list p.cname,
.contents #next-contents.three .inner #next-list .list p.cname {
    font-size: 3.2rem;
    width: 35.0rem;
    padding: 0 7.0rem 0 5.0rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.contents #next-contents .inner #next-list .list p.cname::after {
    border-width: 1.0rem 0 1.0rem 2.0rem;
    right: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.cname span.small {
    font-size: 2.4rem;
    vertical-align: 0.2rem;
}

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

.recruit-index .contents {
    padding-top: 9.0rem;
}
.recruit-index .contents .inner {
    margin-bottom: 18.0rem;
}
.recruit-index .contents .inner dl.outline {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    width: 100%;
    margin: 0 auto 12.0rem;
}
.recruit-index .contents .inner dl.outline dt {
    width: 16.0rem;
    padding: 3.0rem 0;
    border-bottom: 0.4rem solid #006ee1;
}
.recruit-index .contents .inner dl.outline dd {
    width: calc(100% - 16.0rem - 2.0rem);
    padding: 3.0rem 1.0rem;
    border-bottom: 0.2rem solid #afafb5;
}
.recruit-index .contents .inner dl.outline dd ul li {
    margin-left: 3.0rem;
}
.recruit-index .contents .inner dl.outline dd table.course + table {
    border-top: 2px solid #ebedf0;
}
.recruit-index .contents .inner dl.outline dd table.course th {
    display: block;
    width: 100%;
    padding: 2.0rem 2.5rem;
}
.recruit-index .contents .inner dl.outline dd table.course th.course-office {
    font-size: 2.4rem;
}
.recruit-index .contents .inner dl.outline dd table.course th.course-office span {
    font-size: 2.4rem;
    display: inline;
}
.recruit-index .contents .inner dl.outline dd table.course th.course-tech {
    font-size: 2.4rem;
}
.recruit-index .contents .inner dl.outline dd table.course th.course-tech span {
    font-size: 2.4rem;
    display: inline;
}
.recruit-index .contents .inner dl.outline dd table.course td {
    display: block;
    width: 100%;
    padding: 2.0rem 2.5rem;
    box-sizing: border-box;
}

.recruit-index .contents .inner dl.outline dd .more {
    font-size: 2.4rem;
    background: #e1e1e3;
    text-underline-offset: 0.3rem;
    text-align: center;
    padding: 2.0rem 2.5rem;
    margin: 2.0rem -2.5rem -2.0rem;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
}
.recruit-index .contents .inner dl.outline dd .more span::before {
    width: 1.6rem;
    height: 1.2rem;
    left: -3.0rem;
}

.contents .inner .entry {
    width: 59.0rem;
    display: block;
}
.contents .inner .entry dl {
    width: 100%;
}
.contents .inner .entry dl dt {
    font-size: 2.8rem;
    margin-bottom: 3.5rem;
}
.contents .inner .entry dl dd {
    font-size: 4.8rem;
}
.contents .inner .entry dl dd a {
    padding: 4.6rem;
}
.contents .inner .entry dl.entry-01 {
    margin-bottom: 7.0rem;
}

/* ────────────────────── *
 *                                              *
 * Q&A                                          *
 *                                              *
 * ────────────────────── */

.recruit-qa .contents {
    padding-top: 8.0rem;
}
.recruit-qa .contents .odd {
    padding: 14.0rem 0 8.0rem;
}
.recruit-qa .contents .even {
    padding: 14.0rem 0 8.0rem;
}
.recruit-qa .contents .inner {
    width: 63.0rem;
}
.recruit-qa .contents .inner ul.pagination {
    font-size: 3.5rem;
    margin: 0 auto 14.0rem;
    display: block;
}
.recruit-qa .contents .inner ul.pagination li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 3.0rem;
}
.recruit-qa .contents .inner ul.pagination li:last-child {
    margin-bottom: 0;
}
.recruit-qa .contents .inner ul.pagination li a {
    color: #fff;
    background: #006ee1;
    display: block;
    padding: 4.5rem;
}
.recruit-qa .contents .inner h2 {
    font-size: 4.6rem;
    line-height: 1.4;
    margin-bottom: 1.0rem;
}
.recruit-qa .contents .inner p.en {
    font-size: 2.0rem;
    margin-bottom: 10.0rem;
}
.recruit-qa .contents .inner dl.faq dt {
    font-size: 3.2rem;
    line-height: 1.5625;
    padding-top: 0.5rem;
    padding-left: 8.0rem;
    padding-bottom: 3.0rem;
    margin-bottom: 3.0rem;
    border-bottom: 0.2rem solid;
    border-image: linear-gradient(90deg, rgba(0, 110, 225, 1) 0.04%, rgba(240, 40, 50, 1) 100%);
    border-image-slice: 1;
}
.recruit-qa .contents .inner dl.faq dt::before {
    font-size: 5.2rem;
    left: 1.0rem;
    top: 0.5rem;
}
.recruit-qa .contents .inner dl.faq dd {
    font-size: 2.4rem;
    line-height: 2.08;
    padding-left: 8.0rem;
    margin-bottom: 9.0rem;
}
.recruit-qa .contents .inner dl.faq dd::before {
    font-size: 5.2rem;
    left: 1.4rem;
}

/* ────────────────────── *
 *                                              *
 * セミナー情報                                 *
 *                                              *
 * ────────────────────── */

.recruit-seminar .contents {
    padding-top: 10.0rem;
}
.recruit-seminar .contents .odd {
    padding: 13.0rem 0 14.0rem;
}
.recruit-seminar .contents .even {
    padding: 13.0rem 0 14.0rem;
}
.recruit-seminar .contents .end {
    padding: 10.0rem 0;
}
.recruit-seminar .contents .inner {
    width: 63.0rem;
}
.recruit-seminar .contents .odd .inner,
.recruit-seminar .contents .even .inner {
    width: 63.0rem;
}
.recruit-seminar .contents .inner p.txt {
    font-size: 2.4rem;
    margin: 0 auto 11.0rem;
}
.recruit-seminar .contents .end .inner p.txt {
    font-size: 4.0rem;
    line-height: 1.75;
}
.recruit-seminar .contents .inner ul.pagination {
    font-size: 2.4rem;
    margin: 0 auto 9.5rem;
    display: block;
}
.recruit-seminar .contents .inner ul.pagination li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 3.0rem;
}
.recruit-seminar .contents .inner ul.pagination li::before {
    font-size: 14.0rem;
    left: -4.0rem;
}
.recruit-seminar .contents .inner ul.pagination li:last-child {
    margin-bottom: 0;
}
.recruit-seminar .contents .inner ul.pagination li a {
    height: 15.0rem;
    padding-left: 8.0rem;
}
.recruit-seminar .contents .inner ul.pagination li span.subject {
    font-size: 2.4rem;
}
.recruit-seminar .contents .inner ul.pagination li em {
    font-size: 3.4rem;
}
.recruit-seminar .contents .inner h2 {
    font-size: 5.6rem;
    line-height: 1.3;
    margin-bottom: 10.0rem;
}
.recruit-seminar .contents .inner p.num {
    font-size: 5.2rem;
    margin-bottom: 4.0rem;
}
.recruit-seminar .contents .inner dl.detail dt {
    font-size: 3.6rem;
    line-height: 1.94;
    padding-bottom: 2.0rem;
    margin-bottom: 4.0rem;
    border-bottom: 0.2rem solid;
    border-image: linear-gradient(90deg, rgba(240, 40, 50, 1) 0%, rgba(0, 110, 225, 1) 99.96%);
    border-image-slice: 1;
}
.recruit-seminar .contents .inner dl.detail dd {
    font-size: 2.4rem;
    font-feature-settings: "palt" 1;
    margin-bottom: 10.0rem;
}
.recruit-seminar .contents .inner dl.detail dd p.image {
    width: 100%;
    margin: 10.0rem auto;
}
.recruit-seminar .contents .inner dl.detail dd .block {
    padding: 6.0rem 5.0rem;
    margin: 7.0rem 0;
    border: 0.2rem solid #363746;
}
.recruit-seminar .contents .inner dl.detail dd .block h3 {
    font-size: 2.6rem;
    padding: 0 1.0rem 1.0rem;
    margin-bottom: 3.0rem;
    border-bottom: 0.4rem solid #006ee1;
}
.recruit-seminar .contents .inner dl.detail dd .block p {
    font-size: 2.4rem;
    line-height: 2.08;
}
.recruit-seminar .contents .inner dl.detail dd .block p em {
    font-size: 3.0rem;
    line-height: 2;
}

/* ────────────────────── *
 *                                              *
 * 人事部メッセージ                             *
 *                                              *
 * ────────────────────── */

.recruit-message .contents .inner .message {
    padding: 8.0rem;
    margin-bottom: 4.0rem;
    top: -11.0rem
}
.recruit-message .contents .inner .message p.en {
    font-size: 2.4rem;
    margin-bottom: 4.0rem;
}
.recruit-message .contents .inner .message h1 {
    font-size: 6.0rem;
    padding-bottom: 6.0rem;
    margin-bottom: 6.0rem;
}
.recruit-message .contents .inner .message h1::after {
    height: 0.2rem;
}
.recruit-message .contents .inner .message p {
    font-size: 2.4rem;
    line-height: 2.083333333333;
    margin-bottom: 3.0rem;
}

}