@charset "utf-8";

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

.title {
    width: 100%;
    height: 56.0rem;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title#index {
    background: #e5f4fb;
    z-index: 1;
}
.title#index:after {
    content: "";
    background: url("../../image/information/letter-a.png") no-repeat center center / cover;
    width: 60.2rem;
    height: 55.0rem;
    position: absolute;
    top: 19.0rem;
    right: 7.0rem;
    z-index: -1;
}
.title#faq {
    background: #e5f4fb;
    z-index: 1;
}
.title#faq:after {
    content: "";
    background: url("../../image/information/faq/letter-u.png") no-repeat center center / cover;
    width: 68.4rem;
    height: 74.4rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.title#welfare {
    background: #e5f4fb;
    z-index: 1;
}
.title#welfare:after {
    content: "";
    background: url("../../image/information/welfare/letter-r.png") no-repeat center center / cover;
    width: 77.4rem;
    height: 105.2rem;
    position: absolute;
    top: -8.0rem;
    right: 0;
    z-index: -1;
}
.title .inner {
    color: #008dd7;
    text-align: center;
    width: 100%;
    max-width: 120.0rem;
    margin: 0 auto;
}
.title .inner h1 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 8.0rem;
    letter-spacing: 0.2em;
    margin: 0 auto 1.0rem;
}
.title .inner p.ja {
    font-size: 2.0rem;
    line-height: 1.1;
    font-weight: 500;
}

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

#information {
    padding-top: 12.0rem;
    padding-bottom: 16.0rem;
    position: relative;
    z-index: 2;
}
#information .inner {
    width: 104.0rem;
    margin: 0 auto;
}
#information .inner h2 {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    color: #008dd7;
    margin: 0 auto 5.0rem;
}
#information .inner dl#outline {
    font-size: 1.6rem;
    line-height: 2.1875;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#information .inner dl#outline > dt {
    width: 18.0rem;
    font-weight: 700;
    color: #008dd7;
    padding: 4.0rem 2.5rem;
    box-sizing: border-box;
    border-bottom: 2px solid #008dd7;
}
#information .inner dl#outline > dt span {
    font-size: 1.2rem;
    color: #8d8d8d;
    display: block;
    white-space: nowrap;
}
#information .inner dl#outline > dd {
    width: 85.6rem;
    padding: 4.0rem 2.0rem;
    box-sizing: border-box;
    border-bottom: 2px solid #8d8d8d;
}
#information .inner dl#outline > dd a {
    color: #008dd7;
    text-decoration: underline;
}
#information .inner dl#outline > dd dl dt {
    padding-left: 1.2em;
    position: relative;
}
#information .inner dl#outline > dd dl dt span.head {
    color: #80c1ea;
}
#information .inner dl#outline > dd dl dt:before {
    content: "●";
    color: #80c1ea;
    position: absolute;
    left: 0;
    top: 0;
}
#information .inner dl#outline > dd span.color-gray {
    color: #8d8d8d;
}
#information p#letter-information-k {
    width: 22.0rem;
    position: absolute;
    left: 0;
    top: 65.0rem;
}

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

#flow {
    background: #e5f4fb;
    padding-top: 12.0rem;
    padding-bottom: 29.0rem;
    position: relative;
}
#flow .inner {
    width: 100%;
    max-width: 116.0rem;
    margin: 0 auto;
}
#flow .inner h2 {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    color: #008dd7;
    margin: 0 auto 5.0rem;
}
#flow .inner ol {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#flow .inner ol li {
    background: #fff;
    width: 16.0rem;
    height: 16.0rem;
    padding-top: 4.0rem;
    border: 1px solid #008dd7;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
}
#flow .inner ol li:before {
    content: "";
    background: #1c1c1c;
    width: 4.0rem;
    height: 1px;
    position: absolute;
    left: -3.0rem;
    top: 50%;
}
#flow .inner ol li:first-child:before {
    content: none;
}
#flow .inner ol li p.step {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.5rem;
    color: #80c1ea;
    letter-spacing: 0.05em;
    margin-bottom: 1.0rem;
}
#flow .inner ol li p.content {
    font-size: 1.7rem;
    line-height: 1.47;
    font-weight: 700;
    color: #1c1c1c;
    display: table-cell;
    vertical-align: middle;
    width: 16.0rem;
    height: calc(1.7rem * 1.47 * 2);
}
#flow .inner ol li p.content span {
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
}
#flow p#letter-information-r {
    width: 77.4rem;
    position: absolute;
    right: 0;
    top: -98.0rem;
}
#flow p#letter-information-o {
    width: 55.6rem;
    position: absolute;
    left: 16.0rem;
    top: calc(100% - 6.0rem);
}

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

#contact {
    background: #fff;
    text-align: center;
    width: 85.0rem;
    padding: 5.0rem 5.0rem 7.0rem;
    margin: -16.0rem auto 21.0rem;
    box-shadow: 0.2rem 0.2rem 1.0rem rgba(0,0,0, 0.15);
    border-radius: 0.6rem;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}
#contact dl dt {
    font-size: 1.8rem;
    font-weight: 700;
    color: #008dd7;
    margin: 0 auto 4.0rem;
}
#contact dl dd {
    font-size: 1.6em;
    line-height: 2.1875;
}
#contact dl dd a {
    color: #008dd7;
    text-decoration: underline;
}

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

#next {
    background: rgb(128,193,234);
    background: -moz-linear-gradient(-45deg, rgba(128,193,234,1) 0%, rgba(0,141,215,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(128,193,234,1) 0%, rgba(0,141,215,1) 100%);
    background: linear-gradient(-45deg, rgba(128,193,234,1) 0%, rgba(0,141,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c1ea",endColorstr="#008dd7",GradientType=1);
    padding: 10.0rem 0 18.0rem;
    position: relative;
    z-index: 2;
}
#next .inner {
    width: 80.0rem;
    margin: 0 auto;
}
#next .inner p.title-next {
    font-family: "Bebas Neue", sans-serif;
    font-size: 2.8rem;
    color: #fff;
    letter-spacing: 0.15em;
    text-align: center;
    margin: 0 auto 6.0rem;
}
#next .inner .pagelink {
    position: relative;
}
#next .inner .pagelink a {
    color: #fff;
    display: block;
}
#next .inner .pagelink p.image {
    overflow: hidden;
    position: relative;
}
#next .inner .pagelink p.image img {
    transition: transform .3s;
}
#next .inner .pagelink a:hover p.image img {
    transform: scale3d(1.05, 1.05, 1);
}
#next .inner .pagelink dl.parent {
    color: #008dd7;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#next .inner .pagelink dl.parent dt {
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem;
}
#next .inner .pagelink dl.parent dd {
    font-size: 1.8rem;
    font-weight: 700;
}
#next .inner .pagelink dl.child {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#next .inner .pagelink dl.child dt {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.6rem;
    color: #fff;
    background: #80c1ea;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 0.8rem 2.0rem 0.5rem;
    margin: 0 auto 2.0rem;
}
#next .inner .pagelink dl.child dd {
    font-size: 2.8rem;
    line-height: 1.4;
    font-weight: 700;
}

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

#faq-content {
    position: relative;
    z-index: 3;
}

/* アンカーリンク */
#faq-content ul#anchor {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    width: 104.0rem;
    margin: -4.5rem auto 10.0rem;
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#faq-content ul#anchor li {
    width: 32.0rem;
    position: relative;
}
#faq-content ul#anchor li a {
    color: #fff;
    background: -moz-linear-gradient(17.97% 163.89% 45deg,rgba(128, 193, 234, 1) 0%,rgba(0, 141, 215, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(128, 193, 234, 1) 0%, rgba(0, 141, 215, 1) 100%);
    background: -webkit-gradient(linear,17.97% 163.89% ,82.03% -63.89% ,color-stop(0,rgba(128, 193, 234, 1) ),color-stop(1,rgba(0, 141, 215, 1) ));
    background: linear-gradient(45deg, rgba(128, 193, 234, 1) 0%, rgba(0, 141, 215, 1) 100%);
    display: block;
    padding: 3.0rem 0 4.5rem;
}
#faq-content ul#anchor li a:after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2010%22%20style%3D%22enable-background%3Anew%200%200%2014%2010%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2213%2C2.6%207%2C8.6%201%2C2.6%20%22%2F%3E%3C%2Fsvg%3E');
    width: 1.4rem;
    height: 1.0rem;
    position: absolute;
    left: 50%;
    bottom: 2.0rem;
    transform: translateX(-50%);
}

/* FAQ本体 */
#faq-content .question {
    background: #fff;
    width: 112.0rem;
    padding: 9.0rem 13.5rem;
    margin: 0 auto 10.0rem;
    box-sizing: border-box;
    box-shadow: 0.1rem 0.1rem 1.0rem rgba(0,0,0, 0.15);
}
#faq-content .question h2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #008dd7;
    text-align: center;
    margin: 0 auto 7.0rem;
}
#faq-content .question dl.faq > dt {
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    background: #008dd7;
    padding: 1.0rem;
}
#faq-content .question dl.faq > dt span {
    display: block;
    padding-left: 6.5rem;
    position: relative;
}
#faq-content .question dl.faq > dt span:before {
    content: "Q";
    font-family: "Bebas Neue", sans-serif;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    left: 1.0rem;
    top: 0.3rem;
}
#faq-content .question dl.faq > dt span:after {
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 4.0rem;
    top: 0;
}
#faq-content .question dl.faq > dd {
    font-size: 1.6rem;
    line-height: 2.1875;
    padding: 4.0rem 1.0rem 4.0rem 7.5rem;
    position: relative;
}
#faq-content .question dl.faq > dd:before {
    content: "A";
    font-family: "Bebas Neue", sans-serif;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 400;
    color: #008dd7;
    position: absolute;
    left: 2.0rem;
    top: 4.6rem;
}
#faq-content .question dl.faq > dd:after {
    content: "";
    background: #008dd7;
    width: 1px;
    height: 3.0rem;
    position: absolute;
    left: 5.0rem;
    top: 4.3rem;
}
#faq-content .question dl.faq > dd ul li {
    padding-left: 1.2em;
    position: relative;
}
#faq-content .question dl.faq > dd ul li:before {
    content: "●";
    font-size: 1.0rem;
    color: #80c1ea;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
#faq-content .question dl.faq > dd span.color-gray {
    color: #8d8d8d;
}

/* 飾り文字 */
.letter ul li {
    position: absolute;
}
.letter.faq ul li:nth-child(1) {
    width: 45.8rem;
    left: 10.5rem;
    top: 100.0rem;
    z-index: -1;
}
.letter.faq ul li:nth-child(2) {
    width: 60.2rem;
    right: 11.0rem;
    top: 180.0rem;
    z-index: -1;
}
.letter.faq ul li:nth-child(3) {
    width: 77.4rem;
    left: 0;
    bottom: 0;
    z-index: -1;
}


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

#system-content {
    background: #f4f4f4;
    padding-top: 15.0rem;
    padding-bottom: 10.0rem;
    position: relative;
    z-index: 3;
}
#system-content:after {
    content: "";
    background: url("../../image/information/welfare/letter-m.png") no-repeat left 24.0rem center / cover;
    width: 45.8rem;
    height: 27.6rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
#system-content h2 {
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 700;
    color: #008dd7;
    text-align: center;
    margin: 0 auto 3.0rem;
}
#system-content .inner {
    background: #fff;
    width: 112.0rem;
    padding: 10.0rem 8.0rem;
    margin: 0 auto 4.0rem;
    box-sizing: border-box;
    box-shadow: 0.5rem 0.5rem 1.0rem rgba(0,0,0,0.05);
}
#system-content .inner h3 {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 5.0rem;
}
#system-content .inner .trainingList {
    width: 85.0rem;
    margin: 0 auto -9.0rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#system-content .inner .trainingList dl.trainingListItem {
    width: 40.0rem;
    margin-bottom: 9.0rem;
}
#system-content .inner .trainingList dl.trainingListItem dt {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    background: #008dd7;
    text-align: center;
    padding: 1.0rem;
    margin-bottom: 4.0rem;
}
#system-content .inner .trainingList dl.trainingListItem dd {
    font-size: 1.5rem;
    line-height: 1.666666666666667;
    text-align: justify;
}
#system-content .inner .trainingList dl.trainingListItem dd figure {
    width: 13.2rem;
    margin: 0 auto 4.0rem;
}

#system-content .inner .attemptList {
    width: 85.0rem;
    margin: 0 auto -9.0rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#system-content .inner .attemptList dl.attemptListItem {
    width: 40.0rem;
    margin-bottom: 9.0rem;
}
#system-content .inner .attemptList dl.attemptListItem.fullsize {
    width: 100%;
}
#system-content .inner .attemptList dl.attemptListItem dt {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    background: #008dd7;
    text-align: center;
    padding: 1.0rem;
    margin-bottom: 4.0rem;
}
#system-content .inner .attemptList dl.attemptListItem dd {
    font-size: 1.5rem;
    line-height: 1.666666666666667;
    text-align: center;
}
#system-content .inner .attemptList dl.attemptListItem dd figure {
    margin: 0 auto 2.0rem;
}
#system-content .inner .attemptList dl.attemptListItem dd .incentives {
    width: 66.0rem;
    margin: 0 auto;
    display: flex;
    border-radius: 1.0rem;
    overflow: hidden;
}
#system-content .inner .attemptList dl.attemptListItem dd .incentives .incentives-heading {
    font-size: 1.5rem;
    line-height: 1.666666666666667;
    font-weight: 500;
    color: #fff;
    background: #008dd7;
    width: 21.0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#system-content .inner .attemptList dl.attemptListItem dd .incentives .incentives-text {
    background: #f8f8f8;
    text-align: left;
    width: calc(100% - 21.0rem);
    padding: 2.0rem;
    box-sizing: border-box;
}

/* アンカーリンク */
#system-content ul#anchor {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    width: 104.0rem;
    margin: -4.5rem auto 20.0rem;
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#system-content ul#anchor li {
    width: 32.0rem;
    position: relative;
}
#system-content ul#anchor li a {
    color: #fff;
    background: -moz-linear-gradient(17.97% 163.89% 45deg,rgba(128, 193, 234, 1) 0%,rgba(0, 141, 215, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(128, 193, 234, 1) 0%, rgba(0, 141, 215, 1) 100%);
    background: -webkit-gradient(linear,17.97% 163.89% ,82.03% -63.89% ,color-stop(0,rgba(128, 193, 234, 1) ),color-stop(1,rgba(0, 141, 215, 1) ));
    background: linear-gradient(45deg, rgba(128, 193, 234, 1) 0%, rgba(0, 141, 215, 1) 100%);
    display: block;
    padding: 3.0rem 0 4.5rem;
}
#system-content ul#anchor li a:after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2010%22%20style%3D%22enable-background%3Anew%200%200%2014%2010%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2213%2C2.6%207%2C8.6%201%2C2.6%20%22%2F%3E%3C%2Fsvg%3E');
    width: 1.4rem;
    height: 1.0rem;
    position: absolute;
    left: 50%;
    bottom: 2.0rem;
    transform: translateX(-50%);
}
#system-content #flex-welfare {
    width: 96.0rem;
    margin: 11.0rem auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
#system-content #flex-welfare .item {
    text-align: center;
    width: 29.0rem;
    margin-right: 4.5rem;
}
#system-content #flex-welfare .item:last-of-type {
    margin-right: 0;
}
#system-content #flex-welfare .item p.system {
    font-size: 2.0rem;
    font-weight: 500;
    color: #fff;
    background: #008dd7;
    text-align: center;
    display: inline-block;
    min-width: 11.0rem;
    padding: 0.7rem 1.5rem;
    margin: -1.7rem auto 2.5rem;
    border-radius: 3.4rem;
}
#system-content #flex-welfare .item p.txt {
    font-size: 1.7rem;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
}

#system-content #training {
    background: #f4f4f4;
    padding: 16.0rem 0 22.0rem;
    position: relative;
    z-index: 0;
}
#system-content #training .inner:last-of-type {
    margin: 0 auto;
}
#system-content #training .inner h3 {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 4.0rem;
}
#system-content #training .inner dl {
    margin-top: 4.0rem;
}
#system-content #training .inner dl dt {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.0rem;
}
#system-content #training .inner#civil dl dt {
    color: #00b7a9;
}
#system-content #training .inner#build dl dt {
    color: #008dd7;
}
#system-content #training .inner dl dd {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 3.0rem;
}
#system-content #training .inner#build p.schedule {
    width: 99.2rem;
}

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

#system-content .house {
    width: 85.0rem;
    margin-right: auto;
    margin-bottom: 7.0rem;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
}
#system-content .house .item {
    width: 40.0rem;
}
#system-content .house .item .heading {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    background: #008dd7;
    text-align: center;
    padding: 1.0rem;
    margin-bottom: 2.5rem;
}
#system-content .house .item .image {
    margin-bottom: 1.5rem;
}
#system-content .house .item .cost {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    background: #80c1ea;
    width: 32.0rem;
    height: 6.0rem;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ────────────────────── *
 *                                              *
 * ダイバーシティ                               *
 *                                              *
 * ────────────────────── */

#system-content #esg {
    padding: 18.0rem 0;
}
#system-content #esg .pagelink {
    width: 96.0rem;
    margin: 0 auto;
    position: relative;
}
#system-content #esg .pagelink a {
    color: #fff;
    display: block;
}
#system-content #esg .pagelink p.image {
    overflow: hidden;
    position: relative;
    border-radius: 0.5rem;
}
#system-content #esg .pagelink p.image img {
    transition: transform .3s;
}
#system-content #esg .pagelink a:hover p.image img {
    transform: scale3d(1.05, 1.05, 1);
}
#system-content #esg .pagelink dl.parent {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#system-content #esg .pagelink dl.parent dt {
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    position: relative;
}
#system-content #esg .pagelink dl.parent dt span {
    position: relative;
}
#system-content #esg .pagelink dl.parent dt span:after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%228.7%2C5.6%201%2C5.6%201%2C21%2016.4%2C21%2016.4%2C13.3%20%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%228.9%22%20y1%3D%2213.1%22%20x2%3D%2219.7%22%20y2%3D%222.2%22%2F%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%2212.1%2C2.2%2019.7%2C2.2%2019.7%2C9.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: calc(100% + 0.5rem);
    top: -0.5rem;
}
#system-content #esg .pagelink dl.parent dd {
    font-size: 1.8rem;
    font-weight: 700;
}

/* 飾り文字 */
.letter ul li {
    position: absolute;
}
.letter.welfare ul li:nth-child(1) {
    width: 33.4rem;
    left: -14.0rem;
    top: 44.0rem;
    z-index: -1;
}
.letter.welfare ul li:nth-child(2) {
    width: 55.0rem;
    right: 11.0rem;
    top: 135.0rem;
    z-index: -1;
}
.letter.welfare ul li:nth-child(3) {
    width: 123.0rem;
    left: -30.0rem;
    top: 236.0rem;
    z-index: -1;
}

/* 成長できる環境 */
.intro {
    font-feature-settings: "palt";
    font-size: 3.2rem;
    line-height: 1.9375;
    font-weight: 700;
    color: #008dd7;
    letter-spacing: 0.15em;
    text-align: center;
    padding: 19.0rem 0;
    position: relative;
    z-index: 1;
}
#system-content .description {
    font-feature-settings: "palt";
    font-size: 1.6em;
    line-height: 2;
    text-align: center;
    margin-bottom: 5.0rem;
}

/* タブ切り替え */
#system-content ul.tab {
    font-feature-settings: "palt";
    font-size: 2.0rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    width: 54.0rem;
    margin: 13.0rem auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#system-content ul.tab li {
    width: 26.5rem;
}
#system-content ul.tab li a {
    color: #fff;
    background: #69b2e3;
    height: 7.0rem;
    padding: 0 1.0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .5s;
}
#system-content ul.tab li a:not(.active):hover {
    background: rgba(23, 96, 172, 0.75);
}
#system-content ul.tab li a.active {
    background: #1760ac;
}

/* スライダー */
#system-content .slick-container {
    width: 112.0rem;
    margin: 0 auto 3.5rem;
    border: 0.5rem solid #1760ac;
}
#system-content .slick-container .slick-slide {
    font-size: 1.5rem;
    line-height: 2;
    background: #fff;
    padding: 7.5rem;
}
#system-content .slick-container .slick-slide dl {
    margin-top: 4.0rem;
}
#system-content .slick-container .slick-slide dl dt {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
#system-content .slick-container .slick-slide dl dt {
    color: #00b7a9;
}
#system-content .slick-container .slick-slide dl dd {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 2.0rem;
}
#system-content .slick-container .slick-slide dl dd:last-of-type {
    margin-bottom: 0;
}
#system-content .slick-container .slick-slide p.schedule {
    margin-bottom: 2.0rem;
}