@charset "utf-8";

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

/* ────────────────────── *
 *                                              *
 * 写真で見るオフィス                           *
 *                                              *
 * ────────────────────── */

.company-office .contents #gallery h3 {
    font-size: calc(100vw * 28 / 1600);
    width: calc(100vw * 180 / 1600);
    height: calc(100vw * 65 / 1600);
}
.company-office .contents #gallery h3::before {
    width: calc(100vw * 65 / 1600);
    height: calc(100vw * 180 / 1600);
}
.company-office .contents #gallery h3::after {
    width: calc(100vw * 180 / 1600);
    height: calc(100vw * 65 / 1600);
}
.company-office .contents #gallery p.description {
    font-size: calc(100vw * 15 / 1600);
    width: calc(100vw * 230 / 1600);
    height: calc(100vw * 220 / 1600);
}
.company-office .contents #gallery #main-office h2 {
    font-size: calc(100vw * 21 / 1600);
}
.company-office .contents #gallery #main-office h2 em {
    font-size: calc(100vw * 28 / 1600);
}
.company-office .contents #gallery #jdxc h3 {
    width: calc(100vw * 490 / 1600);
}
.company-office .contents #gallery #jdxc h3::before {
    height: calc(100vw * 490 / 1600);
}
.company-office .contents #gallery #jdxc h3::after {
    width: calc(100vw * 490 / 1600);
}
.company-office .contents #gallery #multi h3 {
    width: calc(100vw * 265 / 1600);
}
.company-office .contents #gallery #multi h3::before {
    height: calc(100vw * 265 / 1600);
}
.company-office .contents #gallery #multi h3::after {
    width: calc(100vw * 265 / 1600);
}
.company-office .contents #gallery #view h3 {
    width: calc(100vw * 330 / 1600);
}
.company-office .contents #gallery #view h3::before {
    height: calc(100vw * 330 / 1600);
}
.company-office .contents #gallery #view h3::after {
    width: calc(100vw * 330 / 1600);
}

/* ────────────────────── *
 *                                              *
 * 鉄が生まれる現場                             *
 *                                              *
 * ────────────────────── */

.company-onsite .contents #process .block .inner {
    width: calc(100vw * 1240 / 1600);
    height: calc(100vw * 780 / 1600);
    padding: 0 calc(100vw * 70 / 1600);
}
.company-onsite .contents #process .block#process-01 .inner {
    margin-top: calc(100vw * -130 / 1600);
}
.company-onsite .contents #process .block#process-03 .inner {
    height: calc(100vw * 900 / 1600);
}
.company-onsite .contents #process .block#process-08 .inner {
    height: calc(100vw * 560 / 1600);
}
.company-onsite .contents #process .block#process-01 .inner p#process-base {
    width: calc(100vw * 614 / 1600);
    left: calc(100vw * 80 / 1600);
}
.company-onsite .contents #process .block#process-01 .inner p#process-line {
    width: calc(100vw * 614 / 1600);
    left: calc(100vw * 80 / 1600);
}
.company-onsite .contents #process .block .inner p.process-line-active {
    width: calc(100vw * 614 / 1600);
    left: calc(100vw * 80 / 1600);
}
.company-onsite .contents #process .block .inner p.process-line-active img {
    width: calc(100vw * 614 / 1600);
    height: calc(100vw * 780 / 1600);
}
.company-onsite .contents #process .block#process-03 .inner p.process-line-active img {
    height: calc(100vw * 900 / 1600);
}
.company-onsite .contents #process .block#process-08 .inner p.process-line-active img {
    height: calc(100vw * 560 / 1600);
}
.company-onsite .contents #process .block .inner .right {
    width: calc(100vw * 420 / 1600);
}
.company-onsite .contents #process .block .inner .right h3 {
    font-size: calc(100vw * 24 / 1600);
}
.company-onsite .contents #process .block .inner .right p.txt {
    font-size: calc(100vw * 16 / 1600);
}
.company-onsite .contents #process .block .inner .right dl.photo {
    width: calc(100vw * 400 / 1600);
    margin-top: calc(100vw * 40 / 1600);
}
.company-onsite .contents #process .block .inner .right dl.photo dd {
    font-size: calc(100vw * 15 / 1600);
    text-align: center;
    width: calc(100vw * 240 / 1600);
    margin: calc(100vw * -50 / 1600) auto 0;
}
.company-onsite .contents #process .block .inner .right dl.photo dd a {
    width: calc(100vw * 240 / 1600);
    height: calc(100vw * 70 / 1600);
    padding-right: calc(100vw * 20 / 1600);
}
.company-onsite .contents #process .block .inner .right dl.photo dd a::after {
    width: calc(100vw * 36 / 1600);
    height: calc(100vw * 36 / 1600);
    right: calc(100vw * 36 / 1600);
}

}


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

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

/* 見出し */
#title {
    height: 62.0rem;
    padding-bottom: 0;
    margin-bottom: 9.0rem;
}
.company-outline #title {
    background: url("/saiyou/image/company/outline/mainvisual-sp.jpg") no-repeat center center / cover;
}
.company-message #title {
    color: #363746;
    background: url("/saiyou/image/company/message/mainvisual-sp.jpg") no-repeat top center / contain;
    height: auto;
    padding-top: 75.0rem;
    margin-bottom: 0;
}
.company-office #title {
    background: url("/saiyou/image/company/office/mainvisual-sp.jpg") no-repeat center center / cover;
}
.company-onsite #title {
    background: url("/saiyou/image/company/onsite/mainvisual-sp.jpg") no-repeat center center / cover;
    padding-top: 10.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;
}

/* トップメッセージ */
.company-message #title .inner {
    background: #fff;
    padding: 8.0rem 6.0rem;
    display: block;
}
.company-message #title .inner h1 {
    font-size: 6.0rem;
    line-height: 1.5;
    margin-bottom: 4.0rem;
}
.company-message #title .inner p.en {
    margin-bottom: 4.0rem;
}
.company-message #title .inner p.name {
    font-size: 2.4rem;
    line-height: 1.666666666666667;
}

.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;
}

/* ────────────────────── *
 *                                              *
 * 企業概要                                     *
 *                                              *
 * ────────────────────── */

.company-outline .contents .inner h2 {
    font-size: 4.6rem;
}
.company-outline .contents .inner p.en {
    font-size: 2.0rem;
}
.company-outline .contents .inner dl.outline {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    width: 100%;
    margin: 0 auto 12.0rem;
}
.company-outline .contents .inner dl.outline dt {
    width: 16.0rem;
    padding: 3.0rem 0;
    border-bottom: 0.4rem solid #006ee1;
}
.company-outline .contents .inner dl.outline dd {
    width: calc(100% - 16.0rem - 2.0rem);
    padding: 3.0rem 1.0rem;
    border-bottom: 0.2rem solid #afafb5;
}

.company-outline .contents .inner p.txt-intro {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    margin: 0 auto 8.0rem;
}
.company-outline .contents .inner dl.body {
    margin-bottom: 10.0rem;
}
.company-outline .contents .inner dl.body:last-of-type {
    margin-bottom: 10.0rem;
}
.company-outline .contents .inner dl.body dt {
    font-size: 3.4rem;
    padding-left: 3.0rem;
    margin-bottom: 5.0rem;
}
.company-outline .contents .inner dl.body dt::before {
    width: 0.6rem;
}
.company-outline .contents .inner dl.body dd {
    display: block;
}
.company-outline .contents .inner dl.body dd p.txt {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    width: 63.0rem;
    margin: 0 auto 5.0rem;
}
.company-outline .contents .inner dl.body dd p.image {
    width: 100%;
}

/* 主要拠点 */
.company-outline .contents #base {
    padding: 12.0rem 0;
    margin: 0 auto 12.0rem;
}
.company-outline .contents #base .inner p#map {
    width: 69.0rem;
    margin: 0 -1.0rem 12.0rem;
}
.company-outline .contents #base .inner ul.pagination {
    font-size: 2.0rem;
    margin-bottom: -24.0rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.company-outline .contents #base .inner ul.pagination li {
    margin-right: 2.0rem;
    margin-bottom: 4.0rem;
}
.company-outline .contents #base .inner ul.pagination li:nth-child(3n) {
    margin-right: 0;
}
.company-outline .contents #base .inner ul.pagination li span {
    padding: 1.0rem;
}
.company-outline .contents #base .inner .slick-slide {
    padding: 30.0rem 5.9rem 23.0rem;
}
.company-outline .contents #base .inner .slick-slide h3 {
    font-size: 3.2rem;
    padding: 1.0rem 1.5rem;
    margin-bottom: 2.0rem;
}
.company-outline .contents #base .inner .slick-slide p.property {
    font-size: 2.0rem;
}
.company-outline .contents #base .inner .slick-slide .flex {
    display: block;
}
.company-outline .contents #base .inner .slick-slide .flex p.txt {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    width: 100%;
}
.company-outline .contents #base .inner .slick-slide .flex p.image {
    width: 50.0rem;
    margin: 5.0rem auto 0;
}

/* ────────────────────── *
 *                                              *
 * トップメッセージ                             *
 *                                              *
 * ────────────────────── */

.company-message .contents .inner .flex {
    width: 61.0rem;
    margin: 0 auto 11.0rem;
    display: block;
    box-sizing: border-box;
}
.company-message .contents .inner .flex.full {
    width: 67.0rem;
    padding: 5.0rem;
    margin-top: -12.0rem;
}
.company-message .contents .inner .flex p.image {
    margin-bottom: 10.0rem;
}
.company-message .contents .inner .flex.reverse p.image {
    width: 54.0rem;
    margin-left: auto;
}
.company-message .contents .inner .flex dl {
    width: 100%;
}
.company-message .contents .inner .flex dl dt {
    font-size: 4.4rem;
    line-height: 1.590909090909091;
    padding-bottom: 6.0rem;
    margin-bottom: 5.0rem;
}
.company-message .contents .inner .flex dl dt::after {
    height: 0.2rem;
}
.company-message .contents .inner .flex dl dd {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
}
.company-message .contents p.image-full img {
    width: 100%;
}

/* ────────────────────── *
 *                                              *
 * 写真で見るオフィス                           *
 *                                              *
 * ────────────────────── */

.company-office .contents #gallery {
    background: url("/saiyou/image/company/office/bg-office-sp.png") no-repeat top center / 100% auto;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    margin: 0;
}
.company-office .contents #gallery #office-title {
    height: 70.0rem;
    max-height: none;
    padding: 29.0rem 7.0rem 0;
    display: block;
    box-sizing: border-box;
}
.company-office .contents #gallery #office-title h1 {
    font-size: 4.8rem;
    margin-bottom: 2.5rem;
}
.company-office .contents #gallery #office-title p.en {
    font-size: 2.0rem;
}
.company-office .contents #gallery #office-title p.txt-intro {
    font-size: 2.2rem;
    line-height: 2.272727272727273;
}

.company-office .contents #gallery h3 {
    font-size: 3.6rem;
    width: 25.0rem;
    height: 9.0rem;
}
.company-office .contents #gallery h3::before {
    width: 9.0rem;
    height: 25.0rem;
}
.company-office .contents #gallery h3::after {
    width: 25.0rem;
    height: 9.0rem;
}
.company-office .contents #gallery p.description {
    font-size: 2.2rem;
    line-height: 1.818181818181818;
    width: 30.8rem;
    height: 30.4rem;
}

/* メインオフィス */
.company-office .contents #gallery #main-office {
    height: 107.0rem;
    max-height: none;
    margin-left: 0;
}
.company-office .contents #gallery #main-office h2 {
    font-size: 2.7rem;
    line-height: 1.5;
    padding: 2.0rem 3.0rem;
    top: 0;
    left: 4.0rem;
}
.company-office .contents #gallery #main-office h2 em {
    font-size: 3.6rem;
}
.company-office .contents #gallery #main-office p#image-main-office {
    width: 46.5rem;
    left: auto;
    right: 0;
    top: 13.0rem;
}
.company-office .contents #gallery #main-office p#image-entrance {
    width: 42.0rem;
    top: 69.0rem;
}
.company-office .contents #gallery #main-office p.description {
    background: url("/saiyou/image/company/office/balloon-main-office-sp.png") no-repeat center center / cover;
    height: 29.6rem;
    padding-left: 0;
    padding-right: 1.0rem;
    left: 3.0rem;
    top: 24.0rem;
}
.company-office .contents #gallery #main-office p.path {
    width: 68.2rem;
    top: 102.0rem;
}

/* オフィス */
.company-office .contents #gallery #office {
    width: 100%;
    height: 114.0rem;
    max-height: none;
    margin-left: 0;
}
.company-office .contents #gallery p#image-office {
    width: 62.0rem;
    left: auto;
    right: 0;
    top: 36.0rem;
}
.company-office .contents #gallery #office p.description {
    background: url("/saiyou/image/company/office/balloon-office-sp.png") no-repeat center center / cover;
    padding: 0;
    left: 42.0rem;
    top: 72.0rem;
}
.company-office .contents #gallery #office p.path {
    width: 37.8rem;
    left: 6.0rem;
    top: 73.0rem;
}
.company-office .contents #gallery #office h3 {
    left: 46.0rem;
    top: 40.0rem;
}

/* 会議室 */
.company-office .contents #gallery #conference-room {
    height: 132.0rem;
    max-height: none;
}
.company-office .contents #gallery p#image-conference-room {
    width: 48.0rem;
    left: 13.0rem;
    top: 0;
}
.company-office .contents #gallery #conference-room p.description {
    background: url("/saiyou/image/company/office/balloon-conference-room-sp.png") no-repeat center center / cover;
    padding: 0;
    left: 3.0rem;
    top: 62.0rem;
}
.company-office .contents #gallery #conference-room p.path {
    width: 61.8rem;
    left: 9.5rem;
    top: 91.5rem;
}
.company-office .contents #gallery #conference-room h3 {
    line-height: 1.5;
    text-align: left;
    width: 38.0rem;
    height: 14.0rem;
    padding-left: 2.0rem;
    left: 4.0rem;
    top: 2.0rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.company-office .contents #gallery #conference-room h3::before {
    height: 30.0rem;
}
.company-office .contents #gallery #conference-room h3::after {
    width: 38.0rem;
    height: 14.0rem;
}

/* 研究室 */
.company-office .contents #gallery #jdxc {
    height: 99.0rem;
    max-height: none;
    margin-left: 0;
}
.company-office .contents #gallery p#image-jdxc {
    width: 75.0rem;
    top: 0;
    z-index: 3;
    overflow: hidden;
}
.company-office .contents #gallery #jdxc p.description {
    background: url("/saiyou/image/company/office/balloon-jdxc-sp.png") no-repeat center center / cover;
    padding: 0;
    left: 42.0rem;
    top: 44.0rem;
}
.company-office .contents #gallery #jdxc p.path {
    width: 24.2rem;
    left: 13.0rem;
    top: 59.5rem;
    z-index: 3;
}
.company-office .contents #gallery #jdxc h3 {
    line-height: 1.5;
    text-align: left;
    width: 33.0rem;
    height: 18.0rem;
    padding-left: 2.0rem;
    left: 38.0rem;
    top: 4.0rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.company-office .contents #gallery #jdxc h3::before {
    height: 34.0rem;
}
.company-office .contents #gallery #jdxc h3::after {
    width: 33.0rem;
    height: 18.0rem;
}

/* 食堂 */
.company-office .contents #gallery #dining {
    height: 92.0rem;
    max-height: none;
    margin-left: 0;
}
.company-office .contents #gallery p#image-dining {
    width: 55.0rem;
    left: 13.0rem;
    top: 0;
    z-index: 3;
}
.company-office .contents #gallery #dining p.description {
    background: url("/saiyou/image/company/office/balloon-dining-sp.png") no-repeat center center / cover;
    padding: 0;
    left: 42.0rem;
    top: 35.0rem;
}
.company-office .contents #gallery #dining p.path {
    width: 37.6rem;
    right: auto;
    left: 4.0rem;
    top: 37.0rem;
    z-index: 3;
}
.company-office .contents #gallery #dining h3 {
    left: 4.0rem;
    top: 2.0rem;
}

/* 図書室 */
.company-office .contents #gallery #multi {
    height: 96.0rem;
    max-height: none;
    margin-left: 0;
}
.company-office .contents #gallery p#image-multi {
    width: 70.0rem;
    left: auto;
    right: 0;
    top: 0;
}
.company-office .contents #gallery #multi p.description {
    background: url("/saiyou/image/company/office/balloon-multi-sp.png") no-repeat center center / cover;
    padding: 0;
    left: 3.0rem;
    top: -16.0rem;
}
.company-office .contents #gallery #multi p.path {
    width: 44.0rem;
    left: 5.0rem;
    top: 42.0rem;
}
.company-office .contents #gallery #multi h3 {
    width: 34.0rem;
    left: 37.0rem;
    top: 4.0rem;
}
.company-office .contents #gallery #multi h3::before {
    height: 32.0rem;
}
.company-office .contents #gallery #multi h3::after {
    width: 34.0rem;
}

/* 眺望 */
.company-office .contents #gallery #view {
    height: 103.0rem;
    max-height: none;
    margin-left: 0;
}
.company-office .contents #gallery p#image-view {
    width: 71.0rem;
    top: 0;
}
.company-office .contents #gallery #view p.description {
    background: url("/saiyou/image/company/office/balloon-view-sp.png") no-repeat center center / cover;
    padding: 0;
    left: 3.0rem;
    top: 43.0rem;
}
.company-office .contents #gallery #view p.path {
    width: 53.4rem;
    left: 16.5rem;
    top: 57.0rem;
}
.company-office .contents #gallery #view h3 {
    width: 38.0rem;
    left: 20.0rem;
    top: -4.0rem;
}
.company-office .contents #gallery #view h3::before {
    height: 34.0rem;
    right: auto;
    left: 0;
}
.company-office .contents #gallery #view h3::after {
    width: 38.0rem;
}

/* ────────────────────── *
 *                                              *
 * 鉄が生まれる現場                             *
 *                                              *
 * ────────────────────── */

.company-onsite .contents .inner {
    width: 63.0rem;
}
.company-onsite .contents .inner h2 {
    font-size: 4.6rem;
    margin-bottom: 2.0rem;
}
.company-onsite .contents .inner h3 {
    font-size: 3.4rem;
    line-height: 1.76;
    padding-left: 2.5rem;
    margin-bottom: 5.0rem;
}
.company-onsite .contents .inner h3::before {
    width: 0.6rem;
}
.company-onsite .contents .inner p.en {
    font-size: 2.0rem;
    margin-bottom: 10.0rem;
}
.company-onsite .contents .inner p.txt {
    font-size: 2.4rem;
}
.company-onsite .contents .inner p#btn-virtual {
    font-size: 3.2rem;
    width: 100%;
    height: 14.0rem;
    margin: 8.0rem auto 0;
}
.company-onsite .contents .inner p#btn-virtual a::after {
    border-width: 0.8rem 0 0.8rem 1.6rem;
    right: 6.0rem;
}
.company-onsite .contents #process .section-title {
    background: url("/saiyou/image/company/onsite/bg-section-process-sp.jpg") no-repeat center center / cover;
    margin-top: 12.0rem;
}
.company-onsite .contents #process .section-title h2 {
    font-size: 4.6rem;
    margin-bottom: 2.0rem;
}
.company-onsite .contents #process .section-title p.en {
    font-size: 2.0rem;
}
.company-onsite .contents #process .block .inner {
    width: 67.0rem;
    height: auto;
    padding: 12.0rem 6.0rem 13.0rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.company-onsite .contents #process .block .inner::after {
    content: "";
    background: #006ee1;
    width: 1.4rem;
    height: 10.0rem;
    position: absolute;
    left: 50%;
    bottom: -5.0rem;
    transform: translateX(-50%);
    z-index: 5;
}
.company-onsite .contents #process .block#process-08 .inner::after {
    content: none;
}
.company-onsite .contents #process .block#process-01 .inner {
    margin-top: -10.0rem;
}
.company-onsite .contents #process .block#process-03 .inner {
    height: auto;
}
.company-onsite .contents #process .block#process-08 .inner {
    height: auto;
}
.company-onsite .contents #process .block#process-01 .inner p#process-base {
    display: none;
}
.company-onsite .contents #process .block#process-01 .inner p#process-line {
    display: none;
}
.company-onsite .contents #process .block .inner p.process-line-active {
    display: none;
}
.company-onsite .contents #process .block .inner .right {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.company-onsite .contents #process .block .inner .right h3 {
    font-size: 3.6rem;
}
.company-onsite .contents #process .block .inner .right p.txt {
    font-size: 2.4rem;
    line-height: 2.08;
}
.company-onsite .contents #process .block .inner .right p.illust {
    display: block;
    margin-top: 7.0rem;
}
.company-onsite .contents #process .block .inner .right dl.photo {
    width: 60.0rem;
    margin: 7.0rem -2.5rem 0;
}
.company-onsite .contents #process .block .inner .right dl.photo dd {
    font-size: 2.4rem;
    width: 36.0rem;
    margin: -7.0rem auto 0;
}
.company-onsite .contents #process .block .inner .right dl.photo dd a {
    width: 36.0rem;
    height: 11.0rem;
    padding-right: 3.0rem;
    border: 0.4rem solid #363746;
    border-radius: 1.4rem;
    box-shadow: 0 0.5rem 0 rgba(0,0,0,0.1);
}
.company-onsite .contents #process .block .inner .right dl.photo dd a::after {
    width: 5.0rem;
    height: 5.0rem;
    right: 4.0rem;
}
.process-modal .modaal-container {
    width: 63.4rem;
}
.process-modal .modaal-container button.slick-arrow {
    width: 2.8rem;
    top: 14.0rem;
}
.process-modal .modaal-container button.slick-arrow.slick-prev {
    left: -5.0rem;
}
.process-modal .modaal-container button.slick-arrow.slick-next {
    right: -5.0rem;
}
.process-modal .modaal-container ul.slick-dots li {
    margin: 0 0.8rem;
}
.process-modal .modaal-container ul.slick-dots li button {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid rgba(54, 55, 70, 0.75);
}
.process-modal .modaal-container .modaal-close {
    width: 9.4rem;
    height: 2.0rem;
    right: 7.5rem;
    top: 4.0rem;
}
.process-modal .modaal-container .modaal-content-container {
    padding: 7.0rem 7.5rem;
}
.process-modal .modaal-container .modaal-content-container dl dd {
    font-size: 2.2rem;
}

}