@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 {
    color: #fff;
    text-align: center;
    background: url("../../image/work/bg-title.jpg") no-repeat center center / cover;
}
.title#index:after {
    content: "";
    background: url("../../image/work/letter-m.png") no-repeat center center / cover;
    width: 117.0rem;
    height: 96.0rem;
    position: absolute;
    right: 0;
    top: 24.0rem;
    z-index: -1;
    pointer-events: none;
}
.title#index .inner {
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 120.0rem;
    margin: 0 auto;
}
.title#index .inner h1 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 8.0rem;
    letter-spacing: 0.1em;
    margin: 0 auto 1.0rem;
}
.title#index .inner p.ja {
    font-size: 2.0rem;
    font-weight: 500;
}
.title#index-interview {
    background: url("../../image/work/interview/bg-title.jpg") no-repeat center center / cover;
}
.title#index-interview:after {
    content: "";
    background: url("../../image/work/interview/letter-u.png") no-repeat center center / cover;
    width: 80.0rem;
    height: 103.4rem;
    position: absolute;
    right: 0;
    top: 48.0rem;
    z-index: -1;
    pointer-events: none;
}
.title#index-interview .inner {
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 120.0rem;
    margin: 0 auto;
}
.title#index-interview .inner h1 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 8.0rem;
    letter-spacing: 0.2em;
    margin: 0 auto 1.0rem;
}
.title#index-interview .inner p.ja {
    font-size: 2.0rem;
    font-weight: 500;
}

/* 社員インタビュー詳細 */
.title#interview-detail {
    background: #fff;
    height: 56.25vw;
}
.title#interview-detail:after {
    content: "";
    background: url("../../image/work/interview-common/letter-o.png") no-repeat center center / cover;
    width: 41.0rem;
    height: 60.0rem;
    position: absolute;
    right: 0;
    bottom: -15.625vw;
    pointer-events: none;
}
.title#interview-detail p#mainvisual {
    width: 62.5vw;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.title#interview-detail p#mainvisual img {
    width: 100%;
}
.title#interview-detail .inner {
    width: 100%;
    max-width: 120.0rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.title#interview-detail .inner p.goal {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    background: #80c1ea;
    display: inline-block;
    padding: 0.5rem;
    margin-bottom: 3.0rem;
}
.title#interview-detail .inner h1 {
    font-size: 4.0rem;
    line-height: 1.625;
    font-weight: 700;
    color: #008dd7;
    margin-bottom: 8.0rem;
}
.title#interview-detail .inner dl {
    width: 30.0rem;
}
.title#interview-detail .inner dl dt {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 500;
    padding-bottom: 1.5rem;
    margin-bottom: 2.0rem;
    border-bottom: 1px solid #008dd7;
}
.title#interview-detail .inner dl dd p.name {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1.0rem;
}
.title#interview-detail .inner dl dd p.ruby {
    font-size: 1.4rem;
    color: #008dd7;
    margin-bottom: 1.5rem;
}
.title#interview-detail .inner dl dd p.history {
    font-size: 1.4rem;
    line-height: 1.8;
}

/* ────────────────────── *
 *                                              *
 * 社員インタビュー目次                         *
 *                                              *
 * ────────────────────── */

#contents-index-interview {
    padding: 21.0rem 0 20.0rem;
    position: relative;
}
#contents-index-interview .block {
    width: 112.0rem;
    margin: -7.0rem auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#contents-index-interview .block .person {
    background: #fff;
    width: 25.0rem;
    margin-right: 4.0rem;
    box-sizing: border-box;
    box-shadow: 0 0 1.5rem rgba(0,0,0, 0.15);
    border-radius: 0.5rem;
    position: relative;
}
#contents-index-interview .block .person:nth-of-type(2) {
    margin-top: 5.0rem;
}
#contents-index-interview .block .person:nth-of-type(3) {
    margin-top: 10.0rem;
}
#contents-index-interview .block .person:nth-of-type(4) {
    margin-top: 15.0rem;
    margin-right: 0;
}
#contents-index-interview .block .person a {
    color: #000;
    display: block;
    height: 100%;
    padding: 2.5rem;
    box-sizing: border-box;
}
#contents-index-interview .block .person p.num {
    font-family: "Bebas Neue", sans-serif;
    font-size: 2.4rem;
    color: #008dd7;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
}
#contents-index-interview .block .person p.face {
    text-align: center;
    margin: 0 auto 1.5rem;
}
#contents-index-interview .block .person dl dt {
    font-size: 2.4rem;
    font-weight: 500;
    color: #008dd7;
    text-align: center;
    padding-bottom: 1.0rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #008dd7;
}
#contents-index-interview .block .person dl dd {
    font-size: 1.6rem;
    line-height: 1.625;
    min-height: calc(1.6rem * 1.625 * 4);
}
#contents-index-interview .block .person dl dd span.longtxt {
    display: inline-block;
    transform: scaleX(0.8);
    transform-origin: left;
    white-space: nowrap;
}

/* ────────────────────── *
 *                                              *
 * キャリアパス                                 *
 *                                              *
 * ────────────────────── */

#career {
    background : -moz-linear-gradient(18.75% -75% -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,18.75% -75% ,81.25% 175% ,color-stop(0,rgba(128, 193, 234, 1) ),color-stop(1,rgba(0, 141, 215, 1) ));
    background : linear-gradient(135deg, rgba(128, 193, 234, 1) 0%, rgba(0, 141, 215, 1) 100%);
    padding: 14.0rem 0 10.0rem;
    margin: -6.0rem 0 0;
    position: relative;
    z-index: -1;
}
#career .inner {
    width: 112.0rem;
    margin: 0 auto;
    position: relative;
}
#career .inner h2 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 2.8rem;
    color: #fff;
    letter-spacing: 0.15em;
    margin-bottom: 3.0rem;
}
#career .inner ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#career .inner ol li {
    color: #fff;
    text-align: center;
    width: 16.0rem;
    height: 16.0rem;
    padding-top: 3.0rem;
    margin-right: 6.0rem;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}
#career .inner ol li.valign-center {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#career .inner ol li:before {
    content: "";
    background: #fff;
    width: 6.0rem;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -5.0rem;
}
#career .inner ol li:first-child:before {
    content: none;
}
#career .inner ol li p.year {
    font-size: 1.4rem;
    margin-bottom: 1.0rem;
}
#career .inner ol li p.history {
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 500;
}
#career .inner ol li p.history.small {
    transform: scale(0.9);
    transform-origin: top center;
}
#career .inner ol li p.history span {
    font-size: 1.2rem;
}
#career .inner p.notice {
    font-size: 1.2rem;
    color: #999;
    text-align: right;
    position: absolute;
    top: calc(100% + 11.0rem);
    right: 0;
}

/* ────────────────────── *
 *                                              *
 * 社員インタビュー（詳細）                     *
 *                                              *
 * ────────────────────── */

#contents-interview {
    padding-top: 21.0rem;
    padding-bottom: 18.0rem;
    position: relative;
}
#contents-interview p#letter-detail-m {
    width: 50.0rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
#contents-interview .interview-wrap {
    width: 100%;
    position: relative;
}
#contents-interview .interview-wrap p.image {
    width: 38.125vw;
    position: absolute;
    top: 0;
}
#contents-interview .interview-wrap p.image.left {
    left: 0;
}
#contents-interview .interview-wrap p.image.right {
    right: 0;
    top: 20%;
}
#contents-interview .interview-wrap p.image img {
    width: 100%;
}
#contents-interview .interview-wrap .phase {
    width: 112.0rem;
    margin: 0 auto 12.0rem;
    box-sizing: border-box;
}
#contents-interview .interview-wrap .phase.mb0 {
    margin: 0 auto;
}
#contents-interview .interview-wrap .phase.right {
    padding-left: 50.0rem;
}
#contents-interview .interview-wrap .phase.left {
    padding-right: 50.0rem;
}
#contents-interview .interview-wrap .phase p.question {
    font-size: 1.5rem;
    font-weight: 500;
    color: #80c1ea;
    margin-bottom: 2.0rem;
}
#contents-interview .interview-wrap .phase h3 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #008dd7;
    margin-bottom: 4.0rem;
}
#contents-interview .interview-wrap .phase .body {
    font-size: 1.6rem;
    line-height: 2.1875;
    text-align: justify;
}
#contents-interview .interview-wrap .phase .body p.subtitle {
    font-size: 1.85rem;
    font-weight: 700;
}
#contents-interview .interview-wrap .phase .body p {
    margin-bottom: 2.0rem;
}
#contents-interview .interview-wrap .phase .body p:last-of-type {
    margin-bottom: 0;
}
#contents-interview .interview-wrap p#letter-detail-k {
    width: 30.0rem;
    position: absolute;
    left: 0;
    top: 90.0rem;
    z-index: -1;
}
#contents-interview p.image-full {
    margin: 0 auto 22.0rem;
    position: relative;
    z-index: 2;
}
#contents-interview p.image-full:after {
    content: "";
    background: url("../../image/work/interview-common/letter-u.png") no-repeat center center / cover;
    width: 35.0rem;
    height: 60.0rem;
    position: absolute;
    right: 0;
    top: 32.0rem;
}
#contents-interview p.image-full img {
    width: 100%;
}

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

#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: 1;
}
#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 .disabled p.image {
    opacity: 0.5;
}
#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 {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#next .inner .pagelink dl.parent dt {
    font-size: 2.8rem;
    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 p.soon {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#next .inner .pagelink dl.child {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#next .inner .pagelink dl.child dt {
    font-size: 1.8rem;
    font-weight: 700;
    display: inline-block;
    padding: 0.8rem 1.0rem;
    margin: 0 auto 4.0rem;
    border: 1px solid #fff;
}
#next .inner .pagelink dl.child dd {
    font-size: 2.8rem;
    font-weight: 700;
}

#next .inner #another {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#next .inner #another .navigation {
    font-weight: 500;
    text-align: center;
    width: 24.0rem;
}
#next .inner #another .navigation a {
    color: #fff;
    display: block;
}
#next .inner #another .navigation p.image {
    margin-bottom: 1.5rem;
    position: relative;
}
#next .inner #another .navigation p.image:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 2.4rem;
    height: 3.0rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#next .inner #another .navigation#prev-interview p.image:before {
    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%2024%2030%22%20style%3D%22enable-background%3Anew%200%200%2024%2030%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%2221.7%2C1%201.7%2C15%2021.7%2C29%20%22%2F%3E%3C%2Fsvg%3E');
    left: -8.0rem;
}
#next .inner #another .navigation#next-interview p.image:before {
    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%2024%2030%22%20style%3D%22enable-background%3Anew%200%200%2024%2030%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%222.3%2C29%2022.3%2C15%202.3%2C1%20%22%2F%3E%3C%2Fsvg%3E');
    right: -8.0rem;
}
#next .inner #another .navigation dl dt {
    font-size: 1.8rem;
    line-height: 1.33;
    margin-bottom: 1.0rem;
}
#next .inner #another .navigation dl dd {
    font-size: 1.6rem;
}
#next .inner #another #goto-index {
    font-size: 1.4rem;
    margin-top: 8.0rem;
}
#next .inner #another #goto-index a {
    color: #fff;
    display: block;
    padding-top: 6.0rem;
    position: relative;
}
#next .inner #another #goto-index a:before {
    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%2042%2042%22%20style%3D%22enable-background%3Anew%200%200%2042%2042%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Crect%20x%3D%221%22%20y%3D%221%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%2216%22%20y%3D%221%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%2231%22%20y%3D%221%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%221%22%20y%3D%2216%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%2216%22%20y%3D%2216%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%2231%22%20y%3D%2216%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%221%22%20y%3D%2231%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%2216%22%20y%3D%2231%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%20%3Crect%20x%3D%2231%22%20y%3D%2231%22%20class%3D%22st0%22%20width%3D%2210%22%20height%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

/* 飾り文字 */
.letter ul li {
    position: absolute;
}
.letter.index-interview ul li:nth-child(1) {
    width: 35.6rem;
    left: 6.0rem;
    top: 84.0rem;
    z-index: -1;
}
.letter.index-interview ul li:nth-child(2) {
    width: 21.8rem;
    right: 41.0rem;
    bottom: -1.5rem;
}

/* ────────────────────── *
 *                                              *
 * 職種情報                                     *
 *                                              *
 * ────────────────────── */

#job-description {
    padding-top: 15.0rem;
    position: relative;
}
#job-description h2 {
    font-size: 2.4rem;
    line-height: 1.45;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 3.0rem;
}
#job-description #matrix {
    background: #fff;
    width: 100.0rem;
    padding: 2.0rem;
    margin: 0 auto 16.0rem;
    box-shadow: 0 0 1.5rem rgba(0,0,0, 0.15);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
#job-description #matrix dl dt {
    margin-bottom: 1.0rem;
}
#job-description #matrix dl dd {
    font-size: 1.5rem;
    line-height: 1.8;
}
#job-description #matrix dl dd ul {
    display: flex;
    justify-content: space-between;
}
#job-description #matrix dl dd ul li:nth-child(2) {
    font-feature-settings: "palt";
    color: #606060;
}
#matrix-modal {
    display: none;
}
.matrix-popup .modaal-container {
    background: none;
    text-align: center;
    max-width: 80vw;
    max-height: 80vh;
    height: 100%;
}
.matrix-popup .modaal-container img {
    width: auto;
    max-height: 100%;
    margin: 0 auto;
}
.matrix-popup .modaal-content-container {
    height: 100%;
    padding: 5px;
}
.matrix-popup .modaal-content {
    height: 100%;
}
.matrix-popup .modaal-inner-wrapper {
    padding: 80px 10px;
}
#job-description #job-detail {
    background: #f4f4f4;
    padding: 15.0rem 0 16.0rem;
    position: relative;
    z-index: 0;
}
#job-description #job-detail .job-detail-item {
    background: #fff;
    width: 112.0rem;
    padding: 7.0rem 13.5rem 10.0rem;
    margin: 0 auto 4.0rem;
    box-sizing: border-box;
    box-shadow: 0 0 1.5rem rgba(0,0,0, 0.15);
}
#job-description #job-detail .job-detail-item:last-of-type {
    margin: 0 auto;
}
#job-description #job-detail .job-detail-item h3 {
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
}
#job-description #job-detail .job-detail-item .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#job-description #job-detail .job-detail-item .flex.centering {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#job-description #job-detail .job-detail-item .flex dl {
    width: 40.0rem;
    margin-top: 5.0rem;
}
#job-description #job-detail .job-detail-item .flex dl dt {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 1.1rem;
    margin-bottom: 1.5rem;
}
#job-description #job-detail .job-detail-item .flex dl.category-civil dt {
    background: #00785a;
}
#job-description #job-detail .job-detail-item .flex dl.category-architecture dt {
    background: #0064dc;
}
#job-description #job-detail .job-detail-item .flex dl.category-office dt {
    background: #283278;
}
#job-description #job-detail .job-detail-item .flex dl.category-all dt {
    background: #ff5a2d;
}
#job-description #job-detail .job-detail-item .flex dl dd {
    font-size: 1.5rem;
    line-height: 1.66;
    text-align: justify;
}
#job-description #job-detail .job-detail-item dl.special-skill {
    background: #ffeeea;
    padding: 7.5rem;
    margin-top: 8.0rem;
}
#job-description #job-detail .job-detail-item dl.special-skill dt {
    font-size: 2.4rem;
    font-weight: 500;
    color: #ff5a2d;
    margin-bottom: 3.0rem;
}
#job-description #job-detail .job-detail-item dl.special-skill dd {
    font-size: 1.6rem;
    line-height: 2.1875;
    text-align: justify;
}

/* 飾り文字 */
.letter ul li {
    position: absolute;
}
.letter.index ul li:nth-child(1) {
    width: 36.0rem;
    left: 11.0rem;
    top: -24.0rem;
    z-index: -1;
}
.letter.index ul li:nth-child(2) {
    width: 38.6rem;
    right: 11.0rem;
    top: 12.0rem;
    z-index: -1;
}
.letter.index ul li:nth-child(3) {
    width: 48.8rem;
    left: 62.0rem;
    bottom: -8.0rem;
    z-index: -1;
}