.m-accordion {
    position: relative
}

.m-accordion[class*="is-border-"] {
    border-width: 3px;
    border-style: solid
}

.m-accordion.is-border-white {
    border-color: #FFF
}

.m-accordion.is-border-black {
    border-color: #000
}

.m-accordion.is-border-gray {
    border-color: gray
}

.m-accordion.is-border-gray-l-p40 {
    border-color: #e6e6e6
}

.m-accordion.is-border-gray-l-p30 {
    border-color: #cdcdcd
}

.m-accordion.is-border-gray-l-p20 {
    border-color: #b3b3b3
}

.m-accordion.is-border-gray-l-p10 {
    border-color: #9a9a9a
}

.m-accordion.is-border-gray-d-p40 {
    border-color: #1a1a1a
}

.m-accordion.is-border-gray-d-p30 {
    border-color: #343434
}

.m-accordion.is-border-gray-d-p20 {
    border-color: #4d4d4d
}

.m-accordion.is-border-gray-d-p10 {
    border-color: #676767
}

.m-accordion.is-border-transparent {
    border-color: transparent
}

.m-accordion.is-border-gray-44 {
    border-color: #444
}

.m-accordion.is-border-gray-4a {
    border-color: #4a4a4a
}

.m-accordion.is-border-gray-59 {
    border-color: #595959
}

.m-accordion.is-border-gray-8e {
    border-color: #8e8e8e
}

.m-accordion.is-border-gray-d7 {
    border-color: #d7d7d7
}

.m-accordion.is-border-gray-e7 {
    border-color: #e7e7e7
}

.m-accordion.is-border-gray-f2 {
    border-color: #f2f2f2
}

.m-accordion.is-border-gray-f8 {
    border-color: #f8f8f8
}

.m-accordion.is-border-red {
    border-color: #d70c18
}

.m-accordion.is-border-pink {
    border-color: #f7ced1
}

.m-accordion.is-border-pink-1 {
    border-color: #ffeaeb
}

.m-accordion.is-border-pink-2 {
    border-color: #ef7886
}

.m-accordion.is-border-peach-purple {
    border-color: #cc3467
}

.m-accordion.is-border-green {
    border-color: #55c187
}

.m-accordion.is-border-brown {
    border-color: #a58329
}

.m-accordion.is-border-gray-apple {
    border-color: #d6d5d8
}

.m-accordion.is-border-green-android {
    border-color: #aac148
}

.m-accordion-hd {
    border-bottom: 1px solid #e7e7e7;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center
}

.m-accordion-hd[data-label]:before {
    content: attr(data-label);
    font-weight: bold;
    color: #d70c18;
    position: relative
}

.m-accordion-hd[data-label] .m-accordion-title:before {
    content: "";
    top: 50%;
    left: 0;
    width: 1px;
    position: absolute;
    background-color: #d7d7d7;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-accordion-hd .m-accordion-title {
    position: relative;
    -ms-flex-negative: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.m-accordion-hd .m-accordion-btn {
    text-align: center;
    background-color: #f7ced1;
    color: #d70c18;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.m-accordion-hd .m-accordion-btn.is-ctrl:before,
.m-accordion-hd .m-accordion-btn.is-ctrl:after {
    content: "";
    top: 50%;
    left: 50%;
    position: absolute;
    background-color: #d70c18;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-accordion-hd .m-accordion-btn.is-ctrl:before {
    width: 50%;
    height: 2px
}

.m-accordion-hd .m-accordion-btn.is-ctrl:after {
    width: 2px;
    height: 50%;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    -webkit-transition: height .3s;
    transition: height .3s
}

.m-accordion-bd {
    max-height: 0;
    -moz-transition: max-height .3s;
    -o-transition: max-height .3s;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

@media screen and (min-width: 1001px) {
    .m-accordion-hd .m-accordion-btn.is-ctrl.is-active:after {
        height: 0%
    }

    .m-accordion-bd:not(.is-active) {
        overflow: hidden
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-accordion-hd {
        padding: 20px 30px
    }

    .m-accordion-hd[data-label]:before {
        margin-right: 20px;
        font-size: 40px
    }

    .m-accordion-hd[data-label] .m-accordion-title {
        padding-left: 20px
    }

    .m-accordion-hd[data-label] .m-accordion-title:before {
        height: 30px
    }

    .m-accordion-hd .m-accordion-btn {
        width: 30px;
        height: 30px
    }

    .m-accordion-hd .m-accordion-btn>* {
        font-size: 16px;
        line-height: 30px !important
    }

    .m-accordion-hd>*:not(:first-child) {
        margin-left: 10px
    }

    .m-accordion-cont {
        padding: 20px 30px
    }

    .m-accordion-cont>*:not(:first-child) {
        margin-top: 30px
    }

    .m-accordion-bd.is-active {
        max-height: 99999px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-accordion-hd {
        padding: 1.72414vw 2.58621vw
    }

    .m-accordion-hd[data-label]:before {
        margin-right: 1.72414vw;
        font-size: 3.44828vw
    }

    .m-accordion-hd[data-label] .m-accordion-title {
        padding-left: 1.72414vw
    }

    .m-accordion-hd[data-label] .m-accordion-title:before {
        height: 2.58621vw
    }

    .m-accordion-hd .m-accordion-btn {
        width: 2.58621vw;
        height: 2.58621vw
    }

    .m-accordion-hd .m-accordion-btn>* {
        font-size: 1.37931vw;
        line-height: 2.58621vw !important
    }

    .m-accordion-hd>*:not(:first-child) {
        margin-left: .86207vw
    }

    .m-accordion-cont {
        padding: 1.72414vw 2.58621vw
    }

    .m-accordion-cont>*:not(:first-child) {
        margin-top: 2.58621vw
    }

    .m-accordion-bd.is-active {
        max-height: 8620.60345vw
    }
}

@media screen and (max-width: 1000px) {
    .m-accordion:not(.is-reverse) .m-accordion-btn.is-ctrl.is-active:after {
        height: 0%
    }

    .m-accordion:not(.is-reverse) .m-accordion-bd:not(.is-active) {
        overflow: hidden
    }

    .m-accordion.is-reverse .m-accordion-btn.is-ctrl:not(.is-active):after {
        height: 0%
    }

    .m-accordion.is-reverse .m-accordion-bd.is-active {
        overflow: hidden
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-accordion:not(.is-reverse) .m-accordion-bd.is-active {
        max-height: 13020.70313vw
    }

    .m-accordion.is-reverse .m-accordion-bd:not(.is-active) {
        max-height: 13020.70313vw
    }

    .m-accordion-hd {
        padding: 2.60417vw
    }

    .m-accordion-hd[data-label]:before {
        margin-right: 2.60417vw;
        font-size: 5.20833vw
    }

    .m-accordion-hd[data-label] .m-accordion-title {
        padding-left: 2.60417vw
    }

    .m-accordion-hd[data-label] .m-accordion-title:before {
        height: 3.90625vw
    }

    .m-accordion-hd .m-accordion-btn {
        width: 3.90625vw;
        height: 3.90625vw
    }

    .m-accordion-hd .m-accordion-btn>* {
        font-size: 2.08333vw;
        line-height: 3.90625vw !important
    }

    .m-accordion-hd>*:not(:first-child) {
        margin-left: 1.30208vw
    }

    .m-accordion-cont {
        padding: 2.60417vw
    }

    .m-accordion-cont>*:not(:first-child) {
        margin-top: 3.90625vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-accordion:not(.is-reverse) .m-accordion-bd.is-active {
        max-height: 31249.6875vw
    }

    .m-accordion.is-reverse .m-accordion-bd:not(.is-active) {
        max-height: 31249.6875vw
    }

    .m-accordion-hd {
        padding: 3.125vw 6.25vw
    }

    .m-accordion-hd[data-label]:before {
        margin-right: 3.125vw;
        font-size: 6.25vw
    }

    .m-accordion-hd[data-label] .m-accordion-title {
        padding-left: 3.125vw
    }

    .m-accordion-hd[data-label] .m-accordion-title:before {
        height: 9.375vw
    }

    .m-accordion-hd .m-accordion-btn {
        width: 7.8125vw;
        height: 7.8125vw
    }

    .m-accordion-hd .m-accordion-btn>* {
        font-size: 4.375vw;
        line-height: 7.8125vw !important
    }

    .m-accordion-hd>*:not(:first-child) {
        margin-left: 3.125vw
    }

    .m-accordion-cont {
        padding: 6.25vw
    }

    .m-accordion-cont>*:not(:first-child) {
        margin-top: 6.25vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-accordion:not(.is-reverse) .m-accordion-bd.is-active {
        max-height: 17655.19068vw
    }

    .m-accordion.is-reverse .m-accordion-bd:not(.is-active) {
        max-height: 17655.19068vw
    }

    .m-accordion-hd {
        padding: 1.76554vw 3.53107vw
    }

    .m-accordion-hd[data-label]:before {
        margin-right: 1.76554vw;
        font-size: 3.53107vw
    }

    .m-accordion-hd[data-label] .m-accordion-title {
        padding-left: 1.76554vw
    }

    .m-accordion-hd[data-label] .m-accordion-title:before {
        height: 5.29661vw
    }

    .m-accordion-hd .m-accordion-btn {
        width: 4.41384vw;
        height: 4.41384vw
    }

    .m-accordion-hd .m-accordion-btn>* {
        font-size: 2.47175vw;
        line-height: 4.41384vw !important
    }

    .m-accordion-hd>*:not(:first-child) {
        margin-left: 1.76554vw
    }

    .m-accordion-cont {
        padding: 3.53107vw
    }

    .m-accordion-cont>*:not(:first-child) {
        margin-top: 3.53107vw
    }
}

.m-aside {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6e6e6
}

.m-aside-hd {
    position: relative;
    border-bottom: 1px solid #d7d7d7
}

.m-aside-icon {
    right: 0;
    position: absolute;
    display: block
}

.m-aside-list>*:not(:first-child) {
    border-top: 1px solid #d7d7d7
}

@media screen and (min-width: 1001px) {
    .m-aside {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 5px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 5px 0 0 #d0cdcd;
        box-shadow: 0 5px 0 0 #d0cdcd
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-aside {
        padding: 30px;
        margin-bottom: 5px
    }

    .m-aside-hd {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .m-aside-icon {
        width: 70px;
        bottom: 10px
    }

    .m-aside-list>*:not(:first-child) {
        margin-top: 20px;
        padding-top: 20px
    }

    .m-aside-item-hd {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-aside {
        padding: 2.58621vw;
        margin-bottom: .43103vw
    }

    .m-aside-hd {
        margin-bottom: 1.72414vw;
        padding-bottom: 1.72414vw
    }

    .m-aside-icon {
        width: 6.03448vw;
        bottom: .86207vw
    }

    .m-aside-list>*:not(:first-child) {
        margin-top: 1.72414vw;
        padding-top: 1.72414vw
    }

    .m-aside-item-hd {
        margin-bottom: .86207vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-aside {
        padding: 2.60417vw;
        margin-bottom: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 4px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 4px 0 0 #d0cdcd;
        box-shadow: 0 4px 0 0 #d0cdcd
    }

    .m-aside-hd {
        margin-bottom: 2.60417vw;
        padding-bottom: 2.60417vw
    }

    .m-aside-icon {
        width: 9.11458vw;
        bottom: 1.30208vw
    }

    .m-aside-list>*:not(:first-child) {
        margin-top: 2.60417vw;
        padding-top: 2.60417vw
    }

    .m-aside-item-hd {
        margin-bottom: 1.30208vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-aside {
        padding: 6.25vw;
        margin-bottom: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 3px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 3px 0 0 #d0cdcd;
        box-shadow: 0 3px 0 0 #d0cdcd
    }

    .m-aside-hd {
        margin-bottom: 6.25vw;
        padding-bottom: 6.25vw
    }

    .m-aside-icon {
        width: 21.875vw;
        bottom: 3.125vw
    }

    .m-aside-list>*:not(:first-child) {
        margin-top: 6.25vw;
        padding-top: 6.25vw
    }

    .m-aside-item-hd {
        margin-bottom: 3.125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-aside {
        padding: 3.53107vw;
        margin-bottom: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 3px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 3px 0 0 #d0cdcd;
        box-shadow: 0 3px 0 0 #d0cdcd
    }

    .m-aside-hd {
        margin-bottom: 3.53107vw;
        padding-bottom: 3.53107vw
    }

    .m-aside-icon {
        width: 12.35876vw;
        bottom: 1.76554vw
    }

    .m-aside-list>*:not(:first-child) {
        margin-top: 3.53107vw;
        padding-top: 3.53107vw
    }

    .m-aside-item-hd {
        margin-bottom: 1.76554vw
    }
}

.m-item {
    position: relative;
    box-sizing: border-box
}

ol.m-item-bd,
ol.m-item-bd ol,
ul.m-item-bd ol {
    counter-reset: section
}

ol.m-item-bd>li:not([data-label=""]):before,
ol.m-item-bd ol>li:not([data-label=""]):before,
ul.m-item-bd ol>li:not([data-label=""]):before {
    counter-increment: section;
    content: counter(section) "."
}

ol.m-item-bd>li:not([data-label=""])[data-label]:before,
ol.m-item-bd ol>li:not([data-label=""])[data-label]:before,
ul.m-item-bd ol>li:not([data-label=""])[data-label]:before {
    content: attr(data-label)
}

ul.m-item-bd>li:not([data-label=""]):before,
ol.m-item-bd ul>li:not([data-label=""]):before,
ul.m-item-bd ul>li:not([data-label=""]):before {
    content: "•";
    line-height: 1.2
}

ul.m-item-bd>li:not([data-label=""])[data-label]:before,
ol.m-item-bd ul>li:not([data-label=""])[data-label]:before,
ul.m-item-bd ul>li:not([data-label=""])[data-label]:before {
    content: attr(data-label)
}

.m-item-bd li {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    display: table;
    vertical-align: middle;
    table-layout: auto;
    word-wrap: break-word;
    word-break: break-all
}

.m-item-bd li:first-child {
    margin-top: 0
}

.m-item-bd li>* {
    display: table-cell;
    vertical-align: middle
}

.m-item-bd li:before {
    width: 1%;
    white-space: nowrap;
    vertical-align: top !important;
    background: none;
    display: table-cell;
    vertical-align: middle
}

.m-item-bd li>* {
    width: 100%
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-item-hd {
        margin-bottom: 10px
    }

    .m-item-bd li {
        margin-top: 5px
    }

    .m-item-bd li:before {
        padding-right: 5px
    }

    .m-item-bd li ul,
    .m-item-bd li ol {
        margin-top: 5px
    }

    .m-item-ft {
        margin-top: 20px
    }

    .m-item-ft>*:not(:first-child) {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-item-hd {
        margin-bottom: .86207vw
    }

    .m-item-bd li {
        margin-top: .43103vw
    }

    .m-item-bd li:before {
        padding-right: .43103vw
    }

    .m-item-bd li ul,
    .m-item-bd li ol {
        margin-top: .43103vw
    }

    .m-item-ft {
        margin-top: 1.72414vw
    }

    .m-item-ft>*:not(:first-child) {
        margin-top: .86207vw
    }
}

@media screen and (max-width: 1000px) {

    ul.m-item-bd>li:not([data-label]):before,
    ol.m-item-bd ul>li:not([data-label]):before,
    ul.m-item-bd ul>li:not([data-label]):before {
        line-height: 0.9;
        font-size: 130%
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-item-hd {
        margin-bottom: 1.30208vw
    }

    .m-item-bd li {
        margin-top: .52083vw
    }

    .m-item-bd li:before {
        padding-right: .52083vw
    }

    .m-item-bd li ul,
    .m-item-bd li ol {
        margin-top: .52083vw
    }

    .m-item-ft {
        margin-top: 2.60417vw
    }

    .m-item-ft>*:not(:first-child) {
        margin-top: 1.30208vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-item-hd {
        margin-bottom: 3.125vw
    }

    .m-item-bd li {
        margin-top: .9375vw
    }

    .m-item-bd li:before {
        padding-right: .9375vw
    }

    .m-item-bd li ul,
    .m-item-bd li ol {
        margin-top: .9375vw
    }

    ol.m-item-bd>*:before,
    ol.m-item-bd ol>*:before,
    ul.m-item-bd ol>*:before {
        min-width: 4.375vw
    }

    .m-item-ft {
        margin-top: 6.25vw
    }

    .m-item-ft>*:not(:first-child) {
        margin-top: 3.125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-item-hd {
        margin-bottom: 1.76554vw
    }

    .m-item-bd li {
        margin-top: .52966vw
    }

    .m-item-bd li:before {
        padding-right: .52966vw
    }

    .m-item-bd li ul,
    .m-item-bd li ol {
        margin-top: .52966vw
    }

    ol.m-item-bd>*:before,
    ol.m-item-bd ol>*:before,
    ul.m-item-bd ol>*:before {
        min-width: 2.47175vw
    }

    .m-item-ft {
        margin-top: 3.53107vw
    }

    .m-item-ft>*:not(:first-child) {
        margin-top: 1.76554vw
    }
}

.m-list {
    position: relative;
    counter-reset: section
}

.m-list>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-list-item {
    height: 100%;
    position: relative;
    box-sizing: border-box;
    /* border: 3px solid #e0e0e0; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 3px 5px #bfbfbf;
    border: 1px solid gainsboro;
}

.m-list-item[data-icon="android"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="arrowhead-left"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="arrowhead-right"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="arrow-top"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="briefcase"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="building"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="clock"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="collaboration"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="commitment"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="dancing"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="edit"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="fb"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="file-img"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="file-pdf"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="great-office"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="heart"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="heart-solid"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="human"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="innovation"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="integrity"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="ios"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="location"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="login"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="mark"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="papper"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="pension"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="plus"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="search"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="secure-office"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="sort"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="superman"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="ticked"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="trashcan"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-list-item[data-icon="upload"]:before {
    content: "";
    font-family: taishin-webfont;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* .m-list-item:not([data-icon]):before {
    counter-increment: section;
    content: counter(section);
    font-weight: bold
} */

.m-list-item:before {
    top: -3px;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid #d70c18;
    text-align: center;
    color: #d70c18;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /* background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMyUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMyUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), #FFF; */
    background: -moz-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), -moz-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), #FFF;
    background: -webkit-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), -webkit-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), #FFF;
    background: radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), #FFF;
    /* background-position: 0 0, 10px 10px; */
    /* background-size: 20px 20px */
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-list>ul {
        margin: -10px
    }

    .m-list>ul>li {
        padding: 10px
    }

    .m-list-item {
        margin-left: 40px;
        padding: 30px
    }

    .m-list-item:before {
        left: -38px;
        width: 60px;
        height: 60px;
        line-height: 54px;
        font-size: 36px
    }

    .m-list-item-hd {
        margin-bottom: 10px
    }

    .m-list-item-bd>*:not(:first-child) {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-list>ul {
        margin: -.86207vw
    }

    .m-list>ul>li {
        padding: .86207vw
    }

    .m-list-item {
        margin-left: 3.44828vw;
        padding: 2.58621vw
    }

    .m-list-item:before {
        left: -3.27586vw;
        width: 5.17241vw;
        height: 5.17241vw;
        line-height: 4.65517vw;
        font-size: 3.10345vw
    }

    .m-list-item-hd {
        margin-bottom: .86207vw
    }

    .m-list-item-bd>*:not(:first-child) {
        margin-top: .86207vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-list>ul {
        margin: -1.30208vw
    }

    .m-list>ul>li {
        padding: 1.30208vw
    }

    .m-list-item {
        margin-left: 5.20833vw;
        padding: 3.90625vw
    }

    .m-list-item:before {
        left: -4.94792vw;
        width: 7.8125vw;
        height: 7.8125vw;
        line-height: 7.03125vw;
        font-size: 4.6875vw
    }

    .m-list-item-hd {
        margin-bottom: 1.30208vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-list>ul {
        margin: -3.125vw
    }

    .m-list>ul>li {
        padding: 3.125vw
    }

    .m-list-item {
        margin-left: 12.5vw;
        padding: 9.375vw
    }

    .m-list-item:before {
        left: -11.875vw;
        width: 18.75vw;
        height: 18.75vw;
        line-height: 16.875vw;
        font-size: 11.25vw
    }

    .m-list-item-hd {
        margin-bottom: 3.125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-list>ul {
        margin: -1.76554vw
    }

    .m-list>ul>li {
        padding: 1.76554vw
    }

    .m-list-item {
        margin-left: 7.06215vw;
        padding: 5.29661vw
    }

    .m-list-item:before {
        left: -6.70904vw;
        width: 10.59322vw;
        height: 10.59322vw;
        line-height: 9.5339vw;
        font-size: 6.35593vw
    }

    .m-list-item-hd {
        margin-bottom: 1.76554vw
    }
}

.m-notice {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.m-notice .m-icon-ticked {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.m-notice .m-icon-ticked[class*="b-text-white"] {
    border-color: #FFF
}

.m-notice .m-icon-ticked[class*="b-text-black"] {
    border-color: #000
}

.m-notice .m-icon-ticked[class*="b-text-gray"] {
    border-color: gray
}

.m-notice .m-icon-ticked[class*="b-text-gray-l-p40"] {
    border-color: #e6e6e6
}

.m-notice .m-icon-ticked[class*="b-text-gray-l-p30"] {
    border-color: #cdcdcd
}

.m-notice .m-icon-ticked[class*="b-text-gray-l-p20"] {
    border-color: #b3b3b3
}

.m-notice .m-icon-ticked[class*="b-text-gray-l-p10"] {
    border-color: #9a9a9a
}

.m-notice .m-icon-ticked[class*="b-text-gray-d-p40"] {
    border-color: #1a1a1a
}

.m-notice .m-icon-ticked[class*="b-text-gray-d-p30"] {
    border-color: #343434
}

.m-notice .m-icon-ticked[class*="b-text-gray-d-p20"] {
    border-color: #4d4d4d
}

.m-notice .m-icon-ticked[class*="b-text-gray-d-p10"] {
    border-color: #676767
}

.m-notice .m-icon-ticked[class*="b-text-transparent"] {
    border-color: transparent
}

.m-notice .m-icon-ticked[class*="b-text-gray-44"] {
    border-color: #444
}

.m-notice .m-icon-ticked[class*="b-text-gray-4a"] {
    border-color: #4a4a4a
}

.m-notice .m-icon-ticked[class*="b-text-gray-59"] {
    border-color: #595959
}

.m-notice .m-icon-ticked[class*="b-text-gray-8e"] {
    border-color: #8e8e8e
}

.m-notice .m-icon-ticked[class*="b-text-gray-d7"] {
    border-color: #d7d7d7
}

.m-notice .m-icon-ticked[class*="b-text-gray-e7"] {
    border-color: #e7e7e7
}

.m-notice .m-icon-ticked[class*="b-text-gray-f2"] {
    border-color: #f2f2f2
}

.m-notice .m-icon-ticked[class*="b-text-gray-f8"] {
    border-color: #f8f8f8
}

.m-notice .m-icon-ticked[class*="b-text-red"] {
    border-color: #d70c18
}

.m-notice .m-icon-ticked[class*="b-text-pink"] {
    border-color: #f7ced1
}

.m-notice .m-icon-ticked[class*="b-text-pink-1"] {
    border-color: #ffeaeb
}

.m-notice .m-icon-ticked[class*="b-text-pink-2"] {
    border-color: #ef7886
}

.m-notice .m-icon-ticked[class*="b-text-peach-purple"] {
    border-color: #cc3467
}

.m-notice .m-icon-ticked[class*="b-text-green"] {
    border-color: #55c187
}

.m-notice .m-icon-ticked[class*="b-text-brown"] {
    border-color: #a58329
}

.m-notice .m-icon-ticked[class*="b-text-gray-apple"] {
    border-color: #d6d5d8
}

.m-notice .m-icon-ticked[class*="b-text-green-android"] {
    border-color: #aac148
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-notice>.m-icon:first-child {
        margin-right: 10px
    }

    .m-notice .m-icon-ticked {
        width: 22px;
        height: 22px;
        line-height: 20px !important
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-notice>.m-icon:first-child {
        margin-right: .86207vw
    }

    .m-notice .m-icon-ticked {
        width: 1.89655vw;
        height: 1.89655vw;
        line-height: 1.72414vw !important
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-notice>.m-icon:first-child {
        margin-right: 1.30208vw
    }

    .m-notice .m-icon-ticked {
        width: 2.86458vw;
        height: 2.86458vw;
        line-height: 2.60417vw !important
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-notice>.m-icon:first-child {
        margin-right: 3.125vw
    }

    .m-notice .m-icon-ticked {
        width: 6.25vw;
        height: 6.25vw;
        line-height: 6.25vw !important
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-notice>.m-icon:first-child {
        margin-right: 1.76554vw
    }

    .m-notice .m-icon-ticked {
        width: 3.53107vw;
        height: 3.53107vw;
        line-height: 3.53107vw !important
    }
}

.m-popup {
    position: relative
}

@media screen and (min-width: 1001px) {
    .m-popup {
        padding: 50px 30px 30px 30px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }

    .m-popup-hd {
        margin-bottom: 10px
    }

    .m-popup-bd>*:not(:first-child) {
        margin-top: 10px
    }

    .m-popup-ft {
        margin-top: 30px
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-popup {
        padding: 6.51042vw 3.90625vw 3.90625vw 3.90625vw;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }

    .m-popup-hd {
        margin-bottom: 1.30208vw
    }

    .m-popup-bd>*:not(:first-child) {
        margin-top: 1.30208vw
    }

    .m-popup-ft {
        margin-top: 3.90625vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-popup {
        padding: 12.5vw 6.25vw 9.375vw 6.25vw;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }

    .m-popup-hd {
        margin-bottom: 3.125vw
    }

    .m-popup-bd>*:not(:first-child) {
        margin-top: 3.125vw
    }

    .m-popup-ft {
        margin-top: 9.375vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-popup {
        padding: 7.06215vw 3.53107vw 5.29661vw 3.53107vw;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }

    .m-popup-hd {
        margin-bottom: 1.76554vw
    }

    .m-popup-bd>*:not(:first-child) {
        margin-top: 1.76554vw
    }

    .m-popup-ft {
        margin-top: 5.29661vw
    }
}

.m-order {
    position: relative;
    display: -webkit-flex;
    display: flex
}

.m-order-cont {
    word-break: break-word;
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.m-order-obj {
    position: relative;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media screen and (min-width: 1001px) {

    .m-order[data-obj-position="top"],
    .m-order[data-obj-position-md="top"],
    .m-order[data-obj-position-dt="top"] {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .m-order[data-obj-position="top"]>*,
    .m-order[data-obj-position-md="top"]>*,
    .m-order[data-obj-position-dt="top"]>* {
        max-width: 100%
    }

    .m-order[data-obj-position="bottom"],
    .m-order[data-obj-position-md="bottom"],
    .m-order[data-obj-position-dt="bottom"] {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .m-order[data-obj-position="bottom"]>*,
    .m-order[data-obj-position-md="bottom"]>*,
    .m-order[data-obj-position-dt="bottom"]>* {
        max-width: 100%
    }

    .m-order[data-obj-position="left"],
    .m-order[data-obj-position-md="left"],
    .m-order[data-obj-position-dt="left"] {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .m-order[data-obj-position="right"],
    .m-order[data-obj-position-md="right"],
    .m-order[data-obj-position-dt="right"] {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .m-order-obj>figure.b-text-center:not(.b-middle):not(.b-middle-md):not(.b-middle-dt),
    .m-order-obj>figure.b-text-center-md:not(.b-middle):not(.b-middle-md):not(.b-middle-dt),
    .m-order-obj>figure.b-text-center-dt:not(.b-middle):not(.b-middle-md):not(.b-middle-dt) {
        top: 0;
        left: 50%;
        width: 300%;
        height: 100%;
        position: absolute;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .m-order-obj>figure.b-text-center.b-middle,
    .m-order-obj>figure.b-text-center.b-middle-md,
    .m-order-obj>figure.b-text-center.b-middle-dt,
    .m-order-obj>figure.b-text-center-md.b-middle,
    .m-order-obj>figure.b-text-center-md.b-middle-md,
    .m-order-obj>figure.b-text-center-md.b-middle-dt,
    .m-order-obj>figure.b-text-center-dt.b-middle,
    .m-order-obj>figure.b-text-center-dt.b-middle-md,
    .m-order-obj>figure.b-text-center-dt.b-middle-dt {
        top: 50%;
        left: 50%;
        width: 200%;
        height: 200%;
        position: absolute;
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .m-order-obj>figure.b-middle:not(.b-text-center):not(.b-text-center-md):not(.b-text-center-dt),
    .m-order-obj>figure.b-middle-md:not(.b-text-center):not(.b-text-center-md):not(.b-text-center-dt),
    .m-order-obj>figure.b-middle-dt:not(.b-text-center):not(.b-text-center-md):not(.b-text-center-dt) {
        top: 50%;
        left: 0;
        width: 100%;
        height: 300%;
        position: absolute;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .m-order-obj[data-media] {
        width: 800px;
        height: 460px
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {

    .m-order[data-obj-position="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-bottom: 10px
    }

    .m-order[data-obj-position="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-top: 10px
    }

    .m-order[data-obj-position="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-right: 10px
    }

    .m-order[data-obj-position="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-left: 10px
    }

    .m-order[data-obj-position="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-bottom: 20px
    }

    .m-order[data-obj-position="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-top: 20px
    }

    .m-order[data-obj-position="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-right: 20px
    }

    .m-order[data-obj-position="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-left: 20px
    }

    .m-order[data-obj-position="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-bottom: 30px
    }

    .m-order[data-obj-position="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-top: 30px
    }

    .m-order[data-obj-position="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-right: 30px
    }

    .m-order[data-obj-position="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-left: 30px
    }

    .m-order[data-obj-position="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-bottom: 40px
    }

    .m-order[data-obj-position="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-top: 40px
    }

    .m-order[data-obj-position="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-right: 40px
    }

    .m-order[data-obj-position="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-left: 40px
    }

    .m-order-cont>*:not(:first-child) {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {

    .m-order[data-obj-position="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-bottom: .86207vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-top: .86207vw
    }

    .m-order[data-obj-position="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-right: .86207vw
    }

    .m-order[data-obj-position="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-left: .86207vw
    }

    .m-order[data-obj-position="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-bottom: 1.72414vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-top: 1.72414vw
    }

    .m-order[data-obj-position="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-right: 1.72414vw
    }

    .m-order[data-obj-position="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-left: 1.72414vw
    }

    .m-order[data-obj-position="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-bottom: 2.58621vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-top: 2.58621vw
    }

    .m-order[data-obj-position="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-right: 2.58621vw
    }

    .m-order[data-obj-position="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-left: 2.58621vw
    }

    .m-order[data-obj-position="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-bottom: 3.44828vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-top: 3.44828vw
    }

    .m-order[data-obj-position="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-right: 3.44828vw
    }

    .m-order[data-obj-position="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-md="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-left: 3.44828vw
    }

    .m-order-cont>*:not(:first-child) {
        margin-top: .86207vw
    }
}

@media screen and (max-width: 1000px) {
    .m-order-obj[data-media] {
        width: 100%
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {

    .m-order[data-obj-position="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-bottom: 1.30208vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-top: 1.30208vw
    }

    .m-order[data-obj-position="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-right: 1.30208vw
    }

    .m-order[data-obj-position="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-left: 1.30208vw
    }

    .m-order[data-obj-position="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-bottom: 2.60417vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-top: 2.60417vw
    }

    .m-order[data-obj-position="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-right: 2.60417vw
    }

    .m-order[data-obj-position="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-left: 2.60417vw
    }

    .m-order[data-obj-position="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-bottom: 3.90625vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-top: 3.90625vw
    }

    .m-order[data-obj-position="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-right: 3.90625vw
    }

    .m-order[data-obj-position="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-left: 3.90625vw
    }

    .m-order[data-obj-position="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-bottom: 5.20833vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-top: 5.20833vw
    }

    .m-order[data-obj-position="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-right: 5.20833vw
    }

    .m-order[data-obj-position="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-sm="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-dt="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-left: 5.20833vw
    }

    .m-order[data-obj-position="top"],
    .m-order[data-obj-position-sm="top"],
    .m-order[data-obj-position-dt="top"],
    .m-order[data-obj-position-tm="top"] {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .m-order[data-obj-position="top"]>*,
    .m-order[data-obj-position-sm="top"]>*,
    .m-order[data-obj-position-dt="top"]>*,
    .m-order[data-obj-position-tm="top"]>* {
        max-width: 100%
    }

    .m-order[data-obj-position="bottom"],
    .m-order[data-obj-position-sm="bottom"],
    .m-order[data-obj-position-dt="bottom"],
    .m-order[data-obj-position-tm="bottom"] {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .m-order[data-obj-position="bottom"]>*,
    .m-order[data-obj-position-sm="bottom"]>*,
    .m-order[data-obj-position-dt="bottom"]>*,
    .m-order[data-obj-position-tm="bottom"]>* {
        max-width: 100%
    }

    .m-order[data-obj-position="left"],
    .m-order[data-obj-position-sm="left"],
    .m-order[data-obj-position-dt="left"],
    .m-order[data-obj-position-tm="left"] {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .m-order[data-obj-position="right"],
    .m-order[data-obj-position-sm="right"],
    .m-order[data-obj-position-dt="right"],
    .m-order[data-obj-position-tm="right"] {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .m-order-cont>*:not(:first-child) {
        margin-top: 1.04167vw
    }

    .m-order-obj>figure.b-text-center:not(.b-middle):not(.b-middle-sm):not(.b-middle-dt):not(.b-middle-tm),
    .m-order-obj>figure.b-text-center-sm:not(.b-middle):not(.b-middle-sm):not(.b-middle-dt):not(.b-middle-tm),
    .m-order-obj>figure.b-text-center-dt:not(.b-middle):not(.b-middle-sm):not(.b-middle-dt):not(.b-middle-tm),
    .m-order-obj>figure.b-text-center-tm:not(.b-middle):not(.b-middle-sm):not(.b-middle-dt):not(.b-middle-tm) {
        top: 0;
        left: 50%;
        width: 300%;
        height: 100%;
        position: absolute;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .m-order-obj>figure.b-text-center.b-middle,
    .m-order-obj>figure.b-text-center.b-middle-sm,
    .m-order-obj>figure.b-text-center.b-middle-dt,
    .m-order-obj>figure.b-text-center.b-middle-tm,
    .m-order-obj>figure.b-text-center-sm.b-middle,
    .m-order-obj>figure.b-text-center-sm.b-middle-sm,
    .m-order-obj>figure.b-text-center-sm.b-middle-dt,
    .m-order-obj>figure.b-text-center-sm.b-middle-tm,
    .m-order-obj>figure.b-text-center-dt.b-middle,
    .m-order-obj>figure.b-text-center-dt.b-middle-sm,
    .m-order-obj>figure.b-text-center-dt.b-middle-dt,
    .m-order-obj>figure.b-text-center-dt.b-middle-tm,
    .m-order-obj>figure.b-text-center-tm.b-middle,
    .m-order-obj>figure.b-text-center-tm.b-middle-sm,
    .m-order-obj>figure.b-text-center-tm.b-middle-dt,
    .m-order-obj>figure.b-text-center-tm.b-middle-tm {
        top: 50%;
        left: 50%;
        width: 200%;
        height: 200%;
        position: absolute;
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .m-order-obj>figure.b-middle:not(.b-text-center):not(.b-text-center-sm):not(.b-text-center-dt):not(.b-text-center-tm),
    .m-order-obj>figure.b-middle-sm:not(.b-text-center):not(.b-text-center-sm):not(.b-text-center-dt):not(.b-text-center-tm),
    .m-order-obj>figure.b-middle-dt:not(.b-text-center):not(.b-text-center-sm):not(.b-text-center-dt):not(.b-text-center-tm),
    .m-order-obj>figure.b-middle-tm:not(.b-text-center):not(.b-text-center-sm):not(.b-text-center-dt):not(.b-text-center-tm) {
        top: 50%;
        left: 0;
        width: 100%;
        height: 300%;
        position: absolute;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .m-order-obj[data-media] {
        height: 52.08333vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {

    .m-order[data-obj-position="top"],
    .m-order[data-obj-position-xs="top"],
    .m-order[data-obj-position-tm="top"] {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .m-order[data-obj-position="top"]>*,
    .m-order[data-obj-position-xs="top"]>*,
    .m-order[data-obj-position-tm="top"]>* {
        max-width: 100%
    }

    .m-order[data-obj-position="bottom"],
    .m-order[data-obj-position-xs="bottom"],
    .m-order[data-obj-position-tm="bottom"] {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .m-order[data-obj-position="bottom"]>*,
    .m-order[data-obj-position-xs="bottom"]>*,
    .m-order[data-obj-position-tm="bottom"]>* {
        max-width: 100%
    }

    .m-order[data-obj-position="left"],
    .m-order[data-obj-position-xs="left"],
    .m-order[data-obj-position-tm="left"] {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .m-order[data-obj-position="right"],
    .m-order[data-obj-position-xs="right"],
    .m-order[data-obj-position-tm="right"] {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .m-order-obj>figure.b-text-center:not(.b-middle):not(.b-middle-xs):not(.b-middle-tm),
    .m-order-obj>figure.b-text-center-xs:not(.b-middle):not(.b-middle-xs):not(.b-middle-tm),
    .m-order-obj>figure.b-text-center-tm:not(.b-middle):not(.b-middle-xs):not(.b-middle-tm) {
        top: 0;
        left: 50%;
        width: 300%;
        height: 100%;
        position: absolute;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .m-order-obj>figure.b-text-center.b-middle,
    .m-order-obj>figure.b-text-center.b-middle-xs,
    .m-order-obj>figure.b-text-center.b-middle-tm,
    .m-order-obj>figure.b-text-center-xs.b-middle,
    .m-order-obj>figure.b-text-center-xs.b-middle-xs,
    .m-order-obj>figure.b-text-center-xs.b-middle-tm,
    .m-order-obj>figure.b-text-center-tm.b-middle,
    .m-order-obj>figure.b-text-center-tm.b-middle-xs,
    .m-order-obj>figure.b-text-center-tm.b-middle-tm {
        top: 50%;
        left: 50%;
        width: 200%;
        height: 200%;
        position: absolute;
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .m-order-obj>figure.b-middle:not(.b-text-center):not(.b-text-center-xs):not(.b-text-center-tm),
    .m-order-obj>figure.b-middle-xs:not(.b-text-center):not(.b-text-center-xs):not(.b-text-center-tm),
    .m-order-obj>figure.b-middle-tm:not(.b-text-center):not(.b-text-center-xs):not(.b-text-center-tm) {
        top: 50%;
        left: 0;
        width: 100%;
        height: 300%;
        position: absolute;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .m-order[data-obj-position="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-bottom: 1.5625vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-top: 1.5625vw
    }

    .m-order[data-obj-position="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-right: 1.5625vw
    }

    .m-order[data-obj-position="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-left: 1.5625vw
    }

    .m-order[data-obj-position="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-bottom: 3.125vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-top: 3.125vw
    }

    .m-order[data-obj-position="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-right: 3.125vw
    }

    .m-order[data-obj-position="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-left: 3.125vw
    }

    .m-order[data-obj-position="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-bottom: 6.25vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-top: 6.25vw
    }

    .m-order[data-obj-position="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-right: 6.25vw
    }

    .m-order[data-obj-position="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-left: 6.25vw
    }

    .m-order[data-obj-position="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-bottom: 9.375vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-top: 9.375vw
    }

    .m-order[data-obj-position="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-right: 9.375vw
    }

    .m-order[data-obj-position="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-left: 9.375vw
    }

    .m-order-cont>*:not(:first-child) {
        margin-top: 1.5625vw
    }

    .m-order-obj[data-media] {
        height: 50vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {

    .m-order[data-obj-position="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-bottom: .88277vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-top: .88277vw
    }

    .m-order[data-obj-position="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-right: .88277vw
    }

    .m-order[data-obj-position="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="s"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="s"] .m-order-obj:not(:only-child) {
        margin-left: .88277vw
    }

    .m-order[data-obj-position="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-bottom: 1.76554vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-top: 1.76554vw
    }

    .m-order[data-obj-position="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-right: 1.76554vw
    }

    .m-order[data-obj-position="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="m"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="m"] .m-order-obj:not(:only-child) {
        margin-left: 1.76554vw
    }

    .m-order[data-obj-position="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-bottom: 3.53107vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-top: 3.53107vw
    }

    .m-order[data-obj-position="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-right: 3.53107vw
    }

    .m-order[data-obj-position="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="l"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="l"] .m-order-obj:not(:only-child) {
        margin-left: 3.53107vw
    }

    .m-order[data-obj-position="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="top"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="top"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-bottom: 5.29661vw
    }

    .m-order[data-obj-position="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="bottom"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-top: 5.29661vw
    }

    .m-order[data-obj-position="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="left"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="left"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-right: 5.29661vw
    }

    .m-order[data-obj-position="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-xs="right"][data-spacing="xl"] .m-order-obj:not(:only-child),
    .m-order[data-obj-position-tm="right"][data-spacing="xl"] .m-order-obj:not(:only-child) {
        margin-left: 5.29661vw
    }

    .m-order-cont>*:not(:first-child) {
        margin-top: .88277vw
    }

    .m-order-obj[data-media] {
        height: 28.24859vw
    }
}

.owl-stage-outer {
    position: relative;
    box-sizing: border-box
}

.owl-stage {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
}

.owl-item {
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row
}

.owl-item.active {
    z-index: 2
}

.owl-item .m-owl-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.owl-item [class^="b-col-"],
.owl-item [class*=" b-col-"] {
    width: 100% !important
}

.m-owl {
    position: relative;
    box-sizing: border-box
}

.m-owl-bd {
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    *zoom: 1;
    letter-spacing: -0.34em !important;
    line-height: 0;
    text-rendering: optimizespeed
}

.m-owl-bd>* {
    letter-spacing: normal;
    line-height: 1.35
}

.m-owl-bd>* {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-owl-bd>*:not(.owl-stage-outer) {
    overflow: hidden
}

.m-owl-item {
    position: relative;
    box-sizing: border-box
}

.m-owl-item>* {
    width: 100%;
    white-space: normal
}

.m-owl-ctrl.disabled,
.m-owl-dots.disabled {
    display: none !important
}

.m-owl-dots {
    z-index: 2;
    line-height: 1 !important;
    letter-spacing: -0.34em !important;
    line-height: 0;
    text-rendering: optimizespeed
}

.m-owl-dots>* {
    letter-spacing: normal;
    line-height: 1.35
}

.m-owl-dots.is-relative {
    position: relative;
    display: block;
    text-align: center
}

.m-owl-dots.is-absolute {
    bottom: 0;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.m-owl-dots>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-owl-dot {
    background-color: #343434;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.m-owl-dot.active {
    background-color: #d70c18
}

.m-owl-arrow {
    top: 50%;
    border-radius: 50%;
    background-color: #d70c18;
    border-style: solid;
    border-color: #FFF;
    position: absolute;
    box-sizing: content-box
}

.m-owl-arrow.is-prev {
    left: 0;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-owl-arrow.is-next {
    right: 0;
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.m-owl-arrow .m-icon {
    top: 50%;
    left: 50%;
    position: absolute;
    font-weight: bold;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-owl-bd {
        margin: -10px
    }

    .m-owl-bd .m-owl-item {
        padding: 10px
    }

    .m-owl-dots.is-relative {
        margin-top: 20px
    }

    .m-owl-dot {
        width: 10px;
        height: 10px;
        margin-left: 5px;
        margin-right: 5px
    }

    .m-owl-arrow {
        width: 40px;
        height: 40px;
        border-width: 5px
    }

    .m-owl-arrow .m-icon {
        font-size: 20px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-owl-bd {
        margin: -.86207vw
    }

    .m-owl-bd .m-owl-item {
        padding: .86207vw
    }

    .m-owl-dots.is-relative {
        margin-top: 1.72414vw
    }

    .m-owl-dot {
        width: .86207vw;
        height: .86207vw;
        margin-left: .43103vw;
        margin-right: .43103vw
    }

    .m-owl-arrow {
        width: 3.44828vw;
        height: 3.44828vw;
        border-width: .43103vw
    }

    .m-owl-arrow .m-icon {
        font-size: 1.72414vw
    }
}

@media screen and (max-width: 1000px) {
    .m-owl-bd {
        padding-bottom: 1px
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-owl.is-outrange .m-owl-bd {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 6.51042vw;
        padding-right: 6.51042vw
    }

    .m-owl:not(.is-outrange) .m-owl-bd {
        margin: -1.30208vw
    }

    .m-owl-bd .m-owl-item {
        padding: 1.30208vw
    }

    .m-owl-dots.is-relative {
        margin-top: 2.60417vw
    }

    .m-owl-dot {
        width: 1.30208vw;
        height: 1.30208vw;
        margin-left: .65104vw;
        margin-right: .65104vw
    }

    .m-owl-arrow {
        width: 5.20833vw;
        height: 5.20833vw;
        border-width: .52083vw
    }

    .m-owl-arrow .m-icon {
        font-size: 2.60417vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-owl.is-outrange .m-owl-bd {
        margin-left: -3.125vw;
        margin-right: -3.125vw;
        padding-left: 15.625vw;
        padding-right: 15.625vw
    }

    .m-owl:not(.is-outrange) .m-owl-bd {
        margin: -3.125vw
    }

    .m-owl-bd .m-owl-item {
        padding: 3.125vw
    }

    .m-owl-dots.is-relative {
        margin-top: 6.25vw
    }

    .m-owl-dot {
        width: 3.125vw;
        height: 3.125vw;
        margin-left: 1.5625vw;
        margin-right: 1.5625vw
    }

    .m-owl-arrow {
        width: 9.375vw;
        height: 9.375vw;
        border-width: .9375vw
    }

    .m-owl-arrow .m-icon {
        font-size: 5.625vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-owl.is-outrange .m-owl-bd {
        margin-left: -1.76554vw;
        margin-right: -1.76554vw;
        padding-left: 8.82768vw;
        padding-right: 8.82768vw
    }

    .m-owl:not(.is-outrange) .m-owl-bd {
        margin: -1.76554vw
    }

    .m-owl-bd .m-owl-item {
        padding: 1.76554vw
    }

    .m-owl-dots.is-relative {
        margin-top: 3.53107vw
    }

    .m-owl-dot {
        width: 1.76554vw;
        height: 1.76554vw;
        margin-left: .88277vw;
        margin-right: .88277vw
    }

    .m-owl-arrow {
        width: 5.29661vw;
        height: 5.29661vw;
        border-width: .52966vw
    }

    .m-owl-arrow .m-icon {
        font-size: 3.17797vw
    }
}

.m-section {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    word-break: break-word
}

.m-section[class*="b-col-"] {
    margin-left: auto;
    margin-right: auto
}

.m-section-hd {
    position: relative
}

.m-section-hd.has-separate:after {
    content: "";
    height: 1px;
    bottom: 0;
    left: 50%;
    position: absolute;
    background-color: #e7e7e7;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.m-section-bd {
    min-height: 1px;
    position: relative
}

@media screen and (min-width: 1001px) {
    .m-section {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 5px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 5px 0 0 #d0cdcd;
        box-shadow: 0 5px 0 0 #d0cdcd
    }

    .m-section.is-hover {
        -moz-transition: background-color .3s;
        -o-transition: background-color .3s;
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .m-section.is-hover:hover {
        background-color: #f8f8f8 !important
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-section[data-padding="m"] {
        padding: 20px
    }

    .m-section[data-padding="l"] {
        padding: 30px
    }

    .m-section[data-padding="xl"] {
        padding: 50px
    }

    .m-section {
        margin-bottom: 5px
    }

    .m-section-hd:not(.has-separate) {
        margin-bottom: 20px
    }

    .m-section-hd.has-separate {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .m-section-hd.has-separate:after {
        width: 180px
    }

    .m-section-hd>*:not(:first-child) {
        margin-top: 20px
    }

    .m-section-bd>*:not(:first-child) {
        margin-top: 30px
    }

    .m-section-ft {
        margin-top: 30px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-section[data-padding="m"] {
        padding: 1.72414vw
    }

    .m-section[data-padding="l"] {
        padding: 2.58621vw
    }

    .m-section[data-padding="xl"] {
        padding: 4.31034vw
    }

    .m-section {
        margin-bottom: .43103vw
    }

    .m-section-hd:not(.has-separate) {
        margin-bottom: 1.72414vw
    }

    .m-section-hd.has-separate {
        padding-bottom: 2.58621vw;
        margin-bottom: 2.58621vw
    }

    .m-section-hd.has-separate:after {
        width: 15.51724vw
    }

    .m-section-hd>*:not(:first-child) {
        margin-top: 1.72414vw
    }

    .m-section-bd>*:not(:first-child) {
        margin-top: 2.58621vw
    }

    .m-section-ft {
        margin-top: 2.58621vw
    }
}

@media screen and (min-width: 740px) and (min-height: 414px) {
    .m-section {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .m-section-bd {
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-section[data-padding="m"] {
        padding: 2.60417vw
    }

    .m-section[data-padding="l"] {
        padding: 3.90625vw
    }

    .m-section[data-padding="xl"] {
        padding: 5.20833vw
    }

    .m-section {
        margin-bottom: 4px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 4px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 4px 0 0 #d0cdcd;
        box-shadow: 0 4px 0 0 #d0cdcd
    }

    .m-section-hd:not(.has-separate) {
        margin-bottom: 2.60417vw
    }

    .m-section-hd.has-separate {
        padding-bottom: 3.90625vw;
        margin-bottom: 3.90625vw
    }

    .m-section-hd.has-separate:after {
        width: 23.4375vw
    }

    .m-section-hd>*:not(:first-child) {
        margin-top: 2.60417vw
    }

    .m-section-bd>*:not(:first-child) {
        margin-top: 3.90625vw
    }

    .m-section-ft {
        margin-top: 3.90625vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-section {
        display: block
    }

    .m-section[data-padding="m"] {
        padding: 5.9375vw
    }

    .m-section[data-padding="l"] {
        padding: 5.9375vw
    }

    .m-section[data-padding="xl"] {
        padding: 9.0625vw
    }

    .m-section {
        margin-bottom: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 3px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 3px 0 0 #d0cdcd;
        box-shadow: 0 3px 0 0 #d0cdcd
    }

    .m-section-hd:not(.has-separate) {
        margin-bottom: 6.25vw
    }

    .m-section-hd.has-separate {
        padding-bottom: 9.375vw;
        margin-bottom: 9.375vw
    }

    .m-section-hd.has-separate:after {
        width: 56.25vw
    }

    .m-section-hd>*:not(:first-child) {
        margin-top: 6.25vw
    }

    .m-section-bd>*:not(:first-child) {
        margin-top: 6.25vw
    }

    .m-section-ft {
        margin-top: 9.375vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-section[data-padding="m"] {
        padding: 3.35452vw
    }

    .m-section[data-padding="l"] {
        padding: 3.35452vw
    }

    .m-section[data-padding="xl"] {
        padding: 5.12006vw
    }

    .m-section {
        margin-bottom: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 3px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 3px 0 0 #d0cdcd;
        box-shadow: 0 3px 0 0 #d0cdcd
    }

    .m-section-hd:not(.has-separate) {
        margin-bottom: 3.53107vw
    }

    .m-section-hd.has-separate {
        padding-bottom: 5.29661vw;
        margin-bottom: 5.29661vw
    }

    .m-section-hd.has-separate:after {
        width: 31.77966vw
    }

    .m-section-hd>*:not(:first-child) {
        margin-top: 3.53107vw
    }

    .m-section-bd>*:not(:first-child) {
        margin-top: 3.53107vw
    }

    .m-section-ft {
        margin-top: 5.29661vw
    }
}

.m-status {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

@media screen and (min-width: 1001px) {
    .m-status {
        padding: 6px 15px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-status {
        padding: .52083vw 1.5625vw;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-status {
        padding: 1.875vw 4.6875vw;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-status {
        padding: 1.05932vw 2.64831vw;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px
    }
}

.m-step {
    position: relative;
    counter-reset: step
}

.m-step>li:not(:last-child) .m-step-item:after {
    content: "";
    width: 2px;
    position: absolute;
    background-color: #d7d7d7
}

.m-step-item {
    position: relative;
    display: -webkit-flex;
    display: flex
}

.m-step-obj {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.m-step-obj:before {
    content: "";
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 50%;
    border: 3px solid #d7d7d7;
    position: relative
}

.m-step-obj:after {
    counter-increment: step;
    content: counter(step, decimal-leading-zero);
    color: #d70c18;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative
}

.m-step-cont {
    -ms-flex: 1 0 0px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.m-step-cont:before,
.m-step-cont:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.m-step-cont:before {
    border-color: transparent #e7e7e7 transparent transparent
}

.m-step-cont:after {
    border-color: transparent #FFF transparent transparent
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-step>li:first-child .m-step-cont:before {
        top: 42px
    }

    .m-step>li:first-child .m-step-cont:after {
        top: 43px
    }

    .m-step>li:not(:first-child) {
        margin-top: 20px
    }

    .m-step>li:not(:first-child) .m-step-obj:before {
        margin-top: 16px
    }

    .m-step>li:not(:first-child) .m-step-cont:before {
        top: 58px
    }

    .m-step>li:not(:first-child) .m-step-cont:after {
        top: 59px
    }

    .m-step>li:not(:last-child) .m-step-item:after {
        bottom: -20px;
        left: 23px
    }

    .m-step>li:not(:last-child):first-child .m-step-item:after {
        height: calc(100% - 24px - 27px - 48px + 10px)
    }

    .m-step>li:not(:last-child):not(:first-child) .m-step-item:after {
        height: calc(100% - 16px - 24px - 27px - 48px + 10px)
    }

    .m-step-obj:before {
        margin-bottom: 5px;
        width: 18px;
        height: 18px
    }

    .m-step-obj:after {
        font-size: 36px
    }

    .m-step-cont {
        margin-left: 40px;
        padding: 30px 25px
    }

    .m-step-cont:before {
        left: -22px;
        border-width: 16px 22px 16px 0
    }

    .m-step-cont:after {
        left: -20px;
        border-width: 15px 20px 15px 0
    }

    .m-step-cont>*:not(:first-child) {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-step>li:first-child .m-step-cont:before {
        top: 3.62069vw
    }

    .m-step>li:first-child .m-step-cont:after {
        top: 3.7069vw
    }

    .m-step>li:not(:first-child) {
        margin-top: 1.72414vw
    }

    .m-step>li:not(:first-child) .m-step-obj:before {
        margin-top: 1.37931vw
    }

    .m-step>li:not(:first-child) .m-step-cont:before {
        top: 5vw
    }

    .m-step>li:not(:first-child) .m-step-cont:after {
        top: 5.08621vw
    }

    .m-step>li:not(:last-child) .m-step-item:after {
        bottom: -1.72414vw;
        left: 1.98276vw
    }

    .m-step>li:not(:last-child):first-child .m-step-item:after {
        height: calc(100% - 7.67241vw)
    }

    .m-step>li:not(:last-child):not(:first-child) .m-step-item:after {
        height: calc(100% - 9.05172vw)
    }

    .m-step-obj:before {
        margin-bottom: .43103vw;
        width: 1.55172vw;
        height: 1.55172vw
    }

    .m-step-obj:after {
        font-size: 3.10345vw
    }

    .m-step-cont {
        margin-left: 3.44828vw;
        padding: 2.58621vw 2.15517vw
    }

    .m-step-cont:before {
        left: -1.89655vw;
        border-width: 1.37931vw 1.89655vw 1.37931vw 0
    }

    .m-step-cont:after {
        left: -1.72414vw;
        border-width: 1.2931vw 1.72414vw 1.2931vw 0
    }

    .m-step-cont>*:not(:first-child) {
        margin-top: .86207vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-step>li:first-child .m-step-cont:before {
        top: 5.46875vw
    }

    .m-step>li:first-child .m-step-cont:after {
        top: 5.59896vw
    }

    .m-step>li:not(:first-child) {
        margin-top: 2.60417vw
    }

    .m-step>li:not(:first-child) .m-step-obj:before {
        margin-top: 1.95313vw
    }

    .m-step>li:not(:first-child) .m-step-cont:before {
        top: 7.42188vw
    }

    .m-step>li:not(:first-child) .m-step-cont:after {
        top: 7.55208vw
    }

    .m-step>li:not(:last-child) .m-step-item:after {
        bottom: -2.60417vw;
        left: 2.60417vw
    }

    .m-step>li:not(:last-child):first-child .m-step-item:after {
        height: calc(100% - 10.9375vw)
    }

    .m-step>li:not(:last-child):not(:first-child) .m-step-item:after {
        height: calc(100% - 12.89063vw)
    }

    .m-step-obj:before {
        margin-bottom: .65104vw;
        width: 2.08333vw;
        height: 2.08333vw
    }

    .m-step-obj:after {
        font-size: 4.6875vw
    }

    .m-step-cont {
        margin-left: 5.20833vw;
        padding: 3.90625vw 3.25521vw
    }

    .m-step-cont:before {
        left: -22px;
        border-width: 16px 22px 16px 0
    }

    .m-step-cont:after {
        left: -20px;
        border-width: 15px 20px 15px 0
    }

    .m-step-cont>*:not(:first-child) {
        margin-top: 1.30208vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-step>li:first-child .m-step-cont:before {
        top: 13.125vw
    }

    .m-step>li:first-child .m-step-cont:after {
        top: 13.125vw
    }

    .m-step>li:not(:first-child) {
        margin-top: 6.25vw
    }

    .m-step>li:not(:first-child) .m-step-obj:before {
        margin-top: 4.6875vw
    }

    .m-step>li:not(:first-child) .m-step-cont:before {
        top: 17.8125vw
    }

    .m-step>li:not(:first-child) .m-step-cont:after {
        top: 18.125vw
    }

    .m-step>li:not(:last-child) .m-step-item:after {
        bottom: -6.25vw;
        left: 6.875vw
    }

    .m-step>li:not(:last-child):first-child .m-step-item:after {
        height: calc(100% - 27.8125vw)
    }

    .m-step>li:not(:last-child):not(:first-child) .m-step-item:after {
        height: calc(100% - 32.5vw)
    }

    .m-step-obj:before {
        margin-bottom: 1.875vw;
        width: 5.625vw;
        height: 5.625vw
    }

    .m-step-obj:after {
        font-size: 11.25vw
    }

    .m-step-cont {
        margin-left: 12.5vw;
        padding: 6.25vw
    }

    .m-step-cont:before {
        left: -22px;
        border-width: 16px 22px 16px 0
    }

    .m-step-cont:after {
        left: -20px;
        border-width: 15px 20px 15px 0
    }

    .m-step-cont>*:not(:first-child) {
        margin-top: 3.125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-step>li:first-child .m-step-cont:before {
        top: 7.41525vw
    }

    .m-step>li:first-child .m-step-cont:after {
        top: 7.41525vw
    }

    .m-step>li:not(:first-child) {
        margin-top: 3.53107vw
    }

    .m-step>li:not(:first-child) .m-step-obj:before {
        margin-top: 2.64831vw
    }

    .m-step>li:not(:first-child) .m-step-cont:before {
        top: 10.06356vw
    }

    .m-step>li:not(:first-child) .m-step-cont:after {
        top: 10.24011vw
    }

    .m-step>li:not(:last-child) .m-step-item:after {
        bottom: -3.53107vw;
        left: 3.88418vw
    }

    .m-step>li:not(:last-child):first-child .m-step-item:after {
        height: calc(100% - 15.71328vw)
    }

    .m-step>li:not(:last-child):not(:first-child) .m-step-item:after {
        height: calc(100% - 18.36158vw)
    }

    .m-step-obj:before {
        margin-bottom: 1.05932vw;
        width: 3.17797vw;
        height: 3.17797vw
    }

    .m-step-obj:after {
        font-size: 6.35593vw
    }

    .m-step-cont {
        margin-left: 7.06215vw;
        padding: 3.53107vw
    }

    .m-step-cont:before {
        left: -22px;
        border-width: 16px 22px 16px 0
    }

    .m-step-cont:after {
        left: -20px;
        border-width: 15px 20px 15px 0
    }

    .m-step-cont>*:not(:first-child) {
        margin-top: 1.76554vw
    }
}

.m-tab {
    position: relative
}

.m-tab-hd {
    position: relative;
    border-radius: 3px;
    -moz-box-shadow: 0 5px 0 0 #e7e7e7;
    -webkit-box-shadow: 0 5px 0 0 #e7e7e7;
    box-shadow: 0 5px 0 0 #e7e7e7
}

.m-tab-hd>ul {
    letter-spacing: -0.34em !important;
    line-height: 0;
    text-rendering: optimizespeed
}

.m-tab-hd>ul>* {
    letter-spacing: normal;
    line-height: 1.35
}

.m-tab-hd>ul>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-tab-hd>ul>*.is-active .m-tab-btn {
    border-bottom-color: #d70c18
}

.m-tab-btn {
    box-sizing: border-box;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    -moz-transition: border-color .3s;
    -o-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.m-tab-bd {
    overflow: hidden
}

.m-tab-bd>ul {
    width: 200%;
    white-space: nowrap;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    letter-spacing: -0.34em !important;
    line-height: 0;
    text-rendering: optimizespeed;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.m-tab-bd>ul>* {
    letter-spacing: normal;
    line-height: 1.35
}

.m-tab-bd>ul.is-stop {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.m-tab-bd>ul.is-slide {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.m-tab-bd>ul>li {
    width: 50%;
    display: none;
    white-space: normal
}

.m-tab-bd>ul>li.is-active {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-tab-hd {
        margin-bottom: 30px
    }

    .m-tab-hd>ul>* {
        margin-left: 25px;
        margin-right: 25px
    }

    .m-tab-hd .m-tab-btn {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-tab-hd {
        margin-bottom: 2.58621vw
    }

    .m-tab-hd>ul>* {
        margin-left: 2.15517vw;
        margin-right: 2.15517vw
    }

    .m-tab-hd .m-tab-btn {
        padding-top: 1.2931vw;
        padding-bottom: 1.2931vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-tab-hd {
        margin-bottom: 3.90625vw
    }

    .m-tab-hd>ul>* {
        margin-left: 2.60417vw;
        margin-right: 2.60417vw
    }

    .m-tab-hd .m-tab-btn {
        padding-top: 1.95313vw;
        padding-bottom: 1.95313vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .m-tab-hd {
        margin-bottom: 6.25vw
    }

    .m-tab-hd>ul>* {
        margin-left: 3.125vw;
        margin-right: 3.125vw
    }

    .m-tab-hd .m-tab-btn {
        padding-top: 3.75vw;
        padding-bottom: 3.75vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-tab-hd {
        margin-bottom: 3.53107vw
    }

    .m-tab-hd>ul>* {
        margin-left: 1.76554vw;
        margin-right: 1.76554vw
    }

    .m-tab-hd .m-tab-btn {
        padding-top: 2.11864vw;
        padding-bottom: 2.11864vw
    }
}

.m-table {
    position: relative
}

.m-table:not(.is-not-padding) .m-table-bd {
    border: 1px solid #e7e7e7
}

.m-table-bd table {
    width: 100%
}

.m-table-bd tbody tr {
    border-bottom: 1px solid #d7d7d7
}

.m-table-bd tbody td,
.m-table-bd tbody th {
    box-sizing: border-box
}

@media screen and (min-width: 1001px) {
    .m-table:not(.is-not-padding) .m-table-bd {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 5px 0 0 #d0cdcd;
        -webkit-box-shadow: 0 5px 0 0 #d0cdcd;
        box-shadow: 0 5px 0 0 #d0cdcd
    }

    .m-table-bd tbody tr {
        -moz-transition: background-color .3s;
        -o-transition: background-color .3s;
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .m-table-bd tbody tr:hover {
        background-color: #f8f8f8
    }

    .m-table-bd tbody tr:hover td a:not(.m-button) {
        color: #d70c18;
        font-weight: bold;
        text-decoration: underline
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .m-table:not(.is-not-padding) .m-table-bd {
        padding: 20px
    }

    .m-table-hd {
        margin-bottom: 20px
    }

    .m-table-bd table td,
    .m-table-bd table th {
        padding: 20px
    }

    .m-table-bd table td>*:not(:first-child),
    .m-table-bd table th>*:not(:first-child) {
        margin-top: 10px
    }

    .m-table-ft {
        margin-top: 30px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .m-table:not(.is-not-padding) .m-table-bd {
        padding: 1.72414vw
    }

    .m-table-hd {
        margin-bottom: 1.72414vw
    }

    .m-table-bd table td,
    .m-table-bd table th {
        padding: 1.72414vw
    }

    .m-table-bd table td>*:not(:first-child),
    .m-table-bd table th>*:not(:first-child) {
        margin-top: .86207vw
    }

    .m-table-ft {
        margin-top: 2.58621vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .m-table:not(.is-not-padding) .m-table-bd {
        padding: 2.60417vw;
        -moz-border-radius: .65104vw;
        -webkit-border-radius: .65104vw;
        border-radius: .65104vw;
        -moz-box-shadow: 0 .65104vw 0 0 #d0cdcd;
        -webkit-box-shadow: 0 .65104vw 0 0 #d0cdcd;
        box-shadow: 0 .65104vw 0 0 #d0cdcd
    }

    .m-table-hd {
        margin-bottom: 2.60417vw
    }

    .m-table-bd table td,
    .m-table-bd table th {
        padding: 1.30208vw
    }

    .m-table-bd table td>*:not(:first-child),
    .m-table-bd table th>*:not(:first-child) {
        margin-top: 1.30208vw
    }

    .m-table-ft {
        margin-top: 3.90625vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {

    .m-table[data-title-width-xs="0%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="0%"] .m-table-bd td:after {
        width: 0%
    }

    .m-table[data-title-width-xs="5%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="5%"] .m-table-bd td:after {
        width: 5%
    }

    .m-table[data-title-width-xs="10%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="10%"] .m-table-bd td:after {
        width: 10%
    }

    .m-table[data-title-width-xs="15%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="15%"] .m-table-bd td:after {
        width: 15%
    }

    .m-table[data-title-width-xs="20%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="20%"] .m-table-bd td:after {
        width: 20%
    }

    .m-table[data-title-width-xs="25%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="25%"] .m-table-bd td:after {
        width: 25%
    }

    .m-table[data-title-width-xs="30%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="30%"] .m-table-bd td:after {
        width: 30%
    }

    .m-table[data-title-width-xs="35%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="35%"] .m-table-bd td:after {
        width: 35%
    }

    .m-table[data-title-width-xs="40%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="40%"] .m-table-bd td:after {
        width: 40%
    }

    .m-table[data-title-width-xs="45%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="45%"] .m-table-bd td:after {
        width: 45%
    }

    .m-table[data-title-width-xs="50%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="50%"] .m-table-bd td:after {
        width: 50%
    }

    .m-table[data-title-width-xs="55%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="55%"] .m-table-bd td:after {
        width: 55%
    }

    .m-table[data-title-width-xs="60%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="60%"] .m-table-bd td:after {
        width: 60%
    }

    .m-table[data-title-width-xs="65%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="65%"] .m-table-bd td:after {
        width: 65%
    }

    .m-table[data-title-width-xs="70%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="70%"] .m-table-bd td:after {
        width: 70%
    }

    .m-table[data-title-width-xs="75%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="75%"] .m-table-bd td:after {
        width: 75%
    }

    .m-table[data-title-width-xs="80%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="80%"] .m-table-bd td:after {
        width: 80%
    }

    .m-table[data-title-width-xs="85%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="85%"] .m-table-bd td:after {
        width: 85%
    }

    .m-table[data-title-width-xs="90%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="90%"] .m-table-bd td:after {
        width: 90%
    }

    .m-table[data-title-width-xs="95%"] .m-table-bd td:before,
    .m-table[data-title-width-xs="95%"] .m-table-bd td:after {
        width: 95%
    }

    .m-table[data-title-width-xs] .m-table-bd {
        border: 1px solid #d7d7d7
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td {
        position: relative;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td:not(:first-child) {
        border-top: 1px solid #d7d7d7
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td[data-label]:after {
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffeaeb;
        position: absolute;
        z-index: -1
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td:before {
        text-align: center;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td>* {
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .m-table-bd thead {
        display: none
    }

    .m-table-bd tbody td {
        display: block
    }

    .m-table-bd tbody td[data-label]:before {
        content: attr(data-label);
        display: block;
        font-weight: bold
    }

    .m-table:not(.is-not-padding) .m-table-bd {
        padding: 6.25vw;
        -moz-border-radius: .9375vw;
        -webkit-border-radius: .9375vw;
        border-radius: .9375vw;
        -moz-box-shadow: 0 .9375vw 0 0 #d0cdcd;
        -webkit-box-shadow: 0 .9375vw 0 0 #d0cdcd;
        box-shadow: 0 .9375vw 0 0 #d0cdcd
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td>* {
        padding: 20px
    }

    .m-table:not([data-title-width-xs]) .m-table-bd tbody tr:not(:first-child) td:first-child {
        margin-top: 6.25vw
    }

    .m-table:not([data-title-width-xs]) .m-table-bd tbody td {
        margin-bottom: 6.25vw
    }

    .m-table:not([data-title-width-xs]) .m-table-bd tbody td:before {
        margin-bottom: 3.125vw
    }

    .m-table-hd {
        margin-bottom: 6.25vw
    }

    .m-table-ft {
        margin-top: 9.375vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .m-table:not(.is-not-padding) .m-table-bd {
        padding: 3.53107vw;
        -moz-border-radius: .52966vw;
        -webkit-border-radius: .52966vw;
        border-radius: .52966vw;
        -moz-box-shadow: 0 .52966vw 0 0 #d0cdcd;
        -webkit-box-shadow: 0 .52966vw 0 0 #d0cdcd;
        box-shadow: 0 .52966vw 0 0 #d0cdcd
    }

    .m-table[data-title-width-xs] .m-table-bd tbody td>* {
        padding: 20px
    }

    .m-table:not([data-title-width-xs]) .m-table-bd tbody tr:not(:first-child) td:first-child {
        margin-top: 3.53107vw
    }

    .m-table:not([data-title-width-xs]) .m-table-bd tbody td {
        margin-bottom: 3.53107vw
    }

    .m-table:not([data-title-width-xs]) .m-table-bd tbody td:before {
        margin-bottom: 1.76554vw
    }

    .m-table-hd {
        margin-bottom: 3.53107vw
    }

    .m-table-ft {
        margin-top: 5.29661vw
    }
}

.sugarfunbox-close {
    position: absolute;
    background-color: #e7e7e7;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.sugarfunbox-close:before,
.sugarfunbox-close:after {
    content: "";
    top: 50%;
    left: 50%;
    width: 1px;
    height: 60%;
    position: absolute;
    background-color: #d70c18
}

.sugarfunbox-close:before {
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.sugarfunbox-close:after {
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media screen and (min-width: 1001px) {
    .sugarfunbox-close {
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .sugarfunbox-close {
        top: 1.30208vw;
        right: 1.30208vw;
        width: 2.60417vw;
        height: 2.60417vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .sugarfunbox-close {
        top: 3.125vw;
        right: 3.125vw;
        width: 6.25vw;
        height: 6.25vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .sugarfunbox-close {
        top: 1.76554vw;
        right: 1.76554vw;
        width: 3.53107vw;
        height: 3.53107vw
    }
}

.common-btn-cv:not(.is-sent)+.m-notice {
    display: none
}

.common-btn-cv.is-sent {
    display: none
}

.common-btn-favorite:not(.is-favorite) .m-icon-heart-solid {
    display: none
}

.common-btn-favorite:not(:disabled).is-favorite {
    color: #d70c18;
    background-color: #f7ced1;
    -moz-box-shadow: 0 3px 0 0 #ee99a0;
    -webkit-box-shadow: 0 3px 0 0 #ee99a0;
    box-shadow: 0 3px 0 0 #ee99a0
}

.common-btn-favorite:not(:disabled).is-favorite .m-icon-heart {
    display: none
}

.common-main {
    display: -webkit-flex;
    display: flex
}

.common-sharing .m-order-obj {
    overflow: hidden
}

.common-sharing .m-content-bd:before,
.common-sharing .m-content-bd:after {
    content: "";
    position: absolute;
    z-index: 1
}

.common-sharing .m-content-bd:before {
    background: url('../img/freshman/icon-girl7118.png?1538040180') center center no-repeat;
    background-size: 100% auto;
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.common-sharing .m-content-bd:after {
    background: url('../img/freshman/icon-boy6f15.png?1538040177') center center no-repeat;
    background-size: 100% auto
}

.common-sharing-popup .m-order-obj {
    overflow: hidden
}

.common-sharing-details-bd {
    overflow-y: auto
}

.common-order-frame {
    position: relative
}

.common-order-frame-hd {
    border-bottom: 1px solid #d7d7d7
}

.common-order-frame-hd>* {
    display: block
}

.common-col>ul>li:nth-child(odd) .common-order-frame-bd .m-title:before {
    background: url('../img/common/icon-common1e66a.png?1538047164');
    background-size: 100% auto
}

.common-col>ul>li:nth-child(even) .common-order-frame-bd .m-title:before {
    background: url('../img/common/icon-common2db58.png?1538048516');
    background-size: 100% auto
}

.common-col .common-order-frame-bd .m-title:before {
    content: "";
    position: relative
}

@media screen and (min-width: 1001px) {
    .common-main:not([data-aside-md="right"]) {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .common-btn-favorite:not(:disabled).is-favorite:hover {
        background-color: #f3b4b8 !important
    }

    .common-sharing .m-order-obj img {
        -moz-transition: -moz-transform .3s;
        -o-transition: -o-transform .3s;
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .common-sharing .m-section:hover .m-order-obj img {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .common-sharing-details-name {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .common-sharing-details-name>*:not(:first-child) {
        margin-left: 20px
    }

    .common-order-frame-bd .m-title:before {
        margin-right: 10px
    }

    .common-order .m-order-obj {
        -webkit-align-self: center;
        align-self: center
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .common-aside {
        width: 300px
    }

    .common-content {
        width: 780px
    }

    .common-content>*:not(:first-child) {
        margin-top: 30px
    }

    .common-btn-favorite {
        width: 50px
    }

    .common-sharing .m-order-obj {
        height: 350px
    }

    .common-sharing .m-order-cont {
        padding: 20px
    }

    .common-sharing .m-content-bd:before,
    .common-sharing .m-content-bd:after {
        width: 100px;
        height: 150px;
        bottom: -20px
    }

    .common-sharing .m-content-bd:before {
        left: -50px
    }

    .common-sharing .m-content-bd:after {
        right: -50px
    }

    .common-sharing-popup {
        padding: 30px
    }

    .common-sharing-popup .m-order-obj {
        width: 290px;
        height: 290px
    }

    .common-sharing-details-hd {
        margin-bottom: 10px
    }

    .common-sharing-details-name {
        margin-bottom: 10px
    }

    .common-sharing-details-name>*:not(:first-child) {
        margin-left: 20px
    }

    .common-sharing-details-bd {
        height: 200px
    }

    .common-sharing-details-bd>.common-sharing-details-bd>* {
        padding-right: 20px
    }

    .common-order[data-obj-position="left"] .m-order-obj,
    .common-order[data-obj-position-md="left"] .m-order-obj,
    .common-order[data-obj-position-dt="left"] .m-order-obj,
    .common-order[data-obj-position="right"] .m-order-obj,
    .common-order[data-obj-position-md="right"] .m-order-obj,
    .common-order[data-obj-position-dt="right"] .m-order-obj {
        width: 200px
    }

    .common-order-frame-hd {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .common-order-frame-hd>*:not(:first-child),
    .common-order-frame-bd>*:not(:first-child) {
        margin-top: 10px
    }

    .common-order-frame-bd .m-title:before {
        width: 80px;
        height: 65px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .common-aside {
        width: 25vw
    }

    .common-content {
        width: 66.37931vw
    }

    .common-content>*:not(:first-child) {
        margin-top: 2.58621vw
    }

    .common-btn-favorite {
        width: 4.31034vw
    }

    .common-sharing .m-order-obj {
        height: 30.17241vw
    }

    .common-sharing .m-order-cont {
        padding: 1.72414vw
    }

    .common-sharing .m-content-bd:before,
    .common-sharing .m-content-bd:after {
        width: 8.62069vw;
        height: 12.93103vw;
        bottom: -1.72414vw
    }

    .common-sharing .m-content-bd:before {
        left: -4.31034vw
    }

    .common-sharing .m-content-bd:after {
        right: -4.31034vw
    }

    .common-sharing-popup {
        padding: 2.58621vw
    }

    .common-sharing-popup .m-order-obj {
        width: 25vw;
        height: 25vw
    }

    .common-sharing-details-hd {
        margin-bottom: .86207vw
    }

    .common-sharing-details-name {
        margin-bottom: .86207vw
    }

    .common-sharing-details-name>*:not(:first-child) {
        margin-left: 1.72414vw
    }

    .common-sharing-details-bd {
        height: 17.24138vw
    }

    .common-sharing-details-bd>.common-sharing-details-bd>* {
        padding-right: 1.72414vw
    }

    .common-order[data-obj-position="left"] .m-order-obj,
    .common-order[data-obj-position-md="left"] .m-order-obj,
    .common-order[data-obj-position-dt="left"] .m-order-obj,
    .common-order[data-obj-position="right"] .m-order-obj,
    .common-order[data-obj-position-md="right"] .m-order-obj,
    .common-order[data-obj-position-dt="right"] .m-order-obj {
        width: 17.24138vw
    }

    .common-order-frame-hd {
        margin-bottom: 1.72414vw;
        padding-bottom: 1.72414vw
    }

    .common-order-frame-hd>*:not(:first-child),
    .common-order-frame-bd>*:not(:first-child) {
        margin-top: .86207vw
    }

    .common-order-frame-bd .m-title:before {
        margin-right: .86207vw;
        width: 6.89655vw;
        height: 5.60345vw
    }
}

@media screen and (min-width: 740px) and (min-height: 414px) {
    .common-sharing .m-section-bd {
        height: 100%
    }

    .common-sharing .m-section-bd>* {
        height: 100%
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .common-main:not([data-aside-sm="bottom"]):not([data-aside-tm="bottom"]) {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .common-main[data-aside-sm="bottom"],
    .common-main[data-aside-tm="bottom"] {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .common-btn-favorite {
        width: 5.20833vw
    }

    .common-content>*:not(:first-child) {
        margin-top: 3.90625vw
    }

    .common-sharing .m-order-obj {
        height: 26.04167vw
    }

    .common-sharing .m-order-cont {
        padding: 1.95313vw
    }

    .common-sharing .m-content-bd:before,
    .common-sharing .m-content-bd:after {
        width: 10.41667vw;
        height: 15.625vw;
        bottom: -1.30208vw
    }

    .common-sharing .m-content-bd:before {
        left: -1.30208vw
    }

    .common-sharing .m-content-bd:after {
        right: -1.30208vw
    }

    .common-sharing-popup {
        padding: 3.25521vw
    }

    .common-sharing-popup .m-order-obj {
        width: 26.04167vw;
        height: 26.04167vw
    }

    .common-sharing-details-hd {
        margin-bottom: 1.30208vw
    }

    .common-sharing-details-name {
        margin-bottom: 1.30208vw
    }

    .common-sharing-details-name>*:not(:first-child) {
        margin-top: 1.30208vw
    }

    .common-sharing-details-bd {
        height: 26.04167vw
    }

    .common-sharing-details-bd>* {
        padding-right: 2.60417vw
    }

    .common-order[data-obj-position="left"] .m-order-obj,
    .common-order[data-obj-position-sm="left"] .m-order-obj,
    .common-order[data-obj-position-dt="left"] .m-order-obj,
    .common-order[data-obj-position-tm="left"] .m-order-obj,
    .common-order[data-obj-position="right"] .m-order-obj,
    .common-order[data-obj-position-sm="right"] .m-order-obj,
    .common-order[data-obj-position-dt="right"] .m-order-obj,
    .common-order[data-obj-position-tm="right"] .m-order-obj {
        width: 26.04167vw
    }

    .common-order .m-order-obj {
        -webkit-align-self: center;
        align-self: center
    }

    .common-order-frame-hd {
        margin-bottom: 2.60417vw;
        padding-bottom: 2.60417vw
    }

    .common-order-frame-hd>*:not(:first-child),
    .common-order-frame-bd>*:not(:first-child) {
        margin-top: 1.30208vw
    }

    .common-order-frame-bd .m-title:before {
        margin-right: 1.30208vw;
        width: 7.8125vw;
        height: 6.38021vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .common-main:not([data-aside-xs="bottom"]):not([data-aside-tm="bottom"]) {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .common-main[data-aside-xs="bottom"],
    .common-main[data-aside-tm="bottom"] {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .common-sharing-popup .m-order-obj {
        -webkit-align-self: center;
        align-self: center
    }

    .common-order .m-order-obj {
        -webkit-align-self: center;
        align-self: center
    }

    .common-btn-favorite {
        width: 12.5vw
    }

    .common-content>*:not(:first-child) {
        margin-top: 9.375vw
    }

    .common-sharing .m-order-obj {
        height: 62.5vw
    }

    .common-sharing .m-order-cont {
        padding: 4.6875vw
    }

    .common-sharing .m-content-bd:before,
    .common-sharing .m-content-bd:after {
        width: 18.75vw;
        height: 28.125vw;
        bottom: 0
    }

    .common-sharing .m-content-bd:before {
        left: 5.625vw
    }

    .common-sharing .m-content-bd:after {
        right: 5.625vw
    }

    .common-sharing-popup .m-order-obj {
        width: 43.75vw;
        height: 43.75vw
    }

    .common-sharing-details-hd {
        margin-bottom: 3.125vw
    }

    .common-sharing-details-name {
        margin-bottom: 3.125vw
    }

    .common-sharing-details-name>*:not(:first-child) {
        margin-top: 3.125vw
    }

    .common-order-frame-hd {
        margin-bottom: 4.6875vw;
        padding-bottom: 4.6875vw
    }

    .common-order-frame-bd .m-title:before {
        width: 15.625vw;
        height: 12.8125vw
    }

    .common-order-frame-hd>*:not(:first-child),
    .common-order-frame-bd>*:not(:first-child) {
        margin-top: 3.125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .common-btn-favorite {
        width: 7.06215vw
    }

    .common-content>*:not(:first-child) {
        margin-top: 5.29661vw
    }

    .common-sharing .m-order-obj {
        height: 35.31073vw
    }

    .common-sharing .m-order-cont {
        padding: 2.64831vw
    }

    .common-sharing .m-content-bd:before,
    .common-sharing .m-content-bd:after {
        width: 10.59322vw;
        height: 15.88983vw;
        bottom: 0
    }

    .common-sharing .m-content-bd:before {
        left: 3.17797vw
    }

    .common-sharing .m-content-bd:after {
        right: 3.17797vw
    }

    .common-sharing-popup .m-order-obj {
        width: 24.71751vw;
        height: 24.71751vw
    }

    .common-sharing-details-hd {
        margin-bottom: 1.76554vw
    }

    .common-sharing-details-name {
        margin-bottom: 1.76554vw
    }

    .common-sharing-details-name>*:not(:first-child) {
        margin-top: 1.76554vw
    }

    .common-order-frame-hd {
        margin-bottom: 2.64831vw;
        padding-bottom: 2.64831vw
    }

    .common-order-frame-bd .m-title:before {
        width: 8.82768vw;
        height: 7.2387vw
    }

    .common-order-frame-hd>*:not(:first-child),
    .common-order-frame-bd>*:not(:first-child) {
        margin-top: 1.76554vw
    }
}

.job-career-card {
    position: relative
}

.job-career-card>ul {
    position: relative;
    overflow: hidden;
    *zoom: 1
}

.job-career-card>ul>li {
    box-sizing: border-box;
    overflow: hidden;
    *zoom: 1
}

.job-career-figure {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 2
}

.job-career-frame .m-order-obj {
    overflow: visible
}

.job-career-development {
    position: relative
}

.job-career-development:before,
.job-career-development:after {
    content: "";
    position: absolute;
    z-index: 2
}

.job-career-development:before {
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #444 transparent;
    -moz-transform: rotate(24deg) translate(-50%, -50%);
    -ms-transform: rotate(24deg) translate(-50%, -50%);
    -webkit-transform: rotate(24deg) translate(-50%, -50%);
    transform: rotate(24deg) translate(-50%, -50%)
}

.job-career-development:after {
    right: 0;
    bottom: 0;
    background: url('../img/job/career-development056b.png?1536647027') no-repeat center center;
    background-size: 100% 100%
}

.job-career-development>li {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    *zoom: 1
}

.job-career-development>li:not(:first-child):before,
.job-career-development>li:not(:first-child):after {
    background-color: #FFF
}

.job-career-development>li:not(:first-child):before {
    border-right-style: solid;
    border-right-color: #d70c18;
    -moz-transform: skewX(-24deg);
    -ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg)
}

.job-career-development>li:not(:first-child):after {
    border-left-style: solid;
    border-left-color: #d70c18;
    -moz-transform: skewX(24deg);
    -ms-transform: skewX(24deg);
    -webkit-transform: skewX(24deg);
    transform: skewX(24deg)
}

.job-career-development>li:not(:first-child) .job-career-development-item {
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #d70c18;
    border-bottom-color: #d70c18
}

.job-career-development>li:first-child:before {
    bottom: 0;
    left: 50%;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #d70c18 transparent;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.job-career-development>li:before,
.job-career-development>li:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    z-index: 1
}

.job-career-development-item {
    box-sizing: border-box;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.job-career-development-item>* {
    display: block;
    position: relative;
    z-index: 2
}

.job-career-development-mark {
    position: absolute;
    -moz-transform: rotate(-66deg);
    -ms-transform: rotate(-66deg);
    -webkit-transform: rotate(-66deg);
    transform: rotate(-66deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@media screen and (min-width: 1001px) {
    .job-career-card>ul {
        margin-right: -15px;
        margin-left: -15px
    }

    .job-career-card>ul:before {
        margin-top: -45px;
        width: 700px;
        height: 139px
    }

    .job-career-card>ul>li {
        margin-right: 15px;
        margin-left: 15px;
        padding: 30px;
        border-radius: 5px
    }

    .job-career-figure {
        width: 185px;
        height: 205px
    }

    .job-career-development {
        margin-top: -80px;
        margin-bottom: 55px
    }

    .job-career-development:before {
        margin-top: -91px;
        margin-left: -51px;
        border-width: 0 25px 30px 25px
    }

    .job-career-development:after {
        margin-right: 72px;
        margin-bottom: -55px;
        width: 64px;
        height: 132px
    }

    .job-career-development>li {
        width: 390px
    }

    .job-career-development>li:nth-child(1) {
        padding-right: 160px;
        padding-left: 160px
    }

    .job-career-development>li:nth-child(2) {
        padding-right: 115px;
        padding-left: 115px
    }

    .job-career-development>li:nth-child(2):before {
        left: 60px;
        width: 74px
    }

    .job-career-development>li:nth-child(2):after {
        right: 60px;
        width: 74px
    }

    .job-career-development>li:nth-child(2) .job-career-development-item>*:not(.job-career-development-mark) {
        padding-left: 22px
    }

    .job-career-development>li:nth-child(2) .job-career-development-mark {
        width: 100px
    }

    .job-career-development>li:nth-child(3) {
        padding-right: 70px;
        padding-left: 70px
    }

    .job-career-development>li:nth-child(3):before {
        left: 20px;
        width: 72px
    }

    .job-career-development>li:nth-child(3):after {
        right: 20px;
        width: 72px
    }

    .job-career-development>li:nth-child(3) .job-career-development-item {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMiUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YzFjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMiUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YzFjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), #FFF;
        background: -moz-radial-gradient(#f7c1cb 2px, rgba(255, 255, 255, 0) 2px), -moz-radial-gradient(#f7c1cb 2px, rgba(255, 255, 255, 0) 2px), #FFF;
        background: -webkit-radial-gradient(#f7c1cb 2px, rgba(255, 255, 255, 0) 2px), -webkit-radial-gradient(#f7c1cb 2px, rgba(255, 255, 255, 0) 2px), #FFF;
        background: radial-gradient(#f7c1cb 2px, rgba(255, 255, 255, 0) 2px), radial-gradient(#f7c1cb 2px, rgba(255, 255, 255, 0) 2px), #FFF;
        background-position: 0 0, 8px 8px;
        background-size: 16px 16px
    }

    .job-career-development>li:nth-child(4) {
        padding-right: 25px;
        padding-left: 25px
    }

    .job-career-development>li:nth-child(4):before {
        left: -20px;
        width: 70px
    }

    .job-career-development>li:nth-child(4):after {
        right: -20px;
        width: 70px
    }

    .job-career-development>li:first-child:before {
        width: 80px;
        border-width: 0 39px 88px 39px
    }

    .job-career-development>li:first-child .job-career-development-item>* {
        top: 20px
    }

    .job-career-development>li:not(:first-child) {
        margin-top: 3px;
        padding-top: 2px;
        padding-bottom: 2px
    }

    .job-career-development>li:not(:first-child):before,
    .job-career-development>li:not(:first-child):after {
        top: 2px;
        height: calc(100% - 4px)
    }

    .job-career-development>li:not(:first-child):before {
        border-right-width: 2px
    }

    .job-career-development>li:not(:first-child):after {
        border-left-width: 2px
    }

    .job-career-development-item {
        padding-top: 20px;
        padding-bottom: 20px;
        border-width: 2px;
        min-height: 90px
    }

    .job-career-development-mark {
        bottom: -40px;
        left: -25px;
        width: 120px;
        height: 35px;
        line-height: 35px
    }
}

@media screen and (min-width: 740px) and (min-height: 414px) {
    .job-career-card>ul {
        display: -webkit-flex;
        display: flex
    }

    .job-career-card>ul:before {
        content: "";
        top: 50%;
        left: 50%;
        background: url('../img/job/career-dash056b.png?1536647027') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        z-index: 1;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .job-career-card>ul>li {
        min-width: 1%;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .job-career-card>ul {
        margin-right: -1.30208vw;
        margin-left: -1.30208vw
    }

    .job-career-card>ul:before {
        margin-top: -8.46354vw;
        width: 68.35938vw;
        height: 13.57422vw
    }

    .job-career-card>ul>li {
        margin-right: 1.30208vw;
        margin-left: 1.30208vw;
        padding: 2.60417vw;
        border-radius: .65104vw
    }

    .job-career-figure {
        width: 18.22917vw;
        height: 20.19989vw
    }

    .job-career-development {
        margin-top: -7.16146vw;
        margin-bottom: 55px
    }

    .job-career-development:before {
        margin-top: -11.97917vw;
        margin-left: -3.77604vw;
        border-width: 0 3.25521vw 3.90625vw 3.25521vw
    }

    .job-career-development:after {
        margin-right: -1.30208vw;
        margin-bottom: -5.20833vw;
        width: 7.16146vw;
        height: 14.77051vw
    }

    .job-career-development>li {
        width: 45.57292vw
    }

    .job-career-development>li:nth-child(1) {
        padding-right: 18.75vw;
        padding-left: 18.75vw
    }

    .job-career-development>li:nth-child(2) {
        padding-right: 13.54167vw;
        padding-left: 13.54167vw
    }

    .job-career-development>li:nth-child(2):before {
        left: 7.29167vw;
        width: 8.85417vw
    }

    .job-career-development>li:nth-child(2):after {
        right: 7.29167vw;
        width: 8.85417vw
    }

    .job-career-development>li:nth-child(2) .job-career-development-item>*:not(.job-career-development-mark) {
        padding-left: 2.08333vw
    }

    .job-career-development>li:nth-child(2) .job-career-development-mark {
        width: 13.67188vw
    }

    .job-career-development>li:nth-child(3) {
        padding-right: 8.33333vw;
        padding-left: 8.33333vw
    }

    .job-career-development>li:nth-child(3):before {
        left: 2.34375vw;
        width: 8.59375vw
    }

    .job-career-development>li:nth-child(3):after {
        right: 2.34375vw;
        width: 8.59375vw
    }

    .job-career-development>li:nth-child(3) .job-career-development-item {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMC4yNjA0MiUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YzFjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMC4yNjA0MiUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YzFjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), #FFF;
        background: -moz-radial-gradient(#f7c1cb .26042vw, rgba(255, 255, 255, 0) .26042vw), -moz-radial-gradient(#f7c1cb .26042vw, rgba(255, 255, 255, 0) .26042vw), #FFF;
        background: -webkit-radial-gradient(#f7c1cb .26042vw, rgba(255, 255, 255, 0) .26042vw), -webkit-radial-gradient(#f7c1cb .26042vw, rgba(255, 255, 255, 0) .26042vw), #FFF;
        background: radial-gradient(#f7c1cb .26042vw, rgba(255, 255, 255, 0) .26042vw), radial-gradient(#f7c1cb .26042vw, rgba(255, 255, 255, 0) .26042vw), #FFF;
        background-position: 0 0, 1.04167vw 1.04167vw;
        background-size: 2.08333vw 2.08333vw
    }

    .job-career-development>li:nth-child(4) {
        padding-right: 3.125vw;
        padding-left: 3.125vw
    }

    .job-career-development>li:nth-child(4):before {
        left: -2.60417vw;
        width: 8.33333vw
    }

    .job-career-development>li:nth-child(4):after {
        right: -2.60417vw;
        width: 8.33333vw
    }

    .job-career-development>li:first-child:before {
        width: 8.59375vw;
        border-width: 0 4.16667vw 9.63542vw 4.16667vw
    }

    .job-career-development>li:first-child .job-career-development-item>* {
        top: 2.60417vw
    }

    .job-career-development>li:not(:first-child) {
        margin-top: .39063vw;
        padding-top: .26042vw;
        padding-bottom: .26042vw
    }

    .job-career-development>li:not(:first-child):before,
    .job-career-development>li:not(:first-child):after {
        top: .26042vw;
        height: calc(100% - .52083vw)
    }

    .job-career-development>li:not(:first-child):before {
        border-right-width: 2px
    }

    .job-career-development>li:not(:first-child):after {
        border-left-width: 2px
    }

    .job-career-development>li:nth-child(2) .job-career-development-item>*:not(.job-career-development-mark) {
        -moz-transform: scale(.8, .8);
        -ms-transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8)
    }

    .job-career-development-item {
        padding-top: 2.60417vw;
        padding-bottom: 2.60417vw;
        border-width: 2px;
        min-height: 11.71875vw
    }

    .job-career-development-mark {
        bottom: -5.20833vw;
        left: -3.25521vw;
        width: 16.27604vw;
        height: 3.90625vw;
        line-height: 3.90625vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .job-career-development>li:not(:first-child):before {
        border-right-width: 2px
    }

    .job-career-development>li:not(:first-child):after {
        border-left-width: 2px
    }

    .job-career-development-item {
        border-width: 2px
    }

    .job-career-development-item>*:not(.job-career-development-mark)>* {
        font-size: 80%
    }

    .job-career-development-item>*:not(.job-career-development-mark):not(:first-child) {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    .job-career-card>ul {
        margin: -6.25vw -3.125vw
    }

    .job-career-card>ul>li {
        margin: 6.25vw 3.125vw;
        padding: 6.25vw;
        border-radius: 1.5625vw
    }

    .job-career-figure {
        width: 57.5vw;
        height: 63.71622vw
    }

    .job-career-development {
        margin-bottom: 55px
    }

    .job-career-development:before {
        margin-top: -25.3125vw;
        margin-left: -9.375vw;
        border-width: 0 6.25vw 7.8125vw 6.25vw
    }

    .job-career-development:after {
        margin-right: 3.125vw;
        margin-bottom: -12.5vw;
        width: 15.625vw;
        height: 32.22656vw
    }

    .job-career-development>li {
        width: 100%
    }

    .job-career-development>li:nth-child(1) {
        padding-right: 39.6875vw;
        padding-left: 39.6875vw
    }

    .job-career-development>li:nth-child(2) {
        padding-right: 28.4375vw;
        padding-left: 28.4375vw
    }

    .job-career-development>li:nth-child(2):before {
        left: 13.125vw;
        width: 20.3125vw
    }

    .job-career-development>li:nth-child(2):after {
        right: 13.125vw;
        width: 20.3125vw
    }

    .job-career-development>li:nth-child(2) .job-career-development-item>*:not(.job-career-development-mark) {
        padding-left: 3.125vw
    }

    .job-career-development>li:nth-child(2) .job-career-development-mark {
        width: 31.25vw
    }

    .job-career-development>li:nth-child(3) {
        padding-right: 17.1875vw;
        padding-left: 17.1875vw
    }

    .job-career-development>li:nth-child(3):before {
        left: 3.4375vw;
        width: 18.75vw
    }

    .job-career-development>li:nth-child(3):after {
        right: 3.4375vw;
        width: 18.75vw
    }

    .job-career-development>li:nth-child(3) .job-career-development-item {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMC42MjUlIj48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2MxY2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMC42MjUlIj48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2MxY2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #FFF;
        background: -moz-radial-gradient(#f7c1cb .625vw, rgba(255, 255, 255, 0) .625vw), -moz-radial-gradient(#f7c1cb .625vw, rgba(255, 255, 255, 0) .625vw), #FFF;
        background: -webkit-radial-gradient(#f7c1cb .625vw, rgba(255, 255, 255, 0) .625vw), -webkit-radial-gradient(#f7c1cb .625vw, rgba(255, 255, 255, 0) .625vw), #FFF;
        background: radial-gradient(#f7c1cb .625vw, rgba(255, 255, 255, 0) .625vw), radial-gradient(#f7c1cb .625vw, rgba(255, 255, 255, 0) .625vw), #FFF;
        background-position: 0 0, 2.5vw 2.5vw;
        background-size: 5vw 5vw
    }

    .job-career-development>li:nth-child(4) {
        padding-right: 5.9375vw;
        padding-left: 5.9375vw
    }

    .job-career-development>li:nth-child(4):before {
        left: -6.25vw;
        width: 17.1875vw
    }

    .job-career-development>li:nth-child(4):after {
        right: -6.25vw;
        width: 17.1875vw
    }

    .job-career-development>li:first-child:before {
        width: 15.625vw;
        border-width: 0 7.5vw 18.125vw 7.5vw
    }

    .job-career-development>li:first-child .job-career-development-item>* {
        top: 6.25vw
    }

    .job-career-development>li:not(:first-child) {
        margin-top: .9375vw;
        padding-top: .625vw;
        padding-bottom: .625vw
    }

    .job-career-development>li:not(:first-child):before,
    .job-career-development>li:not(:first-child):after {
        top: .625vw;
        height: calc(100% - 1.25vw)
    }

    .job-career-development-item {
        padding-top: 4.6875vw;
        padding-bottom: 4.6875vw;
        min-height: 21.875vw
    }

    .job-career-development-mark {
        bottom: -12.5vw;
        left: -7.8125vw;
        width: 37.5vw;
        height: 7.8125vw;
        line-height: 7.8125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .job-career-card>ul {
        margin: -3.53107vw -1.76554vw
    }

    .job-career-card>ul>li {
        margin: 3.53107vw 1.76554vw;
        padding: 3.53107vw;
        border-radius: .88277vw
    }

    .job-career-figure {
        width: 32.48588vw;
        height: 35.99786vw
    }

    .job-career-development {
        margin-bottom: 55px
    }

    .job-career-development:before {
        margin-top: -14.30085vw;
        margin-left: -5.29661vw;
        border-width: 0 3.53107vw 4.41384vw 3.53107vw
    }

    .job-career-development:after {
        margin-right: 1.76554vw;
        margin-bottom: -7.06215vw;
        width: 8.82768vw;
        height: 18.2071vw
    }

    .job-career-development>li {
        width: 100%
    }

    .job-career-development>li:nth-child(1) {
        padding-right: 22.42232vw;
        padding-left: 22.42232vw
    }

    .job-career-development>li:nth-child(2) {
        padding-right: 16.06638vw;
        padding-left: 16.06638vw
    }

    .job-career-development>li:nth-child(2):before {
        left: 7.41525vw;
        width: 11.47599vw
    }

    .job-career-development>li:nth-child(2):after {
        right: 7.41525vw;
        width: 11.47599vw
    }

    .job-career-development>li:nth-child(2) .job-career-development-item>*:not(.job-career-development-mark) {
        padding-left: 1.76554vw
    }

    .job-career-development>li:nth-child(2) .job-career-development-mark {
        width: 17.65537vw
    }

    .job-career-development>li:nth-child(3) {
        padding-right: 9.71045vw;
        padding-left: 9.71045vw
    }

    .job-career-development>li:nth-child(3):before {
        left: 1.94209vw;
        width: 10.59322vw
    }

    .job-career-development>li:nth-child(3):after {
        right: 1.94209vw;
        width: 10.59322vw
    }

    .job-career-development>li:nth-child(3) .job-career-development-item {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMC4zNTMxMSUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YzFjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMC4zNTMxMSUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YzFjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), #FFF;
        background: -moz-radial-gradient(#f7c1cb .35311vw, rgba(255, 255, 255, 0) .35311vw), -moz-radial-gradient(#f7c1cb .35311vw, rgba(255, 255, 255, 0) .35311vw), #FFF;
        background: -webkit-radial-gradient(#f7c1cb .35311vw, rgba(255, 255, 255, 0) .35311vw), -webkit-radial-gradient(#f7c1cb .35311vw, rgba(255, 255, 255, 0) .35311vw), #FFF;
        background: radial-gradient(#f7c1cb .35311vw, rgba(255, 255, 255, 0) .35311vw), radial-gradient(#f7c1cb .35311vw, rgba(255, 255, 255, 0) .35311vw), #FFF;
        background-position: 0 0, 1.41243vw 1.41243vw;
        background-size: 2.82486vw 2.82486vw
    }

    .job-career-development>li:nth-child(4) {
        padding-right: 3.35452vw;
        padding-left: 3.35452vw
    }

    .job-career-development>li:nth-child(4):before {
        left: -3.53107vw;
        width: 9.71045vw
    }

    .job-career-development>li:nth-child(4):after {
        right: -3.53107vw;
        width: 9.71045vw
    }

    .job-career-development>li:first-child:before {
        width: 8.82768vw;
        border-width: 0 4.23729vw 10.24011vw 4.23729vw
    }

    .job-career-development>li:first-child .job-career-development-item>* {
        top: 3.53107vw
    }

    .job-career-development>li:not(:first-child) {
        margin-top: .52966vw;
        padding-top: .35311vw;
        padding-bottom: .35311vw
    }

    .job-career-development>li:not(:first-child):before,
    .job-career-development>li:not(:first-child):after {
        top: .35311vw;
        height: calc(100% - .70621vw)
    }

    .job-career-development-item {
        padding-top: 2.64831vw;
        padding-bottom: 2.64831vw;
        min-height: 12.35876vw
    }

    .job-career-development-mark {
        bottom: -7.06215vw;
        left: -4.41384vw;
        width: 21.18644vw;
        height: 4.41384vw;
        line-height: 4.41384vw
    }
}

@media screen and (min-width: 1001px) {
    .job-details-frame {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center
    }

    .job-details-cont {
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .job-details-tools {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .job-details-cont {
        width: calc(100% - 320px);
        margin-right: 20px
    }

    .job-details-cont .m-col-bd {
        margin-top: -5px;
        margin-bottom: -5px
    }

    .job-details-cont .m-col-bd>* {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .job-details-tools {
        width: 320px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .job-details-cont {
        width: calc(100% - 27.58621vw);
        margin-right: 1.72414vw
    }

    .job-details-cont .m-col-bd {
        margin-top: -.43103vw;
        margin-bottom: -.43103vw
    }

    .job-details-cont .m-col-bd>* {
        padding-top: .43103vw;
        padding-bottom: .43103vw
    }

    .job-details-tools {
        width: 27.58621vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .job-details-cont .m-col-bd {
        margin-top: -.65104vw;
        margin-bottom: -.65104vw
    }

    .job-details-cont .m-col-bd>* {
        padding-top: .65104vw;
        padding-bottom: .65104vw
    }

    .job-details-tools {
        margin-top: 2.60417vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .job-details-tools {
        margin-top: 6.25vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .job-details-tools {
        margin-top: 3.53107vw
    }
}

.job-envi {
    position: relative
}

.job-envi:before {
    content: "";
    left: 50%;
    position: absolute;
    background: url('../img/job/city-scape4edc.png?1536568371') center center no-repeat;
    background-size: 100% auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.job-envi-owl {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.job-envi-owl:before,
.job-envi-owl:after {
    content: "";
    position: absolute;
    z-index: 2
}

.job-envi-owl:before {
    background: url('../img/common/icon-woman147f.png?1539591971') center center no-repeat;
    background-size: 100% auto
}

.job-envi-owl:after {
    background: url('../img/common/icon-man6d02.png?1536561451') center center no-repeat;
    background-size: 100% auto
}

.job-envi-item {
    margin-bottom: 5px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    overflow: hidden;
    -moz-box-shadow: 0 5px 0 0 #d0cdcd;
    -webkit-box-shadow: 0 5px 0 0 #d0cdcd;
    box-shadow: 0 5px 0 0 #d0cdcd
}

.job-envi-item-hd {
    border-radius: 5px;
    overflow: hidden
}

.job-envi-item-hd>figure {
    width: 200%;
    height: 100%;
    left: 50%;
    position: relative;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .job-envi:before {
        top: 264px;
        width: 1000px;
        height: 200px
    }

    .job-envi-owl {
        margin-bottom: 50px;
        width: 640px
    }

    .job-envi-owl:before,
    .job-envi-owl:after {
        width: 80px;
        height: 150px
    }

    .job-envi-owl:before {
        bottom: -42px;
        left: -48px
    }

    .job-envi-owl:after {
        bottom: -65px;
        right: -50px
    }

    .job-envi-item-hd {
        height: 480px
    }

    .job-envi-item-bd {
        padding: 20px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .job-envi:before {
        top: 22.75862vw;
        width: 86.2069vw;
        height: 17.24138vw
    }

    .job-envi-owl {
        margin-bottom: 4.31034vw;
        width: 55.17241vw
    }

    .job-envi-owl:before,
    .job-envi-owl:after {
        width: 6.89655vw;
        height: 12.93103vw
    }

    .job-envi-owl:before {
        bottom: -3.62069vw;
        left: -4.13793vw
    }

    .job-envi-owl:after {
        bottom: -5.60345vw;
        right: -4.31034vw
    }

    .job-envi-item-hd {
        height: 41.37931vw
    }

    .job-envi-item-bd {
        padding: 1.72414vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .job-envi:before {
        top: 31.25vw;
        width: 117.1875vw;
        height: 23.4375vw
    }

    .job-envi-owl {
        margin-bottom: 6.51042vw;
        width: 72.91667vw
    }

    .job-envi-owl:before,
    .job-envi-owl:after {
        width: 9.11458vw;
        height: 17.1875vw
    }

    .job-envi-owl:before {
        bottom: -3.64583vw;
        left: -5.98958vw
    }

    .job-envi-owl:after {
        bottom: -7.29167vw;
        right: -5.20833vw
    }

    .job-envi-item-hd {
        height: 420px
    }

    .job-envi-item-bd {
        padding: 20px
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .job-envi:before {
        top: 43.75vw;
        width: 125vw;
        height: 25vw
    }

    .job-envi-owl {
        margin-bottom: 12.5vw;
        width: 87.5vw
    }

    .job-envi-owl:before,
    .job-envi-owl:after {
        width: 16.875vw;
        height: 31.25vw
    }

    .job-envi-owl:before {
        bottom: -6.25vw;
        left: -8.125vw
    }

    .job-envi-owl:after {
        bottom: -11.25vw;
        right: -7.5vw
    }

    .job-envi-item-hd {
        height: 65.625vw
    }

    .job-envi-item-bd {
        padding: 6.25vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .job-envi:before {
        top: 24.71751vw;
        width: 70.62147vw;
        height: 14.12429vw
    }

    .job-envi-owl {
        margin-bottom: 7.06215vw;
        width: 49.43503vw
    }

    .job-envi-owl:before,
    .job-envi-owl:after {
        width: 9.5339vw;
        height: 17.65537vw
    }

    .job-envi-owl:before {
        bottom: -3.53107vw;
        left: -4.5904vw
    }

    .job-envi-owl:after {
        bottom: -6.35593vw;
        right: -4.23729vw
    }

    .job-envi-item-hd {
        height: 37.07627vw
    }

    .job-envi-item-bd {
        padding: 3.53107vw
    }
}

.job-welfare>li:nth-child(1) {
    position: relative;
    z-index: 2
}

.job-welfare-type>li {
    box-sizing: border-box
}

/* .job-welfare-type>li:nth-child(1) .job-welfare-type-item:before {
    background: url('../img/job/icon-salary-18f32.png?1536202535') center center no-repeat;
    background-size: 100% auto
} */

/* .job-welfare-type>li:nth-child(2) .job-welfare-type-item:before {
    background: url('../img/job/icon-salary-25dc7.png?1536202539') center center no-repeat;
    background-size: 100% auto
} */

/* .job-welfare-type>li:nth-child(3) .job-welfare-type-item:before {
    background: url('../img/job/icon-salary-3810a.png?1536202550') center center no-repeat;
    background-size: 100% auto
} */

.job-welfare-type-item {
    position: relative
}

.job-welfare-type-item:before {
    content: "";
    position: absolute;
    z-index: 2
}

.job-welfare-type-item>li {
    border-color: #0058a0;
    box-sizing: border-box;
    position: relative
}

.job-welfare-type-item>li[data-border="dashed"] {
    border-style: dashed
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-white:before {
    background-color: #FFF
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-black:before {
    background-color: #000
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray:before {
    background-color: gray
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-l-p40:before {
    background-color: #e6e6e6
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-l-p30:before {
    background-color: #cdcdcd
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-l-p20:before {
    background-color: #b3b3b3
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-l-p10:before {
    background-color: #9a9a9a
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-d-p40:before {
    background-color: #1a1a1a
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-d-p30:before {
    background-color: #343434
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-d-p20:before {
    background-color: #4d4d4d
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-d-p10:before {
    background-color: #676767
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-transparent:before {
    background-color: transparent
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-44:before {
    background-color: #444
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-4a:before {
    background-color: #4a4a4a
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-59:before {
    background-color: #595959
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-8e:before {
    background-color: #8e8e8e
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-d7:before {
    background-color: #d7d7d7
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-e7:before {
    background-color: #e7e7e7
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-f2:before {
    background-color: #f2f2f2
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-f8:before {
    background-color: #f8f8f8
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-red:before {
    background-color: #d70c18
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-pink:before {
    background-color: #f7ced1
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-pink-1:before {
    background-color: #ffeaeb
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-pink-2:before {
    background-color: #ef7886
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-peach-purple:before {
    background-color: #cc3467
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-green:before {
    background-color: #55c187
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-brown:before {
    background-color: #a58329
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-gray-apple:before {
    background-color: #d6d5d8
}

.job-welfare-type-item>li[data-border="dashed"].b-bg-green-android:before {
    background-color: #aac148
}

.job-welfare-type-item>li[data-border="dashed"]:before,
.job-welfare-type-item>li[data-border="dashed"]:after {
    content: "";
    position: absolute
}

.job-welfare-type-item>li[data-border="dashed"]:before {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

/* .job-welfare-type-item>li[data-border="dashed"]:after {
    background: url('../img/job/sparkling09c3.png?1536202547') center center no-repeat;
    background-size: 100% auto
} */

.job-welfare-type-item>li[data-border="dashed"]+li:before,
.job-welfare-type-item>li[data-border="dashed"]+li:after {
    content: "";
    bottom: 0;
    height: 200%;
    background-color: #d70c18;
    position: absolute
}

.job-welfare-type-item>li[data-border="dashed"]+li:before {
    left: -2px
}

.job-welfare-type-item>li[data-border="dashed"]+li:after {
    right: -2px
}

.job-welfare-type-item>li:not([data-border="dashed"]) {
    border-style: solid
}

.job-welfare-type-item>li:not(:last-child) {
    border-bottom: none
}

.job-welfare-type-item>li:last-child {
    /* background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMiUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMiUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #d70c18;
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0) 2px), -moz-radial-gradient(rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0) 2px), #d70c18;
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0) 2px), -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0) 2px), #d70c18;
    background: radial-gradient(rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0) 2px), radial-gradient(rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0) 2px), #d70c18;
     */
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    background:#126cb6;
}

.job-welfare-type-item>li:last-child:before,
.job-welfare-type-item>li:last-child:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid
}

.job-welfare-type-item>li:last-child:before {
    left: -2px;
    border-color: transparent transparent #00569d  transparent
}

.job-welfare-type-item>li:last-child:after {
    right: -2px;
    border-color: transparent transparent transparent #00569d 
}

.job-welfare-type-item>li figure {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.job-welfare-frame {
    position: relative;
    box-sizing: border-box;
    border: 3px solid #f7ced1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .job-welfare>li:nth-child(2) {
        margin-top: -150px;
        padding-top: 80px
    }

    .job-welfare-type {
        margin-left: -24px;
        margin-right: -24px
    }

    .job-welfare-type>li {
        padding-left: 24px;
        padding-right: 24px;
        width: 268px
    }

    .job-welfare-type>li:nth-child(1) .job-welfare-type-item:before {
        bottom: -20px;
        left: -16px;
        width: 32px;
        height: 85px
    }

    .job-welfare-type>li:nth-child(2) .job-welfare-type-item:before {
        top: -30px;
        right: 20px;
        width: 32px;
        height: 44px
    }

    .job-welfare-type>li:nth-child(3) .job-welfare-type-item:before {
        bottom: -20px;
        right: -18px;
        width: 42px;
        height: 84px
    }

    .job-welfare-type-item>li {
        padding: 15px;
        border-width: 2px
    }

    .job-welfare-type-item>li[data-border="dashed"]:before {
        top: -2px;
        left: -2px;
        width: 16px;
        height: 16px
    }

    .job-welfare-type-item>li[data-border="dashed"]:after {
        top: -12px;
        left: -14px;
        width: 23px;
        height: 23px
    }

    .job-welfare-type-item>li[data-border="dashed"]+li:before,
    .job-welfare-type-item>li[data-border="dashed"]+li:after {
        width: 2px
    }

    .job-welfare-type-item>li:not(:last-child) {
        margin-left: 10px;
        margin-right: 10px
    }

    .job-welfare-type-item>li:first-child {
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px;
        border-radius: 10px 10px 0 0
    }

    .job-welfare-type-item>li:last-child {
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0;
        border-radius: 0 0 5px 5px
    }

    .job-welfare-type-item>li:last-child:before,
    .job-welfare-type-item>li:last-child:after {
        top: -10px
    }

    .job-welfare-type-item>li:last-child:before {
        border-width: 0 0 8px 10px
    }

    .job-welfare-type-item>li:last-child:after {
        border-width: 8px 0 0 10px
    }

    .job-welfare-type-item>li>*:not(:first-child) {
        margin-top: 10px
    }

    .job-welfare-type-item>li figure {
        width: 35px
    }

    .job-welfare-frame {
        padding: 30px
    }

    .job-welfare-frame .m-order-obj {
        margin-left: 30px
    }

    .job-welfare-frame .m-order-obj .m-icon {
        font-size: 80px
    }

    .job-welfare-frame-hd {
        margin-bottom: 10px
    }

    .job-welfare-frame-bd>*:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .job-welfare>li:nth-child(2) {
        margin-top: -12.93103vw;
        padding-top: 6.89655vw
    }

    .job-welfare-type {
        margin-left: -2.06897vw;
        margin-right: -2.06897vw
    }

    .job-welfare-type>li {
        padding-left: 2.06897vw;
        padding-right: 2.06897vw;
        width: 23.10345vw
    }

    .job-welfare-type>li:nth-child(1) .job-welfare-type-item:before {
        bottom: -1.72414vw;
        left: -1.37931vw;
        width: 2.75862vw;
        height: 7.32759vw
    }

    .job-welfare-type>li:nth-child(2) .job-welfare-type-item:before {
        top: -2.58621vw;
        right: 1.72414vw;
        width: 2.75862vw;
        height: 3.7931vw
    }

    .job-welfare-type>li:nth-child(3) .job-welfare-type-item:before {
        bottom: -1.72414vw;
        right: -1.55172vw;
        width: 3.62069vw;
        height: 7.24138vw
    }

    .job-welfare-type-item>li {
        padding: 1.2931vw;
        border-width: .17241vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:before {
        top: -.17241vw;
        left: -.17241vw;
        width: 1.37931vw;
        height: 1.37931vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:after {
        top: -1.03448vw;
        left: -1.2069vw;
        width: 1.98276vw;
        height: 1.98276vw
    }

    .job-welfare-type-item>li[data-border="dashed"]+li:before,
    .job-welfare-type-item>li[data-border="dashed"]+li:after {
        width: .17241vw
    }

    .job-welfare-type-item>li:not(:last-child) {
        margin-left: .86207vw;
        margin-right: .86207vw
    }

    .job-welfare-type-item>li:first-child {
        -moz-border-radius: .86207vw .86207vw 0 0;
        -webkit-border-radius: .86207vw;
        border-radius: .86207vw .86207vw 0 0
    }

    .job-welfare-type-item>li:last-child {
        -moz-border-radius: 0 0 .43103vw .43103vw;
        -webkit-border-radius: 0;
        border-radius: 0 0 .43103vw .43103vw
    }

    .job-welfare-type-item>li:last-child:before,
    .job-welfare-type-item>li:last-child:after {
        top: -.86207vw
    }

    .job-welfare-type-item>li:last-child:before {
        border-width: 0 0 .68966vw .86207vw
    }

    .job-welfare-type-item>li:last-child:after {
        border-width: .68966vw 0 0 .86207vw
    }

    .job-welfare-type-item>li>*:not(:first-child) {
        margin-top: .86207vw
    }

    .job-welfare-type-item>li figure {
        width: 3.01724vw
    }

    .job-welfare-frame {
        padding: 2.58621vw
    }

    .job-welfare-frame .m-order-obj {
        margin-left: 2.58621vw
    }

    .job-welfare-frame .m-order-obj .m-icon {
        font-size: 6.89655vw
    }

    .job-welfare-frame-hd {
        margin-bottom: .86207vw
    }

    .job-welfare-frame-bd>*:not(:first-child) {
        margin-top: 1.72414vw
    }
}

@media screen and (min-width: 740px) and (min-height: 414px) {
    .job-welfare-type {
        letter-spacing: -0.34em !important;
        line-height: 0;
        text-rendering: optimizespeed
    }

    .job-welfare-type>* {
        letter-spacing: normal;
        line-height: 1.35
    }

    .job-welfare-type>li {
        display: inline-block;
        vertical-align: bottom;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .job-welfare>li:nth-child(2) {
        margin-top: -22.13542vw;
        padding-top: 13.02083vw
    }

    .job-welfare-type {
        margin-left: -1.30208vw;
        margin-right: -1.30208vw
    }

    .job-welfare-type>li {
        padding-left: 1.30208vw;
        padding-right: 1.30208vw;
        width: 33.3333%
    }

    .job-welfare-type>li:nth-child(1) .job-welfare-type-item:before {
        bottom: -3.64583vw;
        left: -2.08333vw;
        width: 4.16667vw;
        height: 11.06771vw
    }

    .job-welfare-type>li:nth-child(2) .job-welfare-type-item:before {
        top: -3.90625vw;
        right: 2.60417vw;
        width: 4.16667vw;
        height: 5.72917vw
    }

    .job-welfare-type>li:nth-child(3) .job-welfare-type-item:before {
        bottom: -3.64583vw;
        right: -2.34375vw;
        width: 5.46875vw;
        height: 10.9375vw
    }

    .job-welfare-type-item>li {
        padding: 1.5625vw;
        border-width: .26042vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:before {
        top: -.26042vw;
        left: -.26042vw;
        width: 2.08333vw;
        height: 2.08333vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:after {
        top: -1.5625vw;
        left: -1.82292vw;
        width: 2.99479vw;
        height: 2.99479vw
    }

    .job-welfare-type-item>li[data-border="dashed"]+li:before,
    .job-welfare-type-item>li[data-border="dashed"]+li:after {
        width: .26042vw
    }

    .job-welfare-type-item>li:not(:last-child) {
        margin-left: 1.30208vw;
        margin-right: 1.30208vw
    }

    .job-welfare-type-item>li:first-child {
        -moz-border-radius: 1.30208vw 1.30208vw 0 0;
        -webkit-border-radius: 1.30208vw;
        border-radius: 1.30208vw 1.30208vw 0 0
    }

    .job-welfare-type-item>li:last-child {
        -moz-border-radius: 0 0 .65104vw .65104vw;
        -webkit-border-radius: 0;
        border-radius: 0 0 .65104vw .65104vw
    }

    .job-welfare-type-item>li:last-child:before,
    .job-welfare-type-item>li:last-child:after {
        top: -1.30208vw
    }

    .job-welfare-type-item>li:last-child:before {
        border-width: 0 0 1.04167vw 1.30208vw
    }

    .job-welfare-type-item>li:last-child:after {
        border-width: 1.04167vw 0 0 1.30208vw
    }

    .job-welfare-type-item>li>*:not(:first-child) {
        margin-top: 1.30208vw
    }

    .job-welfare-type-item>li figure {
        width: 4.16667vw
    }

    .job-welfare-frame {
        padding: 3.90625vw 2.60417vw
    }

    .job-welfare-frame .m-order-obj .m-icon {
        font-size: 10.41667vw
    }

    .job-welfare-frame-hd {
        margin-bottom: 1.30208vw
    }

    .job-welfare-frame-bd>*:not(:first-child) {
        margin-top: 2.60417vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .job-welfare-frame .m-order-obj {
        text-align: center
    }

    .job-welfare>li:nth-child(2) {
        margin-top: -218.75vw;
        padding-top: 218.75vw
    }

    .job-welfare-type>li:nth-child(1) .job-welfare-type-item:before {
        bottom: -8.75vw;
        left: -5vw;
        width: 10vw;
        height: 26.5625vw
    }

    .job-welfare-type>li:nth-child(2) .job-welfare-type-item:before {
        top: -9.375vw;
        right: 6.25vw;
        width: 10vw;
        height: 13.75vw
    }

    .job-welfare-type>li:nth-child(3) .job-welfare-type-item:before {
        bottom: -8.75vw;
        right: -5.625vw;
        width: 13.125vw;
        height: 26.25vw
    }

    .job-welfare-type>li:not(:first-child) {
        margin-top: 15.625vw
    }

    .job-welfare-type-item {
        width: 68.75vw;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }

    .job-welfare-type-item>li {
        padding: 3.125vw;
        border-width: .625vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:before {
        top: -.625vw;
        left: -.625vw;
        width: 5vw;
        height: 5vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:after {
        top: -3.75vw;
        left: -4.375vw;
        width: 7.1875vw;
        height: 7.1875vw
    }

    .job-welfare-type-item>li[data-border="dashed"]+li:before,
    .job-welfare-type-item>li[data-border="dashed"]+li:after {
        width: .625vw
    }

    .job-welfare-type-item>li:not(:last-child) {
        margin-left: 10px;
        margin-right: 10px
    }

    .job-welfare-type-item>li:first-child {
        -moz-border-radius: 3.125vw 3.125vw 0 0;
        -webkit-border-radius: 3.125vw;
        border-radius: 3.125vw 3.125vw 0 0
    }

    .job-welfare-type-item>li:last-child {
        -moz-border-radius: 0 0 1.5625vw 1.5625vw;
        -webkit-border-radius: 0;
        border-radius: 0 0 1.5625vw 1.5625vw
    }

    .job-welfare-type-item>li:last-child:before,
    .job-welfare-type-item>li:last-child:after {
        top: -10px
    }

    .job-welfare-type-item>li:last-child:before {
        border-width: 0 0 8px 10px
    }

    .job-welfare-type-item>li:last-child:after {
        border-width: 8px 0 0 10px
    }

    .job-welfare-type-item>li>*:not(:first-child) {
        margin-top: 3.125vw
    }

    .job-welfare-type-item>li figure {
        width: 10vw
    }

    .job-welfare-frame {
        padding: 9.375vw 6.25vw
    }

    .job-welfare-frame .m-order-obj .m-icon {
        font-size: 25vw
    }

    .job-welfare-frame-hd {
        margin-bottom: 3.125vw
    }

    .job-welfare-frame-bd>*:not(:first-child) {
        margin-top: 6.25vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .job-welfare>li:nth-child(2) {
        margin-top: -123.58757vw;
        padding-top: 123.58757vw
    }

    .job-welfare-type>li:nth-child(1) .job-welfare-type-item:before {
        bottom: -4.9435vw;
        left: -2.82486vw;
        width: 5.64972vw;
        height: 15.00706vw
    }

    .job-welfare-type>li:nth-child(2) .job-welfare-type-item:before {
        top: -5.29661vw;
        right: 3.53107vw;
        width: 5.64972vw;
        height: 7.76836vw
    }

    .job-welfare-type>li:nth-child(3) .job-welfare-type-item:before {
        bottom: -4.9435vw;
        right: -3.17797vw;
        width: 7.41525vw;
        height: 14.83051vw
    }

    .job-welfare-type>li:not(:first-child) {
        margin-top: 8.82768vw
    }

    .job-welfare-type-item {
        width: 38.84181vw;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }

    .job-welfare-type-item>li {
        padding: 1.76554vw;
        border-width: .35311vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:before {
        top: -.35311vw;
        left: -.35311vw;
        width: 2.82486vw;
        height: 2.82486vw
    }

    .job-welfare-type-item>li[data-border="dashed"]:after {
        top: -2.11864vw;
        left: -2.47175vw;
        width: 4.06073vw;
        height: 4.06073vw
    }

    .job-welfare-type-item>li[data-border="dashed"]+li:before,
    .job-welfare-type-item>li[data-border="dashed"]+li:after {
        width: .35311vw
    }

    .job-welfare-type-item>li:not(:last-child) {
        margin-left: 10px;
        margin-right: 10px
    }

    .job-welfare-type-item>li:first-child {
        -moz-border-radius: 1.76554vw 1.76554vw 0 0;
        -webkit-border-radius: 1.76554vw;
        border-radius: 1.76554vw 1.76554vw 0 0
    }

    .job-welfare-type-item>li:last-child {
        -moz-border-radius: 0 0 .88277vw .88277vw;
        -webkit-border-radius: 0;
        border-radius: 0 0 .88277vw .88277vw
    }

    .job-welfare-type-item>li:last-child:before,
    .job-welfare-type-item>li:last-child:after {
        top: -10px
    }

    .job-welfare-type-item>li:last-child:before {
        border-width: 0 0 8px 10px
    }

    .job-welfare-type-item>li:last-child:after {
        border-width: 8px 0 0 10px
    }

    .job-welfare-type-item>li>*:not(:first-child) {
        margin-top: 1.76554vw
    }

    .job-welfare-type-item>li figure {
        width: 5.64972vw
    }

    .job-welfare-frame {
        padding: 5.29661vw 3.53107vw
    }

    .job-welfare-frame .m-order-obj .m-icon {
        font-size: 14.12429vw
    }

    .job-welfare-frame-hd {
        margin-bottom: 1.76554vw
    }

    .job-welfare-frame-bd>*:not(:first-child) {
        margin-top: 3.53107vw
    }
}

.job-search-sort {
    position: relative;
    display: inline-block
}

.job-search-sort .m-form-select {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

.job-search-sort .m-form-select-hd {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    overflow: hidden
}

.job-search-sort .m-form-select-option {
    white-space: nowrap
}

.job-search-sort-select {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0
}

.job-search-sort-item {
    letter-spacing: -0.34em !important;
    line-height: 0;
    text-rendering: optimizespeed
}

.job-search-sort-item>* {
    letter-spacing: normal;
    line-height: 1.35
}

.job-search-sort-item:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #4a4a4a transparent transparent transparent;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.job-search-sort-item>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

@media screen and (min-width: 1001px) and (min-width: 1160px) {
    .job-search-sort .m-form-select-bd {
        width: 200px;
        top: calc(100% + 30px) !important;
        right: -20px
    }

    .job-search-sort-item:after {
        margin-left: 10px
    }

    .job-search-sort-item>*:not(:first-child) {
        margin-left: 10px
    }

    .job-search-form {
        padding: 20px 20px 10px 20px
    }

    .job-search-form>*:not(:first-child) {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1159px) {
    .job-search-sort .m-form-select-bd {
        width: 17.24138vw;
        top: calc(100% + 2.58621vw) !important;
        right: -1.72414vw
    }

    .job-search-sort-item:after {
        margin-left: .86207vw
    }

    .job-search-sort-item>*:not(:first-child) {
        margin-left: .86207vw
    }

    .job-search-form {
        padding: 1.72414vw 1.72414vw .86207vw 1.72414vw
    }

    .job-search-form>*:not(:first-child) {
        margin-top: .86207vw
    }
}

@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
    .job-search-sort-item:after {
        margin-left: 1.30208vw
    }

    .job-search-sort-item>*:not(:first-child) {
        margin-left: 1.30208vw
    }

    .job-search-form {
        padding: 2.60417vw 2.60417vw 1.30208vw 2.60417vw
    }

    .job-search-form>*:not(:first-child) {
        margin-top: 1.30208vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .job-search-sort-item:after {
        margin-left: 3.125vw
    }

    .job-search-sort-item>*:not(:first-child) {
        margin-left: 3.125vw
    }

    .job-search-form {
        padding: 6.25vw 6.25vw 3.125vw 6.25vw
    }

    .job-search-form>*:not(:first-child) {
        margin-top: 3.125vw
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .job-search-sort-item:after {
        margin-left: 1.76554vw
    }

    .job-search-sort-item>*:not(:first-child) {
        margin-left: 1.76554vw
    }

    .job-search-form {
        padding: 3.53107vw 3.53107vw 1.76554vw 3.53107vw
    }

    .job-search-form>*:not(:first-child) {
        margin-top: 1.76554vw
    }
}

.job-processes-select {
    font-family: "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "黑體", Arial, sans-serif, serif;
    font-weight: bold;
    border: none;
    box-sizing: border-box;
    text-align-last: center;
    background: url('../img/common/select-arrow74a9.png?1536658851');
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.job-processes-select::-ms-expand {
    display: none
}

@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
    .job-processes-select {
        padding: 15px;
        font-size: 20px
    }
}

@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
    .job-processes-select {
        padding: 15px;
        font-size: 20px
    }
}