@charset "UTF-8";/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none;
    -webkit-text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    color: #000;
    background-color: #ff0
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}

button,input,optgroup,select,textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    white-space: normal;
    color: inherit;
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: 0 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border: none;
    outline: 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    background: 0 0;
    outline: 0
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    text-align: center;
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: 0 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    border: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: .6rem;
    line-height: 20px;
    text-align: center;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

#fancybox-loading {
    position: fixed;
    z-index: 1104;
    top: 50%;
    left: 50%;
    display: none;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer
}

#fancybox-loading div {
    background-image: url(fancybox.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px
}

#fancybox-overlay {
    position: absolute;
    z-index: 1100;
    top: 0;
    left: 0;
    display: none;
    width: 100%
}

#fancybox-tmp {
    display: none;
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0
}

#fancybox-wrap {
    position: absolute;
    z-index: 1101;
    top: 0;
    left: 0;
    display: none;
    padding: 20px;
    outline: 0
}

#fancybox-outer {
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%
}

#fancybox-content {
    position: relative;
    z-index: 1102;
    width: 0;
    height: 0;
    padding: 0;
    border: 0 solid #fff
}

@-moz-document url-prefix() {
    #fancybox-content:focus {
        outline: 1px dotted #fff
    }
}

#fancybox-hide-sel-frame {
    background: 0 0;
    position: absolute;
    z-index: 1101;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#fancybox-close {
    background: transparent url(fancybox.png) -40px 0;
    position: absolute;
    z-index: 1103;
    top: -15px;
    right: -15px;
    display: none;
    width: 30px;
    height: 30px;
    cursor: pointer
}

#fancybox-error {
    font: normal 12px/20px Arial;
    color: #444;
    margin: 0;
    padding: 14px
}

#fancybox-img {
    line-height: 0;
    vertical-align: top;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none
}

#fancybox-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

#fancybox-left,#fancybox-right {
    background: transparent url(blank.gif);
    position: absolute;
    z-index: 1102;
    bottom: 0;
    display: none;
    width: 35%;
    height: 100%;
    cursor: pointer;
    outline: 0
}

#fancybox-left {
    left: 0
}

#fancybox-right {
    right: 0
}

#fancybox-left-ico,#fancybox-right-ico {
    position: absolute;
    z-index: 1102;
    top: 50%;
    left: -9999px;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer
}

#fancybox-left-ico {
    background-image: url(fancybox.png);
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-image: url(fancybox.png);
    background-position: -40px -60px
}

#fancybox-left:hover,#fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    right: 20px;
    left: auto
}

.fancybox-bg {
    position: absolute;
    z-index: 1001;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0
}

#fancybox-bg-n {
    background-image: url(fancybox-x.png);
    top: -20px;
    left: 0;
    width: 100%
}

#fancybox-bg-ne {
    background-image: url(fancybox.png);
    background-position: -40px -162px;
    top: -20px;
    right: -20px
}

#fancybox-bg-e {
    background-image: url(fancybox-y.png);
    background-position: -20px 0;
    top: 0;
    right: -20px;
    height: 100%
}

#fancybox-bg-se {
    background-image: url(fancybox.png);
    background-position: -40px -182px;
    right: -20px;
    bottom: -20px
}

#fancybox-bg-s {
    background-image: url(fancybox-x.png);
    background-position: 0 -20px;
    bottom: -20px;
    left: 0;
    width: 100%
}

#fancybox-bg-sw {
    background-image: url(fancybox.png);
    background-position: -40px -142px;
    bottom: -20px;
    left: -20px
}

#fancybox-bg-w {
    background-image: url(fancybox-y.png);
    top: 0;
    left: -20px;
    height: 100%
}

#fancybox-bg-nw {
    background-image: url(fancybox.png);
    background-position: -40px -122px;
    top: -20px;
    left: -20px
}

#fancybox-title {
    font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    z-index: 1102
}

.fancybox-title-inside {
    text-align: center;
    color: #000;
    background: #fff;
    position: relative;
    padding-bottom: 10px
}

.fancybox-title-outside {
    color: #fff;
    padding-top: 10px
}

.fancybox-title-over {
    text-align: left;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

#fancybox-title-over {
    background-image: url(fancy_title_over.png);
    display: block;
    padding: 10px
}

.fancybox-title-float {
    position: absolute;
    bottom: -20px;
    left: 0;
    height: 32px
}

#fancybox-title-float-wrap {
    width: auto;
    border-collapse: collapse;
    border: none
}

#fancybox-title-float-wrap td {
    white-space: nowrap;
    border: none
}

#fancybox-title-float-left {
    background: url(fancybox.png) -40px -90px no-repeat;
    padding: 0 0 0 15px
}

#fancybox-title-float-main {
    font-weight: 700;
    line-height: 29px;
    color: #fff;
    background: url(fancybox-x.png) 0 -40px;
    padding: 0 0 3px 0
}

#fancybox-title-float-right {
    background: url(fancybox.png) -55px -90px no-repeat;
    padding: 0 0 0 15px
}

.mod-hdg-l1,.str-contact,.str-navigation,.str-outer,.str-outer-narrow,.str-outer-wide,.str-outer-wide-02,.str-pageTitle,.str-stepList {
    padding: 0 10px
}

.mod-hdg-l1>.inner>.language>.list::after,.mod-input-check>.list::after,.mod-input-radio>.list::after,.mod-list-category>.list::after,.mod-list-thisCategory>.list::after,.mod-list-thisCategory>.list>div>dd>ul::after,.mod-media-lyt-flt::after,.nav-location>.list::after,.str-pageTitle>.inner>.language>.list::after {
    display: block;
    clear: both;
    content: ""
}

.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.body>:first-child,.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.footer>:first-child,.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.header>:first-child,.mod-lyt-full-form>.form-inputLyt>:first-child,.mod-media-article-02>.col>.container>.btnArea>:first-child,.mod-media-article-02>.col>.container>.content>:first-child,.mod-media-article-02>.col>.container>:first-child,.mod-media-article>.inner>.contents .btnArea>:first-child,.mod-media-article>.inner>.contents>:first-child,.str-mainvisual-carousel-01 .slide-content>.inner>:first-child,.str-outer>:first-child {
    margin-top: 0!important
}

.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.body>:last-child,.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.footer>:last-child,.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.header>:last-child,.mod-lyt-full-form>.form-inputLyt>:last-child,.mod-media-article-02>.col>.container>.btnArea>:last-child,.mod-media-article-02>.col>.container>.content>:last-child,.mod-media-article-02>.col>.container>:last-child,.mod-media-article>.inner>.contents .btnArea>:last-child,.mod-media-article>.inner>.contents>:last-child,.str-mainvisual-carousel-01 .slide-content>.inner>:last-child,.str-outer>:last-child {
    margin-bottom: 0!important
}

.mod-form-trendSearch .mt-0,.mod-link-03 .mt-0,.mod-link-columnList .mt-0,.mod-media-article .mt-0,.mod-media-article-02 .mt-0,.mod-media-horizontal .mt-0,.mod-pnl-index .mt-0,.mod-pnl-index2 .mt-0,.mod-pnl-indexBnr .mt-0,.mt-0.mod-form-trendSearch,.mt-0.mod-link-03,.mt-0.mod-link-columnList,.mt-0.mod-media-article,.mt-0.mod-media-article-02,.mt-0.mod-media-horizontal,.mt-0.mod-pnl-index,.mt-0.mod-pnl-index2,.mt-0.mod-pnl-indexBnr,.mt-0.str-mainvisual-carousel-01,.mt-0.str-ticker,.str-mainvisual-carousel-01 .mt-0,.str-ticker .mt-0 {
    margin-top: 0!important
}

.mb-0.mod-form-trendSearch,.mb-0.mod-link-03,.mb-0.mod-link-columnList,.mb-0.mod-media-article,.mb-0.mod-media-article-02,.mb-0.mod-media-horizontal,.mb-0.mod-pnl-index,.mb-0.mod-pnl-index2,.mb-0.mod-pnl-indexBnr,.mb-0.str-mainvisual-carousel-01,.mb-0.str-ticker,.mod-form-trendSearch .mb-0,.mod-link-03 .mb-0,.mod-link-columnList .mb-0,.mod-media-article .mb-0,.mod-media-article-02 .mb-0,.mod-media-horizontal .mb-0,.mod-pnl-index .mb-0,.mod-pnl-index2 .mb-0,.mod-pnl-indexBnr .mb-0,.str-mainvisual-carousel-01 .mb-0,.str-ticker .mb-0 {
    margin-bottom: 0!important
}

.mod-form-trendSearch .mt-1,.mod-link-03 .mt-1,.mod-link-columnList .mt-1,.mod-media-article .mt-1,.mod-media-article-02 .mt-1,.mod-media-horizontal .mt-1,.mod-pnl-index .mt-1,.mod-pnl-index2 .mt-1,.mod-pnl-indexBnr .mt-1,.mt-1.mod-form-trendSearch,.mt-1.mod-link-03,.mt-1.mod-link-columnList,.mt-1.mod-media-article,.mt-1.mod-media-article-02,.mt-1.mod-media-horizontal,.mt-1.mod-pnl-index,.mt-1.mod-pnl-index2,.mt-1.mod-pnl-indexBnr,.mt-1.str-mainvisual-carousel-01,.mt-1.str-ticker,.str-mainvisual-carousel-01 .mt-1,.str-ticker .mt-1 {
    margin-top: 1px!important
}

.mb-1.mod-form-trendSearch,.mb-1.mod-link-03,.mb-1.mod-link-columnList,.mb-1.mod-media-article,.mb-1.mod-media-article-02,.mb-1.mod-media-horizontal,.mb-1.mod-pnl-index,.mb-1.mod-pnl-index2,.mb-1.mod-pnl-indexBnr,.mb-1.str-mainvisual-carousel-01,.mb-1.str-ticker,.mod-form-trendSearch .mb-1,.mod-link-03 .mb-1,.mod-link-columnList .mb-1,.mod-media-article .mb-1,.mod-media-article-02 .mb-1,.mod-media-horizontal .mb-1,.mod-pnl-index .mb-1,.mod-pnl-index2 .mb-1,.mod-pnl-indexBnr .mb-1,.str-mainvisual-carousel-01 .mb-1,.str-ticker .mb-1 {
    margin-bottom: 1px!important
}

.mod-form-trendSearch .mt-2,.mod-link-03 .mt-2,.mod-link-columnList .mt-2,.mod-media-article .mt-2,.mod-media-article-02 .mt-2,.mod-media-horizontal .mt-2,.mod-pnl-index .mt-2,.mod-pnl-index2 .mt-2,.mod-pnl-indexBnr .mt-2,.mt-2.mod-form-trendSearch,.mt-2.mod-link-03,.mt-2.mod-link-columnList,.mt-2.mod-media-article,.mt-2.mod-media-article-02,.mt-2.mod-media-horizontal,.mt-2.mod-pnl-index,.mt-2.mod-pnl-index2,.mt-2.mod-pnl-indexBnr,.mt-2.str-mainvisual-carousel-01,.mt-2.str-ticker,.str-mainvisual-carousel-01 .mt-2,.str-ticker .mt-2 {
    margin-top: 2px!important
}

.mb-2.mod-form-trendSearch,.mb-2.mod-link-03,.mb-2.mod-link-columnList,.mb-2.mod-media-article,.mb-2.mod-media-article-02,.mb-2.mod-media-horizontal,.mb-2.mod-pnl-index,.mb-2.mod-pnl-index2,.mb-2.mod-pnl-indexBnr,.mb-2.str-mainvisual-carousel-01,.mb-2.str-ticker,.mod-form-trendSearch .mb-2,.mod-link-03 .mb-2,.mod-link-columnList .mb-2,.mod-media-article .mb-2,.mod-media-article-02 .mb-2,.mod-media-horizontal .mb-2,.mod-pnl-index .mb-2,.mod-pnl-index2 .mb-2,.mod-pnl-indexBnr .mb-2,.str-mainvisual-carousel-01 .mb-2,.str-ticker .mb-2 {
    margin-bottom: 2px!important
}

.mod-form-trendSearch .mt-3,.mod-link-03 .mt-3,.mod-link-columnList .mt-3,.mod-media-article .mt-3,.mod-media-article-02 .mt-3,.mod-media-horizontal .mt-3,.mod-pnl-index .mt-3,.mod-pnl-index2 .mt-3,.mod-pnl-indexBnr .mt-3,.mt-3.mod-form-trendSearch,.mt-3.mod-link-03,.mt-3.mod-link-columnList,.mt-3.mod-media-article,.mt-3.mod-media-article-02,.mt-3.mod-media-horizontal,.mt-3.mod-pnl-index,.mt-3.mod-pnl-index2,.mt-3.mod-pnl-indexBnr,.mt-3.str-mainvisual-carousel-01,.mt-3.str-ticker,.str-mainvisual-carousel-01 .mt-3,.str-ticker .mt-3 {
    margin-top: 3px!important
}

.mb-3.mod-form-trendSearch,.mb-3.mod-link-03,.mb-3.mod-link-columnList,.mb-3.mod-media-article,.mb-3.mod-media-article-02,.mb-3.mod-media-horizontal,.mb-3.mod-pnl-index,.mb-3.mod-pnl-index2,.mb-3.mod-pnl-indexBnr,.mb-3.str-mainvisual-carousel-01,.mb-3.str-ticker,.mod-form-trendSearch .mb-3,.mod-link-03 .mb-3,.mod-link-columnList .mb-3,.mod-media-article .mb-3,.mod-media-article-02 .mb-3,.mod-media-horizontal .mb-3,.mod-pnl-index .mb-3,.mod-pnl-index2 .mb-3,.mod-pnl-indexBnr .mb-3,.str-mainvisual-carousel-01 .mb-3,.str-ticker .mb-3 {
    margin-bottom: 3px!important
}

.mod-form-trendSearch .mt-4,.mod-link-03 .mt-4,.mod-link-columnList .mt-4,.mod-media-article .mt-4,.mod-media-article-02 .mt-4,.mod-media-horizontal .mt-4,.mod-pnl-index .mt-4,.mod-pnl-index2 .mt-4,.mod-pnl-indexBnr .mt-4,.mt-4.mod-form-trendSearch,.mt-4.mod-link-03,.mt-4.mod-link-columnList,.mt-4.mod-media-article,.mt-4.mod-media-article-02,.mt-4.mod-media-horizontal,.mt-4.mod-pnl-index,.mt-4.mod-pnl-index2,.mt-4.mod-pnl-indexBnr,.mt-4.str-mainvisual-carousel-01,.mt-4.str-ticker,.str-mainvisual-carousel-01 .mt-4,.str-ticker .mt-4 {
    margin-top: 4px!important
}

.mb-4.mod-form-trendSearch,.mb-4.mod-link-03,.mb-4.mod-link-columnList,.mb-4.mod-media-article,.mb-4.mod-media-article-02,.mb-4.mod-media-horizontal,.mb-4.mod-pnl-index,.mb-4.mod-pnl-index2,.mb-4.mod-pnl-indexBnr,.mb-4.str-mainvisual-carousel-01,.mb-4.str-ticker,.mod-form-trendSearch .mb-4,.mod-link-03 .mb-4,.mod-link-columnList .mb-4,.mod-media-article .mb-4,.mod-media-article-02 .mb-4,.mod-media-horizontal .mb-4,.mod-pnl-index .mb-4,.mod-pnl-index2 .mb-4,.mod-pnl-indexBnr .mb-4,.str-mainvisual-carousel-01 .mb-4,.str-ticker .mb-4 {
    margin-bottom: 4px!important
}

.mod-form-trendSearch .mt-5,.mod-link-03 .mt-5,.mod-link-columnList .mt-5,.mod-media-article .mt-5,.mod-media-article-02 .mt-5,.mod-media-horizontal .mt-5,.mod-pnl-index .mt-5,.mod-pnl-index2 .mt-5,.mod-pnl-indexBnr .mt-5,.mt-5.mod-form-trendSearch,.mt-5.mod-link-03,.mt-5.mod-link-columnList,.mt-5.mod-media-article,.mt-5.mod-media-article-02,.mt-5.mod-media-horizontal,.mt-5.mod-pnl-index,.mt-5.mod-pnl-index2,.mt-5.mod-pnl-indexBnr,.mt-5.str-mainvisual-carousel-01,.mt-5.str-ticker,.str-mainvisual-carousel-01 .mt-5,.str-ticker .mt-5 {
    margin-top: 5px!important
}

.mb-5.mod-form-trendSearch,.mb-5.mod-link-03,.mb-5.mod-link-columnList,.mb-5.mod-media-article,.mb-5.mod-media-article-02,.mb-5.mod-media-horizontal,.mb-5.mod-pnl-index,.mb-5.mod-pnl-index2,.mb-5.mod-pnl-indexBnr,.mb-5.str-mainvisual-carousel-01,.mb-5.str-ticker,.mod-form-trendSearch .mb-5,.mod-link-03 .mb-5,.mod-link-columnList .mb-5,.mod-media-article .mb-5,.mod-media-article-02 .mb-5,.mod-media-horizontal .mb-5,.mod-pnl-index .mb-5,.mod-pnl-index2 .mb-5,.mod-pnl-indexBnr .mb-5,.str-mainvisual-carousel-01 .mb-5,.str-ticker .mb-5 {
    margin-bottom: 5px!important
}

.mod-form-trendSearch .mt-6,.mod-link-03 .mt-6,.mod-link-columnList .mt-6,.mod-media-article .mt-6,.mod-media-article-02 .mt-6,.mod-media-horizontal .mt-6,.mod-pnl-index .mt-6,.mod-pnl-index2 .mt-6,.mod-pnl-indexBnr .mt-6,.mt-6.mod-form-trendSearch,.mt-6.mod-link-03,.mt-6.mod-link-columnList,.mt-6.mod-media-article,.mt-6.mod-media-article-02,.mt-6.mod-media-horizontal,.mt-6.mod-pnl-index,.mt-6.mod-pnl-index2,.mt-6.mod-pnl-indexBnr,.mt-6.str-mainvisual-carousel-01,.mt-6.str-ticker,.str-mainvisual-carousel-01 .mt-6,.str-ticker .mt-6 {
    margin-top: 6px!important
}

.mb-6.mod-form-trendSearch,.mb-6.mod-link-03,.mb-6.mod-link-columnList,.mb-6.mod-media-article,.mb-6.mod-media-article-02,.mb-6.mod-media-horizontal,.mb-6.mod-pnl-index,.mb-6.mod-pnl-index2,.mb-6.mod-pnl-indexBnr,.mb-6.str-mainvisual-carousel-01,.mb-6.str-ticker,.mod-form-trendSearch .mb-6,.mod-link-03 .mb-6,.mod-link-columnList .mb-6,.mod-media-article .mb-6,.mod-media-article-02 .mb-6,.mod-media-horizontal .mb-6,.mod-pnl-index .mb-6,.mod-pnl-index2 .mb-6,.mod-pnl-indexBnr .mb-6,.str-mainvisual-carousel-01 .mb-6,.str-ticker .mb-6 {
    margin-bottom: 6px!important
}

.mod-form-trendSearch .mt-7,.mod-link-03 .mt-7,.mod-link-columnList .mt-7,.mod-media-article .mt-7,.mod-media-article-02 .mt-7,.mod-media-horizontal .mt-7,.mod-pnl-index .mt-7,.mod-pnl-index2 .mt-7,.mod-pnl-indexBnr .mt-7,.mt-7.mod-form-trendSearch,.mt-7.mod-link-03,.mt-7.mod-link-columnList,.mt-7.mod-media-article,.mt-7.mod-media-article-02,.mt-7.mod-media-horizontal,.mt-7.mod-pnl-index,.mt-7.mod-pnl-index2,.mt-7.mod-pnl-indexBnr,.mt-7.str-mainvisual-carousel-01,.mt-7.str-ticker,.str-mainvisual-carousel-01 .mt-7,.str-ticker .mt-7 {
    margin-top: 7px!important
}

.mb-7.mod-form-trendSearch,.mb-7.mod-link-03,.mb-7.mod-link-columnList,.mb-7.mod-media-article,.mb-7.mod-media-article-02,.mb-7.mod-media-horizontal,.mb-7.mod-pnl-index,.mb-7.mod-pnl-index2,.mb-7.mod-pnl-indexBnr,.mb-7.str-mainvisual-carousel-01,.mb-7.str-ticker,.mod-form-trendSearch .mb-7,.mod-link-03 .mb-7,.mod-link-columnList .mb-7,.mod-media-article .mb-7,.mod-media-article-02 .mb-7,.mod-media-horizontal .mb-7,.mod-pnl-index .mb-7,.mod-pnl-index2 .mb-7,.mod-pnl-indexBnr .mb-7,.str-mainvisual-carousel-01 .mb-7,.str-ticker .mb-7 {
    margin-bottom: 7px!important
}

.mod-form-trendSearch .mt-8,.mod-link-03 .mt-8,.mod-link-columnList .mt-8,.mod-media-article .mt-8,.mod-media-article-02 .mt-8,.mod-media-horizontal .mt-8,.mod-pnl-index .mt-8,.mod-pnl-index2 .mt-8,.mod-pnl-indexBnr .mt-8,.mt-8.mod-form-trendSearch,.mt-8.mod-link-03,.mt-8.mod-link-columnList,.mt-8.mod-media-article,.mt-8.mod-media-article-02,.mt-8.mod-media-horizontal,.mt-8.mod-pnl-index,.mt-8.mod-pnl-index2,.mt-8.mod-pnl-indexBnr,.mt-8.str-mainvisual-carousel-01,.mt-8.str-ticker,.str-mainvisual-carousel-01 .mt-8,.str-ticker .mt-8 {
    margin-top: 8px!important
}

.mb-8.mod-form-trendSearch,.mb-8.mod-link-03,.mb-8.mod-link-columnList,.mb-8.mod-media-article,.mb-8.mod-media-article-02,.mb-8.mod-media-horizontal,.mb-8.mod-pnl-index,.mb-8.mod-pnl-index2,.mb-8.mod-pnl-indexBnr,.mb-8.str-mainvisual-carousel-01,.mb-8.str-ticker,.mod-form-trendSearch .mb-8,.mod-link-03 .mb-8,.mod-link-columnList .mb-8,.mod-media-article .mb-8,.mod-media-article-02 .mb-8,.mod-media-horizontal .mb-8,.mod-pnl-index .mb-8,.mod-pnl-index2 .mb-8,.mod-pnl-indexBnr .mb-8,.str-mainvisual-carousel-01 .mb-8,.str-ticker .mb-8 {
    margin-bottom: 8px!important
}

.mod-form-trendSearch .mt-9,.mod-link-03 .mt-9,.mod-link-columnList .mt-9,.mod-media-article .mt-9,.mod-media-article-02 .mt-9,.mod-media-horizontal .mt-9,.mod-pnl-index .mt-9,.mod-pnl-index2 .mt-9,.mod-pnl-indexBnr .mt-9,.mt-9.mod-form-trendSearch,.mt-9.mod-link-03,.mt-9.mod-link-columnList,.mt-9.mod-media-article,.mt-9.mod-media-article-02,.mt-9.mod-media-horizontal,.mt-9.mod-pnl-index,.mt-9.mod-pnl-index2,.mt-9.mod-pnl-indexBnr,.mt-9.str-mainvisual-carousel-01,.mt-9.str-ticker,.str-mainvisual-carousel-01 .mt-9,.str-ticker .mt-9 {
    margin-top: 9px!important
}

.mb-9.mod-form-trendSearch,.mb-9.mod-link-03,.mb-9.mod-link-columnList,.mb-9.mod-media-article,.mb-9.mod-media-article-02,.mb-9.mod-media-horizontal,.mb-9.mod-pnl-index,.mb-9.mod-pnl-index2,.mb-9.mod-pnl-indexBnr,.mb-9.str-mainvisual-carousel-01,.mb-9.str-ticker,.mod-form-trendSearch .mb-9,.mod-link-03 .mb-9,.mod-link-columnList .mb-9,.mod-media-article .mb-9,.mod-media-article-02 .mb-9,.mod-media-horizontal .mb-9,.mod-pnl-index .mb-9,.mod-pnl-index2 .mb-9,.mod-pnl-indexBnr .mb-9,.str-mainvisual-carousel-01 .mb-9,.str-ticker .mb-9 {
    margin-bottom: 9px!important
}

.mod-form-trendSearch .mt-10,.mod-link-03 .mt-10,.mod-link-columnList .mt-10,.mod-media-article .mt-10,.mod-media-article-02 .mt-10,.mod-media-horizontal .mt-10,.mod-pnl-index .mt-10,.mod-pnl-index2 .mt-10,.mod-pnl-indexBnr .mt-10,.mt-10.mod-form-trendSearch,.mt-10.mod-link-03,.mt-10.mod-link-columnList,.mt-10.mod-media-article,.mt-10.mod-media-article-02,.mt-10.mod-media-horizontal,.mt-10.mod-pnl-index,.mt-10.mod-pnl-index2,.mt-10.mod-pnl-indexBnr,.mt-10.str-mainvisual-carousel-01,.mt-10.str-ticker,.str-mainvisual-carousel-01 .mt-10,.str-ticker .mt-10 {
    margin-top: 10px!important
}

.mb-10.mod-form-trendSearch,.mb-10.mod-link-03,.mb-10.mod-link-columnList,.mb-10.mod-media-article,.mb-10.mod-media-article-02,.mb-10.mod-media-horizontal,.mb-10.mod-pnl-index,.mb-10.mod-pnl-index2,.mb-10.mod-pnl-indexBnr,.mb-10.str-mainvisual-carousel-01,.mb-10.str-ticker,.mod-form-trendSearch .mb-10,.mod-link-03 .mb-10,.mod-link-columnList .mb-10,.mod-media-article .mb-10,.mod-media-article-02 .mb-10,.mod-media-horizontal .mb-10,.mod-pnl-index .mb-10,.mod-pnl-index2 .mb-10,.mod-pnl-indexBnr .mb-10,.str-mainvisual-carousel-01 .mb-10,.str-ticker .mb-10 {
    margin-bottom: 10px!important
}

.mod-form-trendSearch .mt-11,.mod-link-03 .mt-11,.mod-link-columnList .mt-11,.mod-media-article .mt-11,.mod-media-article-02 .mt-11,.mod-media-horizontal .mt-11,.mod-pnl-index .mt-11,.mod-pnl-index2 .mt-11,.mod-pnl-indexBnr .mt-11,.mt-11.mod-form-trendSearch,.mt-11.mod-link-03,.mt-11.mod-link-columnList,.mt-11.mod-media-article,.mt-11.mod-media-article-02,.mt-11.mod-media-horizontal,.mt-11.mod-pnl-index,.mt-11.mod-pnl-index2,.mt-11.mod-pnl-indexBnr,.mt-11.str-mainvisual-carousel-01,.mt-11.str-ticker,.str-mainvisual-carousel-01 .mt-11,.str-ticker .mt-11 {
    margin-top: 11px!important
}

.mb-11.mod-form-trendSearch,.mb-11.mod-link-03,.mb-11.mod-link-columnList,.mb-11.mod-media-article,.mb-11.mod-media-article-02,.mb-11.mod-media-horizontal,.mb-11.mod-pnl-index,.mb-11.mod-pnl-index2,.mb-11.mod-pnl-indexBnr,.mb-11.str-mainvisual-carousel-01,.mb-11.str-ticker,.mod-form-trendSearch .mb-11,.mod-link-03 .mb-11,.mod-link-columnList .mb-11,.mod-media-article .mb-11,.mod-media-article-02 .mb-11,.mod-media-horizontal .mb-11,.mod-pnl-index .mb-11,.mod-pnl-index2 .mb-11,.mod-pnl-indexBnr .mb-11,.str-mainvisual-carousel-01 .mb-11,.str-ticker .mb-11 {
    margin-bottom: 11px!important
}

.mod-form-trendSearch .mt-12,.mod-link-03 .mt-12,.mod-link-columnList .mt-12,.mod-media-article .mt-12,.mod-media-article-02 .mt-12,.mod-media-horizontal .mt-12,.mod-pnl-index .mt-12,.mod-pnl-index2 .mt-12,.mod-pnl-indexBnr .mt-12,.mt-12.mod-form-trendSearch,.mt-12.mod-link-03,.mt-12.mod-link-columnList,.mt-12.mod-media-article,.mt-12.mod-media-article-02,.mt-12.mod-media-horizontal,.mt-12.mod-pnl-index,.mt-12.mod-pnl-index2,.mt-12.mod-pnl-indexBnr,.mt-12.str-mainvisual-carousel-01,.mt-12.str-ticker,.str-mainvisual-carousel-01 .mt-12,.str-ticker .mt-12 {
    margin-top: 12px!important
}

.mb-12.mod-form-trendSearch,.mb-12.mod-link-03,.mb-12.mod-link-columnList,.mb-12.mod-media-article,.mb-12.mod-media-article-02,.mb-12.mod-media-horizontal,.mb-12.mod-pnl-index,.mb-12.mod-pnl-index2,.mb-12.mod-pnl-indexBnr,.mb-12.str-mainvisual-carousel-01,.mb-12.str-ticker,.mod-form-trendSearch .mb-12,.mod-link-03 .mb-12,.mod-link-columnList .mb-12,.mod-media-article .mb-12,.mod-media-article-02 .mb-12,.mod-media-horizontal .mb-12,.mod-pnl-index .mb-12,.mod-pnl-index2 .mb-12,.mod-pnl-indexBnr .mb-12,.str-mainvisual-carousel-01 .mb-12,.str-ticker .mb-12 {
    margin-bottom: 12px!important
}

.mod-form-trendSearch .mt-13,.mod-link-03 .mt-13,.mod-link-columnList .mt-13,.mod-media-article .mt-13,.mod-media-article-02 .mt-13,.mod-media-horizontal .mt-13,.mod-pnl-index .mt-13,.mod-pnl-index2 .mt-13,.mod-pnl-indexBnr .mt-13,.mt-13.mod-form-trendSearch,.mt-13.mod-link-03,.mt-13.mod-link-columnList,.mt-13.mod-media-article,.mt-13.mod-media-article-02,.mt-13.mod-media-horizontal,.mt-13.mod-pnl-index,.mt-13.mod-pnl-index2,.mt-13.mod-pnl-indexBnr,.mt-13.str-mainvisual-carousel-01,.mt-13.str-ticker,.str-mainvisual-carousel-01 .mt-13,.str-ticker .mt-13 {
    margin-top: 13px!important
}

.mb-13.mod-form-trendSearch,.mb-13.mod-link-03,.mb-13.mod-link-columnList,.mb-13.mod-media-article,.mb-13.mod-media-article-02,.mb-13.mod-media-horizontal,.mb-13.mod-pnl-index,.mb-13.mod-pnl-index2,.mb-13.mod-pnl-indexBnr,.mb-13.str-mainvisual-carousel-01,.mb-13.str-ticker,.mod-form-trendSearch .mb-13,.mod-link-03 .mb-13,.mod-link-columnList .mb-13,.mod-media-article .mb-13,.mod-media-article-02 .mb-13,.mod-media-horizontal .mb-13,.mod-pnl-index .mb-13,.mod-pnl-index2 .mb-13,.mod-pnl-indexBnr .mb-13,.str-mainvisual-carousel-01 .mb-13,.str-ticker .mb-13 {
    margin-bottom: 13px!important
}

.mod-form-trendSearch .mt-14,.mod-link-03 .mt-14,.mod-link-columnList .mt-14,.mod-media-article .mt-14,.mod-media-article-02 .mt-14,.mod-media-horizontal .mt-14,.mod-pnl-index .mt-14,.mod-pnl-index2 .mt-14,.mod-pnl-indexBnr .mt-14,.mt-14.mod-form-trendSearch,.mt-14.mod-link-03,.mt-14.mod-link-columnList,.mt-14.mod-media-article,.mt-14.mod-media-article-02,.mt-14.mod-media-horizontal,.mt-14.mod-pnl-index,.mt-14.mod-pnl-index2,.mt-14.mod-pnl-indexBnr,.mt-14.str-mainvisual-carousel-01,.mt-14.str-ticker,.str-mainvisual-carousel-01 .mt-14,.str-ticker .mt-14 {
    margin-top: 14px!important
}

.mb-14.mod-form-trendSearch,.mb-14.mod-link-03,.mb-14.mod-link-columnList,.mb-14.mod-media-article,.mb-14.mod-media-article-02,.mb-14.mod-media-horizontal,.mb-14.mod-pnl-index,.mb-14.mod-pnl-index2,.mb-14.mod-pnl-indexBnr,.mb-14.str-mainvisual-carousel-01,.mb-14.str-ticker,.mod-form-trendSearch .mb-14,.mod-link-03 .mb-14,.mod-link-columnList .mb-14,.mod-media-article .mb-14,.mod-media-article-02 .mb-14,.mod-media-horizontal .mb-14,.mod-pnl-index .mb-14,.mod-pnl-index2 .mb-14,.mod-pnl-indexBnr .mb-14,.str-mainvisual-carousel-01 .mb-14,.str-ticker .mb-14 {
    margin-bottom: 14px!important
}

.mod-form-trendSearch .mt-15,.mod-link-03 .mt-15,.mod-link-columnList .mt-15,.mod-media-article .mt-15,.mod-media-article-02 .mt-15,.mod-media-horizontal .mt-15,.mod-pnl-index .mt-15,.mod-pnl-index2 .mt-15,.mod-pnl-indexBnr .mt-15,.mt-15.mod-form-trendSearch,.mt-15.mod-link-03,.mt-15.mod-link-columnList,.mt-15.mod-media-article,.mt-15.mod-media-article-02,.mt-15.mod-media-horizontal,.mt-15.mod-pnl-index,.mt-15.mod-pnl-index2,.mt-15.mod-pnl-indexBnr,.mt-15.str-mainvisual-carousel-01,.mt-15.str-ticker,.str-mainvisual-carousel-01 .mt-15,.str-ticker .mt-15 {
    margin-top: 15px!important
}

.mb-15.mod-form-trendSearch,.mb-15.mod-link-03,.mb-15.mod-link-columnList,.mb-15.mod-media-article,.mb-15.mod-media-article-02,.mb-15.mod-media-horizontal,.mb-15.mod-pnl-index,.mb-15.mod-pnl-index2,.mb-15.mod-pnl-indexBnr,.mb-15.str-mainvisual-carousel-01,.mb-15.str-ticker,.mod-form-trendSearch .mb-15,.mod-link-03 .mb-15,.mod-link-columnList .mb-15,.mod-media-article .mb-15,.mod-media-article-02 .mb-15,.mod-media-horizontal .mb-15,.mod-pnl-index .mb-15,.mod-pnl-index2 .mb-15,.mod-pnl-indexBnr .mb-15,.str-mainvisual-carousel-01 .mb-15,.str-ticker .mb-15 {
    margin-bottom: 15px!important
}

.mod-form-trendSearch .mt-16,.mod-link-03 .mt-16,.mod-link-columnList .mt-16,.mod-media-article .mt-16,.mod-media-article-02 .mt-16,.mod-media-horizontal .mt-16,.mod-pnl-index .mt-16,.mod-pnl-index2 .mt-16,.mod-pnl-indexBnr .mt-16,.mt-16.mod-form-trendSearch,.mt-16.mod-link-03,.mt-16.mod-link-columnList,.mt-16.mod-media-article,.mt-16.mod-media-article-02,.mt-16.mod-media-horizontal,.mt-16.mod-pnl-index,.mt-16.mod-pnl-index2,.mt-16.mod-pnl-indexBnr,.mt-16.str-mainvisual-carousel-01,.mt-16.str-ticker,.str-mainvisual-carousel-01 .mt-16,.str-ticker .mt-16 {
    margin-top: 16px!important
}

.mb-16.mod-form-trendSearch,.mb-16.mod-link-03,.mb-16.mod-link-columnList,.mb-16.mod-media-article,.mb-16.mod-media-article-02,.mb-16.mod-media-horizontal,.mb-16.mod-pnl-index,.mb-16.mod-pnl-index2,.mb-16.mod-pnl-indexBnr,.mb-16.str-mainvisual-carousel-01,.mb-16.str-ticker,.mod-form-trendSearch .mb-16,.mod-link-03 .mb-16,.mod-link-columnList .mb-16,.mod-media-article .mb-16,.mod-media-article-02 .mb-16,.mod-media-horizontal .mb-16,.mod-pnl-index .mb-16,.mod-pnl-index2 .mb-16,.mod-pnl-indexBnr .mb-16,.str-mainvisual-carousel-01 .mb-16,.str-ticker .mb-16 {
    margin-bottom: 16px!important
}

.mod-form-trendSearch .mt-17,.mod-link-03 .mt-17,.mod-link-columnList .mt-17,.mod-media-article .mt-17,.mod-media-article-02 .mt-17,.mod-media-horizontal .mt-17,.mod-pnl-index .mt-17,.mod-pnl-index2 .mt-17,.mod-pnl-indexBnr .mt-17,.mt-17.mod-form-trendSearch,.mt-17.mod-link-03,.mt-17.mod-link-columnList,.mt-17.mod-media-article,.mt-17.mod-media-article-02,.mt-17.mod-media-horizontal,.mt-17.mod-pnl-index,.mt-17.mod-pnl-index2,.mt-17.mod-pnl-indexBnr,.mt-17.str-mainvisual-carousel-01,.mt-17.str-ticker,.str-mainvisual-carousel-01 .mt-17,.str-ticker .mt-17 {
    margin-top: 17px!important
}

.mb-17.mod-form-trendSearch,.mb-17.mod-link-03,.mb-17.mod-link-columnList,.mb-17.mod-media-article,.mb-17.mod-media-article-02,.mb-17.mod-media-horizontal,.mb-17.mod-pnl-index,.mb-17.mod-pnl-index2,.mb-17.mod-pnl-indexBnr,.mb-17.str-mainvisual-carousel-01,.mb-17.str-ticker,.mod-form-trendSearch .mb-17,.mod-link-03 .mb-17,.mod-link-columnList .mb-17,.mod-media-article .mb-17,.mod-media-article-02 .mb-17,.mod-media-horizontal .mb-17,.mod-pnl-index .mb-17,.mod-pnl-index2 .mb-17,.mod-pnl-indexBnr .mb-17,.str-mainvisual-carousel-01 .mb-17,.str-ticker .mb-17 {
    margin-bottom: 17px!important
}

.mod-form-trendSearch .mt-18,.mod-link-03 .mt-18,.mod-link-columnList .mt-18,.mod-media-article .mt-18,.mod-media-article-02 .mt-18,.mod-media-horizontal .mt-18,.mod-pnl-index .mt-18,.mod-pnl-index2 .mt-18,.mod-pnl-indexBnr .mt-18,.mt-18.mod-form-trendSearch,.mt-18.mod-link-03,.mt-18.mod-link-columnList,.mt-18.mod-media-article,.mt-18.mod-media-article-02,.mt-18.mod-media-horizontal,.mt-18.mod-pnl-index,.mt-18.mod-pnl-index2,.mt-18.mod-pnl-indexBnr,.mt-18.str-mainvisual-carousel-01,.mt-18.str-ticker,.str-mainvisual-carousel-01 .mt-18,.str-ticker .mt-18 {
    margin-top: 18px!important
}

.mb-18.mod-form-trendSearch,.mb-18.mod-link-03,.mb-18.mod-link-columnList,.mb-18.mod-media-article,.mb-18.mod-media-article-02,.mb-18.mod-media-horizontal,.mb-18.mod-pnl-index,.mb-18.mod-pnl-index2,.mb-18.mod-pnl-indexBnr,.mb-18.str-mainvisual-carousel-01,.mb-18.str-ticker,.mod-form-trendSearch .mb-18,.mod-link-03 .mb-18,.mod-link-columnList .mb-18,.mod-media-article .mb-18,.mod-media-article-02 .mb-18,.mod-media-horizontal .mb-18,.mod-pnl-index .mb-18,.mod-pnl-index2 .mb-18,.mod-pnl-indexBnr .mb-18,.str-mainvisual-carousel-01 .mb-18,.str-ticker .mb-18 {
    margin-bottom: 18px!important
}

.mod-form-trendSearch .mt-19,.mod-link-03 .mt-19,.mod-link-columnList .mt-19,.mod-media-article .mt-19,.mod-media-article-02 .mt-19,.mod-media-horizontal .mt-19,.mod-pnl-index .mt-19,.mod-pnl-index2 .mt-19,.mod-pnl-indexBnr .mt-19,.mt-19.mod-form-trendSearch,.mt-19.mod-link-03,.mt-19.mod-link-columnList,.mt-19.mod-media-article,.mt-19.mod-media-article-02,.mt-19.mod-media-horizontal,.mt-19.mod-pnl-index,.mt-19.mod-pnl-index2,.mt-19.mod-pnl-indexBnr,.mt-19.str-mainvisual-carousel-01,.mt-19.str-ticker,.str-mainvisual-carousel-01 .mt-19,.str-ticker .mt-19 {
    margin-top: 19px!important
}

.mb-19.mod-form-trendSearch,.mb-19.mod-link-03,.mb-19.mod-link-columnList,.mb-19.mod-media-article,.mb-19.mod-media-article-02,.mb-19.mod-media-horizontal,.mb-19.mod-pnl-index,.mb-19.mod-pnl-index2,.mb-19.mod-pnl-indexBnr,.mb-19.str-mainvisual-carousel-01,.mb-19.str-ticker,.mod-form-trendSearch .mb-19,.mod-link-03 .mb-19,.mod-link-columnList .mb-19,.mod-media-article .mb-19,.mod-media-article-02 .mb-19,.mod-media-horizontal .mb-19,.mod-pnl-index .mb-19,.mod-pnl-index2 .mb-19,.mod-pnl-indexBnr .mb-19,.str-mainvisual-carousel-01 .mb-19,.str-ticker .mb-19 {
    margin-bottom: 19px!important
}

.mod-form-trendSearch .mt-20,.mod-link-03 .mt-20,.mod-link-columnList .mt-20,.mod-media-article .mt-20,.mod-media-article-02 .mt-20,.mod-media-horizontal .mt-20,.mod-pnl-index .mt-20,.mod-pnl-index2 .mt-20,.mod-pnl-indexBnr .mt-20,.mt-20.mod-form-trendSearch,.mt-20.mod-link-03,.mt-20.mod-link-columnList,.mt-20.mod-media-article,.mt-20.mod-media-article-02,.mt-20.mod-media-horizontal,.mt-20.mod-pnl-index,.mt-20.mod-pnl-index2,.mt-20.mod-pnl-indexBnr,.mt-20.str-mainvisual-carousel-01,.mt-20.str-ticker,.str-mainvisual-carousel-01 .mt-20,.str-ticker .mt-20 {
    margin-top: 20px!important
}

.mb-20.mod-form-trendSearch,.mb-20.mod-link-03,.mb-20.mod-link-columnList,.mb-20.mod-media-article,.mb-20.mod-media-article-02,.mb-20.mod-media-horizontal,.mb-20.mod-pnl-index,.mb-20.mod-pnl-index2,.mb-20.mod-pnl-indexBnr,.mb-20.str-mainvisual-carousel-01,.mb-20.str-ticker,.mod-form-trendSearch .mb-20,.mod-link-03 .mb-20,.mod-link-columnList .mb-20,.mod-media-article .mb-20,.mod-media-article-02 .mb-20,.mod-media-horizontal .mb-20,.mod-pnl-index .mb-20,.mod-pnl-index2 .mb-20,.mod-pnl-indexBnr .mb-20,.str-mainvisual-carousel-01 .mb-20,.str-ticker .mb-20 {
    margin-bottom: 20px!important
}

.mod-form-trendSearch .mt-21,.mod-link-03 .mt-21,.mod-link-columnList .mt-21,.mod-media-article .mt-21,.mod-media-article-02 .mt-21,.mod-media-horizontal .mt-21,.mod-pnl-index .mt-21,.mod-pnl-index2 .mt-21,.mod-pnl-indexBnr .mt-21,.mt-21.mod-form-trendSearch,.mt-21.mod-link-03,.mt-21.mod-link-columnList,.mt-21.mod-media-article,.mt-21.mod-media-article-02,.mt-21.mod-media-horizontal,.mt-21.mod-pnl-index,.mt-21.mod-pnl-index2,.mt-21.mod-pnl-indexBnr,.mt-21.str-mainvisual-carousel-01,.mt-21.str-ticker,.str-mainvisual-carousel-01 .mt-21,.str-ticker .mt-21 {
    margin-top: 21px!important
}

.mb-21.mod-form-trendSearch,.mb-21.mod-link-03,.mb-21.mod-link-columnList,.mb-21.mod-media-article,.mb-21.mod-media-article-02,.mb-21.mod-media-horizontal,.mb-21.mod-pnl-index,.mb-21.mod-pnl-index2,.mb-21.mod-pnl-indexBnr,.mb-21.str-mainvisual-carousel-01,.mb-21.str-ticker,.mod-form-trendSearch .mb-21,.mod-link-03 .mb-21,.mod-link-columnList .mb-21,.mod-media-article .mb-21,.mod-media-article-02 .mb-21,.mod-media-horizontal .mb-21,.mod-pnl-index .mb-21,.mod-pnl-index2 .mb-21,.mod-pnl-indexBnr .mb-21,.str-mainvisual-carousel-01 .mb-21,.str-ticker .mb-21 {
    margin-bottom: 21px!important
}

.mod-form-trendSearch .mt-22,.mod-link-03 .mt-22,.mod-link-columnList .mt-22,.mod-media-article .mt-22,.mod-media-article-02 .mt-22,.mod-media-horizontal .mt-22,.mod-pnl-index .mt-22,.mod-pnl-index2 .mt-22,.mod-pnl-indexBnr .mt-22,.mt-22.mod-form-trendSearch,.mt-22.mod-link-03,.mt-22.mod-link-columnList,.mt-22.mod-media-article,.mt-22.mod-media-article-02,.mt-22.mod-media-horizontal,.mt-22.mod-pnl-index,.mt-22.mod-pnl-index2,.mt-22.mod-pnl-indexBnr,.mt-22.str-mainvisual-carousel-01,.mt-22.str-ticker,.str-mainvisual-carousel-01 .mt-22,.str-ticker .mt-22 {
    margin-top: 22px!important
}

.mb-22.mod-form-trendSearch,.mb-22.mod-link-03,.mb-22.mod-link-columnList,.mb-22.mod-media-article,.mb-22.mod-media-article-02,.mb-22.mod-media-horizontal,.mb-22.mod-pnl-index,.mb-22.mod-pnl-index2,.mb-22.mod-pnl-indexBnr,.mb-22.str-mainvisual-carousel-01,.mb-22.str-ticker,.mod-form-trendSearch .mb-22,.mod-link-03 .mb-22,.mod-link-columnList .mb-22,.mod-media-article .mb-22,.mod-media-article-02 .mb-22,.mod-media-horizontal .mb-22,.mod-pnl-index .mb-22,.mod-pnl-index2 .mb-22,.mod-pnl-indexBnr .mb-22,.str-mainvisual-carousel-01 .mb-22,.str-ticker .mb-22 {
    margin-bottom: 22px!important
}

.mod-form-trendSearch .mt-23,.mod-link-03 .mt-23,.mod-link-columnList .mt-23,.mod-media-article .mt-23,.mod-media-article-02 .mt-23,.mod-media-horizontal .mt-23,.mod-pnl-index .mt-23,.mod-pnl-index2 .mt-23,.mod-pnl-indexBnr .mt-23,.mt-23.mod-form-trendSearch,.mt-23.mod-link-03,.mt-23.mod-link-columnList,.mt-23.mod-media-article,.mt-23.mod-media-article-02,.mt-23.mod-media-horizontal,.mt-23.mod-pnl-index,.mt-23.mod-pnl-index2,.mt-23.mod-pnl-indexBnr,.mt-23.str-mainvisual-carousel-01,.mt-23.str-ticker,.str-mainvisual-carousel-01 .mt-23,.str-ticker .mt-23 {
    margin-top: 23px!important
}

.mb-23.mod-form-trendSearch,.mb-23.mod-link-03,.mb-23.mod-link-columnList,.mb-23.mod-media-article,.mb-23.mod-media-article-02,.mb-23.mod-media-horizontal,.mb-23.mod-pnl-index,.mb-23.mod-pnl-index2,.mb-23.mod-pnl-indexBnr,.mb-23.str-mainvisual-carousel-01,.mb-23.str-ticker,.mod-form-trendSearch .mb-23,.mod-link-03 .mb-23,.mod-link-columnList .mb-23,.mod-media-article .mb-23,.mod-media-article-02 .mb-23,.mod-media-horizontal .mb-23,.mod-pnl-index .mb-23,.mod-pnl-index2 .mb-23,.mod-pnl-indexBnr .mb-23,.str-mainvisual-carousel-01 .mb-23,.str-ticker .mb-23 {
    margin-bottom: 23px!important
}

.mod-form-trendSearch .mt-24,.mod-link-03 .mt-24,.mod-link-columnList .mt-24,.mod-media-article .mt-24,.mod-media-article-02 .mt-24,.mod-media-horizontal .mt-24,.mod-pnl-index .mt-24,.mod-pnl-index2 .mt-24,.mod-pnl-indexBnr .mt-24,.mt-24.mod-form-trendSearch,.mt-24.mod-link-03,.mt-24.mod-link-columnList,.mt-24.mod-media-article,.mt-24.mod-media-article-02,.mt-24.mod-media-horizontal,.mt-24.mod-pnl-index,.mt-24.mod-pnl-index2,.mt-24.mod-pnl-indexBnr,.mt-24.str-mainvisual-carousel-01,.mt-24.str-ticker,.str-mainvisual-carousel-01 .mt-24,.str-ticker .mt-24 {
    margin-top: 24px!important
}

.mb-24.mod-form-trendSearch,.mb-24.mod-link-03,.mb-24.mod-link-columnList,.mb-24.mod-media-article,.mb-24.mod-media-article-02,.mb-24.mod-media-horizontal,.mb-24.mod-pnl-index,.mb-24.mod-pnl-index2,.mb-24.mod-pnl-indexBnr,.mb-24.str-mainvisual-carousel-01,.mb-24.str-ticker,.mod-form-trendSearch .mb-24,.mod-link-03 .mb-24,.mod-link-columnList .mb-24,.mod-media-article .mb-24,.mod-media-article-02 .mb-24,.mod-media-horizontal .mb-24,.mod-pnl-index .mb-24,.mod-pnl-index2 .mb-24,.mod-pnl-indexBnr .mb-24,.str-mainvisual-carousel-01 .mb-24,.str-ticker .mb-24 {
    margin-bottom: 24px!important
}

.mod-form-trendSearch .mt-25,.mod-link-03 .mt-25,.mod-link-columnList .mt-25,.mod-media-article .mt-25,.mod-media-article-02 .mt-25,.mod-media-horizontal .mt-25,.mod-pnl-index .mt-25,.mod-pnl-index2 .mt-25,.mod-pnl-indexBnr .mt-25,.mt-25.mod-form-trendSearch,.mt-25.mod-link-03,.mt-25.mod-link-columnList,.mt-25.mod-media-article,.mt-25.mod-media-article-02,.mt-25.mod-media-horizontal,.mt-25.mod-pnl-index,.mt-25.mod-pnl-index2,.mt-25.mod-pnl-indexBnr,.mt-25.str-mainvisual-carousel-01,.mt-25.str-ticker,.str-mainvisual-carousel-01 .mt-25,.str-ticker .mt-25 {
    margin-top: 25px!important
}

.mb-25.mod-form-trendSearch,.mb-25.mod-link-03,.mb-25.mod-link-columnList,.mb-25.mod-media-article,.mb-25.mod-media-article-02,.mb-25.mod-media-horizontal,.mb-25.mod-pnl-index,.mb-25.mod-pnl-index2,.mb-25.mod-pnl-indexBnr,.mb-25.str-mainvisual-carousel-01,.mb-25.str-ticker,.mod-form-trendSearch .mb-25,.mod-link-03 .mb-25,.mod-link-columnList .mb-25,.mod-media-article .mb-25,.mod-media-article-02 .mb-25,.mod-media-horizontal .mb-25,.mod-pnl-index .mb-25,.mod-pnl-index2 .mb-25,.mod-pnl-indexBnr .mb-25,.str-mainvisual-carousel-01 .mb-25,.str-ticker .mb-25 {
    margin-bottom: 25px!important
}

.mod-form-trendSearch .mt-26,.mod-link-03 .mt-26,.mod-link-columnList .mt-26,.mod-media-article .mt-26,.mod-media-article-02 .mt-26,.mod-media-horizontal .mt-26,.mod-pnl-index .mt-26,.mod-pnl-index2 .mt-26,.mod-pnl-indexBnr .mt-26,.mt-26.mod-form-trendSearch,.mt-26.mod-link-03,.mt-26.mod-link-columnList,.mt-26.mod-media-article,.mt-26.mod-media-article-02,.mt-26.mod-media-horizontal,.mt-26.mod-pnl-index,.mt-26.mod-pnl-index2,.mt-26.mod-pnl-indexBnr,.mt-26.str-mainvisual-carousel-01,.mt-26.str-ticker,.str-mainvisual-carousel-01 .mt-26,.str-ticker .mt-26 {
    margin-top: 26px!important
}

.mb-26.mod-form-trendSearch,.mb-26.mod-link-03,.mb-26.mod-link-columnList,.mb-26.mod-media-article,.mb-26.mod-media-article-02,.mb-26.mod-media-horizontal,.mb-26.mod-pnl-index,.mb-26.mod-pnl-index2,.mb-26.mod-pnl-indexBnr,.mb-26.str-mainvisual-carousel-01,.mb-26.str-ticker,.mod-form-trendSearch .mb-26,.mod-link-03 .mb-26,.mod-link-columnList .mb-26,.mod-media-article .mb-26,.mod-media-article-02 .mb-26,.mod-media-horizontal .mb-26,.mod-pnl-index .mb-26,.mod-pnl-index2 .mb-26,.mod-pnl-indexBnr .mb-26,.str-mainvisual-carousel-01 .mb-26,.str-ticker .mb-26 {
    margin-bottom: 26px!important
}

.mod-form-trendSearch .mt-27,.mod-link-03 .mt-27,.mod-link-columnList .mt-27,.mod-media-article .mt-27,.mod-media-article-02 .mt-27,.mod-media-horizontal .mt-27,.mod-pnl-index .mt-27,.mod-pnl-index2 .mt-27,.mod-pnl-indexBnr .mt-27,.mt-27.mod-form-trendSearch,.mt-27.mod-link-03,.mt-27.mod-link-columnList,.mt-27.mod-media-article,.mt-27.mod-media-article-02,.mt-27.mod-media-horizontal,.mt-27.mod-pnl-index,.mt-27.mod-pnl-index2,.mt-27.mod-pnl-indexBnr,.mt-27.str-mainvisual-carousel-01,.mt-27.str-ticker,.str-mainvisual-carousel-01 .mt-27,.str-ticker .mt-27 {
    margin-top: 27px!important
}

.mb-27.mod-form-trendSearch,.mb-27.mod-link-03,.mb-27.mod-link-columnList,.mb-27.mod-media-article,.mb-27.mod-media-article-02,.mb-27.mod-media-horizontal,.mb-27.mod-pnl-index,.mb-27.mod-pnl-index2,.mb-27.mod-pnl-indexBnr,.mb-27.str-mainvisual-carousel-01,.mb-27.str-ticker,.mod-form-trendSearch .mb-27,.mod-link-03 .mb-27,.mod-link-columnList .mb-27,.mod-media-article .mb-27,.mod-media-article-02 .mb-27,.mod-media-horizontal .mb-27,.mod-pnl-index .mb-27,.mod-pnl-index2 .mb-27,.mod-pnl-indexBnr .mb-27,.str-mainvisual-carousel-01 .mb-27,.str-ticker .mb-27 {
    margin-bottom: 27px!important
}

.mod-form-trendSearch .mt-28,.mod-link-03 .mt-28,.mod-link-columnList .mt-28,.mod-media-article .mt-28,.mod-media-article-02 .mt-28,.mod-media-horizontal .mt-28,.mod-pnl-index .mt-28,.mod-pnl-index2 .mt-28,.mod-pnl-indexBnr .mt-28,.mt-28.mod-form-trendSearch,.mt-28.mod-link-03,.mt-28.mod-link-columnList,.mt-28.mod-media-article,.mt-28.mod-media-article-02,.mt-28.mod-media-horizontal,.mt-28.mod-pnl-index,.mt-28.mod-pnl-index2,.mt-28.mod-pnl-indexBnr,.mt-28.str-mainvisual-carousel-01,.mt-28.str-ticker,.str-mainvisual-carousel-01 .mt-28,.str-ticker .mt-28 {
    margin-top: 28px!important
}

.mb-28.mod-form-trendSearch,.mb-28.mod-link-03,.mb-28.mod-link-columnList,.mb-28.mod-media-article,.mb-28.mod-media-article-02,.mb-28.mod-media-horizontal,.mb-28.mod-pnl-index,.mb-28.mod-pnl-index2,.mb-28.mod-pnl-indexBnr,.mb-28.str-mainvisual-carousel-01,.mb-28.str-ticker,.mod-form-trendSearch .mb-28,.mod-link-03 .mb-28,.mod-link-columnList .mb-28,.mod-media-article .mb-28,.mod-media-article-02 .mb-28,.mod-media-horizontal .mb-28,.mod-pnl-index .mb-28,.mod-pnl-index2 .mb-28,.mod-pnl-indexBnr .mb-28,.str-mainvisual-carousel-01 .mb-28,.str-ticker .mb-28 {
    margin-bottom: 28px!important
}

.mod-form-trendSearch .mt-29,.mod-link-03 .mt-29,.mod-link-columnList .mt-29,.mod-media-article .mt-29,.mod-media-article-02 .mt-29,.mod-media-horizontal .mt-29,.mod-pnl-index .mt-29,.mod-pnl-index2 .mt-29,.mod-pnl-indexBnr .mt-29,.mt-29.mod-form-trendSearch,.mt-29.mod-link-03,.mt-29.mod-link-columnList,.mt-29.mod-media-article,.mt-29.mod-media-article-02,.mt-29.mod-media-horizontal,.mt-29.mod-pnl-index,.mt-29.mod-pnl-index2,.mt-29.mod-pnl-indexBnr,.mt-29.str-mainvisual-carousel-01,.mt-29.str-ticker,.str-mainvisual-carousel-01 .mt-29,.str-ticker .mt-29 {
    margin-top: 29px!important
}

.mb-29.mod-form-trendSearch,.mb-29.mod-link-03,.mb-29.mod-link-columnList,.mb-29.mod-media-article,.mb-29.mod-media-article-02,.mb-29.mod-media-horizontal,.mb-29.mod-pnl-index,.mb-29.mod-pnl-index2,.mb-29.mod-pnl-indexBnr,.mb-29.str-mainvisual-carousel-01,.mb-29.str-ticker,.mod-form-trendSearch .mb-29,.mod-link-03 .mb-29,.mod-link-columnList .mb-29,.mod-media-article .mb-29,.mod-media-article-02 .mb-29,.mod-media-horizontal .mb-29,.mod-pnl-index .mb-29,.mod-pnl-index2 .mb-29,.mod-pnl-indexBnr .mb-29,.str-mainvisual-carousel-01 .mb-29,.str-ticker .mb-29 {
    margin-bottom: 29px!important
}

.mod-form-trendSearch .mt-30,.mod-link-03 .mt-30,.mod-link-columnList .mt-30,.mod-media-article .mt-30,.mod-media-article-02 .mt-30,.mod-media-horizontal .mt-30,.mod-pnl-index .mt-30,.mod-pnl-index2 .mt-30,.mod-pnl-indexBnr .mt-30,.mt-30.mod-form-trendSearch,.mt-30.mod-link-03,.mt-30.mod-link-columnList,.mt-30.mod-media-article,.mt-30.mod-media-article-02,.mt-30.mod-media-horizontal,.mt-30.mod-pnl-index,.mt-30.mod-pnl-index2,.mt-30.mod-pnl-indexBnr,.mt-30.str-mainvisual-carousel-01,.mt-30.str-ticker,.str-mainvisual-carousel-01 .mt-30,.str-ticker .mt-30 {
    margin-top: 30px!important
}

.mb-30.mod-form-trendSearch,.mb-30.mod-link-03,.mb-30.mod-link-columnList,.mb-30.mod-media-article,.mb-30.mod-media-article-02,.mb-30.mod-media-horizontal,.mb-30.mod-pnl-index,.mb-30.mod-pnl-index2,.mb-30.mod-pnl-indexBnr,.mb-30.str-mainvisual-carousel-01,.mb-30.str-ticker,.mod-form-trendSearch .mb-30,.mod-link-03 .mb-30,.mod-link-columnList .mb-30,.mod-media-article .mb-30,.mod-media-article-02 .mb-30,.mod-media-horizontal .mb-30,.mod-pnl-index .mb-30,.mod-pnl-index2 .mb-30,.mod-pnl-indexBnr .mb-30,.str-mainvisual-carousel-01 .mb-30,.str-ticker .mb-30 {
    margin-bottom: 30px!important
}

.mod-form-trendSearch .mt-31,.mod-link-03 .mt-31,.mod-link-columnList .mt-31,.mod-media-article .mt-31,.mod-media-article-02 .mt-31,.mod-media-horizontal .mt-31,.mod-pnl-index .mt-31,.mod-pnl-index2 .mt-31,.mod-pnl-indexBnr .mt-31,.mt-31.mod-form-trendSearch,.mt-31.mod-link-03,.mt-31.mod-link-columnList,.mt-31.mod-media-article,.mt-31.mod-media-article-02,.mt-31.mod-media-horizontal,.mt-31.mod-pnl-index,.mt-31.mod-pnl-index2,.mt-31.mod-pnl-indexBnr,.mt-31.str-mainvisual-carousel-01,.mt-31.str-ticker,.str-mainvisual-carousel-01 .mt-31,.str-ticker .mt-31 {
    margin-top: 31px!important
}

.mb-31.mod-form-trendSearch,.mb-31.mod-link-03,.mb-31.mod-link-columnList,.mb-31.mod-media-article,.mb-31.mod-media-article-02,.mb-31.mod-media-horizontal,.mb-31.mod-pnl-index,.mb-31.mod-pnl-index2,.mb-31.mod-pnl-indexBnr,.mb-31.str-mainvisual-carousel-01,.mb-31.str-ticker,.mod-form-trendSearch .mb-31,.mod-link-03 .mb-31,.mod-link-columnList .mb-31,.mod-media-article .mb-31,.mod-media-article-02 .mb-31,.mod-media-horizontal .mb-31,.mod-pnl-index .mb-31,.mod-pnl-index2 .mb-31,.mod-pnl-indexBnr .mb-31,.str-mainvisual-carousel-01 .mb-31,.str-ticker .mb-31 {
    margin-bottom: 31px!important
}

.mod-form-trendSearch .mt-32,.mod-link-03 .mt-32,.mod-link-columnList .mt-32,.mod-media-article .mt-32,.mod-media-article-02 .mt-32,.mod-media-horizontal .mt-32,.mod-pnl-index .mt-32,.mod-pnl-index2 .mt-32,.mod-pnl-indexBnr .mt-32,.mt-32.mod-form-trendSearch,.mt-32.mod-link-03,.mt-32.mod-link-columnList,.mt-32.mod-media-article,.mt-32.mod-media-article-02,.mt-32.mod-media-horizontal,.mt-32.mod-pnl-index,.mt-32.mod-pnl-index2,.mt-32.mod-pnl-indexBnr,.mt-32.str-mainvisual-carousel-01,.mt-32.str-ticker,.str-mainvisual-carousel-01 .mt-32,.str-ticker .mt-32 {
    margin-top: 32px!important
}

.mb-32.mod-form-trendSearch,.mb-32.mod-link-03,.mb-32.mod-link-columnList,.mb-32.mod-media-article,.mb-32.mod-media-article-02,.mb-32.mod-media-horizontal,.mb-32.mod-pnl-index,.mb-32.mod-pnl-index2,.mb-32.mod-pnl-indexBnr,.mb-32.str-mainvisual-carousel-01,.mb-32.str-ticker,.mod-form-trendSearch .mb-32,.mod-link-03 .mb-32,.mod-link-columnList .mb-32,.mod-media-article .mb-32,.mod-media-article-02 .mb-32,.mod-media-horizontal .mb-32,.mod-pnl-index .mb-32,.mod-pnl-index2 .mb-32,.mod-pnl-indexBnr .mb-32,.str-mainvisual-carousel-01 .mb-32,.str-ticker .mb-32 {
    margin-bottom: 32px!important
}

.mod-form-trendSearch .mt-33,.mod-link-03 .mt-33,.mod-link-columnList .mt-33,.mod-media-article .mt-33,.mod-media-article-02 .mt-33,.mod-media-horizontal .mt-33,.mod-pnl-index .mt-33,.mod-pnl-index2 .mt-33,.mod-pnl-indexBnr .mt-33,.mt-33.mod-form-trendSearch,.mt-33.mod-link-03,.mt-33.mod-link-columnList,.mt-33.mod-media-article,.mt-33.mod-media-article-02,.mt-33.mod-media-horizontal,.mt-33.mod-pnl-index,.mt-33.mod-pnl-index2,.mt-33.mod-pnl-indexBnr,.mt-33.str-mainvisual-carousel-01,.mt-33.str-ticker,.str-mainvisual-carousel-01 .mt-33,.str-ticker .mt-33 {
    margin-top: 33px!important
}

.mb-33.mod-form-trendSearch,.mb-33.mod-link-03,.mb-33.mod-link-columnList,.mb-33.mod-media-article,.mb-33.mod-media-article-02,.mb-33.mod-media-horizontal,.mb-33.mod-pnl-index,.mb-33.mod-pnl-index2,.mb-33.mod-pnl-indexBnr,.mb-33.str-mainvisual-carousel-01,.mb-33.str-ticker,.mod-form-trendSearch .mb-33,.mod-link-03 .mb-33,.mod-link-columnList .mb-33,.mod-media-article .mb-33,.mod-media-article-02 .mb-33,.mod-media-horizontal .mb-33,.mod-pnl-index .mb-33,.mod-pnl-index2 .mb-33,.mod-pnl-indexBnr .mb-33,.str-mainvisual-carousel-01 .mb-33,.str-ticker .mb-33 {
    margin-bottom: 33px!important
}

.mod-form-trendSearch .mt-34,.mod-link-03 .mt-34,.mod-link-columnList .mt-34,.mod-media-article .mt-34,.mod-media-article-02 .mt-34,.mod-media-horizontal .mt-34,.mod-pnl-index .mt-34,.mod-pnl-index2 .mt-34,.mod-pnl-indexBnr .mt-34,.mt-34.mod-form-trendSearch,.mt-34.mod-link-03,.mt-34.mod-link-columnList,.mt-34.mod-media-article,.mt-34.mod-media-article-02,.mt-34.mod-media-horizontal,.mt-34.mod-pnl-index,.mt-34.mod-pnl-index2,.mt-34.mod-pnl-indexBnr,.mt-34.str-mainvisual-carousel-01,.mt-34.str-ticker,.str-mainvisual-carousel-01 .mt-34,.str-ticker .mt-34 {
    margin-top: 34px!important
}

.mb-34.mod-form-trendSearch,.mb-34.mod-link-03,.mb-34.mod-link-columnList,.mb-34.mod-media-article,.mb-34.mod-media-article-02,.mb-34.mod-media-horizontal,.mb-34.mod-pnl-index,.mb-34.mod-pnl-index2,.mb-34.mod-pnl-indexBnr,.mb-34.str-mainvisual-carousel-01,.mb-34.str-ticker,.mod-form-trendSearch .mb-34,.mod-link-03 .mb-34,.mod-link-columnList .mb-34,.mod-media-article .mb-34,.mod-media-article-02 .mb-34,.mod-media-horizontal .mb-34,.mod-pnl-index .mb-34,.mod-pnl-index2 .mb-34,.mod-pnl-indexBnr .mb-34,.str-mainvisual-carousel-01 .mb-34,.str-ticker .mb-34 {
    margin-bottom: 34px!important
}

.mod-form-trendSearch .mt-35,.mod-link-03 .mt-35,.mod-link-columnList .mt-35,.mod-media-article .mt-35,.mod-media-article-02 .mt-35,.mod-media-horizontal .mt-35,.mod-pnl-index .mt-35,.mod-pnl-index2 .mt-35,.mod-pnl-indexBnr .mt-35,.mt-35.mod-form-trendSearch,.mt-35.mod-link-03,.mt-35.mod-link-columnList,.mt-35.mod-media-article,.mt-35.mod-media-article-02,.mt-35.mod-media-horizontal,.mt-35.mod-pnl-index,.mt-35.mod-pnl-index2,.mt-35.mod-pnl-indexBnr,.mt-35.str-mainvisual-carousel-01,.mt-35.str-ticker,.str-mainvisual-carousel-01 .mt-35,.str-ticker .mt-35 {
    margin-top: 35px!important
}

.mb-35.mod-form-trendSearch,.mb-35.mod-link-03,.mb-35.mod-link-columnList,.mb-35.mod-media-article,.mb-35.mod-media-article-02,.mb-35.mod-media-horizontal,.mb-35.mod-pnl-index,.mb-35.mod-pnl-index2,.mb-35.mod-pnl-indexBnr,.mb-35.str-mainvisual-carousel-01,.mb-35.str-ticker,.mod-form-trendSearch .mb-35,.mod-link-03 .mb-35,.mod-link-columnList .mb-35,.mod-media-article .mb-35,.mod-media-article-02 .mb-35,.mod-media-horizontal .mb-35,.mod-pnl-index .mb-35,.mod-pnl-index2 .mb-35,.mod-pnl-indexBnr .mb-35,.str-mainvisual-carousel-01 .mb-35,.str-ticker .mb-35 {
    margin-bottom: 35px!important
}

.mod-form-trendSearch .mt-36,.mod-link-03 .mt-36,.mod-link-columnList .mt-36,.mod-media-article .mt-36,.mod-media-article-02 .mt-36,.mod-media-horizontal .mt-36,.mod-pnl-index .mt-36,.mod-pnl-index2 .mt-36,.mod-pnl-indexBnr .mt-36,.mt-36.mod-form-trendSearch,.mt-36.mod-link-03,.mt-36.mod-link-columnList,.mt-36.mod-media-article,.mt-36.mod-media-article-02,.mt-36.mod-media-horizontal,.mt-36.mod-pnl-index,.mt-36.mod-pnl-index2,.mt-36.mod-pnl-indexBnr,.mt-36.str-mainvisual-carousel-01,.mt-36.str-ticker,.str-mainvisual-carousel-01 .mt-36,.str-ticker .mt-36 {
    margin-top: 36px!important
}

.mb-36.mod-form-trendSearch,.mb-36.mod-link-03,.mb-36.mod-link-columnList,.mb-36.mod-media-article,.mb-36.mod-media-article-02,.mb-36.mod-media-horizontal,.mb-36.mod-pnl-index,.mb-36.mod-pnl-index2,.mb-36.mod-pnl-indexBnr,.mb-36.str-mainvisual-carousel-01,.mb-36.str-ticker,.mod-form-trendSearch .mb-36,.mod-link-03 .mb-36,.mod-link-columnList .mb-36,.mod-media-article .mb-36,.mod-media-article-02 .mb-36,.mod-media-horizontal .mb-36,.mod-pnl-index .mb-36,.mod-pnl-index2 .mb-36,.mod-pnl-indexBnr .mb-36,.str-mainvisual-carousel-01 .mb-36,.str-ticker .mb-36 {
    margin-bottom: 36px!important
}

.mod-form-trendSearch .mt-37,.mod-link-03 .mt-37,.mod-link-columnList .mt-37,.mod-media-article .mt-37,.mod-media-article-02 .mt-37,.mod-media-horizontal .mt-37,.mod-pnl-index .mt-37,.mod-pnl-index2 .mt-37,.mod-pnl-indexBnr .mt-37,.mt-37.mod-form-trendSearch,.mt-37.mod-link-03,.mt-37.mod-link-columnList,.mt-37.mod-media-article,.mt-37.mod-media-article-02,.mt-37.mod-media-horizontal,.mt-37.mod-pnl-index,.mt-37.mod-pnl-index2,.mt-37.mod-pnl-indexBnr,.mt-37.str-mainvisual-carousel-01,.mt-37.str-ticker,.str-mainvisual-carousel-01 .mt-37,.str-ticker .mt-37 {
    margin-top: 37px!important
}

.mb-37.mod-form-trendSearch,.mb-37.mod-link-03,.mb-37.mod-link-columnList,.mb-37.mod-media-article,.mb-37.mod-media-article-02,.mb-37.mod-media-horizontal,.mb-37.mod-pnl-index,.mb-37.mod-pnl-index2,.mb-37.mod-pnl-indexBnr,.mb-37.str-mainvisual-carousel-01,.mb-37.str-ticker,.mod-form-trendSearch .mb-37,.mod-link-03 .mb-37,.mod-link-columnList .mb-37,.mod-media-article .mb-37,.mod-media-article-02 .mb-37,.mod-media-horizontal .mb-37,.mod-pnl-index .mb-37,.mod-pnl-index2 .mb-37,.mod-pnl-indexBnr .mb-37,.str-mainvisual-carousel-01 .mb-37,.str-ticker .mb-37 {
    margin-bottom: 37px!important
}

.mod-form-trendSearch .mt-38,.mod-link-03 .mt-38,.mod-link-columnList .mt-38,.mod-media-article .mt-38,.mod-media-article-02 .mt-38,.mod-media-horizontal .mt-38,.mod-pnl-index .mt-38,.mod-pnl-index2 .mt-38,.mod-pnl-indexBnr .mt-38,.mt-38.mod-form-trendSearch,.mt-38.mod-link-03,.mt-38.mod-link-columnList,.mt-38.mod-media-article,.mt-38.mod-media-article-02,.mt-38.mod-media-horizontal,.mt-38.mod-pnl-index,.mt-38.mod-pnl-index2,.mt-38.mod-pnl-indexBnr,.mt-38.str-mainvisual-carousel-01,.mt-38.str-ticker,.str-mainvisual-carousel-01 .mt-38,.str-ticker .mt-38 {
    margin-top: 38px!important
}

.mb-38.mod-form-trendSearch,.mb-38.mod-link-03,.mb-38.mod-link-columnList,.mb-38.mod-media-article,.mb-38.mod-media-article-02,.mb-38.mod-media-horizontal,.mb-38.mod-pnl-index,.mb-38.mod-pnl-index2,.mb-38.mod-pnl-indexBnr,.mb-38.str-mainvisual-carousel-01,.mb-38.str-ticker,.mod-form-trendSearch .mb-38,.mod-link-03 .mb-38,.mod-link-columnList .mb-38,.mod-media-article .mb-38,.mod-media-article-02 .mb-38,.mod-media-horizontal .mb-38,.mod-pnl-index .mb-38,.mod-pnl-index2 .mb-38,.mod-pnl-indexBnr .mb-38,.str-mainvisual-carousel-01 .mb-38,.str-ticker .mb-38 {
    margin-bottom: 38px!important
}

.mod-form-trendSearch .mt-39,.mod-link-03 .mt-39,.mod-link-columnList .mt-39,.mod-media-article .mt-39,.mod-media-article-02 .mt-39,.mod-media-horizontal .mt-39,.mod-pnl-index .mt-39,.mod-pnl-index2 .mt-39,.mod-pnl-indexBnr .mt-39,.mt-39.mod-form-trendSearch,.mt-39.mod-link-03,.mt-39.mod-link-columnList,.mt-39.mod-media-article,.mt-39.mod-media-article-02,.mt-39.mod-media-horizontal,.mt-39.mod-pnl-index,.mt-39.mod-pnl-index2,.mt-39.mod-pnl-indexBnr,.mt-39.str-mainvisual-carousel-01,.mt-39.str-ticker,.str-mainvisual-carousel-01 .mt-39,.str-ticker .mt-39 {
    margin-top: 39px!important
}

.mb-39.mod-form-trendSearch,.mb-39.mod-link-03,.mb-39.mod-link-columnList,.mb-39.mod-media-article,.mb-39.mod-media-article-02,.mb-39.mod-media-horizontal,.mb-39.mod-pnl-index,.mb-39.mod-pnl-index2,.mb-39.mod-pnl-indexBnr,.mb-39.str-mainvisual-carousel-01,.mb-39.str-ticker,.mod-form-trendSearch .mb-39,.mod-link-03 .mb-39,.mod-link-columnList .mb-39,.mod-media-article .mb-39,.mod-media-article-02 .mb-39,.mod-media-horizontal .mb-39,.mod-pnl-index .mb-39,.mod-pnl-index2 .mb-39,.mod-pnl-indexBnr .mb-39,.str-mainvisual-carousel-01 .mb-39,.str-ticker .mb-39 {
    margin-bottom: 39px!important
}

.mod-form-trendSearch .mt-40,.mod-link-03 .mt-40,.mod-link-columnList .mt-40,.mod-media-article .mt-40,.mod-media-article-02 .mt-40,.mod-media-horizontal .mt-40,.mod-pnl-index .mt-40,.mod-pnl-index2 .mt-40,.mod-pnl-indexBnr .mt-40,.mt-40.mod-form-trendSearch,.mt-40.mod-link-03,.mt-40.mod-link-columnList,.mt-40.mod-media-article,.mt-40.mod-media-article-02,.mt-40.mod-media-horizontal,.mt-40.mod-pnl-index,.mt-40.mod-pnl-index2,.mt-40.mod-pnl-indexBnr,.mt-40.str-mainvisual-carousel-01,.mt-40.str-ticker,.str-mainvisual-carousel-01 .mt-40,.str-ticker .mt-40 {
    margin-top: 40px!important
}

.mb-40.mod-form-trendSearch,.mb-40.mod-link-03,.mb-40.mod-link-columnList,.mb-40.mod-media-article,.mb-40.mod-media-article-02,.mb-40.mod-media-horizontal,.mb-40.mod-pnl-index,.mb-40.mod-pnl-index2,.mb-40.mod-pnl-indexBnr,.mb-40.str-mainvisual-carousel-01,.mb-40.str-ticker,.mod-form-trendSearch .mb-40,.mod-link-03 .mb-40,.mod-link-columnList .mb-40,.mod-media-article .mb-40,.mod-media-article-02 .mb-40,.mod-media-horizontal .mb-40,.mod-pnl-index .mb-40,.mod-pnl-index2 .mb-40,.mod-pnl-indexBnr .mb-40,.str-mainvisual-carousel-01 .mb-40,.str-ticker .mb-40 {
    margin-bottom: 40px!important
}

.mod-form-trendSearch .mt-41,.mod-link-03 .mt-41,.mod-link-columnList .mt-41,.mod-media-article .mt-41,.mod-media-article-02 .mt-41,.mod-media-horizontal .mt-41,.mod-pnl-index .mt-41,.mod-pnl-index2 .mt-41,.mod-pnl-indexBnr .mt-41,.mt-41.mod-form-trendSearch,.mt-41.mod-link-03,.mt-41.mod-link-columnList,.mt-41.mod-media-article,.mt-41.mod-media-article-02,.mt-41.mod-media-horizontal,.mt-41.mod-pnl-index,.mt-41.mod-pnl-index2,.mt-41.mod-pnl-indexBnr,.mt-41.str-mainvisual-carousel-01,.mt-41.str-ticker,.str-mainvisual-carousel-01 .mt-41,.str-ticker .mt-41 {
    margin-top: 41px!important
}

.mb-41.mod-form-trendSearch,.mb-41.mod-link-03,.mb-41.mod-link-columnList,.mb-41.mod-media-article,.mb-41.mod-media-article-02,.mb-41.mod-media-horizontal,.mb-41.mod-pnl-index,.mb-41.mod-pnl-index2,.mb-41.mod-pnl-indexBnr,.mb-41.str-mainvisual-carousel-01,.mb-41.str-ticker,.mod-form-trendSearch .mb-41,.mod-link-03 .mb-41,.mod-link-columnList .mb-41,.mod-media-article .mb-41,.mod-media-article-02 .mb-41,.mod-media-horizontal .mb-41,.mod-pnl-index .mb-41,.mod-pnl-index2 .mb-41,.mod-pnl-indexBnr .mb-41,.str-mainvisual-carousel-01 .mb-41,.str-ticker .mb-41 {
    margin-bottom: 41px!important
}

.mod-form-trendSearch .mt-42,.mod-link-03 .mt-42,.mod-link-columnList .mt-42,.mod-media-article .mt-42,.mod-media-article-02 .mt-42,.mod-media-horizontal .mt-42,.mod-pnl-index .mt-42,.mod-pnl-index2 .mt-42,.mod-pnl-indexBnr .mt-42,.mt-42.mod-form-trendSearch,.mt-42.mod-link-03,.mt-42.mod-link-columnList,.mt-42.mod-media-article,.mt-42.mod-media-article-02,.mt-42.mod-media-horizontal,.mt-42.mod-pnl-index,.mt-42.mod-pnl-index2,.mt-42.mod-pnl-indexBnr,.mt-42.str-mainvisual-carousel-01,.mt-42.str-ticker,.str-mainvisual-carousel-01 .mt-42,.str-ticker .mt-42 {
    margin-top: 42px!important
}

.mb-42.mod-form-trendSearch,.mb-42.mod-link-03,.mb-42.mod-link-columnList,.mb-42.mod-media-article,.mb-42.mod-media-article-02,.mb-42.mod-media-horizontal,.mb-42.mod-pnl-index,.mb-42.mod-pnl-index2,.mb-42.mod-pnl-indexBnr,.mb-42.str-mainvisual-carousel-01,.mb-42.str-ticker,.mod-form-trendSearch .mb-42,.mod-link-03 .mb-42,.mod-link-columnList .mb-42,.mod-media-article .mb-42,.mod-media-article-02 .mb-42,.mod-media-horizontal .mb-42,.mod-pnl-index .mb-42,.mod-pnl-index2 .mb-42,.mod-pnl-indexBnr .mb-42,.str-mainvisual-carousel-01 .mb-42,.str-ticker .mb-42 {
    margin-bottom: 42px!important
}

.mod-form-trendSearch .mt-43,.mod-link-03 .mt-43,.mod-link-columnList .mt-43,.mod-media-article .mt-43,.mod-media-article-02 .mt-43,.mod-media-horizontal .mt-43,.mod-pnl-index .mt-43,.mod-pnl-index2 .mt-43,.mod-pnl-indexBnr .mt-43,.mt-43.mod-form-trendSearch,.mt-43.mod-link-03,.mt-43.mod-link-columnList,.mt-43.mod-media-article,.mt-43.mod-media-article-02,.mt-43.mod-media-horizontal,.mt-43.mod-pnl-index,.mt-43.mod-pnl-index2,.mt-43.mod-pnl-indexBnr,.mt-43.str-mainvisual-carousel-01,.mt-43.str-ticker,.str-mainvisual-carousel-01 .mt-43,.str-ticker .mt-43 {
    margin-top: 43px!important
}

.mb-43.mod-form-trendSearch,.mb-43.mod-link-03,.mb-43.mod-link-columnList,.mb-43.mod-media-article,.mb-43.mod-media-article-02,.mb-43.mod-media-horizontal,.mb-43.mod-pnl-index,.mb-43.mod-pnl-index2,.mb-43.mod-pnl-indexBnr,.mb-43.str-mainvisual-carousel-01,.mb-43.str-ticker,.mod-form-trendSearch .mb-43,.mod-link-03 .mb-43,.mod-link-columnList .mb-43,.mod-media-article .mb-43,.mod-media-article-02 .mb-43,.mod-media-horizontal .mb-43,.mod-pnl-index .mb-43,.mod-pnl-index2 .mb-43,.mod-pnl-indexBnr .mb-43,.str-mainvisual-carousel-01 .mb-43,.str-ticker .mb-43 {
    margin-bottom: 43px!important
}

.mod-form-trendSearch .mt-44,.mod-link-03 .mt-44,.mod-link-columnList .mt-44,.mod-media-article .mt-44,.mod-media-article-02 .mt-44,.mod-media-horizontal .mt-44,.mod-pnl-index .mt-44,.mod-pnl-index2 .mt-44,.mod-pnl-indexBnr .mt-44,.mt-44.mod-form-trendSearch,.mt-44.mod-link-03,.mt-44.mod-link-columnList,.mt-44.mod-media-article,.mt-44.mod-media-article-02,.mt-44.mod-media-horizontal,.mt-44.mod-pnl-index,.mt-44.mod-pnl-index2,.mt-44.mod-pnl-indexBnr,.mt-44.str-mainvisual-carousel-01,.mt-44.str-ticker,.str-mainvisual-carousel-01 .mt-44,.str-ticker .mt-44 {
    margin-top: 44px!important
}

.mb-44.mod-form-trendSearch,.mb-44.mod-link-03,.mb-44.mod-link-columnList,.mb-44.mod-media-article,.mb-44.mod-media-article-02,.mb-44.mod-media-horizontal,.mb-44.mod-pnl-index,.mb-44.mod-pnl-index2,.mb-44.mod-pnl-indexBnr,.mb-44.str-mainvisual-carousel-01,.mb-44.str-ticker,.mod-form-trendSearch .mb-44,.mod-link-03 .mb-44,.mod-link-columnList .mb-44,.mod-media-article .mb-44,.mod-media-article-02 .mb-44,.mod-media-horizontal .mb-44,.mod-pnl-index .mb-44,.mod-pnl-index2 .mb-44,.mod-pnl-indexBnr .mb-44,.str-mainvisual-carousel-01 .mb-44,.str-ticker .mb-44 {
    margin-bottom: 44px!important
}

.mod-form-trendSearch .mt-45,.mod-link-03 .mt-45,.mod-link-columnList .mt-45,.mod-media-article .mt-45,.mod-media-article-02 .mt-45,.mod-media-horizontal .mt-45,.mod-pnl-index .mt-45,.mod-pnl-index2 .mt-45,.mod-pnl-indexBnr .mt-45,.mt-45.mod-form-trendSearch,.mt-45.mod-link-03,.mt-45.mod-link-columnList,.mt-45.mod-media-article,.mt-45.mod-media-article-02,.mt-45.mod-media-horizontal,.mt-45.mod-pnl-index,.mt-45.mod-pnl-index2,.mt-45.mod-pnl-indexBnr,.mt-45.str-mainvisual-carousel-01,.mt-45.str-ticker,.str-mainvisual-carousel-01 .mt-45,.str-ticker .mt-45 {
    margin-top: 45px!important
}

.mb-45.mod-form-trendSearch,.mb-45.mod-link-03,.mb-45.mod-link-columnList,.mb-45.mod-media-article,.mb-45.mod-media-article-02,.mb-45.mod-media-horizontal,.mb-45.mod-pnl-index,.mb-45.mod-pnl-index2,.mb-45.mod-pnl-indexBnr,.mb-45.str-mainvisual-carousel-01,.mb-45.str-ticker,.mod-form-trendSearch .mb-45,.mod-link-03 .mb-45,.mod-link-columnList .mb-45,.mod-media-article .mb-45,.mod-media-article-02 .mb-45,.mod-media-horizontal .mb-45,.mod-pnl-index .mb-45,.mod-pnl-index2 .mb-45,.mod-pnl-indexBnr .mb-45,.str-mainvisual-carousel-01 .mb-45,.str-ticker .mb-45 {
    margin-bottom: 45px!important
}

.mod-form-trendSearch .mt-46,.mod-link-03 .mt-46,.mod-link-columnList .mt-46,.mod-media-article .mt-46,.mod-media-article-02 .mt-46,.mod-media-horizontal .mt-46,.mod-pnl-index .mt-46,.mod-pnl-index2 .mt-46,.mod-pnl-indexBnr .mt-46,.mt-46.mod-form-trendSearch,.mt-46.mod-link-03,.mt-46.mod-link-columnList,.mt-46.mod-media-article,.mt-46.mod-media-article-02,.mt-46.mod-media-horizontal,.mt-46.mod-pnl-index,.mt-46.mod-pnl-index2,.mt-46.mod-pnl-indexBnr,.mt-46.str-mainvisual-carousel-01,.mt-46.str-ticker,.str-mainvisual-carousel-01 .mt-46,.str-ticker .mt-46 {
    margin-top: 46px!important
}

.mb-46.mod-form-trendSearch,.mb-46.mod-link-03,.mb-46.mod-link-columnList,.mb-46.mod-media-article,.mb-46.mod-media-article-02,.mb-46.mod-media-horizontal,.mb-46.mod-pnl-index,.mb-46.mod-pnl-index2,.mb-46.mod-pnl-indexBnr,.mb-46.str-mainvisual-carousel-01,.mb-46.str-ticker,.mod-form-trendSearch .mb-46,.mod-link-03 .mb-46,.mod-link-columnList .mb-46,.mod-media-article .mb-46,.mod-media-article-02 .mb-46,.mod-media-horizontal .mb-46,.mod-pnl-index .mb-46,.mod-pnl-index2 .mb-46,.mod-pnl-indexBnr .mb-46,.str-mainvisual-carousel-01 .mb-46,.str-ticker .mb-46 {
    margin-bottom: 46px!important
}

.mod-form-trendSearch .mt-47,.mod-link-03 .mt-47,.mod-link-columnList .mt-47,.mod-media-article .mt-47,.mod-media-article-02 .mt-47,.mod-media-horizontal .mt-47,.mod-pnl-index .mt-47,.mod-pnl-index2 .mt-47,.mod-pnl-indexBnr .mt-47,.mt-47.mod-form-trendSearch,.mt-47.mod-link-03,.mt-47.mod-link-columnList,.mt-47.mod-media-article,.mt-47.mod-media-article-02,.mt-47.mod-media-horizontal,.mt-47.mod-pnl-index,.mt-47.mod-pnl-index2,.mt-47.mod-pnl-indexBnr,.mt-47.str-mainvisual-carousel-01,.mt-47.str-ticker,.str-mainvisual-carousel-01 .mt-47,.str-ticker .mt-47 {
    margin-top: 47px!important
}

.mb-47.mod-form-trendSearch,.mb-47.mod-link-03,.mb-47.mod-link-columnList,.mb-47.mod-media-article,.mb-47.mod-media-article-02,.mb-47.mod-media-horizontal,.mb-47.mod-pnl-index,.mb-47.mod-pnl-index2,.mb-47.mod-pnl-indexBnr,.mb-47.str-mainvisual-carousel-01,.mb-47.str-ticker,.mod-form-trendSearch .mb-47,.mod-link-03 .mb-47,.mod-link-columnList .mb-47,.mod-media-article .mb-47,.mod-media-article-02 .mb-47,.mod-media-horizontal .mb-47,.mod-pnl-index .mb-47,.mod-pnl-index2 .mb-47,.mod-pnl-indexBnr .mb-47,.str-mainvisual-carousel-01 .mb-47,.str-ticker .mb-47 {
    margin-bottom: 47px!important
}

.mod-form-trendSearch .mt-48,.mod-link-03 .mt-48,.mod-link-columnList .mt-48,.mod-media-article .mt-48,.mod-media-article-02 .mt-48,.mod-media-horizontal .mt-48,.mod-pnl-index .mt-48,.mod-pnl-index2 .mt-48,.mod-pnl-indexBnr .mt-48,.mt-48.mod-form-trendSearch,.mt-48.mod-link-03,.mt-48.mod-link-columnList,.mt-48.mod-media-article,.mt-48.mod-media-article-02,.mt-48.mod-media-horizontal,.mt-48.mod-pnl-index,.mt-48.mod-pnl-index2,.mt-48.mod-pnl-indexBnr,.mt-48.str-mainvisual-carousel-01,.mt-48.str-ticker,.str-mainvisual-carousel-01 .mt-48,.str-ticker .mt-48 {
    margin-top: 48px!important
}

.mb-48.mod-form-trendSearch,.mb-48.mod-link-03,.mb-48.mod-link-columnList,.mb-48.mod-media-article,.mb-48.mod-media-article-02,.mb-48.mod-media-horizontal,.mb-48.mod-pnl-index,.mb-48.mod-pnl-index2,.mb-48.mod-pnl-indexBnr,.mb-48.str-mainvisual-carousel-01,.mb-48.str-ticker,.mod-form-trendSearch .mb-48,.mod-link-03 .mb-48,.mod-link-columnList .mb-48,.mod-media-article .mb-48,.mod-media-article-02 .mb-48,.mod-media-horizontal .mb-48,.mod-pnl-index .mb-48,.mod-pnl-index2 .mb-48,.mod-pnl-indexBnr .mb-48,.str-mainvisual-carousel-01 .mb-48,.str-ticker .mb-48 {
    margin-bottom: 48px!important
}

.mod-form-trendSearch .mt-49,.mod-link-03 .mt-49,.mod-link-columnList .mt-49,.mod-media-article .mt-49,.mod-media-article-02 .mt-49,.mod-media-horizontal .mt-49,.mod-pnl-index .mt-49,.mod-pnl-index2 .mt-49,.mod-pnl-indexBnr .mt-49,.mt-49.mod-form-trendSearch,.mt-49.mod-link-03,.mt-49.mod-link-columnList,.mt-49.mod-media-article,.mt-49.mod-media-article-02,.mt-49.mod-media-horizontal,.mt-49.mod-pnl-index,.mt-49.mod-pnl-index2,.mt-49.mod-pnl-indexBnr,.mt-49.str-mainvisual-carousel-01,.mt-49.str-ticker,.str-mainvisual-carousel-01 .mt-49,.str-ticker .mt-49 {
    margin-top: 49px!important
}

.mb-49.mod-form-trendSearch,.mb-49.mod-link-03,.mb-49.mod-link-columnList,.mb-49.mod-media-article,.mb-49.mod-media-article-02,.mb-49.mod-media-horizontal,.mb-49.mod-pnl-index,.mb-49.mod-pnl-index2,.mb-49.mod-pnl-indexBnr,.mb-49.str-mainvisual-carousel-01,.mb-49.str-ticker,.mod-form-trendSearch .mb-49,.mod-link-03 .mb-49,.mod-link-columnList .mb-49,.mod-media-article .mb-49,.mod-media-article-02 .mb-49,.mod-media-horizontal .mb-49,.mod-pnl-index .mb-49,.mod-pnl-index2 .mb-49,.mod-pnl-indexBnr .mb-49,.str-mainvisual-carousel-01 .mb-49,.str-ticker .mb-49 {
    margin-bottom: 49px!important
}

.mod-form-trendSearch .mt-50,.mod-link-03 .mt-50,.mod-link-columnList .mt-50,.mod-media-article .mt-50,.mod-media-article-02 .mt-50,.mod-media-horizontal .mt-50,.mod-pnl-index .mt-50,.mod-pnl-index2 .mt-50,.mod-pnl-indexBnr .mt-50,.mt-50.mod-form-trendSearch,.mt-50.mod-link-03,.mt-50.mod-link-columnList,.mt-50.mod-media-article,.mt-50.mod-media-article-02,.mt-50.mod-media-horizontal,.mt-50.mod-pnl-index,.mt-50.mod-pnl-index2,.mt-50.mod-pnl-indexBnr,.mt-50.str-mainvisual-carousel-01,.mt-50.str-ticker,.str-mainvisual-carousel-01 .mt-50,.str-ticker .mt-50 {
    margin-top: 50px!important
}

.mb-50.mod-form-trendSearch,.mb-50.mod-link-03,.mb-50.mod-link-columnList,.mb-50.mod-media-article,.mb-50.mod-media-article-02,.mb-50.mod-media-horizontal,.mb-50.mod-pnl-index,.mb-50.mod-pnl-index2,.mb-50.mod-pnl-indexBnr,.mb-50.str-mainvisual-carousel-01,.mb-50.str-ticker,.mod-form-trendSearch .mb-50,.mod-link-03 .mb-50,.mod-link-columnList .mb-50,.mod-media-article .mb-50,.mod-media-article-02 .mb-50,.mod-media-horizontal .mb-50,.mod-pnl-index .mb-50,.mod-pnl-index2 .mb-50,.mod-pnl-indexBnr .mb-50,.str-mainvisual-carousel-01 .mb-50,.str-ticker .mb-50 {
    margin-bottom: 50px!important
}

.mod-form-trendSearch .mt-51,.mod-link-03 .mt-51,.mod-link-columnList .mt-51,.mod-media-article .mt-51,.mod-media-article-02 .mt-51,.mod-media-horizontal .mt-51,.mod-pnl-index .mt-51,.mod-pnl-index2 .mt-51,.mod-pnl-indexBnr .mt-51,.mt-51.mod-form-trendSearch,.mt-51.mod-link-03,.mt-51.mod-link-columnList,.mt-51.mod-media-article,.mt-51.mod-media-article-02,.mt-51.mod-media-horizontal,.mt-51.mod-pnl-index,.mt-51.mod-pnl-index2,.mt-51.mod-pnl-indexBnr,.mt-51.str-mainvisual-carousel-01,.mt-51.str-ticker,.str-mainvisual-carousel-01 .mt-51,.str-ticker .mt-51 {
    margin-top: 51px!important
}

.mb-51.mod-form-trendSearch,.mb-51.mod-link-03,.mb-51.mod-link-columnList,.mb-51.mod-media-article,.mb-51.mod-media-article-02,.mb-51.mod-media-horizontal,.mb-51.mod-pnl-index,.mb-51.mod-pnl-index2,.mb-51.mod-pnl-indexBnr,.mb-51.str-mainvisual-carousel-01,.mb-51.str-ticker,.mod-form-trendSearch .mb-51,.mod-link-03 .mb-51,.mod-link-columnList .mb-51,.mod-media-article .mb-51,.mod-media-article-02 .mb-51,.mod-media-horizontal .mb-51,.mod-pnl-index .mb-51,.mod-pnl-index2 .mb-51,.mod-pnl-indexBnr .mb-51,.str-mainvisual-carousel-01 .mb-51,.str-ticker .mb-51 {
    margin-bottom: 51px!important
}

.mod-form-trendSearch .mt-52,.mod-link-03 .mt-52,.mod-link-columnList .mt-52,.mod-media-article .mt-52,.mod-media-article-02 .mt-52,.mod-media-horizontal .mt-52,.mod-pnl-index .mt-52,.mod-pnl-index2 .mt-52,.mod-pnl-indexBnr .mt-52,.mt-52.mod-form-trendSearch,.mt-52.mod-link-03,.mt-52.mod-link-columnList,.mt-52.mod-media-article,.mt-52.mod-media-article-02,.mt-52.mod-media-horizontal,.mt-52.mod-pnl-index,.mt-52.mod-pnl-index2,.mt-52.mod-pnl-indexBnr,.mt-52.str-mainvisual-carousel-01,.mt-52.str-ticker,.str-mainvisual-carousel-01 .mt-52,.str-ticker .mt-52 {
    margin-top: 52px!important
}

.mb-52.mod-form-trendSearch,.mb-52.mod-link-03,.mb-52.mod-link-columnList,.mb-52.mod-media-article,.mb-52.mod-media-article-02,.mb-52.mod-media-horizontal,.mb-52.mod-pnl-index,.mb-52.mod-pnl-index2,.mb-52.mod-pnl-indexBnr,.mb-52.str-mainvisual-carousel-01,.mb-52.str-ticker,.mod-form-trendSearch .mb-52,.mod-link-03 .mb-52,.mod-link-columnList .mb-52,.mod-media-article .mb-52,.mod-media-article-02 .mb-52,.mod-media-horizontal .mb-52,.mod-pnl-index .mb-52,.mod-pnl-index2 .mb-52,.mod-pnl-indexBnr .mb-52,.str-mainvisual-carousel-01 .mb-52,.str-ticker .mb-52 {
    margin-bottom: 52px!important
}

.mod-form-trendSearch .mt-53,.mod-link-03 .mt-53,.mod-link-columnList .mt-53,.mod-media-article .mt-53,.mod-media-article-02 .mt-53,.mod-media-horizontal .mt-53,.mod-pnl-index .mt-53,.mod-pnl-index2 .mt-53,.mod-pnl-indexBnr .mt-53,.mt-53.mod-form-trendSearch,.mt-53.mod-link-03,.mt-53.mod-link-columnList,.mt-53.mod-media-article,.mt-53.mod-media-article-02,.mt-53.mod-media-horizontal,.mt-53.mod-pnl-index,.mt-53.mod-pnl-index2,.mt-53.mod-pnl-indexBnr,.mt-53.str-mainvisual-carousel-01,.mt-53.str-ticker,.str-mainvisual-carousel-01 .mt-53,.str-ticker .mt-53 {
    margin-top: 53px!important
}

.mb-53.mod-form-trendSearch,.mb-53.mod-link-03,.mb-53.mod-link-columnList,.mb-53.mod-media-article,.mb-53.mod-media-article-02,.mb-53.mod-media-horizontal,.mb-53.mod-pnl-index,.mb-53.mod-pnl-index2,.mb-53.mod-pnl-indexBnr,.mb-53.str-mainvisual-carousel-01,.mb-53.str-ticker,.mod-form-trendSearch .mb-53,.mod-link-03 .mb-53,.mod-link-columnList .mb-53,.mod-media-article .mb-53,.mod-media-article-02 .mb-53,.mod-media-horizontal .mb-53,.mod-pnl-index .mb-53,.mod-pnl-index2 .mb-53,.mod-pnl-indexBnr .mb-53,.str-mainvisual-carousel-01 .mb-53,.str-ticker .mb-53 {
    margin-bottom: 53px!important
}

.mod-form-trendSearch .mt-54,.mod-link-03 .mt-54,.mod-link-columnList .mt-54,.mod-media-article .mt-54,.mod-media-article-02 .mt-54,.mod-media-horizontal .mt-54,.mod-pnl-index .mt-54,.mod-pnl-index2 .mt-54,.mod-pnl-indexBnr .mt-54,.mt-54.mod-form-trendSearch,.mt-54.mod-link-03,.mt-54.mod-link-columnList,.mt-54.mod-media-article,.mt-54.mod-media-article-02,.mt-54.mod-media-horizontal,.mt-54.mod-pnl-index,.mt-54.mod-pnl-index2,.mt-54.mod-pnl-indexBnr,.mt-54.str-mainvisual-carousel-01,.mt-54.str-ticker,.str-mainvisual-carousel-01 .mt-54,.str-ticker .mt-54 {
    margin-top: 54px!important
}

.mb-54.mod-form-trendSearch,.mb-54.mod-link-03,.mb-54.mod-link-columnList,.mb-54.mod-media-article,.mb-54.mod-media-article-02,.mb-54.mod-media-horizontal,.mb-54.mod-pnl-index,.mb-54.mod-pnl-index2,.mb-54.mod-pnl-indexBnr,.mb-54.str-mainvisual-carousel-01,.mb-54.str-ticker,.mod-form-trendSearch .mb-54,.mod-link-03 .mb-54,.mod-link-columnList .mb-54,.mod-media-article .mb-54,.mod-media-article-02 .mb-54,.mod-media-horizontal .mb-54,.mod-pnl-index .mb-54,.mod-pnl-index2 .mb-54,.mod-pnl-indexBnr .mb-54,.str-mainvisual-carousel-01 .mb-54,.str-ticker .mb-54 {
    margin-bottom: 54px!important
}

.mod-form-trendSearch .mt-55,.mod-link-03 .mt-55,.mod-link-columnList .mt-55,.mod-media-article .mt-55,.mod-media-article-02 .mt-55,.mod-media-horizontal .mt-55,.mod-pnl-index .mt-55,.mod-pnl-index2 .mt-55,.mod-pnl-indexBnr .mt-55,.mt-55.mod-form-trendSearch,.mt-55.mod-link-03,.mt-55.mod-link-columnList,.mt-55.mod-media-article,.mt-55.mod-media-article-02,.mt-55.mod-media-horizontal,.mt-55.mod-pnl-index,.mt-55.mod-pnl-index2,.mt-55.mod-pnl-indexBnr,.mt-55.str-mainvisual-carousel-01,.mt-55.str-ticker,.str-mainvisual-carousel-01 .mt-55,.str-ticker .mt-55 {
    margin-top: 55px!important
}

.mb-55.mod-form-trendSearch,.mb-55.mod-link-03,.mb-55.mod-link-columnList,.mb-55.mod-media-article,.mb-55.mod-media-article-02,.mb-55.mod-media-horizontal,.mb-55.mod-pnl-index,.mb-55.mod-pnl-index2,.mb-55.mod-pnl-indexBnr,.mb-55.str-mainvisual-carousel-01,.mb-55.str-ticker,.mod-form-trendSearch .mb-55,.mod-link-03 .mb-55,.mod-link-columnList .mb-55,.mod-media-article .mb-55,.mod-media-article-02 .mb-55,.mod-media-horizontal .mb-55,.mod-pnl-index .mb-55,.mod-pnl-index2 .mb-55,.mod-pnl-indexBnr .mb-55,.str-mainvisual-carousel-01 .mb-55,.str-ticker .mb-55 {
    margin-bottom: 55px!important
}

.mod-form-trendSearch .mt-56,.mod-link-03 .mt-56,.mod-link-columnList .mt-56,.mod-media-article .mt-56,.mod-media-article-02 .mt-56,.mod-media-horizontal .mt-56,.mod-pnl-index .mt-56,.mod-pnl-index2 .mt-56,.mod-pnl-indexBnr .mt-56,.mt-56.mod-form-trendSearch,.mt-56.mod-link-03,.mt-56.mod-link-columnList,.mt-56.mod-media-article,.mt-56.mod-media-article-02,.mt-56.mod-media-horizontal,.mt-56.mod-pnl-index,.mt-56.mod-pnl-index2,.mt-56.mod-pnl-indexBnr,.mt-56.str-mainvisual-carousel-01,.mt-56.str-ticker,.str-mainvisual-carousel-01 .mt-56,.str-ticker .mt-56 {
    margin-top: 56px!important
}

.mb-56.mod-form-trendSearch,.mb-56.mod-link-03,.mb-56.mod-link-columnList,.mb-56.mod-media-article,.mb-56.mod-media-article-02,.mb-56.mod-media-horizontal,.mb-56.mod-pnl-index,.mb-56.mod-pnl-index2,.mb-56.mod-pnl-indexBnr,.mb-56.str-mainvisual-carousel-01,.mb-56.str-ticker,.mod-form-trendSearch .mb-56,.mod-link-03 .mb-56,.mod-link-columnList .mb-56,.mod-media-article .mb-56,.mod-media-article-02 .mb-56,.mod-media-horizontal .mb-56,.mod-pnl-index .mb-56,.mod-pnl-index2 .mb-56,.mod-pnl-indexBnr .mb-56,.str-mainvisual-carousel-01 .mb-56,.str-ticker .mb-56 {
    margin-bottom: 56px!important
}

.mod-form-trendSearch .mt-57,.mod-link-03 .mt-57,.mod-link-columnList .mt-57,.mod-media-article .mt-57,.mod-media-article-02 .mt-57,.mod-media-horizontal .mt-57,.mod-pnl-index .mt-57,.mod-pnl-index2 .mt-57,.mod-pnl-indexBnr .mt-57,.mt-57.mod-form-trendSearch,.mt-57.mod-link-03,.mt-57.mod-link-columnList,.mt-57.mod-media-article,.mt-57.mod-media-article-02,.mt-57.mod-media-horizontal,.mt-57.mod-pnl-index,.mt-57.mod-pnl-index2,.mt-57.mod-pnl-indexBnr,.mt-57.str-mainvisual-carousel-01,.mt-57.str-ticker,.str-mainvisual-carousel-01 .mt-57,.str-ticker .mt-57 {
    margin-top: 57px!important
}

.mb-57.mod-form-trendSearch,.mb-57.mod-link-03,.mb-57.mod-link-columnList,.mb-57.mod-media-article,.mb-57.mod-media-article-02,.mb-57.mod-media-horizontal,.mb-57.mod-pnl-index,.mb-57.mod-pnl-index2,.mb-57.mod-pnl-indexBnr,.mb-57.str-mainvisual-carousel-01,.mb-57.str-ticker,.mod-form-trendSearch .mb-57,.mod-link-03 .mb-57,.mod-link-columnList .mb-57,.mod-media-article .mb-57,.mod-media-article-02 .mb-57,.mod-media-horizontal .mb-57,.mod-pnl-index .mb-57,.mod-pnl-index2 .mb-57,.mod-pnl-indexBnr .mb-57,.str-mainvisual-carousel-01 .mb-57,.str-ticker .mb-57 {
    margin-bottom: 57px!important
}

.mod-form-trendSearch .mt-58,.mod-link-03 .mt-58,.mod-link-columnList .mt-58,.mod-media-article .mt-58,.mod-media-article-02 .mt-58,.mod-media-horizontal .mt-58,.mod-pnl-index .mt-58,.mod-pnl-index2 .mt-58,.mod-pnl-indexBnr .mt-58,.mt-58.mod-form-trendSearch,.mt-58.mod-link-03,.mt-58.mod-link-columnList,.mt-58.mod-media-article,.mt-58.mod-media-article-02,.mt-58.mod-media-horizontal,.mt-58.mod-pnl-index,.mt-58.mod-pnl-index2,.mt-58.mod-pnl-indexBnr,.mt-58.str-mainvisual-carousel-01,.mt-58.str-ticker,.str-mainvisual-carousel-01 .mt-58,.str-ticker .mt-58 {
    margin-top: 58px!important
}

.mb-58.mod-form-trendSearch,.mb-58.mod-link-03,.mb-58.mod-link-columnList,.mb-58.mod-media-article,.mb-58.mod-media-article-02,.mb-58.mod-media-horizontal,.mb-58.mod-pnl-index,.mb-58.mod-pnl-index2,.mb-58.mod-pnl-indexBnr,.mb-58.str-mainvisual-carousel-01,.mb-58.str-ticker,.mod-form-trendSearch .mb-58,.mod-link-03 .mb-58,.mod-link-columnList .mb-58,.mod-media-article .mb-58,.mod-media-article-02 .mb-58,.mod-media-horizontal .mb-58,.mod-pnl-index .mb-58,.mod-pnl-index2 .mb-58,.mod-pnl-indexBnr .mb-58,.str-mainvisual-carousel-01 .mb-58,.str-ticker .mb-58 {
    margin-bottom: 58px!important
}

.mod-form-trendSearch .mt-59,.mod-link-03 .mt-59,.mod-link-columnList .mt-59,.mod-media-article .mt-59,.mod-media-article-02 .mt-59,.mod-media-horizontal .mt-59,.mod-pnl-index .mt-59,.mod-pnl-index2 .mt-59,.mod-pnl-indexBnr .mt-59,.mt-59.mod-form-trendSearch,.mt-59.mod-link-03,.mt-59.mod-link-columnList,.mt-59.mod-media-article,.mt-59.mod-media-article-02,.mt-59.mod-media-horizontal,.mt-59.mod-pnl-index,.mt-59.mod-pnl-index2,.mt-59.mod-pnl-indexBnr,.mt-59.str-mainvisual-carousel-01,.mt-59.str-ticker,.str-mainvisual-carousel-01 .mt-59,.str-ticker .mt-59 {
    margin-top: 59px!important
}

.mb-59.mod-form-trendSearch,.mb-59.mod-link-03,.mb-59.mod-link-columnList,.mb-59.mod-media-article,.mb-59.mod-media-article-02,.mb-59.mod-media-horizontal,.mb-59.mod-pnl-index,.mb-59.mod-pnl-index2,.mb-59.mod-pnl-indexBnr,.mb-59.str-mainvisual-carousel-01,.mb-59.str-ticker,.mod-form-trendSearch .mb-59,.mod-link-03 .mb-59,.mod-link-columnList .mb-59,.mod-media-article .mb-59,.mod-media-article-02 .mb-59,.mod-media-horizontal .mb-59,.mod-pnl-index .mb-59,.mod-pnl-index2 .mb-59,.mod-pnl-indexBnr .mb-59,.str-mainvisual-carousel-01 .mb-59,.str-ticker .mb-59 {
    margin-bottom: 59px!important
}

.mod-form-trendSearch .mt-60,.mod-link-03 .mt-60,.mod-link-columnList .mt-60,.mod-media-article .mt-60,.mod-media-article-02 .mt-60,.mod-media-horizontal .mt-60,.mod-pnl-index .mt-60,.mod-pnl-index2 .mt-60,.mod-pnl-indexBnr .mt-60,.mt-60.mod-form-trendSearch,.mt-60.mod-link-03,.mt-60.mod-link-columnList,.mt-60.mod-media-article,.mt-60.mod-media-article-02,.mt-60.mod-media-horizontal,.mt-60.mod-pnl-index,.mt-60.mod-pnl-index2,.mt-60.mod-pnl-indexBnr,.mt-60.str-mainvisual-carousel-01,.mt-60.str-ticker,.str-mainvisual-carousel-01 .mt-60,.str-ticker .mt-60 {
    margin-top: 60px!important
}

.mb-60.mod-form-trendSearch,.mb-60.mod-link-03,.mb-60.mod-link-columnList,.mb-60.mod-media-article,.mb-60.mod-media-article-02,.mb-60.mod-media-horizontal,.mb-60.mod-pnl-index,.mb-60.mod-pnl-index2,.mb-60.mod-pnl-indexBnr,.mb-60.str-mainvisual-carousel-01,.mb-60.str-ticker,.mod-form-trendSearch .mb-60,.mod-link-03 .mb-60,.mod-link-columnList .mb-60,.mod-media-article .mb-60,.mod-media-article-02 .mb-60,.mod-media-horizontal .mb-60,.mod-pnl-index .mb-60,.mod-pnl-index2 .mb-60,.mod-pnl-indexBnr .mb-60,.str-mainvisual-carousel-01 .mb-60,.str-ticker .mb-60 {
    margin-bottom: 60px!important
}

.mod-form-trendSearch .mt-61,.mod-link-03 .mt-61,.mod-link-columnList .mt-61,.mod-media-article .mt-61,.mod-media-article-02 .mt-61,.mod-media-horizontal .mt-61,.mod-pnl-index .mt-61,.mod-pnl-index2 .mt-61,.mod-pnl-indexBnr .mt-61,.mt-61.mod-form-trendSearch,.mt-61.mod-link-03,.mt-61.mod-link-columnList,.mt-61.mod-media-article,.mt-61.mod-media-article-02,.mt-61.mod-media-horizontal,.mt-61.mod-pnl-index,.mt-61.mod-pnl-index2,.mt-61.mod-pnl-indexBnr,.mt-61.str-mainvisual-carousel-01,.mt-61.str-ticker,.str-mainvisual-carousel-01 .mt-61,.str-ticker .mt-61 {
    margin-top: 61px!important
}

.mb-61.mod-form-trendSearch,.mb-61.mod-link-03,.mb-61.mod-link-columnList,.mb-61.mod-media-article,.mb-61.mod-media-article-02,.mb-61.mod-media-horizontal,.mb-61.mod-pnl-index,.mb-61.mod-pnl-index2,.mb-61.mod-pnl-indexBnr,.mb-61.str-mainvisual-carousel-01,.mb-61.str-ticker,.mod-form-trendSearch .mb-61,.mod-link-03 .mb-61,.mod-link-columnList .mb-61,.mod-media-article .mb-61,.mod-media-article-02 .mb-61,.mod-media-horizontal .mb-61,.mod-pnl-index .mb-61,.mod-pnl-index2 .mb-61,.mod-pnl-indexBnr .mb-61,.str-mainvisual-carousel-01 .mb-61,.str-ticker .mb-61 {
    margin-bottom: 61px!important
}

.mod-form-trendSearch .mt-62,.mod-link-03 .mt-62,.mod-link-columnList .mt-62,.mod-media-article .mt-62,.mod-media-article-02 .mt-62,.mod-media-horizontal .mt-62,.mod-pnl-index .mt-62,.mod-pnl-index2 .mt-62,.mod-pnl-indexBnr .mt-62,.mt-62.mod-form-trendSearch,.mt-62.mod-link-03,.mt-62.mod-link-columnList,.mt-62.mod-media-article,.mt-62.mod-media-article-02,.mt-62.mod-media-horizontal,.mt-62.mod-pnl-index,.mt-62.mod-pnl-index2,.mt-62.mod-pnl-indexBnr,.mt-62.str-mainvisual-carousel-01,.mt-62.str-ticker,.str-mainvisual-carousel-01 .mt-62,.str-ticker .mt-62 {
    margin-top: 62px!important
}

.mb-62.mod-form-trendSearch,.mb-62.mod-link-03,.mb-62.mod-link-columnList,.mb-62.mod-media-article,.mb-62.mod-media-article-02,.mb-62.mod-media-horizontal,.mb-62.mod-pnl-index,.mb-62.mod-pnl-index2,.mb-62.mod-pnl-indexBnr,.mb-62.str-mainvisual-carousel-01,.mb-62.str-ticker,.mod-form-trendSearch .mb-62,.mod-link-03 .mb-62,.mod-link-columnList .mb-62,.mod-media-article .mb-62,.mod-media-article-02 .mb-62,.mod-media-horizontal .mb-62,.mod-pnl-index .mb-62,.mod-pnl-index2 .mb-62,.mod-pnl-indexBnr .mb-62,.str-mainvisual-carousel-01 .mb-62,.str-ticker .mb-62 {
    margin-bottom: 62px!important
}

.mod-form-trendSearch .mt-63,.mod-link-03 .mt-63,.mod-link-columnList .mt-63,.mod-media-article .mt-63,.mod-media-article-02 .mt-63,.mod-media-horizontal .mt-63,.mod-pnl-index .mt-63,.mod-pnl-index2 .mt-63,.mod-pnl-indexBnr .mt-63,.mt-63.mod-form-trendSearch,.mt-63.mod-link-03,.mt-63.mod-link-columnList,.mt-63.mod-media-article,.mt-63.mod-media-article-02,.mt-63.mod-media-horizontal,.mt-63.mod-pnl-index,.mt-63.mod-pnl-index2,.mt-63.mod-pnl-indexBnr,.mt-63.str-mainvisual-carousel-01,.mt-63.str-ticker,.str-mainvisual-carousel-01 .mt-63,.str-ticker .mt-63 {
    margin-top: 63px!important
}

.mb-63.mod-form-trendSearch,.mb-63.mod-link-03,.mb-63.mod-link-columnList,.mb-63.mod-media-article,.mb-63.mod-media-article-02,.mb-63.mod-media-horizontal,.mb-63.mod-pnl-index,.mb-63.mod-pnl-index2,.mb-63.mod-pnl-indexBnr,.mb-63.str-mainvisual-carousel-01,.mb-63.str-ticker,.mod-form-trendSearch .mb-63,.mod-link-03 .mb-63,.mod-link-columnList .mb-63,.mod-media-article .mb-63,.mod-media-article-02 .mb-63,.mod-media-horizontal .mb-63,.mod-pnl-index .mb-63,.mod-pnl-index2 .mb-63,.mod-pnl-indexBnr .mb-63,.str-mainvisual-carousel-01 .mb-63,.str-ticker .mb-63 {
    margin-bottom: 63px!important
}

.mod-form-trendSearch .mt-64,.mod-link-03 .mt-64,.mod-link-columnList .mt-64,.mod-media-article .mt-64,.mod-media-article-02 .mt-64,.mod-media-horizontal .mt-64,.mod-pnl-index .mt-64,.mod-pnl-index2 .mt-64,.mod-pnl-indexBnr .mt-64,.mt-64.mod-form-trendSearch,.mt-64.mod-link-03,.mt-64.mod-link-columnList,.mt-64.mod-media-article,.mt-64.mod-media-article-02,.mt-64.mod-media-horizontal,.mt-64.mod-pnl-index,.mt-64.mod-pnl-index2,.mt-64.mod-pnl-indexBnr,.mt-64.str-mainvisual-carousel-01,.mt-64.str-ticker,.str-mainvisual-carousel-01 .mt-64,.str-ticker .mt-64 {
    margin-top: 64px!important
}

.mb-64.mod-form-trendSearch,.mb-64.mod-link-03,.mb-64.mod-link-columnList,.mb-64.mod-media-article,.mb-64.mod-media-article-02,.mb-64.mod-media-horizontal,.mb-64.mod-pnl-index,.mb-64.mod-pnl-index2,.mb-64.mod-pnl-indexBnr,.mb-64.str-mainvisual-carousel-01,.mb-64.str-ticker,.mod-form-trendSearch .mb-64,.mod-link-03 .mb-64,.mod-link-columnList .mb-64,.mod-media-article .mb-64,.mod-media-article-02 .mb-64,.mod-media-horizontal .mb-64,.mod-pnl-index .mb-64,.mod-pnl-index2 .mb-64,.mod-pnl-indexBnr .mb-64,.str-mainvisual-carousel-01 .mb-64,.str-ticker .mb-64 {
    margin-bottom: 64px!important
}

.mod-form-trendSearch .mt-65,.mod-link-03 .mt-65,.mod-link-columnList .mt-65,.mod-media-article .mt-65,.mod-media-article-02 .mt-65,.mod-media-horizontal .mt-65,.mod-pnl-index .mt-65,.mod-pnl-index2 .mt-65,.mod-pnl-indexBnr .mt-65,.mt-65.mod-form-trendSearch,.mt-65.mod-link-03,.mt-65.mod-link-columnList,.mt-65.mod-media-article,.mt-65.mod-media-article-02,.mt-65.mod-media-horizontal,.mt-65.mod-pnl-index,.mt-65.mod-pnl-index2,.mt-65.mod-pnl-indexBnr,.mt-65.str-mainvisual-carousel-01,.mt-65.str-ticker,.str-mainvisual-carousel-01 .mt-65,.str-ticker .mt-65 {
    margin-top: 65px!important
}

.mb-65.mod-form-trendSearch,.mb-65.mod-link-03,.mb-65.mod-link-columnList,.mb-65.mod-media-article,.mb-65.mod-media-article-02,.mb-65.mod-media-horizontal,.mb-65.mod-pnl-index,.mb-65.mod-pnl-index2,.mb-65.mod-pnl-indexBnr,.mb-65.str-mainvisual-carousel-01,.mb-65.str-ticker,.mod-form-trendSearch .mb-65,.mod-link-03 .mb-65,.mod-link-columnList .mb-65,.mod-media-article .mb-65,.mod-media-article-02 .mb-65,.mod-media-horizontal .mb-65,.mod-pnl-index .mb-65,.mod-pnl-index2 .mb-65,.mod-pnl-indexBnr .mb-65,.str-mainvisual-carousel-01 .mb-65,.str-ticker .mb-65 {
    margin-bottom: 65px!important
}

.mod-form-trendSearch .mt-66,.mod-link-03 .mt-66,.mod-link-columnList .mt-66,.mod-media-article .mt-66,.mod-media-article-02 .mt-66,.mod-media-horizontal .mt-66,.mod-pnl-index .mt-66,.mod-pnl-index2 .mt-66,.mod-pnl-indexBnr .mt-66,.mt-66.mod-form-trendSearch,.mt-66.mod-link-03,.mt-66.mod-link-columnList,.mt-66.mod-media-article,.mt-66.mod-media-article-02,.mt-66.mod-media-horizontal,.mt-66.mod-pnl-index,.mt-66.mod-pnl-index2,.mt-66.mod-pnl-indexBnr,.mt-66.str-mainvisual-carousel-01,.mt-66.str-ticker,.str-mainvisual-carousel-01 .mt-66,.str-ticker .mt-66 {
    margin-top: 66px!important
}

.mb-66.mod-form-trendSearch,.mb-66.mod-link-03,.mb-66.mod-link-columnList,.mb-66.mod-media-article,.mb-66.mod-media-article-02,.mb-66.mod-media-horizontal,.mb-66.mod-pnl-index,.mb-66.mod-pnl-index2,.mb-66.mod-pnl-indexBnr,.mb-66.str-mainvisual-carousel-01,.mb-66.str-ticker,.mod-form-trendSearch .mb-66,.mod-link-03 .mb-66,.mod-link-columnList .mb-66,.mod-media-article .mb-66,.mod-media-article-02 .mb-66,.mod-media-horizontal .mb-66,.mod-pnl-index .mb-66,.mod-pnl-index2 .mb-66,.mod-pnl-indexBnr .mb-66,.str-mainvisual-carousel-01 .mb-66,.str-ticker .mb-66 {
    margin-bottom: 66px!important
}

.mod-form-trendSearch .mt-67,.mod-link-03 .mt-67,.mod-link-columnList .mt-67,.mod-media-article .mt-67,.mod-media-article-02 .mt-67,.mod-media-horizontal .mt-67,.mod-pnl-index .mt-67,.mod-pnl-index2 .mt-67,.mod-pnl-indexBnr .mt-67,.mt-67.mod-form-trendSearch,.mt-67.mod-link-03,.mt-67.mod-link-columnList,.mt-67.mod-media-article,.mt-67.mod-media-article-02,.mt-67.mod-media-horizontal,.mt-67.mod-pnl-index,.mt-67.mod-pnl-index2,.mt-67.mod-pnl-indexBnr,.mt-67.str-mainvisual-carousel-01,.mt-67.str-ticker,.str-mainvisual-carousel-01 .mt-67,.str-ticker .mt-67 {
    margin-top: 67px!important
}

.mb-67.mod-form-trendSearch,.mb-67.mod-link-03,.mb-67.mod-link-columnList,.mb-67.mod-media-article,.mb-67.mod-media-article-02,.mb-67.mod-media-horizontal,.mb-67.mod-pnl-index,.mb-67.mod-pnl-index2,.mb-67.mod-pnl-indexBnr,.mb-67.str-mainvisual-carousel-01,.mb-67.str-ticker,.mod-form-trendSearch .mb-67,.mod-link-03 .mb-67,.mod-link-columnList .mb-67,.mod-media-article .mb-67,.mod-media-article-02 .mb-67,.mod-media-horizontal .mb-67,.mod-pnl-index .mb-67,.mod-pnl-index2 .mb-67,.mod-pnl-indexBnr .mb-67,.str-mainvisual-carousel-01 .mb-67,.str-ticker .mb-67 {
    margin-bottom: 67px!important
}

.mod-form-trendSearch .mt-68,.mod-link-03 .mt-68,.mod-link-columnList .mt-68,.mod-media-article .mt-68,.mod-media-article-02 .mt-68,.mod-media-horizontal .mt-68,.mod-pnl-index .mt-68,.mod-pnl-index2 .mt-68,.mod-pnl-indexBnr .mt-68,.mt-68.mod-form-trendSearch,.mt-68.mod-link-03,.mt-68.mod-link-columnList,.mt-68.mod-media-article,.mt-68.mod-media-article-02,.mt-68.mod-media-horizontal,.mt-68.mod-pnl-index,.mt-68.mod-pnl-index2,.mt-68.mod-pnl-indexBnr,.mt-68.str-mainvisual-carousel-01,.mt-68.str-ticker,.str-mainvisual-carousel-01 .mt-68,.str-ticker .mt-68 {
    margin-top: 68px!important
}

.mb-68.mod-form-trendSearch,.mb-68.mod-link-03,.mb-68.mod-link-columnList,.mb-68.mod-media-article,.mb-68.mod-media-article-02,.mb-68.mod-media-horizontal,.mb-68.mod-pnl-index,.mb-68.mod-pnl-index2,.mb-68.mod-pnl-indexBnr,.mb-68.str-mainvisual-carousel-01,.mb-68.str-ticker,.mod-form-trendSearch .mb-68,.mod-link-03 .mb-68,.mod-link-columnList .mb-68,.mod-media-article .mb-68,.mod-media-article-02 .mb-68,.mod-media-horizontal .mb-68,.mod-pnl-index .mb-68,.mod-pnl-index2 .mb-68,.mod-pnl-indexBnr .mb-68,.str-mainvisual-carousel-01 .mb-68,.str-ticker .mb-68 {
    margin-bottom: 68px!important
}

.mod-form-trendSearch .mt-69,.mod-link-03 .mt-69,.mod-link-columnList .mt-69,.mod-media-article .mt-69,.mod-media-article-02 .mt-69,.mod-media-horizontal .mt-69,.mod-pnl-index .mt-69,.mod-pnl-index2 .mt-69,.mod-pnl-indexBnr .mt-69,.mt-69.mod-form-trendSearch,.mt-69.mod-link-03,.mt-69.mod-link-columnList,.mt-69.mod-media-article,.mt-69.mod-media-article-02,.mt-69.mod-media-horizontal,.mt-69.mod-pnl-index,.mt-69.mod-pnl-index2,.mt-69.mod-pnl-indexBnr,.mt-69.str-mainvisual-carousel-01,.mt-69.str-ticker,.str-mainvisual-carousel-01 .mt-69,.str-ticker .mt-69 {
    margin-top: 69px!important
}

.mb-69.mod-form-trendSearch,.mb-69.mod-link-03,.mb-69.mod-link-columnList,.mb-69.mod-media-article,.mb-69.mod-media-article-02,.mb-69.mod-media-horizontal,.mb-69.mod-pnl-index,.mb-69.mod-pnl-index2,.mb-69.mod-pnl-indexBnr,.mb-69.str-mainvisual-carousel-01,.mb-69.str-ticker,.mod-form-trendSearch .mb-69,.mod-link-03 .mb-69,.mod-link-columnList .mb-69,.mod-media-article .mb-69,.mod-media-article-02 .mb-69,.mod-media-horizontal .mb-69,.mod-pnl-index .mb-69,.mod-pnl-index2 .mb-69,.mod-pnl-indexBnr .mb-69,.str-mainvisual-carousel-01 .mb-69,.str-ticker .mb-69 {
    margin-bottom: 69px!important
}

.mod-form-trendSearch .mt-70,.mod-link-03 .mt-70,.mod-link-columnList .mt-70,.mod-media-article .mt-70,.mod-media-article-02 .mt-70,.mod-media-horizontal .mt-70,.mod-pnl-index .mt-70,.mod-pnl-index2 .mt-70,.mod-pnl-indexBnr .mt-70,.mt-70.mod-form-trendSearch,.mt-70.mod-link-03,.mt-70.mod-link-columnList,.mt-70.mod-media-article,.mt-70.mod-media-article-02,.mt-70.mod-media-horizontal,.mt-70.mod-pnl-index,.mt-70.mod-pnl-index2,.mt-70.mod-pnl-indexBnr,.mt-70.str-mainvisual-carousel-01,.mt-70.str-ticker,.str-mainvisual-carousel-01 .mt-70,.str-ticker .mt-70 {
    margin-top: 70px!important
}

.mb-70.mod-form-trendSearch,.mb-70.mod-link-03,.mb-70.mod-link-columnList,.mb-70.mod-media-article,.mb-70.mod-media-article-02,.mb-70.mod-media-horizontal,.mb-70.mod-pnl-index,.mb-70.mod-pnl-index2,.mb-70.mod-pnl-indexBnr,.mb-70.str-mainvisual-carousel-01,.mb-70.str-ticker,.mod-form-trendSearch .mb-70,.mod-link-03 .mb-70,.mod-link-columnList .mb-70,.mod-media-article .mb-70,.mod-media-article-02 .mb-70,.mod-media-horizontal .mb-70,.mod-pnl-index .mb-70,.mod-pnl-index2 .mb-70,.mod-pnl-indexBnr .mb-70,.str-mainvisual-carousel-01 .mb-70,.str-ticker .mb-70 {
    margin-bottom: 70px!important
}

.mod-form-trendSearch .mt-71,.mod-link-03 .mt-71,.mod-link-columnList .mt-71,.mod-media-article .mt-71,.mod-media-article-02 .mt-71,.mod-media-horizontal .mt-71,.mod-pnl-index .mt-71,.mod-pnl-index2 .mt-71,.mod-pnl-indexBnr .mt-71,.mt-71.mod-form-trendSearch,.mt-71.mod-link-03,.mt-71.mod-link-columnList,.mt-71.mod-media-article,.mt-71.mod-media-article-02,.mt-71.mod-media-horizontal,.mt-71.mod-pnl-index,.mt-71.mod-pnl-index2,.mt-71.mod-pnl-indexBnr,.mt-71.str-mainvisual-carousel-01,.mt-71.str-ticker,.str-mainvisual-carousel-01 .mt-71,.str-ticker .mt-71 {
    margin-top: 71px!important
}

.mb-71.mod-form-trendSearch,.mb-71.mod-link-03,.mb-71.mod-link-columnList,.mb-71.mod-media-article,.mb-71.mod-media-article-02,.mb-71.mod-media-horizontal,.mb-71.mod-pnl-index,.mb-71.mod-pnl-index2,.mb-71.mod-pnl-indexBnr,.mb-71.str-mainvisual-carousel-01,.mb-71.str-ticker,.mod-form-trendSearch .mb-71,.mod-link-03 .mb-71,.mod-link-columnList .mb-71,.mod-media-article .mb-71,.mod-media-article-02 .mb-71,.mod-media-horizontal .mb-71,.mod-pnl-index .mb-71,.mod-pnl-index2 .mb-71,.mod-pnl-indexBnr .mb-71,.str-mainvisual-carousel-01 .mb-71,.str-ticker .mb-71 {
    margin-bottom: 71px!important
}

.mod-form-trendSearch .mt-72,.mod-link-03 .mt-72,.mod-link-columnList .mt-72,.mod-media-article .mt-72,.mod-media-article-02 .mt-72,.mod-media-horizontal .mt-72,.mod-pnl-index .mt-72,.mod-pnl-index2 .mt-72,.mod-pnl-indexBnr .mt-72,.mt-72.mod-form-trendSearch,.mt-72.mod-link-03,.mt-72.mod-link-columnList,.mt-72.mod-media-article,.mt-72.mod-media-article-02,.mt-72.mod-media-horizontal,.mt-72.mod-pnl-index,.mt-72.mod-pnl-index2,.mt-72.mod-pnl-indexBnr,.mt-72.str-mainvisual-carousel-01,.mt-72.str-ticker,.str-mainvisual-carousel-01 .mt-72,.str-ticker .mt-72 {
    margin-top: 72px!important
}

.mb-72.mod-form-trendSearch,.mb-72.mod-link-03,.mb-72.mod-link-columnList,.mb-72.mod-media-article,.mb-72.mod-media-article-02,.mb-72.mod-media-horizontal,.mb-72.mod-pnl-index,.mb-72.mod-pnl-index2,.mb-72.mod-pnl-indexBnr,.mb-72.str-mainvisual-carousel-01,.mb-72.str-ticker,.mod-form-trendSearch .mb-72,.mod-link-03 .mb-72,.mod-link-columnList .mb-72,.mod-media-article .mb-72,.mod-media-article-02 .mb-72,.mod-media-horizontal .mb-72,.mod-pnl-index .mb-72,.mod-pnl-index2 .mb-72,.mod-pnl-indexBnr .mb-72,.str-mainvisual-carousel-01 .mb-72,.str-ticker .mb-72 {
    margin-bottom: 72px!important
}

.mod-form-trendSearch .mt-73,.mod-link-03 .mt-73,.mod-link-columnList .mt-73,.mod-media-article .mt-73,.mod-media-article-02 .mt-73,.mod-media-horizontal .mt-73,.mod-pnl-index .mt-73,.mod-pnl-index2 .mt-73,.mod-pnl-indexBnr .mt-73,.mt-73.mod-form-trendSearch,.mt-73.mod-link-03,.mt-73.mod-link-columnList,.mt-73.mod-media-article,.mt-73.mod-media-article-02,.mt-73.mod-media-horizontal,.mt-73.mod-pnl-index,.mt-73.mod-pnl-index2,.mt-73.mod-pnl-indexBnr,.mt-73.str-mainvisual-carousel-01,.mt-73.str-ticker,.str-mainvisual-carousel-01 .mt-73,.str-ticker .mt-73 {
    margin-top: 73px!important
}

.mb-73.mod-form-trendSearch,.mb-73.mod-link-03,.mb-73.mod-link-columnList,.mb-73.mod-media-article,.mb-73.mod-media-article-02,.mb-73.mod-media-horizontal,.mb-73.mod-pnl-index,.mb-73.mod-pnl-index2,.mb-73.mod-pnl-indexBnr,.mb-73.str-mainvisual-carousel-01,.mb-73.str-ticker,.mod-form-trendSearch .mb-73,.mod-link-03 .mb-73,.mod-link-columnList .mb-73,.mod-media-article .mb-73,.mod-media-article-02 .mb-73,.mod-media-horizontal .mb-73,.mod-pnl-index .mb-73,.mod-pnl-index2 .mb-73,.mod-pnl-indexBnr .mb-73,.str-mainvisual-carousel-01 .mb-73,.str-ticker .mb-73 {
    margin-bottom: 73px!important
}

.mod-form-trendSearch .mt-74,.mod-link-03 .mt-74,.mod-link-columnList .mt-74,.mod-media-article .mt-74,.mod-media-article-02 .mt-74,.mod-media-horizontal .mt-74,.mod-pnl-index .mt-74,.mod-pnl-index2 .mt-74,.mod-pnl-indexBnr .mt-74,.mt-74.mod-form-trendSearch,.mt-74.mod-link-03,.mt-74.mod-link-columnList,.mt-74.mod-media-article,.mt-74.mod-media-article-02,.mt-74.mod-media-horizontal,.mt-74.mod-pnl-index,.mt-74.mod-pnl-index2,.mt-74.mod-pnl-indexBnr,.mt-74.str-mainvisual-carousel-01,.mt-74.str-ticker,.str-mainvisual-carousel-01 .mt-74,.str-ticker .mt-74 {
    margin-top: 74px!important
}

.mb-74.mod-form-trendSearch,.mb-74.mod-link-03,.mb-74.mod-link-columnList,.mb-74.mod-media-article,.mb-74.mod-media-article-02,.mb-74.mod-media-horizontal,.mb-74.mod-pnl-index,.mb-74.mod-pnl-index2,.mb-74.mod-pnl-indexBnr,.mb-74.str-mainvisual-carousel-01,.mb-74.str-ticker,.mod-form-trendSearch .mb-74,.mod-link-03 .mb-74,.mod-link-columnList .mb-74,.mod-media-article .mb-74,.mod-media-article-02 .mb-74,.mod-media-horizontal .mb-74,.mod-pnl-index .mb-74,.mod-pnl-index2 .mb-74,.mod-pnl-indexBnr .mb-74,.str-mainvisual-carousel-01 .mb-74,.str-ticker .mb-74 {
    margin-bottom: 74px!important
}

.mod-form-trendSearch .mt-75,.mod-link-03 .mt-75,.mod-link-columnList .mt-75,.mod-media-article .mt-75,.mod-media-article-02 .mt-75,.mod-media-horizontal .mt-75,.mod-pnl-index .mt-75,.mod-pnl-index2 .mt-75,.mod-pnl-indexBnr .mt-75,.mt-75.mod-form-trendSearch,.mt-75.mod-link-03,.mt-75.mod-link-columnList,.mt-75.mod-media-article,.mt-75.mod-media-article-02,.mt-75.mod-media-horizontal,.mt-75.mod-pnl-index,.mt-75.mod-pnl-index2,.mt-75.mod-pnl-indexBnr,.mt-75.str-mainvisual-carousel-01,.mt-75.str-ticker,.str-mainvisual-carousel-01 .mt-75,.str-ticker .mt-75 {
    margin-top: 75px!important
}

.mb-75.mod-form-trendSearch,.mb-75.mod-link-03,.mb-75.mod-link-columnList,.mb-75.mod-media-article,.mb-75.mod-media-article-02,.mb-75.mod-media-horizontal,.mb-75.mod-pnl-index,.mb-75.mod-pnl-index2,.mb-75.mod-pnl-indexBnr,.mb-75.str-mainvisual-carousel-01,.mb-75.str-ticker,.mod-form-trendSearch .mb-75,.mod-link-03 .mb-75,.mod-link-columnList .mb-75,.mod-media-article .mb-75,.mod-media-article-02 .mb-75,.mod-media-horizontal .mb-75,.mod-pnl-index .mb-75,.mod-pnl-index2 .mb-75,.mod-pnl-indexBnr .mb-75,.str-mainvisual-carousel-01 .mb-75,.str-ticker .mb-75 {
    margin-bottom: 75px!important
}

.mod-form-trendSearch .mt-76,.mod-link-03 .mt-76,.mod-link-columnList .mt-76,.mod-media-article .mt-76,.mod-media-article-02 .mt-76,.mod-media-horizontal .mt-76,.mod-pnl-index .mt-76,.mod-pnl-index2 .mt-76,.mod-pnl-indexBnr .mt-76,.mt-76.mod-form-trendSearch,.mt-76.mod-link-03,.mt-76.mod-link-columnList,.mt-76.mod-media-article,.mt-76.mod-media-article-02,.mt-76.mod-media-horizontal,.mt-76.mod-pnl-index,.mt-76.mod-pnl-index2,.mt-76.mod-pnl-indexBnr,.mt-76.str-mainvisual-carousel-01,.mt-76.str-ticker,.str-mainvisual-carousel-01 .mt-76,.str-ticker .mt-76 {
    margin-top: 76px!important
}

.mb-76.mod-form-trendSearch,.mb-76.mod-link-03,.mb-76.mod-link-columnList,.mb-76.mod-media-article,.mb-76.mod-media-article-02,.mb-76.mod-media-horizontal,.mb-76.mod-pnl-index,.mb-76.mod-pnl-index2,.mb-76.mod-pnl-indexBnr,.mb-76.str-mainvisual-carousel-01,.mb-76.str-ticker,.mod-form-trendSearch .mb-76,.mod-link-03 .mb-76,.mod-link-columnList .mb-76,.mod-media-article .mb-76,.mod-media-article-02 .mb-76,.mod-media-horizontal .mb-76,.mod-pnl-index .mb-76,.mod-pnl-index2 .mb-76,.mod-pnl-indexBnr .mb-76,.str-mainvisual-carousel-01 .mb-76,.str-ticker .mb-76 {
    margin-bottom: 76px!important
}

.mod-form-trendSearch .mt-77,.mod-link-03 .mt-77,.mod-link-columnList .mt-77,.mod-media-article .mt-77,.mod-media-article-02 .mt-77,.mod-media-horizontal .mt-77,.mod-pnl-index .mt-77,.mod-pnl-index2 .mt-77,.mod-pnl-indexBnr .mt-77,.mt-77.mod-form-trendSearch,.mt-77.mod-link-03,.mt-77.mod-link-columnList,.mt-77.mod-media-article,.mt-77.mod-media-article-02,.mt-77.mod-media-horizontal,.mt-77.mod-pnl-index,.mt-77.mod-pnl-index2,.mt-77.mod-pnl-indexBnr,.mt-77.str-mainvisual-carousel-01,.mt-77.str-ticker,.str-mainvisual-carousel-01 .mt-77,.str-ticker .mt-77 {
    margin-top: 77px!important
}

.mb-77.mod-form-trendSearch,.mb-77.mod-link-03,.mb-77.mod-link-columnList,.mb-77.mod-media-article,.mb-77.mod-media-article-02,.mb-77.mod-media-horizontal,.mb-77.mod-pnl-index,.mb-77.mod-pnl-index2,.mb-77.mod-pnl-indexBnr,.mb-77.str-mainvisual-carousel-01,.mb-77.str-ticker,.mod-form-trendSearch .mb-77,.mod-link-03 .mb-77,.mod-link-columnList .mb-77,.mod-media-article .mb-77,.mod-media-article-02 .mb-77,.mod-media-horizontal .mb-77,.mod-pnl-index .mb-77,.mod-pnl-index2 .mb-77,.mod-pnl-indexBnr .mb-77,.str-mainvisual-carousel-01 .mb-77,.str-ticker .mb-77 {
    margin-bottom: 77px!important
}

.mod-form-trendSearch .mt-78,.mod-link-03 .mt-78,.mod-link-columnList .mt-78,.mod-media-article .mt-78,.mod-media-article-02 .mt-78,.mod-media-horizontal .mt-78,.mod-pnl-index .mt-78,.mod-pnl-index2 .mt-78,.mod-pnl-indexBnr .mt-78,.mt-78.mod-form-trendSearch,.mt-78.mod-link-03,.mt-78.mod-link-columnList,.mt-78.mod-media-article,.mt-78.mod-media-article-02,.mt-78.mod-media-horizontal,.mt-78.mod-pnl-index,.mt-78.mod-pnl-index2,.mt-78.mod-pnl-indexBnr,.mt-78.str-mainvisual-carousel-01,.mt-78.str-ticker,.str-mainvisual-carousel-01 .mt-78,.str-ticker .mt-78 {
    margin-top: 78px!important
}

.mb-78.mod-form-trendSearch,.mb-78.mod-link-03,.mb-78.mod-link-columnList,.mb-78.mod-media-article,.mb-78.mod-media-article-02,.mb-78.mod-media-horizontal,.mb-78.mod-pnl-index,.mb-78.mod-pnl-index2,.mb-78.mod-pnl-indexBnr,.mb-78.str-mainvisual-carousel-01,.mb-78.str-ticker,.mod-form-trendSearch .mb-78,.mod-link-03 .mb-78,.mod-link-columnList .mb-78,.mod-media-article .mb-78,.mod-media-article-02 .mb-78,.mod-media-horizontal .mb-78,.mod-pnl-index .mb-78,.mod-pnl-index2 .mb-78,.mod-pnl-indexBnr .mb-78,.str-mainvisual-carousel-01 .mb-78,.str-ticker .mb-78 {
    margin-bottom: 78px!important
}

.mod-form-trendSearch .mt-79,.mod-link-03 .mt-79,.mod-link-columnList .mt-79,.mod-media-article .mt-79,.mod-media-article-02 .mt-79,.mod-media-horizontal .mt-79,.mod-pnl-index .mt-79,.mod-pnl-index2 .mt-79,.mod-pnl-indexBnr .mt-79,.mt-79.mod-form-trendSearch,.mt-79.mod-link-03,.mt-79.mod-link-columnList,.mt-79.mod-media-article,.mt-79.mod-media-article-02,.mt-79.mod-media-horizontal,.mt-79.mod-pnl-index,.mt-79.mod-pnl-index2,.mt-79.mod-pnl-indexBnr,.mt-79.str-mainvisual-carousel-01,.mt-79.str-ticker,.str-mainvisual-carousel-01 .mt-79,.str-ticker .mt-79 {
    margin-top: 79px!important
}

.mb-79.mod-form-trendSearch,.mb-79.mod-link-03,.mb-79.mod-link-columnList,.mb-79.mod-media-article,.mb-79.mod-media-article-02,.mb-79.mod-media-horizontal,.mb-79.mod-pnl-index,.mb-79.mod-pnl-index2,.mb-79.mod-pnl-indexBnr,.mb-79.str-mainvisual-carousel-01,.mb-79.str-ticker,.mod-form-trendSearch .mb-79,.mod-link-03 .mb-79,.mod-link-columnList .mb-79,.mod-media-article .mb-79,.mod-media-article-02 .mb-79,.mod-media-horizontal .mb-79,.mod-pnl-index .mb-79,.mod-pnl-index2 .mb-79,.mod-pnl-indexBnr .mb-79,.str-mainvisual-carousel-01 .mb-79,.str-ticker .mb-79 {
    margin-bottom: 79px!important
}

.mod-form-trendSearch .mt-80,.mod-link-03 .mt-80,.mod-link-columnList .mt-80,.mod-media-article .mt-80,.mod-media-article-02 .mt-80,.mod-media-horizontal .mt-80,.mod-pnl-index .mt-80,.mod-pnl-index2 .mt-80,.mod-pnl-indexBnr .mt-80,.mt-80.mod-form-trendSearch,.mt-80.mod-link-03,.mt-80.mod-link-columnList,.mt-80.mod-media-article,.mt-80.mod-media-article-02,.mt-80.mod-media-horizontal,.mt-80.mod-pnl-index,.mt-80.mod-pnl-index2,.mt-80.mod-pnl-indexBnr,.mt-80.str-mainvisual-carousel-01,.mt-80.str-ticker,.str-mainvisual-carousel-01 .mt-80,.str-ticker .mt-80 {
    margin-top: 80px!important
}

.mb-80.mod-form-trendSearch,.mb-80.mod-link-03,.mb-80.mod-link-columnList,.mb-80.mod-media-article,.mb-80.mod-media-article-02,.mb-80.mod-media-horizontal,.mb-80.mod-pnl-index,.mb-80.mod-pnl-index2,.mb-80.mod-pnl-indexBnr,.mb-80.str-mainvisual-carousel-01,.mb-80.str-ticker,.mod-form-trendSearch .mb-80,.mod-link-03 .mb-80,.mod-link-columnList .mb-80,.mod-media-article .mb-80,.mod-media-article-02 .mb-80,.mod-media-horizontal .mb-80,.mod-pnl-index .mb-80,.mod-pnl-index2 .mb-80,.mod-pnl-indexBnr .mb-80,.str-mainvisual-carousel-01 .mb-80,.str-ticker .mb-80 {
    margin-bottom: 80px!important
}

.mod-form-trendSearch .mt-81,.mod-link-03 .mt-81,.mod-link-columnList .mt-81,.mod-media-article .mt-81,.mod-media-article-02 .mt-81,.mod-media-horizontal .mt-81,.mod-pnl-index .mt-81,.mod-pnl-index2 .mt-81,.mod-pnl-indexBnr .mt-81,.mt-81.mod-form-trendSearch,.mt-81.mod-link-03,.mt-81.mod-link-columnList,.mt-81.mod-media-article,.mt-81.mod-media-article-02,.mt-81.mod-media-horizontal,.mt-81.mod-pnl-index,.mt-81.mod-pnl-index2,.mt-81.mod-pnl-indexBnr,.mt-81.str-mainvisual-carousel-01,.mt-81.str-ticker,.str-mainvisual-carousel-01 .mt-81,.str-ticker .mt-81 {
    margin-top: 81px!important
}

.mb-81.mod-form-trendSearch,.mb-81.mod-link-03,.mb-81.mod-link-columnList,.mb-81.mod-media-article,.mb-81.mod-media-article-02,.mb-81.mod-media-horizontal,.mb-81.mod-pnl-index,.mb-81.mod-pnl-index2,.mb-81.mod-pnl-indexBnr,.mb-81.str-mainvisual-carousel-01,.mb-81.str-ticker,.mod-form-trendSearch .mb-81,.mod-link-03 .mb-81,.mod-link-columnList .mb-81,.mod-media-article .mb-81,.mod-media-article-02 .mb-81,.mod-media-horizontal .mb-81,.mod-pnl-index .mb-81,.mod-pnl-index2 .mb-81,.mod-pnl-indexBnr .mb-81,.str-mainvisual-carousel-01 .mb-81,.str-ticker .mb-81 {
    margin-bottom: 81px!important
}

.mod-form-trendSearch .mt-82,.mod-link-03 .mt-82,.mod-link-columnList .mt-82,.mod-media-article .mt-82,.mod-media-article-02 .mt-82,.mod-media-horizontal .mt-82,.mod-pnl-index .mt-82,.mod-pnl-index2 .mt-82,.mod-pnl-indexBnr .mt-82,.mt-82.mod-form-trendSearch,.mt-82.mod-link-03,.mt-82.mod-link-columnList,.mt-82.mod-media-article,.mt-82.mod-media-article-02,.mt-82.mod-media-horizontal,.mt-82.mod-pnl-index,.mt-82.mod-pnl-index2,.mt-82.mod-pnl-indexBnr,.mt-82.str-mainvisual-carousel-01,.mt-82.str-ticker,.str-mainvisual-carousel-01 .mt-82,.str-ticker .mt-82 {
    margin-top: 82px!important
}

.mb-82.mod-form-trendSearch,.mb-82.mod-link-03,.mb-82.mod-link-columnList,.mb-82.mod-media-article,.mb-82.mod-media-article-02,.mb-82.mod-media-horizontal,.mb-82.mod-pnl-index,.mb-82.mod-pnl-index2,.mb-82.mod-pnl-indexBnr,.mb-82.str-mainvisual-carousel-01,.mb-82.str-ticker,.mod-form-trendSearch .mb-82,.mod-link-03 .mb-82,.mod-link-columnList .mb-82,.mod-media-article .mb-82,.mod-media-article-02 .mb-82,.mod-media-horizontal .mb-82,.mod-pnl-index .mb-82,.mod-pnl-index2 .mb-82,.mod-pnl-indexBnr .mb-82,.str-mainvisual-carousel-01 .mb-82,.str-ticker .mb-82 {
    margin-bottom: 82px!important
}

.mod-form-trendSearch .mt-83,.mod-link-03 .mt-83,.mod-link-columnList .mt-83,.mod-media-article .mt-83,.mod-media-article-02 .mt-83,.mod-media-horizontal .mt-83,.mod-pnl-index .mt-83,.mod-pnl-index2 .mt-83,.mod-pnl-indexBnr .mt-83,.mt-83.mod-form-trendSearch,.mt-83.mod-link-03,.mt-83.mod-link-columnList,.mt-83.mod-media-article,.mt-83.mod-media-article-02,.mt-83.mod-media-horizontal,.mt-83.mod-pnl-index,.mt-83.mod-pnl-index2,.mt-83.mod-pnl-indexBnr,.mt-83.str-mainvisual-carousel-01,.mt-83.str-ticker,.str-mainvisual-carousel-01 .mt-83,.str-ticker .mt-83 {
    margin-top: 83px!important
}

.mb-83.mod-form-trendSearch,.mb-83.mod-link-03,.mb-83.mod-link-columnList,.mb-83.mod-media-article,.mb-83.mod-media-article-02,.mb-83.mod-media-horizontal,.mb-83.mod-pnl-index,.mb-83.mod-pnl-index2,.mb-83.mod-pnl-indexBnr,.mb-83.str-mainvisual-carousel-01,.mb-83.str-ticker,.mod-form-trendSearch .mb-83,.mod-link-03 .mb-83,.mod-link-columnList .mb-83,.mod-media-article .mb-83,.mod-media-article-02 .mb-83,.mod-media-horizontal .mb-83,.mod-pnl-index .mb-83,.mod-pnl-index2 .mb-83,.mod-pnl-indexBnr .mb-83,.str-mainvisual-carousel-01 .mb-83,.str-ticker .mb-83 {
    margin-bottom: 83px!important
}

.mod-form-trendSearch .mt-84,.mod-link-03 .mt-84,.mod-link-columnList .mt-84,.mod-media-article .mt-84,.mod-media-article-02 .mt-84,.mod-media-horizontal .mt-84,.mod-pnl-index .mt-84,.mod-pnl-index2 .mt-84,.mod-pnl-indexBnr .mt-84,.mt-84.mod-form-trendSearch,.mt-84.mod-link-03,.mt-84.mod-link-columnList,.mt-84.mod-media-article,.mt-84.mod-media-article-02,.mt-84.mod-media-horizontal,.mt-84.mod-pnl-index,.mt-84.mod-pnl-index2,.mt-84.mod-pnl-indexBnr,.mt-84.str-mainvisual-carousel-01,.mt-84.str-ticker,.str-mainvisual-carousel-01 .mt-84,.str-ticker .mt-84 {
    margin-top: 84px!important
}

.mb-84.mod-form-trendSearch,.mb-84.mod-link-03,.mb-84.mod-link-columnList,.mb-84.mod-media-article,.mb-84.mod-media-article-02,.mb-84.mod-media-horizontal,.mb-84.mod-pnl-index,.mb-84.mod-pnl-index2,.mb-84.mod-pnl-indexBnr,.mb-84.str-mainvisual-carousel-01,.mb-84.str-ticker,.mod-form-trendSearch .mb-84,.mod-link-03 .mb-84,.mod-link-columnList .mb-84,.mod-media-article .mb-84,.mod-media-article-02 .mb-84,.mod-media-horizontal .mb-84,.mod-pnl-index .mb-84,.mod-pnl-index2 .mb-84,.mod-pnl-indexBnr .mb-84,.str-mainvisual-carousel-01 .mb-84,.str-ticker .mb-84 {
    margin-bottom: 84px!important
}

.mod-form-trendSearch .mt-85,.mod-link-03 .mt-85,.mod-link-columnList .mt-85,.mod-media-article .mt-85,.mod-media-article-02 .mt-85,.mod-media-horizontal .mt-85,.mod-pnl-index .mt-85,.mod-pnl-index2 .mt-85,.mod-pnl-indexBnr .mt-85,.mt-85.mod-form-trendSearch,.mt-85.mod-link-03,.mt-85.mod-link-columnList,.mt-85.mod-media-article,.mt-85.mod-media-article-02,.mt-85.mod-media-horizontal,.mt-85.mod-pnl-index,.mt-85.mod-pnl-index2,.mt-85.mod-pnl-indexBnr,.mt-85.str-mainvisual-carousel-01,.mt-85.str-ticker,.str-mainvisual-carousel-01 .mt-85,.str-ticker .mt-85 {
    margin-top: 85px!important
}

.mb-85.mod-form-trendSearch,.mb-85.mod-link-03,.mb-85.mod-link-columnList,.mb-85.mod-media-article,.mb-85.mod-media-article-02,.mb-85.mod-media-horizontal,.mb-85.mod-pnl-index,.mb-85.mod-pnl-index2,.mb-85.mod-pnl-indexBnr,.mb-85.str-mainvisual-carousel-01,.mb-85.str-ticker,.mod-form-trendSearch .mb-85,.mod-link-03 .mb-85,.mod-link-columnList .mb-85,.mod-media-article .mb-85,.mod-media-article-02 .mb-85,.mod-media-horizontal .mb-85,.mod-pnl-index .mb-85,.mod-pnl-index2 .mb-85,.mod-pnl-indexBnr .mb-85,.str-mainvisual-carousel-01 .mb-85,.str-ticker .mb-85 {
    margin-bottom: 85px!important
}

.mod-form-trendSearch .mt-86,.mod-link-03 .mt-86,.mod-link-columnList .mt-86,.mod-media-article .mt-86,.mod-media-article-02 .mt-86,.mod-media-horizontal .mt-86,.mod-pnl-index .mt-86,.mod-pnl-index2 .mt-86,.mod-pnl-indexBnr .mt-86,.mt-86.mod-form-trendSearch,.mt-86.mod-link-03,.mt-86.mod-link-columnList,.mt-86.mod-media-article,.mt-86.mod-media-article-02,.mt-86.mod-media-horizontal,.mt-86.mod-pnl-index,.mt-86.mod-pnl-index2,.mt-86.mod-pnl-indexBnr,.mt-86.str-mainvisual-carousel-01,.mt-86.str-ticker,.str-mainvisual-carousel-01 .mt-86,.str-ticker .mt-86 {
    margin-top: 86px!important
}

.mb-86.mod-form-trendSearch,.mb-86.mod-link-03,.mb-86.mod-link-columnList,.mb-86.mod-media-article,.mb-86.mod-media-article-02,.mb-86.mod-media-horizontal,.mb-86.mod-pnl-index,.mb-86.mod-pnl-index2,.mb-86.mod-pnl-indexBnr,.mb-86.str-mainvisual-carousel-01,.mb-86.str-ticker,.mod-form-trendSearch .mb-86,.mod-link-03 .mb-86,.mod-link-columnList .mb-86,.mod-media-article .mb-86,.mod-media-article-02 .mb-86,.mod-media-horizontal .mb-86,.mod-pnl-index .mb-86,.mod-pnl-index2 .mb-86,.mod-pnl-indexBnr .mb-86,.str-mainvisual-carousel-01 .mb-86,.str-ticker .mb-86 {
    margin-bottom: 86px!important
}

.mod-form-trendSearch .mt-87,.mod-link-03 .mt-87,.mod-link-columnList .mt-87,.mod-media-article .mt-87,.mod-media-article-02 .mt-87,.mod-media-horizontal .mt-87,.mod-pnl-index .mt-87,.mod-pnl-index2 .mt-87,.mod-pnl-indexBnr .mt-87,.mt-87.mod-form-trendSearch,.mt-87.mod-link-03,.mt-87.mod-link-columnList,.mt-87.mod-media-article,.mt-87.mod-media-article-02,.mt-87.mod-media-horizontal,.mt-87.mod-pnl-index,.mt-87.mod-pnl-index2,.mt-87.mod-pnl-indexBnr,.mt-87.str-mainvisual-carousel-01,.mt-87.str-ticker,.str-mainvisual-carousel-01 .mt-87,.str-ticker .mt-87 {
    margin-top: 87px!important
}

.mb-87.mod-form-trendSearch,.mb-87.mod-link-03,.mb-87.mod-link-columnList,.mb-87.mod-media-article,.mb-87.mod-media-article-02,.mb-87.mod-media-horizontal,.mb-87.mod-pnl-index,.mb-87.mod-pnl-index2,.mb-87.mod-pnl-indexBnr,.mb-87.str-mainvisual-carousel-01,.mb-87.str-ticker,.mod-form-trendSearch .mb-87,.mod-link-03 .mb-87,.mod-link-columnList .mb-87,.mod-media-article .mb-87,.mod-media-article-02 .mb-87,.mod-media-horizontal .mb-87,.mod-pnl-index .mb-87,.mod-pnl-index2 .mb-87,.mod-pnl-indexBnr .mb-87,.str-mainvisual-carousel-01 .mb-87,.str-ticker .mb-87 {
    margin-bottom: 87px!important
}

.mod-form-trendSearch .mt-88,.mod-link-03 .mt-88,.mod-link-columnList .mt-88,.mod-media-article .mt-88,.mod-media-article-02 .mt-88,.mod-media-horizontal .mt-88,.mod-pnl-index .mt-88,.mod-pnl-index2 .mt-88,.mod-pnl-indexBnr .mt-88,.mt-88.mod-form-trendSearch,.mt-88.mod-link-03,.mt-88.mod-link-columnList,.mt-88.mod-media-article,.mt-88.mod-media-article-02,.mt-88.mod-media-horizontal,.mt-88.mod-pnl-index,.mt-88.mod-pnl-index2,.mt-88.mod-pnl-indexBnr,.mt-88.str-mainvisual-carousel-01,.mt-88.str-ticker,.str-mainvisual-carousel-01 .mt-88,.str-ticker .mt-88 {
    margin-top: 88px!important
}

.mb-88.mod-form-trendSearch,.mb-88.mod-link-03,.mb-88.mod-link-columnList,.mb-88.mod-media-article,.mb-88.mod-media-article-02,.mb-88.mod-media-horizontal,.mb-88.mod-pnl-index,.mb-88.mod-pnl-index2,.mb-88.mod-pnl-indexBnr,.mb-88.str-mainvisual-carousel-01,.mb-88.str-ticker,.mod-form-trendSearch .mb-88,.mod-link-03 .mb-88,.mod-link-columnList .mb-88,.mod-media-article .mb-88,.mod-media-article-02 .mb-88,.mod-media-horizontal .mb-88,.mod-pnl-index .mb-88,.mod-pnl-index2 .mb-88,.mod-pnl-indexBnr .mb-88,.str-mainvisual-carousel-01 .mb-88,.str-ticker .mb-88 {
    margin-bottom: 88px!important
}

.mod-form-trendSearch .mt-89,.mod-link-03 .mt-89,.mod-link-columnList .mt-89,.mod-media-article .mt-89,.mod-media-article-02 .mt-89,.mod-media-horizontal .mt-89,.mod-pnl-index .mt-89,.mod-pnl-index2 .mt-89,.mod-pnl-indexBnr .mt-89,.mt-89.mod-form-trendSearch,.mt-89.mod-link-03,.mt-89.mod-link-columnList,.mt-89.mod-media-article,.mt-89.mod-media-article-02,.mt-89.mod-media-horizontal,.mt-89.mod-pnl-index,.mt-89.mod-pnl-index2,.mt-89.mod-pnl-indexBnr,.mt-89.str-mainvisual-carousel-01,.mt-89.str-ticker,.str-mainvisual-carousel-01 .mt-89,.str-ticker .mt-89 {
    margin-top: 89px!important
}

.mb-89.mod-form-trendSearch,.mb-89.mod-link-03,.mb-89.mod-link-columnList,.mb-89.mod-media-article,.mb-89.mod-media-article-02,.mb-89.mod-media-horizontal,.mb-89.mod-pnl-index,.mb-89.mod-pnl-index2,.mb-89.mod-pnl-indexBnr,.mb-89.str-mainvisual-carousel-01,.mb-89.str-ticker,.mod-form-trendSearch .mb-89,.mod-link-03 .mb-89,.mod-link-columnList .mb-89,.mod-media-article .mb-89,.mod-media-article-02 .mb-89,.mod-media-horizontal .mb-89,.mod-pnl-index .mb-89,.mod-pnl-index2 .mb-89,.mod-pnl-indexBnr .mb-89,.str-mainvisual-carousel-01 .mb-89,.str-ticker .mb-89 {
    margin-bottom: 89px!important
}

.mod-form-trendSearch .mt-90,.mod-link-03 .mt-90,.mod-link-columnList .mt-90,.mod-media-article .mt-90,.mod-media-article-02 .mt-90,.mod-media-horizontal .mt-90,.mod-pnl-index .mt-90,.mod-pnl-index2 .mt-90,.mod-pnl-indexBnr .mt-90,.mt-90.mod-form-trendSearch,.mt-90.mod-link-03,.mt-90.mod-link-columnList,.mt-90.mod-media-article,.mt-90.mod-media-article-02,.mt-90.mod-media-horizontal,.mt-90.mod-pnl-index,.mt-90.mod-pnl-index2,.mt-90.mod-pnl-indexBnr,.mt-90.str-mainvisual-carousel-01,.mt-90.str-ticker,.str-mainvisual-carousel-01 .mt-90,.str-ticker .mt-90 {
    margin-top: 90px!important
}

.mb-90.mod-form-trendSearch,.mb-90.mod-link-03,.mb-90.mod-link-columnList,.mb-90.mod-media-article,.mb-90.mod-media-article-02,.mb-90.mod-media-horizontal,.mb-90.mod-pnl-index,.mb-90.mod-pnl-index2,.mb-90.mod-pnl-indexBnr,.mb-90.str-mainvisual-carousel-01,.mb-90.str-ticker,.mod-form-trendSearch .mb-90,.mod-link-03 .mb-90,.mod-link-columnList .mb-90,.mod-media-article .mb-90,.mod-media-article-02 .mb-90,.mod-media-horizontal .mb-90,.mod-pnl-index .mb-90,.mod-pnl-index2 .mb-90,.mod-pnl-indexBnr .mb-90,.str-mainvisual-carousel-01 .mb-90,.str-ticker .mb-90 {
    margin-bottom: 90px!important
}

.mod-form-trendSearch .mt-91,.mod-link-03 .mt-91,.mod-link-columnList .mt-91,.mod-media-article .mt-91,.mod-media-article-02 .mt-91,.mod-media-horizontal .mt-91,.mod-pnl-index .mt-91,.mod-pnl-index2 .mt-91,.mod-pnl-indexBnr .mt-91,.mt-91.mod-form-trendSearch,.mt-91.mod-link-03,.mt-91.mod-link-columnList,.mt-91.mod-media-article,.mt-91.mod-media-article-02,.mt-91.mod-media-horizontal,.mt-91.mod-pnl-index,.mt-91.mod-pnl-index2,.mt-91.mod-pnl-indexBnr,.mt-91.str-mainvisual-carousel-01,.mt-91.str-ticker,.str-mainvisual-carousel-01 .mt-91,.str-ticker .mt-91 {
    margin-top: 91px!important
}

.mb-91.mod-form-trendSearch,.mb-91.mod-link-03,.mb-91.mod-link-columnList,.mb-91.mod-media-article,.mb-91.mod-media-article-02,.mb-91.mod-media-horizontal,.mb-91.mod-pnl-index,.mb-91.mod-pnl-index2,.mb-91.mod-pnl-indexBnr,.mb-91.str-mainvisual-carousel-01,.mb-91.str-ticker,.mod-form-trendSearch .mb-91,.mod-link-03 .mb-91,.mod-link-columnList .mb-91,.mod-media-article .mb-91,.mod-media-article-02 .mb-91,.mod-media-horizontal .mb-91,.mod-pnl-index .mb-91,.mod-pnl-index2 .mb-91,.mod-pnl-indexBnr .mb-91,.str-mainvisual-carousel-01 .mb-91,.str-ticker .mb-91 {
    margin-bottom: 91px!important
}

.mod-form-trendSearch .mt-92,.mod-link-03 .mt-92,.mod-link-columnList .mt-92,.mod-media-article .mt-92,.mod-media-article-02 .mt-92,.mod-media-horizontal .mt-92,.mod-pnl-index .mt-92,.mod-pnl-index2 .mt-92,.mod-pnl-indexBnr .mt-92,.mt-92.mod-form-trendSearch,.mt-92.mod-link-03,.mt-92.mod-link-columnList,.mt-92.mod-media-article,.mt-92.mod-media-article-02,.mt-92.mod-media-horizontal,.mt-92.mod-pnl-index,.mt-92.mod-pnl-index2,.mt-92.mod-pnl-indexBnr,.mt-92.str-mainvisual-carousel-01,.mt-92.str-ticker,.str-mainvisual-carousel-01 .mt-92,.str-ticker .mt-92 {
    margin-top: 92px!important
}

.mb-92.mod-form-trendSearch,.mb-92.mod-link-03,.mb-92.mod-link-columnList,.mb-92.mod-media-article,.mb-92.mod-media-article-02,.mb-92.mod-media-horizontal,.mb-92.mod-pnl-index,.mb-92.mod-pnl-index2,.mb-92.mod-pnl-indexBnr,.mb-92.str-mainvisual-carousel-01,.mb-92.str-ticker,.mod-form-trendSearch .mb-92,.mod-link-03 .mb-92,.mod-link-columnList .mb-92,.mod-media-article .mb-92,.mod-media-article-02 .mb-92,.mod-media-horizontal .mb-92,.mod-pnl-index .mb-92,.mod-pnl-index2 .mb-92,.mod-pnl-indexBnr .mb-92,.str-mainvisual-carousel-01 .mb-92,.str-ticker .mb-92 {
    margin-bottom: 92px!important
}

.mod-form-trendSearch .mt-93,.mod-link-03 .mt-93,.mod-link-columnList .mt-93,.mod-media-article .mt-93,.mod-media-article-02 .mt-93,.mod-media-horizontal .mt-93,.mod-pnl-index .mt-93,.mod-pnl-index2 .mt-93,.mod-pnl-indexBnr .mt-93,.mt-93.mod-form-trendSearch,.mt-93.mod-link-03,.mt-93.mod-link-columnList,.mt-93.mod-media-article,.mt-93.mod-media-article-02,.mt-93.mod-media-horizontal,.mt-93.mod-pnl-index,.mt-93.mod-pnl-index2,.mt-93.mod-pnl-indexBnr,.mt-93.str-mainvisual-carousel-01,.mt-93.str-ticker,.str-mainvisual-carousel-01 .mt-93,.str-ticker .mt-93 {
    margin-top: 93px!important
}

.mb-93.mod-form-trendSearch,.mb-93.mod-link-03,.mb-93.mod-link-columnList,.mb-93.mod-media-article,.mb-93.mod-media-article-02,.mb-93.mod-media-horizontal,.mb-93.mod-pnl-index,.mb-93.mod-pnl-index2,.mb-93.mod-pnl-indexBnr,.mb-93.str-mainvisual-carousel-01,.mb-93.str-ticker,.mod-form-trendSearch .mb-93,.mod-link-03 .mb-93,.mod-link-columnList .mb-93,.mod-media-article .mb-93,.mod-media-article-02 .mb-93,.mod-media-horizontal .mb-93,.mod-pnl-index .mb-93,.mod-pnl-index2 .mb-93,.mod-pnl-indexBnr .mb-93,.str-mainvisual-carousel-01 .mb-93,.str-ticker .mb-93 {
    margin-bottom: 93px!important
}

.mod-form-trendSearch .mt-94,.mod-link-03 .mt-94,.mod-link-columnList .mt-94,.mod-media-article .mt-94,.mod-media-article-02 .mt-94,.mod-media-horizontal .mt-94,.mod-pnl-index .mt-94,.mod-pnl-index2 .mt-94,.mod-pnl-indexBnr .mt-94,.mt-94.mod-form-trendSearch,.mt-94.mod-link-03,.mt-94.mod-link-columnList,.mt-94.mod-media-article,.mt-94.mod-media-article-02,.mt-94.mod-media-horizontal,.mt-94.mod-pnl-index,.mt-94.mod-pnl-index2,.mt-94.mod-pnl-indexBnr,.mt-94.str-mainvisual-carousel-01,.mt-94.str-ticker,.str-mainvisual-carousel-01 .mt-94,.str-ticker .mt-94 {
    margin-top: 94px!important
}

.mb-94.mod-form-trendSearch,.mb-94.mod-link-03,.mb-94.mod-link-columnList,.mb-94.mod-media-article,.mb-94.mod-media-article-02,.mb-94.mod-media-horizontal,.mb-94.mod-pnl-index,.mb-94.mod-pnl-index2,.mb-94.mod-pnl-indexBnr,.mb-94.str-mainvisual-carousel-01,.mb-94.str-ticker,.mod-form-trendSearch .mb-94,.mod-link-03 .mb-94,.mod-link-columnList .mb-94,.mod-media-article .mb-94,.mod-media-article-02 .mb-94,.mod-media-horizontal .mb-94,.mod-pnl-index .mb-94,.mod-pnl-index2 .mb-94,.mod-pnl-indexBnr .mb-94,.str-mainvisual-carousel-01 .mb-94,.str-ticker .mb-94 {
    margin-bottom: 94px!important
}

.mod-form-trendSearch .mt-95,.mod-link-03 .mt-95,.mod-link-columnList .mt-95,.mod-media-article .mt-95,.mod-media-article-02 .mt-95,.mod-media-horizontal .mt-95,.mod-pnl-index .mt-95,.mod-pnl-index2 .mt-95,.mod-pnl-indexBnr .mt-95,.mt-95.mod-form-trendSearch,.mt-95.mod-link-03,.mt-95.mod-link-columnList,.mt-95.mod-media-article,.mt-95.mod-media-article-02,.mt-95.mod-media-horizontal,.mt-95.mod-pnl-index,.mt-95.mod-pnl-index2,.mt-95.mod-pnl-indexBnr,.mt-95.str-mainvisual-carousel-01,.mt-95.str-ticker,.str-mainvisual-carousel-01 .mt-95,.str-ticker .mt-95 {
    margin-top: 95px!important
}

.mb-95.mod-form-trendSearch,.mb-95.mod-link-03,.mb-95.mod-link-columnList,.mb-95.mod-media-article,.mb-95.mod-media-article-02,.mb-95.mod-media-horizontal,.mb-95.mod-pnl-index,.mb-95.mod-pnl-index2,.mb-95.mod-pnl-indexBnr,.mb-95.str-mainvisual-carousel-01,.mb-95.str-ticker,.mod-form-trendSearch .mb-95,.mod-link-03 .mb-95,.mod-link-columnList .mb-95,.mod-media-article .mb-95,.mod-media-article-02 .mb-95,.mod-media-horizontal .mb-95,.mod-pnl-index .mb-95,.mod-pnl-index2 .mb-95,.mod-pnl-indexBnr .mb-95,.str-mainvisual-carousel-01 .mb-95,.str-ticker .mb-95 {
    margin-bottom: 95px!important
}

.mod-form-trendSearch .mt-96,.mod-link-03 .mt-96,.mod-link-columnList .mt-96,.mod-media-article .mt-96,.mod-media-article-02 .mt-96,.mod-media-horizontal .mt-96,.mod-pnl-index .mt-96,.mod-pnl-index2 .mt-96,.mod-pnl-indexBnr .mt-96,.mt-96.mod-form-trendSearch,.mt-96.mod-link-03,.mt-96.mod-link-columnList,.mt-96.mod-media-article,.mt-96.mod-media-article-02,.mt-96.mod-media-horizontal,.mt-96.mod-pnl-index,.mt-96.mod-pnl-index2,.mt-96.mod-pnl-indexBnr,.mt-96.str-mainvisual-carousel-01,.mt-96.str-ticker,.str-mainvisual-carousel-01 .mt-96,.str-ticker .mt-96 {
    margin-top: 96px!important
}

.mb-96.mod-form-trendSearch,.mb-96.mod-link-03,.mb-96.mod-link-columnList,.mb-96.mod-media-article,.mb-96.mod-media-article-02,.mb-96.mod-media-horizontal,.mb-96.mod-pnl-index,.mb-96.mod-pnl-index2,.mb-96.mod-pnl-indexBnr,.mb-96.str-mainvisual-carousel-01,.mb-96.str-ticker,.mod-form-trendSearch .mb-96,.mod-link-03 .mb-96,.mod-link-columnList .mb-96,.mod-media-article .mb-96,.mod-media-article-02 .mb-96,.mod-media-horizontal .mb-96,.mod-pnl-index .mb-96,.mod-pnl-index2 .mb-96,.mod-pnl-indexBnr .mb-96,.str-mainvisual-carousel-01 .mb-96,.str-ticker .mb-96 {
    margin-bottom: 96px!important
}

.mod-form-trendSearch .mt-97,.mod-link-03 .mt-97,.mod-link-columnList .mt-97,.mod-media-article .mt-97,.mod-media-article-02 .mt-97,.mod-media-horizontal .mt-97,.mod-pnl-index .mt-97,.mod-pnl-index2 .mt-97,.mod-pnl-indexBnr .mt-97,.mt-97.mod-form-trendSearch,.mt-97.mod-link-03,.mt-97.mod-link-columnList,.mt-97.mod-media-article,.mt-97.mod-media-article-02,.mt-97.mod-media-horizontal,.mt-97.mod-pnl-index,.mt-97.mod-pnl-index2,.mt-97.mod-pnl-indexBnr,.mt-97.str-mainvisual-carousel-01,.mt-97.str-ticker,.str-mainvisual-carousel-01 .mt-97,.str-ticker .mt-97 {
    margin-top: 97px!important
}

.mb-97.mod-form-trendSearch,.mb-97.mod-link-03,.mb-97.mod-link-columnList,.mb-97.mod-media-article,.mb-97.mod-media-article-02,.mb-97.mod-media-horizontal,.mb-97.mod-pnl-index,.mb-97.mod-pnl-index2,.mb-97.mod-pnl-indexBnr,.mb-97.str-mainvisual-carousel-01,.mb-97.str-ticker,.mod-form-trendSearch .mb-97,.mod-link-03 .mb-97,.mod-link-columnList .mb-97,.mod-media-article .mb-97,.mod-media-article-02 .mb-97,.mod-media-horizontal .mb-97,.mod-pnl-index .mb-97,.mod-pnl-index2 .mb-97,.mod-pnl-indexBnr .mb-97,.str-mainvisual-carousel-01 .mb-97,.str-ticker .mb-97 {
    margin-bottom: 97px!important
}

.mod-form-trendSearch .mt-98,.mod-link-03 .mt-98,.mod-link-columnList .mt-98,.mod-media-article .mt-98,.mod-media-article-02 .mt-98,.mod-media-horizontal .mt-98,.mod-pnl-index .mt-98,.mod-pnl-index2 .mt-98,.mod-pnl-indexBnr .mt-98,.mt-98.mod-form-trendSearch,.mt-98.mod-link-03,.mt-98.mod-link-columnList,.mt-98.mod-media-article,.mt-98.mod-media-article-02,.mt-98.mod-media-horizontal,.mt-98.mod-pnl-index,.mt-98.mod-pnl-index2,.mt-98.mod-pnl-indexBnr,.mt-98.str-mainvisual-carousel-01,.mt-98.str-ticker,.str-mainvisual-carousel-01 .mt-98,.str-ticker .mt-98 {
    margin-top: 98px!important
}

.mb-98.mod-form-trendSearch,.mb-98.mod-link-03,.mb-98.mod-link-columnList,.mb-98.mod-media-article,.mb-98.mod-media-article-02,.mb-98.mod-media-horizontal,.mb-98.mod-pnl-index,.mb-98.mod-pnl-index2,.mb-98.mod-pnl-indexBnr,.mb-98.str-mainvisual-carousel-01,.mb-98.str-ticker,.mod-form-trendSearch .mb-98,.mod-link-03 .mb-98,.mod-link-columnList .mb-98,.mod-media-article .mb-98,.mod-media-article-02 .mb-98,.mod-media-horizontal .mb-98,.mod-pnl-index .mb-98,.mod-pnl-index2 .mb-98,.mod-pnl-indexBnr .mb-98,.str-mainvisual-carousel-01 .mb-98,.str-ticker .mb-98 {
    margin-bottom: 98px!important
}

.mod-form-trendSearch .mt-99,.mod-link-03 .mt-99,.mod-link-columnList .mt-99,.mod-media-article .mt-99,.mod-media-article-02 .mt-99,.mod-media-horizontal .mt-99,.mod-pnl-index .mt-99,.mod-pnl-index2 .mt-99,.mod-pnl-indexBnr .mt-99,.mt-99.mod-form-trendSearch,.mt-99.mod-link-03,.mt-99.mod-link-columnList,.mt-99.mod-media-article,.mt-99.mod-media-article-02,.mt-99.mod-media-horizontal,.mt-99.mod-pnl-index,.mt-99.mod-pnl-index2,.mt-99.mod-pnl-indexBnr,.mt-99.str-mainvisual-carousel-01,.mt-99.str-ticker,.str-mainvisual-carousel-01 .mt-99,.str-ticker .mt-99 {
    margin-top: 99px!important
}

.mb-99.mod-form-trendSearch,.mb-99.mod-link-03,.mb-99.mod-link-columnList,.mb-99.mod-media-article,.mb-99.mod-media-article-02,.mb-99.mod-media-horizontal,.mb-99.mod-pnl-index,.mb-99.mod-pnl-index2,.mb-99.mod-pnl-indexBnr,.mb-99.str-mainvisual-carousel-01,.mb-99.str-ticker,.mod-form-trendSearch .mb-99,.mod-link-03 .mb-99,.mod-link-columnList .mb-99,.mod-media-article .mb-99,.mod-media-article-02 .mb-99,.mod-media-horizontal .mb-99,.mod-pnl-index .mb-99,.mod-pnl-index2 .mb-99,.mod-pnl-indexBnr .mb-99,.str-mainvisual-carousel-01 .mb-99,.str-ticker .mb-99 {
    margin-bottom: 99px!important
}

.mod-form-trendSearch .mt-100,.mod-link-03 .mt-100,.mod-link-columnList .mt-100,.mod-media-article .mt-100,.mod-media-article-02 .mt-100,.mod-media-horizontal .mt-100,.mod-pnl-index .mt-100,.mod-pnl-index2 .mt-100,.mod-pnl-indexBnr .mt-100,.mt-100.mod-form-trendSearch,.mt-100.mod-link-03,.mt-100.mod-link-columnList,.mt-100.mod-media-article,.mt-100.mod-media-article-02,.mt-100.mod-media-horizontal,.mt-100.mod-pnl-index,.mt-100.mod-pnl-index2,.mt-100.mod-pnl-indexBnr,.mt-100.str-mainvisual-carousel-01,.mt-100.str-ticker,.str-mainvisual-carousel-01 .mt-100,.str-ticker .mt-100 {
    margin-top: 100px!important
}

.mb-100.mod-form-trendSearch,.mb-100.mod-link-03,.mb-100.mod-link-columnList,.mb-100.mod-media-article,.mb-100.mod-media-article-02,.mb-100.mod-media-horizontal,.mb-100.mod-pnl-index,.mb-100.mod-pnl-index2,.mb-100.mod-pnl-indexBnr,.mb-100.str-mainvisual-carousel-01,.mb-100.str-ticker,.mod-form-trendSearch .mb-100,.mod-link-03 .mb-100,.mod-link-columnList .mb-100,.mod-media-article .mb-100,.mod-media-article-02 .mb-100,.mod-media-horizontal .mb-100,.mod-pnl-index .mb-100,.mod-pnl-index2 .mb-100,.mod-pnl-indexBnr .mb-100,.str-mainvisual-carousel-01 .mb-100,.str-ticker .mb-100 {
    margin-bottom: 100px!important
}

.hdg-l1-img .pc-show,.lp-btn .pc-show,.lp-hdg-l2 .pc-show,.lp-list .pc-show,.lp-list-ordered .pc-show,.lp-tbl .pc-show,.mod-form-trendSearch .pc-show,.mod-link-03 .pc-show,.mod-link-columnList .pc-show,.mod-media-article .pc-show,.mod-media-article-02 .pc-show,.mod-media-horizontal .pc-show,.mod-pnl-index .pc-show,.mod-pnl-index2 .pc-show,.mod-pnl-indexBnr .pc-show,.pc-show.hdg-l1-img,.pc-show.lp-btn,.pc-show.lp-hdg-l2,.pc-show.lp-list,.pc-show.lp-list-ordered,.pc-show.lp-tbl,.pc-show.mod-form-trendSearch,.pc-show.mod-link-03,.pc-show.mod-link-columnList,.pc-show.mod-media-article,.pc-show.mod-media-article-02,.pc-show.mod-media-horizontal,.pc-show.mod-pnl-index,.pc-show.mod-pnl-index2,.pc-show.mod-pnl-indexBnr,.pc-show.str-mainvisual-carousel-01,.pc-show.str-ticker,.str-mainvisual-carousel-01 .pc-show,.str-ticker .pc-show {
    display: none!important
}

.hdg-l1-img .pc-hide,.lp-btn .pc-hide,.lp-hdg-l2 .pc-hide,.lp-list .pc-hide,.lp-list-ordered .pc-hide,.lp-tbl .pc-hide,.mod-form-trendSearch .pc-hide,.mod-link-03 .pc-hide,.mod-link-columnList .pc-hide,.mod-media-article .pc-hide,.mod-media-article-02 .pc-hide,.mod-media-horizontal .pc-hide,.mod-pnl-index .pc-hide,.mod-pnl-index2 .pc-hide,.mod-pnl-indexBnr .pc-hide,.pc-hide.hdg-l1-img,.pc-hide.lp-btn,.pc-hide.lp-hdg-l2,.pc-hide.lp-list,.pc-hide.lp-list-ordered,.pc-hide.lp-tbl,.pc-hide.mod-form-trendSearch,.pc-hide.mod-link-03,.pc-hide.mod-link-columnList,.pc-hide.mod-media-article,.pc-hide.mod-media-article-02,.pc-hide.mod-media-horizontal,.pc-hide.mod-pnl-index,.pc-hide.mod-pnl-index2,.pc-hide.mod-pnl-indexBnr,.pc-hide.str-mainvisual-carousel-01,.pc-hide.str-ticker,.str-mainvisual-carousel-01 .pc-hide,.str-ticker .pc-hide {
    display: block!important
}

.lp-hdg-icon .pc-show,.pc-show.lp-hdg-icon {
    display: none!important
}

.lp-hdg-icon .pc-hide,.pc-hide.lp-hdg-icon {
    display: -webkit-flex!important;
    display: flex!important
}

*,::after,::before {
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    overflow-x: hidden
}

html button[type=button],html button[type=submit],html input,html input[type=button],html input[type=reset],html input[type=search],html input[type=submit],html select,html textarea {
    -webkit-appearance: none;
    appearance: none
}

html select::-ms-expand {
    display: none
}

body {
    font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.4rem;
    line-height: 1.78571;
    word-wrap: break-word;
    word-break: break-word;
    color: #000;
    background: #fff;
    min-width: 320px;
    overflow-wrap: break-word
}

body :lang(en),html:lang(en) body {
    font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif
}

body>iframe,body>img {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: -100%;
    width: 0;
    height: 0
}

li,ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a img,button img {
    transition: opacity .3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

a:focus img,a:hover img,button:focus img,button:hover img {
    opacity: .7
}

a {
    text-decoration: underline;
    color: #000
}

a:active,a:focus,a:hover {
    text-decoration: none
}

a.js-modal-img,a.of-movie,a[href$=".doc"],a[href$=".exe"],a[href$=".lzh"],a[href$=".pdf"],a[href$=".ppt"],a[href$=".xls"],a[href$=".zip"],a[target="_blank"] {
    position: relative;
    padding-left: 24px
}

a.js-modal-img .icn,a.of-movie .icn,a[href$=".doc"] .icn,a[href$=".exe"] .icn,a[href$=".lzh"] .icn,a[href$=".pdf"] .icn,a[href$=".ppt"] .icn,a[href$=".xls"] .icn,a[href$=".zip"] .icn,a[target="_blank"] .icn {
    position: absolute;
    top: .195em;
    left: 0;
    margin: 0 20px 0 0
}

:not(a)>img.icn,:not(a)>picture>img.icn {
    vertical-align: top;
    position: relative;
    top: calc(.195em + 1px);
    margin: 0 7px 0 0
}

sup {
    font-size: 80%
}

figure {
    margin: 0
}

input,textarea {
    font-size: 1.6rem
}

p {
    margin: 0 0 1em
}

::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: 0
}

em {
    font-weight: 400;
    font-style: italic
}

em.en-em {
    color: #be375a
}

em.en-em-02 {
    font-style: normal;
    color: #be375a
}

strong {
    font-weight: 700;
    font-style: normal
}

hr {
    margin: 30px 0;
    border: 1px dotted #666;
    border-width: 1px 0 0 0
}

hr.var-02 {
    border-style: solid;
    border-color: #bbb
}

ins {
    text-decoration: none
}

.mod-hdg-l1,.str-contact,.str-navigation,.str-outer,.str-outer-narrow,.str-outer-wide,.str-outer-wide-02,.str-pageTitle,.str-stepList {
    padding-right: 10px;
    padding-left: 10px
}

[class^=str-outer] {
    position: relative;
    z-index: 1
}

[class^=str-outer].of-reset-zindex {
    z-index: auto
}

[class^=str-outer].var01 {
    color: #fff;
    background: #003528;
    overflow: hidden
}

[class^=str-outer].var02 {
    background: #dce8f5;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-02 {
    background: #dbe0f1;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-03 {
    background: #d7e8f0;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-04 {
    background: #dee9dc;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-05 {
    background: #e1deec;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-06 {
    background: #f4dccf;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-07 {
    background: #f4eadb;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-08 {
    background: #f2ece6;
    overflow: hidden
}

[class^=str-outer].of-bgcolor-09 {
    background: #e5e7e9;
    overflow: hidden
}

.of-bgcolor-02>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-03>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-04>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-05>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-06>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-07>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-08>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-09>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-10>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-11>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-12>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-13>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-14>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-15>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-16>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-17>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-18>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-19>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-20>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-21>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-22>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-23>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-24>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-25>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-26>[class^=str-outer] {
    background: #eff2f6;
    overflow: hidden
}

.of-bgcolor-27>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-28>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-29>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-30>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-31>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-32>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-33>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-34>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-35>[class^=str-outer] {
    background: #6b7387;
    overflow: hidden
}

.of-bgcolor-36>[class^=str-outer] {
    background: #0f1ed2;
    overflow: hidden
}

.of-bgcolor-02>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-03>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-04>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-05>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-06>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-07>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-08>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-09>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-10>.js-tgl {
    background: #6b7387
}

.of-bgcolor-11>.js-tgl {
    background: #6b7387
}

.of-bgcolor-12>.js-tgl {
    background: #6b7387
}

.of-bgcolor-13>.js-tgl {
    background: #6b7387
}

.of-bgcolor-14>.js-tgl {
    background: #6b7387
}

.of-bgcolor-15>.js-tgl {
    background: #6b7387
}

.of-bgcolor-16>.js-tgl {
    background: #6b7387
}

.of-bgcolor-17>.js-tgl {
    background: #6b7387
}

.of-bgcolor-18>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-19>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-20>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-21>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-22>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-23>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-24>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-25>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-26>.js-tgl {
    background: #eff2f6
}

.of-bgcolor-27>.js-tgl {
    background: #6b7387
}

.of-bgcolor-28>.js-tgl {
    background: #6b7387
}

.of-bgcolor-29>.js-tgl {
    background: #6b7387
}

.of-bgcolor-30>.js-tgl {
    background: #6b7387
}

.of-bgcolor-31>.js-tgl {
    background: #6b7387
}

.of-bgcolor-32>.js-tgl {
    background: #6b7387
}

.of-bgcolor-33>.js-tgl {
    background: #6b7387
}

.of-bgcolor-34>.js-tgl {
    background: #6b7387
}

.of-bgcolor-35>.js-tgl {
    background: #6b7387
}

.of-bgcolor-36>.js-tgl {
    background: #0f1ed2
}

[class*=of-bgimg-] {
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    overflow: hidden
}

.of-bgimg-01 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-01.jpg)
}

.of-bgimg-02 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-02.jpg)
}

.of-bgimg-03 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-03.jpg)
}

.of-bgimg-04 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-04.jpg)
}

.of-bgimg-05 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-05.jpg)
}

.of-bgimg-06 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-06.jpg)
}

.of-bgimg-07 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-07.jpg)
}

.of-bgimg-08 {
    background-image: url(/nf_global/v3/common/img/2021/str/bg-img-08.jpg)
}

.mod-form-trendSearch .inner,.str-inner {
    max-width: 1000px;
    margin: 0 auto
}

.mod-form-trendSearch .str-outer-narrow>.inner,.str-outer-narrow>.str-inner {
    max-width: 900px
}

.mod-form-trendSearch .str-outer-wide>.inner,.str-outer-wide>.str-inner {
    max-width: 1200px
}

.mod-form-trendSearch .str-outer-wide-02>.inner,.str-outer-wide-02>.str-inner {
    max-width: 1300px
}

.mod-form-trendSearch .str-outer-full>.inner,.str-outer-full>.str-inner {
    max-width: none
}

.str-navigation {
    padding-bottom: 10px
}

.mod-form-trendSearch .str-navigation>.inner,.str-navigation>.str-inner {
    max-width: none
}

.str-navigation:not(._is-fixed)+[class^=str-] {
    border-top: 1px solid #dcdcdc
}

.str-hidden {
    pointer-events: none;
    color: transparent;
    position: absolute;
    z-index: -1;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0
}

.str-pageTitle {
    color: #fff;
    background: #3e3b33;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 32px;
    padding: 12px 10px
}

.str-pageTitle>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.str-pageTitle>.inner>.hdg:first-child {
    vertical-align: top;
    display: block;
    order: 2;
    margin: 0;
    -webkit-order: 2
}

.str-pageTitle>.inner>.sub {
    font-size: 1.4rem;
    line-height: 1.6;
    order: 3;
    -webkit-order: 3
}

.str-pageTitle>.inner>.sub.of-top {
    order: 1;
    -webkit-order: 1
}

.str-pageTitle>.inner>.language {
    order: 4;
    margin: 12px 0 0;
    -webkit-order: 4
}

.str-pageTitle>.inner>.language>.list {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: -8px 0 0 -46px
}

.str-pageTitle>.inner>.language>.list>li {
    position: relative;
    padding: 8px 0 0 46px
}

.str-pageTitle>.inner>.language>.list>li::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -11px -191px;
    background-size: auto;
    position: absolute;
    top: 0;
    right: -24px;
    bottom: 0;
    display: block;
    width: 1px;
    height: 22px;
    margin: auto;
    content: "";
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border: 0
}

.str-pageTitle>.inner>.language>.list>li:last-child::after {
    display: none
}

.str-pageTitle>.inner>.language>.list>li>a:not([href]) {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: inherit
}

.str-pageTitle>.inner>.language>.list>li>a {
    color: inherit
}

.str-pageTitle>.inner>.language>.list>li>a:visited {
    color: #d4deec
}

.str-pageTitle .hdg:first-child {
    font-size: 2rem;
    line-height: 1.3
}

.str-pageTitle.of-has-logo {
    padding-top: 20px
}

.str-pageTitle.of-has-logo>.inner>.logo {
    margin-bottom: 20px
}

.str-pageTitle.of-has-logo>.inner>.logo>img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 18px
}

.str-mainvisual {
    margin: 0 0 30px
}

.str-mainvisual.of-caseStudy .content-inner .hdg {
    padding: 6px 0 8px
}

.str-mainvisual.of-caseStudy .content-inner .hdg .clientName,.str-mainvisual.of-caseStudy .content-inner .hdg .lede,.str-mainvisual.of-caseStudy .content-inner .hdg .type {
    display: block
}

.str-mainvisual.of-caseStudy .content-inner .hdg .lede,.str-mainvisual.of-caseStudy .content-inner .hdg .type {
    font-size: 1.4rem
}

.str-mainvisual.of-caseStudy .content-inner .hdg .type {
    font-weight: 400
}

.str-mainvisual.of-caseStudy .content-inner .hdg .type {
    margin: 0 0 12px
}

.str-mainvisual.of-caseStudy .content-inner .hdg .lede {
    margin: 0 0 7px
}

.str-mainvisual.of-caseStudy .content-inner .hdg .clientName {
    margin: 0 0 6px
}

.str-mainvisual.of-caseStudy .content-inner .hdg .logo {
    display: block;
    margin: 0 0 24px
}

.str-mainvisual.of-caseStudy .content-inner .hdg .logo img {
    vertical-align: bottom
}

.str-mainvisual.of-newsRoom {
    margin-bottom: 0
}

.mod-form-trendSearch .str-mainvisual.of-newsRoom>.inner>.content,.str-mainvisual.of-newsRoom>.str-inner>.content {
    min-height: calc((250 * 100vw)/ 1440)
}

.mod-form-trendSearch .str-mainvisual.of-has-logo>.inner>.content,.str-mainvisual.of-has-logo>.str-inner>.content {
    padding-top: 16px
}

.mod-form-trendSearch .str-mainvisual.of-has-logo>.inner>.content>.content-inner>.hdg:first-child,.str-mainvisual.of-has-logo>.str-inner>.content>.content-inner>.hdg:first-child {
    display: block
}

.mod-form-trendSearch .str-mainvisual.of-has-logo>.inner>.content>.content-inner>.sub,.str-mainvisual.of-has-logo>.str-inner>.content>.content-inner>.sub {
    font-size: 1.4rem;
    line-height: 1.6
}

.mod-form-trendSearch .str-mainvisual.of-has-logo>.inner>.content>.content-inner>.logo,.str-mainvisual.of-has-logo>.str-inner>.content>.content-inner>.logo {
    display: block;
    margin-bottom: 16px
}

.mod-form-trendSearch .str-mainvisual.of-has-logo>.inner>.content>.content-inner>.logo>img,.str-mainvisual.of-has-logo>.str-inner>.content>.content-inner>.logo>img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 18px
}

.mod-form-trendSearch .str-mainvisual.of-has-logo>.inner>.image>img,.str-mainvisual.of-has-logo>.str-inner>.image>img {
    height: auto
}

.str-mainvisual .pc-hide {
    display: block!important
}

.str-mainvisual .pc-show {
    display: none!important
}

.mod-form-trendSearch .str-mainvisual .inner,.str-mainvisual .mod-form-trendSearch .inner,.str-mainvisual .str-inner {
    display: table;
    width: 100%
}

.mod-form-trendSearch .str-mainvisual .inner>*,.str-mainvisual .mod-form-trendSearch .inner>*,.str-mainvisual .str-inner>* {
    display: table-cell
}

.mod-form-trendSearch .str-mainvisual .inner>.content,.str-mainvisual .mod-form-trendSearch .inner>.content,.str-mainvisual .str-inner>.content {
    background: #dce8f5;
    padding: 10px 10px 20px
}

.mod-form-trendSearch .str-mainvisual .inner>.image,.str-mainvisual .mod-form-trendSearch .inner>.image,.str-mainvisual .str-inner>.image {
    display: table-caption
}

.mod-form-trendSearch .str-mainvisual .inner>.image img,.str-mainvisual .mod-form-trendSearch .inner>.image img,.str-mainvisual .str-inner>.image img {
    width: 100%
}

.mod-form-trendSearch .str-mainvisual .inner>.image img:not(.pc-show),.str-mainvisual .mod-form-trendSearch .inner>.image img:not(.pc-show),.str-mainvisual .str-inner>.image img:not(.pc-show) {
    display: block
}

.str-mainvisual .content-inner>:last-child {
    margin-bottom: 0
}

.str-mainvisual .hdg {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.36364;
    margin: 0 0 .5em
}

.str-mainvisual .mod-btn {
    margin: 20px 0
}

.str-mainvisual-02 {
    margin: 0 0 30px
}

.str-mainvisual-02 .pc-hide {
    display: block!important
}

.str-mainvisual-02 .pc-show {
    display: none!important
}

.mod-form-trendSearch .str-mainvisual-02>.inner,.str-mainvisual-02>.str-inner {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    max-width: none
}

.str-mainvisual-02 .image {
    display: table-caption
}

.str-mainvisual-02 .content {
    background: #dbe0f1;
    position: relative;
    right: 0;
    left: 0;
    display: table-cell;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    min-height: 22.2222vw;
    margin: 0 auto;
    padding: 10px 10px 20px
}

.str-mainvisual-02 video {
    z-index: 0;
    display: none;
    width: auto;
    height: 100%;
    margin: 0 auto;
    object-fit: cover
}

html[data-script-enabled=true] .str-mainvisual-02 video {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.str-mainvisual-02 .image img {
    display: block;
    max-width: 100%
}

.str-mainvisual-02 .content-inner {
    position: relative;
    z-index: 1;
    top: 0;
    left: 10px;
    max-width: 480px;
    padding: 2vw 0 72px
}

html:not([data-script-enabled=true]) .str-mainvisual-02 .content-inner {
    color: #000
}

.str-mainvisual-02 .content-inner>:last-child {
    margin-bottom: 0
}

.str-mainvisual-02 .hdg {
    font-weight: 400;
    line-height: 1.53846;
    margin: 0 0 2vw
}

.func-mainvisual-02-btn {
    color: transparent;
    display: none;
    overflow: hidden
}

.str-mainvisual-04 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 30px
}

.str-mainvisual-04 .content-inner {
    background: #dbe0f1;
    padding: 10px 10px 20px
}

.str-mainvisual-04 .content-inner .hdg {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.36364;
    margin-bottom: 0
}

.str-mainvisual-04 .content-inner .hdg+* {
    margin-top: .3em
}

.str-mainvisual-04 .content-inner>:first-child {
    margin-top: 0
}

.str-mainvisual-04 .content-inner>:last-child {
    margin-bottom: 0
}

.str-mainvisual-04 .content-inner p:not([class^=fs-]) {
    font-size: 1.4rem
}

.str-mainvisual-04 .content-inner .mod-btn {
    margin-top: 1em
}

.str-mainvisual-04 .item {
    min-height: calc(0%)
}

.str-mainvisual-04 .item img,.str-mainvisual-04 .item video {
    vertical-align: bottom;
    width: 100%
}

.str-mainvisual-04 .func-video-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: calc(100% + 20px);
    margin-left: -20px;
    padding-top: 10px
}

.str-mainvisual-04 .func-video-btn>li {
    padding-left: 20px
}

.str-mainvisual-04 .func-video-btn button {
    background: 0 0;
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    border: 0
}

.str-mainvisual-04 .func-video-btn button img {
    vertical-align: top
}

.str-mainvisual-04 .func-video-btn button:focus img,.str-mainvisual-04 .func-video-btn button:hover img {
    opacity: 1
}

.str-mainvisual-04 .func-video-btn .btn-ctrl {
    font-size: 1rem;
    color: transparent;
    position: relative;
    width: 9px;
    height: 10px
}

.str-mainvisual-04 .func-video-btn .btn-ctrl::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 9px;
    height: 10px;
    content: ""
}

.str-mainvisual-04 .func-video-btn .btn-sound {
    width: 16px;
    height: 12px;
    margin-top: -1px
}

.str-mainvisual-04.of-video.is-playing .func-video-btn .btn-ctrl {
    border: 3px solid #717171;
    border-top: 0;
    border-bottom: 0
}

.str-mainvisual-04.of-video.is-playing .func-video-btn .btn-ctrl::before {
    display: none
}

.str-mainvisual-04.of-video.is-paused .func-video-btn .btn-ctrl::before {
    border-width: 5px 0 5px 9px;
    border-style: solid;
    border-color: transparent transparent transparent #717171
}

.str-mainvisual-04 .content+.item .func-video-btn {
    background: #dbe0f1
}

.str-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1210px;
    margin: 19px auto 52px;
    border-collapse: collapse
}

.str-column .str-column-side {
    margin: 0 0 37px;
    padding: 0 10px
}

.mod-form-trendSearch .str-column .str-column-main>[class^=str-outer]:first-child>.inner:first-child>:first-child,.str-column .mod-form-trendSearch .str-column-main>[class^=str-outer]:first-child>.inner:first-child>:first-child,.str-column .str-column-main>[class^=str-outer]:first-child>.str-inner:first-child>:first-child {
    margin-top: 0
}

.mod-form-trendSearch .str-column .str-column-main>[class^=str-outer]:first-child:last-child>.inner:last-child>:last-child,.str-column .mod-form-trendSearch .str-column-main>[class^=str-outer]:first-child:last-child>.inner:last-child>:last-child,.str-column .str-column-main>[class^=str-outer]:first-child:last-child>.str-inner:last-child>:last-child {
    margin-bottom: 0
}

html[data-script-enabled=true] .str-column+.str-floatingMenu {
    margin-top: -52px
}

.str-pageTitle+.str-column {
    margin-top: 0
}

.str-column-02 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 10px
}

.str-column-02 .str-column-main>:first-child {
    margin-top: 0
}

.str-column-02 .str-column-main>:last-child {
    margin-bottom: 0
}

.str-column-02 .str-column-side {
    margin-top: 50px
}

.str-link-side {
    margin-top: 30px
}

.str-link-side>.list:not(:last-child) {
    margin-bottom: 16px
}

.str-link-side>.list>li {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 10px 0 0
}

.str-link-side>.list>li>a.bnr {
    text-decoration: none;
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    table-layout: fixed
}

.str-link-side>.list>li>a.bnr:focus,.str-link-side>.list>li>a.bnr:hover {
    text-decoration: underline
}

.str-link-side>.list>li>a.bnr>.img {
    display: table-cell;
    width: 100%
}

.str-link-side>.list>li>a.bnr>.img img {
    display: block;
    max-width: 100%
}

.str-link-side>.list>li>a.bnr>.txt {
    text-align: center;
    display: table-caption;
    caption-side: bottom
}

.str-link-side>.list>li>a.bnr.js-modal-img>.txt>span,.str-link-side>.list>li>a.bnr.of-movie>.txt>span,.str-link-side>.list>li>a.bnr[href$=".doc"]>.txt>span,.str-link-side>.list>li>a.bnr[href$=".exe"]>.txt>span,.str-link-side>.list>li>a.bnr[href$=".lzh"]>.txt>span,.str-link-side>.list>li>a.bnr[href$=".pdf"]>.txt>span,.str-link-side>.list>li>a.bnr[href$=".ppt"]>.txt>span,.str-link-side>.list>li>a.bnr[href$=".xls"]>.txt>span,.str-link-side>.list>li>a.bnr[href$=".zip"]>.txt>span,.str-link-side>.list>li>a.bnr[target="_blank"]>.txt>span {
    position: relative;
    padding-left: 24px
}

.str-link-side>[class^=side-hdgL] {
    color: #666;
    margin: 32px 0 9px;
    padding: 0
}

.str-link-side>.side-hdgL3 {
    font-size: 1.6rem
}

.str-link-side>.side-hdgL4 {
    font-size: 1.5rem
}

.str-link-side>.side-hdgL5 {
    font-size: 1.4rem
}

.str-link-side>.side-hdgL6 {
    font-size: 1.3rem
}

.str-contact {
    text-align: center;
    margin: 41px 0 55px
}

.str-contact>.inner {
    background: #dce8f5;
    max-width: 1000px;
    margin: 0 auto;
    padding: 37px 10px 36px
}

.str-contact>.inner>:first-child {
    margin-top: 0
}

.str-contact>.inner>:last-child {
    margin-bottom: 0
}

.str-contact .hdg {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.36364;
    text-align: center;
    margin: 0 0 18px
}

.str-contact .title {
    font-weight: 700;
    margin: 0 0 11px
}

.str-contact .contact {
    margin: 0 0 15px
}

.str-contact .contact .list {
    font-weight: 700;
    margin: 0
}

.str-contact .contact .list>div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 4px
}

.str-contact .contact .list>div::before {
    display: block;
    content: ""
}

.str-contact .contact .list>div>* {
    margin: 0
}

.str-contact .contact .list>div>dt {
    white-space: pre
}

.str-contact .contact .list>div a {
    text-decoration: none
}

.str-contact .contact .list>div a:focus,.str-contact .contact .list>div a:hover {
    text-decoration: underline
}

.str-contact .contact .fax::before,.str-contact .contact .tel::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -198px -89px;
    background-size: auto;
    width: 21px;
    height: 21px;
    margin: 0 5px 0 0
}

.str-contact .contact .email::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -198px -147px;
    background-size: auto;
    width: 20px;
    height: 15px;
    margin: 0 7px 0 0
}

.str-contact .time {
    text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto
}

.str-contact .time>* {
    font-size: 1.2rem;
    max-width: 100%
}

.str-contact .time>.mark {
    padding: 0 4px 0 2px
}

.str-stepList {
    color: #656766;
    background: #ebebeb
}

.str-stepList>.inner {
    font-size: 1.2rem;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0
}

.str-stepList>.inner>.list {
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.str-stepList>.inner>.list li {
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.str-stepList>.inner>.list li:not(:first-child) .inner::after,.str-stepList>.inner>.list li:not(:first-child) .inner::before,.str-stepList>.inner>.list li:not(:first-child)::after,.str-stepList>.inner>.list li:not(:first-child)::before {
    position: absolute;
    top: 50%;
    left: -14px;
    display: block;
    width: 0;
    height: 0;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 24px solid transparent;
    border-right: 0;
    border-left-width: 20px
}

.str-stepList>.inner>.list li:not(:first-child)::before {
    z-index: 4;
    border-left-color: #e6e7e9
}

.str-stepList>.inner>.list li:not(:first-child)::after {
    z-index: 2;
    margin: 0 0 0 6px;
    border-left-color: #e6e7e9
}

.str-stepList>.inner>.list li:not(:first-child) .inner::before {
    z-index: 3;
    margin: 0 0 0 3px;
    border-left-color: #a7acb0
}

.str-stepList>.inner>.list li:not(:first-child) .inner::after {
    z-index: 1;
    margin: 0 0 0 9px;
    border-left-color: #a7acb0
}

.str-stepList>.inner>.list li:not(:first-child) .inner .step::after,.str-stepList>.inner>.list li:not(:first-child) .inner .step::before {
    background: #a7acb0;
    position: absolute;
    z-index: 5;
    left: -16px;
    display: block;
    width: 10px;
    height: 2px;
    content: ""
}

.str-stepList>.inner>.list li:not(:first-child) .inner .step::before {
    top: 0
}

.str-stepList>.inner>.list li:not(:first-child) .inner .step::after {
    bottom: 0
}

.str-stepList>.inner>.list li[aria-current=step] {
    background: #24766b
}

.str-stepList>.inner>.list li[aria-current=step] .inner {
    background: #24766b;
    border-color: #24766b
}

.str-stepList>.inner>.list li[aria-current=step] .inner .step,.str-stepList>.inner>.list li[aria-current=step] .inner b.label {
    color: #fff
}

.str-stepList>.inner>.list li[aria-current=step] .inner::after {
    border-left-color: #24766b
}

.str-stepList>.inner>.list li[aria-current=step]+li::before {
    border-left-color: #24766b
}

.str-stepList>.inner>.list li[aria-current=step]+li .inner .step::after,.str-stepList>.inner>.list li[aria-current=step]+li .inner .step::before {
    background: #24766b
}

.str-stepList>.inner>.list li[aria-current=step]+li .inner::before {
    border-left-color: #24766b
}

.str-stepList>.inner>.list li .inner {
    line-height: 1.575;
    text-align: center;
    background-color: #e6e7e9;
    padding: 5px 20px;
    border: 2px solid #a7acb0
}

.str-stepList>.inner>.list li .step {
    font-weight: 700;
    line-height: 1.9
}

.str-stepList>.inner>.list li .label {
    font-size: 1.4rem;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    width: 0;
    height: 0
}

.str-floatingMenu {
    letter-spacing: .6px;
    position: relative;
    z-index: 10;
    padding: 0 10px
}

html[data-script-enabled=true] .str-floatingMenu {
    margin: 100px 0 0;
    padding: 0
}

html[data-script-enabled=true] .str-floatingMenu:not(.is-fixed) {
    height: auto!important
}

html[data-script-enabled=true] .str-floatingMenu>.inner {
    position: absolute;
    z-index: 99;
    right: 0;
    bottom: 0;
    will-change: scroll-position,position,transform,contents,margin,bottom
}

.str-floatingMenu.is-expanded {
    z-index: 10
}

html[data-script-enabled=true] .str-floatingMenu.is-fixed>.inner {
    position: fixed;
    right: 0;
    margin: 0
}

.str-floatingMenu .floatingMenu-title {
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #0f1ed2;
    margin: 0 0 0 auto;
    padding: 12px 8px;
    cursor: default;
    border-radius: 12px 0 0 12px
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title {
    position: relative;
    width: 320px;
    padding-right: 38px;
    transition: .3s opacity ease-out
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: auto 0;
    content: "";
    transition: .3s transform ease-out;
    -webkit-transform: rotate(45deg) translate(3px,7px);
    transform: rotate(45deg) translate(3px,7px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid transparent;
    border-color: #fff transparent transparent #fff
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed=true] {
    border-radius: 12px 0 0 0
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed=true]::after {
    -webkit-transform: rotate(225deg) translate(4px,0);
    transform: rotate(225deg) translate(4px,0)
}

.str-floatingMenu.of-type2 .floatingMenu-title {
    background-color: #535a6e
}

.str-floatingMenu.of-type2 .func-floatingMenu-dummyLabel {
    background-color: #535a6e
}

.str-floatingMenu.of-type3 .floatingMenu-title {
    background-color: #535a6e
}

.str-floatingMenu.of-type3 .func-floatingMenu-dummyLabel {
    background-color: #535a6e
}

.str-floatingMenu.of-type4 .floatingMenu-title {
    background-color: #535a6e
}

.str-floatingMenu.of-type4 .func-floatingMenu-dummyLabel {
    background-color: #535a6e
}

.str-floatingMenu.of-type5 .floatingMenu-title {
    background-color: #535a6e
}

.str-floatingMenu.of-type5 .func-floatingMenu-dummyLabel {
    background-color: #535a6e
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content:not([aria-hidden=false])>.content-inner {
    display: none
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content>.content-inner {
    width: 320px;
    margin: 0 0 0 auto
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list {
    font-size: 1.6rem;
    background: #fff;
    padding: 17px 0 19px;
    border: 1px solid #a4aab0;
    border-radius: 0 0 0 12px
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li>a,.str-floatingMenu .floatingMenu-content>.content-inner>.list li>span {
    position: relative;
    display: block;
    padding: 7px 10px 7px 67px
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li>a::before,.str-floatingMenu .floatingMenu-content>.content-inner>.list li>span::before {
    position: absolute;
    top: calc(7px + .25em);
    left: 33px;
    display: block
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li>a:focus,.str-floatingMenu .floatingMenu-content>.content-inner>.list li>a:hover {
    background: #e5e7e9
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li.of-tel span::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -26px;
    background-size: 116px 110px;
    width: 21px;
    height: 21px;
    content: ""
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li.of-mail a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -47px -51px;
    background-size: 116px 110px;
    width: 20px;
    height: 15px;
    content: ""
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li.of-download a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -76px 0;
    background-size: 116px 110px;
    width: 18px;
    height: 19px;
    content: ""
}

.str-floatingMenu .floatingMenu-content>.content-inner>.list li.of-chat a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -51px -25px;
    background-size: 116px 110px;
    width: 20px;
    height: 19px;
    content: ""
}

.str-floatingMenu .func-floatingMenu-closeAnnounce,.str-floatingMenu .func-floatingMenu-dummyLabel {
    display: none;
    margin: 0
}

.str-floatingMenu .func-floatingMenu-dummyLabel {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background: #0f1ed2;
    position: relative;
    padding: 8px 43px 8px 24px;
    cursor: default;
    border-radius: 12px 0 0 0
}

.str-floatingMenu .func-floatingMenu-dummyLabel::after {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: auto 0;
    content: "";
    transition: 150ms right;
    -webkit-transform: rotate(135deg) translate(3px,3px);
    transform: rotate(135deg) translate(3px,3px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid transparent;
    border-color: #fff transparent transparent #fff
}

.str-floatingMenu .func-floatingMenu-dummyLabel:focus::after,.str-floatingMenu .func-floatingMenu-dummyLabel:hover::after {
    right: 15px
}

.str-floatingMenu .func-floatingMenu-closeAnnounce {
    font-size: 1.4rem;
    text-align: right;
    color: #666;
    display: none;
    padding: 10px 0
}

.str-floatingMenu .func-floatingMenu-closeAnnounce span {
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 0 16px
}

.site-header {
    background: #e5e7e9;
    position: relative;
    z-index: 100;
    padding: 15px 0 0
}

.site-header.of-simple {
    background: 0 0;
    height: 36px;
    padding: 0
}

.site-header.of-simple>.seg-primary>.inner {
    background: rgba(255,255,255,.901961);
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    box-shadow: rgba(0,0,0,.498039) 0 3px 5px 0
}

.site-header.of-simple>.seg-primary>.inner .logo {
    background: 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 36px
}

.site-header.of-simple>.seg-primary>.inner .logo>* {
    position: static
}

.site-header.of-special .func-header-search {
    right: 12px
}

.site-header.of-group {
    padding-top: 0
}

.site-header.of-group .hdg>span {
    font-size: 1.2rem;
    font-weight: 700;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    min-width: 0;
    max-width: none
}

.site-header.of-group .hdg .txt {
    color: #fff;
    background: #04127c;
    display: block;
    padding: 0 10px
}

.site-header.of-group .logo>* img {
    display: block;
    width: auto;
    height: 14px;
    margin: 11px 10px
}

.site-header img {
    max-width: 100%
}

html[data-script-enabled=true] .site-header .seg-primary.js-fixed-site-header-sp.is-fixed>.inner {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%
}

.site-header>.seg-primary>.inner {
    position: relative;
    z-index: 100;
    width: 100%;
    box-shadow: rgba(0,0,0,.498039) 0 3px 5px 0
}

.site-header>.seg-primary>.inner .logo {
    background: rgba(255,255,255,.901961)
}

.site-header>.seg-primary>.inner .logo.of-xon .func-header-hamburger,.site-header>.seg-primary>.inner .logo.of-xon .func-header-search {
    height: 57px
}

.site-header>.seg-primary>.inner .logo.of-xon .hdg a {
    width: 117px;
    min-width: 0
}

.site-header>.seg-primary>.inner .logo.of-xon+.navigation .nav-global .utility>.utility-inner>.language>span {
    margin-bottom: 57px
}

.site-header .hdg {
    margin: 0
}

.site-header .hdg>a {
    font-size: 1rem;
    line-height: 1.4;
    position: relative;
    display: block;
    width: 27.864583333333336vw;
    min-width: 214px;
    max-width: 293px;
    margin: 0 0 0 12px;
    padding: 11px 0
}

.site-header .hdg>a img {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-header .logo {
    position: relative
}

.site-header .search-wrap {
    z-index: 10;
    top: 100%;
    width: 100%
}

html[data-script-enabled=true] .site-header .search-wrap {
    position: absolute;
    display: none
}

.site-header .search-wrap>form {
    background: #e5e7e9;
    padding: 20px 9px 18px
}

.site-header .search-wrap>form>:last-child {
    margin-bottom: 0
}

.site-header .func-header-search {
    text-align: center;
    background: 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 48px;
    width: 25px;
    height: 36px;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.site-header .func-header-search img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    margin: auto;
    transition: .3s opacity ease
}

.site-header .func-header-search::after,.site-header .func-header-search::before {
    background: #333;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 1px;
    margin: auto;
    content: "";
    transition: .3s opacity ease;
    opacity: 0
}

.site-header .func-header-search::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header .func-header-search::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header .func-header-search[aria-expanded=true] img {
    opacity: .1
}

.site-header .func-header-search[aria-expanded=true]::after,.site-header .func-header-search[aria-expanded=true]::before {
    opacity: 1
}

.site-header .func-header-hamburger {
    font-size: 1rem;
    line-height: 1.2;
    background: 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 12px;
    width: 25px;
    height: 36px;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.site-header .func-header-hamburger>* {
    background: #1f1f1f;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 25px;
    height: 1px;
    margin: auto;
    transition: .3s all ease
}

.site-header .func-header-hamburger>.before {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.site-header .func-header-hamburger>:not([role=presentation]) {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.site-header .func-header-hamburger>.after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.site-header .func-header-hamburger[aria-expanded=true] .after,.site-header .func-header-hamburger[aria-expanded=true] .before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 1px;
    margin: auto
}

.site-header .func-header-hamburger[aria-expanded=true] .before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header .func-header-hamburger[aria-expanded=true] .after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header .func-header-hamburger[aria-expanded=true]>:not([role=presentation]) {
    opacity: 0
}

.site-header .func-close-btn {
    font-size: 2rem;
    line-height: 1.83333;
    text-align: center;
    color: #fff;
    background: #04127c;
    position: relative;
    display: none;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border: 0
}

.site-header .func-close-btn>span {
    position: relative;
    display: inline-block;
    padding: 0 20px
}

.site-header .func-close-btn>span::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin: -1px 0 0;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-color: #fff transparent transparent #fff
}

:lang(ja) .site-header .func-close-btn>span::before {
    margin: -3px 0 0
}

.site-header-02 {
    position: relative;
    z-index: 120
}

.site-header-02>.inner::before {
    background-image: radial-gradient(circle at 100% 100%,#a0d8ad 0,#65b3a4 10%,#50919b 20%,#2f5b8e 35%,#183384 45%,#091a7e 60%,#04127c 65%);
    display: block;
    width: 100vw;
    height: 6px;
    margin: 0 -10px;
    content: ""
}

.site-header-02 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.site-header-02 a {
    text-decoration: none;
    color: #000
}

.site-header-02 a:focus,.site-header-02 a:hover {
    text-decoration: underline
}

.site-header-02.of-group>.inner>.content>.logo {
    padding-bottom: 0
}

.site-header-02.of-group>.inner>.content>.logo .groupName {
    font-size: 1rem;
    color: #fff;
    background: #04127c;
    margin: 0 -10px;
    padding: 1px 9px
}

.site-header-02.of-group>.inner>.content>.logo .siteName {
    margin-bottom: 12px
}

.site-header-02>.inner {
    background: rgba(255,255,255,.9)
}

.site-header-02.is-fixed>.inner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%
}

.site-header-02>.inner>.content {
    position: relative
}

.site-header-02>.inner>.content>.logo {
    padding: 11px 10px 12px
}

.site-header-02>.inner>.content>.logo .siteName {
    font-size: 1rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 0 3px
}

.site-header-02>.inner>.content>.logo .siteName a {
    display: block
}

.site-header-02>.inner>.content>.logo img {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-header-02>.inner>.content>.logo.of-xon {
    padding-top: 6px;
    padding-bottom: 6px
}

.site-header-02 .languageLabel>.inner {
    font-size: 1rem;
    text-align: right;
    color: #fff;
    background: #04127c;
    padding: 1px 10px
}

.site-header-02 .languageLabel>.inner p {
    margin: 0
}

.site-header-02 .searchBox {
    width: 100%
}

.site-header-02 .searchBox>.inner {
    background: #f6f6f6
}

html[data-script-enabled=true] .site-header-02 .searchBox>.inner {
    position: absolute;
    z-index: 101;
    top: 100%;
    display: none;
    width: 100%
}

.site-header-02 .searchBox>.inner .form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 32px 10px 28px
}

.site-header-02 .searchBox>.inner .form .list {
    margin: 0 0 16px
}

.site-header-02 .searchBox>.inner .form .list>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px
}

.site-header-02 .searchBox>.inner .form .list>ul>li {
    padding: 10px 0 0 10px
}

.site-header-02 .searchBox>.inner .form .list>ul>li a {
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #04127c;
    background-image: linear-gradient(to right,#ebecf5 0,#fff 25%);
    background-position: right center;
    background-size: 200% auto;
    position: relative;
    display: inline-block;
    padding: 3px 20px;
    transition: .2s ease;
    border: solid 1px #04127c;
    border-radius: 1000px
}

.site-header-02 .searchBox>.inner .form .list>ul>li a:focus,.site-header-02 .searchBox>.inner .form .list>ul>li a:hover {
    background-position-x: left
}

.site-header-02 .searchBox>.inner .form [type=search],.site-header-02 .searchBox>.inner .form [type=submit] {
    font-size: 1.6rem;
    display: block;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid
}

.site-header-02 .searchBox>.inner .form [type=search] {
    width: 100%;
    height: 52px;
    margin: 0 0 16px;
    padding: 0 20px;
    border-color: #d3d9dd;
    border-radius: 0
}

.site-header-02 .searchBox>.inner .form [type=submit] {
    color: #be375a;
    background: #fff;
    position: relative;
    display: block;
    width: 160px;
    margin: 0 auto;
    cursor: pointer
}

.site-header-02 .searchBox>.inner .form [type=submit]>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 46px
}

.site-header-02 .searchBox>.inner .form [type=submit]>span>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.site-header-02 .searchBox>.inner .form [type=submit]>span>span::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -26px -26px;
    background-size: 116px 110px;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    content: ""
}

.site-header-02 .nav-global-02 {
    line-height: 1.5
}

.site-header-02 .nav-global-02 a {
    text-decoration: none
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content {
    background: #fff;
    position: fixed;
    z-index: 100;
    display: none;
    overflow: auto;
    width: 100%;
    max-height: calc(100% - 105px)
}

.site-header-02 .nav-global-02>.content>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility {
    font-size: 1.2rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    order: 2;
    -webkit-order: 2
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility>li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
    border: 1px solid #d3d9dd;
    border-width: 0 1px 1px 0
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility a {
    color: #646e74;
    background: #f6f6f6;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding: 7px 7px 8px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility a::before {
    display: block;
    margin: 0 8px 0 0;
    content: ""
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a {
    position: relative
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a {
    padding-right: 35px
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a[href^="#"] {
    position: relative;
    padding-right: 32px;
    padding-left: 32px
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a[href^="#"]::after {
    position: absolute;
    top: calc(50% - 9px);
    right: 12px;
    display: block;
    width: 11px;
    height: 11px;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border: 1px solid #646e74;
    border-width: 1px 1px 0 0
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a:not([href]) {
    cursor: default
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a::after {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    display: block;
    width: 11px;
    height: 11px;
    content: "";
    transition: .2s transform ease-out,.2s top ease-out;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border: 1px solid #646e74;
    border-width: 1px 1px 0 0
}

html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a[aria-expanded=true]::after {
    top: calc(50% - 2px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-contact a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -76px;
    background-size: 116px 110px;
    width: 21px;
    height: 15px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-supportAndDownload a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -76px -24px;
    background-size: 116px 110px;
    width: 18px;
    height: 19px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-recruit a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -51px;
    background-size: 116px 110px;
    width: 18px;
    height: 20px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-support a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -76px -47px;
    background-size: 116px 110px;
    width: 17px;
    height: 17px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-sitemap a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -99px 0;
    background-size: 116px 110px;
    width: 17px;
    height: 16px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-countryAndRegion a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -26px 0;
    background-size: 116px 110px;
    width: 21px;
    height: 21px
}

.site-header-02 .nav-global-02>.content>.inner>.of-utility .of-global a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 116px 110px;
    width: 21px;
    height: 21px
}

.site-header-02 .nav-global-02>.content>.inner>.of-global {
    order: 1;
    padding: 2px 0;
    border-bottom: 4px solid #04127c;
    -webkit-order: 1
}

.site-header-02 .nav-global-02>.content>.inner>.of-global a {
    font-size: 1.6rem;
    color: #000;
    position: relative;
    display: block;
    padding: 16px 13px;
    cursor: pointer
}

.site-header-02 .nav-global-02>.content>.inner>.of-global a::after {
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto 0;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #333;
    border-width: 1px 1px 0 0
}

.site-header-02 .globalChild>.content {
    display: none
}

html[data-script-enabled=true] .site-header-02 .globalChild>.content {
    left: 50%;
    display: none;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

html[data-script-enabled=true] .site-header-02 .globalChild>.content>.inner {
    position: relative;
    overflow: hidden
}

html[data-script-enabled=true] .site-header-02 .globalChild>.content>.inner::before {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    display: block;
    width: calc(100% + 40px);
    height: 40px;
    height: 100%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2) inset
}

.site-header-02 .globalChild>.content>.inner>* {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.site-header-02 .globalChild>.content>.inner .bnrList::after,.site-header-02 .globalChild>.content>.inner .linkList::after,.site-header-02 .globalChild>.content>.inner .linkList::before {
    position: absolute;
    z-index: -1;
    top: 0;
    display: block;
    width: 50vw;
    height: 100%;
    content: ""
}

.site-header-02 .globalChild>.content>.inner .linkList {
    background: #f6f6f6;
    position: relative;
    padding: 20px 10px
}

.site-header-02 .globalChild>.content>.inner .linkList .hdg {
    font-size: 2.4rem;
    font-weight: 700;
    color: #04127c;
    margin: 0 0 1em
}

.site-header-02 .globalChild>.content>.inner .linkList .hdg a {
    text-decoration: underline;
    color: inherit
}

.site-header-02 .globalChild>.content>.inner .linkList .hdg a:focus,.site-header-02 .globalChild>.content>.inner .linkList .hdg a:hover {
    text-decoration: none
}

.site-header-02 .globalChild>.content>.inner .linkList::after,.site-header-02 .globalChild>.content>.inner .linkList::before {
    background: #f6f6f6
}

.site-header-02 .globalChild>.content>.inner .linkList::before {
    right: calc(100% - 1px)
}

.site-header-02 .globalChild>.content>.inner .linkList::after {
    left: calc(100% - 1px)
}

.site-header-02 .globalChild>.content>.inner .linkList .title {
    font-size: 2rem;
    font-weight: 700;
    display: block;
    margin: 0 0 17px
}

.site-header-02 .globalChild>.content>.inner .linkList>.list {
    font-size: 1.4rem;
    margin: 30px 0 0 -20px
}

.site-header-02 .globalChild>.content>.inner .linkList>.list:not([class*=of-flex]) {
    -webkit-columns: 2;
    columns: 2
}

.site-header-02 .globalChild>.content>.inner .linkList>.list:not([class*=of-flex]).of-3col {
    -webkit-columns: 3;
    columns: 3
}

.site-header-02 .globalChild>.content>.inner .linkList>.list[class*=of-flex] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.site-header-02 .globalChild>.content>.inner .linkList>.list.of-flex-2col>li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list.of-flex-3col>li {
    -webkit-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list.of-flex-4col>li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="2:1"]>li:first-child {
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
    max-width: 66%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="2:1"]>li:last-child {
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    max-width: 33%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="1:2"]>li:first-child {
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    max-width: 33%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="1:2"]>li:last-child {
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
    max-width: 66%
}

.site-header-02 .globalChild>.content>.inner .linkList>.list li {
    margin: 0 0 10px
}

.site-header-02 .globalChild>.content>.inner .linkList>.list li>.list.of-2col {
    -webkit-columns: 2;
    columns: 2
}

.site-header-02 .globalChild>.content>.inner .linkList>.list li>.list.of-3col {
    -webkit-columns: 3;
    columns: 3
}

.site-header-02 .globalChild>.content>.inner .linkList>.list>li {
    padding-left: 20px
}

.site-header-02 .globalChild>.content>.inner .bnrList {
    font-size: 1.4rem;
    background: #d6d8ea;
    position: relative;
    padding: 20px 10px
}

.site-header-02 .globalChild>.content>.inner .bnrList::after {
    background: #d5dbef;
    left: calc(100% - 1px)
}

.site-header-02 .globalChild>.content>.inner .bnrList>.list>li {
    margin: 0 0 36px
}

.site-header-02 .globalChild>.content>.inner .bnrList>.list a {
    display: table
}

.site-header-02 .globalChild>.content>.inner .bnrList>.list a>p {
    display: table-cell
}

.site-header-02 .globalChild>.content>.inner .bnrList>.list a>span {
    display: table-caption;
    padding: 0 0 9px;
    caption-side: top
}

.site-header-02 .globalChild>.content>.inner .bnrList>.list a>span img {
    display: block
}

.site-header-02 .utilityChild {
    order: 1;
    -webkit-order: 1
}

.site-header-02 .utilityChild .func-headerGlobalContentClose {
    display: none
}

.site-header-02 .utilityChild>.content>.inner {
    font-size: 1.2rem;
    background: #fff;
    max-width: 1440px;
    margin: 0 auto
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a {
    font-weight: 400;
    text-decoration: none;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook {
    position: relative;
    overflow: hidden;
    padding-right: 35px;
    padding-left: 24px
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook::after {
    position: relative;
    top: -2px;
    left: 11px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook[aria-expanded=true]::after {
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group {
    z-index: 1;
    left: 0;
    overflow: auto;
    width: 100%
}

html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group[aria-hidden=true] {
    display: none
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group>.col>.of-menu-list>.list .list li {
    overflow: hidden
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group>.col>.of-menu-list>.list .list li a {
    display: block;
    float: left
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>a {
    padding: 8px 8px 8px 14px
}

.site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.site-header-02 .utilityChild>.content>.inner .list a {
    padding: 8px 8px 8px 25px;
    border-bottom: 1px solid #e3e3e3
}

.site-header-02 .utilityChild>.content>.inner .list>li>.list a {
    color: #04127c;
    position: relative
}

.site-header-02 .utilityChild>.content>.inner .list>li>.list a:focus,.site-header-02 .utilityChild>.content>.inner .list>li>.list a:hover {
    text-decoration: underline
}

.site-header-02 .utilityChild>.content>.inner .list>li>.list a::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

.site-header-02 .func-headerHamburger {
    font-size: 1rem;
    background: 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    overflow: hidden;
    width: 35px;
    height: 36px;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.site-header-02 .func-headerHamburger::after,.site-header-02 .func-headerHamburger::before,.site-header-02 .func-headerHamburger>span {
    background: #1f1f1f;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 25px;
    height: 1px;
    margin: auto;
    transition: .3s all ease
}

.site-header-02 .func-headerHamburger::after,.site-header-02 .func-headerHamburger::before {
    content: ""
}

.site-header-02 .func-headerHamburger::before {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.site-header-02 .func-headerHamburger>span {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.site-header-02 .func-headerHamburger::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.site-header-02 .func-headerHamburger[aria-expanded=true]::after,.site-header-02 .func-headerHamburger[aria-expanded=true]::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 1px;
    margin: auto
}

.site-header-02 .func-headerHamburger[aria-expanded=true]::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header-02 .func-headerHamburger[aria-expanded=true]::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header-02 .func-headerHamburger[aria-expanded=true]>span {
    opacity: 0
}

.site-header-02 .func-headerSearch {
    font-size: 1.3rem;
    text-align: center;
    color: #04127c;
    background: 0 0;
    position: absolute;
    z-index: 102;
    top: 0;
    right: 41px;
    overflow: hidden;
    width: 35px;
    height: 36px;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.site-header-02 .func-headerSearch img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    margin: auto;
    transition: .3s opacity ease
}

.site-header-02 .func-headerSearch span {
    position: absolute;
    z-index: -1;
    left: 100%
}

.site-header-02 .func-headerSearch span::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.site-header-02 .func-headerSearch::after,.site-header-02 .func-headerSearch::before {
    background: #333;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 1px;
    margin: auto;
    content: "";
    transition: .3s opacity ease;
    opacity: 0
}

.site-header-02 .func-headerSearch::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header-02 .func-headerSearch::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header-02 .func-headerSearch[aria-expanded=true] img {
    opacity: .1
}

.site-header-02 .func-headerSearch[aria-expanded=true]::after,.site-header-02 .func-headerSearch[aria-expanded=true]::before {
    opacity: 1
}

.site-header-02 .func-headerGlobalContentClose,.site-header-02 .func-headerSearchClose {
    color: #fff;
    background: #04127c;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 34px;
    cursor: pointer;
    border: 0
}

.site-header-02 .func-headerGlobalContentClose::before,.site-header-02 .func-headerSearchClose::before {
    position: relative;
    z-index: 2;
    top: 2px;
    left: -10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    -webkit-transform: rotate(45deg) translate(4px,3px);
    transform: rotate(45deg) translate(4px,3px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid;
    border-color: #fff transparent transparent #fff
}

.site-header-03 {
    position: relative;
    z-index: 120
}

.site-header-03 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.site-header-03 a {
    text-decoration: none;
    color: #000
}

.site-header-03 a:focus,.site-header-03 a:hover {
    text-decoration: underline
}

.site-header-03.of-group>.inner>.content>.logo {
    padding-bottom: 0
}

.site-header-03.of-group>.inner>.content>.logo .groupName {
    font-size: 1.2rem;
    color: #fff;
    background: #0f1ed2;
    width: 100vw;
    margin: 12px 0 0 -13px;
    padding: 2px 12px
}

.site-header-03.of-group>.inner>.content>.logo .groupName:focus,.site-header-03.of-group>.inner>.content>.logo .groupName:hover {
    text-decoration: none
}

.site-header-03>.inner {
    background: rgba(255,255,255,.9)
}

.noSync-expanded .site-header-03>.inner,.sync-expanded .site-header-03>.inner {
    background-color: #fff
}

.site-header-03.is-fixed>.inner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%
}

.site-header-03>.inner>.content {
    position: relative
}

.site-header-03>.inner>.content>.logo {
    padding: 11px 10px 12px
}

.site-header-03>.inner>.content>.logo .siteName {
    font-size: 1rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 0 3px
}

.site-header-03>.inner>.content>.logo .siteName a {
    display: block
}

.site-header-03>.inner>.content>.logo img {
    display: block;
    width: 202px;
    height: 16px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-header-03>.inner>.content>.logo.of-xon {
    padding-top: 6px;
    padding-bottom: 6px
}

.site-header-03 .languageLabel>.inner {
    font-size: 1rem;
    text-align: right;
    color: #fff;
    background: #0f1ed2;
    padding: 4px 14px
}

.site-header-03 .languageLabel>.inner p {
    margin: 0
}

.site-header-03 .searchBox {
    width: 100%
}

.site-header-03 .searchBox>.inner {
    background: #fff
}

html[data-script-enabled=true] .site-header-03 .searchBox>.inner {
    position: absolute;
    z-index: 101;
    top: 100%;
    display: none;
    width: 100%
}

.site-header-03 .searchBox>.inner .form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 40px 20px;
    gap: 8px
}

.site-header-03 .searchBox>.inner .form .input {
    width: 100%;
    max-width: calc(100% - (76px + 8px))
}

.site-header-03 .searchBox>.inner .form .list {
    width: 100%;
    margin: 0;
    padding-right: 84px
}

.site-header-03 .searchBox>.inner .form .list>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

.site-header-03 .searchBox>.inner .form .list>ul>li a {
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #2c69ff;
    background-color: #fff;
    position: relative;
    display: block;
    padding: 4px 15px;
    transition: .2s ease;
    border: solid 1px #2c69ff;
    border-radius: 4px
}

.site-header-03 .searchBox>.inner .form .list>ul>li a:focus,.site-header-03 .searchBox>.inner .form .list>ul>li a:hover {
    color: #fff;
    background-color: #2c69ff
}

.site-header-03 .searchBox>.inner .form [type=search],.site-header-03 .searchBox>.inner .form [type=submit] {
    font-size: 1.4rem;
    display: block;
    padding: 0;
    -webkit-appearance: none;
    appearance: none
}

.site-header-03 .searchBox>.inner .form [type=search] {
    width: 100%;
    height: 51px;
    padding: 0 20px;
    border: 1px solid #313131;
    border-radius: 8px
}

.site-header-03 .searchBox>.inner .form [type=submit] {
    background: #2c69ff;
    position: relative;
    display: block;
    width: 76px;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    border-radius: 90px
}

.site-header-03 .searchBox>.inner .form [type=submit]>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 48px
}

.site-header-03 .searchBox>.inner .form [type=submit]>span>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.site-header-03 .searchBox>.inner .form [type=submit]>span>span::before {
    background-image: url(/nf_global/v3/common/img/site/header-icn-03.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 20px;
    height: 20px;
    content: ""
}

.site-header-03 .searchBox>.inner .form [type=submit]>span>span>span {
    font-size: 0
}

.site-header-03 .nav-global-02 {
    line-height: 1.5
}

.site-header-03 .nav-global-02 a {
    text-decoration: none
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content {
    background: #fff;
    position: fixed;
    z-index: 100;
    display: none;
    overflow: auto;
    width: 100%;
    max-height: calc(100% - 105px)
}

.site-header-03 .nav-global-02>.content>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility {
    font-size: 1.2rem;
    font-weight: 700;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    order: 2;
    padding: 24px 30px;
    border-bottom: 1px solid #dcdcdc;
    -webkit-order: 2
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility>li {
    display: -webkit-flex;
    display: flex;
    margin-right: 24px
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-countryAndRegion {
    width: 100%;
    margin: 24px 0 0 0
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility a {
    color: #4a4a4a;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a {
    position: relative
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a {
    padding-right: 35px
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a[href^="#"] {
    position: relative;
    padding-right: 32px;
    padding-left: 32px
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a[href^="#"]::after {
    position: absolute;
    top: calc(50% - 9px);
    right: 12px;
    display: block;
    width: 11px;
    height: 11px;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border: 1px solid #646e74;
    border-width: 1px 1px 0 0
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a:not([href]) {
    cursor: default
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a::after {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    display: block;
    width: 11px;
    height: 11px;
    content: "";
    transition: .2s transform ease-out,.2s top ease-out;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border: 1px solid #646e74;
    border-width: 1px 1px 0 0
}

html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-utility li.js-header-megaDropDown-hook a[aria-expanded=true]::after {
    top: calc(50% - 2px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-countryAndRegion a::before,.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-global a::before,.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-sitemap a::before,.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-support a::before {
    display: block;
    margin: 0 8px 0 0;
    content: ""
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-support a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -76px -47px;
    background-size: 116px 110px;
    width: 17px;
    height: 17px
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-sitemap a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -99px 0;
    background-size: 116px 110px;
    width: 17px;
    height: 16px
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-countryAndRegion a::before {
    background-image: url(/nf_global/v3/common/img/2021/site/header-icn-04.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 19px;
    height: 19px
}

.site-header-03 .nav-global-02>.content>.inner>.of-utility .of-global a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 116px 110px;
    width: 21px;
    height: 21px
}

.site-header-03 .nav-global-02>.content>.inner>.of-global {
    font-weight: 700;
    order: 1;
    padding: 24px 0;
    border-bottom: 4px solid #0f1ed2;
    -webkit-order: 1
}

.site-header-03 .nav-global-02>.content>.inner>.of-global a {
    font-size: 1.6rem;
    color: #4a4a4a;
    position: relative;
    display: block;
    padding: 16px 30px;
    cursor: pointer
}

.site-header-03 .nav-global-02>.content>.inner>.of-global a::after {
    background-image: url(/nf_global/v3/common/img/2021/site/header-icn-05.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    display: block;
    width: 12px;
    height: 7px;
    margin: auto 0;
    content: "";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.site-header-03 .globalChild>.content {
    display: none
}

html[data-script-enabled=true] .site-header-03 .globalChild>.content {
    left: 50%;
    display: none;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

html[data-script-enabled=true] .site-header-03 .globalChild>.content>.inner {
    position: relative;
    overflow: hidden
}

html[data-script-enabled=true] .site-header-03 .globalChild>.content>.inner::before {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    display: block;
    width: calc(100% + 40px);
    height: 40px;
    height: 100%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2) inset
}

.site-header-03 .globalChild>.content>.inner>* {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.site-header-03 .globalChild>.content>.inner .bnrList::after,.site-header-03 .globalChild>.content>.inner .linkList::after,.site-header-03 .globalChild>.content>.inner .linkList::before {
    position: absolute;
    z-index: -1;
    top: 0;
    display: block;
    width: 50vw;
    height: 100%;
    content: ""
}

.site-header-03 .globalChild>.content>.inner .linkList {
    background: #f6f6f6;
    position: relative;
    padding: 20px 10px
}

.site-header-03 .globalChild>.content>.inner .linkList .hdg {
    font-size: 2.4rem;
    font-weight: 700;
    color: #04127c;
    margin: 0 0 1em
}

.site-header-03 .globalChild>.content>.inner .linkList .hdg a {
    text-decoration: underline;
    color: inherit
}

.site-header-03 .globalChild>.content>.inner .linkList .hdg a:focus,.site-header-03 .globalChild>.content>.inner .linkList .hdg a:hover {
    text-decoration: none
}

.site-header-03 .globalChild>.content>.inner .linkList::after,.site-header-03 .globalChild>.content>.inner .linkList::before {
    background: #f6f6f6
}

.site-header-03 .globalChild>.content>.inner .linkList::before {
    right: calc(100% - 1px)
}

.site-header-03 .globalChild>.content>.inner .linkList::after {
    left: calc(100% - 1px)
}

.site-header-03 .globalChild>.content>.inner .linkList .title {
    font-size: 2rem;
    font-weight: 700;
    display: block;
    margin: 0 0 17px
}

.site-header-03 .globalChild>.content>.inner .linkList>.list {
    font-size: 1.4rem;
    margin: 30px 0 0 -20px
}

.site-header-03 .globalChild>.content>.inner .linkList>.list:not([class*=of-flex]) {
    -webkit-columns: 2;
    columns: 2
}

.site-header-03 .globalChild>.content>.inner .linkList>.list:not([class*=of-flex]).of-3col {
    -webkit-columns: 3;
    columns: 3
}

.site-header-03 .globalChild>.content>.inner .linkList>.list[class*=of-flex] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.site-header-03 .globalChild>.content>.inner .linkList>.list.of-flex-2col>li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list.of-flex-3col>li {
    -webkit-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list.of-flex-4col>li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="2:1"]>li:first-child {
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
    max-width: 66%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="2:1"]>li:last-child {
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    max-width: 33%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="1:2"]>li:first-child {
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    max-width: 33%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list[class*=of-flex][data-ratio="1:2"]>li:last-child {
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
    max-width: 66%
}

.site-header-03 .globalChild>.content>.inner .linkList>.list li {
    margin: 0 0 10px
}

.site-header-03 .globalChild>.content>.inner .linkList>.list li>.list.of-2col {
    -webkit-columns: 2;
    columns: 2
}

.site-header-03 .globalChild>.content>.inner .linkList>.list li>.list.of-3col {
    -webkit-columns: 3;
    columns: 3
}

.site-header-03 .globalChild>.content>.inner .linkList>.list>li {
    padding-left: 20px
}

.site-header-03 .globalChild>.content>.inner .bnrList {
    font-size: 1.4rem;
    background: #d6d8ea;
    position: relative;
    padding: 20px 10px
}

.site-header-03 .globalChild>.content>.inner .bnrList::after {
    background: #d5dbef;
    left: calc(100% - 1px)
}

.site-header-03 .globalChild>.content>.inner .bnrList>.list>li {
    margin: 0 0 36px
}

.site-header-03 .globalChild>.content>.inner .bnrList>.list a {
    display: table
}

.site-header-03 .globalChild>.content>.inner .bnrList>.list a>p {
    display: table-cell
}

.site-header-03 .globalChild>.content>.inner .bnrList>.list a>span {
    display: table-caption;
    padding: 0 0 9px;
    caption-side: top
}

.site-header-03 .globalChild>.content>.inner .bnrList>.list a>span img {
    display: block
}

.site-header-03 .utilityChild {
    order: 1;
    -webkit-order: 1
}

.site-header-03 .utilityChild .func-headerGlobalContentClose {
    display: none
}

.site-header-03 .utilityChild>.content>.inner {
    font-size: 1.2rem;
    background: #fff;
    max-width: 1440px;
    margin: 0 auto
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a {
    font-weight: 400;
    text-decoration: none;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook {
    position: relative;
    overflow: hidden;
    padding-right: 35px;
    padding-left: 24px
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook::after {
    position: relative;
    top: -2px;
    left: 11px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook[aria-expanded=true]::after {
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group {
    z-index: 1;
    left: 0;
    overflow: auto;
    width: 100%
}

html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group[aria-hidden=true] {
    display: none
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group>.col>.of-menu-list>.list .list li {
    overflow: hidden
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook+.category-group>.col>.of-menu-list>.list .list li a {
    display: block;
    float: left
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>a {
    padding: 8px 8px 8px 14px
}

.site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.site-header-03 .utilityChild>.content>.inner .list a {
    padding: 8px 8px 8px 25px;
    border-bottom: 1px solid #e3e3e3
}

.site-header-03 .utilityChild>.content>.inner .list>li>.list a {
    color: #04127c;
    position: relative
}

.site-header-03 .utilityChild>.content>.inner .list>li>.list a:focus,.site-header-03 .utilityChild>.content>.inner .list>li>.list a:hover {
    text-decoration: underline
}

.site-header-03 .utilityChild>.content>.inner .list>li>.list a::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

.site-header-03 .func-headerHamburger {
    font-size: 1rem;
    background: 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    overflow: hidden;
    width: 35px;
    height: 38px;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.site-header-03 .func-headerHamburger::after,.site-header-03 .func-headerHamburger::before,.site-header-03 .func-headerHamburger>span {
    background: #4a4a4a;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 16px;
    height: 1px;
    margin: auto;
    transition: .3s all ease
}

.site-header-03 .func-headerHamburger::after,.site-header-03 .func-headerHamburger::before {
    content: ""
}

.site-header-03 .func-headerHamburger::before {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.site-header-03 .func-headerHamburger>span {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.site-header-03 .func-headerHamburger::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.site-header-03 .func-headerHamburger[aria-expanded=true]::after,.site-header-03 .func-headerHamburger[aria-expanded=true]::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 1px;
    margin: auto
}

.site-header-03 .func-headerHamburger[aria-expanded=true]::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header-03 .func-headerHamburger[aria-expanded=true]::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header-03 .func-headerHamburger[aria-expanded=true]>span {
    opacity: 0
}

.site-header-03 .func-headerSearch {
    font-size: 1.3rem;
    text-align: center;
    color: #04127c;
    background: 0 0;
    position: absolute;
    z-index: 102;
    top: 0;
    right: 41px;
    overflow: hidden;
    width: 35px;
    height: 38px;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.site-header-03 .func-headerSearch img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    margin: auto;
    transition: .3s opacity ease
}

.site-header-03 .func-headerSearch span {
    position: absolute;
    z-index: -1;
    left: 100%
}

.site-header-03 .func-headerSearch span::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.site-header-03 .func-headerSearch::after,.site-header-03 .func-headerSearch::before {
    background: #333;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 1px;
    margin: auto;
    content: "";
    transition: .3s opacity ease;
    opacity: 0
}

.site-header-03 .func-headerSearch::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site-header-03 .func-headerSearch::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.site-header-03 .func-headerSearch[aria-expanded=true] img {
    opacity: .1
}

.site-header-03 .func-headerSearch[aria-expanded=true]::after,.site-header-03 .func-headerSearch[aria-expanded=true]::before {
    opacity: 1
}

.site-header-03 .func-headerGlobalContentClose,.site-header-03 .func-headerSearchClose {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c69ff;
    background: #edecef;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 59px;
    cursor: pointer;
    border: none;
    border-top: 1px solid #dcdcdc
}

.site-header-03 .func-headerGlobalContentClose::after,.site-header-03 .func-headerGlobalContentClose::before,.site-header-03 .func-headerSearchClose::after,.site-header-03 .func-headerSearchClose::before {
    background-color: #2c69ff;
    position: absolute;
    z-index: 2;
    top: 49%;
    display: block;
    width: 15px;
    height: 1.5px;
    content: "";
    -webkit-transform: rotate(45deg) translate(4px,3px);
    transform: rotate(45deg) translate(4px,3px)
}

.site-header-03 .func-headerGlobalContentClose::before,.site-header-03 .func-headerSearchClose::before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.site-header-03 .func-headerGlobalContentClose::after,.site-header-03 .func-headerSearchClose::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.site-header-03 .func-headerSearchClose::after,.site-header-03 .func-headerSearchClose::before {
    left: calc(50% + 78px)
}

:not(:lang(ja)) .site-header-03 .func-headerSearchClose::after,:not(:lang(ja)) .site-header-03 .func-headerSearchClose::before {
    left: calc(50% + 32px)
}

.site-header-03 .func-headerGlobalContentClose::after,.site-header-03 .func-headerGlobalContentClose::before {
    left: calc(50% + 62px)
}

.noSync-overlay,.sync-overlay {
    background-color: rgba(0,0,0,.4);
    position: fixed;
    z-index: -1;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-out;
    opacity: 0
}

.noSync-overlay.noSync-active-overlay,.sync-overlay.sync-active-overlay {
    z-index: 119;
    opacity: 1
}

.nav-global>.nav-inner {
    background: #e5e7e9;
    position: relative;
    overflow: visible!important;
    width: 100%
}

html[data-script-enabled=true] .nav-global>.nav-inner {
    position: absolute
}

html[data-script-enabled=true] .nav-global>.nav-inner:not([aria-hidden]) {
    height: 0
}

html[data-script-enabled=true] .nav-global>.nav-inner[aria-expanded=false]>.list>li {
    overflow: hidden;
    height: 0;
    padding: 0
}

html[data-script-enabled=true] .nav-global>.nav-inner[aria-expanded=false]>.list>li li {
    display: none
}

html[data-script-enabled=true] .nav-global>.nav-inner[aria-expanded=false]>.list>li .of-search {
    display: block
}

.nav-global>.nav-inner>.list {
    overflow: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.nav-global .utility {
    background: #e5e7e9
}

html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.nav-global .utility>.utility-inner>.list>* {
    min-width: 50%
}

html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-items: stretch;
    align-items: stretch
}

.nav-global .utility>.utility-inner>.list>*>a {
    font-size: 1.2rem;
    padding: 8px 8px 8px 37px
}

.nav-global .utility>.utility-inner>.list>* a,.nav-global .utility>.utility-inner>.list>* b.title {
    font-weight: 400;
    text-decoration: none;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.nav-global .utility>.utility-inner>.list>* a::before,.nav-global .utility>.utility-inner>.list>* b.title::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: ""
}

.nav-global .utility>.utility-inner>.list>* .js-header-tgl,.nav-global .utility>.utility-inner>.list>* b.title [role=button] {
    position: relative
}

html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* .js-header-tgl,html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* b.title [role=button] {
    cursor: pointer
}

html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* .js-header-tgl::after,html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* b.title [role=button]::after {
    position: relative;
    z-index: 1;
    top: -2px;
    left: 7px;
    display: inline-block;
    width: 7px;
    height: 7px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* .js-header-tgl[aria-pressed=true]::after,html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* b.title [role=button][aria-pressed=true]::after {
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-global .utility>.utility-inner>.list .of-contact a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -76px;
    background-size: 116px 110px;
    width: 21px;
    height: 15px
}

.nav-global .utility>.utility-inner>.list .of-support a {
    letter-spacing: -.4px
}

.nav-global .utility>.utility-inner>.list .of-support a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -76px -24px;
    background-size: 116px 110px;
    width: 18px;
    height: 19px
}

.nav-global .utility>.utility-inner>.list .of-support-no-download a {
    letter-spacing: -.4px
}

.nav-global .utility>.utility-inner>.list .of-support-no-download a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -76px -47px;
    background-size: 116px 110px;
    width: 17px;
    height: 17px
}

.nav-global .utility>.utility-inner>.list .of-sitemap a {
    letter-spacing: -.4px
}

.nav-global .utility>.utility-inner>.list .of-sitemap a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -99px 0;
    background-size: 116px 110px;
    width: 17px;
    height: 16px
}

.nav-global .utility>.utility-inner>.list .of-search {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%
}

.nav-global .utility>.utility-inner>.list .of-search b.title {
    display: none
}

.nav-global .utility>.utility-inner>.list .of-search b.title::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -23px -51px;
    background-size: 116px 110px;
    width: 19px;
    height: 18px
}

.nav-global .utility>.utility-inner>.list .of-language {
    -webkit-flex-direction: column;
    flex-direction: column
}

.nav-global .utility>.utility-inner>.list .of-language>a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -26px 0;
    background-size: 116px 110px;
    width: 21px;
    height: 21px
}

.nav-global .utility>.utility-inner>.list .of-global a::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 116px 110px;
    width: 21px;
    height: 21px
}

.nav-global .utility>.utility-inner>.language>span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background: #04127c;
    position: absolute;
    right: 0;
    bottom: 100%;
    display: block;
    margin: 0 0 36px;
    padding: 0 5px
}

.nav-global .utility .language-list {
    font-size: 1.2rem;
    overflow: auto
}

html[data-script-enabled=true] .nav-global .utility .language-list {
    display: none
}

.nav-global .utility .language-list a {
    font-weight: 400;
    text-decoration: none;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.nav-global .utility .language-list a.tgl-hook {
    position: relative;
    overflow: hidden;
    padding-right: 35px;
    padding-left: 24px
}

.nav-global .utility .language-list a.tgl-hook::after {
    position: relative;
    top: -2px;
    left: 11px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

.nav-global .utility .language-list a.tgl-hook[aria-pressed=true]::after {
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-global .utility .language-list a.tgl-hook+.category-group {
    z-index: 1;
    left: 0;
    overflow: auto;
    width: 100%
}

html[data-script-enabled=true] .nav-global .utility .language-list a.tgl-hook+.category-group {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.nav-global .utility .language-list a.tgl-hook+.category-group[aria-hidden=true] {
    display: none
}

.nav-global .utility .language-list a.tgl-hook+.category-group>.col>.of-menu-list>.list .list li {
    overflow: hidden
}

.nav-global .utility .language-list a.tgl-hook+.category-group>.col>.of-menu-list>.list .list li a {
    display: block;
    float: left
}

.nav-global .utility .language-list>.inner {
    background: #fff
}

.nav-global .utility .language-list .tgl-hook[aria-pressed=true]::after {
    top: 3px
}

.nav-global .utility .language-list [class^=seg-col]>.list>li>a {
    padding: 8px 8px 8px 14px
}

.nav-global .utility .language-list [class^=seg-col]>.list>li>.list {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.nav-global .utility .language-list .list a {
    padding: 8px 8px 8px 25px;
    border-bottom: 1px solid #e3e3e3
}

.nav-global .utility .language-list .list>li>.list a {
    color: #04127c;
    position: relative
}

.nav-global .utility .language-list .list>li>.list a:focus,.nav-global .utility .language-list .list>li>.list a:hover {
    text-decoration: underline
}

.nav-global .utility .language-list .list>li>.list a::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    transition: .3s all ease;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    border: 1px solid #333;
    border-color: #333 transparent transparent #333
}

.nav-global .common {
    padding: 0 0 40px
}

.nav-global .common>.common-inner>.list>li>a {
    position: relative;
    display: block;
    padding: 8px 8px 8px 37px
}

.nav-global .common>.common-inner>.list>li>a::after,.nav-global .common>.common-inner>.list>li>a::before {
    position: absolute;
    content: ""
}

.nav-global .common>.common-inner>.list>li>a::before {
    top: 0;
    bottom: 0;
    left: 10px;
    display: block;
    width: 19px;
    height: 19px;
    margin: auto;
    border: 1px solid
}

.nav-global .common>.common-inner>.list>li>a::after {
    top: 0;
    right: auto;
    bottom: 0;
    left: 9px;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-color: #333 #333 transparent transparent
}

.nav-global .common .category-group {
    display: none
}

.nav-location {
    font-size: 1.2rem;
    margin-top: -8px
}

.str-outer-full .nav-location {
    padding: 0 10px
}

.nav-location>.list {
    position: static;
    margin: 0;
    padding: 2px 0 4px
}

.nav-location>.list b {
    font-weight: 400
}

.nav-location>.list a {
    text-decoration: none;
    border-bottom: 1px solid #adadad
}

.nav-location>.list a:focus,.nav-location>.list a:hover {
    border-color: transparent
}

.nav-location>.list>li {
    position: relative;
    z-index: 1;
    float: left;
    margin: 8px 33px 0 0
}

.nav-location>.list>li:last-child {
    margin-right: 0
}

.nav-location>.list>li:last-child::after,.nav-location>.list>li:last-child::before {
    display: none
}

.nav-location>.list>li::before {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -20px;
    display: block;
    width: 0;
    height: 0;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 4px 0 4px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #333
}

.nav-location>.list>li::after {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: -18px;
    display: block;
    width: 0;
    height: 0;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 4px 0 4px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

.nav-local .root {
    font-size: 1.6rem;
    font-weight: 700;
    background: #f8f8f8;
    position: relative;
    border-top: 3px solid #858585
}

.nav-local .root::after {
    display: block;
    float: right;
    height: 100%;
    min-height: 48px;
    content: ""
}

html[data-script-enabled=true] .nav-local .root {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 60px
}

.nav-local .root a,.nav-local .root b.title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 0 30px 0 0
}

.nav-local .root a::after {
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    display: block;
    width: 9px;
    height: 9px;
    margin: auto;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #333;
    border-color: #333 #333 transparent transparent
}

html[data-script-enabled=true] .nav-local .root a {
    display: none
}

.nav-local .root .func-nav-local-btn {
    left: 0;
    width: 56px
}

.nav-local a {
    text-decoration: none
}

.nav-local li>span {
    position: relative;
    display: block
}

.nav-local li>span>a,.nav-local li>span>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 11px 50px 11px 16px
}

.nav-local li>span a[href]::after {
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    display: block;
    width: 9px;
    height: 9px;
    margin: auto;
    content: "";
    transition: .3s all ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #333;
    border-color: #333 #333 transparent transparent
}

.nav-local li>span>span {
    font-weight: 700
}

.nav-local li {
    position: relative
}

.nav-local li li {
    font-size: 1.4rem
}

.nav-local li li>span>a,.nav-local li li>span>span {
    padding: 13px 31px 12px 16px
}

.nav-local li li li>span>a,.nav-local li li li>span>span {
    padding: 12px 31px 7px 26px
}

.nav-local li .func-nav-local-btn {
    right: 0
}

.nav-local li .func-nav-local-btn+a[href]::after {
    display: none
}

html[data-script-enabled=true] .nav-local>.content {
    transition: .5s height ease
}

html[data-script-enabled=true] .nav-local>.content:not([aria-hidden=false]) {
    display: none
}

.nav-local>.content>.list {
    font-size: 1.6rem;
    background: #eff2f6;
    border-bottom: 8px solid #f8f8f8
}

.nav-local>.content>.list .list {
    font-size: 1.4rem;
    background: #fff;
    margin: 0 0 0 4px
}

html[data-script-enabled=true] .nav-local>.content>.list .list {
    display: none
}

.nav-local>.content>.list li.is-current>.list {
    display: block
}

.nav-local .is-current>span>a {
    font-weight: 700
}

.nav-local[data-current-layer="2"]>.content>.list>li.is-current {
    background: #0f1ed2
}

.nav-local[data-current-layer="2"]>.content>.list>li.is-current .func-nav-local-btn>span span,.nav-local[data-current-layer="2"]>.content>.list>li.is-current .func-nav-local-btn>span::before {
    background: #fff
}

.nav-local[data-current-layer="2"]>.content>.list>li.is-current>span>a {
    color: #fff
}

.nav-local[data-current-layer="3"]>.content>.list>li.is-current {
    background: #c5ccd9
}

.nav-local[data-current-layer="3"]>.content>.list>li>.list>li.is-current {
    background: #0f1ed2
}

.nav-local[data-current-layer="3"]>.content>.list>li>.list>li.is-current .func-nav-local-btn>span span,.nav-local[data-current-layer="3"]>.content>.list>li>.list>li.is-current .func-nav-local-btn>span::before {
    background: #fff
}

.nav-local[data-current-layer="3"]>.content>.list>li>.list>li.is-current>span>a {
    color: #fff
}

.nav-local[data-current-layer="4"]>.content>.list>li>.list>li.is-current {
    background: #c5ccd9
}

.nav-local[data-current-layer="4"]>.content>.list>li>.list>li>.list>li a:not([href]) {
    font-weight: 700;
    color: #fff;
    background: #0f1ed2
}

.nav-local[data-current-layer="5"]>.content>.list>li>.list>li>.list>li.is-current {
    background: #c5ccd9
}

.nav-local[data-current-layer="5"]>.content>.list>li>.list>li>.list>li>.list>li a:not([href]) {
    font-weight: 700;
    color: #fff;
    background: #0f1ed2
}

.func-nav-local-btn {
    background: 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 45px;
    margin: auto;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.func-nav-local-btn>span {
    display: block;
    height: 100%;
    transition: .3s transform ease;
    transition: .3s -webkit-transform ease
}

.root>.func-nav-local-btn>span span,.root>.func-nav-local-btn>span::after,.root>.func-nav-local-btn>span::before {
    background: #333;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 26px;
    height: 1px;
    margin: auto;
    transition: .3s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.root>.func-nav-local-btn>span::after,.root>.func-nav-local-btn>span::before {
    content: ""
}

.root>.func-nav-local-btn>span::before {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.root>.func-nav-local-btn>span span {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.root>.func-nav-local-btn[aria-pressed=true]>span::after {
    opacity: 0
}

.root>.func-nav-local-btn[aria-pressed=true]>span::before {
    width: 21px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.root>.func-nav-local-btn[aria-pressed=true]>span span {
    width: 21px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.root>.func-nav-local-btn+b.title+a {
    display: none
}

.root>.func-nav-local-btn[aria-pressed=true]+b.title {
    display: none
}

.root>.func-nav-local-btn[aria-pressed=true]+b.title+a {
    display: -webkit-flex;
    display: flex
}

:not(.root)>.func-nav-local-btn>span span,:not(.root)>.func-nav-local-btn>span::before {
    background: #1f1f1f;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 21px;
    height: 1px;
    margin: auto;
    transition: .3s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

:not(.root)>.func-nav-local-btn>span::before {
    content: "";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

:not(.root)>.func-nav-local-btn[aria-pressed=true]>span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[data-script-enabled=true][data-floatingmenu-active=true] .site-footer .seg-primary .scroll-top>a {
    transition: .3s margin ease-out,.3s opacity ease
}

html[data-script-enabled=true][data-floatingmenu-active=true] .site-footer .seg-primary .scroll-top.is-fixed>a {
    margin-bottom: 30px
}

.site-footer {
    position: relative;
    margin: 60px 0 0
}

.site-footer.of-special .seg-secondary .copyright {
    margin: 10px 0
}

.site-footer .seg-primary {
    background: #e5e7e9;
    border-top: 1px solid #e5e7e9
}

.site-footer .seg-primary .search {
    display: none
}

.site-footer .seg-primary .link {
    overflow: hidden;
    padding: 15px 0 0
}

.site-footer .seg-primary .link .list {
    margin: 0 0 25px
}

.site-footer .seg-primary .link .list li {
    margin: 0 0 12px
}

.site-footer .seg-primary .link a {
    word-break: keep-all;
    color: #000
}

.site-footer .seg-primary .link .title {
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    margin: 0 0 10px
}

[lang=ja] .site-footer .seg-primary .link .title {
    word-break: break-all
}

.site-footer .seg-primary .link .title>a {
    text-decoration: none
}

.site-footer .seg-primary .of-modules {
    padding-top: 20px;
    padding-bottom: 70px
}

.mod-form-trendSearch .site-footer .seg-primary .of-modules .inner>:first-child,.site-footer .seg-primary .of-modules .mod-form-trendSearch .inner>:first-child,.site-footer .seg-primary .of-modules .str-inner>:first-child {
    margin-top: 0
}

.mod-form-trendSearch .site-footer .seg-primary .of-modules .inner>:last-child,.site-footer .seg-primary .of-modules .mod-form-trendSearch .inner>:last-child,.site-footer .seg-primary .of-modules .str-inner>:last-child {
    margin-bottom: 0
}

.site-footer .seg-primary .scroll-top {
    font-size: 1.2rem;
    position: relative;
    margin: 0
}

.site-footer .seg-primary .scroll-top>a {
    line-height: 2.5;
    text-decoration: none;
    text-align: right;
    color: #fff;
    background: #535a6e;
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 20px;
    display: block;
    overflow: hidden;
    padding: 0 10px 0 35px
}

html[data-script-enabled=true] .site-footer .seg-primary .scroll-top>a {
    pointer-events: none;
    transition: .3s opacity ease;
    opacity: 0
}

.site-footer .seg-primary .scroll-top>a::before {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 20px;
    height: 20px;
    margin: -3px 0 0;
    content: "";
    -webkit-transform: rotate(48deg) skew(6deg);
    transform: rotate(48deg) skew(6deg);
    border: 1px solid #fff;
    border-width: 1px 0 0 1px
}

html[data-script-enabled=true] .site-footer .seg-primary .scroll-top.is-visible>a {
    pointer-events: auto
}

html[data-script-enabled=true] .site-footer .seg-primary .scroll-top.is-visible>a,html[data-script-enabled=true] .site-footer .seg-primary .scroll-top>a:focus {
    opacity: 1
}

html[data-script-enabled=true] .site-footer .seg-primary .scroll-top.is-fixed>a {
    position: fixed;
    right: 0;
    bottom: 20px
}

html[data-script-enabled=true] .site-footer .seg-primary .scroll-top>a:focus {
    outline: 1px dotted #333
}

html[data-cookiebar] .site-footer .seg-primary .scroll-top.is-fixed>a {
    transition: .3s opacity ease,.2s bottom ease-out
}

html[data-submit-bar] .site-footer .seg-primary .scroll-top.is-fixed>a {
    transition: .3s opacity ease,.2s bottom ease-out
}

.site-footer .seg-secondary {
    font-size: 1rem;
    color: #fff;
    background: #3e3b33;
    position: relative;
    z-index: 0;
    padding: 5px 0
}

.site-footer .seg-secondary ul {
    overflow: hidden;
    margin: -5px 0 0 -23px
}

.site-footer .seg-secondary ul>li {
    float: left;
    padding: 5px 0 0 23px
}

.site-footer .seg-secondary a {
    color: #fff
}

.site-footer .seg-secondary .copyright {
    margin: 15px 0 10px
}

.site-footer .seg-secondary .copyright small {
    font-size: 100%
}

.site-footer .seg-secondary .copyright:first-child:last-child {
    text-align: center
}

.site-footer .seg-pickup {
    background: #646e74;
    margin: 43px 0 0;
    padding: 24px 0
}

.site-footer .seg-pickup .col-1 {
    background: #fff;
    padding: 18px 23px 24px
}

.site-footer .seg-pickup .col-1>:first-child {
    margin-top: 0
}

.site-footer .seg-pickup .col-1>:last-child {
    margin-bottom: 0
}

.site-footer .seg-pickup .hdg {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 21px
}

.site-footer .seg-pickup .pnl .bnr {
    margin: 0 0 8px
}

.site-footer .seg-pickup .pnl .bnr img {
    display: block;
    margin: 0 auto
}

.site-footer .seg-pickup .mod-lyt {
    margin-top: 0
}

html[data-script-enabled=true][data-floatingmenu-active=true] .scroll-top>a {
    transition: .3s margin ease-out,.3s opacity ease
}

html[data-script-enabled=true][data-floatingmenu-active=true] .scroll-top.is-fixed>a {
    margin-bottom: 30px
}

.site-footer-02 {
    position: relative;
    margin: 60px 0 0
}

.site-footer-02.of-special .seg-secondary .copyright {
    margin: 10px 0
}

.site-footer-02 .seg-primary {
    background: #2c69ff
}

.site-footer-02 .seg-primary .sns {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 64px
}

.site-footer-02 .seg-primary .sns li:not(:first-child) {
    margin-left: 24px
}

.site-footer-02 .seg-primary .sns li a {
    padding-left: 0
}

.site-footer-02 .seg-primary .link .list .col {
    font-size: 1.4rem
}

.site-footer-02 .seg-primary .link .list .col:not(:last-child) {
    margin-bottom: 56px
}

.site-footer-02 .seg-primary .link .list .col li:not(:last-child) {
    margin-bottom: 16px
}

.site-footer-02 .seg-primary .link a {
    text-decoration: none;
    word-break: keep-all;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-right: 26px
}

.site-footer-02 .seg-primary .link a::after {
    background-image: url(/nf_global/v3/common/img/2021/site/footer-icn-06.png);
    background-size: cover;
    position: absolute;
    top: calc(50% - 9px);
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: ""
}

.site-footer-02 .seg-primary .link a:active,.site-footer-02 .seg-primary .link a:focus,.site-footer-02 .seg-primary .link a:hover {
    text-decoration: underline
}

.site-footer-02 .seg-primary .link .title {
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    display: block;
    margin: 0 0 16px
}

[lang=ja] .site-footer-02 .seg-primary .link .title {
    word-break: break-all
}

.site-footer-02 .seg-primary .link .title>a {
    text-decoration: none
}

.site-footer-02 .seg-primary .link .title>a::after {
    top: calc(50% - 10px)
}

.site-footer-02 .seg-primary .link .title>a:active,.site-footer-02 .seg-primary .link .title>a:focus,.site-footer-02 .seg-primary .link .title>a:hover {
    text-decoration: underline
}

.site-footer-02 .seg-primary .str-outer {
    padding: 64px 30px
}

.mod-form-trendSearch .site-footer-02 .seg-primary .str-outer .inner,.site-footer-02 .seg-primary .str-outer .mod-form-trendSearch .inner,.site-footer-02 .seg-primary .str-outer .str-inner {
    max-width: 1288px
}

.site-footer-02 .seg-primary .of-modules {
    padding: 0 30px 70px
}

.mod-form-trendSearch .site-footer-02 .seg-primary .of-modules .inner,.site-footer-02 .seg-primary .of-modules .mod-form-trendSearch .inner,.site-footer-02 .seg-primary .of-modules .str-inner {
    max-width: 1288px
}

.mod-form-trendSearch .site-footer-02 .seg-primary .of-modules .inner>:first-child,.site-footer-02 .seg-primary .of-modules .mod-form-trendSearch .inner>:first-child,.site-footer-02 .seg-primary .of-modules .str-inner>:first-child {
    margin-top: 0
}

.mod-form-trendSearch .site-footer-02 .seg-primary .of-modules .inner>:last-child,.site-footer-02 .seg-primary .of-modules .mod-form-trendSearch .inner>:last-child,.site-footer-02 .seg-primary .of-modules .str-inner>:last-child {
    margin-bottom: 0
}

.mod-form-trendSearch .site-footer-02 .seg-primary .of-modules .inner .mod-lyt,.site-footer-02 .seg-primary .of-modules .mod-form-trendSearch .inner .mod-lyt,.site-footer-02 .seg-primary .of-modules .str-inner .mod-lyt {
    max-width: none
}

.site-footer-02 .seg-primary .scroll-top {
    font-size: 1.2rem;
    position: relative;
    margin: 0
}

.site-footer-02 .seg-primary .scroll-top>a {
    line-height: 2.5;
    text-decoration: none;
    text-align: right;
    color: #fff;
    background: #646e74;
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 20px;
    display: block;
    overflow: hidden;
    padding: 0 10px 0 35px
}

html[data-script-enabled=true] .site-footer-02 .seg-primary .scroll-top>a {
    pointer-events: none;
    transition: .3s opacity ease;
    opacity: 0
}

.site-footer-02 .seg-primary .scroll-top>a::before {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 20px;
    height: 20px;
    margin: -3px 0 0;
    content: "";
    -webkit-transform: rotate(48deg) skew(6deg);
    transform: rotate(48deg) skew(6deg);
    border: 1px solid #fff;
    border-width: 1px 0 0 1px
}

html[data-script-enabled=true] .site-footer-02 .seg-primary .scroll-top.is-visible>a {
    pointer-events: auto
}

html[data-script-enabled=true] .site-footer-02 .seg-primary .scroll-top.is-visible>a,html[data-script-enabled=true] .site-footer-02 .seg-primary .scroll-top>a:focus {
    opacity: 1
}

html[data-script-enabled=true] .site-footer-02 .seg-primary .scroll-top.is-fixed>a {
    position: fixed;
    right: 0;
    bottom: 20px
}

html[data-script-enabled=true] .site-footer-02 .seg-primary .scroll-top>a:focus {
    outline: 1px dotted #333
}

html[data-cookiebar] .site-footer-02 .seg-primary .scroll-top.is-fixed>a {
    transition: .3s opacity ease,.2s bottom ease-out
}

html[data-submit-bar] .site-footer-02 .seg-primary .scroll-top.is-fixed>a {
    transition: .3s opacity ease,.2s bottom ease-out
}

.site-footer-02 .seg-secondary {
    font-size: 1.2rem;
    color: #fff;
    background: #0f1ed2;
    position: relative;
    z-index: 0
}

.site-footer-02 .seg-secondary .list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 64px
}

.site-footer-02 .seg-secondary .list>li:not(:last-child) {
    margin-bottom: 24px
}

.site-footer-02 .seg-secondary a {
    text-decoration: none;
    color: #fff
}

.site-footer-02 .seg-secondary a:active,.site-footer-02 .seg-secondary a:focus,.site-footer-02 .seg-secondary a:hover {
    text-decoration: underline
}

.site-footer-02 .seg-secondary .copyright {
    text-align: center;
    margin-bottom: 0
}

.site-footer-02 .seg-secondary .copyright small {
    font-size: 100%
}

.site-footer-02 .seg-secondary .copyright:first-child:last-child {
    text-align: center
}

.site-footer-02 .seg-secondary .str-outer-wide {
    padding: 64px 30px 40px 30px
}

.site-footer-02 .seg-pickup {
    background: #646e74;
    margin: 43px 0 0;
    padding: 24px 0
}

.site-footer-02 .seg-pickup .col-1 {
    background: #fff;
    padding: 18px 23px 24px
}

.site-footer-02 .seg-pickup .col-1>:first-child {
    margin-top: 0
}

.site-footer-02 .seg-pickup .col-1>:last-child {
    margin-bottom: 0
}

.site-footer-02 .seg-pickup .hdg {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 21px
}

.site-footer-02 .seg-pickup .pnl .bnr {
    margin: 0 0 8px
}

.site-footer-02 .seg-pickup .pnl .bnr img {
    display: block;
    margin: 0 auto
}

.site-footer-02 .seg-pickup .mod-lyt {
    margin-top: 0
}

[class^=mod-hdg-]+* {
    margin-top: 0
}

[class^=mod-hdg-] a.js-modal-img,[class^=mod-hdg-] a.of-movie,[class^=mod-hdg-] a[href$=".doc"],[class^=mod-hdg-] a[href$=".exe"],[class^=mod-hdg-] a[href$=".lzh"],[class^=mod-hdg-] a[href$=".pdf"],[class^=mod-hdg-] a[href$=".ppt"],[class^=mod-hdg-] a[href$=".xls"],[class^=mod-hdg-] a[href$=".zip"],[class^=mod-hdg-] a[target="_blank"] {
    padding-left: 0
}

.mod-hdg-l1 {
    background: #eff2f6;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 32px;
    padding: 11px 15px;
    border-top: 3px solid #0f1ed2
}

.mod-hdg-l1>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.mod-hdg-l1>.inner>.hdg:first-child {
    font-size: 2rem;
    vertical-align: top;
    display: block;
    order: 2;
    margin: 0;
    -webkit-order: 2
}

.mod-hdg-l1>.inner>.sub {
    font-size: 1.4rem;
    order: 3;
    -webkit-order: 3
}

.mod-hdg-l1>.inner>.sub.of-top {
    order: 1;
    padding: 4px 0 2px;
    -webkit-order: 1
}

.mod-hdg-l1>.inner>.sub:not(.of-top) {
    margin: 3px 0 0
}

.mod-hdg-l1>.inner>.language {
    order: 4;
    margin: 12px 0 0;
    -webkit-order: 4
}

.mod-hdg-l1>.inner>.language>.list {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: -8px 0 0 -46px
}

.mod-hdg-l1>.inner>.language>.list>li {
    position: relative;
    padding: 8px 0 0 46px
}

.mod-hdg-l1>.inner>.language>.list>li::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -11px -191px;
    background-size: auto;
    position: absolute;
    top: 0;
    right: -24px;
    bottom: 0;
    display: block;
    width: 1px;
    height: 22px;
    margin: auto;
    content: "";
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border: 0
}

.mod-hdg-l1>.inner>.language>.list>li:last-child::after {
    display: none
}

.mod-hdg-l1>.inner>.language>.list>li>a {
    color: inherit
}

.mod-hdg-l1>.inner>.language>.list>li>a:not([href]) {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: inherit
}

.mod-hdg-l1 .hdg:first-child {
    font-size: 2rem;
    line-height: 1.3
}

.mod-hdg-l1+[class^=mod-hdg-l2] {
    margin-top: -12px
}

.mod-hdg-l1.of-has-logo {
    padding-top: 12px
}

.mod-hdg-l1.of-has-logo>.inner>.logo {
    margin-bottom: 12px
}

.mod-hdg-l1.of-has-logo>.inner>.logo>img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 18px
}

.mod-hdg-l1-02 {
    padding: 9px 10px 15px
}

.mod-hdg-l1-02>.inner {
    max-width: 1300px;
    margin: 0 auto
}

.mod-hdg-l1-02 .hdg {
    font-size: 4rem;
    line-height: 1.3;
    margin: 0
}

.mod-hdg-l2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.41667;
    text-align: center;
    margin: 30px 0 18px
}

.mod-hdg-l2+.mod-hdg-l3 {
    margin-top: 20px
}

.mod-hdg-l2.of-type-02 {
    font-size: 2rem;
    line-height: 1.4
}

.mod-hdg-l2+.mod-hdg-subtext {
    font-weight: 700;
    text-align: center;
    color: #646e74
}

.mod-hdg-l3 {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.36364;
    text-align: center;
    margin: 48px 0 20px
}

.mod-hdg-l4 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.36364;
    text-align: center;
    margin: 38px 0 20px
}

.mod-hdg-l5 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.36364;
    text-align: center;
    margin: 28px 0 10px
}

.mod-hdg-l6 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    margin: 18px 0 10px
}

.mod-hdg-l2-02 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.41667;
    margin: 30px 0 18px
}

.mod-hdg-l2-02+.mod-hdg-l3-02 {
    margin-top: 20px
}

.mod-hdg-l2-03 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4a4a4a;
    margin: 15px 0 20px
}

.mod-hdg-l2-03 a {
    color: #4a4a4a;
    text-decoration-thickness: 1px
}

*+.mod-hdg-l2-03 {
    margin-top: 50px
}

.mod-hdg-l3-02 {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.36364;
    margin: 48px 0 20px;
    padding: 0 0 7px;
    border-bottom: 1px solid #9d9d9d
}

.mod-hdg-l3-02+.mod-hdg-l4-02 {
    margin-top: 0
}

.mod-hdg-l4-02 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.36364;
    margin: 38px 0 20px;
    padding: 5px 0 2px 7px;
    border-left: 7px solid #bfbfbf
}

.mod-hdg-l4-02+.mod-hdg-l5-02 {
    margin-top: -10px
}

.mod-hdg-l5-02 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.36364;
    position: relative;
    margin: 28px 0 10px;
    padding: 0 0 0 12px
}

.mod-hdg-l5-02::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    height: calc(100% - 5px);
    content: "";
    border-left: 7px solid #bfbfbf
}

.mod-hdg-l5-02+.mod-hdg-l6-02 {
    margin-top: 0
}

.mod-hdg-l6-02 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    margin: 18px 0 10px;
    padding: 0 0 0 30px
}

.mod-hdg-l6-02::before {
    position: absolute;
    z-index: 0;
    top: 12px;
    left: 0;
    display: block;
    width: 23px;
    content: "";
    border-top: 1px solid #9d9d9d
}

.mod-hdg-l6-02.line-height-wide::before {
    top: 14px
}

.mod-hdg-l6-02.line-height-super-wide::before {
    top: 22px
}

.mod-txt {
    margin: 0 0 1em
}

.mod-txt>p {
    margin: 0
}

.mod-txt>p b.lede {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.36364;
    color: #384249;
    display: block;
    margin: 25px 0 5px
}

.mod-txt.of-has-icn>p>a,.mod-txt.of-has-icn>p>span,.mod-txt.of-link>p>a,.mod-txt.of-link>p>span {
    position: relative;
    padding-left: 24px
}

.mod-txt.of-has-icn>p>a .icn,.mod-txt.of-has-icn>p>span .icn,.mod-txt.of-link>p>a .icn,.mod-txt.of-link>p>span .icn {
    position: absolute;
    top: .215em;
    left: 0;
    margin: 0 20px 0 0
}

b.mod-lede {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #384249;
    display: block;
    margin: 32px 0 20px
}

[class^=mod-] p:first-child>b.mod-lede {
    margin-top: 0
}

.mod-label {
    font-size: 1.2rem!important;
    line-height: 1.9;
    letter-spacing: .33px;
    color: #fff;
    display: inline-block;
    margin: 2px 0 0 10px;
    padding: 0 10px
}

.mod-label-wrap-first {
    margin: 0 10px 0 -10px
}

.mod-label.of-type-01 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-02 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-03 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-04 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-05 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-06 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-07 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-08 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-09 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-10 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-11 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-12 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-13 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-14 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-15 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-16 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-17 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-18 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-19 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-20 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-21 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-22 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-23 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-24 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-25 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-26 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-27 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-28 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-29 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-30 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-31 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-32 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-33 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-34 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-35 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-36 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-37 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-38 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-39 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-40 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-41 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-42 {
    color: #333;
    background: #d9dfe9
}

.mod-label.of-type-43 {
    color: #333;
    background: #d9dfe9
}

b.mod-newlabel {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
    color: #0f1ed2;
    background: #fff;
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 0 0 .5em;
    padding: 1px 2px 2px;
    border: 1px solid
}

:lang(ja) b.mod-newlabel {
    padding: 3px 2px 1px
}

.mod-txt-searchResult {
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 0 0 12px
}

.mod-txt-searchResult .count .all {
    font-weight: 400
}

html:lang(ja) .mod-txt-searchResult .count .all {
    padding: 0 4px 0 3px
}

html:lang(ja) .mod-txt-searchResult .count .result {
    padding: 0 4px 0 5px
}

.mod-txt-searchResult .count .result {
    font-size: 2rem;
    font-weight: 700
}

.mod-txt-searchResult+[class^=mod-] {
    margin-top: 0
}

.mod-link[href] {
    text-decoration: none
}

.mod-link[href]:focus,.mod-link[href]:hover {
    text-decoration: underline
}

.mod-link:not(.of-list) {
    color: #000;
    position: relative;
    display: inline-block;
    max-width: 100%
}

[lang=ja] .mod-link:not(.of-list) {
    word-break: break-all
}

.mod-link:not(.of-list)::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-link:not(.of-list):not([href]) {
    font-weight: 700;
    text-decoration: none
}

.mod-link:not(.of-list).js-modal-img .icn,.mod-link:not(.of-list).of-movie .icn,.mod-link:not(.of-list)[href$=".doc"] .icn,.mod-link:not(.of-list)[href$=".exe"] .icn,.mod-link:not(.of-list)[href$=".lzh"] .icn,.mod-link:not(.of-list)[href$=".pdf"] .icn,.mod-link:not(.of-list)[href$=".ppt"] .icn,.mod-link:not(.of-list)[href$=".xls"] .icn,.mod-link:not(.of-list)[href$=".zip"] .icn,.mod-link:not(.of-list)[target="_blank"] .icn {
    position: absolute;
    top: .2857142857142857em;
    left: 0;
    margin: 0 20px 0 0
}

.mod-link:not(.of-list).of-up::after {
    top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-link:not(.of-list).of-down::after {
    top: -3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mod-link:not(.of-list).of-left::after {
    left: 4px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mod-link.of-list {
    margin: 0 0 52px
}

.mod-box-05 .mod-link.of-list {
    margin-bottom: 24px
}

.mod-link.of-list>.list>li {
    overflow: hidden;
    max-width: 100%;
    margin: 0 0 14px
}

.mod-link.of-list>.list>li>span>img.icn {
    margin-right: 8px
}

.mod-link.of-list>.list>li>a {
    text-decoration: none;
    color: #000;
    position: relative;
    display: inline-block;
    max-width: 100%
}

.mod-link.of-list>.list>li>a:focus,.mod-link.of-list>.list>li>a:hover {
    text-decoration: underline
}

[lang=ja] .mod-link.of-list>.list>li>a {
    word-break: break-all
}

.mod-link.of-list>.list>li>a:not([href]) {
    font-weight: 700;
    text-decoration: none
}

.mod-link.of-list>.list>li>a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-link.of-list>.list>li>a.js-modal-img .icn,.mod-link.of-list>.list>li>a.of-movie .icn,.mod-link.of-list>.list>li>a[href$=".doc"] .icn,.mod-link.of-list>.list>li>a[href$=".exe"] .icn,.mod-link.of-list>.list>li>a[href$=".lzh"] .icn,.mod-link.of-list>.list>li>a[href$=".pdf"] .icn,.mod-link.of-list>.list>li>a[href$=".ppt"] .icn,.mod-link.of-list>.list>li>a[href$=".xls"] .icn,.mod-link.of-list>.list>li>a[href$=".zip"] .icn,.mod-link.of-list>.list>li>a[target="_blank"] .icn {
    position: absolute;
    top: .2857142857142857em;
    left: 0;
    margin: 0 20px 0 0
}

.mod-link.of-list>.list>li.of-up>a::after {
    top: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-link.of-list>.list>li.of-down>a::after {
    top: -3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mod-link.of-list>.list>li.of-left>a::after {
    left: 4px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mod-link.of-list.of-float>.list {
    font-size: 0;
    margin: 0 0 0 -20px
}

.mod-link.of-list.of-float>.list>li {
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 0 0 20px
}

.mod-link.of-list.line-height-wide>.list>li>a.js-modal-img .icn,.mod-link.of-list.line-height-wide>.list>li>a.of-movie .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".doc"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".exe"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".lzh"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".pdf"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".ppt"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".xls"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[href$=".zip"] .icn,.mod-link.of-list.line-height-wide>.list>li>a[target="_blank"] .icn {
    top: .5em
}

.mod-link.of-list.line-height-wide>.list>li>span .icn {
    top: .5em
}

.mod-link.of-list.line-height-super-wide>.list>li>a.js-modal-img .icn,.mod-link.of-list.line-height-super-wide>.list>li>a.of-movie .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".doc"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".exe"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".lzh"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".pdf"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".ppt"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".xls"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[href$=".zip"] .icn,.mod-link.of-list.line-height-super-wide>.list>li>a[target="_blank"] .icn {
    top: 1em
}

.mod-link-02[href] {
    text-decoration: none
}

.mod-link-02[href]:focus,.mod-link-02[href]:hover {
    text-decoration: underline
}

.mod-link-02:not(.of-list) {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-right: 24px
}

.mod-link-02:not(.of-list)::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -77px -152px;
    background-size: auto;
    position: absolute;
    top: .25em;
    right: 4px;
    display: block;
    width: 15px;
    height: 17px;
    content: ""
}

.mod-link-02:not(.of-list).js-modal-img .icn,.mod-link-02:not(.of-list).of-movie .icn,.mod-link-02:not(.of-list)[href$=".doc"] .icn,.mod-link-02:not(.of-list)[href$=".exe"] .icn,.mod-link-02:not(.of-list)[href$=".lzh"] .icn,.mod-link-02:not(.of-list)[href$=".pdf"] .icn,.mod-link-02:not(.of-list)[href$=".ppt"] .icn,.mod-link-02:not(.of-list)[href$=".xls"] .icn,.mod-link-02:not(.of-list)[href$=".zip"] .icn,.mod-link-02:not(.of-list)[target="_blank"] .icn {
    position: absolute;
    top: .2857142857142857em;
    left: 0;
    margin: 0 20px 0 0
}

.mod-link-02:not(.of-list).of-up::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -102px -152px;
    background-size: auto;
    top: .25em;
    width: 15px;
    height: 15px
}

.mod-link-02:not(.of-list).of-left::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -51px -152px;
    background-size: auto;
    width: 16px;
    height: 17px
}

.mod-link-02:not(.of-list).of-down::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -127px -152px;
    background-size: auto;
    top: .5em;
    width: 15px;
    height: 14px
}

.line-height-wide .mod-link-02:not(.of-list)::after {
    top: .4em
}

.line-height-super-wide .mod-link-02:not(.of-list)::after {
    top: 1em
}

.mod-link-02.of-list {
    margin: 0 0 52px
}

.mod-link-02.of-list>.list>li {
    overflow: hidden;
    max-width: 100%;
    margin: 0 0 14px
}

.mod-link-02.of-list>.list>li>span>img.icn {
    margin-right: 8px
}

.mod-link-02.of-list>.list>li>a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-right: 24px
}

.mod-link-02.of-list>.list>li>a:focus,.mod-link-02.of-list>.list>li>a:hover {
    text-decoration: underline
}

.mod-link-02.of-list>.list>li>a::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -77px -152px;
    background-size: auto;
    position: absolute;
    top: .25em;
    right: 4px;
    display: block;
    width: 15px;
    height: 17px;
    content: ""
}

.mod-link-02.of-list>.list>li>a.js-modal-img .icn,.mod-link-02.of-list>.list>li>a.of-movie .icn,.mod-link-02.of-list>.list>li>a[href$=".doc"] .icn,.mod-link-02.of-list>.list>li>a[href$=".exe"] .icn,.mod-link-02.of-list>.list>li>a[href$=".lzh"] .icn,.mod-link-02.of-list>.list>li>a[href$=".pdf"] .icn,.mod-link-02.of-list>.list>li>a[href$=".ppt"] .icn,.mod-link-02.of-list>.list>li>a[href$=".xls"] .icn,.mod-link-02.of-list>.list>li>a[href$=".zip"] .icn,.mod-link-02.of-list>.list>li>a[target="_blank"] .icn {
    position: absolute;
    top: .2857142857142857em;
    left: 0;
    margin: 0 20px 0 0
}

.mod-link-02.of-list>.list>li.of-up>a::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -102px -152px;
    background-size: auto;
    top: .25em;
    width: 15px;
    height: 15px
}

.mod-link-02.of-list>.list>li.of-left>a::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -51px -152px;
    background-size: auto;
    width: 16px;
    height: 17px
}

.mod-link-02.of-list>.list>li.of-down>a::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -127px -152px;
    background-size: auto;
    top: .35em;
    width: 15px;
    height: 14px
}

.mod-link-02.of-list.of-float>.list {
    font-size: 0;
    margin: 0 0 0 -20px
}

.mod-link-02.of-list.of-float>.list>li {
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 0 0 20px
}

.mod-link-02.of-list.line-height-wide>.list>li>a::after {
    top: .45em
}

.mod-link-02.of-list.line-height-wide>.list>li>a.js-modal-img .icn,.mod-link-02.of-list.line-height-wide>.list>li>a.of-movie .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".doc"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".exe"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".lzh"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".pdf"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".ppt"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".xls"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[href$=".zip"] .icn,.mod-link-02.of-list.line-height-wide>.list>li>a[target="_blank"] .icn {
    top: .5em
}

.mod-link-02.of-list.line-height-super-wide>.list>li>a::after {
    top: 1em
}

.mod-link-02.of-list.line-height-super-wide>.list>li>a.js-modal-img .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a.of-movie .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".doc"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".exe"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".lzh"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".pdf"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".ppt"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".xls"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[href$=".zip"] .icn,.mod-link-02.of-list.line-height-super-wide>.list>li>a[target="_blank"] .icn {
    top: 1em
}

.mod-link-03.of-reverse-color>.inner>.list>li>.link {
    color: #04127c
}

.mod-link-03.of-reverse-color>.inner>.list>li>.link>.img.of-separate {
    border-bottom: 1px solid #04127c
}

.mod-link-03.of-reverse-color>.inner>.list>li>.link>.txt::after {
    border-right: 2px solid #04127c;
    border-bottom: 2px solid #04127c
}

.mod-link-03.of-gutter>.inner>.list>li>.link>.img>img,.mod-link-03.of-gutter>.inner>.list>li>.link>.img>picture>img {
    width: auto;
    max-width: 100%;
    height: auto
}

.mod-link-03>.inner {
    margin: auto
}

.mod-link-03>.inner>.list>li>.link {
    text-decoration: none;
    text-align: center;
    color: #fff;
    display: block;
    padding: 10px 5px
}

.mod-link-03>.inner>.list>li>.link>.img {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.mod-link-03>.inner>.list>li>.link>.img.of-separate {
    padding-bottom: 1em;
    border-bottom: 1px solid #fff
}

.mod-link-03>.inner>.list>li>.link>.img>img,.mod-link-03>.inner>.list>li>.link>.img>picture>img {
    display: block;
    width: 65px;
    height: auto
}

.mod-link-03>.inner>.list>li>.link>.img+.txt {
    margin-top: 1em
}

.mod-link-03>.inner>.list>li>.link>.txt {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    display: inline-block;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 1em
}

.mod-link-03>.inner>.list>li>.link>.txt::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: .5em;
    height: .5em;
    content: "";
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.mod-link-03>.inner>.list>li>.link>.txt.of-large {
    font-size: 1.6rem
}

.mod-link-03>.inner>.list>li>.link[href^="#"]>.txt::after {
    top: 45%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.mod-link-list {
    margin-bottom: 30px
}

.mod-link-list>.list>li+li {
    margin-top: 7px
}

.mod-link-list>.list>li>a {
    font-weight: 700;
    text-decoration: none;
    color: #000;
    position: relative;
    display: inline-block;
    padding-left: 30px
}

.mod-link-list>.list>li>a:focus,.mod-link-list>.list>li>a:hover {
    text-decoration: underline
}

.mod-link-list>.list>li>a:focus::before,.mod-link-list>.list>li>a:hover::before {
    left: 5px
}

.mod-link-list>.list>li>a::before {
    position: absolute;
    top: .4em;
    left: 0;
    display: block;
    width: 11px;
    height: 11px;
    content: "";
    transition: left .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid;
    border-color: #333 #333 transparent transparent
}

.mod-link-list-anchor {
    display: none
}

.mod-list-tab {
    margin: 0 0 50px
}

.mod-list-tab>.list {
    background: #eff2f6;
    overflow: hidden;
    border: 4px solid #eff2f6;
    border-width: 4px 4px 0
}

.mod-list-tab>.list>li a {
    text-decoration: none;
    text-align: center;
    color: #666;
    display: block;
    padding: 7px 24px;
    border: 3px solid transparent;
    border-width: 0 0 3px
}

.mod-list-tab>.list>li a[href]:focus,.mod-list-tab>.list>li a[href]:hover {
    text-decoration: underline
}

.mod-list-tab>.list>li a:not([href]) {
    background: #fff;
    border: 3px solid #0f1ed2;
    border-width: 3px 0 0
}

.mod-link-news {
    font-size: 1.4rem;
    margin: 0 0 30px
}

.mod-link-news a {
    color: #000;
    padding-left: 0
}

.mod-link-news .list>li {
    margin: 0 0 25px 0
}

.mod-link-news .list>li:last-child {
    margin-bottom: 0
}

.mod-link-columnList .col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-link-columnList .content {
    color: #fff;
    background-color: #000;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 30px 25px
}

.mod-link-columnList .content>.title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3
}

.mod-link-columnList .content>.list {
    font-weight: 700;
    text-decoration: none;
    position: relative;
    display: block;
    margin-top: 20px
}

.mod-link-columnList .content>.list .list {
    margin-top: 15px;
    margin-left: 20px
}

.mod-link-columnList .content>.list li>a {
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    position: relative;
    display: block;
    padding: 0 0 0 27px
}

.mod-link-columnList .content>.list li>a::before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    transition: left .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid;
    border-color: #fff #fff transparent transparent
}

.mod-link-columnList .image {
    position: relative;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.mod-link-columnList .image::before {
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 45%;
    content: ""
}

.mod-link-columnList .image img {
    display: block;
    width: 100%
}

.mod-link-important {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 66%;
    min-width: 221px;
    margin: 55px auto 0
}

.mod-link-important._em a,.mod-link-important._em strong {
    font-weight: 700
}

.mod-link-important a {
    font-size: 1.6rem;
    line-height: 1.375;
    text-decoration: none;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 44px 0 0
}

.mod-link-important a::after,.mod-link-important a::before {
    display: block;
    content: ""
}

.mod-link-important a::before {
    background: url(/nf_global/v3/common/img/2021/icn/important-02.jpg) no-repeat 0 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 24px;
    height: 38px;
    margin: 0 22px 0 0
}

.mod-link-important a::after {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    transition: .2s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid;
    border-color: #31393c #31393c transparent transparent
}

.mod-link-important a strong {
    font-weight: 400;
    width: 100%
}

.mod-link-important a:active::after,.mod-link-important a:focus::after,.mod-link-important a:hover::after {
    right: 0
}

.mod-link-important a.fs-01 {
    font-size: 85.71429%
}

.mod-link-important a.fs-02 {
    font-size: 114.28571%
}

.mod-link-important a.fs-03 {
    font-size: 128.57143%
}

.mod-link-important a.fs-04 {
    font-size: 142.85714%
}

.mod-btn-wrap-01 {
    text-align: center;
    max-width: 300px;
    margin: 0 auto
}

.mod-pnl {
    margin: 0 auto 95px
}

.mod-pnl.align-center {
    -webkit-justify-content: center;
    justify-content: center
}

.mod-pnl>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -37px 0 0 -15px
}

.mod-pnl>.inner>.col {
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    margin: 37px 0 0 0;
    padding: 0 0 0 15px
}

.mod-pnl .pnl {
    font-size: 1.4rem
}

.mod-pnl .pnl>.inner>a {
    display: table;
    width: 100%;
    table-layout: fixed;
    transition: all .3s ease 0s
}

.mod-pnl .pnl>.inner>a:focus .icon span,.mod-pnl .pnl>.inner>a:hover .icon span {
    box-shadow: 0 0 16px -2px rgba(0,0,0,.4)
}

.mod-pnl .pnl>.inner>a:focus .title>.inner span,.mod-pnl .pnl>.inner>a:hover .title>.inner span {
    border-bottom-color: transparent
}

.mod-pnl .pnl .icon {
    display: table-header-group
}

.mod-pnl .pnl .icon>:last-child {
    margin-bottom: 0
}

.mod-pnl .pnl .icon span {
    text-align: center;
    background: #79aab6;
    position: relative;
    display: inline-block;
    width: 85%;
    min-height: 130px;
    transition: all .3s ease 0s;
    border-radius: 80px
}

.mod-pnl .pnl .icon span>img,.mod-pnl .pnl .icon span>picture>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 60%;
    margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mod-pnl .pnl .txt {
    text-align: center;
    color: #000;
    display: table-cell;
    margin: 8px 0 0 0
}

.mod-pnl .pnl .txt>:last-child {
    margin-bottom: 0
}

.mod-pnl .pnl .title {
    font-size: 1.6em;
    line-height: 1.38462;
    display: table;
    width: 100%;
    height: 2em;
    margin: 0 0 .2em;
    table-layout: fixed
}

.mod-pnl .pnl .title>.inner {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.mod-pnl .pnl .title>.inner span {
    transition: all .3s ease 0s;
    border-bottom: 2px #333 solid
}

.mod-pnl .pnl :not(.title) {
    text-decoration: none
}

.mod-pnl-02 {
    overflow: hidden
}

.mod-pnl-02[data-col="5"]>.inner>*,.mod-pnl-02[data-col="6"]>.inner>*,.mod-pnl-02[data-col="7"]>.inner>*,.mod-pnl-02[data-col="8"]>.inner>* {
    -webkit-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    max-width: 33.3333%
}

.mod-pnl-02>.inner {
    margin: 0 auto
}

.mod-pnl-02>.inner>* {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 0 45px
}

.mod-pnl-02>.inner>*>.pnl {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-height: calc(0%);
    margin: 0 0 10px
}

.mod-pnl-02>.inner>*>.pnl>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 1200px;
    margin: 0 auto
}

.mod-pnl-02>.inner>*>.pnl>.inner p {
    margin: 0 0 5px
}

.mod-pnl-02>.inner>*>.pnl>.inner .tag {
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block
}

.mod-pnl-02>.inner>*>.pnl>.inner .tag span {
    line-height: 1.675;
    background: #fff;
    display: inline-block;
    padding: 0 7px;
    border: 1px solid #ccc
}

.mod-pnl-02>.inner>*>.pnl>.inner .tag span+span {
    margin: 0 0 0 5px
}

.mod-pnl-02>.inner>*>.pnl>.inner .tag span.var01 {
    color: #be375a;
    border-color: #be375a
}

.mod-pnl-02>.inner>*>.pnl>.inner .tag span.var02 {
    background: #04127c;
    border-color: #04127c
}

.mod-pnl-02>.inner>*>.pnl>.inner .tag span.var03 {
    color: #000;
    background: #e8f5eb;
    border-color: #e8f5eb
}

.mod-pnl-02>.inner>*>.pnl>.inner b.title {
    font-size: 1.8rem;
    font-weight: 400;
    position: relative;
    display: block
}

.mod-pnl-02>.inner>*>.pnl>.inner b.title a {
    color: inherit
}

.mod-pnl-02>.inner>*>.pnl>.inner b.title a.js-modal-img .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a.of-movie .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".doc"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".exe"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".lzh"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".pdf"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".ppt"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".xls"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[href$=".zip"] .icn,.mod-pnl-02>.inner>*>.pnl>.inner b.title a[target="_blank"] .icn {
    top: .35em
}

.mod-pnl-02>.inner>*>.pnl>.inner>.txt {
    width: 100%;
    padding: 0
}

.mod-pnl-02>.inner>*>.pnl>.inner>.txt a {
    display: inline-block
}

.mod-pnl-02>.inner>*>.pnl>.inner>.txt>:last-child {
    margin-bottom: 0
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media {
    position: relative;
    display: block;
    overflow: hidden
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media.js-modal-img,.mod-pnl-02>.inner>*>.pnl>.inner>.media.of-movie,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".doc"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".exe"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".lzh"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".pdf"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".ppt"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".xls"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".zip"],.mod-pnl-02>.inner>*>.pnl>.inner>.media[target="_blank"] {
    padding: 0
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media.js-modal-img .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media.of-movie .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".doc"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".exe"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".lzh"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".pdf"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".ppt"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".xls"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".zip"] .title,.mod-pnl-02>.inner>*>.pnl>.inner>.media[target="_blank"] .title {
    padding-left: 24px
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media.js-modal-img .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media.of-movie .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".doc"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".exe"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".lzh"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".pdf"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".ppt"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".xls"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[href$=".zip"] .title .icn,.mod-pnl-02>.inner>*>.pnl>.inner>.media[target="_blank"] .title .icn {
    top: .35em
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media figure {
    margin: 0 0 10px
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media iframe,.mod-pnl-02>.inner>*>.pnl>.inner>.media img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media.replay figure {
    position: relative
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media.replay figure::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: .7
}

.mod-pnl-02>.inner>*>.pnl>.inner>.media.replay figure::after {
    position: absolute;
    z-index: 2;
    top: 38px;
    top: 50%;
    left: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: 7px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 12px solid transparent;
    border-left: 20px solid #333;
    opacity: .7
}

.mod-pnl-02>.inner>* a.media,.mod-pnl-02>.inner>*>a.pnl {
    text-decoration: none;
    padding: 0;
    outline: 0
}

.mod-pnl-02>.inner>* a.media .title,.mod-pnl-02>.inner>*>a.pnl .title {
    text-decoration: underline
}

.mod-pnl-02>.inner>* a.media:focus .title,.mod-pnl-02>.inner>* a.media:hover .title,.mod-pnl-02>.inner>*>a.pnl:focus .title,.mod-pnl-02>.inner>*>a.pnl:hover .title {
    text-decoration: none
}

.mod-pnl-02>.inner>*>:last-child {
    margin-bottom: 0
}

.mod-pnl-02 img {
    height: auto
}

.mod-pnl-02.of-round-5>.inner *>.pnl>.inner>.media img {
    border-radius: 5px
}

.mod-pnl-02.of-round-10>.inner *>.pnl>.inner>.media img {
    border-radius: 10px
}

.mod-pnl-02.of-round-15>.inner *>.pnl>.inner>.media img {
    border-radius: 15px
}

.mod-pnl-02.of-round-20>.inner *>.pnl>.inner>.media img {
    border-radius: 20px
}

.mod-pnl-02.of-round-25>.inner *>.pnl>.inner>.media img {
    border-radius: 25px
}

.mod-pnl-02.of-round-50per>.inner *>.pnl>.inner>.media img {
    border-radius: 50%
}

.mod-pnl-seminer {
    margin: 0 0 24px
}

.mod-pnl-seminer>.list>li {
    margin: 0 0 12px
}

.mod-pnl-seminer>.list>li>a.wrap:focus>.title,.mod-pnl-seminer>.list>li>a.wrap:hover>.title {
    text-decoration: underline
}

.mod-pnl-seminer>.list>li>.wrap {
    text-decoration: none;
    background: #e5e7e9;
    display: block;
    width: 100%;
    padding: 20px
}

.mod-pnl-seminer>.list>li>.wrap>.tag {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.83333;
    letter-spacing: .228px;
    color: #fff;
    background: #646e74;
    display: block;
    float: left;
    max-width: 100%;
    margin: 0 0 11px;
    padding: 0 5px
}

.mod-pnl-seminer>.list>li>.wrap>.tag+* {
    clear: both
}

.mod-pnl-seminer>.list>li>.wrap>.title {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.55556;
    letter-spacing: -.6px
}

.mod-pnl-seminer>.list>li>.wrap>:last-child {
    margin-bottom: 0
}

.mod-pnl-03 {
    overflow: hidden;
    margin: 0 0 42px
}

.mod-pnl-03>.list>li {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 14px
}

.mod-pnl-03>.list>li>a {
    text-decoration: none;
    background: #fff;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    border: 1px solid #b8bcbf
}

.mod-pnl-03>.list>li>a.js-modal-img,.mod-pnl-03>.list>li>a.of-movie,.mod-pnl-03>.list>li>a[href$=".doc"],.mod-pnl-03>.list>li>a[href$=".exe"],.mod-pnl-03>.list>li>a[href$=".lzh"],.mod-pnl-03>.list>li>a[href$=".pdf"],.mod-pnl-03>.list>li>a[href$=".ppt"],.mod-pnl-03>.list>li>a[href$=".xls"],.mod-pnl-03>.list>li>a[href$=".zip"],.mod-pnl-03>.list>li>a[target="_blank"] {
    padding: 0
}

.mod-pnl-03>.list>li>a.js-modal-img .title,.mod-pnl-03>.list>li>a.of-movie .title,.mod-pnl-03>.list>li>a[href$=".doc"] .title,.mod-pnl-03>.list>li>a[href$=".exe"] .title,.mod-pnl-03>.list>li>a[href$=".lzh"] .title,.mod-pnl-03>.list>li>a[href$=".pdf"] .title,.mod-pnl-03>.list>li>a[href$=".ppt"] .title,.mod-pnl-03>.list>li>a[href$=".xls"] .title,.mod-pnl-03>.list>li>a[href$=".zip"] .title,.mod-pnl-03>.list>li>a[target="_blank"] .title {
    position: relative;
    padding-left: 24px
}

.mod-pnl-03>.list>li>a.js-modal-img .title .icn,.mod-pnl-03>.list>li>a.of-movie .title .icn,.mod-pnl-03>.list>li>a[href$=".doc"] .title .icn,.mod-pnl-03>.list>li>a[href$=".exe"] .title .icn,.mod-pnl-03>.list>li>a[href$=".lzh"] .title .icn,.mod-pnl-03>.list>li>a[href$=".pdf"] .title .icn,.mod-pnl-03>.list>li>a[href$=".ppt"] .title .icn,.mod-pnl-03>.list>li>a[href$=".xls"] .title .icn,.mod-pnl-03>.list>li>a[href$=".zip"] .title .icn,.mod-pnl-03>.list>li>a[target="_blank"] .title .icn {
    top: .35em
}

.mod-pnl-03 p {
    font-size: 1.4rem
}

.mod-pnl-03 p>.tag {
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    display: block
}

.mod-pnl-03 p>.tag span {
    line-height: 1.675;
    background: #fff;
    display: inline-block;
    padding: 0 7px;
    border: 1px solid #ccc
}

.mod-pnl-03 p>.tag span+span {
    margin: 0 0 0 5px
}

.mod-pnl-03 p>.tag span.var01 {
    color: #be375a;
    border-color: #be375a
}

.mod-pnl-03 p>.tag span.var02 {
    background: #04127c;
    border-color: #04127c
}

.mod-pnl-03 p>.tag span.var03 {
    color: #000;
    background: #e8f5eb;
    border-color: #e8f5eb
}

.mod-pnl-03 p>.title {
    font-size: 1.8rem;
    font-weight: 400;
    text-decoration: underline;
    display: block
}

.mod-pnl-03 .time {
    letter-spacing: 2px;
    text-align: right;
    display: block
}

.mod-pnl-03 .detail {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 16px 19px 13px
}

.mod-pnl-03 .detail p {
    margin: 0 0 10px
}

.mod-pnl-03 .thumb {
    position: relative;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.mod-pnl-03 .thumb.replay::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: .7
}

.mod-pnl-03 .thumb.replay::after {
    position: absolute;
    z-index: 2;
    top: 38px;
    top: 50%;
    left: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: 7px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 12px solid transparent;
    border-left: 20px solid #333;
    opacity: .7
}

.mod-pnl-03 .thumb img {
    display: block;
    width: 100%;
    max-width: 100%
}

.mod-pnl-03 .tagList {
    font-size: 1.2em;
    line-height: 2.16667
}

.mod-pnl-03 .tagList>.list {
    font-size: 1.2rem;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: -5px 0 0 -5px
}

.mod-pnl-03 .tagList>.list li {
    text-align: center;
    background: #dce8f5;
    margin: 5px 0 0 5px;
    padding: 0 10px
}

.mod-pnl-04>.inner>.col {
    margin-top: 40px
}

.mod-pnl-04>.inner>.col>.pnl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-pnl-04>.inner>.col>.pnl>.inner {
    color: #fff;
    background: #002b62;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    padding: 22px 24px 30px
}

.mod-pnl-04>.inner>.col>.pnl>.inner>:last-child {
    margin-bottom: 0
}

.mod-pnl-04>.inner>.col>.pnl>.inner .title {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 10px
}

.mod-pnl-04>.inner>.col>.pnl>.inner .title b {
    font-weight: 400
}

.mod-pnl-04>.inner>.col>.pnl>.inner .text {
    font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.625;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-bottom: 28px
}

.mod-pnl-04>.inner>.col>.pnl>.inner .btn {
    text-align: center
}

.mod-pnl-04>.inner>.col>.pnl>.inner .btn a {
    font-size: 1.8rem;
    line-height: 1.15;
    text-decoration: none;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 4px 36px 4px 50px;
    border: 2px solid #fff
}

.mod-pnl-04>.inner>.col>.pnl>.inner .btn a::before {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 10px;
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    content: "";
    transition: .2s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid;
    border-color: #fff #fff transparent transparent
}

.mod-pnl-04>.inner>.col>.pnl>.inner .btn a:focus,.mod-pnl-04>.inner>.col>.pnl>.inner .btn a:hover {
    opacity: .8
}

.mod-pnl-04>.inner>.col>.pnl>.inner .btn a:focus::before,.mod-pnl-04>.inner>.col>.pnl>.inner .btn a:hover::before {
    left: 15px
}

.mod-pnl-04>.inner>.col>.pnl>figure {
    overflow: hidden
}

.mod-pnl-04>.inner>.col>.pnl>figure img {
    display: block;
    width: 100%
}

.mod-pnl-04>.inner>.col>.pnl.var01>.inner {
    background: #003f4c
}

.mod-pnl-04>.inner>.col>.pnl.var02>.inner {
    background: #003629
}

.mod-pnl-04>.inner>.col>.pnl.var03>.inner {
    background: #2f2346
}

.mod-pnl-04>.inner>.col>.pnl.var04>.inner {
    background: #76161b
}

.mod-pnl-04>.inner>.col>.pnl.var05>.inner {
    background: #76491b
}

.mod-pnl-04>.inner>.col>.pnl.var06>.inner {
    background: #422b25
}

.mod-pnl-04>.inner>.col>.pnl.var07>.inner {
    background: #384249
}

.mod-pnl-04>.inner>.col .sub-pnl {
    margin-top: 20px
}

.mod-pnl-04>.inner>.col .sub-pnl .mod-list,.mod-pnl-04>.inner>.col .sub-pnl .mod-media {
    margin-bottom: 20px
}

.mod-pnl-04>.inner>.col .sub-pnl.border {
    padding: 20px;
    border: 1px solid #ccc
}

.mod-pnl-04>.inner>.col .sub-pnl>:last-child {
    margin-bottom: 0
}

.mod-pnl-04.overlay>.inner>.col>.pnl {
    position: relative
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 24px 0;
    transition: height .2s;
    opacity: .85
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>button,.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>span {
    font-size: 1rem;
    color: transparent;
    background: 0 0;
    position: absolute;
    right: 12px;
    bottom: 8px;
    overflow: hidden;
    width: 25px;
    height: 25px;
    padding: 10px;
    border: none
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>button::after,.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>button::before,.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>span::after,.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>span::before {
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 25px;
    height: 1px;
    content: ""
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>button::after,.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .tgl-hook>span::after {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner.is-close {
    height: auto;
    padding-top: 7px;
    padding-bottom: 4px
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner.is-close .title {
    margin-bottom: 0;
    padding-right: 20px
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner.is-close .tgl-hook>button::after,.mod-pnl-04.overlay>.inner>.col>.pnl>.inner.is-close .tgl-hook>span::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner.is-close .tgl-content {
    display: none
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .title {
    margin-bottom: 5px
}

.mod-pnl-04.overlay>.inner>.col>.pnl>.inner .text {
    margin-bottom: 10px
}

.mod-pnl-05 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -20px;
    margin-bottom: 20px
}

.mod-pnl-05>.col {
    margin-top: 20px
}

.mod-pnl-05>.col .link {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.mod-pnl-05>.col .link:active .hdg,.mod-pnl-05>.col .link:focus .hdg,.mod-pnl-05>.col .link:hover .hdg {
    text-decoration: underline;
    color: #2c69ff
}

.mod-pnl-05>.col .link:active .img,.mod-pnl-05>.col .link:focus .img,.mod-pnl-05>.col .link:hover .img {
    opacity: 1
}

.mod-pnl-05>.col .media {
    -webkit-align-self: center;
    align-self: center;
    order: -1;
    margin-bottom: 15px;
    -webkit-order: -1
}

.mod-pnl-05>.col .media .img {
    vertical-align: middle;
    width: 100%;
    max-width: -webkit-max-content;
    max-width: max-content;
    height: auto;
    border: 1px solid #d9d9d9
}

.mod-pnl-05>.col .date {
    font-size: 1rem;
    font-weight: 700;
    color: #5b6179;
    margin-bottom: 8px
}

.mod-pnl-05>.col .hdg {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 0;
    transition: all .2s
}

.mod-pnl-05>.col .text {
    font-size: 1.1rem;
    margin-top: 5px;
    margin-bottom: 0
}

.mod-pnl-05>.col .time {
    font-size: .9rem;
    margin-top: 8px;
    margin-bottom: 0
}

.mod-pnl-05.of-round .img {
    border-radius: 16px
}

.mod-pnl-05.of-has-limit .col .media {
    margin-bottom: 10px
}

.mod-pnl-05.of-has-limit .col .media .img {
    max-width: 200px
}

.mod-pnl-05.of-movie .media {
    position: relative
}

.mod-pnl-05.of-movie .media::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/movie.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    display: block;
    width: 30px;
    height: 30px;
    content: ""
}

.mod-pnl-05[data-narrow-col="2"] {
    -webkit-flex-direction: row;
    flex-direction: row
}

.mod-pnl-05[data-narrow-col="2"] .col {
    width: calc((185 / 390) * 100%)
}

.mod-pnl-05[data-narrow-col="2"] .col:not(:nth-child(2n+1)) {
    margin-left: calc((20 / 390) * 100%)
}

.mod-pnl-05[data-narrow-col="2"] .col .media {
    margin-bottom: 10px
}

.mod-pnl-05[data-narrow-col="2"] .col .hdg {
    font-size: 1.2rem;
    font-weight: 700
}

p+.mod-pnl-05 {
    margin-top: -20px
}

.mod-pnl-news .inner {
    max-width: 374px;
    margin: 0 auto
}

.mod-pnl-news .inner .col {
    margin: 0 auto 20px
}

.mod-pnl-news .inner .col .pnl a {
    position: relative;
    display: block;
    -webkit-flex-direction: column;
    flex-direction: column
}

.mod-pnl-news .inner .col .pnl .media {
    width: 100%
}

.mod-pnl-news .inner .col .pnl .media img {
    display: block;
    max-width: 100%
}

.mod-pnl-news .inner .col .pnl .title {
    text-align: center;
    color: #fff;
    background-color: rgba(4,18,124,.8);
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%
}

.mod-pnl-news .inner .col .pnl .title .txt {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 10px 0
}

.mod-pnl-news .inner .col .pnl .title .txt.icon::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -99px -21px;
    background-size: 116px 110px;
    position: absolute;
    top: 13px;
    left: -20px;
    width: 12px;
    height: 19px;
    content: ""
}

.str-column-side .mod-pnl-news .inner .col {
    margin-right: 0;
    margin-left: 0
}

.mod-presspnl-typea {
    overflow: hidden;
    margin: 0 0 42px
}

.mod-presspnl-typea>.list>li {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 14px
}

.mod-presspnl-typea>.list>li>a {
    line-height: 1.78571;
    text-decoration: none;
    background: #dce8f5;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.mod-presspnl-typea .icon {
    font-size: 1.2rem;
    line-height: 1;
    color: #be375a;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding: 3px 5px;
    border: 1px solid #be375a
}

.mod-presspnl-typea .label {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #04127c;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: inline-block;
    min-width: 140px;
    max-width: calc(100% - 52px);
    padding: 4px 8px
}

.mod-presspnl-typea .category {
    text-align: right;
    display: block
}

.mod-presspnl-typea .time {
    text-align: right;
    display: block
}

.mod-presspnl-typea .detail {
    font-size: 1.4rem;
    line-height: 1.5;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 13px
}

.mod-presspnl-typea .detail .text {
    margin: 0 0 10px
}

.mod-presspnl-typea .detail .text::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-presspnl-typea .detail .text.js-reader span {
    padding: 0 2px
}

.mod-presspnl-typea p {
    margin: 0
}

.mod-presspnl-typea .thumb {
    position: relative;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.mod-presspnl-typea .thumb img {
    display: block;
    width: 100%;
    max-width: 100%
}

.mod-presspnl-typea .thumb.replay::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: .7
}

.mod-presspnl-typea .thumb.replay::after {
    position: absolute;
    z-index: 2;
    top: 38px;
    top: 50%;
    left: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: 7px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 12px solid transparent;
    border-left: 20px solid #333;
    opacity: .7
}

.mod-presspnl-typeb {
    overflow: hidden;
    margin: 0 0 42px
}

.mod-presspnl-typeb>.list>li {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 14px
}

.mod-presspnl-typeb>.list>li>a {
    line-height: 1.78571;
    text-decoration: none;
    background: #e5e7e9;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.mod-presspnl-typeb>.list>li>a:hover .thumb::before {
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    opacity: .7
}

.mod-presspnl-typeb>.list>li>a:hover .thumb::after {
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    opacity: .7
}

.mod-presspnl-typeb .detail {
    font-size: 1.4rem;
    color: #fff;
    background: rgba(4,18,124,.7);
    position: absolute;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 12px 15px 5px;
    transition-timing-function: ease-in-out;
    transition-duration: .5s
}

.mod-presspnl-typeb .detail:hover {
    background: rgba(4,18,124,.1);
    z-index: 3;
    transition-timing-function: ease-in-out;
    transition-duration: .5s
}

.mod-presspnl-typeb .detail:hover>.category-group,.mod-presspnl-typeb .detail:hover>.contents {
    display: none
}

.mod-presspnl-typeb .detail .label-group {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: -12px -15px 0
}

.mod-presspnl-typeb .detail .label-group .icon {
    font-size: 1.2rem;
    line-height: 1;
    color: #be375a;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #be375a
}

.mod-presspnl-typeb .detail .label-group .label {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    color: #000;
    background: #dce8f5;
    display: inline-block;
    min-width: 140px;
    max-width: calc(100% - 52px);
    padding: 4px 8px
}

.mod-presspnl-typeb .detail .contents .text {
    line-height: 1.5;
    margin: 10px 0
}

.mod-presspnl-typeb .detail .contents .text::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-presspnl-typeb .detail .category-group .category {
    text-align: right;
    display: block
}

.mod-presspnl-typeb .detail .category-group .time {
    font-size: 1.4rem;
    text-align: right;
    display: block
}

.mod-presspnl-typeb .thumb {
    position: relative;
    overflow: hidden;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 282px;
    max-height: 282px
}

.mod-presspnl-typeb .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: auto;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mod-presspnl-typeb .thumb.replay::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: 0
}

.mod-presspnl-typeb .thumb.replay::after {
    position: absolute;
    z-index: 2;
    top: 38px;
    top: 50%;
    left: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: 7px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 12px solid transparent;
    border-left: 20px solid #333;
    opacity: .7;
    opacity: 0
}

.mod-presspnl-typec>.list>li {
    margin: 0 0 24px
}

.mod-presspnl-typec>.list>li>a {
    line-height: 1.78571;
    text-decoration: none;
    background: #dce8f5;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.mod-presspnl-typec .icon {
    font-size: 1.2rem;
    line-height: 1;
    color: #be375a;
    background: #fff;
    position: absolute;
    z-index: 1;
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #be375a
}

.mod-presspnl-typec .label {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #04127c;
    display: inline-block;
    margin: 0 0 10px;
    padding: 4px 30px
}

.mod-presspnl-typec .category-group .category {
    text-align: right;
    display: block
}

.mod-presspnl-typec .category-group .time {
    text-align: right;
    display: block
}

.mod-presspnl-typec .detail {
    padding: 16px 19px 13px
}

.mod-presspnl-typec .detail .text {
    line-height: 1.5;
    margin: 0 0 10px
}

.mod-presspnl-typec .detail .text::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-presspnl-typec .detail .text.js-reader span {
    padding: 0 2px
}

.mod-presspnl-typec .thumb {
    position: relative;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.mod-presspnl-typec .thumb.replay::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: .7
}

.mod-presspnl-typec .thumb.replay::after {
    position: absolute;
    z-index: 2;
    top: 38px;
    top: 50%;
    left: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: 7px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 12px solid transparent;
    border-left: 20px solid #333;
    opacity: .7
}

.mod-presspnl-typec .thumb img {
    display: block;
    width: 100%
}

.mod-presspnl-typed {
    overflow: hidden;
    margin: 0 0 42px
}

.mod-presspnl-typed>.list>li {
    margin: 0 0 2px
}

.mod-presspnl-typed>.list>li>a {
    line-height: 1.78571;
    text-decoration: none
}

.mod-presspnl-typed .icon {
    font-size: 1.2rem;
    line-height: 1;
    color: #be375a;
    background: #fff;
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #be375a
}

.mod-presspnl-typed .label {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #04127c;
    display: inline-block;
    min-width: 140px;
    padding: 4px 8px
}

.mod-presspnl-typed .category {
    text-align: right;
    display: block
}

.mod-presspnl-typed .category-group {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 0 15px
}

.mod-presspnl-typed .category-group .time {
    display: block;
    min-width: 130px
}

.mod-presspnl-typed .detail {
    padding: 15px;
    border-bottom: 1px dotted #333
}

.mod-presspnl-typed .detail .text {
    line-height: 1.5;
    margin: 0
}

.mod-presspnl-typed .detail .text::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-presspnl-typed .detail .text.js-reader .icon {
    margin-left: 5px
}

.mod-presspnl-typed .detail .text.js-reader span {
    text-decoration: none;
    padding: 0 2px
}

.mod-presspnl-typed .detail .text.js-reader span:hover {
    text-decoration: none
}

.mod-presspnl-typed .thumb {
    max-width: 100%
}

.mod-presspnl-typed .thumb img {
    display: block;
    width: 100%;
    max-width: 100%
}

.mod-pnl-index .list {
    overflow: hidden;
    padding: 0 10px
}

.mod-pnl-index .list .list-item,.mod-pnl-index .list>li {
    position: relative
}

.mod-pnl-index .list .list-item>.label,.mod-pnl-index .list>li>.label {
    text-decoration: none;
    color: #fff;
    background-color: #0f1ed2;
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 10px;
    min-width: 200px;
    max-width: calc(100% - 10%);
    padding: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mod-pnl-index .list .list-item>.label:link>.text::after,.mod-pnl-index .list>li>.label:link>.text::after {
    position: relative;
    top: -.15em;
    display: inline-block;
    width: .5em;
    height: .5em;
    margin-left: .5em;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.mod-pnl-index .list .list-item>.label>.text,.mod-pnl-index .list>li>.label>.text {
    font-weight: 700;
    padding-right: 1.5em
}

.mod-pnl-index .list .list-item>.inner,.mod-pnl-index .list>li>.inner {
    text-decoration: none
}

.mod-pnl-index .list .list-item>.inner>.icons,.mod-pnl-index .list>li>.inner>.icons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 -5px
}

.mod-pnl-index .list .list-item>.inner>.icons>li,.mod-pnl-index .list>li>.inner>.icons>li {
    font-size: 1.3rem;
    font-weight: 700;
    color: #282d3c;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 32px;
    margin: 10px 0 0 5px;
    padding: 1px 20px;
    border: #282d3c 1px solid;
    border-radius: 36px
}

.mod-pnl-index .list .list-item>.inner>.detail,.mod-pnl-index .list>li>.inner>.detail {
    position: relative;
    min-height: 40px;
    margin-bottom: 15px;
    padding-right: 50px
}

.mod-pnl-index .list .list-item>.inner>.detail::after,.mod-pnl-index .list>li>.inner>.detail::after {
    position: absolute;
    top: 8px;
    right: 20px;
    display: block;
    width: 40px;
    height: 40px;
    content: "";
    transition: right .2s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: #282d3c 2px solid;
    border-bottom: #282d3c 2px solid
}

.mod-pnl-index .list .list-item>.inner>.detail>.date,.mod-pnl-index .list>li>.inner>.detail>.date {
    font-size: 1.2rem;
    font-weight: 700;
    color: #282d3c
}

.mod-pnl-index .list .list-item>.inner>.detail>.date+.heading,.mod-pnl-index .list>li>.inner>.detail>.date+.heading {
    margin-top: 5px
}

.mod-pnl-index .list .list-item>.inner>.detail>.heading,.mod-pnl-index .list>li>.inner>.detail>.heading {
    font-size: 1.7rem;
    font-weight: 700;
    color: #282d3c;
    margin: 0
}

.mod-pnl-index .list .list-item>.inner>.detail>.text,.mod-pnl-index .list>li>.inner>.detail>.text {
    font-size: 1.4rem;
    color: #282d3c;
    margin: 0
}

.mod-pnl-index .list .list-item>.inner>.thumb,.mod-pnl-index .list>li>.inner>.thumb {
    margin-bottom: 20px
}

.mod-pnl-index .list .list-item>.inner>.thumb._replay,.mod-pnl-index .list>li>.inner>.thumb._replay {
    position: relative
}

.mod-pnl-index .list .list-item>.inner>.thumb._replay::after,.mod-pnl-index .list .list-item>.inner>.thumb._replay::before,.mod-pnl-index .list>li>.inner>.thumb._replay::after,.mod-pnl-index .list>li>.inner>.thumb._replay::before {
    position: absolute;
    z-index: 1;
    display: block;
    content: ""
}

.mod-pnl-index .list .list-item>.inner>.thumb._replay::before,.mod-pnl-index .list>li>.inner>.thumb._replay::before {
    background: rgba(0,0,0,.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 76px;
    height: 76px;
    margin: auto;
    border-radius: 50%
}

.mod-pnl-index .list .list-item>.inner>.thumb._replay::after,.mod-pnl-index .list>li>.inner>.thumb._replay::after {
    top: 0;
    right: -7px;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-width: 12px 0 12px 21px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

.mod-pnl-index .list .list-item>.inner>.thumb>img,.mod-pnl-index .list .list-item>.inner>.thumb>picture>img,.mod-pnl-index .list>li>.inner>.thumb>img,.mod-pnl-index .list>li>.inner>.thumb>picture>img {
    display: block;
    width: 100%;
    height: auto
}

.mod-pnl-index .list .list-item>.inner.js-modal-img,.mod-pnl-index .list .list-item>.inner.of-movie,.mod-pnl-index .list .list-item>.inner[href$=".doc"],.mod-pnl-index .list .list-item>.inner[href$=".exe"],.mod-pnl-index .list .list-item>.inner[href$=".lzh"],.mod-pnl-index .list .list-item>.inner[href$=".pdf"],.mod-pnl-index .list .list-item>.inner[href$=".ppt"],.mod-pnl-index .list .list-item>.inner[href$=".xls"],.mod-pnl-index .list .list-item>.inner[href$=".zip"],.mod-pnl-index .list .list-item>.inner[target="_blank"],.mod-pnl-index .list>li>.inner.js-modal-img,.mod-pnl-index .list>li>.inner.of-movie,.mod-pnl-index .list>li>.inner[href$=".doc"],.mod-pnl-index .list>li>.inner[href$=".exe"],.mod-pnl-index .list>li>.inner[href$=".lzh"],.mod-pnl-index .list>li>.inner[href$=".pdf"],.mod-pnl-index .list>li>.inner[href$=".ppt"],.mod-pnl-index .list>li>.inner[href$=".xls"],.mod-pnl-index .list>li>.inner[href$=".zip"],.mod-pnl-index .list>li>.inner[target="_blank"] {
    padding-left: 0
}

.mod-pnl-index .list .list-item>.inner.js-modal-img .icn,.mod-pnl-index .list .list-item>.inner.of-movie .icn,.mod-pnl-index .list .list-item>.inner[href$=".doc"] .icn,.mod-pnl-index .list .list-item>.inner[href$=".exe"] .icn,.mod-pnl-index .list .list-item>.inner[href$=".lzh"] .icn,.mod-pnl-index .list .list-item>.inner[href$=".pdf"] .icn,.mod-pnl-index .list .list-item>.inner[href$=".ppt"] .icn,.mod-pnl-index .list .list-item>.inner[href$=".xls"] .icn,.mod-pnl-index .list .list-item>.inner[href$=".zip"] .icn,.mod-pnl-index .list .list-item>.inner[target="_blank"] .icn,.mod-pnl-index .list>li>.inner.js-modal-img .icn,.mod-pnl-index .list>li>.inner.of-movie .icn,.mod-pnl-index .list>li>.inner[href$=".doc"] .icn,.mod-pnl-index .list>li>.inner[href$=".exe"] .icn,.mod-pnl-index .list>li>.inner[href$=".lzh"] .icn,.mod-pnl-index .list>li>.inner[href$=".pdf"] .icn,.mod-pnl-index .list>li>.inner[href$=".ppt"] .icn,.mod-pnl-index .list>li>.inner[href$=".xls"] .icn,.mod-pnl-index .list>li>.inner[href$=".zip"] .icn,.mod-pnl-index .list>li>.inner[target="_blank"] .icn {
    vertical-align: middle;
    position: relative;
    top: 0;
    display: inline-block;
    height: 1em;
    margin: 0 8px 0 0
}

.mod-pnl-index.of-center>.list {
    -webkit-justify-content: flex-start!important;
    justify-content: flex-start!important
}

.mod-pnl-index._carousel {
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto
}

.mod-pnl-index._carousel .list {
    position: relative;
    overflow: hidden;
    padding: 0 10px
}

.mod-pnl-index._carousel .list .list-item {
    padding: 40px 20px 0 40px
}

.mod-pnl-index._carousel .slick-inner {
    position: static;
    max-width: 1300px;
    margin: 0 auto 15px
}

.mod-pnl-index._carousel .slick-arrow {
    color: #282d3c;
    background: rgba(255,255,255,.9);
    position: absolute;
    z-index: 1;
    top: 140px;
    display: block!important;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin: auto;
    border: 1px solid #282d3c
}

.mod-pnl-index._carousel .slick-arrow::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    content: "";
    border: 1px solid;
    border-color: #282d3c #282d3c transparent transparent
}

.mod-pnl-index._carousel .slick-arrow.slick-prev {
    left: 10px
}

.mod-pnl-index._carousel .slick-arrow.slick-prev::before {
    left: 14px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mod-pnl-index._carousel .slick-arrow.slick-next {
    right: 10px
}

.mod-pnl-index._carousel .slick-arrow.slick-next::before {
    right: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-pnl-index._carousel .slick-arrow:focus {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px
}

.mod-pnl-index._carousel .slick-dots-wrap {
    text-align: center
}

.mod-pnl-index._carousel .slick-dots-wrap .slick-dots {
    display: none!important
}

.mod-pnl-index._carousel .btn-control {
    font-size: 0;
    color: transparent;
    background-color: transparent;
    position: relative;
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: 0
}

.mod-pnl-index._carousel .btn-control::after,.mod-pnl-index._carousel .btn-control::before {
    background: #282d3c;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 4px;
    height: 16px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mod-pnl-index._carousel .btn-control::before {
    margin-left: -6px
}

.mod-pnl-index._carousel .btn-control::after {
    margin-left: 2px
}

.mod-pnl-index._carousel .btn-control:focus {
    outline: 1px dotted #282d3c
}

.mod-pnl-index._carousel .btn-control.is-stop::before {
    background: 0 0;
    border-width: 8px 0 8px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #282d3c
}

.mod-pnl-index._carousel .btn-control.is-stop::after {
    content: none
}

.mod-pnl-index2>.list {
    padding: 0 10px
}

.mod-pnl-index2>.list>li {
    position: relative
}

.mod-pnl-index2>.list>li>.thumb {
    margin-bottom: 20px
}

.mod-pnl-index2>.list>li>.thumb>img,.mod-pnl-index2>.list>li>.thumb>picture>img {
    display: block;
    width: 100%
}

.mod-pnl-index2>.list>li>.detail>.heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.375;
    text-align: center
}

.mod-pnl-index2>.list>li>.detail>.text {
    font-weight: 700;
    text-align: center;
    color: #646e74
}

.mod-pnl-index2>.list>li>.btnArea {
    margin: 18px 0 0
}

.mod-pnl-indexBnr a {
    display: block
}

.mod-pnl-indexBnr a img {
    display: block;
    max-width: 100%;
    height: auto
}

.mod-pnl-news-mv {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-pnl-news-mv>.item {
    overflow: hidden
}

.mod-pnl-news-mv>.item.of-content {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 20px
}

.mod-pnl-news-mv>.item.of-content::before {
    background-color: #1e32a5;
    position: absolute;
    z-index: -1;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    display: block;
    content: ""
}

.mod-pnl-news-mv>.item.of-content .lede,.mod-pnl-news-mv>.item.of-content .sub,.mod-pnl-news-mv>.item.of-content .time {
    color: #fff;
    margin-bottom: 0
}

.mod-pnl-news-mv>.item.of-content .lede {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 12px
}

.mod-pnl-news-mv>.item.of-content .sub {
    font-size: 1.4rem
}

.mod-pnl-news-mv>.item.of-content .time {
    font-size: 1.4rem;
    margin-top: 25px
}

.mod-pnl-news-mv>.item>img {
    width: 100%
}

.mod-pnl-carousel .img {
    width: 100%;
    margin-bottom: 17px
}

.mod-pnl-carousel .labels {
    font-size: 1.2rem;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px 7px
}

.mod-pnl-carousel .labels>li {
    margin: 3px;
    padding: 0 10px
}

.mod-pnl-carousel .labels .type1 {
    background-color: #04127c
}

.mod-pnl-carousel .labels .type2 {
    background-color: #286ebe
}

.mod-pnl-carousel .labels .type3 {
    background-color: #be375a
}

.mod-pnl-carousel .text {
    font-size: 1.4rem;
    margin-bottom: 0
}

.mod-pnl-carousel .time {
    font-size: 1.4rem;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 0
}

.mod-pnl-carousel-02 .link {
    text-decoration: none
}

.mod-pnl-carousel-02 .link:active .hdg,.mod-pnl-carousel-02 .link:focus .hdg,.mod-pnl-carousel-02 .link:hover .hdg {
    text-decoration: underline;
    color: #2c69ff
}

.mod-pnl-carousel-02 .link:active .img,.mod-pnl-carousel-02 .link:focus .img,.mod-pnl-carousel-02 .link:hover .img {
    opacity: 1
}

.mod-pnl-carousel-02 .img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    border: 1px solid #d9d9d9
}

.mod-pnl-carousel-02 .hdg {
    font-size: 1.3rem;
    margin-bottom: 0;
    transition: all .2s
}

.mod-pnl-carousel-02 .date {
    font-size: 1rem;
    font-weight: 700;
    color: #5b6179;
    margin-bottom: 8px
}

.of-round .mod-pnl-carousel-02 .img {
    border-radius: 16px
}

div.mod-btn .btn {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

div.mod-btn.of-list .btn {
    margin-bottom: 9px
}

.mod-btn {
    text-align: center;
    margin: 0 0 16px
}

.mod-btn .btn>span,.mod-btn a,.mod-btn button,.mod-btn>span {
    font-size: 1.8rem;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
    word-wrap: break-word;
    color: #535a6e;
    background: 0 0;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 4px 53px 3px 31px;
    cursor: pointer;
    transition: .2s ease;
    border: 1px solid #535a6e;
    border-radius: 7px
}

.mod-btn .btn>span::before,.mod-btn a::before,.mod-btn button::before,.mod-btn>span::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: calc(50% - 12px);
    right: 22px;
    bottom: auto;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    content: "";
    transition: .2s ease
}

.mod-btn .btn>span.of-left::before,.mod-btn a.of-left::before,.mod-btn button.of-left::before,.mod-btn>span.of-left::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mod-btn .btn>span.of-bottom::before,.mod-btn a.of-bottom::before,.mod-btn button.of-bottom::before,.mod-btn>span.of-bottom::before {
    transition: .2s ease;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mod-btn .btn>span.of-bottom[aria-pressed=true]::before,.mod-btn a.of-bottom[aria-pressed=true]::before,.mod-btn button.of-bottom[aria-pressed=true]::before,.mod-btn>span.of-bottom[aria-pressed=true]::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mod-btn .btn>span.of-bottom[aria-expanded=true]::before,.mod-btn a.of-bottom[aria-expanded=true]::before,.mod-btn button.of-bottom[aria-expanded=true]::before,.mod-btn>span.of-bottom[aria-expanded=true]::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mod-btn a:focus,.mod-btn a:hover,.mod-btn button:focus,.mod-btn button:hover {
    color: #7d869a;
    border: 1px solid #7d869a
}

.mod-btn a:focus::before,.mod-btn a:hover::before,.mod-btn button:focus::before,.mod-btn button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-btn a:focus img.icn,.mod-btn a:hover img.icn,.mod-btn button:focus img.icn,.mod-btn button:hover img.icn {
    opacity: 1
}

.mod-btn a[href=""],.mod-btn button:disabled,.mod-btn>span {
    color: #666;
    background: #f6f6f6;
    padding-right: 31px;
    cursor: default;
    transition: none;
    border-color: #535a6e
}

.mod-btn a[href=""]::before,.mod-btn button:disabled::before,.mod-btn>span::before {
    display: none!important
}

.mod-btn.of-full .btn,.mod-btn.of-full a,.mod-btn.of-full button {
    width: 100%
}

.mod-btn.of-has-limit a,.mod-btn.of-has-limit button {
    max-width: 300px
}

.mod-btn.var01 a,.mod-btn.var01 button {
    color: #535a6e;
    background: #fff;
    border: 1px solid #535a6e
}

.mod-btn.var01 a::before,.mod-btn.var01 button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray.svg)
}

.mod-btn.var01 a:focus,.mod-btn.var01 a:hover,.mod-btn.var01 button:focus,.mod-btn.var01 button:hover {
    color: #7d869a;
    border: 1px solid #7d869a
}

.mod-btn.var01 a:focus::before,.mod-btn.var01 a:hover::before,.mod-btn.var01 button:focus::before,.mod-btn.var01 button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-btn.var02 a,.mod-btn.var02 button {
    color: #fff;
    background: #535a6e;
    border: 1px solid #535a6e
}

.mod-btn.var02 a::before,.mod-btn.var02 button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
}

.mod-btn.var02 a:focus,.mod-btn.var02 a:hover,.mod-btn.var02 button:focus,.mod-btn.var02 button:hover {
    background: #7d869a;
    border: 1px solid #7d869a
}

.mod-btn.of-contact a,.mod-btn.of-contact button,.mod-btn.of-download a,.mod-btn.of-download button {
    color: #fff;
    background: #0f1ed2;
    border: 1px solid #0f1ed2
}

.mod-btn.of-contact a::before,.mod-btn.of-contact button::before,.mod-btn.of-download a::before,.mod-btn.of-download button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
}

.mod-btn.of-contact a:focus,.mod-btn.of-contact a:hover,.mod-btn.of-contact button:focus,.mod-btn.of-contact button:hover,.mod-btn.of-download a:focus,.mod-btn.of-download a:hover,.mod-btn.of-download button:focus,.mod-btn.of-download button:hover {
    background: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn small.notice {
    font-size: 1.4rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    margin: 10px 0 0
}

.mod-btn small.notice span {
    text-align: left;
    max-width: 100%
}

.mod-btn small.notice span+span {
    padding-left: 7px
}

.mod-btn.of-no-arrow .btn>span,.mod-btn.of-no-arrow a,.mod-btn.of-no-arrow button,.mod-btn.of-no-arrow>span {
    padding-right: 32px;
    cursor: default
}

.mod-btn.of-no-arrow .btn>span::before,.mod-btn.of-no-arrow a::before,.mod-btn.of-no-arrow button::before,.mod-btn.of-no-arrow>span::before {
    display: none
}

.mod-btn.align-left small {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.mod-btn.align-right small {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-btn img.icn {
    vertical-align: -2px;
    position: static;
    margin: auto 0 auto 7px
}

.mod-btn img.icn {
    vertical-align: -2px;
    position: static;
    margin: auto 0 auto 7px
}

.mod-btn .of-movie img.icn {
    margin-right: 7px;
    margin-left: 0
}

p:not(.mod-btn)+.mod-btn {
    margin-top: 1.7em
}

div.mod-btn-02 .btn {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

div.mod-btn-02.of-list .btn {
    margin-bottom: 9px
}

.mod-btn-02 {
    text-align: center;
    margin: 0 0 16px
}

.mod-btn-02 .btn>span,.mod-btn-02 a,.mod-btn-02 button,.mod-btn-02>span {
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #535a6e;
    background-size: 200% auto;
    position: relative;
    display: inline-block;
    padding: 9px 58px 8px 26px;
    transition: .2s ease;
    border: 0;
    border-radius: 1000px
}

.mod-btn-02 .btn>span::before,.mod-btn-02 a::before,.mod-btn-02 button::before,.mod-btn-02>span::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: calc(50% - 12px);
    right: 26px;
    bottom: auto;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    content: "";
    transition: .2s ease
}

.mod-btn-02 a:focus,.mod-btn-02 a:hover,.mod-btn-02 button:focus,.mod-btn-02 button:hover {
    background: #7d869a
}

.mod-btn-02 button:disabled,.mod-btn-02>span {
    color: #666;
    background: #f6f6f6;
    padding-left: 34px;
    cursor: default;
    transition: none;
    border: 2px solid #aaa
}

.mod-btn-02 button:disabled::before,.mod-btn-02>span::before {
    display: none!important
}

.mod-btn-02.of-full .btn,.mod-btn-02.of-full a,.mod-btn-02.of-full button {
    width: 100%
}

.mod-btn-02.of-has-limit a,.mod-btn-02.of-has-limit button {
    max-width: 300px;
    border-radius: 36px
}

.mod-btn-02.of-top a::before,.mod-btn-02.of-top button::before {
    -webkit-transform: rotate(270deg) translateX(2px);
    transform: rotate(270deg) translateX(2px)
}

.mod-btn-02.of-bottom a::before,.mod-btn-02.of-bottom button::before {
    -webkit-transform: rotate(90deg) translateX(2px);
    transform: rotate(90deg) translateX(2px)
}

.mod-btn-02.of-left a::before,.mod-btn-02.of-left button::before {
    -webkit-transform: rotate(180deg) translateX(-2px) translateY(2px);
    transform: rotate(180deg) translateX(-2px) translateY(2px)
}

.mod-btn-02.of-type-02 a,.mod-btn-02.of-type-02 button {
    color: #535a6e;
    background: #fff;
    border: 1px solid #535a6e
}

.mod-btn-02.of-type-02 a::before,.mod-btn-02.of-type-02 button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray.svg)
}

.mod-btn-02.of-type-02 a:focus,.mod-btn-02.of-type-02 a:hover,.mod-btn-02.of-type-02 button:focus,.mod-btn-02.of-type-02 button:hover {
    color: #7d869a;
    border: 1px solid #7d869a
}

.mod-btn-02.of-type-02 a:focus::before,.mod-btn-02.of-type-02 a:hover::before,.mod-btn-02.of-type-02 button:focus::before,.mod-btn-02.of-type-02 button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-btn-02.of-type-02.of-outline a,.mod-btn-02.of-type-02.of-outline button {
    border: 1px solid #535a6e
}

.mod-btn-02.of-type-02.of-outline a:focus,.mod-btn-02.of-type-02.of-outline a:hover,.mod-btn-02.of-type-02.of-outline button:focus,.mod-btn-02.of-type-02.of-outline button:hover {
    border: 1px solid #7d869a
}

.mod-btn-02.of-type-02.of-outline a:focus::before,.mod-btn-02.of-type-02.of-outline a:hover::before,.mod-btn-02.of-type-02.of-outline button:focus::before,.mod-btn-02.of-type-02.of-outline button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-btn-02.of-type-02.of-translucent a,.mod-btn-02.of-type-02.of-translucent button {
    background-color: rgba(255,255,255,.7)
}

.mod-btn-02.of-type-03 a,.mod-btn-02.of-type-03 button {
    color: #fff;
    background: #0f1ed2
}

.mod-btn-02.of-type-03 a:focus,.mod-btn-02.of-type-03 a:hover,.mod-btn-02.of-type-03 button:focus,.mod-btn-02.of-type-03 button:hover {
    background: #2c69ff
}

.mod-btn-02.of-type-03.of-outline a,.mod-btn-02.of-type-03.of-outline button {
    color: #0f1ed2;
    background: #fff;
    border: 1px solid #0f1ed2
}

.mod-btn-02.of-type-03.of-outline a::before,.mod-btn-02.of-type-03.of-outline button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02.of-type-03.of-outline a:focus,.mod-btn-02.of-type-03.of-outline a:hover,.mod-btn-02.of-type-03.of-outline button:focus,.mod-btn-02.of-type-03.of-outline button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02.of-type-03.of-outline a:focus::before,.mod-btn-02.of-type-03.of-outline a:hover::before,.mod-btn-02.of-type-03.of-outline button:focus::before,.mod-btn-02.of-type-03.of-outline button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02.of-type-03.of-translucent a,.mod-btn-02.of-type-03.of-translucent button {
    color: #0f1ed2;
    background-color: rgba(255,255,255,.7);
    border: 1px solid #0f1ed2
}

.mod-btn-02.of-type-03.of-translucent a::before,.mod-btn-02.of-type-03.of-translucent button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02.of-type-03.of-translucent a:focus,.mod-btn-02.of-type-03.of-translucent a:hover,.mod-btn-02.of-type-03.of-translucent button:focus,.mod-btn-02.of-type-03.of-translucent button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02.of-type-03.of-translucent a:focus::before,.mod-btn-02.of-type-03.of-translucent a:hover::before,.mod-btn-02.of-type-03.of-translucent button:focus::before,.mod-btn-02.of-type-03.of-translucent button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02.of-type-04 a,.mod-btn-02.of-type-04 button {
    color: #fff;
    background: #0f1ed2
}

.mod-btn-02.of-type-04 a:focus,.mod-btn-02.of-type-04 a:hover,.mod-btn-02.of-type-04 button:focus,.mod-btn-02.of-type-04 button:hover {
    background: #2c69ff
}

.mod-btn-02.of-type-04.of-outline a,.mod-btn-02.of-type-04.of-outline button {
    color: #0f1ed2;
    background: #fff;
    border: 1px solid #0f1ed2
}

.mod-btn-02.of-type-04.of-outline a::before,.mod-btn-02.of-type-04.of-outline button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02.of-type-04.of-outline a:focus,.mod-btn-02.of-type-04.of-outline a:hover,.mod-btn-02.of-type-04.of-outline button:focus,.mod-btn-02.of-type-04.of-outline button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02.of-type-04.of-outline a:focus::before,.mod-btn-02.of-type-04.of-outline a:hover::before,.mod-btn-02.of-type-04.of-outline button:focus::before,.mod-btn-02.of-type-04.of-outline button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02.of-type-04.of-translucent a,.mod-btn-02.of-type-04.of-translucent button {
    color: #0f1ed2;
    background-color: rgba(255,255,255,.7);
    border: 1px solid #0f1ed2
}

.mod-btn-02.of-type-04.of-translucent a::before,.mod-btn-02.of-type-04.of-translucent button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02.of-type-04.of-translucent a:focus,.mod-btn-02.of-type-04.of-translucent a:hover,.mod-btn-02.of-type-04.of-translucent button:focus,.mod-btn-02.of-type-04.of-translucent button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02.of-type-04.of-translucent a:focus::before,.mod-btn-02.of-type-04.of-translucent a:hover::before,.mod-btn-02.of-type-04.of-translucent button:focus::before,.mod-btn-02.of-type-04.of-translucent button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02 small.notice {
    font-size: 1.4rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    margin: 10px 0 0
}

.mod-btn-02 small.notice span {
    text-align: left;
    max-width: 100%
}

.mod-btn-02 small.notice span+span {
    padding-left: 7px
}

.mod-btn-02.of-no-arrow .btn>span,.mod-btn-02.of-no-arrow a,.mod-btn-02.of-no-arrow button,.mod-btn-02.of-no-arrow>span {
    padding-left: 34px
}

.mod-btn-02.of-no-arrow .btn>span::before,.mod-btn-02.of-no-arrow a::before,.mod-btn-02.of-no-arrow button::before,.mod-btn-02.of-no-arrow>span::before {
    display: none
}

.mod-btn-02.align-left small {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.mod-btn-02.align-right small {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-btn-02 img.icn {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: auto;
    margin: auto
}

p:not(.mod-btn)+.mod-btn-02 {
    margin-top: 1.7em
}

.mod-btn-02 .btn.of-type-02 a,.mod-btn-02 .btn.of-type-02 button {
    color: #535a6e;
    background: #fff;
    border: 1px solid #535a6e
}

.mod-btn-02 .btn.of-type-02 a::before,.mod-btn-02 .btn.of-type-02 button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray.svg)
}

.mod-btn-02 .btn.of-type-02 a:focus,.mod-btn-02 .btn.of-type-02 a:hover,.mod-btn-02 .btn.of-type-02 button:focus,.mod-btn-02 .btn.of-type-02 button:hover {
    color: #7d869a;
    border: 1px solid #7d869a
}

.mod-btn-02 .btn.of-type-02 a:focus::before,.mod-btn-02 .btn.of-type-02 a:hover::before,.mod-btn-02 .btn.of-type-02 button:focus::before,.mod-btn-02 .btn.of-type-02 button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-btn-02 .btn.of-type-02.of-outline a,.mod-btn-02 .btn.of-type-02.of-outline button {
    border: 1px solid #535a6e
}

.mod-btn-02 .btn.of-type-02.of-outline a:focus,.mod-btn-02 .btn.of-type-02.of-outline a:hover,.mod-btn-02 .btn.of-type-02.of-outline button:focus,.mod-btn-02 .btn.of-type-02.of-outline button:hover {
    border: 1px solid #7d869a
}

.mod-btn-02 .btn.of-type-02.of-outline a:focus::before,.mod-btn-02 .btn.of-type-02.of-outline a:hover::before,.mod-btn-02 .btn.of-type-02.of-outline button:focus::before,.mod-btn-02 .btn.of-type-02.of-outline button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-btn-02 .btn.of-type-02.of-translucent a,.mod-btn-02 .btn.of-type-02.of-translucent button {
    background-color: rgba(255,255,255,.7)
}

.mod-btn-02 .btn.of-type-03 a,.mod-btn-02 .btn.of-type-03 button {
    color: #fff;
    background: #0f1ed2
}

.mod-btn-02 .btn.of-type-03 a:focus,.mod-btn-02 .btn.of-type-03 a:hover,.mod-btn-02 .btn.of-type-03 button:focus,.mod-btn-02 .btn.of-type-03 button:hover {
    background: #2c69ff
}

.mod-btn-02 .btn.of-type-03.of-outline a,.mod-btn-02 .btn.of-type-03.of-outline button {
    color: #0f1ed2;
    background: #fff;
    border: 1px solid #0f1ed2
}

.mod-btn-02 .btn.of-type-03.of-outline a::before,.mod-btn-02 .btn.of-type-03.of-outline button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02 .btn.of-type-03.of-outline a:focus,.mod-btn-02 .btn.of-type-03.of-outline a:hover,.mod-btn-02 .btn.of-type-03.of-outline button:focus,.mod-btn-02 .btn.of-type-03.of-outline button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02 .btn.of-type-03.of-outline a:focus::before,.mod-btn-02 .btn.of-type-03.of-outline a:hover::before,.mod-btn-02 .btn.of-type-03.of-outline button:focus::before,.mod-btn-02 .btn.of-type-03.of-outline button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02 .btn.of-type-03.of-translucent a,.mod-btn-02 .btn.of-type-03.of-translucent button {
    color: #0f1ed2;
    background-color: rgba(255,255,255,.7);
    border: 1px solid #0f1ed2
}

.mod-btn-02 .btn.of-type-03.of-translucent a::before,.mod-btn-02 .btn.of-type-03.of-translucent button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02 .btn.of-type-03.of-translucent a:focus,.mod-btn-02 .btn.of-type-03.of-translucent a:hover,.mod-btn-02 .btn.of-type-03.of-translucent button:focus,.mod-btn-02 .btn.of-type-03.of-translucent button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02 .btn.of-type-03.of-translucent a:focus::before,.mod-btn-02 .btn.of-type-03.of-translucent a:hover::before,.mod-btn-02 .btn.of-type-03.of-translucent button:focus::before,.mod-btn-02 .btn.of-type-03.of-translucent button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02 .btn.of-type-04 a,.mod-btn-02 .btn.of-type-04 button {
    color: #fff;
    background: #0f1ed2
}

.mod-btn-02 .btn.of-type-04 a:focus,.mod-btn-02 .btn.of-type-04 a:hover,.mod-btn-02 .btn.of-type-04 button:focus,.mod-btn-02 .btn.of-type-04 button:hover {
    background: #2c69ff
}

.mod-btn-02 .btn.of-type-04.of-outline a,.mod-btn-02 .btn.of-type-04.of-outline button {
    color: #0f1ed2;
    background: #fff;
    border: 1px solid #0f1ed2
}

.mod-btn-02 .btn.of-type-04.of-outline a::before,.mod-btn-02 .btn.of-type-04.of-outline button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02 .btn.of-type-04.of-outline a:focus,.mod-btn-02 .btn.of-type-04.of-outline a:hover,.mod-btn-02 .btn.of-type-04.of-outline button:focus,.mod-btn-02 .btn.of-type-04.of-outline button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02 .btn.of-type-04.of-outline a:focus::before,.mod-btn-02 .btn.of-type-04.of-outline a:hover::before,.mod-btn-02 .btn.of-type-04.of-outline button:focus::before,.mod-btn-02 .btn.of-type-04.of-outline button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-02 .btn.of-type-04.of-translucent a,.mod-btn-02 .btn.of-type-04.of-translucent button {
    color: #0f1ed2;
    background-color: rgba(255,255,255,.7);
    border: 1px solid #0f1ed2
}

.mod-btn-02 .btn.of-type-04.of-translucent a::before,.mod-btn-02 .btn.of-type-04.of-translucent button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

.mod-btn-02 .btn.of-type-04.of-translucent a:focus,.mod-btn-02 .btn.of-type-04.of-translucent a:hover,.mod-btn-02 .btn.of-type-04.of-translucent button:focus,.mod-btn-02 .btn.of-type-04.of-translucent button:hover {
    color: #2c69ff;
    border: 1px solid #2c69ff
}

.mod-btn-02 .btn.of-type-04.of-translucent a:focus::before,.mod-btn-02 .btn.of-type-04.of-translucent a:hover::before,.mod-btn-02 .btn.of-type-04.of-translucent button:focus::before,.mod-btn-02 .btn.of-type-04.of-translucent button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue-sky.svg)
}

.mod-btn-03 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 16px
}

.mod-btn-03 a,.mod-btn-03 button {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #2c69ff;
    position: relative;
    display: inline-block;
    padding: 14px 51px 14px 26px;
    transition: .2s ease;
    border-radius: 60px
}

.mod-btn-03 a::before,.mod-btn-03 button::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: calc(50% - 8px);
    right: 26px;
    bottom: auto;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    content: ""
}

.mod-btn-03 a:focus,.mod-btn-03 a:hover,.mod-btn-03 button:focus,.mod-btn-03 button:hover {
    background-color: #1c3384
}

.mod-btn-03.of-type-02 a,.mod-btn-03.of-type-02 button {
    color: #2c69ff;
    background-color: #fff;
    min-width: 125px;
    padding: 14px;
    cursor: pointer;
    border: 1px solid #2c69ff
}

.mod-btn-03.of-type-02 a::before,.mod-btn-03.of-type-02 button::before {
    display: none
}

.mod-btn-03.of-type-02 a:focus,.mod-btn-03.of-type-02 a:hover,.mod-btn-03.of-type-02 button:focus,.mod-btn-03.of-type-02 button:hover {
    color: #fff;
    background-color: #2c69ff
}

.mod-btn-list-01 {
    max-width: 830px;
    margin: 19px auto 0
}

.mod-btn-list-01>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -20px 0 0 -20px
}

.mod-btn-list-01>ul>li {
    padding: 20px 0 0 20px
}

.mod-btn-list-01 .btn {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #042f5e;
    background-image: linear-gradient(to right,#d8deef 0,#fff 25%);
    background-position: right center;
    background-size: 200% auto;
    position: relative;
    display: inline-block;
    padding: 5px 20px 4px;
    transition: .2s ease;
    border: solid 1px #3b5a81;
    border-radius: 1000px
}

.mod-btn-list-01 .btn:focus,.mod-btn-list-01 .btn:hover {
    background-position-x: left
}

.mod-list {
    margin: 0 0 45px
}

.mod-box-05 .mod-list {
    margin-bottom: 24px
}

.mod-list>.list,.mod-list>.list>li>.list {
    letter-spacing: 1.2px;
    margin: 0 0 -14px -26px
}

.mod-list>.list>li,.mod-list>.list>li>.list>li {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 0 3px 50px
}

[lang=ja] .mod-list>.list>li,[lang=ja] .mod-list>.list>li>.list>li {
    word-break: break-all
}

.mod-list>.list>li>.list>li>:last-child,.mod-list>.list>li>:last-child {
    margin-bottom: 0
}

.mod-list>.list>li::before,.mod-list>.list>li>.list>li::before {
    background: #646e74;
    position: absolute;
    top: .6em;
    left: 31px;
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 12px
}

.of-color-white .mod-list>.list>li::before,.of-color-white .mod-list>.list>li>.list>li::before {
    background-color: #fff
}

.mod-list>.list>li>.list>li>:last-child,.mod-list>.list>li>:last-child {
    margin-bottom: 0
}

.mod-list>.list>li>.list>li>.mod-list,.mod-list>.list>li>.mod-list {
    margin: 16px 0 0 4px
}

.mod-list>.list>li>.list>li,.mod-list>.list>li>.list>li>.list>li,.mod-list>.list>li>.list>li>.mod-list>.list>li,.mod-list>.list>li>.mod-list>.list>li {
    padding-left: 46px
}

.mod-list>.list>li>.list>li::before,.mod-list>.list>li>.list>li>.list>li::before,.mod-list>.list>li>.list>li>.mod-list>.list>li::before,.mod-list>.list>li>.mod-list>.list>li::before {
    background: #a4aab0
}

.mod-list>.list>li>.list,.mod-list>.list>li>.list>li>.list {
    margin-top: 2px;
    margin-left: -22px
}

.mod-list>.list>li>.list>li>:not([class^=mod-list]):not(:last-child):first-child,.mod-list>.list>li>:not([class^=mod-list]):not(:last-child):first-child {
    margin-bottom: 6px
}

.mod-list>.list.fs-01>li,.mod-list>.list>li>.list.fs-01>li {
    padding: 0 0 6px 50px
}

.mod-list>.list.fs-01>li::before,.mod-list>.list>li>.list.fs-01>li::before {
    top: .5em
}

.mod-list.of-notice li {
    padding: 0
}

.mod-list.of-notice li::before {
    content: none
}

.mod-list.line-height-wide>.list>li::before {
    top: 20px
}

.mod-list.line-height-wide>.list>li>.list>li::before {
    top: 19px
}

.mod-list.line-height-super-wide>.list>li::before {
    top: 27px
}

.mod-list.line-height-super-wide>.list>li>.list>li::before {
    top: 26px
}

.mod-list-02 {
    margin-bottom: 52px
}

.mod-list-02>ul.list {
    display: table
}

.mod-list-02>ul.list>li {
    display: table-row
}

.mod-list-02>ul.list>li .mark {
    text-align: left;
    white-space: pre;
    padding: 0 7px 3px 0
}

.mod-list-02>ul.list>li>* {
    font-size: 100%;
    vertical-align: top;
    display: table-cell
}

.mod-list-02>ul.list>li>.content {
    padding: 0 0 3px 0
}

.mod-list-02>ul.list>li>.content>:last-child {
    margin-bottom: 0
}

.mod-list-02.of-notice {
    font-size: 1.4rem
}

.mod-list-02.of-notice small {
    font-size: 100%
}

.mod-list-ordered {
    margin: 0 0 37px;
    counter-reset: mod_list_ordered
}

.mod-box-05 .mod-list-ordered {
    margin-bottom: 24px
}

.mod-list-ordered>:last-child {
    margin-bottom: 0
}

.mod-list-ordered>ol.list {
    display: table;
    width: 100%
}

.mod-list-ordered>ol.list>li {
    display: table-row;
    margin: 0
}

.mod-list-ordered>ol.list>li>.content {
    vertical-align: top;
    display: table-cell;
    width: 100%
}

.mod-list-ordered>ol.list>li>.content+* {
    margin-top: 10px
}

.mod-list-ordered>ol.list>li>.content>:first-child {
    margin-top: 0
}

.mod-list-ordered>ol.list>li>.content>:not([class^=mod-list]):not(:last-child):first-child {
    margin-bottom: 3px
}

.mod-list-ordered>ol.list>li::before {
    vertical-align: top;
    white-space: pre;
    word-wrap: normal;
    display: table-cell;
    padding: 0 7px 3px 0;
    content: counter(mod_list_ordered) ".";
    counter-increment: mod_list_ordered
}

.mod-list-ordered>ol.list>li>:last-child {
    margin-bottom: 0
}

.mod-list-ordered .mod-list-ordered {
    padding: 0 0 0 30px
}

.mod-list-ordered .mod-list>.list,.mod-list-ordered .mod-list>.list>li>.list {
    margin-top: -3px
}

.mod-list-ordered .mod-list>.list>li::before,.mod-list-ordered .mod-list>.list>li>.list>li::before {
    top: calc(4px + .55em)
}

.mod-list-ordered.line-height-wide .mod-list>.list>li::before {
    top: 13px
}

.mod-list-ordered.line-height-super-wide .mod-list>.list>li::before {
    top: 20px
}

.mod-list-category {
    margin: 0 0 38px
}

.mod-list-category>.list {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: -8px 0 0 -46px
}

.mod-list-category>.list>li {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 8px 0 0 46px
}

.mod-list-category>.list>li::after {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -11px -191px;
    background-size: auto;
    position: absolute;
    top: 0;
    right: -24px;
    bottom: 0;
    display: block;
    width: 1px;
    height: 22px;
    margin: auto;
    content: "";
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border: 0
}

.mod-list-category>.list>li>a {
    max-width: 100%
}

.mod-list-category>.list>li:last-child::after {
    display: none
}

.mod-list-category>.list>li>a:not([href]),.mod-list-category>.list>li>em {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: inherit
}

.mod-list-category>.list>li>a {
    color: inherit
}

.mod-list-category>.list>li>a:visited {
    color: #000
}

.mod-list-category.align-center>.list {
    -webkit-justify-content: center;
    justify-content: center
}

.mod-list-category.align-right>.list {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-list-category-02 {
    margin-bottom: 20px
}

.mod-list-category-02>.list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px
}

.mod-list-category-02>.list>li {
    margin-top: 10px
}

.mod-list-category-02>.list>li:not(:last-child) {
    margin-right: 2px
}

.mod-list-category-02>.list>li>a {
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    color: #2c69ff;
    background-color: #fff;
    display: block;
    padding: 8px 9px;
    transition: background-color .2s;
    border: 1px solid #2c69ff;
    border-radius: 44px
}

.mod-list-category-02>.list>li>a:focus,.mod-list-category-02>.list>li>a:hover {
    color: #fff;
    background-color: #2c69ff
}

.mod-list-desc {
    margin: 0 0 32px
}

.mod-list-desc>dl.list {
    margin: 0
}

.mod-list-desc>dl.list>div dd,.mod-list-desc>dl.list>div dt {
    margin: 0
}

.mod-list-desc>dl.list>div dt {
    font-weight: 700
}

.mod-list-desc>dl.list>div dt dfn {
    font-style: normal
}

.mod-list-desc>dl.list>div dd {
    margin: 0 0 1em
}

.mod-list-desc>dl.list>div dd>:first-child {
    margin-top: 0
}

.mod-list-desc>dl.list>div dd>:last-child {
    margin-bottom: 0
}

.mod-list-desc>dl.list>div:last-child>dd:last-child {
    margin-bottom: 0
}

.mod-list-alert {
    font-size: 1.4rem;
    color: #be375a;
    margin: 0 0 14px
}

.mod-tbl-form td.caption .mod-list-alert {
    margin-top: 14px;
    margin-bottom: 0
}

.mod-list-alert>.list {
    margin: 0;
    padding: 0
}

.mod-list-alert>.list>li:not(.no-icon) {
    position: relative;
    padding: 0 0 0 28px
}

.mod-list-alert>.list>li:not(.no-icon)::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -198px -120px;
    background-size: auto;
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 19px;
    height: 17px;
    content: ""
}

.mod-list-alert.line-height-wide>.list>li::before {
    top: 4px
}

.mod-list-alert.line-height-super-wide>.list>li::before {
    top: 12px
}

.mod-list-news>dl.list {
    font-size: 1.4rem;
    line-height: 1.75;
    width: 100%;
    margin: 0 0 40px
}

.mod-list-news>dl.list>.row dt {
    padding: 0 0 3px
}

.mod-list-news>dl.list>.row dd {
    width: 100%;
    margin: 0;
    padding: 0 0 24px
}

.mod-list-news>dl.list>.row dd .content a {
    text-decoration: none
}

.mod-list-news>dl.list>.row dd .content a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-list-news>dl.list>.row dd .content a:focus,.mod-list-news>dl.list>.row dd .content a:hover {
    text-decoration: underline
}

.mod-list-news>dl.list>.row dd .content a.inner-link {
    text-decoration: underline
}

.mod-list-news>dl.list>.row dd .content a.inner-link::after {
    display: none
}

.mod-list-news>dl.list>.row dd .content a.inner-link:focus,.mod-list-news>dl.list>.row dd .content a.inner-link:hover {
    text-decoration: none
}

.mod-list-news>dl.list>.row:last-child dd {
    padding-bottom: 0
}

.mod-list-news.of-type-02>dl.list>.row {
    border-bottom: 1px dotted #333
}

.mod-list-news.of-type-02>dl.list>.row dt {
    padding-bottom: 1px
}

.mod-list-news.of-type-02>dl.list>.row dd {
    padding-bottom: 10px
}

.mod-list-news.of-type-02>dl.list>.row:not(:first-child) dt {
    padding-top: 18px
}

.mod-list-news.of-type-02>dl.list>.row:not(:first-child) dd {
    padding: 0 0 8px
}

.mod-list-news.of-type-03>dl.list>.row dd,.mod-list-news.of-type-03>dl.list>.row dt {
    display: inline
}

.mod-list-news.of-type-03>dl.list>.row dt {
    padding: 0 13px 0 0
}

.mod-list-news.of-type-03 b.label {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    background: #dce8f5;
    display: inline-block;
    width: 120px
}

.mod-list-news.of-type-03 b.label+* {
    padding: 4px 0 27px
}

.mod-list-news.of-type-04>dl.list>.row dt {
    padding-bottom: 5px
}

.mod-list-news.of-type-04>dl.list>.row dd {
    padding-bottom: 26px
}

.mod-list-news.of-type-04 ul.label {
    font-size: 1.2rem;
    line-height: 1.5;
    position: relative;
    top: -5px;
    left: -5px;
    display: block;
    overflow: hidden;
    width: calc(100% + 5px);
    margin: 0 0 2px
}

.mod-list-news.of-type-04 ul.label li {
    text-align: center;
    background: #e0efed;
    display: block;
    float: left;
    margin: 5px 0 0 5px;
    padding: 0 10px
}

.mod-list-news.of-type-05>ul.list {
    margin: 0 0 40px
}

.mod-list-news.of-type-05>ul.list>.row {
    padding-bottom: 14px;
    border-bottom: 1px dotted #333
}

.mod-list-news.of-type-05>ul.list>.row+.row {
    padding-top: 14px
}

.mod-list-news.of-type-05>ul.list>.row .content>li>a {
    text-decoration: none
}

.mod-list-news.of-type-05>ul.list>.row .content>li>a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-list-news.of-type-05>ul.list>.row .content>li>a:focus,.mod-list-news.of-type-05>ul.list>.row .content>li>a:hover {
    text-decoration: underline
}

.mod-list-news.of-type-05 .schedule {
    font-size: 1.4rem;
    margin-bottom: 5px
}

.mod-list-news.of-type-05 .tag {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -10px -10px
}

.mod-list-news.of-type-05 .tag>li {
    padding: 0 0 10px 10px
}

.mod-list-news.of-type-05 .tag>li[class^=of-] span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    background: 0 0;
    display: block;
    min-width: 120px
}

.mod-list-news.of-type-05 .tag>li.of-category span {
    background: #dce8f5
}

.mod-list-news.of-type-05 .tag>li.of-full span {
    color: #fff;
    background: #24766b
}

.mod-list-news.of-type-05 .tag>li.of-accept span {
    color: #000;
    background: #f5dee4
}

.mod-list-news.of-type-05 .notice {
    clear: both;
    padding-top: 5px
}

.mod-list-news.of-type-05 .notice>:last-child {
    margin-bottom: 0
}

.mod-list-news.of-type-05 .content {
    padding-top: 5px
}

.mod-list-news.of-type-05 .supplement {
    font-size: 1.4rem;
    margin-top: 5px
}

.mod-list-news.of-type-05 .supplement>:last-child {
    margin-bottom: 0
}

.mod-list-news-02 {
    font-size: 1.4rem;
    margin: 0 0 30px
}

.mod-list-news-02 a {
    text-decoration: none;
    color: #000;
    padding-left: 0
}

.mod-list-news-02 a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-list-news-02 a:focus,.mod-list-news-02 a:hover {
    text-decoration: underline
}

.mod-list-news-02 .list>div {
    margin: 0 0 25px 0
}

.mod-list-news-02 .list>div>dd {
    margin: 0
}

.mod-list-news-02 .list>div:last-child {
    margin-bottom: 0
}

.mod-list-news-03 {
    margin-bottom: 20px
}

.mod-list-news-03>.item {
    border-bottom: 1px solid #999
}

.mod-list-news-03>.item:first-child {
    border-top: 1px solid #999
}

.mod-list-news-03>.item>a {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 25px 0
}

.mod-list-news-03>.item>a .date {
    font-size: 1rem;
    font-weight: 700;
    color: #5b6179;
    margin-bottom: 8px
}

.mod-list-news-03>.item>a .text {
    font-size: 1.3rem;
    color: #4a4a4a;
    transition: .2s ease
}

.mod-list-news-03>.item>a:focus .text,.mod-list-news-03>.item>a:hover .text {
    text-decoration: underline;
    color: #2c69ff
}

p+.mod-list-news-03 {
    margin-top: 20px
}

.mod-list-faq>dl.list {
    font-size: 1.4rem;
    line-height: 1.71429;
    display: table;
    width: 100%;
    margin: 0 0 46px;
    border-collapse: collapse
}

.mod-list-faq>dl.list>dd,.mod-list-faq>dl.list>dt {
    display: table-row
}

.mod-list-faq>dl.list>dd>*,.mod-list-faq>dl.list>dt>* {
    vertical-align: top;
    display: table-cell
}

.mod-list-faq>dl.list>dd>.label,.mod-list-faq>dl.list>dt>.label {
    font-size: 2rem;
    line-height: 1.4;
    white-space: pre
}

.mod-list-faq>dl.list>dt {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.625
}

.mod-list-faq>dl.list>dt>.label {
    color: #04127c;
    padding: 0 17px 0 0
}

.mod-list-faq>dl.list>dt>.label+.content {
    padding: 0 0 17px 1px
}

.mod-list-faq>dl.list>dd>.label {
    color: #be375a
}

.mod-list-faq>dl.list>dd>.label+.content {
    width: 100%;
    padding: 2px 0 40px
}

.mod-list-faq>dl.list>dd>.label+.content>:first-child {
    margin-top: 0
}

.mod-list-faq>dl.list>dd>.label+.content>:last-child {
    margin-bottom: 0
}

.mod-list-faq>dl.list>dd:last-child>.label+.content {
    padding-bottom: 0
}

.mod-list-seminar {
    font-size: 1.2rem;
    margin: 16px 0 0
}

.mod-list-seminar .seminar-itemGroup {
    background: #ebebeb;
    margin: 0 0 16px;
    padding: 17px 20px 24px
}

.mod-list-seminar .seminar-itemGroup>.itemGroup-time {
    font-size: 1.6rem;
    margin: 0 0 20px;
    padding: 0 0 3px;
    border-bottom: 1px solid #bbb
}

.mod-list-seminar .seminar-itemGroup>.session-list>.list>li:not(:first-child) {
    margin: 24px 0 0;
    padding: 24px 0 0;
    border-top: 1px dotted #666
}

.mod-list-seminar .seminar-itemGroup>.session-list>.list>li:first-child:not(.is-visible)~li.is-visible {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.mod-list-seminar .seminar-itemGroup>.session-list>.list>li:first-child:not(.is-visible)~li.is-visible~li {
    margin: 24px 0 0;
    padding: 24px 0 0;
    border-top: 1px dotted #666
}

.mod-list-seminar .seminar-itemGroup>.session-list>.list>li>.session {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-list-seminar .seminar-itemGroup .session-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.mod-list-seminar .session-summary {
    margin: 16px 0 0
}

.mod-list-seminar .session-summary>.item-status {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0 0 17px
}

.mod-list-seminar .item-status>.list {
    overflow: hidden;
    order: 1;
    margin: -4px 0 0 -4px;
    -webkit-order: 1
}

.mod-list-seminar .item-status>.list>li {
    color: #fff;
    float: left;
    max-width: 100%;
    padding: 4px 0 0 4px
}

.mod-list-seminar .item-status>.list>li>span {
    line-height: 1.85;
    color: #000;
    background: 0 0;
    display: block;
    padding: 0
}

.mod-list-seminar .item-status>.list>li[class^=of-] span {
    color: #fff;
    padding: 0 6px
}

.mod-list-seminar .item-status>.list>li.of-class>span {
    background: #04127c
}

.mod-list-seminar .item-status>.list>li.of-accept>span {
    background: #be375a
}

.mod-list-seminar .item-status>.list>li.of-full>span {
    background: #24766b
}

.mod-list-seminar .item-status .item-time {
    order: 3;
    margin: 0 0 6px;
    -webkit-order: 3
}

.mod-list-seminar .item-status .item-place {
    order: 2;
    margin: 0 0 6px;
    -webkit-order: 2
}

.mod-list-seminar .itemGroup-time {
    margin: 20px 0 6px
}

.mod-list-seminar .item-content p {
    margin: 0 0 .5em
}

.mod-list-seminar .item-content>.title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.33333
}

.mod-list-seminar .item-content .presenterList {
    margin: 14px 0 22px
}

.mod-list-seminar .item-content .presenterList>li {
    margin: 0 0 1em
}

.mod-list-seminar .item-content .presenterList>li p {
    margin: 0
}

.mod-list-seminar .item-content .presenterList>li .position {
    display: block
}

.mod-list-seminar .item-content .presenterList>li .name {
    font-weight: 700
}

.mod-list-seminar .item-content .presenterList>li:last-child {
    margin-bottom: 0
}

.mod-list-seminar .entry-ui {
    margin: 22px 0 0
}

.mod-list-seminar .ui-item>.item,.mod-list-seminar .ui-item>.item-cancel {
    text-align: center;
    margin: 0
}

.mod-list-seminar .ui-item>.item-cancel>label,.mod-list-seminar .ui-item>.item-cancel>label>span,.mod-list-seminar .ui-item>.item-cancel>span>span,.mod-list-seminar .ui-item>.item>label,.mod-list-seminar .ui-item>.item>label>span,.mod-list-seminar .ui-item>.item>span>span {
    display: block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mod-list-seminar .ui-item>.item-cancel>label>span,.mod-list-seminar .ui-item>.item-cancel>span,.mod-list-seminar .ui-item>.item>label>span,.mod-list-seminar .ui-item>.item>span {
    font-size: 1.6rem;
    background: #fff;
    padding: 9px 8px 7px;
    cursor: default
}

.mod-list-seminar .ui-item label {
    position: relative
}

.mod-list-seminar .ui-item label>span::after,.mod-list-seminar .ui-item label>span::before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    content: ""
}

.mod-list-seminar .ui-item label>span::before {
    z-index: 1;
    left: 15px;
    width: 20px;
    height: 20px;
    border: 1px solid #c9cfd6;
    box-shadow: 1px 1px 0 0 #f0f0f0 inset
}

.mod-list-seminar .ui-item label>span::after {
    z-index: 2;
    left: 20px;
    width: 11px;
    height: 9px;
    transition: .2s opacity ease-out;
    -webkit-transform: skew(-19deg) rotate(-65deg) translate(2px,-2px);
    transform: skew(-19deg) rotate(-65deg) translate(2px,-2px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 2px -2px 0 0 #04127c inset;
    opacity: 0
}

.mod-list-seminar .ui-item input[type=checkbox] {
    position: absolute;
    z-index: -1;
    top: -100%;
    left: -100%
}

.mod-list-seminar .ui-item input[type=checkbox]:checked+span::after {
    opacity: 1
}

.mod-list-seminar .ui-item input[type=checkbox]:focus+span {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px
}

.mod-list-seminar .ui-item.of-apply>.item>label>span {
    color: #be375a;
    padding: 7px 48px 5px;
    border: 2px solid
}

.mod-list-seminar .ui-item.of-seleted>.item>label>span {
    color: #666;
    padding: 7px 48px 5px;
    border: 2px solid #c9cfd6
}

.mod-list-seminar .ui-item.of-message>.item>label>span {
    color: #666;
    background: #f6f6f6;
    padding-right: 50px;
    padding-left: 50px
}

.mod-list-seminar .ui-item.of-message>.item>label>span::before {
    background: #e5e7e9;
    left: 17px;
    box-shadow: none
}

.mod-list-seminar .ui-item.of-applied>.item>span {
    color: #666;
    display: block
}

.mod-list-seminar .ui-item.of-disabled>.item>label,.mod-list-seminar .ui-item.of-disabled>.item>span {
    color: #666;
    background: #f6f6f6
}

.mod-list-seminar .ui-item.of-disabled>.item>span {
    display: block
}

.mod-list-seminar .ui-item>.item-cancel {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.mod-list-seminar .ui-item>.item-cancel>label {
    margin-top: 30px
}

.mod-list-seminar .ui-item>.item-cancel>label>span {
    background: 0 0;
    padding: 0 47px
}

.mod-list-seminar .ui-item>.item-cancel>label>span::before {
    background: #fff
}

.mod-list-seminar-02 {
    margin: 14px 0 24px
}

.mod-list-seminar-02.of-horizontal.of-noBreak>.list {
    display: block
}

.mod-list-seminar-02.of-horizontal.of-noBreak>.list>li {
    max-width: 100%
}

.mod-list-seminar-02.of-horizontal.of-noBreak>.list>li>.wrap {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mod-list-seminar-02.of-horizontal.of-noBreak>.list>li>.wrap>.summary {
    -webkit-flex-basis: calc(63.6708% + 10px);
    flex-basis: calc(63.6708% + 10px);
    max-width: calc(63.6708% + 10px);
    padding-left: 10px
}

.mod-list-seminar-02.of-horizontal.of-noBreak>.list>li>.wrap>.img {
    -webkit-flex-basis: calc(36.3292% - 10px);
    flex-basis: calc(36.3292% - 10px);
    max-width: calc(36.3292% - 10px);
    margin: 0
}

.mod-list-seminar-02.of-horizontal.of-noBreak>.list>li>.wrap>.img img {
    margin: 0
}

.mod-list-seminar-02>.list>li {
    margin: 0 0 16px
}

.mod-list-seminar-02>.list>li>.wrap {
    background: #ebebeb;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    padding: 20px
}

.mod-list-seminar-02>.list>li>.wrap .img {
    display: table;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin: 0 0 20px;
    table-layout: fixed
}

.mod-list-seminar-02>.list>li>.wrap .img>* {
    display: table-cell
}

.mod-list-seminar-02>.list>li>.wrap .img>* img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.mod-list-seminar-02>.list>li>.wrap .summary {
    font-size: 1.2rem;
    width: 100%
}

.mod-list-seminar-02>.list>li>.wrap .summary>p {
    margin: 0 0 6px
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px 0 19px -4px
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag span {
    font-size: 1.2rem;
    line-height: 1.9;
    letter-spacing: .33px;
    color: #000;
    background: 0 0;
    display: block;
    padding: 0
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag>li {
    max-width: 100%;
    padding: 4px 0 0 4px
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag>li[class^=of-] span {
    color: #fff;
    padding: 0 5px
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag>li.of-class span {
    background: #04127c
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag>li.of-accept span {
    background: #be375a
}

.mod-list-seminar-02>.list>li>.wrap .summary .tag>li.of-full span {
    background: #24766b
}

.mod-list-seminar-02>.list>li>.wrap .summary .title {
    font-size: 1.8rem;
    line-height: 1.33333;
    margin: 0 0 16px
}

.mod-list-seminar-02>.list>li>.wrap .summary>:last-child {
    margin-bottom: 0
}

.mod-list-thisCategory {
    overflow: hidden;
    margin: 0 0 34px
}

.mod-list-thisCategory>.list {
    margin: -18px 0 0 -20px
}

.mod-list-thisCategory>.list>div {
    font-size: 1.2rem;
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 18px 0 0 20px
}

.mod-list-thisCategory>.list>div>dt {
    font-weight: 700;
    letter-spacing: -.4px;
    word-break: keep-all;
    padding: 4px 6px 0 0
}

.mod-list-thisCategory>.list>div>dd {
    margin: 0
}

.mod-list-thisCategory>.list>div>dd>ul {
    margin: -8px 0 0 -5px
}

.mod-list-thisCategory>.list>div>dd>ul>li {
    float: left;
    padding: 8px 0 0 5px
}

.mod-list-thisCategory>.list>div>dd>ul>li>* {
    line-height: 1.5;
    display: block;
    padding: 4px 8px
}

.mod-list-thisCategory>.list>div>dd>ul>li>span {
    background: #ccc
}

.mod-list-thisCategory>.list>div>dd>ul>li>a {
    text-decoration: none;
    color: #04127c;
    background: #dce8f5
}

.mod-list-tag {
    line-height: 1.5;
    margin: 0 0 2px
}

.mod-list-tag>.list {
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    margin: -5px 0 0 -5px
}

.mod-list-tag>.list li {
    text-align: center;
    background: #dce8f5;
    display: block;
    float: left;
    margin: 5px 0 0 5px;
    padding: 0 10px
}

.mod-list-room {
    margin-bottom: 40px
}

.mod-list-room>li>a {
    text-decoration: none;
    background: #dce8f5;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 120px;
    padding: 10px
}

.mod-list-room>li>a .img {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin: 0 auto 10px
}

.mod-list-room>li>a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-height: 120px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mod-list-room>li>a .item .txt {
    font-size: 1.4rem;
    margin-bottom: 5px
}

.mod-list-room>li>a .item .txt::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-list-room>li>a .item .date {
    font-size: 1.4rem;
    margin: 0
}

.mod-list-room>li:focus .date,.mod-list-room>li:focus .txt,.mod-list-room>li:hover .date,.mod-list-room>li:hover .txt {
    text-decoration: underline
}

.mod-list-room>li+li {
    margin-top: 12px
}

.mod-list-room-02 {
    margin-bottom: 20px
}

.mod-list-room-02>li {
    line-height: 1.4;
    padding: 15px 0 14px;
    border-bottom: 1px dotted #333
}

.mod-list-room-02>li>a {
    font-size: 1.4rem
}

.mod-list-room-03 {
    margin-bottom: 40px
}

.mod-list-room-03>li+li {
    margin-top: 26px
}

.mod-list-room-03>li>a {
    text-decoration: none;
    display: -webkit-flex;
    display: flex
}

.mod-list-room-03>li>a>.img {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.mod-list-room-03>li>a>.img img {
    max-width: 173px
}

.mod-list-room-03>li>a>.item {
    margin: -5px 0 0 20px
}

.mod-list-room-03>li>a>.item>.icon {
    margin-bottom: 2px
}

.mod-list-room-03>li>a>.item>.icon>.mod-label {
    line-height: inherit;
    height: 18px;
    margin: 0
}

.mod-list-room-03>li>a>.item>.txt {
    font-size: 1.4rem;
    margin: 0
}

.mod-list-room-03>li>a:focus>.item>.txt,.mod-list-room-03>li>a:hover>.item>.txt {
    text-decoration: underline
}

.mod-list-room-04 {
    margin-bottom: 20px
}

.mod-list-room-04>li+li {
    margin-top: 24px
}

.mod-list-room-04>li>a {
    text-decoration: none;
    display: block
}

.mod-list-room-04>li>a>.img {
    text-align: center;
    position: relative
}

.mod-list-room-04>li>a>.img img {
    max-width: 280px
}

.mod-list-room-04>li>a>.img::before {
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 34px;
    height: 34px;
    margin: auto;
    content: "";
    border-radius: 50%;
    opacity: .8
}

.mod-list-room-04>li>a>.img::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -14px;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: "";
    border: 10px solid transparent;
    border-left: 15px solid #333;
    opacity: .7
}

.mod-list-room-04>li>a>.txt {
    font-size: 1.4rem
}

.mod-list-room-04>li>a:focus>.txt,.mod-list-room-04>li>a:hover>.txt {
    text-decoration: underline
}

.mod-list-sns .hdg {
    font-size: 2rem;
    text-align: center;
    color: #fff;
    background-color: #04127c;
    margin-bottom: 10px;
    padding: 10px
}

.mod-list-sns .list>li:not(first-child) {
    margin-top: 10px
}

.mod-list-sns .list>li>a {
    font-size: 1.6rem;
    text-decoration: none;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 80px;
    padding-left: 90px;
    border: 1px solid #d6d6d6
}

.mod-list-sns .list>li>a>span>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto
}

.mod-tbl {
    margin: 0 0 52px
}

.mod-tbl>table {
    font-size: 1.4rem;
    width: 100%;
    margin: 0 0 52px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

.mod-tbl>table:last-child {
    margin-bottom: 0
}

.mod-tbl>table td,.mod-tbl>table th {
    word-wrap: break-word;
    background: #fff;
    padding: 13px 20px 10px;
    border: 1px solid #bbb
}

.mod-tbl>table td.var01,.mod-tbl>table th.var01 {
    background: #e1e9ff
}

.mod-tbl>table td.var02,.mod-tbl>table th.var02 {
    background: #eff2f6
}

.mod-tbl>table th.var01,.mod-tbl>table th.var02,.mod-tbl>table th.var03 {
    font-weight: 700
}

.mod-tbl caption {
    text-align: center;
    max-width: 100%;
    margin: 0 0 5px;
    overflow-wrap: break-word
}

.mod-tbl thead td,.mod-tbl thead th {
    background: #c5ccd9
}

.mod-tbl tbody th {
    font-weight: 400;
    text-align: left;
    background: #eff2f6
}

.mod-tbl tbody td>:first-child {
    margin-top: 0
}

.mod-tbl tbody td>:last-child {
    margin-bottom: 0
}

.mod-tbl.of-type-02>table {
    font-size: 1.3rem
}

.mod-tbl.of-type-02 td,.mod-tbl.of-type-02 th {
    padding: 10px 20px 8px
}

.mod-tbl.of-type-02 thead td,.mod-tbl.of-type-02 thead th {
    padding: 9px 10px 9px
}

.mod-tbl.of-scroll {
    overflow: auto
}

.mod-tbl.of-scroll>table {
    width: 620px;
    table-layout: auto
}

.mod-tbl.of-scroll>table caption {
    text-align: left
}

.mod-tbl.of-scroll th {
    word-break: keep-all
}

.mod-tbl.of-along>table {
    word-break: normal;
    table-layout: auto
}

.mod-tbl-form {
    margin: 0 0 20px
}

.mod-tbl-form .form-inputLyt {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 9px
}

.mod-tbl-form .form-inputLyt>li {
    padding: 16px 0 0 16px
}

.mod-tbl-form .form-inputLyt>li>:first-child {
    margin-top: 0
}

.mod-tbl-form .form-inputLyt>li>:last-child {
    margin-bottom: 0
}

.mod-tbl-form .form-inputLyt+[class^=mod-] {
    margin-top: 15px
}

.mod-tbl-form>table {
    font-size: 1.6rem;
    display: block;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #bbb
}

.mod-tbl-form>table tbody,.mod-tbl-form>table td,.mod-tbl-form>table th,.mod-tbl-form>table thead,.mod-tbl-form>table tr {
    display: block
}

.mod-tbl-form>table>tbody>tr>td.caption {
    text-align: left;
    vertical-align: top;
    background: #ebebeb
}

.mod-tbl-form>table>tbody>tr>td.caption.is-error {
    background: #fbf0eb
}

.mod-tbl-form>table>tbody>tr>td.caption>.inner {
    position: relative;
    padding: 19px 69px 19px 19px
}

.mod-tbl-form>table>tbody>tr>td.caption>.inner .required {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.61538;
    letter-spacing: .5px;
    color: #fff;
    background: #be375a;
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 16px;
    padding: 0 5px
}

.mod-tbl-form>table>tbody>tr>td.caption>.inner:not(:lang(ja)) {
    padding-right: 19px;
    padding-bottom: 50px
}

.mod-tbl-form>table>tbody>tr>td.caption>.inner:not(:lang(ja)) .required {
    top: auto;
    right: auto;
    bottom: 24px;
    left: 19px
}

.mod-tbl-form>table>tbody>tr>td:not(.caption) {
    vertical-align: middle;
    padding: 20px;
    border-bottom: 1px solid #bbb
}

.mod-tbl-form>table>tbody>tr>td:not(.caption)>:first-child {
    margin-top: 0
}

.mod-tbl-form>table>tbody>tr>td:not(.caption)>:last-child {
    margin-bottom: 0
}

.mod-tbl-form>table>tbody>tr>td:not(.caption)>.form-inputLyt {
    margin-top: -16px;
    margin-left: -16px
}

.mod-box {
    overflow: hidden;
    margin: 0 0 30px;
    border: 1px solid #ccc
}

.mod-box>:first-child:not(.inner) {
    margin-top: 30px;
    margin-right: 24px;
    margin-left: 24px
}

.mod-box>.inner {
    margin: 30px 24px
}

.mod-box>.inner>:first-child {
    margin-top: 0
}

.mod-box>.inner>:last-child {
    margin-bottom: 0
}

.mod-box.of-scroll>.inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 300px;
    -webkit-overflow-scrolling: touch
}

html:not([data-script-enabled=true]) .mod-box.of-scroll>.inner {
    height: auto!important
}

.mod-box.of-transparent {
    background-color: rgba(255,255,255,.9);
    border: 0
}

.mod-box.of-transparent .mod-btn a:focus,.mod-box.of-transparent .mod-btn a:hover,.mod-box.of-transparent .mod-btn button:focus,.mod-box.of-transparent .mod-btn button:hover {
    opacity: 1
}

.mod-box.of-bgcolor-02 {
    background: #6b7387;
    border: 0
}

.mod-box.of-bgcolor-03 {
    background-color: #6b7387;
    border: 0
}

.mod-box.of-bgcolor-04 {
    background-color: #6b7387;
    border: 0
}

.mod-box.of-color-white {
    color: #fff
}

.mod-box.of-color-white a {
    color: #fff
}

.mod-box.of-color-white .mod-btn.var01 a {
    color: #535a6e
}

.mod-box.of-color-white .mod-btn.var01 a:focus,.mod-box.of-color-white .mod-btn.var01 a:hover {
    color: #7d869a
}

.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) .btn>span,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled),.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download)>span {
    color: #fff;
    border-color: #fff
}

.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) .btn>span::before,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a::before,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled)::before,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download)>span::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
}

.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a:focus,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a:hover,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled):focus,.mod-box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled):hover {
    opacity: .8
}

.mod-box.of-color-white .mod-btn-02.of-type-02 a,.mod-box.of-color-white .mod-btn-02.of-type-02 button {
    color: #535a6e
}

.mod-box.of-color-white .mod-btn-02.of-type-02 a:focus,.mod-box.of-color-white .mod-btn-02.of-type-02 a:hover,.mod-box.of-color-white .mod-btn-02.of-type-02 button:focus,.mod-box.of-color-white .mod-btn-02.of-type-02 button:hover {
    color: #7d869a;
    border: 1px solid #7d869a
}

.mod-box.of-color-white .mod-btn-02.of-type-02 a:focus::before,.mod-box.of-color-white .mod-btn-02.of-type-02 a:hover::before,.mod-box.of-color-white .mod-btn-02.of-type-02 button:focus::before,.mod-box.of-color-white .mod-btn-02.of-type-02 button:hover::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-gray-hover.svg)
}

.mod-box.of-round-5 {
    border-radius: 5px
}

.mod-box.of-round-10 {
    border-radius: 10px
}

.mod-box.of-round-15 {
    border-radius: 15px
}

.mod-box.of-round-20 {
    border-radius: 20px
}

.mod-box.of-round-25 {
    border-radius: 25px
}

.mod-box-02 {
    font-size: 1.8rem;
    color: #fff;
    background: #323e94;
    margin: 0 10px 20px;
    padding: 5px
}

.mod-box-02>:last-child {
    margin-bottom: 0
}

.mod-box-03 {
    margin: 0 0 24px
}

.mod-box-03>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px 0 0 -12px
}

.mod-box-03>.inner>.col {
    width: 100%;
    padding: 12px 0 0 12px
}

.mod-box-03>.inner>.col .mod-link>.list>li>a,.mod-box-03>.inner>.col a,.mod-box-03>.inner>.col>.box {
    color: #fff
}

.mod-box-03>.inner>.col>.box {
    background: #323e94;
    padding: 24px
}

.mod-box-03>.inner>.col>.box>:first-child {
    margin-top: 0
}

.mod-box-03>.inner>.col>.box>:last-child {
    margin-bottom: 0
}

.mod-box-04 {
    margin: 0 0 20px
}

.mod-box-04>.inner {
    border: solid #f6f6f6;
    border-width: 0 4px 4px
}

.mod-box-04>.inner>li {
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 16px 16px 13px;
    border: solid #f6f6f6;
    border-width: 4px 0 0
}

.mod-box-04>.inner>li>:first-child {
    margin-top: 0
}

.mod-box-04>.inner>li>:last-child {
    margin-bottom: 0
}

.mod-box-04>.inner>li .link {
    font-size: 1.6rem;
    margin: 0 0 11px
}

.mod-box-04>.inner>li .link a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-box-05 {
    margin: 0 0 24px
}

.mod-box-05>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px 0 0 -12px
}

.mod-box-05>.inner>.col {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 24px 0 0 12px
}

.mod-box-05>.inner>.col>.box {
    background: #fff;
    width: 100%;
    padding: 24px 24px 30px;
    border: 1px solid #ccc
}

.mod-box-05>.inner>.col>.box[class*=of-bgcolor] {
    border: 0
}

.mod-box-05>.inner>.col>.box.of-bgcolor-02 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-03 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-04 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-05 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-06 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-07 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-08 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-09 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-10 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-11 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-12 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-13 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-14 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-15 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-16 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-17 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-18 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-19 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-20 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-21 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-22 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-23 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-24 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-25 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-26 {
    background: #eff2f6
}

.mod-box-05>.inner>.col>.box.of-bgcolor-27 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-28 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-29 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-30 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-31 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-32 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-33 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-34 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-35 {
    background: #6b7387
}

.mod-box-05>.inner>.col>.box.of-bgcolor-36 {
    background: #0f1ed2
}

.mod-box-05>.inner>.col>.box.of-color-white {
    color: #fff
}

.mod-box-05>.inner>.col>.box.of-color-white .mod-btn.var01 a {
    color: #535a6e
}

.mod-box-05>.inner>.col>.box.of-color-white .mod-btn.var01 a:focus,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn.var01 a:hover {
    color: #7d869a
}

.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) .btn>span,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled),.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download)>span {
    color: #fff;
    border-color: #fff
}

.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) .btn>span::before,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a::before,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled)::before,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download)>span::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
}

.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a:focus,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) a:hover,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled):focus,.mod-box-05>.inner>.col>.box.of-color-white .mod-btn:not(.var01):not(.var02):not(.of-contact):not(.of-download) button:not(:disabled):hover {
    opacity: .8
}

.mod-box-05>.inner>.col>.box.of-color-white a {
    color: #fff
}

.mod-box-05>.inner>.col>.box>:first-child {
    margin-top: 0
}

.mod-box-05>.inner>.col>.box>:last-child {
    margin-bottom: 0
}

.mod-box-05.of-shadow>.inner>.col>.box {
    box-shadow: 10px 10px 0 0 #ccc
}

.mod-box-notice {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 0 37px
}

.mod-box-notice>.heading {
    text-align: center;
    background: #006b7f
}

.mod-box-notice>.heading>.hdg {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    margin: 0;
    padding: 10px
}

.mod-box-notice>.content {
    font-size: 1.6rem;
    line-height: 1.71429;
    background: #d7e8f0;
    padding: 22px 24px
}

.mod-box-notice>.content>:last-child {
    margin-bottom: 0
}

.mod-box-alert {
    overflow: hidden;
    margin: 0 0 16px;
    border: 1px solid #be375a
}

.mod-box-alert>.inner {
    margin: 18px 20px 16px
}

.mod-box-alert>.inner>:first-child {
    margin-top: 0
}

.mod-box-alert>.inner>:last-child {
    margin-bottom: 0
}

.mod-box-search {
    margin: 0 0 24px
}

.mod-box-search:not(.of-narrow)>.content>.link {
    text-align: right
}

.mod-box-search.of-narrow>.content {
    padding: 24px 16px 21px
}

.mod-box-search.of-narrow>.content .form .submit {
    max-width: none
}

.mod-box-search>.hdg {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 0;
    padding: 9px 0 3px
}

.mod-box-search>.content {
    background: #dadef0;
    padding: 20px 20px 21px;
    border-width: 3px 0 0
}

.mod-box-search>.content>:first-child {
    margin-top: 0
}

.mod-box-search>.content>:last-child {
    margin-bottom: 0
}

.mod-box-search>.content>.link {
    text-align: center
}

.mod-box-search>.content>.link a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-box-search>.content .form {
    margin: 0
}

.mod-box-search>.content .form:not(:last-child) {
    margin: 0 0 17px
}

.mod-box-search>.content .form .input,.mod-box-search>.content .form .submit {
    display: block
}

.mod-box-search>.content .form .input {
    margin: 0 0 14px
}

.mod-box-search>.content .form .submit {
    max-width: 178px;
    margin: 0 auto
}

.mod-box-search>.content .form input {
    width: 100%;
    margin: 0;
    padding: 14px 10px 12px 18px;
    border: 0
}

.mod-box-search>.content .form button {
    color: #be375a;
    background: #fff;
    width: 100%;
    padding: 9px 10px 7px;
    border: 2px solid
}

.mod-box-search>.content .form button>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding: 0 17px 0 0
}

.mod-box-search>.content .form button>span::before,.mod-box-search>.content .form button>span>span {
    display: block
}

.mod-box-search>.content .form button>span::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -51px 0;
    background-size: 116px 110px;
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: ""
}

.mod-box-room {
    margin-top: 50px
}

.mod-box-room>.hdg {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: #04127c;
    margin: 0;
    padding: 6px 35px
}

.mod-box-room>.content {
    background: #ebebeb;
    padding: 20px 18px
}

.mod-box-room>.content>:last-child {
    margin-bottom: 0
}

.mod-lyt {
    max-width: 1210px;
    margin: 30px auto
}

.mod-lyt.of-float:not([data-col])>.inner {
    display: -webkit-flex;
    display: flex
}

.mod-lyt[data-col]>.inner>* {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%
}

.mod-lyt[data-sp-1col]>.inner>* {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%
}

.mod-lyt>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -16px 0 0 -10px
}

.mod-lyt>.inner>* {
    padding: 16px 0 0 10px
}

.mod-lyt>.inner>*>:last-child {
    margin-bottom: 0
}

.mod-lyt>.inner>* img:not(.icn) {
    display: block;
    max-width: 100%
}

.mod-lyt.of-adjust-height>.inner>* {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: stretch;
    align-items: stretch
}

.mod-lyt.align-center>.inner {
    text-align: left;
    -webkit-justify-content: center;
    justify-content: center
}

.mod-lyt-02>.inner>.col>.mod-media {
    margin-bottom: 10px
}

.mod-lyt-02>.inner>.col>.mod-media>span img {
    width: 100%!important;
    max-width: 100%!important
}

.mod-lyt-02>.inner>.col>.mod-media+.mod-tgl-02>.tgl-hook-wrap-uni {
    margin-top: 0
}

.mod-bg-img {
    position: relative;
    overflow: hidden;
    padding: 0 20px
}

.mod-bg-img .mod-bg-img-inner {
    position: relative;
    z-index: 10;
    max-width: 1200px;
    min-height: calc(560vw * 100 / 1800);
    margin: 0 auto;
    padding: 50px 0
}

.mod-bg-img .mod-bg-img-inner>:first-child {
    margin-top: 0
}

.mod-bg-img .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%
}

.mod-bg-img .bg-img>img {
    position: absolute;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mod-bg-img._middle .mod-bg-img-inner {
    max-width: 900px
}

.mod-bg-img._narrow .mod-bg-img-inner {
    max-width: 600px
}

.mod-bg-img._color-bright .mod-bg-img-inner {
    color: #fff
}

.mod-bg-img._color-bright .mod-bg-img-inner .mod-link {
    color: #fff
}

.mod-bg-img._cover::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.mod-bg-img._cover._cover-dark-50::before {
    background: rgba(0,0,0,.5)
}

.mod-bg-img._cover._cover-dark-70::before {
    background: rgba(0,0,0,.7)
}

.mod-bg-img._cover._cover-dark-80::before {
    background: rgba(0,0,0,.8)
}

.mod-bg-img._cover._cover-bright-50::before {
    background: rgba(255,255,255,.5)
}

.mod-bg-img._cover._cover-bright-70::before {
    background: rgba(255,255,255,.7)
}

.mod-bg-img._cover._cover-bright-80::before {
    background: rgba(255,255,255,.8)
}

.mod-news-lyt-lqd .col {
    background-color: #f2ece6;
    position: relative;
    margin: 0 0 20px 0;
    margin: 0 0 35px 0
}

.mod-news-lyt-lqd .col .inner a {
    text-decoration: none;
    display: block;
    max-width: 100%
}

.mod-news-lyt-lqd .col .inner a:hover {
    text-decoration: underline
}

.mod-news-lyt-lqd .col .inner a .item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 10px 0
}

.mod-news-lyt-lqd .col .content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 10px
}

.mod-news-lyt-lqd .col .content .txt {
    margin: 0
}

.mod-news-lyt-lqd .col .content .date {
    text-align: right;
    margin: 0
}

.mod-news-lyt-lqd .col .media {
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto 10px
}

.mod-news-lyt-lqd .col .media .news-media {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 156px;
    height: 156px
}

.mod-news-lyt-lqd .col .media .news-media img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mod-latest-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.mod-latest-area .latest-news {
    padding: 10px
}

.mod-latest-area .latest-news .mod-hdg-l3-02 {
    font-size: 2.6rem
}

.mod-latest-area .latest-news .wrap {
    width: 100%
}

.mod-latest-area .latest-news .col {
    width: 80vw;
    max-width: 373px;
    margin: 0 0 20px;
    margin: 0 auto
}

.mod-latest-area .latest-news .col .pnl {
    margin: 0 0 20px;
    border: solid 1px #ddd
}

.mod-latest-area .latest-news .col .pnl a {
    text-decoration: none
}

.mod-latest-area .latest-news .col .pnl a:hover {
    text-decoration: underline
}

.mod-latest-area .latest-news .col .pnl .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-latest-area .latest-news .col .pnl .inner .txt {
    word-wrap: break-word;
    word-break: break-all;
    padding: 20px
}

.mod-latest-area .latest-news .col .pnl .inner .txt .txt-top {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.mod-latest-area .latest-news .col .pnl .inner .txt .txt-top .label {
    line-height: 1;
    background-color: #dbe0f1;
    display: inline-block;
    padding: 5px 10px 2px
}

.mod-latest-area .latest-news .col .pnl .inner .txt .cont::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.mod-latest-area .latest-news .col .pnl .inner .media {
    position: relative;
    margin: 0 auto
}

.mod-latest-area .latest-news .col .pnl .inner .media .category {
    color: #fff;
    background-color: #615279;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px 7px
}

.mod-latest-area .latest-news .col .pnl .inner .media img {
    display: block;
    max-width: 100%;
    height: auto
}

.mod-latest-area .latest-video .inner {
    background-color: #d7e8f0;
    max-width: 370px;
    margin: 0 auto 30px;
    padding: 20px 20px 5px
}

.mod-latest-area .latest-video .inner .col {
    margin-bottom: 20px
}

.mod-latest-area .latest-video .inner .col .pnl a {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-latest-area .latest-video .inner .col .pnl a:hover {
    text-decoration: underline
}

.mod-latest-area .latest-video .inner .col .pnl a .txt {
    font-size: 1.4rem;
    word-wrap: break-word;
    word-break: break-all;
    padding: 0 0 0 10px
}

.mod-latest-area .latest-video .inner .col .pnl a .media {
    position: relative;
    margin: 0 10px 0 0
}

.mod-latest-area .latest-video .inner .col .pnl a .media img {
    display: block;
    max-width: 190px
}

.mod-latest-area .latest-video .inner .col .pnl a .media::before {
    background: #fff;
    position: absolute;
    z-index: 3;
    top: 32px;
    left: 50%;
    display: block;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    content: "";
    border-radius: 50%;
    opacity: .8
}

.mod-latest-area .latest-video .inner .col .pnl a .media::after {
    position: absolute;
    z-index: 4;
    top: 38px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    content: "";
    border: 10px solid transparent;
    border-left: 15px solid #333;
    opacity: .7
}

.mod-media {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto 28px
}

.mod-box-05 .mod-media {
    margin-bottom: 24px
}

.mod-media figcaption {
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
    margin: 14px auto 0
}

.mod-media figcaption .js-modal-img {
    display: none
}

.mod-media figcaption .js-modal-img+br {
    display: none
}

.mod-media>span {
    text-align: center;
    width: 100%;
    min-height: calc(0%)
}

.mod-media>span a {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    padding: 0
}

.mod-media>span a.js-modal-img>.link,.mod-media>span a.of-movie>.link,.mod-media>span a[href$=".doc"]>.link,.mod-media>span a[href$=".exe"]>.link,.mod-media>span a[href$=".lzh"]>.link,.mod-media>span a[href$=".pdf"]>.link,.mod-media>span a[href$=".ppt"]>.link,.mod-media>span a[href$=".xls"]>.link,.mod-media>span a[href$=".zip"]>.link,.mod-media>span a[target="_blank"]>.link {
    text-decoration: underline;
    position: relative;
    display: inline-block;
    padding-left: 24px
}

.mod-media>span a.js-modal-img>.link .icn,.mod-media>span a.of-movie>.link .icn,.mod-media>span a[href$=".doc"]>.link .icn,.mod-media>span a[href$=".exe"]>.link .icn,.mod-media>span a[href$=".lzh"]>.link .icn,.mod-media>span a[href$=".pdf"]>.link .icn,.mod-media>span a[href$=".ppt"]>.link .icn,.mod-media>span a[href$=".xls"]>.link .icn,.mod-media>span a[href$=".zip"]>.link .icn,.mod-media>span a[target="_blank"]>.link .icn {
    position: absolute;
    top: .125em;
    left: 0;
    margin: 3px 20px 0 0
}

.mod-media>span a.js-modal-img {
    text-decoration: none;
    cursor: default
}

.mod-media>span a.js-modal-img:focus img,.mod-media>span a.js-modal-img:hover img {
    opacity: 1
}

.mod-media>span a.js-modal-img>.link {
    display: none;
    padding-left: 0
}

.mod-media>span img {
    max-width: 100%;
    height: auto
}

.mod-media iframe,.mod-media img,.mod-media video {
    display: block;
    margin: 0 auto
}

.mod-media.align-left figcaption {
    margin-left: 0
}

.mod-media.align-left>span {
    text-align: left
}

.mod-media.align-left>span img {
    margin-left: 0
}

.mod-media.align-right figcaption {
    margin-right: 0
}

.mod-media.align-right>span {
    text-align: right
}

.mod-media.align-right>span img {
    margin-right: 0
}

.mod-media.of-round-5>span img {
    border-radius: 5px
}

.mod-media.of-round-10>span img {
    border-radius: 10px
}

.mod-media.of-round-15>span img {
    border-radius: 15px
}

.mod-media.of-round-20>span img {
    border-radius: 20px
}

.mod-media.of-round-25>span img {
    border-radius: 25px
}

.mod-media.of-round-50per>span img {
    border-radius: 50%
}

.mod-media-lyt {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
    padding: 10px
}

.mod-media-lyt.var01 {
    background: rgba(220,232,245,.9)
}

.mod-media-lyt.var01>.inner>.txt p:not([class^=mod-]) {
    font-size: 114.28571%
}

.mod-media-lyt>.inner {
    display: table;
    max-width: 1200px;
    margin: 0 auto
}

.mod-media-lyt>.inner>.txt {
    vertical-align: top;
    display: table-cell
}

.mod-media-lyt>.inner>.txt .lede {
    font-size: 1.8rem;
    font-weight: 400;
    display: block;
    margin: 0 0 1rem
}

.mod-media-lyt>.inner>.txt .lede a {
    color: inherit
}

.mod-media-lyt>.inner>.txt>:last-child {
    margin-bottom: 0
}

.mod-media-lyt>.inner>.media {
    vertical-align: top;
    display: table-header-group
}

.mod-media-lyt>.inner>.media iframe,.mod-media-lyt>.inner>.media img {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px
}

.mod-media-lyt.of-round-5>.inner>.media img {
    border-radius: 5px
}

.mod-media-lyt.of-round-10>.inner>.media img {
    border-radius: 10px
}

.mod-media-lyt.of-round-15>.inner>.media img {
    border-radius: 15px
}

.mod-media-lyt.of-round-20>.inner>.media img {
    border-radius: 20px
}

.mod-media-lyt.of-round-25>.inner>.media img {
    border-radius: 25px
}

.mod-media-lyt.of-round-50per>.inner>.media img {
    border-radius: 50%
}

.mod-media-lyt-flt,.mod-media-lyt-lqd {
    width: 100%;
    margin: 0 0 30px
}

.mod-media-lyt-flt>.media,.mod-media-lyt-lqd>.media {
    margin: 0 auto 16px
}

.mod-media-lyt-flt>.media .mod-media,.mod-media-lyt-flt>.media .mod-media-video,.mod-media-lyt-lqd>.media .mod-media,.mod-media-lyt-lqd>.media .mod-media-video {
    margin: 0 auto
}

.mod-media-lyt-flt>.media>img,.mod-media-lyt-flt>.media>picture>img,.mod-media-lyt-lqd>.media>img,.mod-media-lyt-lqd>.media>picture>img {
    width: 100%;
    margin: 0 0 20px
}

.mod-media-lyt-flt .media,.mod-media-lyt-flt figcaption,.mod-media-lyt-lqd .media,.mod-media-lyt-lqd figcaption {
    text-align: center
}

.mod-media-lyt-flt>.content>p>b.title,.mod-media-lyt-lqd>.content>p>b.title {
    font-size: 2rem
}

.mod-media-lyt-flt.sp-mediaBottom {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-media-lyt-flt>.media {
    text-align: center
}

.mod-media-lyt-flt>.text>:last-child {
    margin-bottom: 0
}

.mod-media-lyt-lqd {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mod-media-lyt-lqd.of-noBreak {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mod-media-lyt-lqd.of-noBreak>.media {
    width: auto;
    padding: 0 30px 0 0
}

.mod-media-lyt-lqd.of-noBreak>.media .mod-media img {
    max-width: none
}

.mod-media-lyt-lqd.of-noBreak.of-reverse {
    -webkit-flex-direction: row;
    flex-direction: row
}

.mod-media-lyt-lqd.of-noBreak.of-reverse>.media {
    padding: 0 0 0 30px
}

.mod-media-lyt-lqd.of-noBreak.of-align-center {
    -webkit-align-items: center;
    align-items: center
}

.mod-media-lyt-lqd.of-noBreak.of-align-center>.content {
    width: 100%
}

.mod-media-lyt-lqd.of-noBreak.of-align-center>.media {
    margin-bottom: 0
}

.mod-media-lyt-lqd.sp-mediaBottom {
    -webkit-flex-direction: column;
    flex-direction: column
}

.mod-media-lyt-lqd.sp-mediaBottom>.media {
    padding-top: 16px
}

.mod-media-lyt-lqd.sp-mediaBottom>.content {
    width: 100%
}

.mod-media-lyt-lqd>.content>:last-child {
    margin-bottom: 0
}

.mod-media-lyt-lqd>.media {
    width: 100%
}

.mod-media-lyt-lqd.of-movie.sp-mediaBottom>.media,.mod-media-lyt-lqd.of-movie>.media {
    width: 100%
}

.mod-media-video {
    margin: 0 auto 28px
}

.mod-media-video>.outer {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto
}

.mod-media-video>.outer>.inner {
    display: block;
    padding-top: 56.25%
}

.mod-media-video>.outer>.inner>* {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important
}

.mod-media-video.of-full>.outer {
    max-width: none
}

.mod-media-video iframe {
    border: 0
}

.mod-media-video>figcaption {
    font-size: 1.4rem;
    width: 100%;
    margin: 14px 0 0
}

.mod-media-article {
    position: relative;
    margin-top: 30px
}

.mod-media-article>.inner {
    padding: 0!important
}

.mod-media-article>.inner>.img {
    position: relative;
    overflow: hidden;
    min-height: 200px
}

.mod-media-article>.inner>.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mod-media-article>.inner>.contents {
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0 0 14px 0 rgba(56,66,73,.1)
}

.mod-media-article>.inner>.contents .mod-hdg-l2 {
    text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.mod-media-article>.inner>.contents .mod-hdg-l2.align-right {
    text-align: start!important;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-media-article>.inner>.contents .mod-hdg-l2.align-left {
    text-align: start!important;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.mod-media-article>.inner>.contents .btnArea {
    margin: 26px 0 0
}

.mod-media-article-02>.col {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 20px
}

.mod-media-article-02>.col+.col {
    margin-top: 50px
}

.mod-media-article-02>.col>.container {
    background-color: rgba(255,255,255,.95);
    width: 100%;
    margin-top: -35px;
    margin-right: -20px;
    margin-left: auto;
    padding: 40px 20px;
    box-shadow: 0 0 14px 0 rgba(56,66,73,.1)
}

.mod-media-article-02>.col>.container>.hdg {
    font-size: 2rem;
    line-height: 1.375;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0
}

.mod-media-article-02>.col>.container>.hdg+.sub {
    margin-top: 5px
}

.mod-media-article-02>.col>.container>.hdg.align-right {
    text-align: start!important;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-media-article-02>.col>.container>.hdg.align-left {
    text-align: start!important;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.mod-media-article-02>.col>.container>.sub {
    font-weight: 700;
    color: #646e74;
    margin: 0
}

.mod-media-article-02>.col>.container>.content {
    margin-top: 30px
}

.mod-media-article-02>.col>.container>.btnArea {
    max-width: 300px;
    margin: 20px auto 0
}

.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn].align-right {
    text-align: start!important;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn].align-left {
    text-align: start!important;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn]>.btn>a,.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn]>.btn>button,.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn]>.btn>span {
    width: 100%
}

.mod-media-article-02>.col>.img {
    position: relative;
    z-index: -1;
    margin-left: -20px
}

.mod-media-article-02>.col>.img>img,.mod-media-article-02>.col>.img>picture>img {
    display: block;
    max-width: 100%;
    height: auto
}

.mod-media-horizontal {
    position: relative
}

.mod-media-horizontal::before {
    background-image: linear-gradient(to right,#fff,rgba(255,255,255,0));
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    display: block;
    width: calc(80% + 4vw);
    height: 100%
}

.mod-media-horizontal>.media {
    position: relative;
    z-index: 10
}

.mod-media-horizontal>.media>img,.mod-media-horizontal>.media>picture>img {
    width: 100%
}

.mod-media-horizontal>.media>img.pc,.mod-media-horizontal>.media>picture>img.pc {
    display: none
}

.mod-media-horizontal>.media>img.sp,.mod-media-horizontal>.media>picture>img.sp {
    display: block
}

.mod-media-horizontal>.content {
    background-color: #edeff8;
    z-index: 30;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 15px 20px
}

.mod-media-horizontal>.content>.hdg {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 20px
}

.mod-media-horizontal>.content>.hdg>span.bottom,.mod-media-horizontal>.content>.hdg>span.top {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.9;
    color: #333;
    display: block;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 20px
}

.mod-media-horizontal>.content>.hdg>span.top {
    order: -1;
    -webkit-order: -1
}

.mod-media-horizontal>.content>.hdg>span.bottom {
    margin-top: 20px
}

.mod-media-horizontal>.content>p {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.mod-media-horizontal>.content>p.bottom,.mod-media-horizontal>.content>p.top {
    font-size: 1.4rem;
    line-height: 1.9;
    color: #333;
    margin: 0 0 20px
}

.mod-media-horizontal>.content>p.top {
    order: -1;
    -webkit-order: -1
}

.mod-media-horizontal.of-has-logo>.media>img {
    height: auto
}

.mod-media-horizontal.of-has-logo>.content>.logo {
    display: block;
    order: -2;
    margin-bottom: 16px;
    -webkit-order: -2
}

.mod-media-horizontal.of-has-logo>.content>.logo>img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 18px
}

.mod-input input,.mod-input textarea,.mod-input-postalCode input,.mod-input-tel input {
    line-height: 1;
    width: 100%;
    max-width: 235px;
    min-height: 44px;
    padding: 9px;
    border: 1px solid #c9cfd6;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.24) inset
}

.mod-input input[aria-invalid]:not([aria-invalid=false]),.mod-input textarea[aria-invalid]:not([aria-invalid=false]),.mod-input-postalCode input[aria-invalid]:not([aria-invalid=false]),.mod-input-tel input[aria-invalid]:not([aria-invalid=false]) {
    background: #f6e1c5;
    border-color: #be375a
}

.mod-input input:disabled,.mod-input textarea:disabled,.mod-input-postalCode input:disabled,.mod-input-tel input:disabled {
    background: #efefef
}

.mod-input .description,.mod-input-postalCode .description,.mod-input-select .description,.mod-input-tel .description {
    font-size: 1.2rem;
    color: #666;
    margin: 0 0 4px
}

.mod-input .description+.description,.mod-input-postalCode .description+.description,.mod-input-select .description+.description,.mod-input-tel .description+.description {
    margin-top: -4px
}

.mod-input b.label,.mod-input-postalCode b.label,.mod-input-select b.label,.mod-input-tel b.label {
    font-size: 1.4rem;
    font-weight: 400;
    display: block
}

.mod-input .example,.mod-input-postalCode .example,.mod-input-select .example,.mod-input-tel .example {
    font-size: 1.2rem;
    color: #666
}

.mod-input {
    margin: 0 0 10px
}

.mod-input textarea {
    line-height: 1.75;
    width: auto;
    width: 100%;
    max-width: 100%;
    min-height: 117px
}

.site-footer .mod-input input,.site-header .mod-input input {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: .5em 15px;
    border-color: #333 #999 #999 #333;
    box-shadow: none
}

.mod-input-tel {
    margin: 0 0 10px
}

.mod-input-tel input {
    max-width: 110px
}

.mod-input-tel>.list {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 0 -20px
}

.mod-input-tel>.list>li {
    position: relative;
    padding: 0 0 0 20px
}

.mod-input-tel>.list>li:not(:first-child)::before {
    background: #333;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 7px;
    display: block;
    width: 6px;
    height: 1px;
    margin: auto 0;
    content: "";
    border: 1px solid #bfbfbf;
    border-width: 0 1px
}

.mod-input-postalCode {
    margin: 0 0 10px
}

.mod-input-postalCode+[class^=mod-] {
    margin-top: 15px
}

.mod-input-postalCode input {
    max-width: 110px
}

.mod-input-postalCode>.wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.mod-input-postalCode>.wrap>.mark {
    padding: 0 6px 0 0
}

.mod-input-postalCode>.wrap>.list {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 0 -20px
}

.mod-input-postalCode>.wrap>.list>li {
    position: relative;
    padding: 0 0 0 20px
}

.mod-input-postalCode>.wrap>.list>li:not(:first-child)::before {
    background: #333;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 7px;
    display: block;
    width: 6px;
    height: 1px;
    margin: auto 0;
    content: "";
    border: 1px solid #bfbfbf;
    border-width: 0 1px
}

.mod-input-select {
    margin: 0 0 10px
}

.mod-input-select .wrap {
    line-height: 1;
    background: #fff;
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 340px;
    height: 44px;
    padding: 1px
}

.mod-input-select .wrap::after,.mod-input-select .wrap::before {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    content: ""
}

.mod-input-select .wrap::before {
    background: #fff;
    z-index: 1;
    right: 0;
    width: 39px;
    height: 100%
}

.mod-input-select .wrap::after {
    z-index: 2;
    right: 14px;
    bottom: 6px;
    width: 18px;
    height: 18px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -1px -1px 1px 0 #767676 inset
}

.mod-input-select select {
    font-size: 1.6rem;
    line-height: 1;
    background: 0 0;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 9px 53px 8px 19px;
    border: 0;
    border: 1px solid #c9cfd6;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.24) inset
}

.mod-input-select select[aria-invalid]:not([aria-invalid=false]) {
    background: #f6e1c5;
    border-color: #be375a
}

.mod-input-select select:disabled {
    background: #efefef
}

.mod-input-radio {
    overflow: hidden;
    margin: 0 0 32px
}

.mod-input-radio .description {
    font-size: 1.2rem;
    color: #666;
    margin: 0 0 4px
}

.mod-input-radio .description+.description {
    margin-top: -4px
}

.mod-input-radio>.list {
    width: calc(100% + 38px);
    margin: -18px 0 0 -38px
}

.mod-input-radio li {
    float: left;
    overflow: hidden;
    max-width: 100%;
    padding: 18px 0 0 38px
}

.mod-input-radio label {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    max-width: 100%;
    padding: 1px
}

.mod-input-radio label .label {
    font-weight: 400;
    line-height: 1.71429;
    position: relative;
    display: block;
    padding: 0 0 0 34px;
    cursor: default
}

.mod-input-radio label .label::after,.mod-input-radio label .label::before {
    position: absolute;
    display: block;
    content: ""
}

.mod-input-radio label .label::before {
    background: #fff;
    z-index: 1;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #cad0d7;
    border-radius: 24px
}

.mod-input-radio label [type=radio]:checked+.label::after {
    background: #04127c;
    z-index: 2;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 12px
}

.mod-input-radio label [type=radio]:disabled+.label::before {
    background: #efefef
}

.mod-input-radio label [type=radio][aria-invalid]:not([aria-invalid=false])+.label::before {
    background: #f6e1c5;
    border-color: #be375a
}

.mod-input-radio label [type=radio]:focus:not(:hover)+.label {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px
}

.mod-input-radio input {
    position: absolute;
    top: -100%;
    left: -100%
}

.mod-input-check {
    overflow: hidden;
    margin: 0 0 32px
}

.mod-input-check .description {
    font-size: 1.2rem;
    color: #666;
    margin: 0 0 4px
}

.mod-input-check .description+.description {
    margin-top: -4px
}

.mod-tbl-form td.caption .mod-input-check {
    margin-bottom: 0
}

.mod-input-check>.list {
    margin: -18px 0 0 -38px
}

.mod-input-check li {
    float: left;
    overflow: hidden;
    max-width: 100%;
    padding: 18px 0 0 38px
}

.mod-input-check label {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    max-width: 100%;
    min-height: 24px;
    padding: 1px
}

.mod-input-check label .label {
    font-weight: 400;
    line-height: 1.71429;
    position: relative;
    display: block;
    padding: 0 0 0 34px;
    cursor: default
}

.mod-tbl-form td.caption .mod-input-check label .label {
    font-weight: 700
}

.mod-input-check label .label::after,.mod-input-check label .label::before {
    position: absolute;
    display: block;
    content: ""
}

.mod-input-check label .label::before {
    background: #fff;
    z-index: 1;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #cad0d7
}

.mod-input-check label .label::after {
    z-index: 2;
    top: 9px;
    left: 6px;
    width: 13px;
    height: 8px;
    transition: .2s opacity ease-out;
    -webkit-transform: rotate(-45deg) translate(2px,-2px);
    transform: rotate(-45deg) translate(2px,-2px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid #04127c;
    border-width: 0 0 2px 2px;
    opacity: 0
}

.mod-input-check label [type=checkbox]:checked+.label::after {
    opacity: 1
}

.mod-input-check label [type=checkbox]:disabled+.label::before {
    background: #efefef
}

.mod-input-check label [type=checkbox][aria-invalid]:not([aria-invalid=false])+.label::before {
    background: #f6e1c5;
    border-color: #be375a
}

.mod-input-check label [type=checkbox]:focus:not(:hover)+.label {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px
}

.mod-input-check input {
    position: absolute;
    top: -100%;
    left: -100%
}

.mod-input-check-02 {
    font-size: 1.4rem;
    overflow: hidden;
    margin: 0 0 23px
}

.mod-input-check-02 .description {
    font-size: 1.2rem;
    color: #666;
    margin: 0 0 4px
}

.mod-input-check-02 .description+.description {
    margin-top: -4px
}

.mod-input-check-02 li {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 12px
}

.mod-input-check-02 label {
    position: relative;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 1px
}

.mod-input-check-02 label .label {
    font-weight: 400;
    line-height: 1.71429;
    background: #fff;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 9px 12px 7px 46px;
    cursor: default;
    border: 2px solid #ebebeb
}

.mod-input-check-02 label .label::after,.mod-input-check-02 label .label::before {
    position: absolute;
    display: block;
    content: ""
}

.mod-input-check-02 label .label::before {
    background: #fff;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 24px;
    height: 24px;
    margin: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 1px 1px 0 0 #f0f0f0 inset
}

.mod-input-check-02 label .label::after {
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 19px;
    width: 15px;
    height: 9px;
    margin: auto;
    -webkit-transform: rotate(-45deg) translate(0,-3px);
    transform: rotate(-45deg) translate(0,-3px);
    box-shadow: 2px -2px 0 0 #04127c inset;
    opacity: 0
}

.mod-input-check-02 label [type=checkbox]:checked+.label {
    background: #ebebeb
}

.mod-input-check-02 label [type=checkbox]:checked+.label::before {
    background: #fff;
    border-color: #ebebeb
}

.mod-input-check-02 label [type=checkbox]:checked+.label::after {
    opacity: 1
}

.mod-input-check-02 label [type=checkbox]:focus:not(:hover)+.label {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px
}

.mod-input-check-02 input {
    position: absolute;
    top: -100%;
    left: -100%
}

.mod-fieldset {
    margin: 0 0 26px
}

.mod-fieldset>fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.mod-fieldset>fieldset>legend {
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: -1px;
    display: block;
    margin: 0 0 10px
}

.mod-fieldset>fieldset>:last-child {
    margin-bottom: 0
}

.mod-form-search {
    background: #dadef0;
    max-width: 1200px;
    margin: 0 auto 22px
}

.mod-form-search .search {
    font-size: 2rem;
    text-align: center;
    padding: 17px 10px 24px
}

.mod-form-search .search button {
    color: #be375a;
    background: #fff;
    cursor: pointer;
    border: 2px solid
}

.mod-form-search .search>.layout .label {
    font-weight: 700;
    display: block;
    margin: 0 0 6px
}

.mod-form-search .search>.layout .keyword {
    position: relative;
    margin: 0 0 42px
}

.mod-form-search .search>.layout .keyword::after,.mod-form-search .search>.layout .keyword::before {
    background: #3c3c3d;
    position: absolute;
    right: 0;
    bottom: -25px;
    left: 0;
    display: block;
    width: 25px;
    height: 1px;
    margin: 0 auto;
    content: ""
}

.mod-form-search .search>.layout .keyword::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-form-search .search>.layout .keyword::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-form-search .search>.layout .keyword .wrap {
    display: -webkit-flex;
    display: flex
}

.mod-form-search .search>.layout .keyword .input {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.mod-form-search .search>.layout .keyword .submit {
    -webkit-flex-basis: 90px;
    flex-basis: 90px;
    min-width: 90px
}

html:not(:lang(ja)) .mod-form-search .search>.layout .keyword .submit {
    -webkit-flex-basis: 110px;
    flex-basis: 110px;
    min-width: 110px
}

.mod-form-search .search>.layout .keyword button,.mod-form-search .search>.layout .keyword input[type=search] {
    font-size: 1.6rem;
    width: 100%
}

.mod-form-search .search>.layout .keyword input[type=search] {
    text-align: left;
    padding: 0 0 0 18px;
    border: 0
}

.mod-form-search .search>.layout .keyword button {
    line-height: 2.875;
    position: relative;
    padding: 2px 0 0 21px;
    cursor: pointer
}

.mod-form-search .search>.layout .keyword button::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-repeat: no-repeat;
    background-position: -26px -26px;
    background-size: 116px 110px;
    position: absolute;
    top: 13px;
    left: 12px;
    width: 20px;
    height: 20px;
    content: ""
}

.mod-form-search .search>.layout .category button {
    font-size: 1.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 9px 45px 7px
}

.mod-form-search .search>.layout .category button::before {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 10px;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    content: "";
    transition: .2s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid;
    border-color: #be375a #be375a transparent transparent
}

.mod-form-search .search>.layout .category button .func-icn {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto 0
}

.mod-form-search .modal-content>:first-child {
    margin-top: 0
}

.mod-form-search .modal-content>:last-child {
    margin-bottom: 0
}

html[data-script-enabled=true] .mod-form-search .modal-content {
    display: none
}

.mod-search-news {
    background-color: #dbe0f1;
    max-width: 640px;
    margin: 0 auto;
    padding: 20px
}

.mod-search-news form {
    line-height: 2
}

.mod-search-news .title {
    margin: 0 0 10px 0
}

.mod-search-news .title .label {
    font-size: 2rem;
    font-weight: 700;
    display: block
}

.mod-search-news .mod-input-keyword .wrap,.mod-search-news .mod-input-select .wrap {
    line-height: 1;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 54px;
    padding: 0;
    border-radius: 5px
}

.mod-search-news .mod-input-select .wrap input,.mod-search-news .mod-input-select .wrap select {
    border: 0;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.24) inset
}

.mod-search-news .mod-input-keyword .search-area .wrap .input {
    width: 100%
}

.mod-search-news .mod-input-keyword .search-area .wrap .input input[type=text] {
    width: 100%;
    height: 54px;
    padding: 10px 20px;
    border: 0
}

.mod-search-news .mod-input-keyword .wrap::before,.mod-search-news .mod-input-select .wrap::before {
    background: #fff;
    z-index: 1;
    right: 0;
    width: 39px;
    height: 100%
}

.mod-search-news .search-area {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 15px 0
}

.mod-search-news .search-area .mod-input {
    width: 100%;
    height: 54px
}

.mod-search-news .search-area .mod-input .wrap {
    width: 100%
}

.mod-search-news .search-area.type-date .wrap:first-child {
    margin: 0 5px 0 0
}

.mod-search-news .submit .mod-input-select .wrap {
    line-height: 1;
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 340px;
    height: 54px;
    padding: 1px
}

.mod-search-news .submit button[type=button],.mod-search-news .submit button[type=submit] {
    line-height: 1;
    color: #76161b;
    background-color: #fff;
    min-width: 58px;
    height: 54px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 2px #76161b
}

.mod-search-news .submit button[type=button] .search-wrap,.mod-search-news .submit button[type=submit] .search-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto
}

.mod-search-news .submit button[type=button] .icn img,.mod-search-news .submit button[type=submit] .icn img {
    max-width: 100%
}

.mod-search-news .submit button[type=button] .txt,.mod-search-news .submit button[type=submit] .txt {
    display: inline-block;
    max-width: 100%;
    margin: auto
}

.mod-search-news-02 {
    background-color: #dbe0f1;
    padding: 20px 10px
}

.mod-search-news-02 .form {
    line-height: 2
}

.mod-search-news-02 .title {
    margin: 0 0 10px 0
}

.mod-search-news-02 .title .label {
    font-size: 2rem;
    font-weight: 700;
    display: block
}

.mod-search-news-02 .mod-input-keyword .wrap,.mod-search-news-02 .mod-input-select .wrap {
    line-height: 1;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 54px;
    padding: 0;
    border-radius: 5px
}

.mod-search-news-02 .mod-input-select .wrap input,.mod-search-news-02 .mod-input-select .wrap select {
    border: 0
}

.mod-search-news-02 .mod-input-keyword .search-area .wrap .input {
    width: 100%
}

.mod-search-news-02 .mod-input-keyword .search-area .wrap .input input[type=text] {
    width: 100%;
    height: 54px;
    padding: 10px 20px;
    border: 0;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.24) inset
}

.mod-search-news-02 .mod-input-keyword .wrap::before,.mod-search-news-02 .mod-input-select .wrap::before {
    background: #fff;
    z-index: 1;
    right: 0;
    width: 39px;
    height: 100%
}

.mod-search-news-02 .search-area {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 15px 0
}

.mod-search-news-02 .search-area .mod-input {
    width: 100%;
    height: 54px
}

.mod-search-news-02 .search-area .mod-input .wrap {
    width: 100%
}

.mod-search-news-02 .search-area.type-date .wrap:first-child {
    margin: 0 5px 0 0
}

.mod-search-news-02 .submit .mod-input-select .wrap {
    line-height: 1;
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 340px;
    height: 54px;
    padding: 1px
}

.mod-search-news-02 .submit button[type=button],.mod-search-news-02 .submit button[type=submit] {
    line-height: 1;
    color: #76161b;
    background-color: #fff;
    min-width: 58px;
    height: 54px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 2px #76161b
}

.mod-search-news-02 .submit button[type=button] .search-wrap,.mod-search-news-02 .submit button[type=submit] .search-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto
}

.mod-search-news-02 .submit button[type=button] .icn img,.mod-search-news-02 .submit button[type=submit] .icn img {
    max-width: 100%
}

.mod-search-news-02 .submit button[type=button] .txt,.mod-search-news-02 .submit button[type=submit] .txt {
    display: inline-block;
    max-width: 100%;
    margin: auto
}

.mod-search-news-03 {
    margin: 40px 0
}

.mod-search-news-03 .input-month-wrap {
    position: relative
}

.mod-search-news-03 .input-month-wrap.is-open .picker-content {
    display: block
}

.mod-search-news-03 .input-month-wrap+.input-keyword {
    position: relative;
    margin-top: 38px
}

.mod-search-news-03 .input-month-wrap+.input-keyword::after,.mod-search-news-03 .input-month-wrap+.input-keyword::before {
    background: #3e3e3e;
    position: absolute;
    top: -19px;
    left: 50%;
    width: 24px;
    height: 1px;
    margin-left: -12px;
    content: ""
}

.mod-search-news-03 .input-month-wrap+.input-keyword::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-search-news-03 .input-month-wrap+.input-keyword::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-search-news-03 .input-month {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 44px;
    padding: 3px 10px 3px 2px;
    border: 1px solid #c9cfd6;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.24) inset
}

.mod-search-news-03 .input-month>input {
    width: calc(100% - 30px);
    padding: 6px 0 6px 10px;
    border: none
}

.mod-search-news-03 .input-month>button {
    background: 0 0;
    display: none;
    padding: 0;
    border: none
}

.mod-search-news-03 .input-month>button img {
    vertical-align: middle
}

[data-script-enabled=true] .mod-search-news-03 .input-month>button {
    display: block
}

.mod-search-news-03 .input-keyword {
    margin: 0
}

.mod-search-news-03 .input-keyword input {
    width: 100%;
    max-width: inherit;
    height: 44px;
    padding: 13px 10px;
    border: 1px solid #c9cfd6;
    border-radius: 0;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.24) inset
}

.mod-search-news-03 .label {
    font-size: 1.6rem;
    display: block;
    margin-bottom: 3px
}

.mod-search-news-03 .btn-search {
    margin-top: 20px
}

.mod-search-news-03 .btn-search button {
    color: #be375a;
    background: 0 0;
    width: 100%;
    height: 44px;
    padding: 8px 13px;
    border: 2px solid #be375a
}

.mod-search-news-03 .btn-search button>span {
    position: relative;
    padding-left: 28px
}

.mod-search-news-03 .btn-search button>span::before {
    background: url(/nf_global/v3/common/img/2021/icn/search-icn.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 21px;
    content: ""
}

.mod-search-news-03 .picker-content {
    background: #fff;
    position: absolute;
    z-index: 10;
    display: none;
    width: 288px;
    border: 1px solid #c9cfd6
}

.mod-search-news-03 .picker-content>.hdg {
    background: #646e74;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 40px
}

.mod-search-news-03 .picker-content>.hdg>p {
    margin: 0
}

.mod-search-news-03 .picker-content>.hdg .txt-month {
    text-align: center;
    color: #fff
}

.mod-search-news-03 .picker-content>.hdg button {
    font-size: .1rem;
    color: transparent;
    background: #646e74;
    display: -webkit-flex;
    display: flex;
    width: 43px;
    height: 100%;
    cursor: pointer;
    border: none
}

.mod-search-news-03 .picker-content>.hdg button[disabled] {
    background: #a4aab0;
    cursor: default
}

.mod-search-news-03 .picker-content>.hdg .btn-prev {
    position: relative;
    height: 100%;
    border-right: 1px solid #fff
}

.mod-search-news-03 .picker-content>.hdg .btn-prev::before {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 5px;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border: 1px solid #fff;
    border-width: 1px 1px 0 0
}

.mod-search-news-03 .picker-content>.hdg .btn-next {
    position: relative;
    height: 100%;
    border-left: 1px solid #fff
}

.mod-search-news-03 .picker-content>.hdg .btn-next::before {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    left: 0;
    width: 13px;
    height: 13px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #fff;
    border-width: 1px 1px 0 0
}

.mod-search-news-03 .picker-content>.content {
    background: #f6f6f6;
    padding: 15px 15px 10px 15px
}

.mod-search-news-03 .picker-content>.content .list-month {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px
}

.mod-search-news-03 .picker-content>.content .list-month>li {
    margin: 8px 0 0 8px
}

.mod-search-news-03 .picker-content>.content .list-month>li button {
    font-size: 1.4rem;
    color: #000;
    background: #fff;
    width: 80px;
    padding: 7px;
    cursor: pointer;
    transition: all .2s;
    border: 2px solid #666
}

.mod-search-news-03 .picker-content>.content .list-month>li button:not([disabled]):focus,.mod-search-news-03 .picker-content>.content .list-month>li button:not([disabled]):hover {
    font-weight: 700;
    color: #fff;
    background: #002b62;
    border-color: #002b62
}

.mod-search-news-03 .picker-content>.content .list-month>li button[disabled] {
    color: #666;
    background: #e5e7e9;
    cursor: default;
    border-color: #e5e7e9
}

.mod-search-news-03 .picker-content>.content .btn-reset {
    text-align: center;
    margin: 12px 0 0
}

.mod-search-news-03 .picker-content>.content .btn-reset button {
    font-size: 1.4rem;
    color: #000;
    background: #fff;
    width: 100%;
    padding: 7px;
    cursor: pointer;
    border: 2px solid #666
}

.mod-search-news-03 .picker-content>.content .btn-close {
    text-align: center;
    margin: 12px 0 0
}

.mod-search-news-03 .picker-content>.content .btn-close button {
    font-size: 1.5rem;
    background: 0 0;
    position: relative;
    padding-left: 20px;
    border: none
}

.mod-search-news-03 .picker-content>.content .btn-close button::after,.mod-search-news-03 .picker-content>.content .btn-close button::before {
    background: #3e3e3e;
    position: absolute;
    top: 11px;
    left: 0;
    width: 17px;
    height: 1px;
    content: ""
}

.mod-search-news-03 .picker-content>.content .btn-close button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-search-news-03 .picker-content>.content .btn-close button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-search-news-03 .form-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-align-items: flex-end;
    align-items: center;
    align-items: flex-end;
    width: 100%
}

.mod-search-news-03 .form-wrap * {
    line-height: 1.65
}

.mod-search-news-03 .form-wrap+.form-wrap {
    margin: 20px 0 0 0
}

.mod-search-news-03 .form-wrap>.input-keyword,.mod-search-news-03 .form-wrap>.input-month-wrap {
    width: calc(100% - 58px)
}

.mod-search-news-03 .form-wrap>.btn-search {
    margin-top: 0
}

.mod-search-news-03 .form-wrap>.btn-search>button {
    font-size: 1.4rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    width: 58px;
    padding: 3px
}

.mod-search-news-03 .form-wrap>.btn-search>button>span {
    padding: 17px 0 0 0
}

.mod-search-news-03 .form-wrap>.btn-search>button>span::before {
    left: 12px
}

.mod-search-news-04 {
    margin: 18px 0
}

.mod-search-news-04 .input-month-wrap.is-open .picker-content {
    display: block
}

.mod-search-news-04 .input-month-wrap+.input-keyword {
    position: relative;
    margin-top: 38px
}

.mod-search-news-04 .input-month-wrap+.input-keyword::after,.mod-search-news-04 .input-month-wrap+.input-keyword::before {
    background: #707070;
    position: absolute;
    top: -19px;
    left: 50%;
    width: 24px;
    height: 1px;
    margin-left: -12px;
    content: ""
}

.mod-search-news-04 .input-month-wrap+.input-keyword::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-search-news-04 .input-month-wrap+.input-keyword::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-search-news-04 .input-month {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 44px;
    padding-right: 10px;
    border: 1px solid #cad0d7;
    border-radius: 8px
}

.mod-search-news-04 .input-month>input {
    line-height: normal;
    width: calc(100% - 30px);
    padding: 7px 0 7px 13px;
    border: none;
    border-radius: 8px
}

.mod-search-news-04 .input-month>button {
    background: 0 0;
    display: none;
    padding: 0;
    border: none
}

.mod-search-news-04 .input-month>button img {
    vertical-align: middle
}

[data-script-enabled=true] .mod-search-news-04 .input-month>button {
    display: block
}

.mod-search-news-04 .input-keyword {
    margin: 0
}

.mod-search-news-04 .input-keyword input {
    line-height: normal;
    width: 100%;
    height: 44px;
    padding: 0 13px;
    border: 1px solid #cad0d7;
    border-radius: 8px
}

.mod-search-news-04 .btn-search {
    text-align: center;
    margin-top: 20px
}

.mod-search-news-04 .btn-search button {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    background-color: #2c69ff;
    padding: 12px 26px;
    cursor: pointer;
    transition: .2s ease;
    border: none;
    border-radius: 44px
}

.mod-search-news-04 .btn-search button:focus,.mod-search-news-04 .btn-search button:hover {
    background-color: #1c3384
}

.mod-search-news-04 .btn-search button>span {
    position: relative;
    padding-left: 30px
}

.mod-search-news-04 .btn-search button>span::before {
    background: url(/nf_global/v3/common/img/2021/icn/search-icn-02.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    content: ""
}

.mod-search-news-04 .picker-content {
    background: #fff;
    position: absolute;
    z-index: 10;
    display: none;
    width: 288px;
    border: 1px solid #323131;
    border-radius: 16px
}

.mod-search-news-04 .picker-content>.hdg {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 40px;
    margin-top: 10px;
    padding: 0 15px
}

.mod-search-news-04 .picker-content>.hdg>p {
    margin: 0
}

.mod-search-news-04 .picker-content>.hdg .txt-month {
    text-align: center;
    color: #4a4a4a
}

.mod-search-news-04 .picker-content>.hdg .btn-next button,.mod-search-news-04 .picker-content>.hdg .btn-prev button {
    font-size: 0;
    background: #fff;
    width: 40px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    border: 1px solid #2c69fd;
    border-radius: 50%
}

.mod-search-news-04 .picker-content>.hdg .btn-next button[disabled],.mod-search-news-04 .picker-content>.hdg .btn-prev button[disabled] {
    cursor: default;
    border: 1px solid rgba(77,77,77,.5)
}

.mod-search-news-04 .picker-content>.hdg .btn-next button[disabled]::before,.mod-search-news-04 .picker-content>.hdg .btn-prev button[disabled]::before {
    border-color: rgba(77,77,77,.5)
}

.mod-search-news-04 .picker-content>.hdg .btn-prev {
    position: relative;
    height: 100%
}

.mod-search-news-04 .picker-content>.hdg .btn-prev button::before {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 5px;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border: 1px solid #2c69fd;
    border-width: 1px 1px 0 0
}

.mod-search-news-04 .picker-content>.hdg .btn-next {
    position: relative;
    height: 100%
}

.mod-search-news-04 .picker-content>.hdg .btn-next button::before {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    left: 0;
    width: 13px;
    height: 13px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #2c69fd;
    border-width: 1px 1px 0 0
}

.mod-search-news-04 .picker-content>.content {
    padding: 15px
}

.mod-search-news-04 .picker-content>.content .list-month {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px
}

.mod-search-news-04 .picker-content>.content .list-month>li {
    margin: 8px 0 0 8px
}

.mod-search-news-04 .picker-content>.content .list-month>li button {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c69fd;
    background: #fff;
    width: 80px;
    padding: 8px;
    cursor: pointer;
    transition: all .2s;
    border: 1px solid #2c69fd;
    border-radius: 4px
}

.mod-search-news-04 .picker-content>.content .list-month>li button:not([disabled]):focus,.mod-search-news-04 .picker-content>.content .list-month>li button:not([disabled]):hover {
    color: #fff;
    background: #2c69fd
}

.mod-search-news-04 .picker-content>.content .list-month>li button[disabled] {
    color: #666;
    background: #e5e7e9;
    cursor: default;
    border-color: #e5e7e9
}

.mod-search-news-04 .picker-content>.content .btn-reset {
    text-align: center;
    margin: 11px 0 0
}

.mod-search-news-04 .picker-content>.content .btn-reset button {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c69fd;
    background: #fff;
    width: 100%;
    padding: 8px;
    cursor: pointer;
    border: 1px solid #2c69fd;
    border-radius: 4px
}

.mod-search-news-04 .picker-content>.content .btn-close {
    text-align: center;
    margin: 12px 0 0
}

.mod-search-news-04 .picker-content>.content .btn-close button {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c69fd;
    background: 0 0;
    position: relative;
    padding-left: 20px;
    border: none
}

.mod-search-news-04 .picker-content>.content .btn-close button::after,.mod-search-news-04 .picker-content>.content .btn-close button::before {
    background: #2c69fd;
    position: absolute;
    top: 11px;
    left: 0;
    width: 17px;
    height: 1px;
    content: ""
}

.mod-search-news-04 .picker-content>.content .btn-close button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-search-news-04 .picker-content>.content .btn-close button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-search-news-04 .form-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.mod-search-news-04 .form-wrap * {
    line-height: 1.65
}

.mod-search-news-04 .form-wrap+.form-wrap {
    margin: 20px 0 0 0
}

.mod-search-news-04 .form-wrap>.btn-search>button {
    padding: 11px 18px 13px 18px
}

.mod-search-news-04 .form-wrap>.btn-search>button>span::before {
    top: 2px
}

.mod-form-trendSearch {
    position: relative;
    max-width: 100%!important;
    padding: 0 10px
}

.mod-form-trendSearch .inner {
    position: static;
    padding: 45px 0 60px
}

.mod-form-trendSearch._narrow>.inner {
    max-width: 900px
}

.mod-form-trendSearch._wide>.inner {
    max-width: 1200px
}

.mod-form-trendSearch._wide-02>.inner {
    max-width: 1300px
}

.mod-form-trendSearch._full>.inner {
    max-width: none
}

.mod-form-trendSearch .hdg {
    font-size: 1.6rem;
    font-weight: 700
}

.mod-form-trendSearch .list>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -20px 0 0 -20px
}

.mod-form-trendSearch .list>ul>li {
    padding: 20px 0 0 20px
}

.mod-form-trendSearch .list>ul>li a {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #282d3c;
    background-image: linear-gradient(to right,#ebecf5 0,#fff 25%);
    background-position: right center;
    background-size: 200% auto;
    position: relative;
    display: inline-block;
    padding: 5px 20px 4px;
    transition: .2s ease;
    border: solid 1px #282d3c;
    border-radius: 1000px
}

.mod-form-trendSearch .list>ul>li a:focus,.mod-form-trendSearch .list>ul>li a:hover {
    background-position-x: left
}

.mod-form-trendSearch form {
    margin: 30px auto 0
}

.mod-form-trendSearch .search {
    display: -webkit-flex;
    display: flex;
    border: solid 2px #282d3c
}

.mod-form-trendSearch .search input {
    background-color: #fff;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 55px);
    height: 50px;
    padding: 7px 0 5px 19px;
    border: 0;
    border-radius: 0
}

.mod-form-trendSearch .search [type=button],.mod-form-trendSearch .search [type=submit],.mod-form-trendSearch .search button {
    background: #fff;
    position: relative;
    -webkit-flex: 0 0 55px;
    flex: 0 0 55px;
    min-width: 55px;
    max-width: 55px;
    height: 50px;
    cursor: pointer;
    border: none
}

.mod-form-trendSearch .search [type=button] img,.mod-form-trendSearch .search [type=submit] img,.mod-form-trendSearch .search button img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mod-form-trendSearch .image {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mod-form-trendSearch .image>img,.mod-form-trendSearch .image>picture>img {
    display: block;
    width: auto;
    height: 100%
}

html[data-scroll-sp=disabled] body {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100vh
}

html[data-scroll-disabled=true] {
    overflow: hidden
}

html[data-scroll-disabled=true] body {
    overflow: hidden
}

html[data-script-enabled=true] .js-tgl [id^=tgl-]:not([aria-hidden=false]) {
    display: none
}

html[data-script-enabled=true] .js-tgl .mod-btn .btn>span,html[data-script-enabled=true] .js-tgl .mod-btn a,html[data-script-enabled=true] .js-tgl .mod-btn button,html[data-script-enabled=true] .js-tgl .mod-btn>span {
    color: #0f1ed2;
    border-color: #0f1ed2
}

html[data-script-enabled=true] .js-tgl .mod-btn .btn>span::before,html[data-script-enabled=true] .js-tgl .mod-btn a::before,html[data-script-enabled=true] .js-tgl .mod-btn button::before,html[data-script-enabled=true] .js-tgl .mod-btn>span::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-blue.svg)
}

[class*=of-bgcolor-]>.js-tgl>.tgl-content {
    margin-top: -40px
}

[class*=of-bgcolor-]>.js-tgl>.mod-btn {
    margin-top: -40px;
    padding-top: 40px;
    padding-bottom: 40px
}

[class*=of-bgcolor-]>.js-tgl>.tgl-content>:last-child {
    padding-bottom: 40px
}

html[data-script-enabled=true] .js-tab .tab-list>li {
    cursor: pointer
}

html[data-script-enabled=true] .js-tab .tab-list>li>a {
    pointer-events: none
}

html[data-script-enabled=true] .js-tab .tab-panel:not([aria-hidden=false]):not(:nth-child(2)) {
    display: none
}

html[data-script-enabled=true] .js-tab .tab-panel[aria-hidden=true] {
    display: none
}

[data-fileter-view]:not([data-fileter-view=""]) [data-fileter-key] {
    display: none
}

html[data-script-enabled=true] .func-modal {
    background: rgba(0,0,0,.6);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    transition: .2s opacity ease-out;
    opacity: 0
}

html[data-script-enabled=true] .func-modal[aria-expanded=true] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

html[data-script-enabled=true] .func-modal[aria-hidden=false] {
    opacity: 1
}

html[data-script-enabled=true] .func-modal>.modal-close,html[data-script-enabled=true] .func-modal>.modal-inner {
    max-width: 1040px
}

html[data-script-enabled=true] .func-modal>.modal-close {
    line-height: 2.375;
    text-align: right;
    color: #fff;
    width: 100%;
    padding: 0 20px 0 0
}

html[data-script-enabled=true] .func-modal>.modal-close span {
    position: relative;
    padding: 0 28px 0 0;
    cursor: pointer
}

html[data-script-enabled=true] .func-modal>.modal-close span::after,html[data-script-enabled=true] .func-modal>.modal-close span::before {
    background: #ccc;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
    width: 21px;
    height: 1px;
    margin: auto 0;
    content: ""
}

html[data-script-enabled=true] .func-modal>.modal-close span::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[data-script-enabled=true] .func-modal>.modal-close span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html[data-script-enabled=true] .func-modal>.modal-inner {
    background: #fff;
    overflow: auto;
    max-height: calc(100vh - 68px);
    padding: 40px 20px
}

html[data-script-enabled=true] .func-modal>.modal-inner>:first-child {
    margin-top: 0
}

html[data-script-enabled=true] .func-modal>.modal-inner>:last-child {
    margin-bottom: 00px
}

html[data-script-enabled=true] .func-modal>.modal-inner>*>[class^=comp]:first-child,html[data-script-enabled=true] .func-modal>.modal-inner>*>[class^=mod]:first-child {
    margin-top: 0
}

html[data-script-enabled=true] .func-modal>.modal-inner>*>[class^=comp]:last-child,html[data-script-enabled=true] .func-modal>.modal-inner>*>[class^=mod]:last-child {
    margin-bottom: 0
}

.mod-tgl {
    margin: 0 0 40px
}

.mod-tgl.var01 .tgl-hook {
    border-top: 3px solid #04127c
}

.mod-tgl .tgl-hook-wrap {
    margin: 0
}

.mod-tgl .tgl-hook {
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    background: #ebebeb;
    position: relative;
    display: block;
    padding: 17px 19px 16px;
    cursor: default
}

.mod-tgl .tgl-hook::after,.mod-tgl .tgl-hook::before {
    background: #1f1f1f;
    position: absolute;
    top: 0;
    right: 19px;
    bottom: 0;
    display: block;
    overflow: hidden;
    width: 21px;
    height: 1px;
    margin: auto 0;
    content: "";
    transition: .3s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mod-tgl .tgl-hook[aria-expanded=false]::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mod-tgl .tgl-hook[aria-expanded=false]::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod-tgl .tgl-content {
    background: #ebebeb;
    padding: 0 20px 17px
}

.mod-tgl .tgl-content>:last-child {
    margin-bottom: 0
}

.mod-tgl-02 {
    margin: 0 0 20px
}

.mod-tgl-02 .tgl-hook-wrap-uni {
    margin-top: 0
}

.mod-tgl-02 .tgl-content {
    word-wrap: break-word
}

.mod-tgl-02 .tgl-content>:last-child {
    margin-bottom: 0
}

.mod-tgl-03 .tgl-hook-wrap {
    margin: 0
}

.mod-tgl-03 .tgl-hook {
    font-size: 2rem;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #04127c;
    position: relative;
    display: block;
    padding: 6px 35px
}

.mod-tgl-03 .tgl-hook::before {
    position: absolute;
    top: 19px;
    right: 10px;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid;
    border-color: #fff #fff transparent transparent
}

.mod-tgl-03 .tgl-hook[aria-expanded=false]::before {
    top: 12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mod-tgl-03 .tgl-hook.has-icon span {
    position: relative;
    padding-left: 24px
}

.mod-tgl-03 .tgl-hook.has-icon span::before {
    background: url(/nf_global/v3/common/img/2021/icn/important.png) no-repeat 0 0;
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 23px;
    content: ""
}

.mod-tgl-03 .tgl-content {
    background: #ebebeb;
    padding: 5px 20px 20px
}

.mod-tgl-03 .tgl-content>:last-child {
    margin-bottom: 0
}

.mod-tgl-03+.mod-tgl-03 {
    margin-top: 12px
}

.mod-tgl-04 .tgl-hook-wrap {
    margin: 0
}

.mod-tgl-04 .tgl-hook {
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none;
    color: #002b62;
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding: 2px 35px 10px 0;
    border-bottom: 1px solid #002554
}

.mod-tgl-04 .tgl-hook::before {
    position: absolute;
    top: 19px;
    right: 10px;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid;
    border-color: #1f1f1f #1f1f1f transparent transparent
}

.mod-tgl-04 .tgl-hook[aria-expanded=false]::before {
    top: 12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mod-tgl-04 .tgl-content {
    padding-bottom: 40px
}

.mod-tgl-04 .tgl-content>:last-child {
    margin-bottom: 0
}

.mod-tgl-04.of-type-02 .tgl-hook {
    font-weight: 400;
    color: #4a4a4a;
    margin-bottom: 20px;
    border-bottom: 1px solid #999
}

.mod-tgl-04.of-type-02 .tgl-content {
    padding-bottom: 30px
}

.tgl-hook-wrap-uni {
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 88px;
    margin: 40px 0 24px;
    padding: 0 30px 12px 97px;
    border-bottom: 1px solid #04127c
}

.tgl-hook-wrap-uni>.title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    color: #04127c
}

.tgl-hook-wrap-uni>a.title {
    text-decoration: none
}

.tgl-hook-wrap-uni>a.title::after {
    position: relative;
    bottom: 2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.tgl-hook-wrap-uni>a.title:focus,.tgl-hook-wrap-uni>a.title:hover {
    text-decoration: underline
}

.tgl-hook-wrap-uni>.tgl-icon {
    position: absolute;
    bottom: 0;
    left: 0
}

.tgl-hook-wrap-uni .tgl-hook {
    font-size: 1rem;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 15px;
    overflow: hidden;
    width: 25px;
    height: 25px
}

.tgl-hook-wrap-uni .tgl-hook:focus {
    border: 1px dotted #000
}

.tgl-hook-wrap-uni .tgl-hook::after,.tgl-hook-wrap-uni .tgl-hook::before {
    background: #1f1f1f;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 25px;
    height: 1px;
    margin: auto 0;
    content: "";
    transition: .3s all ease
}

.tgl-hook-wrap-uni .tgl-hook[aria-expanded=false]::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tgl-hook-wrap-uni .tgl-hook[aria-expanded=false]::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.tgl-hook-wrap-uni.no-icon {
    min-height: inherit;
    padding-left: 2px
}

.tgl-hook-wrap-uni.no-tgl {
    padding-right: 0
}

.no-border .tgl-hook-wrap-uni {
    border-bottom: 0
}

.mod-tab {
    margin: 0 0 40px
}

.mod-tab .tab-list {
    background: #eff2f6;
    overflow: hidden;
    border: 4px solid #eff2f6;
    border-width: 4px 4px 0
}

.mod-tab .tab-list>li {
    text-align: center;
    padding: 7px 24px;
    border: 3px solid transparent;
    border-width: 0 0 3px
}

.mod-tab .tab-list>li a {
    text-decoration: none;
    color: #666
}

.mod-tab .tab-list>li[aria-selected=true] {
    background: #fff;
    border: 3px solid #0f1ed2;
    border-width: 3px 0 0
}

.mod-tab .tab-list>li[aria-selected=true] a {
    color: #0f1ed2
}

.mod-tab .tab-list.of-foot {
    border-width: 0 4px 4px
}

.mod-tab .tab-list.of-foot>li[aria-selected=true] {
    border-width: 0 0 3px
}

.mod-carousel {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 0 14px
}

.mod-carousel .slick-inner {
    height: auto!important;
    margin: 0 0 14px
}

.mod-carousel .slick-arrow {
    display: none!important
}

.mod-carousel .slick-dots {
    position: static;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto
}

.mod-carousel .slick-dots li,.mod-carousel .slick-dots li button {
    width: 10px;
    height: 10px
}

.mod-carousel .slick-dots li {
    vertical-align: top;
    background: #fff;
    margin: 0 10px;
    border: 1px solid #535a6e
}

.mod-carousel .slick-dots li button {
    padding: 0
}

.mod-carousel .slick-dots li button::before {
    display: none
}

.mod-carousel .slick-dots li.slick-active {
    background: #0f1ed2;
    border: 1px solid #0f1ed2
}

.mod-carousel .slick-track {
    display: -webkit-flex;
    display: flex
}

.mod-carousel .slick-slide {
    float: none;
    height: auto
}

.mod-carousel .slide>:first-child {
    margin-top: 0
}

.mod-carousel .slide>:last-child {
    margin-bottom: 0
}

.mod-carousel .slick-dots-wrap {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: center;
    justify-content: center
}

.mod-carousel .slick-dots-wrap .btn-control {
    font-size: 1rem;
    color: transparent;
    background: 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    padding: 0;
    cursor: pointer;
    border: none
}

.mod-carousel .slick-dots-wrap .btn-control::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 9px;
    height: 10px;
    content: "";
    border: 3px solid #535a6e;
    border-top: 0;
    border-bottom: 0
}

.mod-carousel .slick-dots-wrap .btn-control.is-stop::before {
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-width: 5px 0 5px 9px;
    border-style: solid;
    border-color: transparent transparent transparent #535a6e
}

.mod-carousel .slick-dots-wrap .btn-control:focus {
    outline: 1px dotted #fff
}

.mod-carousel.of-newsroom {
    margin-right: -10px;
    margin-bottom: 50px;
    margin-left: -10px
}

.mod-carousel.of-newsroom .slick-arrow {
    display: none!important
}

.mod-carousel.of-newsroom .slick-dots-wrap {
    -webkit-flex-direction: row;
    flex-direction: row
}

.mod-carousel.of-newsroom .slick-dots {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 20px
}

.mod-carousel.of-newsroom .slick-dots li {
    margin-right: 15px;
    margin-left: 15px;
    border: 2px solid #1e32a5;
    border-radius: 50%
}

.mod-carousel.of-newsroom .slick-dots li.slick-active {
    background-color: #1e32a5;
    width: 14px;
    height: 14px
}

.mod-carousel.of-newsroom .slick-dots li.slick-active>button {
    width: 14px;
    height: 14px
}

.mod-carousel.of-newsroom .btn-control {
    height: 16px;
    margin-right: 0
}

.mod-carousel.of-newsroom .btn-control::before {
    height: 16px;
    border-color: #1e32a5
}

.mod-carousel.of-newsroom .btn-control.is-stop::before {
    height: 16px;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #1e32a5
}

.mod-carousel.of-newsroom .btn-control:focus {
    outline: 2px dotted #000
}

.mod-carousel.of-newsroom2 {
    margin: 0 0 30px;
    padding: 0 15px
}

.mod-carousel.of-newsroom2 .slick-inner {
    margin-bottom: 0
}

.mod-carousel.of-newsroom2 .slick-arrow {
    background-color: rgba(255,255,255,.9);
    z-index: 1;
    top: 30%;
    display: block!important;
    width: 60px;
    height: 60px;
    border: 1px solid #04127c
}

.mod-carousel.of-newsroom2 .slick-arrow::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 27px;
    height: 27px;
    margin: auto;
    content: "";
    border: 1px solid;
    border-color: #04127c #04127c transparent transparent
}

.mod-carousel.of-newsroom2 .slick-arrow.slick-prev {
    left: -15px
}

.mod-carousel.of-newsroom2 .slick-arrow.slick-prev::before {
    left: 14px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.mod-carousel.of-newsroom2 .slick-arrow.slick-next {
    right: -15px
}

.mod-carousel.of-newsroom2 .slick-arrow.slick-next::before {
    right: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-carousel.of-newsroom3 {
    margin: 0 0 30px;
    padding: 0 14px
}

.mod-carousel.of-newsroom3 .slick-inner {
    margin-bottom: 0
}

.mod-carousel.of-newsroom3 .slick-arrow {
    background-color: rgba(255,255,255,.9);
    z-index: 1;
    top: 30%;
    display: block!important;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.mod-carousel.of-newsroom3 .slick-arrow::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-carousel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 8px);
    display: block;
    width: 9px;
    height: 16px;
    margin: 0;
    content: "";
    border: none
}

.mod-carousel.of-newsroom3 .slick-arrow.slick-prev {
    left: -24px
}

.mod-carousel.of-newsroom3 .slick-arrow.slick-prev::before {
    left: 18px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.mod-carousel.of-newsroom3 .slick-arrow.slick-next {
    right: -24px
}

.mod-carousel.of-newsroom3 .slick-arrow.slick-next::before {
    right: 18px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mod-carousel.of-newsroom3 .slick-dots-wrap {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 25px
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .slick-dots {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: -10px
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .slick-dots li {
    background-color: #fff;
    width: auto;
    height: auto;
    margin: 10px 13px 0;
    border: 2px solid #2c69ff;
    border-radius: 50%
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .slick-dots li button {
    width: 10px;
    height: 10px
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .slick-dots li.slick-active {
    background: #2c69ff;
    width: 14px;
    height: 14px;
    border: 1px solid #2c69ff
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .slick-dots li.slick-active button {
    width: 14px;
    height: 14px
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control {
    font-size: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 56px;
    height: 15px;
    margin-right: 0;
    margin-left: 14px;
    border: 1px solid #2c69ff;
    border-radius: 12px
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control:focus {
    outline: 1px solid #000
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control::before {
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    border-width: 2px
}

.mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control.is-stop::before {
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    border-width: 4px 0 4px 8px
}

p+.mod-carousel.of-newsroom3 {
    margin-top: 20px
}

.func-cookie {
    display: none
}

html[data-script-enabled=true] .func-cookie {
    font-size: 1.4rem;
    background: #be375a;
    position: fixed;
    z-index: 110;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%
}

.func-cookie>.inner {
    color: #fff;
    padding: 10px
}

.func-cookie>.inner .txt {
    line-height: 1.5;
    margin-bottom: 0
}

.func-cookie>.inner .txt a {
    color: #fff
}

.func-cookie>.inner .mod-btn {
    min-width: 240px;
    margin-top: 10px;
    margin-bottom: 0
}

.func-cookie>.inner .mod-btn button {
    font-size: 1.4rem;
    cursor: pointer
}

html[data-script-enabled=true] .func-cookie.of-color-02 {
    background-color: #fff;
    border-top: 1px solid #ccc
}

.func-cookie.of-color-02>.inner {
    color: #000
}

.func-cookie.of-color-02>.inner .txt a {
    color: #000
}

.func-cookie.of-color-02>.inner .mod-btn button {
    color: #fff;
    background-color: #002b62
}

.func-cookie.of-color-02>.inner .mod-btn button::before {
    border-color: #fff #fff transparent transparent
}

.mod-map {
    margin: 0 auto 40px
}

.mod-map>.map-wrap {
    height: 380px;
    margin: 0 0 20px
}

.mod-map>.map-wrap>.map-area {
    width: 100%!important;
    height: 100%!important
}

html.fancybox-modal-open {
    overflow-x: visible
}

#fancybox-wrap {
    right: 0!important;
    left: 0!important;
    max-width: 100%;
    height: auto!important;
    margin: auto;
    padding: 20px 10px
}

#fancybox-wrap.fancybox-video {
    width: 100%!important;
    max-width: 670px
}

#fancybox-wrap #fancybox-content {
    width: 100%!important;
    height: 100%!important
}

#fancybox-wrap #fancybox-content .videoBox {
    position: static
}

#fancybox-wrap #fancybox-close {
    text-decoration: none;
    text-align: center;
    color: #ccc;
    background: 0 0;
    top: -25px;
    right: -3px;
    width: auto;
    height: 20px
}

#fancybox-wrap #fancybox-close img {
    vertical-align: middle
}

#fancybox-wrap #fancybox-close:hover {
    background-position: 0 -40px
}

.vjs-big-play-button {
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    margin: auto!important
}

#fancybox-loading div {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-left,#fancybox-right {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/blank.gif)
}

#fancybox-left-ico {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-right-ico {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-bg-n {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox-x.png)
}

#fancybox-bg-ne {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-bg-e {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox-y.png)
}

#fancybox-bg-se {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-bg-s {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox-x.png)
}

#fancybox-bg-sw {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-bg-w {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox-y.png)
}

#fancybox-bg-nw {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

#fancybox-title-over {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancy_title_over.png)
}

#fancybox-title-float-main {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox-x.png)
}

#fancybox-title-float-right {
    background-image: url(/nf_global/v3/common/img/2021/lib/fancybox/fancybox.png)
}

.func-global-notice {
    display: none
}

html[data-script-enabled=true] .func-global-notice {
    font-size: 1.4rem;
    letter-spacing: .3px;
    color: #fff;
    background: #384249;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 50%;
    display: block;
    width: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

html[data-script-enabled=true] .func-global-notice>.inner {
    padding: 10px 20px
}

html[data-script-enabled=true] .func-global-notice>.inner .txt {
    line-height: 1.5;
    margin-bottom: 0
}

html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn {
    text-align: center;
    margin-top: 10px
}

html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button {
    color: #fff;
    background-color: transparent;
    position: relative;
    padding: 2px 25px 2px 55px;
    cursor: pointer;
    transition: opacity .2s ease;
    border: 2px solid #fff
}

html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button::after,html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button::before {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 24px;
    display: block;
    width: 24px;
    height: 1px;
    content: ""
}

html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button::before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button:active,html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button:focus,html[data-script-enabled=true] .func-global-notice>.inner .func-global-notice-btn button:hover {
    opacity: .8
}

.str-ticker {
    color: #fff;
    background: #042f5e linear-gradient(to right,#04127c 0,#6069ac 50%,#04127c 100%) center no-repeat;
    background-size: 1940px 100%;
    display: block;
    width: 100%
}

.str-ticker>.str-ticker-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 17px 20px
}

.str-ticker._narrow>.str-ticker-inner {
    max-width: 900px
}

.str-ticker._wide>.str-ticker-inner {
    max-width: 1200px
}

.str-ticker._wide-02>.str-ticker-inner {
    max-width: 1300px
}

.str-ticker._full>.str-ticker-inner {
    max-width: none
}

.str-ticker._widthBtn>.str-ticker-inner {
    position: relative;
    min-height: 112px
}

.mod-ticker-01.js-carousel {
    position: relative
}

html[data-script-enabled=true] .mod-ticker-01.js-carousel {
    display: -webkit-flex;
    display: flex
}

.mod-ticker-01.js-carousel button {
    background-color: transparent;
    border: 0
}

.mod-ticker-01.js-carousel .slick-slider {
    position: static
}

.mod-ticker-01.js-carousel .slick-inner {
    width: calc(100% - 180px)
}

.mod-ticker-01.js-carousel .slick-arrow {
    z-index: 1;
    width: 26px;
    height: 26px;
    border: solid 1px rgba(255,255,255,.35)
}

.mod-ticker-01.js-carousel .slick-arrow::before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 11px;
    height: 11px;
    margin: auto;
    content: "";
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid;
    border-color: #fff #fff transparent transparent
}

.mod-ticker-01.js-carousel .slick-arrow.slick-prev {
    right: 114px;
    left: auto
}

.mod-ticker-01.js-carousel .slick-arrow.slick-prev::before {
    left: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.mod-ticker-01.js-carousel .slick-arrow.slick-next {
    right: 79px
}

.mod-ticker-01.js-carousel .slick-arrow.slick-next::before {
    left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-ticker-01.js-carousel .slick-arrow:focus {
    outline: 1px dotted #fff
}

.mod-ticker-01.js-carousel .slick-dots-wrap {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 180px
}

.mod-ticker-01.js-carousel .slick-dots-wrap .slick-dots {
    display: none!important
}

.mod-ticker-01.js-carousel .slick-dotted.slick-slider {
    margin: 0
}

.mod-ticker-01.js-carousel .btn-control {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 26px;
    height: 26px;
    margin: auto;
    cursor: pointer
}

.mod-ticker-01.js-carousel .btn-control::after,.mod-ticker-01.js-carousel .btn-control::before {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 4px;
    height: 16px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mod-ticker-01.js-carousel .btn-control::before {
    margin-left: -6px
}

.mod-ticker-01.js-carousel .btn-control::after {
    margin-left: 2px
}

.mod-ticker-01.js-carousel .btn-control:focus {
    outline: 1px dotted #fff
}

.mod-ticker-01.js-carousel .btn-control.is-stop::before {
    background: 0 0;
    border-width: 8px 0 8px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

.mod-ticker-01.js-carousel .btn-control.is-stop::after {
    content: none
}

.mod-ticker-01.js-carousel .mod-list-news-02 {
    margin: 0;
    padding: 0
}

.mod-ticker-01.js-carousel .mod-list-news-02>div {
    font-weight: 700;
    color: #fff;
    display: -webkit-flex;
    display: flex
}

.mod-ticker-01.js-carousel .mod-list-news-02>div>.date,.mod-ticker-01.js-carousel .mod-list-news-02>div>.desc {
    display: block;
    padding-bottom: 0;
    border: 0
}

.mod-ticker-01.js-carousel .mod-list-news-02>div>.date {
    font-size: 1.4rem;
    -webkit-flex: 0 0 10em;
    flex: 0 0 10em;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-width: 10em;
    max-width: 10em;
    padding: 2px 20px 0 0
}

.mod-ticker-01.js-carousel .mod-list-news-02>div>.desc {
    font-size: 1.6rem;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0
}

.mod-ticker-01.js-carousel .mod-list-news-02>div>.desc>.inner>a {
    text-decoration: underline;
    color: #fff;
    display: block
}

.mod-ticker-01.js-carousel .slick-current .mod-list-news-02>div>.desc>.inner>a:focus {
    outline: 1px dotted #fff;
    outline-offset: -1px
}

.mod-ticker-01.js-carousel .mod-list-news-02>div>.desc>.inner>a::after {
    content: none
}

.mod-ticker-01.js-carousel .mod-list-news-02>div>.desc>.inner>a>span {
    display: block
}

html[data-script-enabled=true] ._widthBtn .mod-ticker-01.js-carousel {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

._widthBtn .mod-ticker-01.js-carousel .slick-inner {
    width: calc(100% - 230px)
}

._widthBtn .mod-ticker-01.js-carousel .slick-arrow.slick-prev {
    top: 13px
}

._widthBtn .mod-ticker-01.js-carousel .slick-arrow.slick-next {
    top: 13px
}

._widthBtn .mod-ticker-01.js-carousel .btn-control {
    bottom: initial
}

.mod-ticker-btn {
    position: absolute;
    top: 60px;
    right: 20px;
    margin-bottom: 0
}

.mod-ticker-btn>a {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    color: #04127c;
    background-color: #fff;
    position: relative;
    display: block;
    padding: 3px 34px 3px 18px;
    border-radius: 1em
}

.mod-ticker-btn>a::after {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    display: inline-block;
    width: .6em;
    height: .6em;
    margin: auto;
    content: "";
    transition: right .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #04127c;
    border-right: 2px solid #04127c
}

.mod-ticker-btn>a:active::after,.mod-ticker-btn>a:focus::after,.mod-ticker-btn>a:hover::after {
    right: 14px
}

.str-mainvisual-carousel-01 {
    background: #fff;
    position: relative;
    overflow: hidden
}

.str-mainvisual-carousel-01.of-float .slide-content::before {
    content: none
}

.str-mainvisual-carousel-01.of-float .slide-content>.inner {
    background: rgba(255,255,255,.75)
}

.str-mainvisual-carousel-01.of-float.of-bgcolor-02 .slide-content>.inner {
    color: #fff;
    background: rgba(0,0,0,.75)
}

.str-mainvisual-carousel-01.of-reverse .slide-content {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: auto
}

.str-mainvisual-carousel-01.of-reverse .slide-content::before {
    background-image: linear-gradient(to left,#fff,rgba(255,255,255,0));
    right: -4vw;
    left: auto
}

.str-mainvisual-carousel-01.of-reverse .slide-content.of-bgcolor-02::before {
    background-image: linear-gradient(to left,#000,transparent)
}

.str-mainvisual-carousel-01.of-bgcolor-02 .slide-content::before {
    background-image: linear-gradient(to right,#000,rgba(0,0,0,0))
}

.str-mainvisual-carousel-01.of-bgcolor-02 .slide-content>.inner {
    color: #fff
}

.str-mainvisual-carousel-01.of-bgcolor-02.of-reverse .slide-content::before {
    background-image: linear-gradient(to left,#000,rgba(0,0,0,0))
}

.str-mainvisual-carousel-01.of-bgcolor-02.of-reverse .slide-content>.inner {
    color: #fff
}

.str-mainvisual-carousel-01 .slick-slider.slick-dotted {
    margin-bottom: 0
}

.str-mainvisual-carousel-01 .slick-list {
    height: 100%
}

.str-mainvisual-carousel-01 .slick-track::after,.str-mainvisual-carousel-01 .slick-track::before {
    content: none
}

.str-mainvisual-carousel-01 .slick-track>.slick-slide:not(.slick-current) * {
    pointer-events: none
}

.str-mainvisual-carousel-01 .slick-dots-wrap {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.str-mainvisual-carousel-01 .slick-dots {
    position: static;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: auto
}

.str-mainvisual-carousel-01 .slick-dots>li {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0
}

.str-mainvisual-carousel-01 .slick-dots>li+li {
    margin-left: 25px
}

.str-mainvisual-carousel-01 .slick-dots>li.slick-active>button::before {
    background-color: #04127c;
    width: 14px;
    height: 14px
}

.str-mainvisual-carousel-01 .slick-dots>li>button {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 50%
}

.str-mainvisual-carousel-01 .slick-dots>li>button::before {
    pointer-events: none;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 2px solid #04127c;
    border-radius: 50%;
    opacity: 1
}

.str-mainvisual-carousel-01 .btn-control {
    font-size: 0;
    background-color: transparent;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin-left: 40px;
    padding: 0;
    border: 0
}

.str-mainvisual-carousel-01 .btn-control::after,.str-mainvisual-carousel-01 .btn-control::before {
    pointer-events: none;
    background-color: #04127c;
    position: absolute;
    top: 0;
    display: block;
    width: 4px;
    height: 14px;
    content: ""
}

.str-mainvisual-carousel-01 .btn-control::before {
    left: 1px
}

.str-mainvisual-carousel-01 .btn-control::after {
    right: 1px
}

.str-mainvisual-carousel-01 .btn-control.is-stop::before {
    background-color: transparent;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-top: 7px solid transparent;
    border-right: 0;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #04127c
}

.str-mainvisual-carousel-01 .btn-control.is-stop::after {
    content: none
}

.str-mainvisual-carousel-01 .slide {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.str-mainvisual-carousel-01 .slide-content {
    background-color: #fff;
    position: relative;
    z-index: 2;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding: 0 0 35px
}

.str-mainvisual-carousel-01 .slide-content::before {
    background: linear-gradient(to right,#fff,rgba(255,255,255,0));
    position: absolute;
    z-index: -1;
    top: 0;
    left: -4vw;
    display: block;
    width: calc(120% + 4vw);
    height: 100%;
    content: ""
}

.str-mainvisual-carousel-01 .slide-content>.inner {
    padding: 15px 20px
}

.str-mainvisual-carousel-01 .slide-content>.inner>.hdg {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 20px 0 15px
}

.str-mainvisual-carousel-01 .slide-content>.inner>.text {
    font-size: 1.4rem;
    line-height: 1.9;
    margin: 0 0 20px
}

.str-mainvisual-carousel-01 .slide-content>.inner>.btnArea {
    margin-top: 30px
}

.str-mainvisual-carousel-01 .slide-content>.inner>.btnArea [class*=mod-btn-] a {
    width: 300px
}

.str-mainvisual-carousel-01 .slide-content.of-float::before {
    content: none
}

.str-mainvisual-carousel-01 .slide-content.of-float>.inner {
    background: rgba(255,255,255,.75)
}

.str-mainvisual-carousel-01 .slide-content.of-float.of-bgcolor-02>.inner {
    color: #fff;
    background: rgba(0,0,0,.75)
}

.str-mainvisual-carousel-01 .slide-content.of-bgcolor-02::before {
    background-image: linear-gradient(to right,#000,rgba(0,0,0,0))
}

.str-mainvisual-carousel-01 .slide-content.of-bgcolor-02>.inner {
    color: #fff
}

.str-mainvisual-carousel-01 .slide-content.of-reverse {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: auto
}

.str-mainvisual-carousel-01 .slide-content.of-reverse+.slide-image::after {
    right: inherit;
    left: -150px
}

.str-mainvisual-carousel-01 .slide-content.of-reverse::before {
    background-image: linear-gradient(to left,#fff,rgba(255,255,255,0));
    right: -4vw;
    left: auto
}

.str-mainvisual-carousel-01 .slide-content.of-reverse.of-bgcolor-02::before {
    background-image: linear-gradient(to left,#000,transparent)
}

.str-mainvisual-carousel-01 .slide-image {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.str-mainvisual-carousel-01 .slide-image img {
    display: block;
    width: 100%;
    margin: auto
}

.str-mainvisual-carousel-01 .slide-image::after,.str-mainvisual-carousel-01 .slide::after {
    pointer-events: none;
    background: 0 0 transparent no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    right: calc(-340vw * 100 / 1800);
    display: block;
    min-width: 320px
}

.str-mainvisual-carousel-01 .slide-image::after {
    z-index: 0;
    top: -63px;
    content: none
}

.str-mainvisual-carousel-01 .slide::after {
    z-index: 0;
    top: 0;
    left: 50%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.str-mainvisual-carousel-01.of-reverse .slide-image::after {
    right: inherit;
    left: -150px
}

.str-mainvisual-carousel-01.of-decorate .slide-image::after,.str-mainvisual-carousel-01.of-decorate .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img.png);
    max-width: 1192px;
    min-height: 308px;
    max-height: 1149px
}

.str-mainvisual-carousel-01.of-decorate-02 .slide-image::after,.str-mainvisual-carousel-01.of-decorate-02 .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-02.png);
    max-width: 1157px;
    min-height: 266px;
    max-height: 963px
}

.str-mainvisual-carousel-01.of-decorate-03 .slide-image::after,.str-mainvisual-carousel-01.of-decorate-03 .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-03.png);
    max-width: 869px;
    min-height: 442px;
    max-height: 1201px
}

.str-mainvisual-carousel-01.of-decorate-04 .slide-image::after,.str-mainvisual-carousel-01.of-decorate-04 .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-04.png);
    max-width: 1021px;
    min-height: 268px;
    max-height: 856px
}

.str-mainvisual-carousel-01.of-decorate-05 .slide-image::after,.str-mainvisual-carousel-01.of-decorate-05 .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-05.png);
    max-width: 1184px;
    min-height: 263px;
    max-height: 973px
}

.str-mainvisual-carousel-01.of-decorate-06 .slide-image::after,.str-mainvisual-carousel-01.of-decorate-06 .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-06.png);
    max-width: 1129px;
    min-height: 308px;
    max-height: 1088px
}

.str-mainvisual-carousel-01.of-decorate-07 .slide-image::after,.str-mainvisual-carousel-01.of-decorate-07 .slide::after {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-07.png);
    max-width: 1565px;
    min-height: 172px;
    max-height: 840px
}

.str-mainvisual-carousel-01.of-decorate .slide-image::after {
    top: calc(-339vw * 100 / 1800);
    width: calc(1192vw * 100 / 1800);
    height: calc(1149vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate .slide::after {
    width: 100vw;
    height: calc(1149vw * 100 / 1192)
}

.str-mainvisual-carousel-01.of-decorate-02 .slide-image::after {
    top: calc(-160vw * 100 / 1800);
    width: calc(1154vw * 100 / 1800);
    height: calc(963vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate-02 .slide::after {
    width: 100vw;
    height: calc(963vw * 100 / 1157)
}

.str-mainvisual-carousel-01.of-decorate-03 .slide-image::after {
    top: calc(-339vw * 100 / 1800);
    right: calc(-60vw * 100 / 1800);
    width: calc(869vw * 100 / 1800);
    height: calc(1201vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate-03 .slide::after {
    width: 100vw;
    height: calc(1201vw * 100 / 869)
}

.str-mainvisual-carousel-01.of-decorate-04 .slide-image::after {
    top: calc(-190vw * 100 / 1800);
    right: calc(-160vw * 100 / 1800);
    width: calc(1021vw * 100 / 1800);
    height: calc(856vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate-04 .slide::after {
    width: 100vw;
    height: calc(856vw * 100 / 1021)
}

.str-mainvisual-carousel-01.of-decorate-05 .slide-image::after {
    top: calc(-80vw * 100 / 1800);
    width: calc(1184vw * 100 / 1800);
    height: calc(973vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate-05 .slide::after {
    width: 100vw;
    height: calc(973vw * 100 / 1184)
}

.str-mainvisual-carousel-01.of-decorate-06 .slide-image::after {
    top: calc(-320vw * 100 / 1800);
    right: calc(-260vw * 100 / 1800);
    width: calc(1129vw * 100 / 1800);
    height: calc(1088vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate-06 .slide::after {
    width: 100vw;
    height: calc(1088vw * 100 / 1129)
}

.str-mainvisual-carousel-01.of-decorate-07 .slide-image::after {
    top: calc(-200vw * 100 / 1800);
    right: calc(-580vw * 100 / 1800);
    width: calc(1565vw * 100 / 1800);
    height: calc(840vw * 100 / 1800)
}

.str-mainvisual-carousel-01.of-decorate-07 .slide::after {
    width: 100vw;
    height: calc(840vw * 100 / 1565)
}

#v3r-news.comp-tab-news.js-tab {
    margin: 48px 0 0
}

#v3r-news.comp-tab-news.js-tab .tab-list {
    width: 100%;
    margin: 0 0 47px;
    border-top: solid 1px #a4aab0
}

#v3r-news.comp-tab-news.js-tab .tab-list>li {
    width: 100%;
    margin: 0;
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #a4aab0;
    border-left: none
}

#v3r-news.comp-tab-news.js-tab .tab-list>li>a,#v3r-news.comp-tab-news.js-tab .tab-list>li>span {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    color: #646e74;
    padding: 16px 36px 15px 0
}

#v3r-news.comp-tab-news.js-tab .tab-list>li[role=tab][aria-selected=true] {
    background-color: #535a6e;
    border-bottom-width: 4px;
    border-bottom-color: #535a6e
}

#v3r-news.comp-tab-news.js-tab .tab-list>li[role=tab][aria-selected=true]>a,#v3r-news.comp-tab-news.js-tab .tab-list>li[role=tab][aria-selected=true]>span {
    color: #fff
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner {
    overflow: visible
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .rss {
    font-size: 1.6rem;
    text-align: right;
    display: block;
    margin: 0 0 9px
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .rss>a {
    font-weight: 700;
    text-align: center;
    white-space: normal;
    color: #0f1ed2;
    background: #fff;
    display: inline-block;
    width: 80px;
    max-width: 80px;
    padding: 3px 5px 1px;
    transition: opacity .3s;
    border: solid 2px #0f1ed2
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .rss>a>span {
    line-height: 1;
    display: block
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news {
    font-size: 1.6rem;
    margin: 0
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news+* {
    margin-top: 49px
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li {
    margin: 0;
    padding: 48px 0 14px;
    border-bottom: dashed 1px #a4aab0
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li:first-child {
    padding-top: 0
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.date {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc {
    margin: 17px 0 0;
    padding: 0
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc>.inner>a {
    font-size: 1.4rem;
    color: #31393c;
    transition: color .2s
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc>.inner>a:active,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc>.inner>a:focus,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc>.inner>a:hover {
    text-decoration: underline;
    color: #757575
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn {
    margin-bottom: 0
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn>span,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn a,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn button,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn>span {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.625;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #535a6e;
    background-size: 200% auto;
    position: relative;
    display: inline-block;
    padding: 9px 58px 8px 26px;
    transition: .2s ease;
    border: 0;
    border-radius: 1000px
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn>span::before,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn a::before,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn button::before,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn>span::before {
    background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: calc(50% - 12px);
    right: 26px;
    bottom: auto;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    content: "";
    transition: .2s ease
}

#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn a:focus,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn a:hover,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn button:focus,#v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn button:hover {
    background: #7d869a
}

.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.header+.body {
    margin-top: 28px
}

.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.header>.hdg {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.41667;
    text-align: center;
    margin: 30px 0 18px
}

.mod-inline-modal-wrap>.mod-inline-modal-contents>.mod-inline-modal-inner>.body+.footer {
    margin-top: 20px
}

.mod-inline-modal-wrap.is-modal-open {
    position: fixed;
    z-index: 130;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 200px;
    padding: 60px 0
}

.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents {
    background-color: #fff;
    position: relative;
    z-index: 130;
    top: 50%;
    display: -webkit-flex;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 640px;
    max-height: 100%;
    margin: 0 auto;
    padding-top: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents>.mod-inline-modal-inner {
    position: relative;
    order: 2;
    width: 100vw;
    max-width: 640px;
    margin: 32px auto 40px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-order: 2
}

.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents .fn-modal-close {
    position: relative;
    display: block;
    order: 1;
    width: 100vw;
    max-width: 640px;
    margin: 0 10px 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-order: 1
}

.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents .fn-modal-close>button {
    background-color: rgba(0,0,0,0);
    display: block;
    width: auto;
    margin: 0 10px 0 auto;
    padding-right: 20px;
    border: 0
}

.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents .fn-modal-close>button:after,.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents .fn-modal-close>button:before {
    background-color: #333;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 12px;
    height: 2px;
    content: "";
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.mod-inline-modal-wrap.is-modal-open>.mod-inline-modal-contents .fn-modal-close>button:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.mod-inline-modal-wrap.is-modal-open>.fn-modal-inline-overlay {
    background-color: rgba(0,0,0,.3);
    position: absolute;
    z-index: 129;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.align-right {
    text-align: right!important
}

.align-center {
    text-align: center!important
}

.align-left {
    text-align: left!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.w-0 {
    width: 0!important
}

.w-5 {
    width: 5%!important
}

.w-10 {
    width: 10%!important
}

.w-15 {
    width: 15%!important
}

.w-20 {
    width: 20%!important
}

.w-25 {
    width: 25%!important
}

.w-30 {
    width: 30%!important
}

.w-35 {
    width: 35%!important
}

.w-40 {
    width: 40%!important
}

.w-45 {
    width: 45%!important
}

.w-50 {
    width: 50%!important
}

.w-55 {
    width: 55%!important
}

.w-60 {
    width: 60%!important
}

.w-65 {
    width: 65%!important
}

.w-70 {
    width: 70%!important
}

.w-75 {
    width: 75%!important
}

.w-80 {
    width: 80%!important
}

.w-85 {
    width: 85%!important
}

.w-90 {
    width: 90%!important
}

.w-95 {
    width: 95%!important
}

.w-100 {
    width: 100%!important
}

.w-16 {
    width: 16.6666%!important
}

.w-33 {
    width: 33.3333%!important
}

.w-44 {
    width: 44.4444%!important
}

.w-66 {
    width: 66.6666%!important
}

.w-77 {
    width: 77.7777%!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-5 {
    margin-top: 5px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mt-35 {
    margin-top: 35px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mt-45 {
    margin-top: 45px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mt-55 {
    margin-top: 55px!important
}

.mt-60 {
    margin-top: 60px!important
}

.mt-65 {
    margin-top: 65px!important
}

.mt-70 {
    margin-top: 70px!important
}

.mt-75 {
    margin-top: 75px!important
}

.mt-80 {
    margin-top: 80px!important
}

.mt-85 {
    margin-top: 85px!important
}

.mt-90 {
    margin-top: 90px!important
}

.mt-95 {
    margin-top: 95px!important
}

.mt-100 {
    margin-top: 100px!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.mb-55 {
    margin-bottom: 55px!important
}

.mb-60 {
    margin-bottom: 60px!important
}

.mb-65 {
    margin-bottom: 65px!important
}

.mb-70 {
    margin-bottom: 70px!important
}

.mb-75 {
    margin-bottom: 75px!important
}

.mb-80 {
    margin-bottom: 80px!important
}

.mb-85 {
    margin-bottom: 85px!important
}

.mb-90 {
    margin-bottom: 90px!important
}

.mb-95 {
    margin-bottom: 95px!important
}

.mb-100 {
    margin-bottom: 100px!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-5 {
    padding-top: 5px!important
}

.pt-10 {
    padding-top: 10px!important
}

.pt-15 {
    padding-top: 15px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pt-25 {
    padding-top: 25px!important
}

.pt-30 {
    padding-top: 30px!important
}

.pt-35 {
    padding-top: 35px!important
}

.pt-40 {
    padding-top: 40px!important
}

.pt-45 {
    padding-top: 45px!important
}

.pt-50 {
    padding-top: 50px!important
}

.pt-55 {
    padding-top: 55px!important
}

.pt-60 {
    padding-top: 60px!important
}

.pt-65 {
    padding-top: 65px!important
}

.pt-70 {
    padding-top: 70px!important
}

.pt-75 {
    padding-top: 75px!important
}

.pt-80 {
    padding-top: 80px!important
}

.pt-85 {
    padding-top: 85px!important
}

.pt-90 {
    padding-top: 90px!important
}

.pt-95 {
    padding-top: 95px!important
}

.pt-100 {
    padding-top: 100px!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-5 {
    padding-bottom: 5px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.pb-15 {
    padding-bottom: 15px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.pb-35 {
    padding-bottom: 35px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.pb-45 {
    padding-bottom: 45px!important
}

.pb-50 {
    padding-bottom: 50px!important
}

.pb-55 {
    padding-bottom: 55px!important
}

.pb-60 {
    padding-bottom: 60px!important
}

.pb-65 {
    padding-bottom: 65px!important
}

.pb-70 {
    padding-bottom: 70px!important
}

.pb-75 {
    padding-bottom: 75px!important
}

.pb-80 {
    padding-bottom: 80px!important
}

.pb-85 {
    padding-bottom: 85px!important
}

.pb-90 {
    padding-bottom: 90px!important
}

.pb-95 {
    padding-bottom: 95px!important
}

.pb-100 {
    padding-bottom: 100px!important
}

.pc-show {
    display: none
}

dl.fs-01,ol.fs-01,p.fs-01,span.fs-01,table.fs-01,ul.fs-01 {
    font-size: 85.71429%
}

dl.fs-02,ol.fs-02,p.fs-02,span.fs-02,table.fs-02,ul.fs-02 {
    font-size: 114.28571%
}

dl.fs-03,ol.fs-03,p.fs-03,span.fs-03,table.fs-03,ul.fs-03 {
    font-size: 128.57143%
}

dl.fs-04,ol.fs-04,p.fs-04,span.fs-04,table.fs-04,ul.fs-04 {
    font-size: 142.85714%
}

.adjust-breakAll {
    word-break: break-all!important
}

.adjust-has-border {
    border: 1px solid #ccc!important
}

.line-height-wide {
    line-height: 2
}

.line-height-wide-02 {
    line-height: 2.4
}

.line-height-super-wide {
    line-height: 3
}

.line-height-super-wide-02 {
    line-height: 3.2
}

.letter-spacing-wide {
    letter-spacing: .1em
}

.letter-spacing-super-wide {
    letter-spacing: .2em
}

.color-white {
    color: #fff!important
}

.color-01 {
    color: #111cff!important
}

.color-02 {
    color: #7b24ff!important
}

.color-03 {
    color: #2e2e2e!important
}

.color-04 {
    color: #747474!important
}

.color-05 {
    color: #000!important
}

.lp-main_visual {
    position: relative
}

.lp-main_visual .inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px
}

.lp-main_visual .hdg-l1-img {
    width: 100%;
    padding: 0
}

.lp-main_visual .hdg-l1-img .hdg {
    margin: 0
}

.lp-main_visual .bgimg {
    vertical-align: middle;
    width: 100%;
    object-fit: cover
}

.hdg-l1-img {
    padding: 30px 0 20px
}

.hdg-l1-img .hdg {
    margin: auto
}

.hdg-l1-img .hdg img {
    max-width: calc(100% - 20px);
    height: auto
}

#lp-floating-menu {
    position: relative;
    width: 100%;
    margin: 10px;
    transition: width 150ms
}

html[data-script-enabled=true] #lp-floating-menu {
    position: fixed;
    z-index: 111;
    top: 42px;
    right: 0;
    width: 120px
}

html[data-script-enabled=true] #lp-floating-menu::after {
    background-color: rgba(0,0,0,.4);
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 10px;
    display: block;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    margin-top: 10px;
    content: "";
    border-radius: 10px;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

#lp-floating-menu .inner {
    background-color: #fff;
    overflow-y: auto;
    max-height: calc(100vh - 52px);
    padding: 10px 30px 30px;
    border-radius: 8px
}

html[data-script-enabled=true] #lp-floating-menu .inner {
    padding: 0
}

#lp-floating-menu ul {
    margin-top: 32px;
    transition: height 150ms;
    border-top: 1px solid #e1e1e1
}

html[data-script-enabled=true] #lp-floating-menu ul {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    margin-top: 0
}

#lp-floating-menu ul>li {
    border-bottom: 1px solid #e1e1e1
}

#lp-floating-menu ul>li>a {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    color: #1e32a5;
    position: relative;
    display: block;
    padding: 14px 30px 14px 0
}

#lp-floating-menu ul>li>a::after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: "";
    transition: right .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #1e32a5;
    border-right: 1px solid #1e32a5
}

#lp-floating-menu ul>li>a:active::after,#lp-floating-menu ul>li>a:focus::after,#lp-floating-menu ul>li>a:hover::after {
    right: 5px
}

#lp-floating-menu .btn {
    margin-bottom: 0
}

#lp-floating-menu .btn>button,#lp-floating-menu .btn>span {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    color: #1e32a5;
    background-color: transparent;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 9px 10px 6px 0;
    border: 0
}

html[data-script-enabled=true] #lp-floating-menu .btn>button,html[data-script-enabled=true] #lp-floating-menu .btn>span {
    padding: 9px 10px 6px
}

#lp-floating-menu .btn>button {
    cursor: pointer
}

#lp-floating-menu .btn>button:active,#lp-floating-menu .btn>button:focus,#lp-floating-menu .btn>button:hover {
    text-decoration: underline
}

#lp-floating-menu .btn>button::after,#lp-floating-menu .btn>button::before {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: inline-block;
    margin: auto;
    content: ""
}

#lp-floating-menu .btn>button::before {
    width: 16px;
    height: 12px;
    border-top: 2px solid #1e32a5;
    border-bottom: 2px solid #1e32a5
}

#lp-floating-menu .btn>button::after {
    background-color: #1e32a5;
    width: 16px;
    height: 2px
}

#lp-floating-menu.is-animation .inner {
    overflow: hidden
}

html[data-script-enabled=true] #lp-floating-menu.is-open {
    width: calc(100% - 20px)
}

html[data-script-enabled=true] #lp-floating-menu.is-open .inner {
    padding: 10px 30px 30px
}

html[data-script-enabled=true] #lp-floating-menu.is-open ul {
    visibility: visible;
    overflow: visible;
    margin-top: 32px
}

html[data-script-enabled=true] #lp-floating-menu.is-open .btn {
    text-align: right
}

html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span {
    font-size: 1.2rem;
    text-align: right;
    color: #767575;
    display: inline;
    width: auto;
    padding-right: 20px
}

html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button::after,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button::before,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span::after,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span::before {
    background-color: #1e32a5;
    top: 3px;
    right: 0;
    width: 16px;
    height: 2px;
    border: 0
}

html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button::before,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button::after,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#lp-floating-menu ul.is-hidden {
    visibility: hidden
}

.lp-hdg-l2 {
    font-size: 2.8rem;
    margin-top: 30px;
    margin-bottom: 30px
}

.lp-hdg-l2 .sub {
    font-size: 1.4rem;
    font-weight: 400;
    color: #757575;
    display: block
}

.of-color-white .lp-hdg-l2 .sub {
    color: #fff
}

h3.lp-hdg-l2 {
    font-size: 2.2rem
}

.lp-hdg-icon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: 30px;
    margin-bottom: 30px
}

.lp-hdg-icon .icon {
    width: 53px;
    margin-right: 5px
}

.lp-hdg-icon .text {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin-top: 2px
}

.lp-hdg-icon.align-center {
    -webkit-justify-content: center;
    justify-content: center
}

.lp-hdg-icon.align-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

h2.lp-hdg-icon .text {
    font-size: 2.8rem;
    margin-top: -2px
}

.lp-tbl {
    margin-bottom: 30px
}

.lp-tbl table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.lp-tbl td,.lp-tbl th {
    padding: 20px 12px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.lp-tbl th {
    font-weight: 700;
    text-align: left
}

.lp-tbl td {
    background-color: #fff
}

.lp-tbl td.var01 {
    background-color: #d0e6e4
}

.lp-tbl td.var02 {
    background-color: #efced6
}

.lp-tbl td.var03 {
    background-color: #ebebeb
}

.lp-tbl thead td,.lp-tbl thead th {
    color: #fff;
    background-color: #1e32a5;
    border-right: 1px solid #fff
}

.lp-tbl thead td:last-child,.lp-tbl thead th:last-child {
    border-right: 0
}

.lp-tbl tbody th {
    background-color: #dadef0;
    padding-left: 20px;
    border-bottom: 1px solid #fff
}

.lp-tbl.of-type-02 td,.lp-tbl.of-type-02 th {
    border-bottom: #fff solid 1px
}

.lp-tbl.of-type-02 thead td {
    background-color: #fff
}

.lp-tbl.of-type-02 thead th {
    color: #333;
    background-color: #c1c4df
}

.lp-tbl.of-type-02 thead th.var01 {
    background-color: #cadcef
}

.lp-tbl.of-type-02 thead th.var02 {
    background-color: #efced6
}

.lp-tbl.of-type-02 thead th.var03 {
    background-color: #d0e6e4
}

.lp-tbl.of-type-02 thead th.var04 {
    background-color: #f4efc0
}

.lp-tbl.of-type-02 thead th.var05 {
    background-color: #f6e3c9
}

.lp-tbl.of-type-02 tbody th {
    background-color: #c1c4df;
    border-right-color: #fff
}

.lp-tbl.of-type-02 tbody td {
    background-color: #f5f5f5;
    border-right-color: #fff
}

.lp-tbl.of-type-02 tbody td:last-child {
    border-right: 0
}

.lp-tbl.of-type-02 tbody tr:nth-child(even) {
    background-color: #f5f5f5
}

.of-color-white .lp-tbl {
    color: #000
}

.of-color-white .lp-tbl table {
    border: 1px solid #fff
}

.lp-list {
    margin-bottom: 30px
}

.lp-list>li {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    padding-left: 23px
}

.lp-list>li::before {
    background-color: #c1c4df;
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-table;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%
}

.of-color-white .lp-list>li::before {
    background-color: #fff
}

.lp-list>li+li {
    margin-top: 15px
}

.lp-list.of-line>li {
    padding-left: 35px
}

.lp-list.of-line>li::before {
    top: 13px;
    width: 20px;
    height: 2px;
    border-radius: 0
}

.lp-list.of-square>li {
    padding-left: 29px
}

.lp-list.of-square>li::before {
    background-color: #1e32a5;
    top: 7px;
    width: 14px;
    height: 14px;
    border-radius: 0
}

.of-color-white .lp-list.of-square>li::before {
    background-color: #fff
}

.lp-list.of-circle>li {
    padding-left: 31px
}

.lp-list.of-circle>li::before {
    background-color: #1e32a5;
    top: 7px;
    width: 16px;
    height: 16px
}

.of-color-white .lp-list.of-circle>li::before {
    background-color: #fff
}

.lp-list.of-check-01>li {
    padding-left: 25px
}

.lp-list.of-check-01>li::before {
    background-color: transparent;
    top: 8px;
    width: 7px;
    height: 14px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-top: 3px solid #419b91;
    border-left: 3px solid #419b91;
    border-radius: 0
}

.of-color-white .lp-list.of-check-01>li::before {
    border-color: #fff
}

.lp-list.of-check-02>li {
    padding-left: 25px
}

.lp-list.of-check-02>li::before {
    background-color: transparent;
    top: 8px;
    width: 7px;
    height: 14px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-top: 3px solid #be375a;
    border-left: 3px solid #be375a;
    border-radius: 0
}

.of-color-white .lp-list.of-check-02>li::before {
    border-color: #fff
}

.lp-list-ordered {
    margin-bottom: 30px
}

.lp-list-ordered>li {
    font-size: 2rem;
    font-weight: 700;
    display: table
}

.lp-list-ordered>li .number {
    font-size: 1.4rem;
    margin-right: 15px
}

.lp-list-ordered>li .text {
    display: table-cell
}

.lp-list-ordered>li+li {
    margin-top: 10px
}

.lp-list-ordered.of-square>li .number {
    line-height: 1;
    color: #fff;
    background-color: #1e32a5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px
}

.lp-list-ordered.of-square>li .text {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.lp-list-ordered.of-circle>li .number {
    line-height: 1;
    color: #fff;
    background-color: #1e32a5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.lp-list-ordered.of-circle>li .text {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.of-color-white.of-bgcolor-02 .lp-list-ordered>li .number {
    border: 1px solid #fff
}

.lp-btn {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.lp-btn>a,.lp-btn>button {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.16;
    text-decoration: none;
    text-align: left;
    color: #fff;
    background-image: linear-gradient(to bottom,#5666bc 0,#1e32a5 50%,#5666bc 100%);
    background-size: auto 200%;
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 100px;
    margin: auto;
    padding: 10px 46px 7px;
    transition: background-position 150ms;
    border: 0;
    border-radius: 1000px;
    box-shadow: 10px 10px rgba(30,50,165,.25)
}

.lp-btn>a::after,.lp-btn>button::after {
    background-image: url(/nf_global/v3/common/img/landing/btn-arrow-01.svg);
    background-size: 20px 40px;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    display: inline;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 20px;
    height: 40px;
    margin: auto;
    content: "";
    transition: right 150ms
}

.lp-btn>a:focus,.lp-btn>a:hover,.lp-btn>button:focus,.lp-btn>button:hover {
    background-position: bottom left
}

.lp-btn>a:focus::after,.lp-btn>a:hover::after,.lp-btn>button:focus::after,.lp-btn>button:hover::after {
    right: 20px
}

.lp-btn.of-border>a,.lp-btn.of-border>button {
    color: #000;
    background-color: #c7cde9;
    background-image: none;
    transition: opacity .3s;
    border: 3px solid #1e32a5
}

.lp-btn.of-border>a::after,.lp-btn.of-border>button::after {
    background-image: url(/nf_global/v3/common/img/landing/btn-arrow-02.svg)
}

.lp-btn.of-border>a:focus,.lp-btn.of-border>a:hover,.lp-btn.of-border>button:focus,.lp-btn.of-border>button:hover {
    opacity: .7
}

.lp-btn.of-shadow>a,.lp-btn.of-shadow>button {
    box-shadow: 10px 10px rgba(0,0,0,.2)
}

.lp-btn.of-mail>a,.lp-btn.of-mail>button {
    color: #000;
    background-image: linear-gradient(to bottom,#f0cfa4 0,#e5a95a 50%,#f0cfa4 100%);
    transition: background-position 150ms;
    box-shadow: 10px 10px rgba(220,140,35,.25)
}

.lp-btn.of-mail>a::after,.lp-btn.of-mail>button::after {
    display: none
}

.lp-btn.of-mail>a::before,.lp-btn.of-mail>button::before {
    background-image: url(/nf_global/v3/common/img/landing/mail.svg);
    background-size: 40px 29px;
    display: inline;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 40px;
    height: 29px;
    margin-right: 5px;
    content: ""
}

.lp-btn.of-mail>a:focus,.lp-btn.of-mail>a:hover,.lp-btn.of-mail>button:focus,.lp-btn.of-mail>button:hover {
    background-position: bottom left
}

.lp-btn.of-mail.of-border>a,.lp-btn.of-mail.of-border>button {
    background-color: #f6e3c9;
    background-image: none;
    transition: opacity .3s;
    border: 3px solid #dc8c23
}

.lp-btn.of-mail.of-border>a:focus,.lp-btn.of-mail.of-border>a:hover,.lp-btn.of-mail.of-border>button:focus,.lp-btn.of-mail.of-border>button:hover {
    opacity: .7
}

.lp-btn.of-mail.of-shadow>a,.lp-btn.of-mail.of-shadow>button {
    box-shadow: 10px 10px rgba(0,0,0,.2)
}

.lp-btn.of-download>a,.lp-btn.of-download>button {
    background-image: linear-gradient(to bottom,#c95875 0,#b22c4b 50%,#c95875 100%);
    transition: background-position 150ms;
    box-shadow: 10px 10px rgba(190,55,90,.25)
}

.lp-btn.of-download>a:focus,.lp-btn.of-download>a:hover,.lp-btn.of-download>button:focus,.lp-btn.of-download>button:hover {
    background-position: bottom left
}

.lp-btn.of-download>a::after,.lp-btn.of-download>button::after {
    display: none
}

.lp-btn.of-download>a::before,.lp-btn.of-download>button::before {
    background-image: url(/nf_global/v3/common/img/landing/download-01.svg);
    background-size: 40px 39px;
    display: inline;
    width: 40px;
    height: 39px;
    margin-right: 25px;
    content: ""
}

.lp-btn.of-download>a:focus,.lp-btn.of-download>a:hover,.lp-btn.of-download>button:focus,.lp-btn.of-download>button:hover {
    background-position: bottom left
}

.lp-btn.of-download.of-border>a,.lp-btn.of-download.of-border>button {
    background-color: #efced6;
    background-image: none;
    transition: opacity .3s;
    border: 3px solid #be375a
}

.lp-btn.of-download.of-border>a::before,.lp-btn.of-download.of-border>button::before {
    background-image: url(/nf_global/v3/common/img/landing/download-02.svg)
}

.lp-btn.of-download.of-border>a:focus,.lp-btn.of-download.of-border>a:hover,.lp-btn.of-download.of-border>button:focus,.lp-btn.of-download.of-border>button:hover {
    opacity: .7
}

.lp-btn.of-download.of-shadow>a,.lp-btn.of-download.of-shadow>button {
    box-shadow: 10px 10px rgba(0,0,0,.2)
}

.comp-txt-seminarTag {
    margin: 0 0 32px
}

.comp-txt-seminarTag>p.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px 0 0 -4px
}

.comp-txt-seminarTag>p.inner>* {
    font-weight: 400;
    display: block;
    padding: 4px 0 0 4px
}

.comp-txt-seminarTag>p.inner>*>span {
    font-size: 1.2rem;
    line-height: 1.9;
    letter-spacing: .33px;
    color: #000;
    background: 0 0;
    display: block;
    padding: 0 5px
}

.comp-txt-seminarTag>p.inner>[class^=of-]>span {
    color: #fff
}

.comp-txt-seminarTag>p.inner>.of-class>span {
    background: #04127c
}

.comp-txt-seminarTag>p.inner>.of-accept>span {
    background: #24766b
}

.comp-txt-seminarTag>p.inner>.of-full>span {
    background: #be375a
}

.comp-btn-more>[type=button],.comp-btn-more>[type=submit],.comp-btn-more>a {
    font-size: 1.6rem;
    text-decoration: none;
    text-align: center;
    color: #666;
    background: #fff;
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 10px 5px;
    cursor: pointer;
    border: 2px solid
}

.comp-btn-clear {
    text-align: right;
    margin: 0 0 22px
}

.comp-btn-clear button {
    font-size: 1.4rem;
    text-decoration: underline;
    background: 0 0;
    position: relative;
    max-width: 100%;
    padding: 0 0 0 30px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.comp-btn-clear button::before {
    background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
    background-position: -152px -152px;
    background-size: auto;
    position: absolute;
    z-index: 0;
    top: .3em;
    left: 8px;
    width: 14px;
    height: 14px;
    content: ""
}

.comp-list-video {
    overflow: hidden;
    margin: 0 0 42px
}

.comp-list-video>.list>li {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 14px
}

.comp-list-video>.list>li>a {
    line-height: 1.78571;
    text-decoration: none;
    background: #e5e7e9;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.comp-list-video .icon-new {
    font-size: 1.4rem;
    color: #fff;
    background: #76161b;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding: 0 3px
}

.comp-list-video .time {
    letter-spacing: 2px;
    text-align: right;
    display: block
}

.comp-list-video .detail {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 16px 19px 13px
}

.comp-list-video .detail p {
    margin: 0 0 10px
}

.comp-list-video .thumb {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.comp-list-video .thumb img {
    display: block;
    width: 100%;
    max-width: 100%
}

.comp-list-rank {
    font-size: 1.4rem;
    line-height: 1.85714;
    margin: 0 0 58px
}

.comp-list-rank .rank {
    text-indent: 2px;
    letter-spacing: 2px;
    text-align: center;
    white-space: pre;
    background: #e5e7e9;
    display: block;
    min-width: 62px;
    margin: 4px 14px 0 0;
    padding: 1px 10px 0
}

.comp-list-rank .txt {
    letter-spacing: -.5px;
    text-align: justify;
    display: block
}

.comp-list-rank .txt>a {
    text-decoration: none
}

.comp-list-rank .txt>a::after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid;
    border-width: 1px 1px 0 0
}

.comp-list-rank .txt>a:focus,.comp-list-rank .txt>a:hover {
    text-decoration: underline
}

.comp-list-rank>.list {
    width: calc(100% + 40px);
    margin: -30px 0 0 -40px
}

.comp-list-rank>.list>li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 30px 0 0 40px
}

.comp-list-rank>.list>li:first-child .rank {
    color: #fff;
    background: #be375a
}

.comp-list-rank>.list>li:nth-child(2) .rank {
    background: #dce8f5
}

.comp-box {
    margin: 48px 0 60px;
    padding: 0 24px;
    border: 1px solid #a4aab0
}

.comp-box>.inner>.col {
    font-size: 1.6rem;
    letter-spacing: 0;
    text-align: center;
    padding: 24px 0
}

.comp-box>.inner>.col>p+.mod-btn:last-child {
    margin-top: 12px
}

.comp-box>.inner>.col>:last-child {
    margin-top: 10px;
    margin-bottom: 0
}

.comp-box>.inner>.col:not(:last-child) {
    position: relative
}

.comp-box>.inner>.col:not(:last-child)::after {
    background: #a4aab0;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    margin: 0 auto;
    content: ""
}

.comp-lyt-caseStudy>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0 0 22px
}

.comp-lyt-caseStudy>.inner>.content {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.comp-lyt-caseStudy>.inner>.content>:first-child {
    margin-top: 0
}

.comp-lyt-caseStudy>.inner>.content>:last-child {
    margin-bottom: 0
}

.comp-lyt-caseStudy>.inner>.content>.clientName {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center
}

.comp-lyt-caseStudy>.inner>.content>.clientName .tag {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.7;
    color: #fff;
    background: #04127c;
    display: block;
    margin: 0 0 0 7px;
    padding: 3px 8px
}

.comp-lyt-caseStudy>.inner>.content>.description {
    font-size: 1.4rem;
    margin: 0
}

.comp-lyt-caseStudy>.inner>.content>.description p {
    font-weight: 700;
    margin: 0
}

.comp-lyt-caseStudy>.inner>.content .mod-list-thisCategory>.list>div {
    float: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.comp-lyt-caseStudy>.inner .media {
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
    min-width: 32%;
    max-width: 32%;
    padding: 0 16px 0 0
}

.comp-lyt-caseStudy>.inner .media>.mod-media {
    margin: 0
}

.comp-form-checkGroup {
    background: #efefef;
    margin: 0 0 20px;
    padding: 20px
}

.comp-form-checkGroup+.comp-form-checkGroup {
    margin-top: -10px
}

.comp-form-checkGroup .hdg {
    overflow: hidden;
    margin: 0 0 16px
}

.comp-form-checkGroup .hdg label {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    min-height: 24px;
    padding: 1px
}

.comp-form-checkGroup .hdg label .label {
    font-weight: 400;
    line-height: 1.71429;
    position: relative;
    display: block;
    padding: 0 0 0 34px;
    cursor: default
}

.comp-form-checkGroup .hdg label .label::after,.comp-form-checkGroup .hdg label .label::before {
    position: absolute;
    display: block;
    content: ""
}

.comp-form-checkGroup .hdg label .label::before {
    background: #fff;
    z-index: 1;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #cad0d7
}

.comp-form-checkGroup .hdg label .label::after {
    z-index: 2;
    top: 9px;
    left: 6px;
    width: 13px;
    height: 8px;
    transition: .2s opacity ease-out;
    -webkit-transform: rotate(-45deg) translate(2px,-2px);
    transform: rotate(-45deg) translate(2px,-2px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid #002b62;
    border-width: 0 0 2px 2px;
    opacity: 0
}

.comp-form-checkGroup .hdg label [type=checkbox]:checked+.label::after {
    opacity: 1
}

.comp-form-checkGroup .hdg label [type=checkbox]:disabled+.label::before {
    background: #efefef
}

.comp-form-checkGroup .hdg label [type=checkbox][aria-invalid]:not([aria-invalid=false])+.label::before {
    background: #f6e1c5;
    border-color: #be375a
}

.comp-form-checkGroup .hdg label [type=checkbox]:focus:not(:hover)+.label {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px
}

.comp-form-checkGroup .hdg input {
    position: absolute;
    top: -100%;
    left: -100%
}

.comp-form-checkGroup .mod-input-check {
    margin: 0
}

.mod-form-error {
    display: block;
    margin-bottom: 5px
}

.mod-form-error>.message {
    font-size: 1.4rem;
    font-weight: 400;
    color: #9d4531;
    background: url(/nf_global/v2/common/img/icon/error-01.png) left 3px no-repeat;
    margin-bottom: 5px;
    padding-top: 0;
    padding-left: 24px
}

.mod-form-error>.message:last-child {
    margin-bottom: 0
}

.mod-form-error.of-center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.mod-lyt-full-form>.form-inputLyt {
    margin-bottom: 10px
}

.mod-lyt-full-form>.form-inputLyt:last-child {
    margin-bottom: 0
}

.mod-lyt-full-form>.form-inputLyt>[class^=mod-input] {
    margin-bottom: 10px
}

.mod-lyt-full-form>.form-inputLyt>[class^=mod-input] input,.mod-lyt-full-form>.form-inputLyt>[class^=mod-input] textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mod-lyt-full-form>.form-inputLyt>[class^=mod-input] .label {
    margin-bottom: 5px
}

.mod-lyt-full-form>.form-inputLyt>.hdg-label {
    margin-bottom: 5px
}

.mod-lyt-full-form>.form-inputLyt>.hdg-label>b {
    font-size: 1.4rem;
    font-weight: 400;
    display: block
}

.mod-lyt-full-form>.form-inputLyt>.mod-box {
    margin-bottom: 10px
}

.mod-lyt-full-form>.form-inputLyt>.mod-box>.inner {
    margin: 10px
}

.mod-lyt-full-form>.form-inputLyt .of-center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.mod-lyt-full-form .mod-btn-02 button:disabled {
    padding-right: 40px;
    padding-left: 40px
}

.mod-lyt-full-form .mod-btn-02.of-no-arrow a,.mod-lyt-full-form .mod-btn-02.of-no-arrow button,.mod-lyt-full-form .mod-btn-02.of-no-arrow span {
    padding-right: 32px
}

.comp-sns {
    margin: 0 0 48px
}

.comp-sns * {
    vertical-align: bottom
}

.comp-sns>.list {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -14px 0 0 0
}

.comp-sns>.list>li {
    margin: 14px 14px 0
}

.comp-sns>.list>.of-facebook>.fb_iframe_widget[data-layout=button_count]:not([data-size=large])>span {
    height: 20px!important
}

.comp-sns.align-right>.list {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.comp-sns.align-right>.list>li:last-child {
    margin-right: 0
}

.comp-sns-02 {
    margin: 16px auto
}

.comp-sns-02>.list {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.comp-sns-02 li {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.comp-sns-02 li+li {
    margin-left: 10px
}

.comp-sns-02 li>a {
    display: block;
    padding: 0!important
}

.comp-sns-02 li>a>img,.comp-sns-02 li>a>picture>img {
    display: block;
    width: 48px;
    max-width: 100%;
    height: auto
}

.comp-sns-03 {
    margin-bottom: 50px
}

.comp-sns-03>.list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: -21px
}

.comp-sns-03>.list>.item {
    width: calc((112 / 390) * 100%);
    margin-top: 21px
}

.comp-sns-03>.list>.item:not(:last-child) {
    margin-right: calc((18 / 390) * 100%)
}

.comp-sns-03>.list>.item a {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: center;
    align-items: center
}

.comp-sns-03>.list>.item img {
    width: auto;
    max-height: 50px;
    margin-bottom: 20px
}

.comp-sns-03>.list>.item .hdg {
    margin-bottom: 0
}

.mod-hdg-l2-03+.comp-sns-03 {
    margin-top: 20px
}

.comp-pager {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 52px
}

.comp-pager>.list {
    display: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    justify-content: center
}

.comp-pager>.list>li {
    font-size: 1.6rem;
    line-height: 1.625;
    text-decoration: none;
    text-align: center;
    color: #333;
    position: relative;
    margin: 8px
}

.comp-pager>.list>li>a,.comp-pager>.list>li>b {
    font-weight: 400;
    text-decoration: none;
    color: inherit;
    background: #fff;
    position: relative;
    z-index: 5;
    display: block;
    min-width: 30px;
    min-height: 30px;
    padding: 0 3px;
    border: 2px solid #535a6e
}

.comp-pager>.list>li.is-current>b {
    color: #fff;
    background: #0f1ed2;
    border: 2px solid #0f1ed2
}

.comp-pager .next,.comp-pager .prev {
    color: #333;
    background: 0 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: calc(50% - 8px);
    min-height: 30px;
    border: 2px solid
}

.comp-pager .next>a,.comp-pager .prev>a {
    font-size: 1.8rem;
    line-height: 1.44444;
    text-decoration: none;
    color: #333;
    display: block;
    margin: auto
}

.comp-pager .next>a::before,.comp-pager .prev>a::before {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid
}

.comp-pager .prev {
    margin: 0 8px 0 0
}

.comp-pager .prev>a {
    padding: 0 10px 0 30px
}

.comp-pager .prev>a::before {
    left: 10px;
    border-width: 0 0 1px 1px
}

.comp-pager .next {
    margin: 0 0 0 8px
}

.comp-pager .next>a {
    padding: 0 30px 0 10px
}

.comp-pager .next>a::before {
    right: 10px;
    border-width: 1px 1px 0 0
}

.comp-tab-news {
    position: relative;
    margin: 0 0 20px
}

.comp-tab-news>:last-child {
    margin-bottom: 0
}

.comp-tab-news .rss {
    font-size: 1.5rem;
    text-align: center;
    display: none;
    margin: 0 0 15px 0
}

.comp-tab-news .rss a {
    text-decoration: none;
    white-space: pre;
    color: #fff;
    background: #be375a;
    display: inline-block;
    width: 85%;
    padding: 3px 20px
}

.comp-tab-news .rss a:focus,.comp-tab-news .rss a:hover {
    opacity: .8
}

.comp-tab-news .tab-list {
    font-size: 1.5rem;
    margin: 0 0 15px
}

.comp-tab-news .tab-list:last-child {
    margin-top: 5px;
    margin-bottom: 0
}

.comp-tab-news .tab-list>[role=tab] {
    position: relative;
    width: 85%;
    margin: 15px auto 0;
    border: 2px #666 solid
}

.comp-tab-news .tab-list>[role=tab]>a {
    text-decoration: none;
    text-align: center;
    color: #666;
    position: relative;
    display: block;
    padding: 2px 42px
}

.comp-tab-news .tab-list>[role=tab]>a::after {
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(135deg) translate(-10px,-2px);
    transform: rotate(135deg) translate(-10px,-2px);
    border: 1px solid;
    border-color: #666 #666 transparent transparent
}

.comp-tab-news .tab-list>[role=tab]>a:active,.comp-tab-news .tab-list>[role=tab]>a:focus,.comp-tab-news .tab-list>[role=tab]>a:hover {
    outline: 0
}

.comp-tab-news .tab-list>[role=tab][aria-selected=true] {
    background: #fff;
    border-color: #be375a
}

.comp-tab-news .tab-list>[role=tab][aria-selected=true]>a {
    color: #be375a
}

.comp-tab-news .tab-list>[role=tab][aria-selected=true]>a::after {
    visibility: hidden
}

.comp-tab-news .tab-panel {
    clear: both
}

.comp-tab-news .tab-panel>.inner {
    overflow: hidden
}

body[data-path="/"] .str-mainvisual,body[data-path="/"] .str-mainvisual-02,body[data-path="/"] .str-mainvisual-03 {
    background: #717171;
    position: relative;
    overflow: hidden
}

body[data-path="/"] .str-mainvisual .slide::before,body[data-path="/"] .str-mainvisual-02 .slide::before,body[data-path="/"] .str-mainvisual-02::before,body[data-path="/"] .str-mainvisual-03 .slide::before,body[data-path="/"] .str-mainvisual-03::before,body[data-path="/"] .str-mainvisual::before {
    pointer-events: none;
    background: 0 0 transparent no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: calc(-340vw * 100 / 1800);
    min-width: 320px;
    content: ""
}

body[data-path="/"] .str-mainvisual-02.of-decorate .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate::before,body[data-path="/"] .str-mainvisual-03.of-decorate .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate::before,body[data-path="/"] .str-mainvisual.of-decorate .slide::before,body[data-path="/"] .str-mainvisual.of-decorate::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img.png);
    max-width: 1192px;
    min-height: 308px;
    max-height: 1149px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-02 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-02::before,body[data-path="/"] .str-mainvisual-03.of-decorate-02 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-02::before,body[data-path="/"] .str-mainvisual.of-decorate-02 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-02::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-02.png);
    max-width: 1157px;
    min-height: 266px;
    max-height: 963px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-03 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-03::before,body[data-path="/"] .str-mainvisual-03.of-decorate-03 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-03::before,body[data-path="/"] .str-mainvisual.of-decorate-03 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-03::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-03.png);
    max-width: 869px;
    min-height: 442px;
    max-height: 1201px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-04 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-04::before,body[data-path="/"] .str-mainvisual-03.of-decorate-04 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-04::before,body[data-path="/"] .str-mainvisual.of-decorate-04 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-04::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-04.png);
    max-width: 1021px;
    min-height: 268px;
    max-height: 856px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-05 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-05::before,body[data-path="/"] .str-mainvisual-03.of-decorate-05 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-05::before,body[data-path="/"] .str-mainvisual.of-decorate-05 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-05::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-05.png);
    max-width: 1184px;
    min-height: 263px;
    max-height: 973px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-06 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-06::before,body[data-path="/"] .str-mainvisual-03.of-decorate-06 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-06::before,body[data-path="/"] .str-mainvisual.of-decorate-06 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-06::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-06.png);
    max-width: 1129px;
    min-height: 308px;
    max-height: 1088px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-07 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-07::before,body[data-path="/"] .str-mainvisual-03.of-decorate-07 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-07::before,body[data-path="/"] .str-mainvisual.of-decorate-07 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-07::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-07.png);
    max-width: 1565px;
    min-height: 172px;
    max-height: 840px
}

body[data-path="/"] .str-mainvisual-02.of-decorate-08 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-08::before,body[data-path="/"] .str-mainvisual-03.of-decorate-08 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-08::before,body[data-path="/"] .str-mainvisual.of-decorate-08 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-08::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-08.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-09 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-09::before,body[data-path="/"] .str-mainvisual-03.of-decorate-09 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-09::before,body[data-path="/"] .str-mainvisual.of-decorate-09 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-09::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-09.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-10 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-10::before,body[data-path="/"] .str-mainvisual-03.of-decorate-10 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-10::before,body[data-path="/"] .str-mainvisual.of-decorate-10 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-10::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-10.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-11 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-11::before,body[data-path="/"] .str-mainvisual-03.of-decorate-11 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-11::before,body[data-path="/"] .str-mainvisual.of-decorate-11 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-11::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-11.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-12 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-12::before,body[data-path="/"] .str-mainvisual-03.of-decorate-12 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-12::before,body[data-path="/"] .str-mainvisual.of-decorate-12 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-12::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-12.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-13 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-13::before,body[data-path="/"] .str-mainvisual-03.of-decorate-13 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-13::before,body[data-path="/"] .str-mainvisual.of-decorate-13 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-13::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-13.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-14 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-14::before,body[data-path="/"] .str-mainvisual-03.of-decorate-14 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-14::before,body[data-path="/"] .str-mainvisual.of-decorate-14 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-14::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-14.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-15 .slide::before,body[data-path="/"] .str-mainvisual-02.of-decorate-15::before,body[data-path="/"] .str-mainvisual-03.of-decorate-15 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-15::before,body[data-path="/"] .str-mainvisual.of-decorate-15 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-15::before {
    background-image: url(/nf_global/v3/common/img/2021/str/mainvisual-img-15.png)
}

body[data-path="/"] .str-mainvisual-02.of-decorate::before,body[data-path="/"] .str-mainvisual-03.of-decorate::before,body[data-path="/"] .str-mainvisual.of-decorate::before {
    top: calc(-339vw * 100 / 1800);
    width: calc(1192vw * 100 / 1800);
    height: calc(1149vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate .slide::before,body[data-path="/"] .str-mainvisual.of-decorate .slide::before {
    width: 100vw;
    height: calc(1149vw * 100 / 1192)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-02::before,body[data-path="/"] .str-mainvisual-03.of-decorate-02::before,body[data-path="/"] .str-mainvisual.of-decorate-02::before {
    top: calc(-160vw * 100 / 1800);
    width: calc(1157vw * 100 / 1800);
    height: calc(963vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-02 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-02 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-02 .slide::before {
    width: 100vw;
    height: calc(963vw * 100 / 1157)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-03::before,body[data-path="/"] .str-mainvisual-03.of-decorate-03::before,body[data-path="/"] .str-mainvisual.of-decorate-03::before {
    top: calc(-339vw * 100 / 1800);
    right: calc(-60vw * 100 / 1800);
    width: calc(869vw * 100 / 1800);
    height: calc(1201vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-03 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-03 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-03 .slide::before {
    width: 100vw;
    height: calc(1201vw * 100 / 869)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-04::before,body[data-path="/"] .str-mainvisual-03.of-decorate-04::before,body[data-path="/"] .str-mainvisual.of-decorate-04::before {
    top: calc(-190vw * 100 / 1800);
    right: calc(-160vw * 100 / 1800);
    width: calc(1021vw * 100 / 1800);
    height: calc(856vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-04 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-04 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-04 .slide::before {
    width: 100vw;
    height: calc(856vw * 100 / 1021)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-05::before,body[data-path="/"] .str-mainvisual-03.of-decorate-05::before,body[data-path="/"] .str-mainvisual.of-decorate-05::before {
    top: calc(-80vw * 100 / 1800);
    width: calc(1184vw * 100 / 1800);
    height: calc(973vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-05 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-05 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-05 .slide::before {
    width: 100vw;
    height: calc(973vw * 100 / 1184)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-06::before,body[data-path="/"] .str-mainvisual-03.of-decorate-06::before,body[data-path="/"] .str-mainvisual.of-decorate-06::before {
    top: calc(-320vw * 100 / 1800);
    right: calc(-260vw * 100 / 1800);
    width: calc(1129vw * 100 / 1800);
    height: calc(1088vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-06 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-06 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-06 .slide::before {
    width: 100vw;
    height: calc(1088vw * 100 / 1129)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-07::before,body[data-path="/"] .str-mainvisual-03.of-decorate-07::before,body[data-path="/"] .str-mainvisual.of-decorate-07::before {
    top: calc(-200vw * 100 / 1800);
    right: calc(-580vw * 100 / 1800);
    width: calc(1565vw * 100 / 1800);
    height: calc(840vw * 100 / 1800)
}

body[data-path="/"] .str-mainvisual-02.of-decorate-07 .slide::before,body[data-path="/"] .str-mainvisual-03.of-decorate-07 .slide::before,body[data-path="/"] .str-mainvisual.of-decorate-07 .slide::before {
    width: 100vw;
    height: calc(840vw * 100 / 1565)
}

body[data-path="/"] .str-mainvisual-02::before,body[data-path="/"] .str-mainvisual-03::before,body[data-path="/"] .str-mainvisual::before {
    z-index: 1;
    top: -63px;
    display: none
}

body[data-path="/"] .str-mainvisual .slick-arrow,body[data-path="/"] .str-mainvisual-02 .slick-arrow,body[data-path="/"] .str-mainvisual-03 .slick-arrow {
    display: none!important
}

body[data-path="/"] .str-mainvisual .slick-list,body[data-path="/"] .str-mainvisual-02 .slick-list,body[data-path="/"] .str-mainvisual-03 .slick-list {
    height: 100%
}

body[data-path="/"] .str-mainvisual .slick-track,body[data-path="/"] .str-mainvisual-02 .slick-track,body[data-path="/"] .str-mainvisual-03 .slick-track {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%
}

body[data-path="/"] .str-mainvisual .slide,body[data-path="/"] .str-mainvisual-02 .slide,body[data-path="/"] .str-mainvisual-03 .slide {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%
}

body[data-path="/"] .str-mainvisual .slide::before,body[data-path="/"] .str-mainvisual-02 .slide::before,body[data-path="/"] .str-mainvisual-03 .slide::before {
    z-index: 0;
    top: 0;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

html[data-script-enabled=true] body[data-path="/"] .str-mainvisual .slide,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-02 .slide,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-03 .slide {
    height: 100%
}

body[data-path="/"] .str-mainvisual .slide .slide-content,body[data-path="/"] .str-mainvisual-02 .slide .slide-content,body[data-path="/"] .str-mainvisual-03 .slide .slide-content {
    display: table-cell
}

body[data-path="/"] .str-mainvisual .slide .slide-image,body[data-path="/"] .str-mainvisual-02 .slide .slide-image,body[data-path="/"] .str-mainvisual-03 .slide .slide-image {
    display: table-caption
}

html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-02>.slide,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-03>.slide,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual>.slide {
    display: none
}

html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-02>.slide:first-child,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-03>.slide:first-child,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual>.slide:first-child {
    display: block
}

body[data-path="/"] .str-mainvisual .slide-image,body[data-path="/"] .str-mainvisual-02 .slide-image,body[data-path="/"] .str-mainvisual-03 .slide-image {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

body[data-path="/"] .str-mainvisual .slide-content,body[data-path="/"] .str-mainvisual-02 .slide-content,body[data-path="/"] .str-mainvisual-03 .slide-content {
    position: relative;
    z-index: 1;
    bottom: 0;
    left: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding: 0 0 34px
}

body[data-path="/"] .str-mainvisual .slide-content::before,body[data-path="/"] .str-mainvisual-02 .slide-content::before,body[data-path="/"] .str-mainvisual-03 .slide-content::before {
    background: rgba(255,255,255,.75);
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

body[data-path="/"] .str-mainvisual .slide-content.var01::before,body[data-path="/"] .str-mainvisual-02 .slide-content.var01::before,body[data-path="/"] .str-mainvisual-03 .slide-content.var01::before {
    background: rgba(255,255,255,.7)
}

body[data-path="/"] .str-mainvisual .slide-content.var02::before,body[data-path="/"] .str-mainvisual-02 .slide-content.var02::before,body[data-path="/"] .str-mainvisual-03 .slide-content.var02::before {
    background: rgba(255,255,255,.8)
}

body[data-path="/"] .str-mainvisual .slide-content>.inner,body[data-path="/"] .str-mainvisual-02 .slide-content>.inner,body[data-path="/"] .str-mainvisual-03 .slide-content>.inner {
    letter-spacing: -.5px;
    height: 100%;
    padding: 10px 10px 0
}

body[data-path="/"] .str-mainvisual .slide-content>.inner>:last-child,body[data-path="/"] .str-mainvisual-02 .slide-content>.inner>:last-child,body[data-path="/"] .str-mainvisual-03 .slide-content>.inner>:last-child {
    margin-bottom: 0
}

body[data-path="/"] .str-mainvisual .slide-content h2,body[data-path="/"] .str-mainvisual-02 .slide-content h2,body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
    font-size: calc(20vw * 100 / 375);
    font-weight: 400;
    line-height: 1.3369;
    margin: 20px 0 14px
}

body[data-path="/"] .str-mainvisual .slide-content p,body[data-path="/"] .str-mainvisual-02 .slide-content p,body[data-path="/"] .str-mainvisual-03 .slide-content p {
    font-size: calc(13vw * 100 / 375);
    line-height: 1.9;
    letter-spacing: -.3px;
    margin: 0 0 20px
}

body[data-path="/"] .str-mainvisual .slide-content .pc-show,body[data-path="/"] .str-mainvisual-02 .slide-content .pc-show,body[data-path="/"] .str-mainvisual-03 .slide-content .pc-show {
    display: none
}

body[data-path="/"] .str-mainvisual .slide-image img,body[data-path="/"] .str-mainvisual-02 .slide-image img,body[data-path="/"] .str-mainvisual-03 .slide-image img {
    display: block;
    width: 100%
}

body[data-path="/"] .str-mainvisual .slide-image .pc-show,body[data-path="/"] .str-mainvisual-02 .slide-image .pc-show,body[data-path="/"] .str-mainvisual-03 .slide-image .pc-show {
    display: none
}

body[data-path="/"] .str-mainvisual .slick-dots-wrap,body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap,body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap {
    position: relative;
    max-width: 1200px
}

body[data-path="/"] .str-mainvisual .slick-dots-wrap .btn-control,body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap .btn-control,body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap .btn-control {
    font-size: 1rem;
    color: transparent;
    background: 0 0;
    position: relative;
    top: -5px;
    overflow: hidden;
    width: 9px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    border: none
}

body[data-path="/"] .str-mainvisual .slick-dots-wrap .btn-control::before,body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap .btn-control::before,body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap .btn-control::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 9px;
    height: 10px;
    content: "";
    border: 3px solid #717171;
    border-top: 0;
    border-bottom: 0
}

body[data-path="/"] .str-mainvisual .slick-dots-wrap .btn-control.is-stop::before,body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap .btn-control.is-stop::before,body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap .btn-control.is-stop::before {
    top: 0;
    left: 0;
    width: 9px;
    height: 10px;
    border-width: 5px 0 5px 9px;
    border-style: solid;
    border-color: transparent transparent transparent #717171
}

body[data-path="/"] .str-mainvisual .slick-dots-wrap .btn-control:focus,body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap .btn-control:focus,body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap .btn-control:focus {
    outline: 1px dotted #fff
}

body[data-path="/"] .str-mainvisual .slick-dots,body[data-path="/"] .str-mainvisual-02 .slick-dots,body[data-path="/"] .str-mainvisual-03 .slick-dots {
    position: static;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 140px;
    margin: -22px auto 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

body[data-path="/"] .str-mainvisual .slick-dots li,body[data-path="/"] .str-mainvisual-02 .slick-dots li,body[data-path="/"] .str-mainvisual-03 .slick-dots li {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 10px 20px
}

body[data-path="/"] .str-mainvisual .slick-dots li button,body[data-path="/"] .str-mainvisual-02 .slick-dots li button,body[data-path="/"] .str-mainvisual-03 .slick-dots li button {
    background: #fff;
    width: 8px;
    height: 8px;
    border: 1px solid #717171;
    border-radius: 50%
}

body[data-path="/"] .str-mainvisual .slick-dots li button:focus,body[data-path="/"] .str-mainvisual-02 .slick-dots li button:focus,body[data-path="/"] .str-mainvisual-03 .slick-dots li button:focus {
    outline: 1px dotted #fff
}

body[data-path="/"] .str-mainvisual .slick-dots li button::before,body[data-path="/"] .str-mainvisual-02 .slick-dots li button::before,body[data-path="/"] .str-mainvisual-03 .slick-dots li button::before {
    display: none
}

body[data-path="/"] .str-mainvisual .slick-dots li.slick-active button,body[data-path="/"] .str-mainvisual-02 .slick-dots li.slick-active button,body[data-path="/"] .str-mainvisual-03 .slick-dots li.slick-active button {
    color: #fff;
    background: #012c63;
    width: 14px;
    height: 14px;
    border: none
}

body[data-path="/"] .str-mainvisual .slick-dots li.slick-active button:focus,body[data-path="/"] .str-mainvisual-02 .slick-dots li.slick-active button:focus,body[data-path="/"] .str-mainvisual-03 .slick-dots li.slick-active button:focus {
    outline: 2px dotted
}

body[data-path="/"] .str-mainvisual-02.var01 .slide-content::before,body[data-path="/"] .str-mainvisual-03.var01 .slide-content::before,body[data-path="/"] .str-mainvisual.var01 .slide-content::before {
    display: none
}

body[data-path="/"] .str-mainvisual-02.var01 .slide-content.of-color-01,body[data-path="/"] .str-mainvisual-03.var01 .slide-content.of-color-01,body[data-path="/"] .str-mainvisual.var01 .slide-content.of-color-01 {
    color: #fff
}

body[data-path="/"] .slick-dotted.slick-slider::after {
    position: absolute;
    z-index: 0;
    bottom: -30px;
    left: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 30px solid #fff
}

body[data-path="/"] .str-mainvisual .slick-dots-wrap .slick-dots {
    max-width: 460px;
    margin: -24px auto 0
}

body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    margin-top: -24px;
    margin-left: 0;
    padding: 0 20px
}

body[data-path="/"] .str-mainvisual-02 .slick-dots {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    max-width: inherit;
    margin: 0
}

body[data-path="/"] .str-mainvisual-02 .btn-control {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    margin-top: -24px;
    margin-left: 0;
    padding: 0 20px
}

body[data-path="/"] .str-mainvisual-03 .slick-dots {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    max-width: inherit;
    margin: 0
}

body[data-path="/"] .str-mainvisual-03 .btn-control {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

[data-template-id=onlineTV] .str-column {
    -webkit-flex-direction: column;
    flex-direction: column
}

[data-template-id=onlineTV] .unq-link-language {
    text-align: right;
    margin: -26px 0 0
}

[data-template-id=onlineTV] .unq-link-language .mod-link {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-link-language .mod-link>.list>li {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-mainvisual {
    background: #dce8f5;
    margin: 0 0 28px
}

[data-template-id=onlineTV] .unq-mainvisual .media>:last-child {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-mainvisual .pickup {
    font-size: 1.2rem;
    line-height: 1.83333;
    background: #dce8f5;
    padding: 19px 0 18px
}

[data-template-id=onlineTV] .unq-mainvisual .pickup .hdg {
    font-size: 1.6rem;
    margin: 0 0 1px;
    padding: 0 16px
}

[data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li>a {
    text-decoration: underline;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 14px 20px 12px
}

[data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li>a:not([href]) {
    background: #dadef0;
    box-shadow: 3px 0 0 0 #04127c inset
}

[data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li .thumb {
    -webkit-flex: 0 1 128px;
    flex: 0 1 128px;
    max-width: 128px;
    padding: 1px 14px 0 0
}

[data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li .title {
    -webkit-flex: 0 1 calc(100% - 128px);
    flex: 0 1 calc(100% - 128px);
    max-width: calc(100% - 128px)
}

[data-template-id=onlineTV] .unq-tgl {
    background: #f6f6f6;
    margin: 0 0 20px
}

[data-template-id=onlineTV] .unq-tgl .tgl-hook {
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 17px 60px 16px 18px;
    cursor: default;
    border-top: 3px solid #002b62
}

[data-template-id=onlineTV] .unq-tgl .tgl-hook::after,[data-template-id=onlineTV] .unq-tgl .tgl-hook::before {
    background: #333;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    content: "";
    transition: .3s transform ease-out
}

[data-template-id=onlineTV] .unq-tgl .tgl-hook::before {
    right: 30px;
    width: 1px;
    height: 21px
}

[data-template-id=onlineTV] .unq-tgl .tgl-hook::after {
    right: 20px;
    width: 21px;
    height: 1px
}

[data-template-id=onlineTV] .unq-tgl .tgl-hook[aria-pressed=true]::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

[data-template-id=onlineTV] .unq-tgl .tgl-hook[aria-pressed=true]::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

[data-template-id=onlineTV] .unq-tgl .tgl-content {
    overflow: hidden;
    padding: 0 20px
}

[data-template-id=onlineTV] .unq-tgl .mod-input-check .label::before {
    width: 20px;
    height: 20px
}

[data-template-id=onlineTV] .unq-tgl .mod-input-check .label::after {
    left: 17px;
    width: 13px;
    height: 8px;
    -webkit-transform: rotate(-45deg) translate(0,-2px);
    transform: rotate(-45deg) translate(0,-2px)
}

[data-template-id=onlineTV] .unq-column-side-recommend {
    font-size: 1.2rem;
    line-height: 1.75;
    background: #dbe0f1;
    margin: 0 0 20px;
    padding: 15px 19px 17px
}

[data-template-id=onlineTV] .unq-column-side-recommend .hdg {
    font-size: 1.6rem;
    margin: 0 0 11px
}

[data-template-id=onlineTV] .unq-column-side-recommend .list {
    margin: 0 0 26px
}

[data-template-id=onlineTV] .unq-column-side-recommend .list>li {
    margin: 0 0 23px
}

[data-template-id=onlineTV] .unq-column-side-recommend .list>li>* {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

[data-template-id=onlineTV] .unq-column-side-recommend .list>li .thumb {
    -webkit-flex: 0 1 88px;
    flex: 0 1 88px;
    max-width: 88px;
    padding-top: 2px
}

[data-template-id=onlineTV] .unq-column-side-recommend .list>li .title {
    -webkit-flex: 0 1 calc(100% - 88px);
    flex: 0 1 calc(100% - 88px);
    max-width: calc(100% - 88px);
    padding: 0 0 0 13px
}

[data-template-id=onlineTV] .unq-column-side-recommend .list>li:last-child {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-column-side-recommend .powered {
    text-align: right
}

[data-template-id=onlineTV] .unq-column-side-recommend>:last-child {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-column-side-list>.list {
    border: solid #f6f6f6;
    border-width: 8px 8px 0
}

[data-template-id=onlineTV] .unq-column-side-list>.list li {
    font-size: 1.2rem;
    line-height: 1.83333;
    text-align: center;
    margin: 0;
    padding: 24px 20px;
    border-bottom: 8px solid #f6f6f6
}

[data-template-id=onlineTV] .unq-column-side-list>.list li>:first-child {
    margin-top: 0
}

[data-template-id=onlineTV] .unq-column-side-list>.list li>:last-child {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-box-message {
    margin: 0 0 52px
}

[data-template-id=onlineTV] .unq-box-message .input {
    background: #f6f6f6;
    padding: 42px 33px 40px
}

[data-template-id=onlineTV] .unq-box-message .input>:first-child {
    margin-top: 0
}

[data-template-id=onlineTV] .unq-box-message .input>:last-child {
    margin-bottom: 0
}

[data-template-id=onlineTV] .unq-box-message .input .hdg {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin: 0 0 13px
}

[data-template-id=onlineTV] .unq-box-message .input fieldset {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

[data-template-id=onlineTV] .unq-box-message .input legend {
    font-weight: 700;
    display: block;
    margin: 0 0 17px
}

[data-template-id=onlineTV] .unq-box-message .input .textarea>.label {
    font-weight: 700;
    display: block;
    margin: 0 0 16px
}

[data-template-id=onlineTV] .unq-box-message .input textarea {
    min-width: 100%;
    height: 200px;
    margin: 0 0 11px
}

[data-template-id=onlineTV] .unq-box-message form>:last-child {
    bottom: 0
}

[data-template-id=onlineTV] .str-column-main {
    padding-bottom: 42px
}

[data-template-id=onlineTV] .str-column-side {
    padding-right: 0;
    padding-left: 0;
    caption-side: bottom
}

[data-template-id=onlineTV] .mod-box.of-scroll>.mod-hdg-l2 {
    font-size: 2.8rem;
    margin-top: 35px;
    margin-bottom: 0
}

[data-template-id=onlineTV] .mod-box.of-scroll>.inner {
    height: 220px;
    margin-top: 13px
}

[data-template-id=onlineTV] .mod-media-video+.comp-sns {
    margin-top: 20px;
    margin-bottom: 20px
}

[data-template-id=ad] .unq-box-filter {
    background: #f6f6f6;
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-top: 3px solid #002b62
}

.mod-form-trendSearch [data-template-id=ad] .unq-box-filter .inner>:last-child,[data-template-id=ad] .unq-box-filter .mod-form-trendSearch .inner>:last-child,[data-template-id=ad] .unq-box-filter .str-inner>:last-child {
    margin-bottom: 0
}

[data-template-id=ad] .unq-box-filter .hdg {
    font-weight: 400;
    letter-spacing: -.5px;
    text-align: center;
    margin: 18px 0 14px 10px;
    padding: 0 50px
}

[data-template-id=ad] .unq-box-filter .hdg span {
    position: relative
}

[data-template-id=ad] .unq-box-filter .hdg span::before {
    background: transparent url(/nf_global/v3/common/img/2021/unq/ad-box-filter-icn.png) no-repeat 0 0;
    background-size: 30px 29px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    display: block;
    width: 30px;
    height: 29px;
    margin: auto;
    content: ""
}

[data-template-id=ad] .unq-box-filter hr {
    margin: 24px 0
}

[data-template-id=ad] .unq-box-filter .mod-input-check .label::before {
    width: 20px;
    height: 20px
}

[data-template-id=ad] .unq-box-filter .mod-input-check .label::after {
    left: 17px;
    width: 13px;
    height: 8px;
    -webkit-transform: rotate(-45deg) translate(0,-2px);
    transform: rotate(-45deg) translate(0,-2px)
}

[data-template-id=caseStudy-001] .str-column .str-column-side {
    display: none
}

[data-template-id=caseStudy-001] .str-column .str-column-side:first-child {
    padding-right: 40px
}

[data-template-id^=uf-iexpo] .filter-empty {
    text-align: center
}

html[data-script-enabled=true] [data-template-id^=uf-iexpo] .filter-empty {
    display: none
}

[data-template-id^=uf-iexpo] #widget-seminarList .tab-panel:not([aria-hidden=true]) {
    display: block!important
}

html[data-script-enabled=true] [data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit {
    background: rgba(255,255,255,.85);
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
    transition: .2s transform ease-out;
    -webkit-transform: translateY(99%);
    transform: translateY(99%);
    border-top: 1px solid #b7bcc2
}

html[data-script-enabled=true] [data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit[aria-hidden=false] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

[data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit>.inner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0
}

[data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit>.inner>*>* {
    margin-bottom: 0
}

[data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit>.inner>.txt {
    max-width: calc(100% - 134px)
}

[data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit>.inner>.btn {
    padding: 0 0 0 10px
}

[data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit>.inner>.btn a,[data-template-id^=uf-iexpo] #widget-seminarList .seminar-submit>.inner>.btn button {
    white-space: pre
}

[data-template-id^=uf-iexpo-000] .str-pageTitle {
    background: #002b62;
    display: block;
    overflow: hidden;
    padding: 0
}

[data-template-id^=uf-iexpo-000] .str-pageTitle::after {
    min-height: 100px
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner {
    position: relative;
    z-index: 0;
    padding: 12px 10px
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner::before {
    background: transparent url(/nf_global/v3/common/img/2021/unq/uf-iexpo-mainvisual-img.png) center center;
    background-size: cover;
    position: absolute;
    z-index: -1;
    top: 0;
    right: -33px;
    bottom: 0;
    display: block;
    width: 57.5vw;
    min-width: 184px;
    max-width: 191px;
    height: 47.7875vw;
    min-height: 151px;
    max-height: 158px;
    margin: auto 0;
    content: ""
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner img {
    display: block;
    margin: 0 auto 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner .hdg {
    position: relative;
    overflow: hidden
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner .hdg img {
    max-width: 76%;
    margin-bottom: 2vw
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner .sub {
    position: relative;
    overflow: hidden;
    margin: 0
}

[data-template-id^=uf-iexpo-000] .str-pageTitle>.inner .sub img {
    max-width: 85.3333%
}

[data-template-id^=uf-iexpo-000] .str-pageTitle .lede {
    font-size: 1.2rem;
    text-align: center;
    background: #dbe0f1;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 12px 10px
}

[data-template-id^=uf-iexpo-000] .str-pageTitle .lede p {
    color: #000;
    max-width: 1200px;
    margin: 0 auto .5em
}

[data-template-id^=uf-iexpo-000] .str-pageTitle .lede p:last-child {
    margin-bottom: 0
}

[data-template-id^=uf-iexpo-000] .mod-list>.list>li,[data-template-id^=uf-iexpo-000] .mod-list>.list>li>.list>li {
    line-height: 1.4
}

[data-template-id^=uf-iexpo-000] .unq-alt-01,[data-template-id^=uf-iexpo-000] .unq-alt-02 {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 100%
}

[data-template-id^=uf-iexpo-000] .unq-adjust-02 {
    display: none!important
}

[data-template-id^=uf-iexpo-000] .unq-adjust-04 {
    display: none!important
}

[data-template-id^=uf-iexpo-000] .unq-adjust-05 {
    font-size: 1.8rem;
    margin-bottom: 40px
}

[data-template-id^=uf-iexpo-000] .unq-section-01 {
    background: #dbe0f1;
    background-size: cover;
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 48px
}

.mod-form-trendSearch [data-template-id^=uf-iexpo-000] .unq-section-01 [class^=str-outer]:first-child .inner:first-child>:first-child,[data-template-id^=uf-iexpo-000] .unq-section-01 [class^=str-outer]:first-child .mod-form-trendSearch .inner:first-child>:first-child,[data-template-id^=uf-iexpo-000] .unq-section-01 [class^=str-outer]:first-child .str-inner:first-child>:first-child {
    margin-top: 0
}

.mod-form-trendSearch [data-template-id^=uf-iexpo-000] .unq-section-01 [class^=str-outer]:last-child .inner:last-child>:last-child,[data-template-id^=uf-iexpo-000] .unq-section-01 [class^=str-outer]:last-child .mod-form-trendSearch .inner:last-child>:last-child,[data-template-id^=uf-iexpo-000] .unq-section-01 [class^=str-outer]:last-child .str-inner:last-child>:last-child {
    margin-bottom: 0
}

[data-template-id^=uf-iexpo-000] .unq-section-01 .mod-lyt {
    margin-top: 0
}

[data-template-id=uf-iexpo-000-01] .str-pageTitle {
    background: #fff url(/nf_global/v3/common/img/2021/str/mainvisual-img_uf-iexpo-000-01.png) right top no-repeat;
    background-size: contain
}

[data-template-id=uf-iexpo-000-01] .str-pageTitle>.inner::before {
    display: none
}

[data-template-id=uf-iexpo-seminar-000] .mod-tgl {
    margin: 29px 0 55px
}

[data-template-id=uf-iexpo-seminar-000] .mod-lyt {
    margin-top: 40px;
    margin-bottom: 40px
}

[data-template-id=uf-iexpo-seminar-000] .mod-list-seminar {
    font-size: 1.4rem
}

[data-template-id=uf-iexpo-seminar-001] .mod-box>.inner {
    margin: 10px 20px
}

body:not([data-movie-js=alternate]) .video-js.vjs-ended .vjs-poster {
    display: block
}

body:not([data-movie-js=alternate]) .vjs-endlink ul {
    list-style: disc
}

body:not([data-movie-js=alternate]) .vjs-endlink li {
    list-style: disc
}

body:not([data-movie-js=alternate]) .vjs-endlink {
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 1em;
    color: #039;
    position: absolute;
    top: 20%;
    left: 10%
}

body:not([data-movie-js=alternate]) .vjs-endlink a {
    text-decoration: underline
}

body:not([data-movie-js=alternate]) .vjs-endlink a:hover {
    text-decoration: none
}

body:not([data-movie-js=alternate]) .videothumbs .list {
    text-align: center
}

body:not([data-movie-js=alternate]) .videothumbs .list li {
    display: inline-block;
    float: none
}

body:not([data-movie-js=alternate]) .videothumbs .list li.current a {
    font-weight: 700;
    text-decoration: none;
    cursor: default
}

body:not([data-movie-js=alternate]) .video-js .vjs-overlay-background {
    background-color: rgba(80,80,80,.8)!important
}

body:not([data-movie-js=alternate]) .vjs-playlist .vjs-playlist-description {
    display: none
}

body:not([data-movie-js=alternate]) .video-thumbnail {
    width: 180px;
    height: 97px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-style: solid
}

body:not([data-movie-js=alternate]) div.vjs-overlay.vjs-overlay-top {
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 93%;
    margin-left: -1px
}

[data-template-id=special-02] .site-header-02 .func-headerSearch {
    right: 5px
}

[data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide {
    padding: 8px 30px
}

.mod-form-trendSearch [data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide>.inner>.wrap>.copyright,[data-template-id=special-03] .mod-form-trendSearch .site-footer-02>.seg-secondary>.str-outer-wide>.inner>.wrap>.copyright,[data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide>.str-inner>.wrap>.copyright {
    margin: 5px 0
}

@media screen and (min-width: 500px),print {
    .mod-list-seminar-02>.list {
        display:-webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -24px 0 0 -24px
    }

    .mod-list-seminar-02>.list>li {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
        margin: 0;
        padding: 24px 0 0 24px
    }

    .mod-list-seminar-02.of-horizontal>.list {
        display: block
    }

    .mod-list-seminar-02.of-horizontal>.list>li {
        max-width: 100%
    }

    .mod-list-seminar-02.of-horizontal>.list>li>.wrap {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .mod-list-seminar-02.of-horizontal>.list>li>.wrap>.summary {
        -webkit-flex-basis: calc(63.6708% + 10px);
        flex-basis: calc(63.6708% + 10px);
        max-width: calc(63.6708% + 10px);
        padding-left: 10px
    }

    .mod-list-seminar-02.of-horizontal>.list>li>.wrap>.img {
        -webkit-flex-basis: calc(36.3292% - 10px);
        flex-basis: calc(36.3292% - 10px);
        max-width: calc(36.3292% - 10px);
        margin: 0
    }

    .mod-list-seminar-02.of-horizontal>.list>li>.wrap>.img img {
        margin: 0
    }
}

@media screen and (min-width: 540px),print {
    .mod-inline-modal-wrap.is-modal-open {
        padding:3% 0
    }
}

@media screen and (min-width: 640px),print {
    .mod-form-trendSearch,.mod-hdg-l2+.mod-hdg-subtext,.mod-link-03,.mod-link-columnList,.mod-link-important,.mod-media-article,.mod-media-article-02,.mod-pnl-index,.mod-pnl-index2,.mod-pnl-indexBnr,.str-ticker {
        margin-bottom:50px
    }

    .hdg-l1-img .pc-show,.lp-btn .pc-show,.lp-hdg-l2 .pc-show,.lp-list .pc-show,.lp-list-ordered .pc-show,.lp-tbl .pc-show,.mod-form-trendSearch .pc-show,.mod-link-03 .pc-show,.mod-link-columnList .pc-show,.mod-media-article .pc-show,.mod-media-article-02 .pc-show,.mod-media-horizontal .pc-show,.mod-pnl-index .pc-show,.mod-pnl-index2 .pc-show,.mod-pnl-indexBnr .pc-show,.pc-show.hdg-l1-img,.pc-show.lp-btn,.pc-show.lp-hdg-l2,.pc-show.lp-list,.pc-show.lp-list-ordered,.pc-show.lp-tbl,.pc-show.mod-form-trendSearch,.pc-show.mod-link-03,.pc-show.mod-link-columnList,.pc-show.mod-media-article,.pc-show.mod-media-article-02,.pc-show.mod-media-horizontal,.pc-show.mod-pnl-index,.pc-show.mod-pnl-index2,.pc-show.mod-pnl-indexBnr,.pc-show.str-mainvisual-carousel-01,.pc-show.str-ticker,.str-mainvisual-carousel-01 .pc-show,.str-ticker .pc-show {
        display: block!important
    }

    .hdg-l1-img .pc-hide,.lp-btn .pc-hide,.lp-hdg-l2 .pc-hide,.lp-list .pc-hide,.lp-list-ordered .pc-hide,.lp-tbl .pc-hide,.mod-form-trendSearch .pc-hide,.mod-link-03 .pc-hide,.mod-link-columnList .pc-hide,.mod-media-article .pc-hide,.mod-media-article-02 .pc-hide,.mod-media-horizontal .pc-hide,.mod-pnl-index .pc-hide,.mod-pnl-index2 .pc-hide,.mod-pnl-indexBnr .pc-hide,.pc-hide.hdg-l1-img,.pc-hide.lp-btn,.pc-hide.lp-hdg-l2,.pc-hide.lp-list,.pc-hide.lp-list-ordered,.pc-hide.lp-tbl,.pc-hide.mod-form-trendSearch,.pc-hide.mod-link-03,.pc-hide.mod-link-columnList,.pc-hide.mod-media-article,.pc-hide.mod-media-article-02,.pc-hide.mod-media-horizontal,.pc-hide.mod-pnl-index,.pc-hide.mod-pnl-index2,.pc-hide.mod-pnl-indexBnr,.pc-hide.str-mainvisual-carousel-01,.pc-hide.str-ticker,.str-mainvisual-carousel-01 .pc-hide,.str-ticker .pc-hide {
        display: none!important
    }

    .lp-hdg-icon .pc-show,.pc-show.lp-hdg-icon {
        display: -webkit-flex!important;
        display: flex!important
    }

    .lp-hdg-icon .pc-hide,.pc-hide.lp-hdg-icon {
        display: none!important
    }

    body {
        font-size: 1.6rem;
        line-height: 1.5
    }

    html:lang(ja) body,html:lang(zh-CN) body,html:lang(zh-TW) body {
        line-height: 1.625
    }

    hr {
        margin: 60px 0
    }

    .site-main {
        margin: 0 0 52px
    }

    body[data-path="/"] .site-main {
        overflow: hidden
    }

    .str-pageTitle>.inner>.language {
        font-size: 1.8rem
    }

    .str-mainvisual.of-newsRoom {
        margin-bottom: 62px
    }

    .str-contact>.inner {
        padding: 35px 20px 33px
    }

    .str-contact .hdg {
        font-size: 2.8rem;
        margin-bottom: 24px
    }

    .str-contact .title {
        margin-bottom: 21px
    }

    .str-contact .contact .list {
        position: relative;
        left: -1px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0 0 0 -37px
    }

    .str-contact .contact .list>div {
        margin: 0;
        padding: 0 0 0 37px
    }

    .str-contact .time>* {
        font-size: 1.4rem
    }

    .str-contact .time>.mark {
        padding: 0 6px 0 28px
    }

    .str-stepList>.inner>.list li:not(:first-child) .inner::after,.str-stepList>.inner>.list li:not(:first-child) .inner::before,.str-stepList>.inner>.list li:not(:first-child)::after,.str-stepList>.inner>.list li:not(:first-child)::before {
        border-width: 40px 0 40px 20px
    }

    .str-stepList>.inner>.list li .inner {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .str-stepList>.inner>.list li .label {
        font-weight: 400;
        position: static;
        display: block;
        width: auto;
        height: auto
    }

    .site-footer .seg-pickup {
        margin: 60px 0 0;
        padding: 60px 0
    }

    .site-footer .seg-pickup .col-1 {
        padding: 29px 50px 47px
    }

    .site-footer .seg-pickup .col-1:not(:last-child) {
        margin-bottom: 20px
    }

    .site-footer .seg-pickup .col-2 .hdg {
        font-size: 2.8rem
    }

    .site-footer .seg-pickup .pnl {
        position: relative;
        left: 26px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 600px;
        margin: 0 auto
    }

    .site-footer .seg-pickup .pnl .bnr {
        margin: 0;
        padding: 0 39px 0 0
    }

    .site-footer .seg-pickup .pnl .bnr img {
        width: auto;
        height: auto
    }

    .site-footer .seg-pickup .pnl .txt {
        -webkit-flex: 0 1 calc(100% - 185px);
        flex: 0 1 calc(100% - 185px);
        max-width: calc(100% - 185px)
    }

    .site-footer-02 .seg-pickup {
        margin: 60px 0 0;
        padding: 60px 0
    }

    .site-footer-02 .seg-pickup .col-1 {
        padding: 29px 50px 47px
    }

    .site-footer-02 .seg-pickup .col-1:not(:last-child) {
        margin-bottom: 20px
    }

    .site-footer-02 .seg-pickup .col-2 .hdg {
        font-size: 2.8rem
    }

    .site-footer-02 .seg-pickup .pnl {
        position: relative;
        left: 26px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 600px;
        margin: 0 auto
    }

    .site-footer-02 .seg-pickup .pnl .bnr {
        margin: 0;
        padding: 0 39px 0 0
    }

    .site-footer-02 .seg-pickup .pnl .bnr img {
        width: auto;
        height: auto
    }

    .site-footer-02 .seg-pickup .pnl .txt {
        -webkit-flex: 0 1 calc(100% - 185px);
        flex: 0 1 calc(100% - 185px);
        max-width: calc(100% - 185px)
    }

    [class^=mod-hdg-]+* {
        margin-top: 0
    }

    .mod-hdg-l1>.inner>.language {
        font-size: 1.8rem
    }

    .mod-hdg-l2 {
        font-size: 3rem;
        margin: 62px 0 28px
    }

    .mod-hdg-l2+.mod-hdg-l3 {
        margin-top: 28px
    }

    .mod-hdg-l2.of-type-02 {
        font-size: 3.6rem;
        font-weight: 400;
        line-height: 1.3
    }

    .mod-hdg-l2+.mod-hdg-subtext {
        font-size: 1.8rem
    }

    .mod-hdg-l3 {
        font-size: 2.6rem;
        margin: 56px 0 28px
    }

    .mod-hdg-l4 {
        font-size: 2.3rem;
        margin: 50px 0 28px
    }

    .mod-hdg-l5 {
        font-size: 2rem;
        margin: 44px 0 18px
    }

    .mod-hdg-l6 {
        font-size: 1.8rem;
        margin: 38px 0 18px
    }

    .mod-hdg-l2-02 {
        font-size: 3rem;
        margin: 62px 0 28px
    }

    .mod-hdg-l2-02+.mod-hdg-l3-02 {
        margin-top: 0
    }

    .mod-hdg-l2-03 {
        font-size: 3rem;
        margin: 40px 0 12px
    }

    .mod-hdg-l2-03 a {
        text-decoration-thickness: 2px
    }

    .mod-hdg-l3-02 {
        font-size: 2.6rem;
        margin: 56px 0 28px
    }

    .mod-hdg-l4-02 {
        font-size: 2.3rem;
        margin: 50px 0 28px
    }

    .mod-hdg-l5-02 {
        font-size: 2rem;
        margin: 44px 0 18px
    }

    .mod-hdg-l6-02 {
        font-size: 1.8rem;
        margin: 38px 0 18px
    }

    .mod-hdg-l6-02.line-height-wide::before {
        top: 16px
    }

    .mod-hdg-l6-02.line-height-super-wide::before {
        top: 25px
    }

    .mod-txt>p b.lede {
        font-size: 2rem;
        margin: 35px 0 10px
    }

    b.mod-lede {
        font-size: 2rem;
        margin: 32px 0 28px
    }

    .mod-txt-searchResult {
        font-size: 1.6rem;
        letter-spacing: .2px
    }

    html:lang(ja) .mod-txt-searchResult .count .all {
        padding-right: 3px;
        padding-left: 16px
    }

    html:lang(ja) .mod-txt-searchResult .count .result {
        padding: 0 4px 0 7px
    }

    .mod-txt-searchResult+[class^=mod-] {
        margin-top: 0
    }

    .mod-link[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -20px
    }

    .mod-link[data-col]>.list>li {
        padding: 0 0 0 20px
    }

    [lang=ja] .mod-link[data-col]>.list>li>* {
        word-break: break-all
    }

    .mod-link[data-col="2"]>.list>li {
        width: 50%
    }

    .mod-link[data-col="3"]>.list>li {
        width: 33.3333%
    }

    .mod-link[data-col="4"]>.list>li {
        width: 25%
    }

    .mod-link[data-col="5"]>.list>li {
        width: 20%
    }

    .mod-link.of-list.of-float>.list>li {
        font-size: 1.6rem
    }

    .mod-link-02[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -20px
    }

    .mod-link-02[data-col]>.list>li {
        padding: 0 0 0 20px
    }

    [lang=ja] .mod-link-02[data-col]>.list>li>* {
        word-break: break-all
    }

    .mod-link-02[data-col="2"]>.list>li {
        width: 50%
    }

    .mod-link-02[data-col="3"]>.list>li {
        width: 33.3333%
    }

    .mod-link-02[data-col="4"]>.list>li {
        width: 25%
    }

    .mod-link-02[data-col="5"]>.list>li {
        width: 20%
    }

    .mod-link-02.of-list.of-float>.list>li {
        font-size: 1.6rem
    }

    .mod-link-03.of-gutter>.inner>.list>li>.link {
        padding: 20px
    }

    .mod-link-03>.inner>.list>li>.link {
        padding: 25px 5px
    }

    .mod-link-03>.inner>.list>li>.link>.img.of-separate {
        padding-bottom: 2em
    }

    .mod-link-03>.inner>.list>li>.link>.txt::after {
        top: 46.5%
    }

    .mod-link-03>.inner>.list>li>.link>.txt.of-large {
        font-size: 2rem
    }

    .mod-link-03>.inner>.list>li>.link[href^="#"]>.txt::after {
        top: 37.5%
    }

    .mod-link-03>.inner>.list>li>.link:not([href^="#"])>.txt::after {
        transition: right .2s
    }

    .mod-link-03>.inner>.list>li>.link:not([href^="#"]):focus>.txt::after,.mod-link-03>.inner>.list>li>.link:not([href^="#"]):hover>.txt::after {
        right: -10px
    }

    .mod-link-03[data-col]>.inner>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mod-link-03[data-col="1"]>.inner>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%
    }

    .mod-link-03[data-col="2"]>.inner>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%
    }

    .mod-link-03[data-col="3"]>.inner>.list>li {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%
    }

    .mod-link-03[data-col="4"]>.inner>.list>li {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%
    }

    .mod-link-03[data-col="5"]>.inner>.list>li {
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        min-width: 20%;
        max-width: 20%
    }

    .mod-link-03[data-col="6"]>.inner>.list>li {
        -webkit-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        min-width: 16.66667%;
        max-width: 16.66667%
    }

    .mod-link-03[data-col="7"]>.inner>.list>li {
        -webkit-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        min-width: 14.28571%;
        max-width: 14.28571%
    }

    .mod-link-03[data-col="8"]>.inner>.list>li {
        -webkit-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        min-width: 12.5%;
        max-width: 12.5%
    }

    .mod-link-list {
        margin-bottom: 40px
    }

    .mod-list-tab.of-fixed>.list {
        display: -webkit-flex;
        display: flex
    }

    .mod-list-tab.of-fixed>.list>li {
        text-align: center;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .mod-list-tab:not(.of-fixed)>.list {
        overflow: hidden
    }

    .mod-list-tab:not(.of-fixed)>.list li {
        text-align: left;
        float: left;
        max-width: 100%
    }

    .mod-link-news .date,.mod-link-news .desc {
        text-align: left;
        vertical-align: top;
        display: table-cell;
        padding: 2px 0 15px 0;
        border-bottom: 1px #333 dotted
    }

    .mod-link-news .date {
        white-space: nowrap;
        padding-right: 20px
    }

    .mod-link-news .date>.inner {
        white-space: normal;
        display: block;
        min-width: 10em
    }

    .mod-link-news .desc {
        width: 100%
    }

    .mod-link-columnList .content>.title {
        font-size: 2.4rem
    }

    .mod-link-columnList .content>.list li>a::before {
        top: 6px;
        width: 11px;
        height: 11px
    }

    .mod-link-columnList[data-col-mid]>.container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mod-link-columnList[data-col-mid="1"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col-mid="1"]>.container>.col {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col-mid="2"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col-mid="2"]>.container>.col {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col-mid="3"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col-mid="3"]>.container>.col {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col-mid="4"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col-mid="4"]>.container>.col {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%;
        padding: 20px 0 0 50px
    }

    .mod-link-important {
        width: auto;
        margin-top: 60px
    }

    .mod-link-important a {
        font-size: 2rem;
        padding-right: 37px
    }

    .mod-btn-wrap-01 {
        max-width: none
    }

    .mod-pnl[data-col="3"]>.inner>* {
        -webkit-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }

    .mod-pnl[data-col="4"] {
        margin: 0 0 32px
    }

    .mod-pnl[data-col="4"]>.inner>* {
        -webkit-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%
    }

    .mod-pnl>.inner {
        margin: -16px 0 0 -24px
    }

    .mod-pnl>.inner>* {
        padding: 16px 0 0 24px
    }

    .mod-pnl .pnl .title {
        font-size: 2.3rem
    }

    .mod-pnl-02 {
        margin: 0 0 42px
    }

    .mod-pnl-02[data-col="3"]>.inner {
        margin-left: -26.66667px
    }

    .mod-pnl-02[data-col="3"]>.inner>* {
        -webkit-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%;
        padding-left: 26.66667px
    }

    .mod-pnl-02[data-col="4"] {
        margin: 0 0 52px
    }

    .mod-pnl-02[data-col="4"]>.inner {
        margin-left: -20px
    }

    .mod-pnl-02[data-col="4"]>.inner>* {
        -webkit-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        padding-left: 20px
    }

    .mod-pnl-02[data-col="5"] {
        margin: 0 0 52px
    }

    .mod-pnl-02[data-col="5"]>.inner {
        margin-left: -16px
    }

    .mod-pnl-02[data-col="5"]>.inner>* {
        -webkit-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        padding-left: 16px
    }

    .mod-pnl-02[data-col="6"] {
        margin: 0 0 52px
    }

    .mod-pnl-02[data-col="6"]>.inner {
        margin-left: -13.33333px
    }

    .mod-pnl-02[data-col="6"]>.inner>* {
        -webkit-flex: 1 1 16.6666%;
        flex: 1 1 16.6666%;
        max-width: 16.6666%;
        padding-left: 13.33333px
    }

    .mod-pnl-02[data-col="7"] {
        margin: 0 0 52px
    }

    .mod-pnl-02[data-col="7"]>.inner {
        margin-left: -11.42857px
    }

    .mod-pnl-02[data-col="7"]>.inner>* {
        -webkit-flex: 1 1 14.28%;
        flex: 1 1 14.28%;
        max-width: 14.28%;
        padding-left: 11.42857px
    }

    .mod-pnl-02[data-col="8"] {
        margin: 0 0 52px
    }

    .mod-pnl-02[data-col="8"]>.inner {
        margin-left: -10px
    }

    .mod-pnl-02[data-col="8"]>.inner>* {
        -webkit-flex: 1 1 12.5%;
        flex: 1 1 12.5%;
        max-width: 12.5%;
        padding-left: 10px
    }

    .mod-pnl-02>.inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -36px 0 0 -40px
    }

    .mod-pnl-02>.inner>* {
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        padding: 36px 0 0 40px
    }

    .mod-pnl-02>.inner>*>.pnl>.inner b.title {
        font-size: 2rem;
        line-height: 1.5
    }

    .mod-pnl-02>.inner>*>.pnl>.inner>.txt p {
        margin-bottom: 10px
    }

    .mod-pnl-02>.inner>*>.pnl>.inner>.media>figure {
        margin: 0 0 20px
    }

    .mod-pnl-seminer {
        margin-bottom: 48px
    }

    .mod-pnl-seminer>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -24px 0 0 -24px
    }

    .mod-pnl-seminer>.list>li {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
        margin: 0;
        padding: 24px 0 0 24px
    }

    .mod-pnl-03 {
        margin-top: 44px;
        margin-bottom: 80px
    }

    .mod-pnl-03>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 24px);
        margin: -24px 0 0 -24px
    }

    .mod-pnl-03>.list>li {
        -webkit-flex: 0 1 33.3333%;
        flex: 0 1 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 0;
        padding: 24px 0 0 24px
    }

    .mod-pnl-03 .detail {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 13px 16px 16px
    }

    .mod-pnl-03 .detail:last-child {
        padding-top: 27px
    }

    .mod-pnl-03 .detail p {
        margin-bottom: 7px;
        padding-right: 3px;
        padding-left: 3px
    }

    .mod-pnl-03 .time {
        font-size: 1.4rem
    }

    .mod-pnl-04 {
        margin-left: -40px
    }

    .mod-pnl-04>.inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-04>.inner>.col {
        margin-left: 40px
    }

    .mod-pnl-04>.inner>.col>.pnl>.inner .title {
        font-size: 2.2rem
    }

    .mod-pnl-04[data-col="2"]>.inner>.col {
        width: calc((100% - 80px)/ 2)
    }

    .mod-pnl-04[data-col="3"]>.inner>.col {
        width: calc((100% - 80px)/ 2)
    }

    .mod-pnl-04[data-col="4"]>.inner>.col {
        width: calc((100% - 80px)/ 2)
    }

    .mod-pnl-04.overlay>.inner>.col>.pnl>.inner {
        padding: 22px 24px 30px
    }

    .mod-pnl-04.overlay>.inner>.col>.pnl>.inner .title {
        margin-bottom: 10px
    }

    .mod-pnl-04.overlay>.inner>.col>.pnl>.inner .text {
        margin-bottom: 15px
    }

    .mod-pnl-05 {
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-top: -30px;
        margin-bottom: 30px
    }

    .mod-pnl-05>.col {
        width: calc((408 / 1300) * 100%);
        margin-top: 30px
    }

    .mod-pnl-05>.col .media {
        margin-bottom: 18px
    }

    .mod-pnl-05>.col .date {
        font-size: 1.4rem;
        margin-bottom: 8px
    }

    .mod-pnl-05>.col .hdg {
        font-size: 1.4rem;
        line-height: 1.5
    }

    .mod-pnl-05>.col .text {
        font-size: 1.4rem;
        margin-top: 8px
    }

    .mod-pnl-05>.col .time {
        font-size: 1.2rem
    }

    .mod-pnl-05.of-round .img {
        border-radius: 12px
    }

    .mod-pnl-05.of-has-limit .col .media {
        margin-bottom: 18px
    }

    .mod-pnl-05.of-has-limit .col .media .img {
        max-width: -webkit-max-content;
        max-width: max-content
    }

    .mod-pnl-05[data-col="3"] .col {
        width: calc((408 / 1300) * 100%)
    }

    .mod-pnl-05[data-col="3"] .col:not(:nth-child(3n+1)) {
        margin-left: calc((38 / 1300) * 100%)
    }

    .mod-pnl-05[data-col="4"] .col {
        width: calc((297 / 1300) * 100%)
    }

    .mod-pnl-05[data-col="4"] .col:not(:nth-child(4n+1)) {
        margin-left: calc((37 / 1300) * 100%)
    }

    .mod-pnl-05[data-narrow-col="2"] .col .media {
        margin-bottom: 16px
    }

    .mod-pnl-05[data-narrow-col="2"] .col .hdg {
        font-size: 1.6rem;
        font-weight: 400
    }

    p+.mod-pnl-05 {
        margin-top: -16px
    }

    .mod-pnl-news .inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        max-width: 100%;
        margin: 0
    }

    .mod-pnl-news .inner .col {
        margin: 0 10px 20px
    }

    .mod-pnl-news .pc-none {
        display: none
    }

    .mod-presspnl-typea {
        margin-top: 44px;
        margin-bottom: 60px
    }

    .mod-presspnl-typea>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 24px);
        margin: -24px 0 0 -24px
    }

    .mod-presspnl-typea>.list>li {
        -webkit-flex: 0 1 33.3333%;
        flex: 0 1 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 0;
        padding: 24px 0 0 24px
    }

    .mod-presspnl-typea .label-group {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mod-presspnl-typea .detail .text {
        margin-bottom: 7px
    }

    .mod-presspnl-typea .detail .category-group {
        margin-bottom: 10px
    }

    .mod-presspnl-typea .time {
        font-size: 1.4rem
    }

    .mod-presspnl-typeb {
        margin-top: 44px;
        margin-bottom: 60px
    }

    .mod-presspnl-typeb>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 24px);
        margin: -24px 0 0 -24px
    }

    .mod-presspnl-typeb>.list>li {
        -webkit-flex: 0 1 33.3333%;
        flex: 0 1 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 0;
        padding: 24px 0 0 24px
    }

    .mod-presspnl-typec {
        margin-top: 44px;
        margin-bottom: 60px
    }

    .mod-presspnl-typec>.list>li>a {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .mod-presspnl-typec .detail {
        font-size: 1.4rem;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        height: auto;
        padding: 15px
    }

    .mod-presspnl-typec .detail .text {
        margin-bottom: 7px
    }

    .mod-presspnl-typec .time {
        font-size: 1.4rem
    }

    .mod-presspnl-typec .thumb {
        position: relative;
        overflow: hidden;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 300px;
        min-height: 157px
    }

    .mod-presspnl-typec .thumb img {
        position: absolute;
        top: 0;
        left: 0;
        display: block
    }

    .mod-presspnl-typed {
        margin-top: 44px;
        margin-bottom: 60px
    }

    .mod-presspnl-typed .detail {
        font-size: 1.4rem;
        display: -webkit-flex;
        display: flex;
        padding: 15px 15px 10px 15px
    }

    .mod-presspnl-typed .category-group .time {
        font-size: 1.4rem
    }

    .mod-presspnl-typed .category-group .label-group {
        max-width: 140px;
        margin-right: 30px
    }

    .mod-pnl-index {
        margin-top: 50px
    }

    .mod-pnl-index .list .list-item>.label,.mod-pnl-index .list>li>.label {
        left: 30px
    }

    .mod-pnl-index .list .list-item>.inner>.detail,.mod-pnl-index .list>li>.inner>.detail {
        margin-bottom: 20px
    }

    .mod-pnl-index .list .list-item>.inner>.thumb,.mod-pnl-index .list>li>.inner>.thumb {
        margin-bottom: 30px
    }

    .mod-pnl-index .list .list-item>.inner>.thumb._replay::after,.mod-pnl-index .list>li>.inner>.thumb._replay::after {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        border-width: 16px 0 16px 28px
    }

    .mod-pnl-index .list .list-item>.inner>.detail::after,.mod-pnl-index .list>li>.inner>.detail::after {
        transition: right .2s
    }

    .mod-pnl-index .list .list-item>.inner:focus>.detail::after,.mod-pnl-index .list .list-item>.inner:hover>.detail::after,.mod-pnl-index .list>li>.inner:focus>.detail::after,.mod-pnl-index .list>li>.inner:hover>.detail::after {
        right: 10px
    }

    .mod-pnl-index[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-index[data-col="1"]>.list {
        margin: -40px 0 0 -40px
    }

    .mod-pnl-index[data-col="1"]>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 40px 0 0 40px
    }

    .mod-pnl-index[data-col="2"]>.list {
        margin: -40px 0 0 -40px
    }

    .mod-pnl-index[data-col="2"]>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 40px 0 0 40px
    }

    .mod-pnl-index[data-col="3"]>.list {
        margin: -40px 0 0 -40px
    }

    .mod-pnl-index[data-col="3"]>.list>li {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%;
        padding: 40px 0 0 40px
    }

    .mod-pnl-index[data-col="4"]>.list {
        margin: -40px 0 0 -40px
    }

    .mod-pnl-index[data-col="4"]>.list>li {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%;
        padding: 40px 0 0 40px
    }

    .mod-pnl-index.of-center>.list {
        -webkit-justify-content: center!important;
        justify-content: center!important
    }

    .mod-pnl-index {
        margin-bottom: 30px
    }

    .mod-pnl-index._carousel {
        margin-bottom: 30px
    }

    .mod-pnl-index._carousel .list .list-item {
        margin-right: 15px;
        margin-left: 15px;
        padding: 40px 0 0 10px
    }

    .mod-pnl-index._carousel .list .list-item>.label {
        left: 0
    }

    .mod-pnl-index2 {
        margin-top: 50px
    }

    .mod-pnl-index2>.list>li>.thumb {
        margin-bottom: 30px
    }

    .mod-pnl-index2>.list>li>.detail>.heading {
        font-size: 3.6rem;
        font-weight: 400
    }

    .mod-pnl-index2>.list>li>.detail>.text {
        font-size: 1.8rem
    }

    .mod-pnl-index2[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-index2[data-col="1"]>.list {
        margin: calc(-100vw * 100 / 1340) 0 0 calc(-100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="1"]>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: calc(100vw * 100 / 1340) 0 0 calc(100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="2"]>.list {
        margin: calc(-100vw * 100 / 1340) 0 0 calc(-100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="2"]>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: calc(100vw * 100 / 1340) 0 0 calc(100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="3"]>.list {
        margin: calc(-100vw * 100 / 1340) 0 0 calc(-100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="3"]>.list>li {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%;
        padding: calc(100vw * 100 / 1340) 0 0 calc(100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="4"]>.list {
        margin: calc(-100vw * 100 / 1340) 0 0 calc(-100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col="4"]>.list>li {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%;
        padding: calc(100vw * 100 / 1340) 0 0 calc(100vw * 130 / 1340)
    }

    .mod-pnl-indexBnr[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-indexBnr[data-col="1"]>.list {
        margin: -15px 0 0 -15px
    }

    .mod-pnl-indexBnr[data-col="1"]>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 15px 0 0 15px
    }

    .mod-pnl-indexBnr[data-col="2"]>.list {
        margin: -15px 0 0 -15px
    }

    .mod-pnl-indexBnr[data-col="2"]>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 15px 0 0 15px
    }

    .mod-pnl-indexBnr[data-col="3"]>.list {
        margin: -15px 0 0 -15px
    }

    .mod-pnl-indexBnr[data-col="3"]>.list>li {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%;
        padding: 15px 0 0 15px
    }

    .mod-pnl-indexBnr[data-col="4"]>.list {
        margin: -15px 0 0 -15px
    }

    .mod-pnl-indexBnr[data-col="4"]>.list>li {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%;
        padding: 15px 0 0 15px
    }

    .mod-pnl-news-mv {
        -webkit-flex-direction: row;
        flex-direction: row;
        height: 290px
    }

    .mod-pnl-news-mv .item {
        width: 50%
    }

    .mod-pnl-news-mv .item.of-content {
        padding: 40px
    }

    .mod-pnl-news-mv .item.of-img {
        position: relative
    }

    .mod-pnl-news-mv .item.of-img>img {
        position: absolute;
        top: 0;
        right: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .mod-pnl-carousel {
        margin: 0 12px
    }

    .mod-pnl-carousel .link {
        text-decoration: none
    }

    .mod-pnl-carousel .link:active .text,.mod-pnl-carousel .link:focus .text,.mod-pnl-carousel .link:hover .text {
        text-decoration: none
    }

    .mod-pnl-carousel .link:active .time,.mod-pnl-carousel .link:focus .time,.mod-pnl-carousel .link:hover .time {
        text-decoration: none
    }

    .mod-pnl-carousel .text {
        font-size: 1.6rem;
        text-decoration: underline
    }

    .mod-pnl-carousel .time {
        text-decoration: underline;
        margin-top: 12px
    }

    .mod-pnl-carousel-02 {
        margin: 0 18px
    }

    .mod-pnl-carousel-02 .img {
        margin-bottom: 18px
    }

    .mod-pnl-carousel-02 .hdg {
        font-size: 1.4rem
    }

    .mod-pnl-carousel-02 .date {
        font-size: 1.4rem;
        margin-bottom: 8px
    }

    .of-round .mod-pnl-carousel-02 .img {
        border-radius: 12px
    }

    div.mod-btn {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    div.mod-btn.align-left {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    div.mod-btn.align-center {
        -webkit-justify-content: center;
        justify-content: center
    }

    div.mod-btn.align-right {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    div.mod-btn.of-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -16px;
        margin-left: -16px
    }

    div.mod-btn.of-list .btn {
        padding: 16px 0 0 16px
    }

    div.mod-btn.of-list.align-left {
        margin-right: -16px;
        margin-left: 0
    }

    div.mod-btn.of-list.align-left .btn {
        padding-right: 16px;
        padding-left: 0
    }

    div.mod-btn.of-list.align-right {
        margin-left: -16px
    }

    .mod-btn .btn {
        max-width: 100%
    }

    .mod-btn.of-has-limit a,.mod-btn.of-has-limit button {
        max-width: 312px
    }

    [data-col] .mod-btn .btn {
        min-width: calc(0%)
    }

    [data-col] .mod-btn .btn a,[data-col] .mod-btn .btn button,[data-col] .mod-btn .btn>span {
        width: 100%
    }

    [lang=ja] [data-col] .mod-btn .btn a>*,[lang=ja] [data-col] .mod-btn .btn button>*,[lang=ja] [data-col] .mod-btn .btn>span>* {
        word-break: break-all
    }

    .mod-btn-list {
        margin: 0 0 52px
    }

    .mod-btn-list>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -16px 0 0;
        -webkit-column-gap: 16px;
        column-gap: 16px
    }

    .mod-btn-list>.list>li {
        margin: 0;
        padding-top: 16px
    }

    .mod-btn-list>.list>li>* {
        margin-bottom: 0
    }

    .mod-btn-list.align-center>.list {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-column-gap: 78px;
        column-gap: 78px
    }

    .mod-btn-list.align-right>.list {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    div.mod-btn-02 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    div.mod-btn-02.pc-show {
        display: -webkit-flex!important;
        display: flex!important
    }

    div.mod-btn-02.align-left {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    div.mod-btn-02.align-center {
        -webkit-justify-content: center;
        justify-content: center
    }

    div.mod-btn-02.align-right {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    div.mod-btn-02.of-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -16px;
        margin-left: -16px
    }

    div.mod-btn-02.of-list .btn {
        padding: 16px 0 0 16px
    }

    div.mod-btn-02.of-list.align-left {
        margin-right: -16px;
        margin-left: 0
    }

    div.mod-btn-02.of-list.align-left .btn {
        padding-right: 16px;
        padding-left: 0
    }

    div.mod-btn-02.of-list.align-right {
        margin-left: -16px
    }

    .mod-btn-02 .btn {
        max-width: 100%
    }

    .mod-btn-02.of-has-limit a,.mod-btn-02.of-has-limit button {
        max-width: 312px
    }

    [data-col] .mod-btn-02 .btn {
        min-width: calc(0%)
    }

    [data-col] .mod-btn-02 .btn a,[data-col] .mod-btn-02 .btn button,[data-col] .mod-btn-02 .btn>span {
        width: 100%
    }

    [lang=ja] [data-col] .mod-btn-02 .btn a>*,[lang=ja] [data-col] .mod-btn-02 .btn button>*,[lang=ja] [data-col] .mod-btn-02 .btn>span>* {
        word-break: break-all
    }

    .mod-btn-03.of-type-left {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .mod-btn-03.of-type-right {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .mod-btn-03.of-type-02 a,.mod-btn-03.of-type-02 button {
        min-width: 254px
    }

    .mod-list.of-float>.list>li {
        width: auto
    }

    .mod-list[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .mod-list[data-col="2"]>.list>li {
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .mod-list[data-col="3"]>.list>li {
        -webkit-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }

    .mod-list[data-col="4"]>.list>li {
        -webkit-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%
    }

    .mod-list.line-height-wide>.list>li::before {
        top: 22px
    }

    .mod-list.line-height-wide>.list>li>.list>li::before {
        top: 21px
    }

    .mod-list.line-height-super-wide>.list>li::before {
        top: 30px
    }

    .mod-list.line-height-super-wide>.list>li>.list>li::before {
        top: 29px
    }

    .mod-list-02.of-float>.list>li {
        display: inline-block;
        float: left;
        width: auto;
        max-width: calc(100% - 20px);
        margin: 0 0 0 20px
    }

    .mod-list-02.of-float>.list>li .mark {
        padding-right: 0
    }

    .mod-list-02.of-float>.list>li>* {
        display: inline-block;
        max-width: 100%
    }

    .mod-list-02.of-float>.list,.mod-list-02[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    [data-col] .mod-list-02>.list>li {
        display: table
    }

    .mod-list-02[data-col]>.list>li {
        display: table;
        margin: 0 0 0 20px
    }

    .mod-list-02[data-col="2"]>.list>li {
        -webkit-flex: 1 1 calc(50% - 20px);
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px)
    }

    .mod-list-02[data-col="3"]>.list>li {
        -webkit-flex: 1 1 calc(33.3333% - 20px);
        flex: 1 1 calc(33.3333% - 20px);
        max-width: calc(33.3333% - 20px)
    }

    .mod-list-02[data-col="4"]>.list>li {
        -webkit-flex: 1 1 calc(25% - 20px);
        flex: 1 1 calc(25% - 20px);
        max-width: calc(25% - 20px)
    }

    .mod-list-ordered.of-float>.list {
        display: block;
        width: calc(100% + 20px);
        -webkit-transform: translate(-20px,-20px);
        transform: translate(-20px,-20px)
    }

    .mod-list-ordered.of-float>.list>li {
        float: left;
        width: auto;
        max-width: 100%;
        margin: 20px 0 0 20px
    }

    .mod-list-ordered.of-float>.list>li::before {
        display: inline-block;
        padding-right: 0
    }

    .mod-list-ordered.of-float>.list>li>.content {
        display: inline-block;
        width: auto;
        max-width: 100%
    }

    .mod-list-ordered[data-col]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        -webkit-transform: translate(-20px,-20px);
        transform: translate(-20px,-20px)
    }

    [data-col] .mod-list-ordered>.list>li {
        display: table;
        width: 100%
    }

    .mod-list-ordered[data-col]>.list>li {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin: 20px 0 0 20px
    }

    .mod-list-ordered[data-col="2"]>.list>li {
        -webkit-flex: 1 1 calc(50% - 20px);
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px)
    }

    .mod-list-ordered[data-col="3"]>.list>li {
        -webkit-flex: 1 1 calc(33.3333% - 20px);
        flex: 1 1 calc(33.3333% - 20px);
        max-width: calc(33.3333% - 20px)
    }

    .mod-list-ordered[data-col="4"]>.list>li {
        -webkit-flex: 1 1 calc(25% - 20px);
        flex: 1 1 calc(25% - 20px);
        max-width: calc(25% - 20px)
    }

    .mod-list-ordered.line-height-wide .mod-list>.list>li::before {
        top: 15px
    }

    .mod-list-ordered.line-height-super-wide .mod-list>.list>li::before {
        top: 22px
    }

    .mod-list-category {
        margin: 0 0 52px
    }

    .mod-list-category-02 {
        margin-bottom: 30px
    }

    .mod-list-category-02>.list>li:not(:last-child) {
        margin-right: 10px
    }

    .mod-list-category-02>.list>li>a {
        font-size: 1.4rem;
        padding: 10px 20px
    }

    .mod-list-desc.of-horizontal>dl.list {
        display: table;
        width: 100%
    }

    .mod-list-desc.of-horizontal>dl.list>div {
        display: table-row
    }

    .mod-list-desc.of-horizontal>dl.list>div>dt {
        word-break: keep-all;
        padding: 0 1em 0 0
    }

    .mod-list-desc.of-horizontal>dl.list>div>* {
        display: table-cell;
        margin-bottom: 0;
        padding: 0 0 1em
    }

    .mod-list-news b.mod-newlabel {
        top: 0
    }

    .mod-list-news>dl.list {
        display: table;
        border-collapse: collapse
    }

    .mod-list-news>dl.list>.row {
        display: table-row
    }

    .mod-list-news>dl.list>.row>* {
        vertical-align: top;
        display: table-cell
    }

    .mod-list-news>dl.list>.row dt {
        white-space: pre;
        padding: 0 49px 0 0
    }

    .mod-list-news>dl.list>.row dd {
        padding: 0 0 23px
    }

    .mod-list-news.of-type-02>dl.list>.row {
        border-bottom: 1px dotted #333
    }

    .of-color-white .mod-list-news.of-type-02>dl.list>.row {
        border-color: #fff
    }

    .mod-list-news.of-type-02>dl.list>.row dt {
        padding-top: 2px;
        padding-bottom: 3px
    }

    .mod-list-news.of-type-02>dl.list>.row dd {
        padding-bottom: 19px
    }

    .mod-list-news.of-type-02>dl.list>.row:not(:first-child) dt {
        padding-top: 27px
    }

    .mod-list-news.of-type-02>dl.list>.row:not(:first-child) dd {
        padding: 25px 0 18px
    }

    .mod-list-news.of-type-03>dl.list>.row dd,.mod-list-news.of-type-03>dl.list>.row dt {
        display: table-cell
    }

    .mod-list-news.of-type-03>dl.list>.row dt {
        padding: 0 49px 0 0
    }

    .mod-list-news.of-type-03>dl.list>.row dd {
        overflow: hidden
    }

    .mod-list-news.of-type-03 b.label {
        display: block;
        float: left;
        margin: 2px 10px 0 0
    }

    .mod-list-news.of-type-03 b.label+* {
        float: left;
        max-width: calc(100% - 130px);
        padding: 0
    }

    .mod-list-news.of-type-04>dl.list>.row dt {
        padding-bottom: 3px
    }

    .mod-list-news.of-type-04>dl.list>.row dd {
        padding-bottom: 20px
    }

    .mod-list-news.of-type-04 ul.label {
        margin: 0 0 1px;
        padding: 2px 0 0
    }

    .mod-list-news.of-type-05 .schedule {
        float: left;
        clear: left;
        margin-right: 20px;
        margin-bottom: 0
    }

    .mod-list-news.of-type-05 .tag {
        float: left;
        margin-bottom: 0
    }

    .mod-list-news.of-type-05 .notice {
        padding-top: 0
    }

    .mod-list-news.of-type-05 .content {
        clear: left;
        padding-top: 8px
    }

    .mod-list-news-02 .list>div {
        display: table
    }

    .mod-list-news-02 .date,.mod-list-news-02 .desc {
        text-align: left;
        vertical-align: top;
        display: table-cell;
        padding: 2px 0 15px 0;
        border-bottom: 1px #333 dotted
    }

    .mod-list-news-02 .date {
        white-space: nowrap;
        padding-right: 20px
    }

    .mod-list-news-02 .date>.inner {
        white-space: normal;
        display: block;
        min-width: 10em
    }

    .mod-list-news-02 .desc {
        width: 100%
    }

    .mod-list-news-03 {
        margin-bottom: 50px
    }

    .mod-list-news-03>.item>a {
        line-height: 1.2;
        -webkit-flex-direction: row;
        flex-direction: row;
        padding: 30px 0
    }

    .mod-list-news-03>.item>a .date {
        font-size: 1.4rem;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        min-width: 108px;
        margin-bottom: 0
    }

    .mod-list-news-03>.item>a .text {
        font-size: 1.4rem;
        margin-left: 70px
    }

    p+.mod-list-news-03 {
        margin-top: 50px
    }

    .mod-list-faq>dl.list>dt {
        line-height: 1.75
    }

    .mod-list-faq>dl.list>dt>.label+.content {
        padding-bottom: 19px
    }

    .mod-list-seminar.of-noImage .session-summary {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .mod-list-seminar .seminar-itemGroup {
        display: -webkit-flex;
        display: flex;
        padding: 20px 27px
    }

    .mod-list-seminar .seminar-itemGroup>.itemGroup-time {
        white-space: pre;
        margin: 0;
        padding: 0 28px 0 0;
        border-right: 1px solid #bbb;
        border-bottom: 0
    }

    .mod-list-seminar .seminar-itemGroup>.session-list {
        width: 100%;
        padding: 7px 0 0 28px
    }

    .mod-list-seminar .seminar-itemGroup>.session-list>.list>li>.session {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .mod-list-seminar .seminar-itemGroup .session-img {
        -webkit-flex-basis: 36.3292%;
        flex-basis: 36.3292%;
        max-width: 36.3292%
    }

    .mod-list-seminar .seminar-itemGroup .session-img img {
        margin: 0
    }

    .mod-list-seminar .session-summary {
        -webkit-flex-basis: 63.6708%;
        flex-basis: 63.6708%;
        max-width: 63.6708%;
        margin: 0
    }

    .mod-list-seminar .session-summary>.item-status {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin: 0 0 16px;
        padding: 0 0 0 8px
    }

    .mod-list-seminar .item-status .item-time {
        margin: 0 22px 0 0;
        padding: 2px 0 0
    }

    .mod-list-seminar .item-status .item-place {
        margin: 0 6px 0 -10px;
        padding: 2px 0 0
    }

    .mod-list-seminar .item-content {
        padding: 0 0 0 11px
    }

    .mod-list-seminar .item-content .presenterList {
        margin: 25px 0 22px
    }

    .mod-list-seminar .entry-ui {
        margin: 25px 0 0
    }

    .mod-list-seminar .ui-item>.item,.mod-list-seminar .ui-item>.item-cancel {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .mod-list-seminar .ui-item>.item-cancel>*,.mod-list-seminar .ui-item>.item>* {
        width: 100%;
        max-width: 235px
    }

    .mod-list-seminar .ui-item>.item-cancel>label {
        margin-top: 7px
    }

    .mod-list-seminar .ui-item>.item-cancel>label>span {
        padding: 9px 8px 7px
    }

    .mod-list-seminar-02 {
        margin-top: 0;
        margin-bottom: 48px
    }

    .mod-list-thisCategory {
        margin: 0 0 54px
    }

    .mod-list-thisCategory>.list {
        margin: -22px 0 0 -40px
    }

    .mod-list-thisCategory>.list>div {
        padding: 22px 0 0 40px
    }

    .mod-list-thisCategory>.list>div>dd>ul>li>a:focus,.mod-list-thisCategory>.list>div>dd>ul>li>a:hover {
        text-decoration: underline
    }

    .mod-tbl.of-scroll>table {
        width: 100%
    }

    .mod-tbl.of-scroll>table caption {
        text-align: center
    }

    .mod-tbl-form {
        margin-bottom: 40px
    }

    .mod-tbl-form>table {
        display: table!important;
        table-layout: fixed;
        border-spacing: 0;
        border-collapse: collapse
    }

    .mod-tbl-form>table tr {
        display: table-row!important
    }

    .mod-tbl-form>table td,.mod-tbl-form>table th {
        display: table-cell!important;
        border-bottom: 1px solid #bbb
    }

    .mod-tbl-form>table thead {
        display: table-header-group!important
    }

    .mod-tbl-form>table tbody {
        display: table-row-group!important
    }

    .mod-box {
        margin: 0 0 52px
    }

    .mod-box>:first-child:not(.inner) {
        margin-right: 40px;
        margin-left: 40px
    }

    .mod-box>.inner {
        margin: 40px
    }

    .mod-box-02 {
        text-align: center;
        margin: 0 0 20px
    }

    .mod-box-03 {
        margin-bottom: 48px
    }

    .mod-box-03>.inner {
        margin: -24px 0 0 -24px
    }

    .mod-box-03>.inner>.col {
        display: -webkit-flex;
        display: flex;
        padding: 24px 0 0 24px
    }

    .mod-box-03[data-col="2"]>.inner>.col {
        width: 50%
    }

    .mod-box-03[data-col="3"]>.inner>.col {
        width: 33.3333%
    }

    .mod-box-03[data-col="4"]>.inner>.col {
        width: 25%
    }

    .mod-box-05 {
        margin-bottom: 48px
    }

    .mod-box-05>.inner {
        margin: -24px 0 0 -24px
    }

    .mod-box-05>.inner>.col {
        padding: 24px 0 0 24px
    }

    .mod-box-05[data-col="2"]>.inner>.col {
        width: 50%
    }

    .mod-box-05[data-col="3"]>.inner>.col {
        width: 33.3333%
    }

    .mod-box-05[data-col="4"]>.inner>.col {
        width: 25%
    }

    .mod-box-notice {
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-bottom: 42px
    }

    .mod-box-notice>.heading {
        word-break: keep-all;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mod-box-notice>.heading>.hdg {
        padding: 9px 39px 5px
    }

    .mod-box-notice>.content {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 21px 41px 18px
    }

    .mod-box-alert {
        margin: 0 0 32px
    }

    .mod-box-alert>.inner {
        margin: 21px 24px 19px
    }

    .mod-box-search:not(.of-narrow)>.hdg {
        font-size: 3.8rem;
        padding: 9px 0 22px
    }

    .mod-box-search:not(.of-narrow)>.content {
        padding: 32px 58px 29px
    }

    .mod-box-search:not(.of-narrow)>.content .form {
        display: -webkit-flex;
        display: flex
    }

    .mod-box-search:not(.of-narrow)>.content .form:not(:last-child) {
        margin: 0 0 21px
    }

    .mod-box-search:not(.of-narrow)>.content .form .input,.mod-box-search:not(.of-narrow)>.content .form .submit {
        margin: 0
    }

    .mod-box-search:not(.of-narrow)>.content .form .input {
        -webkit-flex-basis: calc(100% - 178px);
        flex-basis: calc(100% - 178px);
        width: calc(100% - 178px);
        max-width: calc(100% - 178px)
    }

    .mod-box-search:not(.of-narrow)>.content .form .input input {
        border-right: 0
    }

    .mod-box-search:not(.of-narrow)>.content .form .submit {
        -webkit-flex-basis: 178px;
        flex-basis: 178px;
        width: 178px
    }

    .mod-box-search:not(.of-narrow)>.content .form .submit button {
        padding: 12px 10px 10px 11px
    }

    .mod-lyt {
        margin: 66px auto 54px
    }

    .mod-lyt[data-col="2"]>.inner>* {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        width: 50%;
        max-width: 50%
    }

    .mod-lyt[data-col="3"]>.inner>* {
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%;
        width: 33.3333%;
        max-width: 33.3333%
    }

    .mod-lyt[data-col="4"]>.inner>* {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        width: 25%;
        max-width: 25%
    }

    .mod-lyt[data-col="5"]>.inner>* {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        width: 20%;
        max-width: 20%
    }

    .mod-lyt[data-col="6"]>.inner>* {
        -webkit-flex-basis: 16.6666%;
        flex-basis: 16.6666%;
        width: 16.6666%;
        max-width: 16.6666%
    }

    .mod-lyt[data-col="7"]>.inner>* {
        -webkit-flex-basis: 14.28%;
        flex-basis: 14.28%;
        width: 14.28%;
        max-width: 14.28%
    }

    .mod-lyt[data-col="8"]>.inner>* {
        -webkit-flex-basis: 12.5%;
        flex-basis: 12.5%;
        width: 12.5%;
        max-width: 12.5%
    }

    .mod-lyt-02>.inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -32px
    }

    .mod-lyt-02>.inner>.col {
        padding-left: 32px
    }

    .mod-lyt-02[data-col="2"]>.inner>.col {
        width: 50%
    }

    .mod-lyt-02[data-col="3"]>.inner>.col {
        width: 50%
    }

    .mod-lyt-02[data-col="4"]>.inner>.col {
        width: 50%
    }

    .mod-news-lyt-lqd {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mod-news-lyt-lqd .col {
        position: relative;
        width: calc(50% - 25px);
        max-width: calc(50% - 25px)
    }

    .mod-news-lyt-lqd .col .inner .item .media {
        width: 156px
    }

    .mod-news-lyt-lqd .col .content {
        font-size: 1.4rem
    }

    .mod-news-lyt-lqd .col .content .txt::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .mod-news-lyt-lqd .col .content .media {
        margin: 0
    }

    .mod-latest-area .latest-news .wrap {
        font-size: 1.4rem;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        margin: 0 auto
    }

    .mod-latest-area .latest-news .wrap .col {
        display: flex;
        display: -webkit-flex;
        width: calc(50% - 20px);
        max-width: 45vw;
        margin: 0 10px 20px
    }

    .mod-latest-area .latest-news .wrap .col .pnl {
        width: 100%
    }

    .mod-latest-area .latest-news .wrap .col .pnl a {
        text-decoration: none
    }

    .mod-latest-area .latest-news .wrap .col .pnl a .media {
        width: 100%
    }

    .mod-latest-area .latest-news .wrap .col .pnl a .media figure img {
        width: 100%
    }

    .mod-latest-area .latest-video .inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        max-width: 100%;
        margin: 0 auto 40px;
        padding: 20px 20px 0
    }

    .mod-latest-area .latest-video .inner .col {
        width: 44vw;
        max-width: calc(calc(100vw - 80px)/ 2)
    }

    .mod-latest-area .latest-video .inner .col .pnl a .media img {
        max-width: 160px
    }

    .mod-media {
        margin: 0 auto 52px
    }

    .mod-media iframe,.mod-media img {
        margin: 0 auto
    }

    .mod-media figcaption .js-modal-img {
        font-size: 1.6rem;
        display: inline-block;
        max-width: 100%
    }

    .mod-media figcaption .js-modal-img+br {
        display: block
    }

    .mod-media>span a.js-modal-img {
        cursor: pointer
    }

    .mod-media>span a.js-modal-img:focus img,.mod-media>span a.js-modal-img:hover img {
        opacity: .7
    }

    .mod-media>span a.js-modal-img>.link {
        text-decoration: underline;
        display: inline-block;
        padding-left: 24px
    }

    .mod-media>span a:focus>.link,.mod-media>span a:hover>.link {
        text-decoration: none
    }

    .mod-media-lyt {
        font-size: 1.4rem;
        margin: 0 0 40px;
        padding: 0 10px
    }

    .mod-media-lyt>.inner {
        direction: rtl
    }

    .mod-media-lyt>.inner>.txt {
        width: 100%;
        padding: 18px 0 18px 7.66666vw;
        direction: ltr
    }

    .mod-media-lyt>.inner>.txt .lede {
        font-size: 2.6rem
    }

    .mod-media-lyt>.inner>.media {
        vertical-align: middle;
        display: table-cell
    }

    .mod-media-lyt>.inner>.media iframe,.mod-media-lyt>.inner>.media img {
        max-width: none;
        margin: 0 auto
    }

    .mod-media-lyt .mod-btn {
        text-align: left;
        margin-top: 40px
    }

    .mod-media-video {
        margin: 0 auto 52px
    }

    .mod-media-article {
        margin-top: 50px
    }

    .mod-media-article>.inner>.img {
        overflow: visible;
        width: 100%;
        min-height: auto;
        padding-top: 11.6%
    }

    .mod-media-article>.inner>.img img {
        top: 0;
        left: 0;
        max-width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none
    }

    .mod-media-article>.inner>.contents {
        background-color: rgba(255,255,255,.9);
        position: relative;
        width: 84.6%;
        margin: 0 auto;
        padding: calc(29px + (21 * (100vw - 640px)/ 700)) calc(20px + (50 * (100vw - 640px)/ 700)) calc(35px + (7 * (100vw - 640px)/ 700))
    }

    .mod-media-article-02 {
        margin-top: 50px
    }

    .mod-media-article-02>.col+.col {
        margin-top: 100px
    }

    .mod-media-article-02>.col>.container>.hdg {
        font-size: calc(20px + (16 * (100vw - 640px)/ 700));
        font-weight: 400
    }

    .mod-media-article-02>.col>.container>.sub {
        font-size: calc(14px + (4 * (100vw - 640px)/ 700))
    }

    .mod-media-article-02>.col>.container>.btnArea {
        max-width: none
    }

    .mod-media-article-02>.col>.container>.btnArea [class*=mod-btn]>.btn>a,.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn]>.btn>button,.mod-media-article-02>.col>.container>.btnArea [class*=mod-btn]>.btn>span {
        width: auto
    }

    .mod-media-horizontal>.content>.hdg {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.3369;
        color: #03315e
    }

    .mod-input-radio label .label {
        line-height: 1.71429
    }

    .mod-input-check label .label {
        line-height: 1.5
    }

    .mod-input-check-02>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 12px);
        margin: -12px 0 0 -12px
    }

    .mod-input-check-02>.list li {
        float: left;
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
        margin: 0;
        padding: 12px 0 0 12px
    }

    .mod-input-check-02[data-col="5"]>.list>li {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    html[data-script-enabled=true] .func-modal>.modal-inner {
        padding: 40px
    }

    .mod-tab.of-fixed .tab-list {
        display: -webkit-flex;
        display: flex
    }

    .mod-tab.of-fixed .tab-list>li {
        text-align: center;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .mod-tab:not(.of-fixed) .tab-list {
        overflow: hidden
    }

    .mod-tab:not(.of-fixed) .tab-list li {
        text-align: left;
        float: left
    }

    .mod-carousel .slick-inner {
        margin-bottom: 0
    }

    .mod-carousel .slick-arrow {
        color: #000;
        background: #333;
        position: absolute;
        z-index: 1;
        top: 50%;
        display: block!important;
        overflow: hidden;
        width: 48px;
        height: 48px;
        margin: auto
    }

    .mod-carousel .slick-arrow::before {
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 34px;
        height: 34px;
        margin: auto;
        content: "";
        border: 1px solid;
        border-color: #fff #fff transparent transparent
    }

    .mod-carousel .slick-arrow.slick-prev {
        left: 0
    }

    .mod-carousel .slick-arrow.slick-prev::before {
        left: 14px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .mod-carousel .slick-arrow.slick-next {
        right: 0
    }

    .mod-carousel .slick-arrow.slick-next::before {
        right: 14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mod-carousel .slick-arrow:focus {
        outline: 1px dotted #333;
        outline: -webkit-focus-ring-color auto 5px
    }

    .mod-carousel:not(.of-dots) .slick-dots {
        -webkit-align-items: stretch;
        align-items: stretch;
        width: 100%
    }

    .mod-carousel:not(.of-dots) .slick-dots li,.mod-carousel:not(.of-dots) .slick-dots li button {
        width: auto;
        height: auto;
        margin: 0
    }

    .mod-carousel:not(.of-dots) .slick-dots li {
        vertical-align: baseline;
        background: #eff2f6;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        border: 0
    }

    .mod-carousel:not(.of-dots) .slick-dots li:not(:first-child) {
        border-left: 1px solid #fff
    }

    .mod-carousel:not(.of-dots) .slick-dots li button {
        font-size: 1.6rem;
        line-height: 1.5;
        color: #000;
        width: 100%;
        height: auto;
        padding: 13px
    }

    [lang=ja] .mod-carousel:not(.of-dots) .slick-dots li button>* {
        word-break: break-all
    }

    .mod-carousel:not(.of-dots) .slick-dots li.slick-active {
        background: #0f1ed2;
        border: 1px solid #0f1ed2
    }

    .mod-carousel:not(.of-dots) .slick-dots li.slick-active button {
        font-weight: 700;
        color: #fff
    }

    .mod-carousel.of-newsroom {
        margin-right: 0;
        margin-left: 0
    }

    .mod-carousel.of-newsroom .slick-dots-wrap {
        margin-top: 20px
    }

    .mod-carousel.of-newsroom2 {
        margin: 0 -12px 40px;
        padding: 0 30px
    }

    .mod-carousel.of-newsroom2 .slick-arrow.slick-prev {
        left: -18px
    }

    .mod-carousel.of-newsroom2 .slick-arrow.slick-next {
        right: -18px
    }

    .mod-carousel.of-newsroom2 .slick-track {
        margin: auto
    }

    .mod-carousel.of-newsroom3 {
        margin-bottom: 20px;
        padding: 0
    }

    .mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control {
        width: 56px;
        height: 24px
    }

    .mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control::before {
        top: calc(50% - 5px);
        left: calc(50% - 5px);
        width: 10px;
        height: 10px;
        border-width: 3px
    }

    .mod-carousel.of-newsroom3 .slick-dots-wrap .btn-control.is-stop::before {
        top: calc(50% - 5px);
        left: calc(50% - 5px);
        border-width: 5px 0 5px 9px
    }

    .mod-carousel.of-newsroom3 .slick-arrow.slick-prev {
        left: -6px
    }

    .mod-carousel.of-newsroom3 .slick-arrow.slick-next {
        right: -6px
    }

    .mod-carousel.of-newsroom3 .slick-track {
        margin: auto
    }

    p+.mod-carousel.of-newsroom3 {
        margin-top: 30px
    }

    .func-cookie>.inner {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 1220px;
        margin: 0 auto;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .func-cookie>.inner .mod-btn {
        margin-top: 0
    }

    .func-cookie>.inner .txt {
        padding-right: 30px
    }

    .mod-map>.map-wrap {
        height: 556px
    }

    .func-global-notice {
        max-width: 400px
    }

    .str-mainvisual-carousel-01.of-reverse .slide-content>.inner {
        margin-right: 4vw;
        margin-left: 0
    }

    .str-mainvisual-carousel-01.of-size-02 .slide-content>.inner {
        width: 45vw
    }

    .str-mainvisual-carousel-01.of-size-03 .slide-content>.inner {
        width: 40vw
    }

    .str-mainvisual-carousel-01.of-size-04 .slide-content>.inner {
        width: 35vw
    }

    .str-mainvisual-carousel-01.of-size-05 .slide-content>.inner {
        width: 30vw
    }

    .str-mainvisual-carousel-01 .slick-track {
        display: -webkit-flex;
        display: flex;
        height: 100%
    }

    .str-mainvisual-carousel-01 .slick-track>.slick-slide {
        float: none
    }

    .str-mainvisual-carousel-01 .slick-slide {
        display: -webkit-flex;
        display: flex
    }

    .str-mainvisual-carousel-01 .slick-dots-wrap {
        position: absolute;
        bottom: 40px;
        left: calc(4vw + 10px)
    }

    .str-mainvisual-carousel-01 .slide-content {
        background-color: transparent;
        z-index: 1;
        right: 0;
        left: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: calc(100% - 100px);
        max-width: 100%;
        min-height: calc(100vw * 600 / 1800);
        padding-top: 40px;
        padding-bottom: 80px
    }

    .str-mainvisual-carousel-01 .slide-content>.inner {
        width: 50vw;
        max-width: 100%;
        height: auto;
        margin-left: 4vw;
        padding: 28px 10px
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.hdg {
        font-weight: 400;
        line-height: 1.3369
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.btnArea [class*=mod-btn-].align-right {
        text-align: start!important;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.btnArea [class*=mod-btn-].align-left {
        text-align: start!important;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.btnArea [class*=mod-btn-] a {
        font-size: 1.2rem;
        width: auto
    }

    .str-mainvisual-carousel-01 .slide-content.of-reverse>.inner {
        margin-right: 4vw;
        margin-left: 0
    }

    .str-mainvisual-carousel-01 .slide-content.of-size-02>.inner {
        width: 45vw
    }

    .str-mainvisual-carousel-01 .slide-content.of-size-03>.inner {
        width: 40vw
    }

    .str-mainvisual-carousel-01 .slide-content.of-size-04>.inner {
        width: 35vw
    }

    .str-mainvisual-carousel-01 .slide-content.of-size-05>.inner {
        width: 30vw
    }

    .str-mainvisual-carousel-01 .slide-image {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        left: 0;
        height: 100%;
        margin: auto
    }

    .str-mainvisual-carousel-01 .slide-image img {
        position: absolute;
        left: 50%;
        width: auto;
        max-width: none;
        height: 100%!important;
        margin: 0 auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .str-mainvisual-carousel-01 .slide-image::after {
        content: ""
    }

    .str-mainvisual-carousel-01 .slide::after {
        content: none
    }

    #v3r-news.comp-tab-news.js-tab .tab-list {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 52px;
        padding: 0 100px;
        border-top: none;
        border-bottom: solid 1px #a4aab0
    }

    #v3r-news.comp-tab-news.js-tab .tab-list>li {
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        min-width: 0;
        max-width: 260px;
        margin: 0;
        border-bottom: none
    }

    #v3r-news.comp-tab-news.js-tab .tab-list>li>a,#v3r-news.comp-tab-news.js-tab .tab-list>li>span {
        font-size: 1.8rem;
        text-align: center;
        width: 100%;
        padding: 22px 10px
    }

    #v3r-news.comp-tab-news.js-tab .tab-list>li>a::after,#v3r-news.comp-tab-news.js-tab .tab-list>li>span::after {
        content: none
    }

    #v3r-news.comp-tab-news.js-tab .tab-list>li[role=tab][aria-selected=true]>a::before,#v3r-news.comp-tab-news.js-tab .tab-list>li[role=tab][aria-selected=true]>span::before {
        background: #535a6e;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 4px;
        content: ""
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .rss {
        position: absolute;
        top: 24px;
        right: 0;
        margin: 0
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li {
        padding-top: 26px;
        padding-bottom: 24px
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li:first-child {
        padding-top: 26px
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.date {
        font-size: 1.6rem;
        border-bottom: none
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc {
        margin-top: 0;
        border-bottom: none
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-link-news .list>li>.desc>.inner>a {
        font-size: 1.6rem
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn {
        max-width: 100%
    }

    [data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn {
        min-width: calc(0%)
    }

    [data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn a,[data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn button,[data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn>span {
        width: 100%
    }

    [lang=ja] [data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn a>*,[lang=ja] [data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn button>*,[lang=ja] [data-col] #v3r-news.comp-tab-news.js-tab .tab-panel .inner .mod-btn .btn>span>* {
        word-break: break-all
    }

    .pc-hide {
        display: none!important
    }

    .pc-show {
        display: block!important
    }

    .comp-btn-more>[type=button],.comp-btn-more>[type=submit],.comp-btn-more>a {
        font-size: 1.8rem;
        max-width: 300px;
        margin: 0 auto;
        padding-top: 6px;
        padding-bottom: 4px;
        transition: .2s background ease-out
    }

    .comp-btn-more>[type=button]:focus,.comp-btn-more>[type=button]:hover,.comp-btn-more>[type=submit]:focus,.comp-btn-more>[type=submit]:hover,.comp-btn-more>a:focus,.comp-btn-more>a:hover {
        color: #6f6f6f;
        background: #f5f5f5
    }

    .comp-list-video {
        margin-top: 44px;
        margin-bottom: 60px
    }

    .comp-list-video>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 24px);
        margin: -24px 0 0 -24px
    }

    .comp-list-video>.list>li {
        -webkit-flex: 0 1 33.3333%;
        flex: 0 1 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 0;
        padding: 24px 0 0 24px
    }

    .comp-list-video .detail {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 13px 7px 12px
    }

    .comp-list-video .detail p {
        margin-bottom: 7px;
        padding-right: 13px;
        padding-left: 13px
    }

    .comp-list-video .time {
        font-size: 1.4rem
    }

    .comp-list-rank>.list {
        display: -webkit-flex;
        display: flex
    }

    .comp-list-rank>.list>li {
        display: block;
        -webkit-flex: 0 1 20%;
        flex: 0 1 20%;
        min-width: 20%
    }

    .comp-list-rank .rank {
        margin: 0 0 11px
    }

    .comp-list-rank .txt {
        padding: 0 6px
    }

    .comp-lyt-caseStudy>.inner>.content .mod-list-thisCategory>.list>div {
        float: left;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .comp-lyt-caseStudy>.inner .media {
        -webkit-flex-basis: 21%;
        flex-basis: 21%;
        min-width: 21%;
        max-width: 21%;
        padding-right: 30px
    }

    .comp-form-checkGroup {
        margin: 0 0 40px
    }

    .comp-form-checkGroup+.comp-form-checkGroup {
        margin-top: -30px
    }

    .comp-form-checkGroup .mod-input-check {
        margin: 0 0 0 34px
    }

    .comp-sns-02 {
        margin: 32px auto
    }

    .comp-sns-03 {
        margin-bottom: 60px
    }

    .comp-sns-03>.list>.item {
        width: calc((230 / 1300) * 100%)
    }

    .comp-sns-03>.list>.item:not(:last-child) {
        margin-right: calc((37 / 1300) * 100%)
    }

    .comp-sns-03>.list>.item img {
        max-height: none;
        margin-bottom: 23px
    }

    .mod-hdg-l2-03+.comp-sns-03 {
        margin-top: 60px
    }

    .comp-pager .list {
        display: -webkit-flex;
        display: flex
    }

    .comp-pager .next,.comp-pager .prev {
        white-space: pre;
        width: auto;
        height: 30px;
        margin: 8px 0
    }

    .comp-pager .prev {
        margin: 8px 44px 8px 0
    }

    .comp-pager .prev>a {
        padding: 0 10px 0 30px
    }

    .comp-pager .prev>a::before {
        left: 10px;
        border-width: 0 0 1px 1px
    }

    .comp-pager .next {
        margin: 8px 0 8px 44px
    }

    .comp-pager .next>a {
        padding: 0 30px 0 10px
    }

    .comp-pager .next>a::before {
        right: 10px;
        border-width: 1px 1px 0 0
    }

    .comp-tab-news .rss {
        position: absolute;
        top: 14px;
        right: 0;
        display: block;
        margin: 0
    }

    .comp-tab-news .rss a {
        display: block;
        width: auto
    }

    .comp-tab-news .tab-list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 85%;
        margin: -15px 0 20px -15px
    }

    .comp-tab-news .tab-list>[role=tab] {
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        -webkit-align-items: center;
        align-items: center;
        width: 215px;
        min-width: 215px;
        max-width: 215px;
        margin: 15px 0 0 15px
    }

    .comp-tab-news .tab-list>[role=tab] a {
        text-align: left;
        display: block;
        width: 100%;
        padding: 2px 41px 2px 25px
    }

    .comp-tab-news.of-off-rss .tab-list {
        width: calc(100% + 15px)
    }

    .comp-tab-news.of-monospaced .tab-list {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .comp-tab-news.of-monospaced .tab-list>[role=tab] {
        -webkit-flex: 0 1 calc(25% - 15px);
        flex: 0 1 calc(25% - 15px);
        width: calc(25% - 15px);
        min-width: 0;
        max-width: calc(25% - 15px)
    }

    body[data-path="/"] .str-mainvisual,body[data-path="/"] .str-mainvisual-02,body[data-path="/"] .str-mainvisual-03 {
        background: #fff;
        overflow: hidden;
        margin: 0 auto
    }

    body[data-path="/"] .str-mainvisual .pc-hide,body[data-path="/"] .str-mainvisual-02 .pc-hide,body[data-path="/"] .str-mainvisual-03 .pc-hide {
        display: none!important
    }

    body[data-path="/"] .str-mainvisual .pc-show,body[data-path="/"] .str-mainvisual-02 .pc-show,body[data-path="/"] .str-mainvisual-03 .pc-show {
        display: block!important
    }

    html[data-script-enabled=true] body[data-path="/"] .str-mainvisual,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-02,html[data-script-enabled=true] body[data-path="/"] .str-mainvisual-03 {
        overflow: visible
    }

    body[data-path="/"] .str-mainvisual-02.of-wide .slick-dots,body[data-path="/"] .str-mainvisual-02.of-wide .slide-content::before,body[data-path="/"] .str-mainvisual-02.of-wide .slide-content>.inner,body[data-path="/"] .str-mainvisual-03.of-wide .slick-dots,body[data-path="/"] .str-mainvisual-03.of-wide .slide-content::before,body[data-path="/"] .str-mainvisual-03.of-wide .slide-content>.inner,body[data-path="/"] .str-mainvisual.of-wide .slick-dots,body[data-path="/"] .str-mainvisual.of-wide .slide-content::before,body[data-path="/"] .str-mainvisual.of-wide .slide-content>.inner {
        width: 38.3333vw;
        max-width: 690px
    }

    body[data-path="/"] .str-mainvisual .slick-arrow,body[data-path="/"] .str-mainvisual-02 .slick-arrow,body[data-path="/"] .str-mainvisual-03 .slick-arrow {
        display: block!important;
        transition: .3s
    }

    body[data-path="/"] .str-mainvisual .slick-arrow:focus,body[data-path="/"] .str-mainvisual .slick-arrow:hover,body[data-path="/"] .str-mainvisual-02 .slick-arrow:focus,body[data-path="/"] .str-mainvisual-02 .slick-arrow:hover,body[data-path="/"] .str-mainvisual-03 .slick-arrow:focus,body[data-path="/"] .str-mainvisual-03 .slick-arrow:hover {
        opacity: .8
    }

    body[data-path="/"] .str-mainvisual .slick-slider,body[data-path="/"] .str-mainvisual-02 .slick-slider,body[data-path="/"] .str-mainvisual-03 .slick-slider {
        margin: 0
    }

    body[data-path="/"] .str-mainvisual .slide,body[data-path="/"] .str-mainvisual-02 .slide,body[data-path="/"] .str-mainvisual-03 .slide {
        display: block;
        min-height: 0
    }

    body[data-path="/"] .str-mainvisual .slide::before,body[data-path="/"] .str-mainvisual-02 .slide::before,body[data-path="/"] .str-mainvisual-03 .slide::before {
        display: none
    }

    body[data-path="/"] .str-mainvisual .slide::after,body[data-path="/"] .str-mainvisual-02 .slide::after,body[data-path="/"] .str-mainvisual-03 .slide::after {
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        content: "";
        border-bottom: 30px solid #fff
    }

    body[data-path="/"] .str-mainvisual .slide .slide-content,body[data-path="/"] .str-mainvisual-02 .slide .slide-content,body[data-path="/"] .str-mainvisual-03 .slide .slide-content {
        display: block
    }

    body[data-path="/"] .str-mainvisual .slick-arrow,body[data-path="/"] .str-mainvisual-02 .slick-arrow,body[data-path="/"] .str-mainvisual-03 .slick-arrow {
        color: #000;
        background: #333;
        position: absolute;
        z-index: 1;
        top: 50%;
        width: 48px;
        height: 48px;
        margin: auto
    }

    body[data-path="/"] .str-mainvisual .slick-arrow::before,body[data-path="/"] .str-mainvisual-02 .slick-arrow::before,body[data-path="/"] .str-mainvisual-03 .slick-arrow::before {
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 34px;
        height: 34px;
        margin: auto;
        content: "";
        border: 1px solid;
        border-color: #fff #fff transparent transparent
    }

    body[data-path="/"] .str-mainvisual .slick-arrow.slick-prev,body[data-path="/"] .str-mainvisual-02 .slick-arrow.slick-prev,body[data-path="/"] .str-mainvisual-03 .slick-arrow.slick-prev {
        left: 0
    }

    body[data-path="/"] .str-mainvisual .slick-arrow.slick-prev::before,body[data-path="/"] .str-mainvisual-02 .slick-arrow.slick-prev::before,body[data-path="/"] .str-mainvisual-03 .slick-arrow.slick-prev::before {
        left: 14px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    body[data-path="/"] .str-mainvisual .slick-arrow.slick-next,body[data-path="/"] .str-mainvisual-02 .slick-arrow.slick-next,body[data-path="/"] .str-mainvisual-03 .slick-arrow.slick-next {
        right: 0
    }

    body[data-path="/"] .str-mainvisual .slick-arrow.slick-next::before,body[data-path="/"] .str-mainvisual-02 .slick-arrow.slick-next::before,body[data-path="/"] .str-mainvisual-03 .slick-arrow.slick-next::before {
        right: 14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    body[data-path="/"] .str-mainvisual .slick-track .slick-slide,body[data-path="/"] .str-mainvisual-02 .slick-track .slick-slide,body[data-path="/"] .str-mainvisual-03 .slick-track .slick-slide {
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-align-items: stretch;
        align-items: stretch;
        height: auto
    }

    body[data-path="/"] .str-mainvisual .slide-content,body[data-path="/"] .str-mainvisual-02 .slide-content,body[data-path="/"] .str-mainvisual-03 .slide-content {
        z-index: 1;
        right: 0;
        left: 0;
        width: calc(100% - 96px);
        max-width: 1200px;
        min-height: calc(31.1111vw + 30px);
        margin: 0 0 0 48px;
        padding: 0
    }

    body[data-path="/"] .str-mainvisual .slide-content::before,body[data-path="/"] .str-mainvisual-02 .slide-content::before,body[data-path="/"] .str-mainvisual-03 .slide-content::before {
        top: 0;
        width: 25.55555vw;
        max-width: 460px
    }

    body[data-path="/"] .str-mainvisual .slide-content>.inner,body[data-path="/"] .str-mainvisual-02 .slide-content>.inner,body[data-path="/"] .str-mainvisual-03 .slide-content>.inner {
        width: 25.55555vw;
        max-width: 460px;
        height: calc(100% - 30px);
        padding: 4vw 1.83vw 40px
    }

    body[data-path="/"] .str-mainvisual .slide-content h2,body[data-path="/"] .str-mainvisual-02 .slide-content h2,body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
        font-size: 1.8vw;
        font-weight: 400;
        line-height: 1.3369;
        margin: 0 0 24px
    }

    body[data-path="/"] .str-mainvisual .slide-content p,body[data-path="/"] .str-mainvisual-02 .slide-content p,body[data-path="/"] .str-mainvisual-03 .slide-content p {
        font-size: 1.33333vw;
        line-height: 1.6;
        margin: 0 0 1em
    }

    body[data-path="/"] .str-mainvisual .slide-image,body[data-path="/"] .str-mainvisual-02 .slide-image,body[data-path="/"] .str-mainvisual-03 .slide-image {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        left: 0;
        height: calc(100% - 30px);
        margin: auto
    }

    body[data-path="/"] .str-mainvisual .slide-image img,body[data-path="/"] .str-mainvisual-02 .slide-image img,body[data-path="/"] .str-mainvisual-03 .slide-image img {
        position: absolute;
        left: 50%;
        width: auto;
        height: 100%!important;
        margin: 0 auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-path="/"] .str-mainvisual .slick-dots,body[data-path="/"] .str-mainvisual-02 .slick-dots,body[data-path="/"] .str-mainvisual-03 .slick-dots {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 25.55555vw;
        -webkit-transform: none;
        transform: none
    }

    body[data-path="/"] .str-mainvisual .slick-dots li,body[data-path="/"] .str-mainvisual-02 .slick-dots li,body[data-path="/"] .str-mainvisual-03 .slick-dots li {
        position: relative;
        top: 2px
    }

    body[data-path="/"] .str-mainvisual-02::before,body[data-path="/"] .str-mainvisual-03::before,body[data-path="/"] .str-mainvisual::before {
        display: block
    }

    body[data-path="/"] .str-mainvisual .slick-dots-wrap .btn-control,body[data-path="/"] .str-mainvisual-02 .slick-dots-wrap .btn-control,body[data-path="/"] .str-mainvisual-03 .slick-dots-wrap .btn-control {
        top: -2px
    }

    body[data-path="/"] .slick-dotted.slick-slider::after {
        content: none
    }

    body[data-path="/"] .mod-media-lyt>.inner>.media iframe,body[data-path="/"] .mod-media-lyt>.inner>.media img {
        width: 25.55555vw;
        max-width: 460px;
        margin: 0 0 0 48px
    }

    body[data-path="/"] .str-mainvisual .slick-dots-wrap {
        margin: 0 0 0 48px
    }

    body[data-path="/"] .str-mainvisual .slick-dots-wrap .slick-dots {
        margin: -22px 0 0 -10px
    }

    body[data-path="/"] .str-mainvisual-02.of-reverse::before {
        right: inherit;
        left: -150px
    }

    body[data-path="/"] .str-mainvisual-02.of-reverse .slide-content {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: -7vw
    }

    body[data-path="/"] .str-mainvisual-02.of-reverse .slide::before {
        right: inherit;
        left: -150px
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content {
        max-width: 100%;
        margin-left: 7vw;
        padding-top: calc(30vw * 100 / 640);
        padding-bottom: calc(30vw * 100 / 640)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content::before {
        display: none;
        width: 50vw;
        max-width: 100%
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.var01>.inner {
        background: rgba(255,255,255,.7)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.var01.of-bgcolor-02>.inner {
        background: rgba(0,0,0,.7)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.var02>.inner {
        background: rgba(255,255,255,.8)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.var02.of-bgcolor-02>.inner {
        background: rgba(0,0,0,.8)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-bgcolor-02>.inner {
        color: #fff;
        background: rgba(0,0,0,.75)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-bgcolor-02 .mod-btn a,body[data-path="/"] .str-mainvisual-02 .slide-content.of-bgcolor-02 .mod-btn button {
        color: #fff;
        border-color: #fff
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-bgcolor-02 .mod-btn a::before,body[data-path="/"] .str-mainvisual-02 .slide-content.of-bgcolor-02 .mod-btn button::before {
        background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-reverse {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: -7vw
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content>.inner {
        background: rgba(255,255,255,.75);
        width: 50vw;
        max-width: 100%;
        height: auto;
        margin-top: -30px;
        padding: 28px 24px
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content h2 {
        font-size: 2rem;
        margin-bottom: 14px
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content p {
        font-size: 1.3rem;
        line-height: 2
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content .mod-btn {
        line-height: 1;
        text-align: left
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content .mod-btn a,body[data-path="/"] .str-mainvisual-02 .slide-content .mod-btn button {
        font-size: 1.4rem
    }

    body[data-path="/"] .str-mainvisual-02 .slick-dots {
        width: auto
    }

    body[data-path="/"] .str-mainvisual-02 .slide .slide-content {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    body[data-path="/"] .str-mainvisual-03.of-reverse::before {
        right: inherit;
        left: -150px
    }

    body[data-path="/"] .str-mainvisual-03.of-reverse .slide-content {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: -7vw
    }

    body[data-path="/"] .str-mainvisual-03.of-reverse .slide-content::after {
        background: linear-gradient(to left,#fff,rgba(255,255,255,0));
        right: -7vw;
        left: auto
    }

    body[data-path="/"] .str-mainvisual-03.of-reverse .slide-content.of-bgcolor-02::after {
        background: linear-gradient(to left,#000,rgba(0,0,0,0))
    }

    body[data-path="/"] .str-mainvisual-03.of-reverse .slide::before {
        right: inherit;
        left: -150px
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content {
        max-width: 100%;
        margin-left: 7vw;
        padding-top: calc(30vw * 100 / 640);
        padding-bottom: calc(30vw * 100 / 640)
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content::before {
        display: none;
        width: 50vw;
        max-width: 100%
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content::after {
        background: linear-gradient(to right,#fff,rgba(255,255,255,0));
        position: absolute;
        z-index: -1;
        top: 0;
        left: -7vw;
        display: block;
        width: calc(80% + 7vw);
        height: calc(100% - 30px);
        content: ""
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-bgcolor-02::after {
        background: linear-gradient(to right,#000,rgba(0,0,0,0))
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-bgcolor-02>.inner {
        color: #fff
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-bgcolor-02 .mod-btn a,body[data-path="/"] .str-mainvisual-03 .slide-content.of-bgcolor-02 .mod-btn button {
        color: #fff;
        border-color: #fff
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-bgcolor-02 .mod-btn a::before,body[data-path="/"] .str-mainvisual-03 .slide-content.of-bgcolor-02 .mod-btn button::before {
        background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-reverse {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: -7vw
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-reverse::after {
        background: linear-gradient(to left,#fff,rgba(255,255,255,0));
        right: -7vw;
        left: auto
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content.of-reverse.of-bgcolor-02::after {
        background: linear-gradient(to left,#000,transparent)
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content>.inner {
        background: 0 0;
        width: 30vw;
        max-width: 100%;
        height: auto;
        margin-top: -30px;
        padding: 28px 10px
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
        font-size: 2rem;
        margin-bottom: 14px
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content p {
        font-size: 1.3rem;
        line-height: 2
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content .mod-btn {
        line-height: 1;
        text-align: left
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content .mod-btn a,body[data-path="/"] .str-mainvisual-03 .slide-content .mod-btn button {
        font-size: 1.4rem
    }

    body[data-path="/"] .str-mainvisual-03 .slick-dots {
        width: auto
    }

    body[data-path="/"] .str-mainvisual-03 .slide .slide-content {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    [data-template-id=onlineTV] hr {
        margin-top: 43px;
        margin-bottom: 43px
    }

    [data-template-id=onlineTV] .mod-hdg-l2 {
        margin-top: 53px;
        margin-bottom: 12px
    }

    [data-template-id=onlineTV] .mod-media-video {
        margin-bottom: 43px
    }

    [data-template-id=onlineTV] .mod-link.of-list {
        margin-left: 33px
    }

    [data-template-id=onlineTV] .unq-box-message .input {
        padding: 32px 44px 30px
    }

    [data-template-id=onlineTV] .unq-box-message .input .hdg {
        font-size: 2.3rem
    }

    [data-template-id^=uf-iexpo-000] .str-pageTitle::after {
        min-height: 239px
    }

    [data-template-id^=uf-iexpo-000] .str-pageTitle>.inner::before {
        max-width: 469px;
        max-height: 388px
    }

    [data-template-id^=uf-iexpo-000] .str-pageTitle>.inner .hdg img {
        margin-bottom: 20px
    }

    [data-template-id^=uf-iexpo-000] .str-pageTitle .lede {
        font-size: 1.4rem
    }

    [data-template-id^=uf-iexpo-000] .mod-hdg-l2 {
        margin: 60px 0 20px
    }

    [data-template-id^=uf-iexpo-000] .mod-list-seminar-02>.list>li>.wrap .summary {
        font-size: 1.6rem
    }

    [data-template-id^=uf-iexpo-000] .mod-list-seminar-02>.list>li>.wrap .summary .title {
        font-size: 2rem
    }

    [data-template-id^=uf-iexpo-000] .mod-media figcaption {
        font-size: 1.6rem
    }

    [data-template-id^=uf-iexpo-000] .unq-section-01 {
        padding-top: 56px;
        padding-bottom: 40px
    }

    .mod-form-trendSearch [data-template-id^=uf-iexpo-000] .unq-section-01 .inner>p,[data-template-id^=uf-iexpo-000] .unq-section-01 .mod-form-trendSearch .inner>p,[data-template-id^=uf-iexpo-000] .unq-section-01 .str-inner>p {
        text-align: center
    }

    [data-template-id=uf-iexpo-seminar-000] .unq-adjust-01 {
        margin-bottom: 40px
    }

    [data-template-id=uf-iexpo-seminar-000] .unq-adjust-01>.inner {
        margin-top: 30px;
        margin-bottom: 30px
    }

    [data-template-id=uf-iexpo-seminar-000] .unq-adjust-01 .mod-lede {
        margin-top: 20px
    }

    [data-template-id=uf-iexpo-seminar-000] .unq-adjust-02 {
        text-align: right
    }

    [data-template-id=uf-iexpo-request-001] .mod-list-seminar {
        font-size: 1.4rem
    }

    [data-template-id=uf-iexpo-request-001] .mod-list-seminar .item-status>.list>li:first-child {
        padding-left: 16px
    }
}

@media screen and (min-width: 640px) and (min-width:640px),print {
    body[data-path="/"] .str-mainvisual-02 .slide-content.of-size-02>.inner {
        width:45vw
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-size-03>.inner {
        width: 40vw
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-size-04>.inner {
        width: 35vw
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content.of-size-05>.inner {
        width: 30vw
    }
}

@media screen and (max-width: 1023px) and (min-width:640px),print {
    body[data-path="/"] .str-mainvisual-02 .slide-content>.inner {
        width:40vw
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content>.inner {
        width: 30vw
    }
}

@media screen and (min-width: 668px),print {
    .mod-media-lyt-flt,.mod-media-lyt-lqd {
        margin:0 0 52px
    }

    .mod-media-lyt-flt.sp-mediaBottom {
        display: block
    }

    .mod-media-lyt-flt .media {
        float: left;
        margin: 0 30px 36px 0
    }

    .mod-media-lyt-flt.of-reverse>.media {
        float: right;
        margin: 0 0 36px 30px
    }

    .mod-media-lyt-lqd {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mod-media-lyt-lqd>.media .mod-media img:not(.icn) {
        max-width: none
    }

    .mod-media-lyt-lqd.sp-mediaBottom>.media,.mod-media-lyt-lqd>.media {
        width: auto;
        padding: 0 30px 0 0
    }

    .mod-media-lyt-lqd.sp-mediaBottom>.content,.mod-media-lyt-lqd>.content {
        width: 100%
    }

    .mod-media-lyt-lqd.sp-mediaBottom {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .mod-media-lyt-lqd.of-reverse {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .mod-media-lyt-lqd.of-reverse>.media {
        padding: 0 0 0 30px
    }

    .mod-media-lyt-lqd.of-align-center {
        -webkit-align-items: center;
        align-items: center
    }
}

@media screen and (min-width: 850px),print {
    .mod-list-seminar-02>.list>li {
        -webkit-flex-basis:33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media screen and (min-width: 960px),print {
    .mod-link-columnList[data-col]>.container {
        display:-webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mod-link-columnList[data-col="1"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col="1"]>.container>.col {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col="2"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col="2"]>.container>.col {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col="3"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col="3"]>.container>.col {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col="4"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col="4"]>.container>.col {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%;
        padding: 20px 0 0 50px
    }

    .mod-pnl-index .list .list-item>.inner>.thumb._replay::before,.mod-pnl-index .list>li>.inner>.thumb._replay::before {
        width: 100px;
        height: 100px
    }

    .mod-pnl-index .list .list-item>.inner>.thumb._replay::after,.mod-pnl-index .list>li>.inner>.thumb._replay::after {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width: 1000px),print {
    .mod-media-article>.inner>.contents {
        padding:45px 70px
    }
}

@media screen and (min-width: 1024px),print {
    .mod-media-horizontal::before {
        content:""
    }

    .mod-media-horizontal>.media>img.pc,.mod-media-horizontal>.media>picture>img.pc {
        display: block
    }

    .mod-media-horizontal>.media>img.sp,.mod-media-horizontal>.media>picture>img.sp {
        display: none
    }

    .mod-media-horizontal>.content {
        background: 0 0;
        background-color: transparent;
        position: absolute;
        top: 50%;
        left: 2vw;
        width: 35vw;
        max-width: 100%;
        height: auto;
        padding: 28px 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mod-media-horizontal.of-has-logo>.content>:last-child {
        margin-bottom: 0
    }

    .mod-media-horizontal.of-has-logo>.content>.logo {
        margin-bottom: 20px
    }

    .mod-media-horizontal.of-has-logo>.content>.logo>img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 22px
    }

    .mod-media-horizontal.of-has-logo>.content .mod-btn-02 {
        margin-bottom: 0
    }

    .str-mainvisual-carousel-01 .slide-content>.inner {
        padding: calc(28vw * 100 / 1024) calc(24vw * 100 / 1024)
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.hdg {
        font-size: calc(20px + (24 * (100vw - 1024px)/ 476))
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.text {
        font-size: calc(14px + (6 * (100vw - 1024px)/ 476))
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.btnArea [class*=mod-btn-] a {
        font-size: 1.6rem
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content>.inner {
        padding: calc(28vw * 100 / 1024) calc(24vw * 100 / 1024)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content h2 {
        font-size: calc(20vw * 100 / 1024)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content p {
        font-size: calc(13vw * 100 / 1024)
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
        font-size: calc(20vw * 100 / 1024)
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content p {
        font-size: calc(13vw * 100 / 1024)
    }
}

@media screen and (min-width: 1025px),print {
    .str-navigation._is-fixed {
        background-color:#fff;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        padding-top: 18px;
        padding-bottom: 0;
        border-bottom: 1px solid #dcdcdc
    }

    .str-pageTitle {
        margin: 0 0 58px;
        padding-top: 28px;
        padding-bottom: 28px
    }

    .str-pageTitle>.inner .hdg:first-child {
        font-size: 3rem
    }

    .str-pageTitle>.inner>.sub {
        font-size: 1.6rem
    }

    .str-pageTitle.of-has-logo {
        padding-top: 28px
    }

    .str-pageTitle.of-has-logo>.inner>.logo {
        margin-bottom: 24px
    }

    .str-pageTitle.of-has-logo>.inner>.logo>img {
        width: auto;
        height: 22px
    }

    .str-mainvisual {
        margin: 0 0 62px
    }

    .str-mainvisual .pc-hide {
        display: none!important
    }

    .str-mainvisual .pc-show {
        display: block!important
    }

    .mod-form-trendSearch .str-mainvisual.var01>.inner>.content::before,.str-mainvisual.var01>.str-inner>.content::before {
        background: rgba(255,255,255,.7)
    }

    .mod-form-trendSearch .str-mainvisual.var02>.inner>.content::before,.str-mainvisual.var02>.str-inner>.content::before {
        background: rgba(255,255,255,.8)
    }

    .mod-form-trendSearch .str-mainvisual>.inner,.str-mainvisual>.str-inner {
        position: relative;
        display: block;
        overflow: hidden;
        max-width: none
    }

    .mod-form-trendSearch .str-mainvisual>.inner>*,.str-mainvisual>.str-inner>* {
        display: block
    }

    .mod-form-trendSearch .str-mainvisual>.inner>.content,.str-mainvisual>.str-inner>.content {
        background-color: transparent;
        position: relative;
        right: 0;
        left: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 100%;
        max-width: 1200px;
        height: 100%;
        min-height: 22.2222vw;
        margin: 0 auto;
        padding: 0
    }

    .mod-form-trendSearch .str-mainvisual>.inner>.content::before,.str-mainvisual>.str-inner>.content::before {
        background: rgba(255,255,255,.75);
        position: absolute;
        z-index: 0;
        top: 0;
        left: 10px;
        display: block;
        width: 460px;
        height: 100%;
        content: ""
    }

    .mod-form-trendSearch .str-mainvisual>.inner>.image,.str-mainvisual>.str-inner>.image {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        display: block;
        width: 100%;
        height: 100%;
        margin: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .mod-form-trendSearch .str-mainvisual>.inner>.image img,.str-mainvisual>.str-inner>.image img {
        position: absolute;
        z-index: 0;
        left: 50%;
        width: auto;
        height: 100%!important;
        margin: auto;
        margin: 0 auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .str-mainvisual .content-inner {
        position: relative;
        z-index: 1;
        top: 0;
        left: 10px;
        max-width: 460px;
        padding: 2.6666666666666665vw
    }

    .str-mainvisual .content-inner :not(ruby):not(rp):not(rt) {
        font-size: 1.33333vw
    }

    .str-mainvisual .content-inner .hdg {
        font-size: 1.7333333333333334vw;
        line-height: 1.53846;
        margin: 0 0 .8em
    }

    .str-mainvisual .content-inner .mod-btn {
        margin-top: 0
    }

    .str-mainvisual .content-inner .mod-btn:last-child {
        margin-bottom: 0
    }

    .str-mainvisual .content-inner .mod-list>.list {
        margin-top: -.8196721311475409vw
    }

    .str-mainvisual .content-inner .mod-list>.list>li {
        padding-top: .8196721311475409vw
    }

    .str-mainvisual .content-inner .mod-list>.list>li::before {
        top: calc(.8196721311475409vw + .55em)
    }

    .str-mainvisual.of-caseStudy .content-inner .hdg .lede,.str-mainvisual.of-caseStudy .content-inner .hdg .type {
        font-size: 1.13333vw
    }

    .str-mainvisual.of-caseStudy .content-inner .hdg .clientName {
        font-size: 1.73333vw
    }

    .mod-form-trendSearch .str-mainvisual.of-has-logo>.inner .content,.str-mainvisual.of-has-logo>.str-inner .content {
        padding-top: 0
    }

    .mod-form-trendSearch .str-mainvisual.of-has-logo>.inner .content>.content-inner>.logo,.str-mainvisual.of-has-logo>.str-inner .content>.content-inner>.logo {
        margin-bottom: 20px
    }

    .mod-form-trendSearch .str-mainvisual.of-has-logo>.inner .content>.content-inner>.logo>img,.str-mainvisual.of-has-logo>.str-inner .content>.content-inner>.logo>img {
        width: auto;
        height: 22px
    }

    .str-mainvisual-02 .pc-hide {
        display: none!important
    }

    .str-mainvisual-02 .pc-show {
        display: block!important
    }

    .mod-form-trendSearch .str-mainvisual-02>.inner,.str-mainvisual-02>.str-inner {
        display: block
    }

    .str-mainvisual-02 .image {
        display: none
    }

    .str-mainvisual-02 .content {
        background: 0 0;
        display: block;
        padding: 0
    }

    .str-mainvisual-02 .content-inner {
        font-size: 1.6420361247947455vw;
        color: #fff
    }

    .str-mainvisual-02 .hdg {
        font-size: 3.284072249589491vw
    }

    .str-mainvisual-02 video {
        width: 100%;
        height: auto
    }

    .str-mainvisual-02 .mod-btn {
        margin: 0
    }

    .str-mainvisual-02 .mod-list>.list {
        margin-top: -.8196721311475409vw
    }

    .str-mainvisual-02 .mod-list>.list>li {
        padding-top: .8196721311475409vw
    }

    .str-mainvisual-02 .mod-list>.list>li::before {
        top: calc(.8196721311475409vw + .55em)
    }

    .func-mainvisual-02-btn {
        background: #081119;
        position: absolute;
        z-index: 10;
        bottom: 20px;
        left: 11px;
        display: block;
        width: 32px;
        height: 32px;
        border: 0
    }

    .func-mainvisual-02-btn::after,.func-mainvisual-02-btn::before {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 0;
        margin: auto;
        content: "";
        border: solid
    }

    .func-mainvisual-02-btn::before {
        z-index: 1;
        left: 12px;
        border-width: 7px 9px;
        border-color: transparent transparent transparent #fff
    }

    .func-mainvisual-02-btn::after {
        z-index: 2;
        left: 13px;
        border-width: 5px 7px;
        border-color: transparent transparent transparent #081119
    }

    .func-mainvisual-02-btn[aria-pressed=false]::after,.func-mainvisual-02-btn[aria-pressed=false]::before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 3px;
        height: 14px;
        margin: auto;
        content: "";
        border: 1px solid #cdcfd1
    }

    .func-mainvisual-02-btn[aria-pressed=false]::before {
        left: 11px
    }

    .func-mainvisual-02-btn[aria-pressed=false]::after {
        left: 18px
    }

    .str-mainvisual-04 {
        margin-bottom: 60px
    }

    .str-mainvisual-04 .content-inner .hdg {
        font-weight: 400
    }

    .str-mainvisual-04 .content-inner .hdg+* {
        margin-top: 14px
    }

    .str-mainvisual-04 .content-inner .mod-btn {
        text-align: left
    }

    .str-mainvisual-04:not(.of-vertical) {
        display: block
    }

    .str-mainvisual-04:not(.of-vertical) .content {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%
    }

    .str-mainvisual-04:not(.of-vertical) .content.var01 .content-inner {
        background: rgba(255,255,255,.7)
    }

    .str-mainvisual-04:not(.of-vertical) .content.var02 .content-inner {
        background: rgba(255,255,255,.8)
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02 .content-inner {
        background: rgba(0,0,0,.75)
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02 .content-inner * {
        color: #fff
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02 .content-inner .mod-btn a,.str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02 .content-inner .mod-btn button {
        color: #fff;
        border-color: #fff
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02 .content-inner .mod-btn a::before,.str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02 .content-inner .mod-btn button::before {
        background-image: url(/nf_global/v3/common/img/2021/icn/arrow-white.svg)
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02.var01 .content-inner {
        background: rgba(0,0,0,.7)
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-bgcolor-02.var02 .content-inner {
        background: rgba(0,0,0,.8)
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-size-02 .content-inner {
        width: 45%
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-size-03 .content-inner {
        width: 40%
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-size-04 .content-inner {
        width: 35%
    }

    .str-mainvisual-04:not(.of-vertical) .content.of-size-05 .content-inner {
        width: 30%
    }

    .str-mainvisual-04:not(.of-vertical) .content-inner {
        background: rgba(255,255,255,.75);
        width: 50%;
        padding: calc(40vw * 100 / 1500) calc(50vw * 100 / 1500)
    }

    .str-mainvisual-04:not(.of-vertical) .content-inner .hdg {
        font-size: calc(32vw * 100 / 1500)
    }

    :not(:lang(en)) .str-mainvisual-04:not(.of-vertical) .content-inner .hdg:only-child {
        margin-bottom: -5px
    }

    .str-mainvisual-04:not(.of-vertical) .content-inner p:not([class^=fs-]) {
        font-size: calc(18vw * 100 / 1500)
    }

    .str-mainvisual-04:not(.of-vertical) .func-video-btn {
        background: 0 0
    }

    .str-mainvisual-04.of-reverse .content {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .str-mainvisual-04.of-center .content {
        -webkit-justify-content: center;
        justify-content: center
    }

    .str-mainvisual-04.of-vertical .content-inner {
        background: #dbe0f1;
        padding: 48px 48px
    }

    .str-mainvisual-04.of-vertical .content-inner .hdg {
        font-size: 3.2rem
    }

    .str-mainvisual-04.of-vertical .content-inner p:not([class^=fs-]) {
        font-size: 1.8rem
    }

    .str-mainvisual-04.of-video:not(.of-vertical) .content {
        position: static
    }

    .str-mainvisual-04.of-video:not(.of-vertical) .content-inner,.str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-02 .content-inner,.str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-03 .content-inner,.str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-04 .content-inner,.str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-05 .content-inner {
        width: 100%
    }

    [data-script-enabled=true] .str-mainvisual-04.of-video:not(.of-vertical) .content {
        position: absolute;
        height: calc(100% - 20px)
    }

    [data-script-enabled=true] .str-mainvisual-04.of-video:not(.of-vertical) .content-inner {
        width: 50%
    }

    [data-script-enabled=true] .str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-02 .content-inner {
        width: 45%
    }

    [data-script-enabled=true] .str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-03 .content-inner {
        width: 40%
    }

    [data-script-enabled=true] .str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-04 .content-inner {
        width: 35%
    }

    [data-script-enabled=true] .str-mainvisual-04.of-video:not(.of-vertical) .content.of-size-05 .content-inner {
        width: 30%
    }

    .str-mainvisual-04.of-video:not(.of-vertical) .func-video-btn {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-left: 20px
    }

    .str-mainvisual-04.of-video.of-vertical .func-video-btn {
        background: #dbe0f1!important;
        margin-bottom: -20px;
        padding-top: 20px
    }

    .str-mainvisual-04 .content+.item .func-video-btn {
        background: 0 0
    }

    .str-column {
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-top: 36px
    }

    .str-mainvisual+.str-column {
        margin-top: -20px
    }

    .str-pageTitle+.str-column {
        margin-top: -20px
    }

    .str-pageTitle+.str-column .str-column-side {
        padding-top: 3px
    }

    .str-column .str-column-main {
        -webkit-flex: 0 1 calc(100% - 300px);
        flex: 0 1 calc(100% - 300px);
        width: calc(100% - 300px);
        max-width: calc(100% - 300px)
    }

    .str-column .str-column-side {
        width: 300px;
        margin: 0;
        padding: 0 10px 0 0
    }

    .str-column .str-column-side:first-child {
        padding-right: 0;
        padding-left: 10px
    }

    .str-column-02 {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        max-width: 1220px;
        margin: 0 auto
    }

    .str-column-02 .str-column-main {
        width: calc(100% - 420px)
    }

    .str-column-02 .str-column-side {
        width: 370px;
        margin-top: 0
    }

    .str-link-side {
        width: 250px
    }

    .str-floatingMenu>.inner {
        position: relative
    }

    html[data-script-enabled=true] .str-floatingMenu>.inner {
        position: absolute;
        right: 0;
        bottom: 0;
        transition: none
    }

    html[data-script-enabled=true] .str-floatingMenu.is-fixed>.inner {
        margin: 0 0 220px
    }

    html[data-script-enabled=true] .str-floatingMenu.is-ready>.inner {
        transition: .3s margin ease-out
    }

    .str-floatingMenu .floatingMenu-title {
        font-size: 1.7rem;
        position: relative;
        z-index: 0
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title {
        -ms-writing-mode: tb-rl;
        white-space: nowrap;
        float: right;
        width: auto;
        padding: 19px 11px 50px;
        transition: .3s transform ease-out;
        border-radius: 12px 0 0 12px;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed=true] {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed]::after {
        top: auto;
        right: 0;
        bottom: 16px;
        left: 0;
        margin: 0 auto;
        transition: 150ms right;
        -webkit-transform: rotate(-45deg) translate(6px,3px);
        transform: rotate(-45deg) translate(6px,3px)
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title:focus::after,html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title:hover::after {
        right: 4px
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content {
        pointer-events: none;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        overflow: hidden;
        width: auto
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content>.content-inner {
        display: block;
        width: auto;
        min-width: 320px;
        transition: .3s transform ease-out;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content[aria-hidden=false] {
        pointer-events: auto
    }

    html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content[aria-hidden=false]>.content-inner {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .str-floatingMenu .func-floatingMenu-closeAnnounce,.str-floatingMenu .func-floatingMenu-dummyLabel {
        display: block
    }

    .site-header {
        padding: 0
    }

    .site-header.of-simple {
        background: 0 0;
        height: 63px
    }

    .site-header.of-simple>.seg-primary>.inner {
        background: rgba(255,255,255,.901961);
        box-shadow: rgba(0,0,0,.498039) 0 3px 5px 0
    }

    .site-header.of-simple>.seg-primary>.inner .logo {
        background: 0 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 63px
    }

    .site-header.of-simple>.seg-primary>.inner .logo>* {
        position: static
    }

    .site-header.of-special {
        background: 0 0
    }

    .site-header.of-special>.seg-primary>.inner {
        background: rgba(255,255,255,.901961);
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        box-shadow: rgba(0,0,0,.498039) 0 3px 5px 0
    }

    .site-header.of-special>.seg-primary>.inner .logo {
        background: 0 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 63px
    }

    .site-header.of-special>.seg-primary>.inner .logo>* {
        position: static
    }

    .site-header.of-group .logo>* img {
        vertical-align: middle;
        display: inline-block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        margin: 0
    }

    .site-header.of-group .logo .hdg {
        display: table;
        width: 500px
    }

    .site-header.of-group .logo .hdg>span {
        font-size: 1.4rem;
        font-weight: 700;
        vertical-align: middle;
        display: table-cell;
        min-width: 0;
        max-width: none
    }

    .site-header.of-group .logo .hdg .img {
        width: 90px;
        padding: 0 0 0 10px
    }

    .site-header.of-group .logo .hdg .txt {
        color: #000;
        background: 0 0;
        display: inline-block
    }

    html[data-script-enabled=true] .site-header .hdg.is-fixed {
        position: fixed;
        top: 0
    }

    html[data-script-enabled=true] .site-header .is-fixed>.inner {
        position: fixed;
        z-index: 10;
        top: 0;
        width: 100%
    }

    .site-header>.seg-primary>.inner {
        box-shadow: none
    }

    .site-header .logo {
        position: relative;
        z-index: 1;
        max-width: 1200px;
        margin: 0 auto
    }

    .site-header .logo>* {
        z-index: 100;
        left: 0
    }

    html[data-script-enabled=true] .site-header .logo>* {
        position: absolute
    }

    .site-header .logo>* img {
        width: 27.864583333333336vw;
        min-width: 214px;
        max-width: 293px;
        height: auto
    }

    .site-header .logo.of-xon a {
        width: 128px
    }

    .site-header .logo.of-xon img {
        width: auto;
        min-width: 128px;
        max-width: 128px
    }

    .site-header .logo .hdg {
        top: 40px;
        width: auto
    }

    .site-header .search-wrap>form {
        background: #e5e7e9;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 9px 18px
    }

    .site-header .search-wrap>form>:last-child {
        margin-bottom: 0
    }

    .site-header .func-header-hamburger,.site-header .func-header-search {
        display: none
    }

    .site-header .func-close-btn {
        display: block
    }

    .site-header>.seg-primary>.inner .logo.of-xon+.navigation .nav-global .utility>.utility-inner>.language>span {
        margin-bottom: 0
    }

    .site-header-02.of-group>.inner>.content>.logo {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .site-header-02.of-group>.inner>.content>.logo .groupName {
        font-size: 1.6rem;
        font-weight: 700;
        white-space: nowrap;
        color: #000;
        background: 0 0;
        margin: 0 0 0 11px;
        padding: 7px 0 0;
        border-bottom: 1px solid #d3d9dd
    }

    .site-header-02.of-group>.inner>.content>.logo .siteName {
        margin-top: 12px;
        margin-bottom: 10px
    }

    .site-header-02 .languageLabel,.site-header-02 .searchBox,.site-header-02>.inner>.content,.site-header-02>.inner>.content>.logo .siteName {
        margin: 0 auto
    }

    .site-header-02>.inner {
        position: relative;
        z-index: 100;
        padding: 0 10px;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
    }

    .site-header-02>.inner>.content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    html[data-script-enabled=true] .site-header-02>.inner>.content {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .site-header-02>.inner>.content>.logo {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding: 36px 10px 36px 0
    }

    .site-header-02>.inner>.content>.logo .siteName {
        margin-left: 11px
    }

    .site-header-02>.inner>.content>.logo img {
        width: 293px;
        height: 21px
    }

    .site-header-02>.inner>.content>.logo.of-xon {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .site-header-02>.inner>.content>.logo.of-xon img {
        width: 177px;
        height: 53px
    }

    .site-header-02 .languageLabel {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .site-header-02 .languageLabel>.inner {
        font-size: 1.1rem;
        background: 0 0;
        position: absolute;
        right: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: 41px;
        padding: 0
    }

    .site-header-02 .languageLabel>.inner p {
        line-height: 1.5;
        text-align: center;
        background: #04127c;
        min-width: 72px;
        max-width: 135px;
        padding: 2px 5px
    }

    html[data-script-enabled=true] .site-header-02 .searchBox {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }

    html[data-script-enabled=true] .site-header-02 .searchBox>.inner {
        top: calc(100% - 13px)
    }

    .site-header-02 .searchBox>.inner {
        right: 0;
        border: 2px solid #323e94
    }

    html[data-script-enabled=true] .site-header-02 .searchBox>.inner {
        max-width: 663px
    }

    .site-header-02 .searchBox>.inner .form {
        padding: 32px 27px 28px 31px
    }

    html[data-script-enabled=true] .site-header-02 .searchBox+.nav-global-02>.content>.inner>.of-global {
        padding: 0 135px 0 0
    }

    html[data-script-enabled=true][lang=fr] .site-header-02 .searchBox+.nav-global-02>.content>.inner>.of-global {
        padding: 0 150px 0 0
    }

    html[data-script-enabled=true] .site-header-02 .languageLabel~.nav-global-02>.content>.inner>.of-utility {
        padding: 0 135px 0 0
    }

    .site-header-02 .nav-global-02 {
        top: 0;
        right: 0;
        left: 0;
        -webkit-flex-basis: calc(100% - 303px);
        flex-basis: calc(100% - 303px);
        max-width: calc(100% - 303px)
    }

    html[data-script-enabled=true] .site-header-02 .nav-global-02>.content {
        background: 0 0;
        position: relative;
        display: block;
        overflow: visible;
        max-height: none
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-utility {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-utility>li {
        letter-spacing: .2px;
        position: relative;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        max-width: none;
        padding: 10px 15px;
        border: 0
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-utility>li a {
        background: 0 0;
        padding: 0
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-utility>li a::before {
        margin-right: 10px
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-utility>li[aria-owns]>a[href^="#"] {
        padding-right: 22px;
        padding-left: 0
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-utility>li[aria-owns]>a[href^="#"]::after {
        top: 2px;
        right: 0
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-global {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        padding: 0 6px 0 0;
        border: 0
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-global a {
        font-size: 1.5rem;
        word-break: keep-all;
        padding: 15px 24px 15px 24px
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-global a::after {
        display: none
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-global>li {
        display: -webkit-flex;
        display: flex
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-global>li>a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .site-header-02 .nav-global-02>.content>.inner>.of-global>li:not(:first-child)>a::before {
        background: #d6dbdf;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 14px;
        margin: auto 0;
        content: ""
    }

    html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a {
        padding-right: 40px;
        transition: .2s text-shadow ease-out
    }

    html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a::after {
        top: calc(50% - 12px);
        right: 12px;
        bottom: auto;
        display: block;
        transition: .2s transform ease-out,.2s top ease-out;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a[aria-expanded=true] {
        text-shadow: -1px 0 0 #333,0 0 0 #333
    }

    html[data-script-enabled=true] .site-header-02 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a[aria-expanded=true]::after {
        top: calc(50% - 4px);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .site-header-02 .globalChild {
        z-index: 1;
        top: 100%;
        left: 0;
        width: 100%
    }

    html[data-script-enabled=true] .site-header-02 .globalChild {
        position: absolute
    }

    html[data-script-enabled=true] .site-header-02 .globalChild>.content {
        position: absolute;
        top: 100%;
        overflow: auto
    }

    .site-header-02 .globalChild>.content>.inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .site-header-02 .globalChild>.content>.inner .linkList {
        padding: 34px 14px 39px 30px
    }

    .site-header-02 .globalChild>.content>.inner .linkList:first-child:not(:last-child) {
        -webkit-flex-basis: 65%;
        flex-basis: 65%;
        max-width: 970px
    }

    .site-header-02 .globalChild>.content>.inner .linkList:first-child:not(:last-child)::after {
        display: none
    }

    .site-header-02 .globalChild>.content>.inner .linkList:first-child:last-child {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 1500px
    }

    .site-header-02 .globalChild>.content>.inner .bnrList {
        -webkit-flex-basis: 35%;
        flex-basis: 35%;
        max-width: 530px;
        padding: 40px 30px 39px 40px
    }

    .site-header-02 .globalChild>.content>.inner-02 {
        background: #fff
    }

    .site-header-02 .globalChild>.content>.inner-02>.hdg {
        background: #323e94;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2) inset
    }

    .site-header-02 .globalChild>.content>.inner-02>.hdg * {
        color: #fff
    }

    .site-header-02 .globalChild>.content>.inner-02>.hdg>.inner {
        font-size: 2.2rem;
        max-width: 1500px;
        margin: 0 auto;
        padding: 15px 30px 11px
    }

    .site-header-02 .globalChild>.content>.inner-02>.hdg>.inner>a {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02>.hdg>.inner>a:active,.site-header-02 .globalChild>.content>.inner-02>.hdg>.inner>a:focus,.site-header-02 .globalChild>.content>.inner-02>.hdg>.inner>a:hover {
        text-decoration: none
    }

    .site-header-02 .globalChild>.content>.inner-02>.bnrList {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px 30px 15px
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list {
        margin-bottom: -35px
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li {
        padding-bottom: 35px
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a img {
        max-width: 100%
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a p {
        margin: 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a p::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a:active,.site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a:focus,.site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a:hover {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list>li a+p {
        font-size: 1.4rem;
        margin: 5px 0 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list.of-3col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -60px
    }

    .site-header-02 .globalChild>.content>.inner-02 .bnrList>.list.of-3col>li {
        width: 33.3333%;
        padding-left: 60px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav {
        display: -webkit-flex;
        display: flex;
        max-width: 1500px;
        margin: 0 auto;
        padding-left: 8px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav {
        background: #d6d8ea;
        width: 100%;
        max-width: calc(550vw * 100 / 1500)
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li+li {
        border-top: 1px solid #b8bccc
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        position: relative;
        display: block;
        padding: 8px 30px 7px 27px;
        border-left: 3px solid transparent
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:not(.js-childNav-hook)::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook>img {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -8.5px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook:active>img,.site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook:focus>img,.site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook:hover>img {
        opacity: 1
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li.is-active>a,.site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:hover {
        background: #f6f6f6;
        padding-left: 27px;
        transition: background .3s ease,border-left-color .3s ease,padding-left .3s ease;
        border-left-color: #323e94
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .detailItemWrap {
        background: #f6f6f6;
        width: 100%;
        max-width: calc(958vw * 100 / 1500)
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .detailItem {
        display: -webkit-flex;
        display: flex;
        height: 100%;
        margin-right: 8px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .detailItem:not(.is-active) {
        display: none
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .bnrList {
        min-width: calc(400vw * 100 / 1500);
        padding: 20px 30px 20px calc(50vw * 100 / 1500);
        border-left: 1px solid #d2d2d2
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav {
        width: 100%;
        padding: 6px 30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li+li {
        margin-top: 10px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a:hover {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 {
        display: -webkit-flex;
        display: flex;
        padding: 30px 0 30px 30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list {
        width: 460px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0;
        border-color: #333
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a:hover {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview {
        font-size: 2rem;
        font-weight: 700;
        color: #000
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview+.overview {
        margin-top: 5px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview>a {
        font-size: 2rem;
        font-weight: 700;
        color: #000
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview>a::after {
        width: 13px;
        height: 13px;
        margin: 0 16px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview>.text {
        font-size: 1.4rem;
        font-weight: 400;
        margin-top: 10px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li {
        margin-top: 7px;
        padding-bottom: 5px;
        border-bottom: 1px solid #a4abb0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li:first-child {
        border-top: 1px solid #a4abb0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a {
        font-size: 1.4rem;
        font-weight: 400;
        text-decoration: none;
        display: inline-block
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0;
        border-color: #333
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a:hover {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other {
        max-width: 400px;
        margin-left: 57px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .img {
        width: 100%;
        height: auto
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .title {
        font-size: 1.6rem;
        font-weight: 700;
        margin-top: 23px;
        margin-bottom: 13px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li+li {
        margin-top: 7px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0;
        border-color: #333
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a:hover {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 {
        background: #f6f6f6
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02>.inner {
        display: -webkit-flex;
        display: flex;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0 30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList {
        width: 100%;
        padding: 25px 30px 50px 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .title {
        font-size: 2rem;
        margin: 0 0 17px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a:hover {
        text-decoration: none
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout {
        display: -webkit-flex;
        display: flex;
        margin-left: -30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout>li {
        width: 100%;
        padding-left: 30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="2:1"]>li:first-child {
        width: 66%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="2:1"]>li:last-child {
        width: 33%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="1:2"]>li:first-child {
        width: 33%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="1:2"]>li:last-child {
        width: 66%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li {
        width: 100%;
        padding-left: 30px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li:only-child {
        width: 100%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list.of-2col>li {
        width: 50%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list.of-3col>li {
        width: 33.33333%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list.of-4col>li {
        width: 25%
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul li+li {
        margin-top: 10px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button {
        text-align: left;
        color: #000;
        background: 0 0;
        padding: 0;
        border: 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a::after,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        transition: .2s transform ease-out,.2s margin ease-out;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a:active,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a:hover,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button:active,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button:focus,.site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button:hover {
        text-decoration: underline
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-close button::after {
        margin-bottom: 2px;
        margin-left: 9px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-close>ul {
        display: none
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-open button::after {
        margin-bottom: -2px;
        margin-left: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-open>ul {
        display: block
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li>ul {
        margin-top: 8px;
        margin-left: 28px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .bnrList {
        min-width: calc(375vw * 100 / 1500);
        padding: 30px 0 30px calc(40vw * 100 / 1500);
        border-left: 1px solid #d2d2d2
    }

    .site-header-02 .utilityChild {
        z-index: 1;
        top: 100%;
        right: 0;
        width: 100%
    }

    .site-header-02 .utilityChild .func-headerGlobalContentClose {
        display: block;
        max-width: 1440px;
        margin: 0 auto
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild {
        position: absolute
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content {
        position: absolute;
        top: 100%;
        right: 0;
        display: none;
        width: 100vw;
        margin: 0 -10px 0 0
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner {
        position: relative;
        overflow: hidden
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner::before {
        pointer-events: none;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        display: block;
        width: calc(100% + 40px);
        height: 40px;
        height: 100%;
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2) inset
    }

    .site-header-02 .utilityChild>.content>.inner {
        background: #f6f6f6;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 24px
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col] {
        margin: 0 2em
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]:first-child {
        min-width: 12%;
        margin-left: 0
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]:last-child {
        margin-right: 0
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook {
        cursor: default
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook::after {
        display: none
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li {
        margin: 0 0 38px 0
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li:last-child {
        margin-bottom: 0
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list {
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list a {
        padding: 8px 2px 7px 2px
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list>li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 0 5px
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list>li a {
        padding: 8px 27px 7px 8px
    }

    html[data-script-enabled=true] .site-header-02 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list>li a::after {
        right: 2px
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 16.6666%;
        flex-basis: 16.6666%
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col1>.list>li>.list>li {
        float: none;
        width: 100%
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col1 a {
        margin-right: 0
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col2>.list>li>.list>li {
        width: 50%
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col2>.list>li>.list>li:nth-child(2n+1) {
        clear: both
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col3>.list>li>.list>li {
        width: 33.333333%
    }

    .site-header-02 .utilityChild>.content>.inner .seg-col3>.list>li>.list>li:nth-child(3n+1) {
        clear: both
    }

    .site-header-02.of-type-01 .languageLabel>.inner {
        font-size: 1.2rem;
        font-weight: 700
    }

    .site-header-02.of-type-01 .languageLabel>.inner p {
        min-width: 113px;
        max-width: 113px;
        padding: 6px 5px 5px
    }

    .site-header-02.of-type-01 .nav-global-02>.content>.inner>.of-utility>li {
        min-height: 42px
    }

    .site-header-02.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-global {
        position: relative;
        padding-left: 35px
    }

    .site-header-02.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-global::before {
        background: #d6dbdf;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        display: block;
        width: 1px;
        height: 14px;
        margin: auto 0;
        content: ""
    }

    .site-header-02.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-countryAndRegion {
        position: absolute;
        top: 8px;
        right: 112px;
        display: block;
        padding: 0
    }

    .site-header-02.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-countryAndRegion>a {
        padding: 1px 8px;
        border: 1px solid #04127c
    }

    html[data-script-enabled=true] .site-header-02.of-type-01 .languageLabel~.nav-global-02>.content>.inner>.of-utility {
        padding: 0 274px 0 0
    }

    .site-header-02 .func-headerHamburger {
        display: none
    }

    .site-header-02 .func-headerSearch {
        top: auto;
        right: 0;
        bottom: 11px;
        width: 135px;
        height: 32px;
        cursor: pointer;
        transition: .3s background ease-out;
        border: 2px solid #323e94;
        border-radius: 4px
    }

    [lang=fr] .site-header-02 .func-headerSearch {
        width: 150px
    }

    .site-header-02 .func-headerSearch img {
        position: relative;
        top: 4px;
        left: -6px;
        width: 16px;
        height: 16px
    }

    .site-header-02 .func-headerSearch span {
        position: static
    }

    .site-header-02 .func-headerSearch span::before {
        display: none
    }

    .site-header-02 .func-headerSearch[aria-expanded=true] {
        background: #f6f6f6;
        border-bottom-color: #f6f6f6
    }

    .site-header-02 .func-headerSearch[aria-expanded=true]::after,.site-header-02 .func-headerSearch[aria-expanded=true]::before {
        display: none
    }

    .site-header-02 .func-headerSearch[aria-expanded=true] img {
        opacity: 1
    }

    .site-header-03.of-group>.inner {
        padding: 0 10px
    }

    .site-header-03.of-group>.inner>.content>.logo {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .site-header-03.of-group>.inner>.content>.logo .groupName {
        font-size: 1.6rem;
        font-weight: 700;
        white-space: nowrap;
        color: #4a4a4a;
        background: 0 0;
        width: auto;
        margin: 16px 0 0;
        padding: 0
    }

    .site-header-03.of-group>.inner>.content>.logo .siteName {
        margin-top: 10px;
        margin-bottom: 4px
    }

    .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-utility {
        font-size: 1.4rem;
        padding: 0
    }

    .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-global a {
        padding: 15px 24px 15px 14px
    }

    html[data-script-enabled=true] .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-global a {
        padding-right: 30px
    }

    html[data-script-enabled=true] .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-global a::after {
        right: 7px
    }

    .site-header-03.of-inquire>.inner>.content>.languageLabel>.inner {
        top: 22px
    }

    .site-header-03 .languageLabel,.site-header-03 .searchBox,.site-header-03>.inner>.content,.site-header-03>.inner>.content>.logo .siteName {
        margin: 0 auto
    }

    .site-header-03>.inner {
        position: relative;
        z-index: 100;
        padding: 0 40px;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
    }

    .site-header-03>.inner>.content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    html[data-script-enabled=true] .site-header-03>.inner>.content {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .site-header-03>.inner>.content>.logo {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 30%;
        padding: 35px 10px 35px 0
    }

    .site-header-03>.inner>.content>.logo .siteName {
        margin-left: 11px
    }

    .site-header-03>.inner>.content>.logo .siteName img {
        width: 342px;
        max-width: 100%;
        height: 100%
    }

    .site-header-03>.inner>.content>.logo.of-xon {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .site-header-03>.inner>.content>.logo.of-xon img {
        width: 177px;
        height: 53px
    }

    .site-header-03 .languageLabel {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .site-header-03 .languageLabel>.inner {
        font-size: 1.4rem;
        font-weight: 700;
        background: 0 0;
        position: absolute;
        right: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: 52px;
        padding: 0
    }

    .site-header-03 .languageLabel>.inner p {
        line-height: 1.5;
        text-align: center;
        background: #0f1ed2;
        min-width: 91px;
        max-width: 135px;
        padding: 2px 5px
    }

    html[data-script-enabled=true] .site-header-03 .searchBox {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }

    html[data-script-enabled=true] .site-header-03 .searchBox>.inner {
        top: calc(100% + 16px)
    }

    .site-header-03 .searchBox>.inner {
        right: -24px;
        border-radius: 12px
    }

    html[data-script-enabled=true] .site-header-03 .searchBox>.inner {
        max-width: 919px
    }

    .site-header-03 .searchBox>.inner .form {
        padding: 40px;
        gap: 24px
    }

    .site-header-03 .searchBox>.inner .form [type=search] {
        font-size: 1.8rem;
        height: 66px
    }

    .site-header-03 .searchBox>.inner .form [type=submit] {
        width: 96px
    }

    .site-header-03 .searchBox>.inner .form [type=submit]>span {
        height: 66px
    }

    html[data-script-enabled=true] .site-header-03 .searchBox+.nav-global-02>.content>.inner>.of-global {
        padding: 0 56px 0 0
    }

    html[data-script-enabled=true][lang=fr] .site-header-03 .searchBox+.nav-global-02>.content>.inner>.of-global {
        padding: 0 150px 0 0
    }

    html[data-script-enabled=true] .site-header-03 .languageLabel~.nav-global-02>.content>.inner>.of-utility {
        font-size: 1.4rem;
        padding: 0 123px 0 0
    }

    .site-header-03 .nav-global-02 {
        top: 0;
        right: 0;
        left: 0
    }

    html[data-script-enabled=true] .site-header-03 .nav-global-02>.content {
        background: 0 0;
        position: relative;
        display: block;
        overflow: visible;
        max-height: none
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        border-bottom: none
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility>li {
        letter-spacing: .2px;
        position: relative;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        max-width: none;
        margin-right: 0;
        padding: 20px 15px 10px;
        border: 0
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility>li a {
        background: 0 0;
        padding: 0
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility>li a::before {
        margin-right: 10px
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility>li[aria-owns]>a[href^="#"] {
        padding-right: 22px;
        padding-left: 0
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility>li[aria-owns]>a[href^="#"]::after {
        top: 2px;
        right: 0
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-utility .of-countryAndRegion {
        width: auto;
        margin-top: 0
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-global {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        padding: 0 6px 0 0;
        border: 0
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-global a {
        font-size: 1.5rem;
        word-break: keep-all;
        padding: 15px 24px 15px 24px
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-global a::after {
        display: none
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-global>li {
        display: -webkit-flex;
        display: flex
    }

    .site-header-03 .nav-global-02>.content>.inner>.of-global>li>a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a {
        padding-right: 40px;
        transition: .2s text-shadow ease-out
    }

    html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a::after {
        top: 50%;
        right: 12px;
        bottom: auto;
        display: block;
        transition: .2s transform ease-out,.2s top ease-out;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a[aria-expanded=true]::before {
        background-color: #2c69ff;
        position: absolute;
        right: 0;
        bottom: 0;
        display: inline-block;
        width: 90%;
        height: 4px;
        content: ""
    }

    html[data-script-enabled=true] .site-header-03 .nav-global-02>.content>.inner>.of-global li.js-header-megaDropDown-hook a[aria-expanded=true]::after {
        top: calc(50% - 4px);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .site-header-03 .globalChild {
        z-index: 1;
        top: 100%;
        left: 0;
        width: 100%
    }

    html[data-script-enabled=true] .site-header-03 .globalChild {
        position: absolute
    }

    html[data-script-enabled=true] .site-header-03 .globalChild>.content {
        position: absolute;
        top: 100%;
        overflow: auto
    }

    .site-header-03 .globalChild>.content>.inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .site-header-03 .globalChild>.content>.inner .linkList {
        padding: 34px 14px 39px 30px
    }

    .site-header-03 .globalChild>.content>.inner .linkList:first-child:not(:last-child) {
        -webkit-flex-basis: 65%;
        flex-basis: 65%;
        max-width: 970px
    }

    .site-header-03 .globalChild>.content>.inner .linkList:first-child:not(:last-child)::after {
        display: none
    }

    .site-header-03 .globalChild>.content>.inner .linkList:first-child:last-child {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 1500px
    }

    .site-header-03 .globalChild>.content>.inner .bnrList {
        -webkit-flex-basis: 35%;
        flex-basis: 35%;
        max-width: 530px;
        padding: 40px 30px 39px 40px
    }

    .site-header-03 .globalChild>.content>.inner-02 {
        background: #fff
    }

    .site-header-03 .globalChild>.content>.inner-02>.hdg {
        background: #edecef
    }

    .site-header-03 .globalChild>.content>.inner-02>.hdg * {
        color: #2c69ff
    }

    .site-header-03 .globalChild>.content>.inner-02>.hdg>.inner {
        font-size: 1.6rem;
        max-width: 1500px;
        margin: 0 auto;
        padding: 16px
    }

    .site-header-03 .globalChild>.content>.inner-02>.hdg>.inner>a {
        position: relative
    }

    .site-header-03 .globalChild>.content>.inner-02>.hdg>.inner>a:active,.site-header-03 .globalChild>.content>.inner-02>.hdg>.inner>a:focus,.site-header-03 .globalChild>.content>.inner-02>.hdg>.inner>a:hover {
        text-decoration: none
    }

    .site-header-03 .globalChild>.content>.inner-02>.hdg>.inner>a::after {
        background-image: url(/nf_global/v3/common/img/2021/site/header-icn-06.png);
        background-size: cover;
        position: absolute;
        top: calc(50% - 16px);
        right: -40px;
        display: block;
        width: 32px;
        height: 32px;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02>.bnrList {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px 30px 15px
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list {
        margin-bottom: -35px
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li {
        padding-bottom: 35px
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a img {
        max-width: 100%
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a p {
        margin: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a p::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a:active,.site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a:focus,.site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list>li a+p {
        font-size: 1.4rem;
        margin: 5px 0 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list.of-3col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -60px
    }

    .site-header-03 .globalChild>.content>.inner-02 .bnrList>.list.of-3col>li {
        width: 33.3333%;
        padding-left: 60px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav {
        display: -webkit-flex;
        display: flex;
        max-width: 1500px;
        margin: 0 auto
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav {
        background: #f8f8f8;
        width: 100%;
        max-width: calc(550vw * 100 / 1500);
        padding: 64px 0 64px 8px;
        border-right: 1px solid #dcdcdc
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        position: relative;
        display: block;
        padding: 8px 30px 7px 20px;
        border-left: 3px solid transparent
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:not(.js-childNav-hook)::after {
        background-image: url(/nf_global/v3/common/img/2021/site/header-icn-07.png);
        background-size: cover;
        position: relative;
        top: 1px;
        right: -8px;
        display: inline-block;
        width: 14px;
        height: 14px;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook>img {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -8.5px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook:active>img,.site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook:focus>img,.site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a.js-childNav-hook:hover>img {
        opacity: 1
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li.is-active>a,.site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav>.list>li>a:hover {
        color: #2c69ff;
        background: #fff;
        margin: -1px -1px -1px 0;
        transition: background .3s ease,border-left-color .3s ease,padding-left .3s ease;
        border: solid #dcdcdc;
        border-width: 1px 0 1px 4px;
        border-left-color: #2c69ff
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .detailItemWrap {
        background: #fff;
        width: 100%;
        max-width: calc(958vw * 100 / 1500)
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .detailItem {
        display: -webkit-flex;
        display: flex;
        height: 100%;
        margin-right: 8px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .detailItem:not(.is-active) {
        display: none
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .bnrList {
        min-width: calc(400vw * 100 / 1500);
        padding: 20px 30px 20px calc(50vw * 100 / 1500);
        border-left: 1px solid #d2d2d2
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav {
        width: 100%;
        padding: 6px 30px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li+li {
        margin-top: 10px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav>.list>li>a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding: 64px 20px 64px 60px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list {
        width: 42%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a::after {
        background-image: url(/nf_global/v3/common/img/2021/site/header-icn-08.png);
        background-size: cover;
        position: relative;
        top: 1px;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 16px;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li>a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview {
        font-size: 1.6rem;
        font-weight: 700;
        color: #000
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview+.overview {
        margin-top: 5px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview>a {
        font-size: 1.6rem;
        font-weight: 700;
        color: #000
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02>.list>li.overview>.text {
        font-size: 1.4rem;
        font-weight: 400;
        margin: 10px 0 24px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList {
        padding: 24px 0;
        border-top: 1px solid #dcdcdc
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li {
        margin-top: 7px;
        padding-bottom: 5px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a {
        font-size: 1.4rem;
        font-weight: 400;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a::after {
        background-image: url(/nf_global/v3/common/img/2021/site/header-icn-07.png);
        background-size: cover;
        position: relative;
        top: 1px;
        right: -8px;
        display: inline-block;
        width: 14px;
        height: 14px;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .childList>li>a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other {
        max-width: 400px;
        margin-left: 57px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .img {
        width: 100%;
        height: auto
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .title {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 24px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .bnr {
        margin-bottom: 32px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .bnr a {
        display: inline-block;
        margin-bottom: 10px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .bnr a img {
        vertical-align: middle;
        width: auto;
        max-width: 100%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .bnr>.caption {
        font-size: 1.4rem
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li {
        margin-top: 7px;
        padding-bottom: 5px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li+li {
        margin-top: 7px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a::after {
        background-image: url(/nf_global/v3/common/img/2021/site/header-icn-07.png);
        background-size: cover;
        position: relative;
        top: 1px;
        right: -8px;
        display: inline-block;
        width: 14px;
        height: 14px;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav-02 .other .list>li>a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 {
        background: #f6f6f6
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02>.inner {
        display: -webkit-flex;
        display: flex;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0 30px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList {
        width: 100%;
        padding: 25px 30px 50px 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .title {
        font-size: 2rem;
        margin: 0 0 17px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .title a:hover {
        text-decoration: none
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout {
        display: -webkit-flex;
        display: flex;
        margin-left: -30px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout>li {
        width: 100%;
        padding-left: 30px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="2:1"]>li:first-child {
        width: 66%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="2:1"]>li:last-child {
        width: 33%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="1:2"]>li:first-child {
        width: 33%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .layout[data-ratio="1:2"]>li:last-child {
        width: 66%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li {
        width: 100%;
        padding-left: 30px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li:only-child {
        width: 100%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list.of-2col>li {
        width: 50%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list.of-3col>li {
        width: 33.33333%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list.of-4col>li {
        width: 25%
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul li+li {
        margin-top: 10px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button {
        text-align: left;
        color: #000;
        background: 0 0;
        padding: 0;
        border: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a::after,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button::after {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        content: "";
        transition: .2s transform ease-out,.2s margin ease-out;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid;
        border-width: 1px 1px 0 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a:active,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li a:hover,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button:active,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button:focus,.site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li button:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-close button::after {
        margin-bottom: 2px;
        margin-left: 9px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-close>ul {
        display: none
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-open button::after {
        margin-bottom: -2px;
        margin-left: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li.is-open>ul {
        display: block
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .linkList .list>li>ul>li>ul {
        margin-top: 8px;
        margin-left: 28px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .bnrList {
        min-width: calc(375vw * 100 / 1500);
        padding: 30px 0 30px calc(40vw * 100 / 1500);
        border-left: 1px solid #d2d2d2
    }

    .site-header-03 .globalChild>.content>.inner-02 .content {
        max-width: 1500px;
        margin: 0 auto;
        padding: 64px 16px
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .title {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 26px
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .title a {
        text-decoration: none;
        cursor: pointer
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .title a:active,.site-header-03 .globalChild>.content>.inner-02 .content .title a:focus,.site-header-03 .globalChild>.content>.inner-02 .content .title a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li {
        margin-bottom: 10px
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li:last-child {
        margin-bottom: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>:last-child {
        margin-bottom: 0!important
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>a {
        font-size: 1.4rem;
        text-decoration: none;
        display: inline-block
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>a::after {
        background-image: url(/nf_global/v3/common/img/2021/site/header-icn-07.png);
        background-size: cover;
        position: relative;
        top: 1px;
        right: -8px;
        display: inline-block;
        width: 14px;
        height: 14px;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>a:active,.site-header-03 .globalChild>.content>.inner-02 .content .list li>a:focus,.site-header-03 .globalChild>.content>.inner-02 .content .list li>a:hover {
        text-decoration: underline
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>.bnr {
        margin-bottom: 32px
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>.bnr a {
        display: inline-block;
        margin-bottom: 10px
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>.bnr a img {
        vertical-align: middle;
        width: auto;
        max-width: 100%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>.bnr>.caption {
        font-size: 1.4rem
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list li>.bnr :last-child {
        margin-bottom: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list .childList {
        margin-bottom: 36px
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list .childList:last-child {
        margin-bottom: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list[class*=of-flex] {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list[class*=of-flex]>li {
        margin-bottom: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list.of-2col {
        -webkit-columns: 2;
        columns: 2
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list.of-3col {
        -webkit-columns: 3;
        columns: 3
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list.of-flex-2col>li {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list.of-flex-3col>li {
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list.of-flex-4col>li {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list[class*=of-flex][data-ratio="2:1"]>li:first-child {
        -webkit-flex-basis: 66%;
        flex-basis: 66%;
        max-width: 66%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list[class*=of-flex][data-ratio="2:1"]>li:last-child {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
        max-width: 33%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list[class*=of-flex][data-ratio="1:2"]>li:first-child {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
        max-width: 33%
    }

    .site-header-03 .globalChild>.content>.inner-02 .content .list[class*=of-flex][data-ratio="1:2"]>li:last-child {
        -webkit-flex-basis: 66%;
        flex-basis: 66%;
        max-width: 66%
    }

    .site-header-03 .utilityChild {
        z-index: 1;
        top: 100%;
        right: 0;
        width: 100%
    }

    .site-header-03 .utilityChild .func-headerGlobalContentClose {
        display: block;
        max-width: 1440px;
        margin: 0 auto
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild {
        position: absolute
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content {
        position: absolute;
        top: 100%;
        right: 0;
        display: none;
        width: 100vw;
        margin: 0 -10px 0 0
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner {
        position: relative;
        overflow: hidden
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner::before {
        pointer-events: none;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        display: block;
        width: calc(100% + 40px);
        height: 40px;
        height: 100%;
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2) inset
    }

    .site-header-03 .utilityChild>.content>.inner {
        background: #f6f6f6;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 24px
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col] {
        margin: 0 2em
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]:first-child {
        min-width: 12%;
        margin-left: 0
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]:last-child {
        margin-right: 0
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook {
        cursor: default
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col] a.tgl-hook::after {
        display: none
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li {
        margin: 0 0 38px 0
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li:last-child {
        margin-bottom: 0
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list {
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list a {
        padding: 8px 2px 7px 2px
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list>li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 0 5px
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list>li a {
        padding: 8px 27px 7px 8px
    }

    html[data-script-enabled=true] .site-header-03 .utilityChild>.content>.inner [class^=seg-col]>.list>li>.list>li a::after {
        right: 2px
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 16.6666%;
        flex-basis: 16.6666%
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col1>.list>li>.list>li {
        float: none;
        width: 100%
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col1 a {
        margin-right: 0
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col2>.list>li>.list>li {
        width: 50%
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col2>.list>li>.list>li:nth-child(2n+1) {
        clear: both
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col3>.list>li>.list>li {
        width: 33.333333%
    }

    .site-header-03 .utilityChild>.content>.inner .seg-col3>.list>li>.list>li:nth-child(3n+1) {
        clear: both
    }

    .site-header-03 .func-headerSearchClose {
        border-radius: 0 0 12px 12px
    }

    .site-header-03.of-type-01 .languageLabel>.inner {
        font-size: 1.2rem;
        font-weight: 700
    }

    .site-header-03.of-type-01 .languageLabel>.inner p {
        min-width: 113px;
        max-width: 113px;
        padding: 6px 5px 5px
    }

    .site-header-03.of-type-01 .nav-global-02>.content>.inner>.of-utility>li {
        min-height: 42px
    }

    .site-header-03.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-global {
        position: relative;
        padding-left: 35px
    }

    .site-header-03.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-global::before {
        background: #d6dbdf;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        display: block;
        width: 1px;
        height: 14px;
        margin: auto 0;
        content: ""
    }

    .site-header-03.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-countryAndRegion {
        position: absolute;
        top: 8px;
        right: 112px;
        display: block;
        padding: 0
    }

    .site-header-03.of-type-01 .nav-global-02>.content>.inner>.of-utility>li.of-countryAndRegion>a {
        padding: 1px 8px;
        border: 1px solid #04127c
    }

    html[data-script-enabled=true] .site-header-03.of-type-01 .languageLabel~.nav-global-02>.content>.inner>.of-utility {
        padding: 0 274px 0 0
    }

    .site-header-03 .searchBox>.inner .form .input {
        max-width: calc(100% - (96px + 24px))
    }

    .site-header-03 .searchBox>.inner .form .list {
        padding-right: 120px
    }

    .site-header-03 .searchBox>.inner .form .list>ul {
        -webkit-column-gap: 16px;
        column-gap: 16px
    }

    .site-header-03 .searchBox>.inner .form .list>ul>li a {
        font-size: 1.4rem;
        padding: 6px 15px
    }

    .site-header-03 .func-headerHamburger {
        display: none
    }

    .site-header-03 .func-headerSearch {
        top: auto;
        right: 0;
        bottom: 6px;
        cursor: pointer;
        transition: .3s background ease-out
    }

    [lang=fr] .site-header-03 .func-headerSearch {
        width: 150px
    }

    .site-header-03 .func-headerSearch img {
        position: relative;
        width: 14px;
        height: 14px
    }

    .site-header-03 .func-headerSearch span {
        font-size: 0;
        position: static
    }

    .site-header-03 .func-headerSearch span::before {
        display: none
    }

    .site-header-03 .func-headerSearch[aria-expanded=true]::after,.site-header-03 .func-headerSearch[aria-expanded=true]::before {
        display: none
    }

    .site-header-03 .func-headerSearch[aria-expanded=true] img {
        opacity: 1
    }

    html[data-script-enabled=true] .site-header.of-group .nav-global .common>.common-inner>.list {
        margin: 0 0 0 500px
    }

    .nav-global>.nav-inner {
        background: 0 0;
        position: static;
        height: auto!important
    }

    html[data-script-enabled=true] .nav-global>.nav-inner {
        position: static
    }

    .nav-global>.nav-inner>.list {
        display: -webkit-flex!important;
        display: flex!important;
        overflow: visible;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: auto;
        height: auto;
        max-height: none
    }

    .nav-global .utility>.utility-inner {
        position: relative;
        max-width: 1200px;
        margin: 0 auto
    }

    html[data-script-enabled=true] .nav-global .utility>.utility-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .nav-global .utility>.utility-inner>.language>span {
        font-size: 1.2rem;
        line-height: 2.5;
        white-space: pre;
        position: static;
        top: auto;
        bottom: 0;
        margin: 0
    }

    .nav-global .utility>.utility-inner>.list {
        font-size: 1.2rem
    }

    .nav-global .utility>.utility-inner>.list>* {
        min-width: 0
    }

    html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list>* {
        -webkit-flex: none;
        flex: none
    }

    .nav-global .utility>.utility-inner>.list>*>a::before {
        border: 0
    }

    .nav-global .utility>.utility-inner>.list>*>a::after {
        display: none
    }

    .nav-global .utility>.utility-inner>.list a,.nav-global .utility>.utility-inner>.list b.title {
        margin: 0 18px 0 0;
        padding: 5px 0 4px 25px
    }

    .nav-global .utility>.utility-inner>.list a::before,.nav-global .utility>.utility-inner>.list b.title::before {
        left: 0
    }

    .nav-global .utility>.utility-inner>.list a.tgl-hook,.nav-global .utility>.utility-inner>.list b.title.tgl-hook {
        margin-right: 14px;
        padding-right: 12px
    }

    .nav-global .utility>.utility-inner>.list .of-search {
        position: static;
        top: 36px;
        width: auto
    }

    .nav-global .utility>.utility-inner>.list .of-search b.title {
        display: block
    }

    .nav-global .utility>.utility-inner>.list .of-search .search-wrap {
        z-index: 4;
        top: 100%;
        right: 0
    }

    html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list .of-search .search-wrap {
        display: none
    }

    .nav-global .utility>.utility-inner>.list .of-search .search-wrap>form {
        background: #fff
    }

    .nav-global .utility>.utility-inner>.list .of-search .search-wrap .mod-input {
        text-align: center;
        margin: 0 0 14px
    }

    .nav-global .utility>.utility-inner>.list .of-search .search-wrap .mod-input input[type=search] {
        font-size: 1.8rem;
        line-height: 1.55556;
        width: 70%;
        padding: 3px 10px
    }

    .nav-global .utility>.utility-inner>.list .of-language {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    html[data-script-enabled=true] .nav-global .utility>.utility-inner>.list .of-language {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    html[data-script-enabled=true] .nav-global .utility .language-list {
        position: absolute;
        z-index: 1000;
        top: 100%;
        right: 0;
        display: none;
        width: 100%
    }

    .nav-global .utility .language-list>.inner {
        background: #fff;
        max-width: 1200px;
        margin: 0 auto;
        padding: 2em
    }

    html[data-script-enabled=true] .nav-global .utility .language-list>.inner {
        display: -webkit-flex;
        display: flex
    }

    html[data-script-enabled=true] .nav-global .utility .language-list {
        position: absolute;
        overflow: auto
    }

    html[data-script-enabled=true] .nav-global .utility .language-list:not([aria-hidden]) {
        display: none
    }

    .nav-global .utility .language-list .tgl-hook::after {
        display: none
    }

    .nav-global .utility .language-list>.inner {
        padding: 2em
    }

    html[data-script-enabled=true] .nav-global .utility .language-list>.inner {
        display: -webkit-flex;
        display: flex
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col] {
        margin: 0 2em
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]:first-child {
        min-width: 12%;
        margin-left: 0
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]:last-child {
        margin-right: 0
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col] a.tgl-hook::after {
        display: none
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li {
        margin: 0 0 38px 0
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li:last-child {
        margin-bottom: 0
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li>.list {
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li>.list a {
        padding: 8px 2px 7px 2px
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li>.list>li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 0 5px
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li>.list>li a {
        padding: 8px 27px 7px 8px
    }

    html[data-script-enabled=true] .nav-global .utility .language-list [class^=seg-col]>.list>li>.list>li a::after {
        right: 2px
    }

    .nav-global .utility .language-list .seg-col1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 16.6666%;
        flex-basis: 16.6666%
    }

    .nav-global .utility .language-list .seg-col1>.list>li>.list>li {
        float: none;
        width: 100%
    }

    .nav-global .utility .language-list .seg-col1 a {
        margin-right: 0
    }

    .nav-global .utility .language-list .seg-col2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%
    }

    .nav-global .utility .language-list .seg-col2>.list>li>.list>li {
        width: 50%
    }

    .nav-global .utility .language-list .seg-col2>.list>li>.list>li:nth-child(2n+1) {
        clear: both
    }

    .nav-global .utility .language-list .seg-col3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }

    .nav-global .utility .language-list .seg-col3>.list>li>.list>li {
        width: 33.333333%
    }

    .nav-global .utility .language-list .seg-col3>.list>li>.list>li:nth-child(3n+1) {
        clear: both
    }

    .nav-global .common {
        background: rgba(255,255,255,.9);
        padding: 0;
        box-shadow: rgba(0,0,0,.498039) 0 3px 5px 0
    }

    .nav-global .common>.common-inner {
        position: relative;
        max-width: 1200px;
        margin: 0 auto
    }

    html[data-script-enabled=true] .nav-global .common>.common-inner>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin: 0 0 0 254px
    }

    html[data-script-enabled=true] .nav-global .common>.common-inner>.list>li {
        word-wrap: break-word;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .nav-global .common>.common-inner>.list>li>* {
        font-size: 1.4rem
    }

    .nav-global .common>.common-inner>.list>li>a {
        text-decoration: none;
        word-break: normal;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 20px 12px 19px;
        transition: .3s all ease
    }

    .nav-global .common>.common-inner>.list>li>a::before {
        background-image: url(/jp/products/ds/images/common/img/icn/sprite.png);
        background-position: 0 -191px;
        background-size: auto;
        left: 0;
        display: block;
        width: 1px;
        height: 29px;
        content: "";
        border: 0
    }

    .nav-global .common>.common-inner>.list>li>a::after {
        display: none
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl {
        position: relative;
        overflow: hidden;
        padding-right: 35px;
        padding-left: 12px
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl::after {
        position: absolute;
        top: -3px;
        right: 14px;
        left: auto;
        display: block;
        width: 10px;
        height: 10px;
        content: "";
        transition: .3s all ease;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        border: 1px solid #333;
        border-color: #333 transparent transparent #333
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl.is-current,.nav-global .common>.common-inner>.list>li>a.js-header-tgl[aria-pressed=true] {
        color: #fff;
        background: #04127c
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl.is-current::after,.nav-global .common>.common-inner>.list>li>a.js-header-tgl[aria-pressed=true]::after {
        top: 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-color: #fff transparent transparent #fff
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl+.category-group {
        z-index: 1;
        left: 0;
        overflow: auto;
        width: 100%
    }

    html[data-script-enabled=true] .nav-global .common>.common-inner>.list>li>a.js-header-tgl+.category-group {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl+.category-group[aria-hidden=true] {
        display: none
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl+.category-group>.col>.of-menu-list>.list .list li {
        overflow: hidden
    }

    .nav-global .common>.common-inner>.list>li>a.js-header-tgl+.category-group>.col>.of-menu-list>.list .list li a {
        display: block;
        float: left
    }

    .nav-global .category-group {
        display: block
    }

    html[data-script-enabled=true] .nav-global .category-group {
        display: none
    }

    .nav-global .category-group a {
        text-decoration: underline;
        padding: 0
    }

    .nav-global .category-group>.col {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .nav-global .category-group>.col>.category-title {
        font-size: 2.4rem;
        font-weight: 400;
        color: #fff;
        background: #323e94;
        display: table-caption;
        margin: 0;
        padding: 22px 20px 7px
    }

    .nav-global .category-group>.col>.category-title a {
        color: #fff;
        padding: 0
    }

    .nav-global .category-group>.col>* {
        vertical-align: top;
        display: table-cell
    }

    .nav-global .category-group>.col>*>.list:first-child {
        margin-top: 13px
    }

    .nav-global .category-group>.col>* .title {
        font-size: 2rem;
        font-style: normal;
        margin: 0 0 15px;
        padding: 0
    }

    .nav-global .category-group>.col>.of-menu-list {
        background: #e5e7e9;
        padding: 0 0 0 20px
    }

    .nav-global .category-group>.col>.of-menu-list>.list .title {
        margin: 33px 0 17px
    }

    .nav-global .category-group>.col>.of-menu-list>.list>li:first-child .title {
        margin-top: 13px
    }

    .nav-global .category-group>.col>.of-menu-list>.list .list li {
        margin: 0 0 10px
    }

    .nav-global .category-group>.col>.of-menu-pnl {
        background: #fff;
        padding: 0 20px
    }

    .nav-global .category-group>.col>.of-menu-pnl>.list {
        max-width: 400px;
        margin: 0 auto
    }

    .nav-global .category-group>.col>.of-menu-pnl figure {
        margin: 0 0 15px
    }

    .nav-global .category-group>.col>.of-menu-pnl figure:first-child {
        margin-top: 13px
    }

    .nav-local {
        width: 250px;
        margin-bottom: 30px
    }

    .nav-local .root {
        font-size: 1.8rem;
        background: 0 0;
        min-height: 56px;
        border-top: 3px solid #535a6e;
        border-bottom: 3px solid #535a6e
    }

    html[data-script-enabled=true] .nav-local .root {
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 0
    }

    .nav-local .root::after {
        height: 73px
    }

    .nav-local .root b.title {
        display: none
    }

    .nav-local .root b.title+a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-align-items: center;
        align-items: center;
        padding: 10px 30px 10px 16px
    }

    .nav-local .root b.title+a::after {
        width: 14px;
        height: 14px
    }

    .nav-local a[href]:focus,.nav-local a[href]:hover {
        text-decoration: underline
    }

    .nav-local>.content>.list>li>span>a[href]::after {
        width: 14px;
        height: 14px
    }

    .nav-local li>span>a,.nav-local li>span>span {
        padding: 17px 50px 15px 19px
    }

    .nav-local li .func-nav-local-btn+a[href]::after {
        display: block
    }

    html[data-script-enabled=true] .nav-local>.content {
        display: block;
        transition: none
    }

    html[data-script-enabled=true] .nav-local>.content:not([aria-hidden]) {
        display: block
    }

    .nav-local>.content>.list li span>a,.nav-local>.content>.list li span>span {
        min-height: 60px
    }

    .nav-local>.content>.list .list li span>a,.nav-local>.content>.list .list li span>span {
        min-height: 54px
    }

    .nav-local>.content>.list .list .list li span>a,.nav-local>.content>.list .list .list li span>span {
        min-height: 43px
    }

    .nav-local li>span>a,.nav-local li>span>span {
        padding: 15px 31px 14px 20px
    }

    .nav-local li li>span>a,.nav-local li li>span>span {
        padding: 18px 31px 14px 16px
    }

    .nav-local li li li>span>a,.nav-local li li li>span>span {
        padding: 12px 31px 7px 26px
    }

    .nav-local .func-nav-local-btn {
        display: none
    }

    html[data-script-enabled=true][data-floatingmenu-active=true] .site-footer .seg-primary .scroll-top.is-fixed>a {
        margin-bottom: 0
    }

    html[data-script-enabled=true][data-floatingmenu-active=true][data-cookiebar=visible] .site-footer .seg-primary .scroll-top.is-fixed>a {
        margin: 0
    }

    .site-footer .seg-primary .search {
        display: block;
        padding: 35px 0 0
    }

    .site-footer .seg-primary .link {
        padding: 15px 0 25px
    }

    .site-footer .seg-primary .link>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: calc(100% + 24px);
        margin: -24px 0 0 -24px
    }

    .site-footer .seg-primary .link>.list>li {
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0 0 12px;
        padding: 24px 0 0 24px
    }

    .site-footer .seg-primary .link .title {
        font-size: 2.4rem;
        margin: 0 0 45px
    }

    .site-footer .seg-primary .mod-input {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 14px
    }

    .site-footer .seg-primary .mod-input input[type=search] {
        font-size: 1.8rem;
        line-height: 1.55556;
        padding: 3px 10px
    }

    .site-footer .seg-secondary .wrap {
        display: table;
        width: 100%
    }

    .site-footer .seg-secondary .wrap>* {
        vertical-align: middle;
        display: table-cell;
        margin: 0
    }

    .site-footer .seg-secondary .wrap>* li {
        padding: 0 23px 0 0
    }

    .site-footer .seg-secondary .wrap .copyright {
        text-align: right
    }

    .site-footer .seg-pickup .col-2>.inner {
        display: -webkit-flex;
        display: flex
    }

    .site-footer .seg-pickup .col-2>.inner>.col {
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%
    }

    html[data-script-enabled=true][data-floatingmenu-active=true] .scroll-top.is-fixed>a {
        margin-bottom: 0
    }

    .site-footer-02 .seg-primary .search {
        display: block;
        padding: 35px 0 0
    }

    .site-footer-02 .seg-primary .sns {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .site-footer-02 .seg-primary .link>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .site-footer-02 .seg-primary .link>.list>.col {
        width: calc((232 / 1288)* 100%)
    }

    .site-footer-02 .seg-primary .link>.list>.col:not(:last-child) {
        margin-bottom: 0
    }

    .site-footer-02 .seg-primary .link>.list>.col:not(:first-child) {
        margin-left: calc((32 / 1288)* 100%)
    }

    .site-footer-02 .seg-primary .link .title {
        font-size: 1.8rem
    }

    .site-footer-02 .seg-primary .mod-input {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 14px
    }

    .site-footer-02 .seg-primary .mod-input input[type=search] {
        font-size: 1.8rem;
        line-height: 1.55556;
        padding: 3px 10px
    }

    .site-footer-02 .seg-primary .str-outer {
        padding: 144px 30px
    }

    .site-footer-02 .seg-secondary .wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%
    }

    .site-footer-02 .seg-secondary .wrap .list {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -8px
    }

    .site-footer-02 .seg-secondary .wrap>* {
        margin: 0
    }

    .site-footer-02 .seg-secondary .wrap>* li {
        margin-top: 8px;
        padding: 0 23px 0 0
    }

    .site-footer-02 .seg-secondary .wrap>* li:not(:last-child) {
        margin-bottom: 0
    }

    .site-footer-02 .seg-secondary .wrap .copyright {
        text-align: right;
        white-space: nowrap
    }

    .site-footer-02 .seg-secondary .str-outer-wide {
        padding: 40px 30px
    }

    .mod-form-trendSearch .site-footer-02 .seg-secondary .str-outer-wide .inner,.site-footer-02 .seg-secondary .str-outer-wide .mod-form-trendSearch .inner,.site-footer-02 .seg-secondary .str-outer-wide .str-inner {
        max-width: 1288px
    }

    .site-footer-02 .seg-pickup .col-2>.inner {
        display: -webkit-flex;
        display: flex
    }

    .site-footer-02 .seg-pickup .col-2>.inner>.col {
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%
    }

    [class^=mod-hdg-]+* {
        margin-top: 0
    }

    .mod-hdg-l1 {
        margin: 0 0 40px;
        padding: 13px 21px 13px
    }

    .mod-hdg-l1>.inner .hdg:first-child {
        font-size: 3.2rem;
        letter-spacing: 1.7px
    }

    .mod-hdg-l1>.inner>.sub {
        font-size: 1.6rem
    }

    .mod-hdg-l1>.inner>.sub.of-top {
        padding-top: 1px
    }

    .mod-hdg-l1>.inner>.sub:not(.of-top) {
        margin-top: -3px
    }

    .str-column-main .mod-hdg-l1 {
        margin-right: -10px;
        margin-left: -10px
    }

    .mod-hdg-l1.of-has-logo {
        padding-top: 20px
    }

    .mod-hdg-l1.of-has-logo>.inner>.logo {
        margin-bottom: 20px
    }

    .mod-hdg-l1.of-has-logo>.inner>.logo>img {
        width: auto;
        height: 22px
    }

    .mod-hdg-l1-02 {
        padding: 20px 10px
    }

    .mod-hdg-l1-02>.inner .hdg {
        font-size: 4.2rem
    }

    .mod-hdg-l2-03 {
        font-size: 3rem
    }

    .mod-link-list-anchor {
        z-index: 100;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 1300px;
        margin: 0 auto;
        margin-top: -15px;
        padding: 0 10px 15px
    }

    .mod-link-list-anchor>.item {
        position: relative;
        margin-top: 15px
    }

    .mod-link-list-anchor>.item:not(:last-child) {
        margin-right: 50px
    }

    .mod-link-list-anchor>.item a {
        font-size: 1.6rem;
        font-weight: 700;
        text-decoration: none;
        color: #2c69ff;
        transition: all .2s
    }

    .mod-link-list-anchor>.item a::before {
        background-image: url(/nf_global/v3/common/img/2021/icn/arrow-anchor-01.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: calc(50% - 13px);
        right: 0;
        bottom: auto;
        display: block;
        width: 26px;
        height: 26px;
        margin: auto;
        content: "";
        transition: all .2s
    }

    .mod-link-list-anchor>.item a:focus,.mod-link-list-anchor>.item a:hover {
        text-decoration: underline
    }

    .mod-link-list-anchor>.item a:focus::before,.mod-link-list-anchor>.item a:hover::before {
        background-image: url(/nf_global/v3/common/img/2021/icn/arrow-anchor-02.svg)
    }

    .mod-link-list-anchor>.item._is-active a::before {
        background-image: url(/nf_global/v3/common/img/2021/icn/arrow-anchor-02.svg)
    }

    .mod-link-list-anchor>.item .text {
        padding-right: 38px
    }

    .mod-pnl-03>.list>li {
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%
    }

    .mod-pnl-03>.list>li>a:focus p>.title,.mod-pnl-03>.list>li>a:hover p>.title {
        text-decoration: none
    }

    .mod-pnl-04[data-col="3"]>.inner>.col {
        width: calc((100% - 120px)/ 3)
    }

    .mod-pnl-04[data-col="4"]>.inner>.col {
        width: calc((100% - 160px)/ 4)
    }

    .mod-pnl-05>.col .hdg {
        font-size: 1.4rem
    }

    .mod-pnl-05[data-narrow-col="2"] .col .hdg {
        font-size: 2rem
    }

    .mod-presspnl-typea[data-col="2"]>.list>li {
        font-weight: 400;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .mod-presspnl-typea[data-col="3"]>.list>li {
        -webkit-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }

    .mod-presspnl-typea[data-col="4"]>.list>* {
        -webkit-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%
    }

    .mod-presspnl-typea>.list>li>a:focus p,.mod-presspnl-typea>.list>li>a:hover p {
        text-decoration: underline
    }

    .mod-presspnl-typeb[data-col="2"]>.list>li {
        font-weight: 400;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .mod-presspnl-typeb[data-col="3"]>.list>li {
        -webkit-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }

    .mod-presspnl-typeb[data-col="4"]>.list>* {
        -webkit-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%
    }

    .mod-presspnl-typeb>.list>li>a {
        position: relative
    }

    .mod-presspnl-typeb>.list>li>a:focus p,.mod-presspnl-typeb>.list>li>a:hover p {
        text-decoration: underline
    }

    .mod-presspnl-typec>.list>li>a:focus p,.mod-presspnl-typec>.list>li>a:hover p {
        text-decoration: underline
    }

    .mod-presspnl-typed>.list>li>a:focus p,.mod-presspnl-typed>.list>li>a:hover p {
        text-decoration: underline
    }

    .mod-pnl-index._carousel .slick-arrow {
        top: 170px
    }

    .mod-pnl-index._carousel .slick-arrow.slick-prev {
        left: 0
    }

    .mod-pnl-index._carousel .slick-arrow.slick-next {
        right: 0
    }

    .mod-pnl-carousel-02 .hdg {
        font-size: 1.4rem
    }

    .mod-list-seminar-02>.list>li {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .mod-list-room>li>a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        padding: 0
    }

    .mod-list-room>li>a .img {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        margin-bottom: 0
    }

    .mod-list-room>li>a .item {
        width: 100%;
        padding: 10px 20px
    }

    .mod-list-room>li+li {
        margin-top: 20px
    }

    .mod-lyt-02[data-col="3"]>.inner>.col {
        width: 33.3333%
    }

    .mod-lyt-02[data-col="4"]>.inner>.col {
        width: 25%
    }

    .mod-media-article-02>.col {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        padding-bottom: 60px
    }

    .mod-media-article-02>.col>.container,.mod-media-article-02>.col>.img {
        -webkit-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
        min-height: calc(100vw * 380 / 1340);
        margin: 0
    }

    .mod-media-article-02>.col>.container {
        padding: 40px 60px
    }

    .mod-media-article-02>.col>.img {
        position: absolute;
        top: 60px;
        right: 20px;
        overflow: hidden
    }

    .mod-media-article-02>.col.of-reverse {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .mod-media-article-02>.col.of-reverse>.img {
        right: auto;
        left: 20px
    }

    .mod-form-search {
        margin-bottom: 35px
    }

    .mod-form-search .search {
        text-align: left;
        padding: 27px 40px 38px
    }

    .mod-form-search .search>.layout {
        display: -webkit-flex;
        display: flex
    }

    .mod-form-search .search>.layout .label {
        margin: 0 0 15px
    }

    .mod-form-search .search>.layout .keyword {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin: 0 60px 0 0
    }

    .mod-form-search .search>.layout .keyword::after,.mod-form-search .search>.layout .keyword::before {
        top: auto;
        right: -42px;
        bottom: 26px;
        left: auto;
        margin: 0
    }

    .mod-form-search .search>.layout .keyword .submit {
        -webkit-flex-basis: 158px;
        flex-basis: 158px;
        min-width: 158px
    }

    html:not(:lang(ja)) .mod-form-search .search>.layout .keyword .submit {
        -webkit-flex-basis: 200px;
        flex-basis: 200px;
        min-width: 200px
    }

    .mod-form-search .search>.layout .keyword button {
        padding-left: 16px;
        transition: .2s opacity ease
    }

    .mod-form-search .search>.layout .keyword button::before {
        left: 40px
    }

    .mod-form-search .search>.layout .keyword button:focus,.mod-form-search .search>.layout .keyword button:hover {
        opacity: .8
    }

    .mod-form-search .search>.layout .category {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
        min-width: 210px
    }

    .mod-form-search .search>.layout .category button {
        padding: 10px 45px 9px;
        transition: .2s opacity ease
    }

    .mod-form-search .search>.layout .category button::before {
        transition: .2s left ease
    }

    .mod-form-search .search>.layout .category button:focus,.mod-form-search .search>.layout .category button:hover {
        opacity: .8
    }

    .mod-form-search .search>.layout .category button:focus::before,.mod-form-search .search>.layout .category button:hover::before {
        left: 15px
    }

    .mod-search-news-03.of-lateral,.mod-tgl-04 .mod-search-news-03 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        margin-top: 0
    }

    .mod-search-news-03.of-lateral .input-month-wrap+.input-keyword,.mod-tgl-04 .mod-search-news-03 .input-month-wrap+.input-keyword {
        margin-top: 0;
        margin-left: 58px
    }

    .mod-search-news-03.of-lateral .input-month-wrap+.input-keyword::after,.mod-search-news-03.of-lateral .input-month-wrap+.input-keyword::before,.mod-tgl-04 .mod-search-news-03 .input-month-wrap+.input-keyword::after,.mod-tgl-04 .mod-search-news-03 .input-month-wrap+.input-keyword::before {
        top: 50px;
        left: -41px;
        margin-left: 0
    }

    .mod-search-news-03.of-lateral>.input-keyword,.mod-tgl-04 .mod-search-news-03>.input-keyword {
        width: calc(100% - 368px)
    }

    .mod-search-news-03.of-lateral>.icon-multi,.mod-tgl-04 .mod-search-news-03>.icon-multi {
        margin: 17px 20px
    }

    .mod-search-news-03.of-lateral>.input-month-wrap .input-month,.mod-tgl-04 .mod-search-news-03>.input-month-wrap .input-month {
        width: 200px
    }

    .mod-search-news-03.of-lateral>.btn-search,.mod-tgl-04 .mod-search-news-03>.btn-search {
        margin: 0 0 0 20px
    }

    .mod-search-news-03.of-lateral .form-wrap+.form-wrap,.mod-tgl-04 .mod-search-news-03 .form-wrap+.form-wrap {
        margin: 0 0 0 20px
    }

    .mod-search-news-03.of-lateral .form-wrap>.input-keyword,.mod-search-news-03.of-lateral .form-wrap>.input-month-wrap,.mod-tgl-04 .mod-search-news-03 .form-wrap>.input-keyword,.mod-tgl-04 .mod-search-news-03 .form-wrap>.input-month-wrap {
        width: calc(100% - 90px)
    }

    .mod-search-news-03.of-lateral .form-wrap>.btn-search>button,.mod-tgl-04 .mod-search-news-03 .form-wrap>.btn-search>button {
        font-size: 1.6rem;
        display: block;
        width: auto;
        padding: 8px 5px
    }

    .mod-search-news-03.of-lateral .form-wrap>.btn-search>button>span,.mod-tgl-04 .mod-search-news-03 .form-wrap>.btn-search>button>span {
        padding: 0 0 0 22px
    }

    .mod-search-news-03.of-lateral .form-wrap>.btn-search>button>span::before,.mod-tgl-04 .mod-search-news-03 .form-wrap>.btn-search>button>span::before {
        left: 0
    }

    .str-column-side .mod-search-news-03 .input-keyword input,.str-column-side .mod-search-news-03 .input-month input {
        font-size: 1.4rem
    }

    .mod-search-news-04 {
        margin: 30px 0
    }

    .mod-tgl-04 .mod-search-news-04 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .mod-tgl-04 .mod-search-news-04 .input-month-wrap+.input-keyword {
        margin-top: 0;
        margin-left: 58px
    }

    .mod-tgl-04 .mod-search-news-04 .input-month-wrap+.input-keyword::after,.mod-tgl-04 .mod-search-news-04 .input-month-wrap+.input-keyword::before {
        top: 21px;
        left: -41px;
        margin-left: 0
    }

    .mod-tgl-04 .mod-search-news-04 .input-keyword {
        width: 380px
    }

    .mod-tgl-04 .mod-search-news-04 .input-month-wrap .input-month {
        width: 200px
    }

    .mod-tgl-04 .mod-search-news-04 .btn-search {
        height: 44px;
        margin: 0 0 0 20px
    }

    .mod-tgl-04 .mod-search-news-04 .btn-search button {
        padding: 10px 18px
    }

    .mod-tgl-04 .mod-search-news-04 .btn-search button>span::before {
        top: 0;
        width: 18px;
        height: 18px
    }

    .mod-tgl-04 .mod-search-news-04 .form-wrap {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .mod-tgl-04 .mod-search-news-04 .form-wrap+.form-wrap {
        margin: 0 0 0 20px
    }

    .mod-tgl-04 .mod-search-news-04 .form-wrap .btn-search button {
        padding: 8px 18px 10px 18px
    }

    .mod-tgl-04 .mod-search-news-04 .form-wrap .btn-search button>span::before {
        top: 2px
    }

    html[data-scroll-sp=disabled] body {
        position: static;
        overflow: visible;
        width: auto;
        height: auto
    }

    .mod-tgl-04 .tgl-hook {
        display: none
    }

    .mod-tgl-04 .tgl-content {
        display: block!important
    }

    .str-ticker._widthBtn>.str-ticker-inner {
        position: static;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        min-height: 100%
    }

    .mod-ticker-01.js-carousel .mod-list-news-02>div>.desc {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mod-ticker-01.js-carousel .mod-list-news-02>div>.desc>.inner>a>span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }

    html[data-script-enabled=true] ._widthBtn .mod-ticker-01.js-carousel {
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: calc(100% - 240px)
    }

    ._widthBtn .mod-ticker-01.js-carousel .slick-inner {
        width: calc(100% - 180px)
    }

    ._widthBtn .mod-ticker-01.js-carousel .slick-arrow.slick-prev {
        top: 50%
    }

    ._widthBtn .mod-ticker-01.js-carousel .slick-arrow.slick-next {
        top: 50%
    }

    ._widthBtn .mod-ticker-01.js-carousel .btn-control {
        bottom: 0
    }

    .mod-ticker-btn {
        position: static;
        margin-left: 13px
    }

    .mod-ticker-btn>a {
        font-size: 1.6rem;
        padding: 3px 42px 2px 23px
    }

    .mod-ticker-btn>a::after {
        right: 23px
    }

    .mod-ticker-btn>a:active::after,.mod-ticker-btn>a:focus::after,.mod-ticker-btn>a:hover::after {
        right: 20px
    }

    .mod-inline-modal-wrap.is-modal-open {
        padding: 5% 0
    }

    .lp-main_visual .inner {
        padding-right: 60px;
        padding-left: 60px
    }

    .hdg-l1-img {
        padding: 60px 0 40px
    }

    #lp-floating-menu {
        width: 335px
    }

    html[data-script-enabled=true] #lp-floating-menu {
        top: 69px;
        width: 150px
    }

    #lp-floating-menu .inner {
        max-height: calc(100vh - 79px)
    }

    #lp-floating-menu .btn>button,#lp-floating-menu .btn>span {
        font-size: 1.6rem;
        padding: 12px 15px 12px 0
    }

    html[data-script-enabled=true] #lp-floating-menu .btn>button,html[data-script-enabled=true] #lp-floating-menu .btn>span {
        padding: 12px 15px 12px
    }

    #lp-floating-menu .btn>button::before {
        width: 20px;
        height: 16px
    }

    #lp-floating-menu .btn>button::after {
        width: 20px
    }

    html[data-script-enabled=true] #lp-floating-menu.is-open {
        width: 355px
    }

    html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button::after,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>button::before,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span::after,html[data-script-enabled=true] #lp-floating-menu.is-open .btn>span::before {
        top: -1px;
        width: 18px
    }

    .lp-hdg-l2 {
        font-size: 4.2rem
    }

    h3.lp-hdg-l2 {
        font-size: 3.6rem
    }

    .lp-hdg-icon .icon {
        width: auto;
        margin-right: 10px
    }

    .lp-hdg-icon .text {
        font-size: 3.6rem
    }

    h2.lp-hdg-icon .text {
        font-size: 4.2rem
    }

    .lp-btn>a,.lp-btn>button {
        font-size: 3rem;
        width: auto;
        min-width: 520px;
        padding: 10px 65px
    }

    .lp-btn>a::after,.lp-btn>button::after {
        background-size: 29px 54px;
        right: 24px;
        width: 29px;
        height: 54px
    }

    .lp-btn.of-mail>a::before,.lp-btn.of-mail>button::before {
        background-size: 50px 36px;
        width: 50px;
        height: 36px;
        margin-right: 25px
    }

    .lp-btn.of-download>a::before,.lp-btn.of-download>button::before {
        background-size: 50px 48px;
        width: 50px;
        height: 48px;
        margin-right: 25px
    }

    .comp-list-video>.list>li {
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%
    }

    .comp-list-video>.list>li>a:focus p,.comp-list-video>.list>li>a:hover p {
        text-decoration: underline
    }

    .comp-box {
        margin: 40px 0;
        padding: 34px 0 37px
    }

    .comp-box>.inner {
        display: -webkit-flex;
        display: flex
    }

    .comp-box>.inner>.col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 10px
    }

    .comp-box>.inner>.col:not(:last-child)::after {
        right: 0;
        left: auto;
        width: 1px;
        height: calc(100% - 10px);
        margin: auto 0
    }

    [data-template-id=onlineTV] .str-column {
        -webkit-flex-direction: row;
        flex-direction: row;
        max-width: 1220px
    }

    [data-template-id=onlineTV] .str-column .str-column-side:not(:first-child) {
        width: 340px;
        padding-left: 30px
    }

    [data-template-id=onlineTV] .str-pageTitle+.str-column .str-column-main {
        padding-top: 0
    }

    [data-template-id=onlineTV] .unq-link-language {
        margin-top: -52px
    }

    [data-template-id=onlineTV] .unq-mainvisual {
        margin-bottom: 43px
    }

    [data-template-id=onlineTV] .unq-mainvisual .mod-media-video {
        width: 100%;
        max-width: 950px;
        margin: 0
    }

    [data-template-id=onlineTV] .unq-mainvisual>.inner {
        display: -webkit-flex;
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
        padding: 25px 0
    }

    [data-template-id=onlineTV] .unq-mainvisual .media {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0 1 63.3334%;
        flex: 0 1 63.3334%;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        max-width: 63.3334%;
        padding: 5px 0
    }

    [data-template-id=onlineTV] .unq-mainvisual .pickup {
        -webkit-flex: 0 1 36.6666%;
        flex: 0 1 36.6666%;
        max-width: 36.6666%;
        padding-top: 0
    }

    [data-template-id=onlineTV] .unq-mainvisual .pickup .hdg {
        margin: 0 0 10px;
        padding: 1px 27px 0
    }

    [data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li>a {
        line-height: 1.9;
        margin: 0 0 0 31px;
        padding: 14px 10px 6px 20px
    }

    [data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li>a:focus,[data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li>a:hover {
        text-decoration: none
    }

    [data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li .thumb {
        max-width: 128px
    }

    [data-template-id=onlineTV] .unq-mainvisual .pickup .movies>.list>li .title {
        -webkit-flex-basis: auto;
        flex-basis: auto;
        max-width: 232px
    }

    [data-template-id=caseStudy-001] .str-column .str-column-side {
        display: block
    }

    [data-template-id^=uf-iexpo-000] .str-pageTitle>.inner::before {
        right: 0;
        margin: auto 0
    }

    [data-template-id^=uf-iexpo-000] .unq-adjust-01 {
        display: none!important
    }

    [data-template-id^=uf-iexpo-000] .unq-adjust-02 {
        display: block!important
    }

    [data-template-id^=uf-iexpo-000] .unq-adjust-03 {
        display: none!important
    }

    [data-template-id^=uf-iexpo-000] .unq-adjust-04 {
        display: block!important
    }

    [data-template-id=special-02] .site-header-02 .func-headerSearch {
        right: 0
    }

    [data-template-id=special-03] .site-header-02>.inner>.content>.logo {
        padding-top: 21px;
        padding-bottom: 21px
    }

    [data-template-id=special-03] .site-header-03>.inner>.content>.logo {
        padding-top: 18px;
        padding-bottom: 18px
    }

    [data-template-id=special-03] .site-header-03.of-group>.inner>.content>.logo {
        padding-top: 7px;
        padding-bottom: 7px
    }

    [data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide {
        padding: 5px 30px
    }

    .mod-form-trendSearch [data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide>.inner>.wrap,[data-template-id=special-03] .mod-form-trendSearch .site-footer-02>.seg-secondary>.str-outer-wide>.inner>.wrap,[data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide>.str-inner>.wrap {
        -webkit-justify-content: center;
        justify-content: center
    }

    .mod-form-trendSearch [data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide>.inner>.wrap>.copyright,[data-template-id=special-03] .mod-form-trendSearch .site-footer-02>.seg-secondary>.str-outer-wide>.inner>.wrap>.copyright,[data-template-id=special-03] .site-footer-02>.seg-secondary>.str-outer-wide>.str-inner>.wrap>.copyright {
        margin: 0
    }
}

@media screen and (max-width: 1499px) and (min-width:1025px),print {
    .str-mainvisual-04 .content-inner .fs-02 {
        font-size:calc(18vw * 100 / 1500)
    }

    .str-mainvisual-04 .content-inner .fs-03 {
        font-size: calc(20vw * 100 / 1500)
    }

    .str-mainvisual-04 .content-inner .fs-04 {
        font-size: calc(23vw * 100 / 1500)
    }
}

@media screen and (min-width: 1200px),print {
    .site-header-03.of-group>.inner {
        padding:0 40px
    }

    .site-header-03.of-group>.inner>.content>.logo .groupName {
        font-size: 1.8rem
    }

    .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-global a {
        padding: 15px 24px 15px 24px
    }

    html[data-script-enabled=true] .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-global a {
        padding-right: 40px
    }

    html[data-script-enabled=true] .site-header-03.of-group>.inner>.content>.nav-global-02>.content>.inner .of-global a::after {
        right: 12px
    }

    .mod-pnl-news .inner .col .pnl a {
        display: block
    }

    .mod-news-lyt-lqd .col {
        overflow: hidden;
        margin: 0 0 40px 0
    }

    .mod-news-lyt-lqd .col .inner a .item {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0
    }

    .mod-news-lyt-lqd .col .inner a .item .media {
        display: block;
        margin: 0
    }

    .mod-news-lyt-lqd .col .content {
        width: 420px;
        max-width: 100%;
        padding: 10px 20px
    }

    .mod-news-lyt-lqd .col .content .txt {
        margin: 0
    }

    .mod-latest-area {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 0 120px 0
    }

    .mod-latest-area .div.mod-btn {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 50px;
        flex-basis: 50px
    }

    .mod-latest-area .inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-grow: 2;
        flex-grow: 2;
        max-width: 765px
    }

    .mod-latest-area .latest-news {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin: 0 50px 0 0;
        padding: 0
    }

    .mod-latest-area .latest-news .mod-hdg-l3-02 {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        min-width: 720px
    }

    .mod-latest-area .latest-news .wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 720px
    }

    .mod-latest-area .latest-news .wrap .col {
        max-width: 340px;
        margin: 0
    }

    .mod-latest-area .latest-news .wrap .col .media img {
        max-width: 100%
    }

    .mod-latest-area .latest-news .mod-btn {
        position: absolute;
        bottom: -60px;
        width: 100%
    }

    .mod-latest-area .latest-news .mod-btn .pc-none {
        display: none
    }

    .mod-latest-area .latest-video {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 430px;
        max-width: 430px
    }

    .mod-latest-area .latest-video .inner {
        -webkit-justify-content: end;
        justify-content: end;
        width: initial;
        margin-bottom: 20px
    }

    .mod-latest-area .latest-video .inner .col {
        width: initial;
        margin-bottom: 20px
    }

    .mod-latest-area .latest-video .inner .col .pnl a .media img {
        max-width: 190px
    }

    .mod-latest-area .latest-video .mod-btn {
        position: absolute;
        bottom: -60px;
        width: 100%
    }

    .mod-media-lyt>.inner>.txt {
        padding: 18px 0 18px 92px
    }

    .mod-search-news {
        max-width: 100%;
        padding: 30px 40px
    }

    .mod-search-news .form {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mod-search-news .form .mod-input-select {
        max-width: 340px;
        margin-right: 30px
    }

    .mod-search-news .form .mod-input-select select {
        width: 100%;
        min-width: 120px;
        padding: 9px 40px 8px 20px
    }

    .mod-search-news .form .submit button[type=button],.mod-search-news .form .submit button[type=submit] {
        -webkit-flex-direction: row;
        flex-direction: row;
        min-width: 90px;
        margin: auto
    }

    .mod-search-news .form .submit button[type=button] .txt,.mod-search-news .form .submit button[type=submit] .txt {
        line-height: 2;
        margin: 0
    }

    .mod-search-news .form .submit button[type=button] .search-wrap,.mod-search-news .form .submit button[type=submit] .search-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 100%;
        margin: auto
    }

    .mod-search-news .form .mod-input-keyword {
        min-width: 390px
    }

    .mod-search-news .form .search-area.type-date .wrap:first-child {
        margin: 0 5px 0 0
    }

    .mod-search-news-02 {
        padding: 30px 40px
    }

    .mod-search-news-02 .input-top {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .mod-search-news-02 .form {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mod-search-news-02 .form .mod-input-select {
        width: 50%;
        max-width: 50%
    }

    .mod-search-news-02 .form .mod-input-select select {
        width: 100%;
        min-width: 120px;
        padding: 9px 40px 8px 20px
    }

    .mod-search-news-02 .form .mod-input-select:first-child {
        margin-right: 30px
    }

    .mod-search-news-02 .form .submit button[type=button],.mod-search-news-02 .form .submit button[type=submit] {
        -webkit-flex-direction: row;
        flex-direction: row;
        min-width: 90px;
        margin: auto
    }

    .mod-search-news-02 .form .submit button[type=button] .txt,.mod-search-news-02 .form .submit button[type=submit] .txt {
        line-height: 2;
        margin: 0
    }

    .mod-search-news-02 .form .submit button[type=button] .search-wrap,.mod-search-news-02 .form .submit button[type=submit] .search-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 100%;
        margin: auto
    }

    .mod-search-news-02 .form .mod-input-keyword {
        min-width: 390px
    }

    .mod-search-news-02 .form .search-area.type-date .wrap:first-child {
        margin: 0 5px 0 0
    }
}

@media screen and (min-width: 1220px),print {
    .mod-form-trendSearch .str-mainvisual>.inner>.content::before,.str-mainvisual>.str-inner>.content::before {
        left:0
    }

    .str-mainvisual .content-inner {
        left: 0
    }

    .str-mainvisual .content-inner :not(ruby):not(rp):not(rt) {
        font-size: 1.7rem
    }

    .str-mainvisual .mod-list>.list {
        margin-top: -10px
    }

    .str-mainvisual .mod-list>.list>li {
        padding-top: 10px
    }

    .str-mainvisual .mod-list>.list>li::before {
        top: calc(10px + .55em)
    }

    .str-mainvisual-02 .content {
        min-height: 306px
    }

    .str-mainvisual-02 .content-inner {
        font-size: 2rem;
        padding-top: 24px
    }

    .str-mainvisual-02 .hdg {
        font-size: 4rem;
        margin-bottom: 24px
    }

    .str-mainvisual-02 .mod-list>.list {
        margin-top: -10px
    }

    .str-mainvisual-02 .mod-list>.list>li {
        padding-top: 10px
    }

    .str-mainvisual-02 .mod-list>.list>li::before {
        top: calc(10px + .55em)
    }
}

@media screen and (min-width: 1296px),print {
    body[data-path="/"] .str-mainvisual .slide-content,body[data-path="/"] .str-mainvisual-02 .slide-content,body[data-path="/"] .str-mainvisual-03 .slide-content {
        margin:0 auto
    }

    body[data-path="/"] .mod-media-lyt>.inner>.media iframe,body[data-path="/"] .mod-media-lyt>.inner>.media img {
        margin: 0 auto
    }

    body[data-path="/"] .str-mainvisual .slick-dots-wrap {
        margin: 0 auto
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content {
        margin-left: 7vw
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content {
        margin-left: 7vw
    }
}

@media screen and (min-width: 1340px),print {
    .mod-media-article-02>.col>.container>.hdg {
        font-size:3.6rem
    }

    .mod-media-article-02>.col>.container>.sub {
        font-size: 1.8rem
    }

    .mod-media-article-02>.col>.container,.mod-media-article-02>.col>.img {
        min-height: 380px
    }
}

@media screen and (min-width: 1500px),print {
    .str-mainvisual .content-inner {
        padding:40px
    }

    .str-mainvisual .content-inner .hdg {
        font-size: 2.6rem
    }

    .str-mainvisual.of-caseStudy .content-inner .hdg {
        font-size: 2.6rem
    }

    .str-mainvisual.of-caseStudy .content-inner .hdg .lede,.str-mainvisual.of-caseStudy .content-inner .hdg .type {
        font-size: 1.7rem
    }

    .str-mainvisual.of-caseStudy .content-inner .hdg .clientName {
        font-size: 2.6rem
    }

    .str-mainvisual-04:not(.of-vertical) .content-inner {
        padding: 48px 48px
    }

    .str-mainvisual-04:not(.of-vertical) .content-inner .hdg {
        font-size: 3.2rem
    }

    .str-mainvisual-04:not(.of-vertical) .content-inner p:not([class^=fs-]) {
        font-size: 1.8rem
    }

    .mod-media-horizontal>.content>.hdg {
        font-size: 3.2rem
    }

    .mod-media-horizontal>.content>.hdg>span.bottom,.mod-media-horizontal>.content>.hdg>span.top {
        font-size: 1.8rem
    }

    .mod-media-horizontal>.content>p.bottom,.mod-media-horizontal>.content>p.top {
        font-size: 1.8rem
    }

    .str-mainvisual-carousel-01 .slide-content>.inner {
        padding: 48px
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.hdg {
        font-size: 4.4rem
    }

    .str-mainvisual-carousel-01 .slide-content>.inner>.text {
        font-size: 2rem
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content>.inner {
        padding: 48px 48px
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content h2 {
        font-size: 3.2rem
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content p {
        font-size: 1.8rem
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content .mod-btn a,body[data-path="/"] .str-mainvisual-02 .slide-content .mod-btn button {
        font-size: 1.8rem
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
        font-size: 3.2rem
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content p {
        font-size: 1.8rem
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content .mod-btn a,body[data-path="/"] .str-mainvisual-03 .slide-content .mod-btn button {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1025px) and (min-width:1500px),print {
    .site-header-02 .globalChild>.content>.inner-02 .childNav {
        position:relative;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: none;
        padding-left: 8px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav::after,.site-header-02 .globalChild>.content>.inner-02 .childNav::before {
        position: absolute;
        z-index: 1;
        top: 0;
        display: block;
        width: 50%;
        height: 100%;
        content: ""
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav::before {
        background: #d6d8ea;
        left: 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav::after {
        background: #f6f6f6;
        right: 0
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav>* {
        z-index: 2
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .secondNav {
        max-width: 550px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .detailItemWrap {
        max-width: 958px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .bnrList {
        min-width: 400px;
        padding-left: 80px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav .thirdNav {
        max-width: 550px
    }

    .site-header-02 .globalChild>.content>.inner-02 .childNav-02 .bnrList {
        min-width: 375px;
        padding-left: 40px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav {
        position: relative;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: none
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav::after,.site-header-03 .globalChild>.content>.inner-02 .childNav::before {
        position: absolute;
        z-index: 1;
        top: 0;
        display: block;
        width: 50%;
        height: 100%;
        content: ""
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav::before {
        background: #f8f8f8;
        left: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav::after {
        background: #fff;
        right: 0
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav>* {
        z-index: 2
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .secondNav {
        max-width: 550px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .detailItemWrap {
        max-width: 958px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .bnrList {
        min-width: 400px;
        padding-left: 80px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav .thirdNav {
        max-width: 550px
    }

    .site-header-03 .globalChild>.content>.inner-02 .childNav-02 .bnrList {
        min-width: 375px;
        padding-left: 40px
    }
}

@media screen and (min-width: 1800px),print {
    .mod-form-trendSearch .str-mainvisual>.inner>.content,.str-mainvisual>.str-inner>.content {
        min-height:400px
    }

    .mod-form-trendSearch .str-mainvisual>.inner>.image,.str-mainvisual>.str-inner>.image {
        min-height: 22.2222vw
    }

    .str-mainvisual-carousel-01 .slide-content {
        min-height: 600px
    }

    .str-mainvisual-carousel-01 .slide-image {
        bottom: 0;
        min-height: calc(100vw * 600 / 1800)
    }

    body[data-path="/"] .str-mainvisual .slide-content,body[data-path="/"] .str-mainvisual-02 .slide-content,body[data-path="/"] .str-mainvisual-03 .slide-content {
        min-height: 560px
    }

    body[data-path="/"] .str-mainvisual .slide-content p,body[data-path="/"] .str-mainvisual-02 .slide-content p,body[data-path="/"] .str-mainvisual-03 .slide-content p {
        font-size: 2.4rem
    }

    body[data-path="/"] .str-mainvisual .slide-content h2,body[data-path="/"] .str-mainvisual-02 .slide-content h2,body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
        font-size: 3.4rem
    }

    body[data-path="/"] .str-mainvisual .slide-content>.inner,body[data-path="/"] .str-mainvisual-02 .slide-content>.inner,body[data-path="/"] .str-mainvisual-03 .slide-content>.inner {
        padding-top: 72px
    }

    body[data-path="/"] .str-mainvisual .slide-image,body[data-path="/"] .str-mainvisual-02 .slide-image,body[data-path="/"] .str-mainvisual-03 .slide-image {
        bottom: 0;
        min-height: calc(31.1111vw + 30px)
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content>.inner {
        padding: 48px 48px
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content h2 {
        font-size: 3.2rem
    }

    body[data-path="/"] .str-mainvisual-02 .slide-content p {
        font-size: 1.8rem
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content h2 {
        font-size: 3.2rem
    }

    body[data-path="/"] .str-mainvisual-03 .slide-content p {
        font-size: 1.8rem
    }
}

@media (max-width: 639px) {
    .mod-form-trendSearch,.mod-hdg-l2+.mod-hdg-subtext,.mod-link-03,.mod-link-columnList,.mod-link-important,.mod-media-article,.mod-media-article-02,.mod-pnl-index,.mod-pnl-index2,.mod-pnl-indexBnr,.str-ticker {
        margin-bottom:30px
    }

    .mod-link-03.of-cell>.inner>.list {
        margin: 0 -11px;
        border-top: 1px solid rgba(255,255,255,.25);
        border-left: 1px solid rgba(255,255,255,.25)
    }

    .mod-link-03.of-cell>.inner>.list>li {
        border-right: 1px solid rgba(255,255,255,.25);
        border-bottom: 1px solid rgba(255,255,255,.25)
    }

    .mod-link-03.of-cell>.inner>.list>li>.link {
        text-align: center;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 100%;
        padding: 10px
    }

    .mod-link-03.of-cell>.inner>.list>li>.link>.img {
        display: none
    }

    .mod-link-03.of-cell>.inner>.list>li>.link>.txt {
        display: block;
        width: 100%;
        margin-top: 0
    }

    .mod-link-03.of-cell.of-reverse-color>.inner>.list {
        border-top: 1px solid rgba(0,43,98,.25);
        border-left: 1px solid rgba(0,43,98,.25)
    }

    .mod-link-03.of-cell.of-reverse-color>.inner>.list>li {
        border-right: 1px solid rgba(0,43,98,.25);
        border-bottom: 1px solid rgba(0,43,98,.25)
    }

    .mod-link-03.of-gutter>.inner>.list>li>.link {
        padding: 10px
    }

    .mod-link-03[data-col-sp]>.inner>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-link-03[data-col-sp="1"]>.inner>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%
    }

    .mod-link-03[data-col-sp="2"]>.inner>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%
    }

    .mod-link-03[data-col-sp="3"]>.inner>.list>li {
        -webkit-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%
    }

    .mod-link-03[data-col-sp="4"]>.inner>.list>li {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 25%;
        max-width: 25%
    }

    .mod-link-columnList[data-col-sp]>.container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mod-link-columnList[data-col-sp="1"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col-sp="1"]>.container>.col {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 20px 0 0 50px
    }

    .mod-link-columnList[data-col-sp="2"]>.container {
        margin: -20px 0 0 -50px
    }

    .mod-link-columnList[data-col-sp="2"]>.container>.col {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 20px 0 0 50px
    }

    .mod-pnl-index {
        margin-top: 30px
    }

    .mod-pnl-index[data-col-sp]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-index[data-col-sp="1"]>.list {
        margin: -40px 0 0 -20px
    }

    .mod-pnl-index[data-col-sp="1"]>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 40px 0 0 20px
    }

    .mod-pnl-index[data-col-sp="2"]>.list {
        margin: -40px 0 0 -20px
    }

    .mod-pnl-index[data-col-sp="2"]>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 40px 0 0 20px
    }

    .mod-pnl-index[data-col-sp="2"]>.list>li>.label {
        min-width: 0
    }

    .mod-pnl-index[data-col-sp="2"]>.list>li>.inner>.detail {
        min-height: 20px;
        padding-right: 30px
    }

    .mod-pnl-index[data-col-sp="2"]>.list>li>.inner>.detail::after {
        right: 10px;
        width: 20px;
        height: 20px
    }

    .mod-pnl-index2 {
        margin-top: 30px
    }

    .mod-pnl-index2[data-col-sp]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-index2[data-col-sp="1"]>.list {
        margin: calc(-100vw * 100 / 1340) 0 0 calc(-100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col-sp="1"]>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: calc(100vw * 100 / 1340) 0 0 calc(100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col-sp="2"]>.list {
        margin: calc(-100vw * 100 / 1340) 0 0 calc(-100vw * 130 / 1340)
    }

    .mod-pnl-index2[data-col-sp="2"]>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: calc(100vw * 100 / 1340) 0 0 calc(100vw * 130 / 1340)
    }

    .mod-pnl-indexBnr[data-col-sp]>.list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mod-pnl-indexBnr[data-col-sp="1"]>.list {
        margin: -15px 0 0 -15px
    }

    .mod-pnl-indexBnr[data-col-sp="1"]>.list>li {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 15px 0 0 15px
    }

    .mod-pnl-indexBnr[data-col-sp="2"]>.list {
        margin: -15px 0 0 -15px
    }

    .mod-pnl-indexBnr[data-col-sp="2"]>.list>li {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 15px 0 0 15px
    }

    .mod-media-article-02 {
        margin-top: 30px
    }

    .mod-ticker-01.js-carousel {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-bottom: 30px
    }

    .mod-ticker-01.js-carousel>.slick-inner {
        width: 100%
    }

    .mod-ticker-01.js-carousel>.slick-inner>.slick-next,.mod-ticker-01.js-carousel>.slick-inner>.slick-prev {
        top: auto;
        bottom: 0;
        -webkit-transform: none;
        transform: none
    }

    .mod-ticker-01.js-carousel>.slick-inner>.slick-next {
        right: 0
    }

    .mod-ticker-01.js-carousel>.slick-inner>.slick-prev {
        right: 20px;
        left: 0
    }

    .mod-ticker-01.js-carousel>.slick-inner.slick-dotted.slick-slider::after {
        content: none
    }

    .mod-ticker-01.js-carousel .slick-dots-wrap {
        width: 100%
    }

    .mod-ticker-01.js-carousel .slick-dots-wrap>.btn-control {
        top: 3px;
        right: 50%;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .mod-ticker-01.js-carousel .mod-list-news-02>div {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .mod-ticker-01.js-carousel .mod-list-news-02>div>.date {
        height: auto;
        min-height: 1.4rem;
        max-height: 0;
        margin-bottom: 10px
    }

    .str-mainvisual-carousel-01 .slick-slider {
        height: auto!important
    }
}

@media screen and (max-width: 1024px) {
    .mod-pnl-04>.inner>.col .sub-pnl {
        height:auto!important
    }
}

@media (max-width: 1024px) {
    .lp-tbl {
        overflow-x:auto;
        width: auto
    }

    .lp-tbl td,.lp-tbl th {
        white-space: nowrap
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .mod-list-ordered>ol.list {
        table-layout: fixed
    }

    .mod-list-ordered>ol.list>li>.content {
        width: 97%
    }
}
