html {
    margin: 0;
    padding: 0
}

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

dfn {
    font-style: normal
}

body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd {
    margin: 0
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

ul[class],ol[class] {
    list-style: none
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

article>*+* {
    margin-top: 1em
}

a {
    text-decoration: none
}

input,button,textarea,select {
    font: inherit
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important
    }
}

input[type="text"],input[type="search"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none
}

input[type="checkbox"]:checked+label {
    background: #264989
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent
}

button,input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent
}

* {
    max-height: 100000000px
}

/* @font-face {
    font-family: 'Libre Caslon Text';
    font-style: normal;
    src: url("../fonts/Libre_Caslon_Text/LibreCaslonText-Regular.ttf") format("truetype")
}

@font-face {
    font-family: 'Libre Caslon Text';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/Libre_Caslon_Text/LibreCaslonText-Bold.ttf") format("truetype")
}

@font-face {
    font-family: 'Libre Caslon Text';
    font-weight: bold;
    font-style: italic, oblique;
    src: url("../fonts/Libre_Caslon_Text/LibreCaslonText-Bold.ttf") format("truetype")
} */

html {
    font-size: 62.5%;
    word-break: break-word;
    overflow-wrap: break-word
}

body {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    line-height: 1.6
}

@media screen and (min-width: 2561px) {
    body {
        font-size:2.8rem
    }
}

@media screen and (max-width: 2560px) {
    body {
        font-size:2.1rem
    }
}

@media screen and (min-width: 2561px) {
    p {
        font-size:2.8rem
    }
}

@media screen and (max-width: 2560px) {
    p {
        font-size:2.1rem
    }
}

@media screen and (max-width: 620px) {
    p {
        font-size:1.8rem
    }
}

article h1 {
    font-weight: 300;
    line-height: 1
}

article h2,article h3,article h4 {
    font-weight: 400;
    line-height: 1.2
}

article p.caption {
    font-size: 1.8rem
}

@media screen and (min-width: 2561px) {
    article h1 {
        font-size:9.6rem !important
    }

    article h2 {
        font-size: 5.4rem
    }

    article h3 {
        font-size: 3.6rem
    }

    article h4 {
        font-size: 2.8rem
    }

    article p.caption {
        font-size: 2.1rem
    }
}

@media screen and (max-width: 2560px) {
    article h1 {
        font-size:9.6rem
    }

    article h2 {
        font-size: 4.8rem
    }

    article h3 {
        font-size: 2.9rem
    }

    article h4 {
        font-size: 2.4rem
    }

    article h5 {
        font-size: 1.9rem
    }
}

@media screen and (max-width: 1920px) {
    article h1 {
        font-size:7.6rem
    }
}

@media screen and (max-width: 620px) {
    article h1,article h2 {
        line-height:1.2
    }

    article h1 {
        font-size: 4rem
    }

    article h2 {
        font-size: 3.4rem
    }

    article h3 {
        font-size: 3rem
    }

    article h4 {
        font-size: 2.6rem
    }

    article h5 {
        font-size: 2.2rem
    }
}

article .lead-text {
    font-weight: 400;
    line-height: 1.3
}

@media screen and (min-width: 2561px) {
    article .lead-text {
        font-size:4.2rem
    }
}

@media screen and (max-width: 2560px) {
    article .lead-text {
        font-size:3.2rem
    }
}

@media screen and (max-width: 620px) {
    article .lead-text {
        font-size:2.6rem
    }
}

[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: inherit;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    padding-bottom: 10px
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-content:before,.simplebar-content:after {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -webkit-flex-grow: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 5px;
    pointer-events: none
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 3px;
    background: #e2e2e2
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: -2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
    background: #AFBFC7
}

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/global/cn/common/img/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

#sp-menu {
    display: none
}

.sp-menu-show {
    -webkit-animation: SlideInleft .4s ease-in-out 0s forwards;
    animation: SlideInleft .4s ease-in-out 0s forwards;
    display: block !important
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu,.mm-menu>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel:first-child .mm-navbar {
    display: none !important
}

.mm-panel:first-child .mm-listview {
    margin-top: -50px !important
}

.mm-panel:not(:first-child) .mm-listview>li:not(.mm-divider):after {
    display: none
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-menu>.mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.mm-menu>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-menu>.mm-panel:before,.mm-menu>.mm-panel:after {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    transform: none !important
}

.mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-vertical .mm-listview>li>.mm-next,.mm-listview>li.mm-vertical>.mm-next {
    height: 40px;
    bottom: auto
}

.mm-vertical .mm-listview>li>.mm-next:after,.mm-listview>li.mm-vertical>.mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-vertical .mm-listview>li.mm-opened>.mm-next:after,.mm-listview>li.mm-vertical.mm-opened>.mm-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-navbar {
    text-align: center;
    line-height: 20px;
    padding: 40px 10px 20px;
    margin: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 10px 0
}

.mm-navbar a,.mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar .mm-title {
    display: none
}

.mm-navbar .mm-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90px;
    font-size: 1.8rem;
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 20px 0
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: -10px
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview a,.mm-listview a:hover {
    text-decoration: none
}

.mm-listview>li {
    position: relative
}

.mm-listview>li,.mm-listview>li:after,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before {
    border-color: inherit
}

.mm-listview>li>a,.mm-listview>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    margin: 0;
    font-size: 1.8rem;
    padding: 20px 20px;
    color: #333
}

.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow {
    padding-right: 50px
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #eee;
    display: block;
    position: absolute;
    left: 0;
    right: 20px;
    bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3,2,1,0);
    width: 80px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

@media screen and (min-width: 621px) {
    .mm-listview .mm-next {
        width:111px
    }
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 15px 0
}

.mm-listview .mm-next+a,.mm-listview .mm-next+span {
    margin-right: 80px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-menu>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-menu>.mm-panel>.mm-listview:first-child,.mm-menu>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: 0px
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-prev:before,.mm-next:after,.mm-arrow:after {
    content: '';
    border: 1px solid transparent;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 20px
}

.mm-next:after,.mm-arrow:after {
    border-top: none;
    border-left: none;
    right: 45.5px
}

@media screen and (min-width: 621px) {
    .mm-next:after,.mm-arrow:after {
        right:55.5px
    }
}

.mm-menu {
    background: #fff;
    border-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.7)
}

.mm-menu .mm-navbar>*,.mm-menu .mm-navbar a {
    color: rgba(0,0,0,0.3)
}

.mm-menu .mm-navbar .mm-btn:before,.mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0,0,0,0.3)
}

.mm-menu .mm-listview {
    border-color: rgba(0,0,0,0.1)
}

.mm-menu .mm-listview>li .mm-next:after,.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: #333
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255,255,255,0.5)
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0,0,0,0.05)
}

.mm-menu .mm-divider {
    background: rgba(0,0,0,0.05)
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: #000;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none
}

html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker {
    display: none
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
    top: 100px;
    z-index: 999999
}

@media screen and (max-width: 620px) {
    .mm-menu.mm-offcanvas {
        top:79px
    }
}

.mm-menu.mm-current {
    display: block
}

.mm-panel:not(:first-child) {
    display: block
}

@media screen and (min-width: 621px) {
    .mm-panel:not(:first-child) .mm-next:after,.mm-panel:not(:first-child) .mm-arrow:after {
        right:65.5px
    }
}

.mm-panel:not(:first-child) .mm-listview li {
    margin: 0 0 0 10%
}

.mm-panel:not(:first-child) .mm-listview li:nth-child(n+3):before {
    content: '';
    background: #eee;
    width: 95%;
    height: 1px;
    display: block
}

.mm-panel:not(:first-child) .mm-listview li:last-child:after {
    content: '';
    background: #eee;
    width: 95%;
    height: 1px;
    display: block;
    position: relative;
    left: 0
}

.mm-menu {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-chid-title {
    margin: 0 5% !important;
    border-bottom: 1px solid #bbb !important;
    padding: 0 0 0 10px !important
}

.mm-links-sp ul {
    font-size: 1.8rem
}

.mm-links-sp ul li {
    padding: 10px 0
}

.mm-links-sp ul li a {
    color: #555555
}

.scroll-fade {
    opacity: 0;
    -webkit-transition: all .8s;
    transition: all .8s
}

.scroll-up {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.scroll-down {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.scroll-left {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.scroll-right {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.history-scroll-fade {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .5s .3s;
    transition: all .5s .3s
}

.scroll-up.done,.scroll-down.done,.scroll-fade.done,.scroll-left.done,.scroll-right.done,.history-scroll-fade.done {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.block-inner-box {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.block-inner-box.done {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.load-fade {
    opacity: 0;
    -webkit-transition: all .8s;
    transition: all .8s
}

.load-up {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.load-up.done {
    -webkit-animation: load_up .5s ease-in-out .8s forwards;
    animation: load_up .5s ease-in-out .8s forwards
}

.load-down {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.load-down.done {
    -webkit-animation: load_down .5s ease-in-out .8s forwards;
    animation: load_down .5s ease-in-out .8s forwards
}

.load-left {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all .8s .8s;
    transition: all .8s .8s
}

.load-right {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .8s .8s;
    transition: all .8s .8s
}

.load-left.done,.load-right.done {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.load-fade.done {
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.more-card-show {
    -webkit-animation: card_anim .5s ease-in-out .2s forwards;
    animation: card_anim .5s ease-in-out .2s forwards
}

@-webkit-keyframes load_up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes load_up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes load_down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes load_down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes load_right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes load_right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-webkit-keyframes load_left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes load_left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-webkit-keyframes load_left2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes load_left2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-webkit-keyframes select_box_fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes select_box_fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes card_anim {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes card_anim {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes accordion_anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    70% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes accordion_anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    70% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeup {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeup {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadedown {
    0% {
        display: none;
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    50% {
        height: 174px
    }

    100% {
        display: block;
        opacity: 1;
        height: 174px;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadedown {
    0% {
        display: none;
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    50% {
        height: 174px
    }

    100% {
        display: block;
        opacity: 1;
        height: 174px;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadedownout {
    0% {
        display: block;
        height: 174px;
        max-height: 174px;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        display: none;
        height: auto;
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

@keyframes fadedownout {
    0% {
        display: block;
        height: 174px;
        max-height: 174px;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        display: none;
        height: auto;
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

@-webkit-keyframes fadeupout {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        opacity: 0
    }

    100% {
        opacity: 0;
        display: none;
        height: 1px;
        max-height: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }
}

@keyframes fadeupout {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        opacity: 0
    }

    100% {
        opacity: 0;
        display: none;
        height: 1px;
        max-height: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }
}

@-webkit-keyframes SlideInleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(64px);
        transform: translateX(64px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes SlideInleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(64px);
        transform: translateX(64px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes search_button_anim {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes search_button_anim {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes dropdown {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes dropdown {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes g_nav_load_arrow {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    80% {
        -webkit-transform: translate(10px, 0px);
        transform: translate(10px, 0px)
    }

    0%,80%,100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes g_nav_load_arrow {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    80% {
        -webkit-transform: translate(10px, 0px);
        transform: translate(10px, 0px)
    }

    0%,80%,100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.is-filter-tab-animated {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-animation: load_up .4s ease-in-out .2s forwards;
    animation: load_up .4s ease-in-out .2s forwards
}

.win .fix-pd {
    padding-right: 21px
}

@media screen and (max-width: 1241px) {
    .win .fix-pd {
        padding-right:28px
    }
}

.win .header-inner.fix-pd img {
    position: relative;
    right: .5px
}

.win.chrome .fix-pd {
    padding-right: 20px
}

@media screen and (max-width: 1241px) {
    .win.chrome .fix-pd {
        padding-right:28px
    }
}

header {
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
    -webkit-transition: .4s;
    transition: .4s
}

header .header-link-list li a svg {
    width: 10px;
    height: 10px;
    -webkit-filter: #666666;
    filter: #666666;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

header .header-link-list li a:hover svg {
    opacity: 1
}

header h1 {
    font-size: 4rem;
    font-weight: 200;
    color: #baaec3
}

header h1 img {
    height:20px;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (min-width: 1101px) {
    header h1 img {
        position:relative;
        /* top: 7px */
    }
}

header a {
    color: #333
}

.scroll-logo {
    display: none
}

@media screen and (max-width: 1024px) {
    .header-inner img:first-child {
        display:block !important
    }

    .scroll-logo {
        display: none !important
    }
}

header.hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.breadcrumb.hide {
    -webkit-transform: translateY(-220px);
    transform: translateY(-220px)
}

.menu-text-br {
    display: none
}

.header-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.g-menu {
    margin: auto 0 5px -5vw;
    font-size: 1.8rem;
    white-space: nowrap;
    margin-left:16vw;
}

.g-menu a {
    pointer-events: none;
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s
}

.g-menu .active {
    color: #264989;
    font-weight:700;
}

.g-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.g-menu ul li {
    line-height: 0.9375vw;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

@-moz-document url-prefix() {
    .g-menu ul li {
        line-height: 1rem
    }
}

.g-menu ul li:hover {
    cursor: pointer
}

.g-menu ul li:hover a {
    color: #000
}

.g-menu ul li:not(:first-child) {
    margin-left: 7.03125vw;
}

.g-menu ul li:after {
    content: "";
    background: #F6B375;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

@-moz-document url-prefix() {
    .g-menu ul li:after {
        bottom: -12px
    }
}

.g-menu ul li:hover {
    cursor: pointer
}

.g-menu ul li:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.g-menu ul li:hover a {
    color: #333
}

.g-menu ul .g-menu-active a {
    color: #000
}

.g-menu ul .g-menu-active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    background: #F6B375
}

.g-menu ul .g-menu-active a {
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-button {
    margin: auto 57px 5px auto;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-button svg {
    max-width: 100%;
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-button:hover {
    cursor: pointer
}

.search-button:hover svg g {
    stroke: #264989
}

.search-button:hover svg rect,.search-button:hover svg line {
    fill: #264989;
    stroke: #264989
}

.lang-and-contact-button {
    position: absolute;
    top: 10px;
    right: 3%
}

.lang-and-contact-button-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lang-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem
}

.lang-list li:nth-child(2) {
    margin: 0 20px
}

.lang-list li a {
    color: #bbb;
    -webkit-transition: all .2s;
    transition: all .2s
}

.lang-list li a:hover {
    color: #333
}

.lang-list .lang-active a {
    font-weight: bold;
    color: #342B2B
}

.contact-button {
    margin-left: 40px
}

.contact-button a {
    color: #666;
    font-size: 1.3rem;
    font-weight: bold;
    width: 140px;
    display: block;
    border: 1px solid #666;
    padding: 10px 0;
    border-radius: 30px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.contact-button a:hover {
    border-color: #000;
    color: #000
}

@media screen and (min-width: 951px) {
    #sp-menu {
        display:none !important
    }
}

.sp-menu-trigger {
    display: none
}

.sp-menu-trigger:hover {
    cursor: pointer
}

.menu-trigger,.menu-trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.menu-trigger {
    position: relative;
    width: 30px;
    height: 22px;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333
}

.menu-trigger span:nth-of-type(1) {
    top: 0
}

.menu-trigger span:nth-of-type(2) {
    top: 10px
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0
}

.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg)
}

.menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards
}

@-webkit-keyframes active-menu-bar02 {
    100% {
        height: 0
    }
}

@keyframes active-menu-bar02 {
    100% {
        height: 0
    }
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg)
}

.sp-menu-contact-lang {
    margin: 40px 0
}

.sp-menu-contact-lang>a {
    color: #333;
    font-weight: bold;
    border: 1px solid #333;
    border-radius: 50px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 1.6rem
}

.sp-menu-contact-lang>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 168px;
    margin: 40px auto 0
}

.sp-menu-contact-lang>ul li a {
    color: #bbb;
    font-size: 1.8rem
}

.sp-menu-contact-lang>ul .lang-active a {
    color: #342B2B;
    font-weight: bold
}

.mega-menu-wrap {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 10%;
    z-index: 0;
    text-align: left;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    padding: 60px;
    -webkit-transition: all .4s;
    transition: all .4s;
    visibility: hidden;
    height: 0;
    -webkit-animation: fadeupout 1s ease-in-out 0s forwards;
    animation: fadeupout 1s ease-in-out 0s forwards;
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 2561px) {
    .mega-menu-wrap {
        padding:60px 60px 80px
    }
}

@media screen and (max-width: 1366px) {
    .mega-menu-wrap {
        padding:60px 3%
    }
}

.mega-menu-active-bg {
    background-position: 100%;
    background-color: #000;
    left: 0;
    opacity: .2;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: none
}

.mega-menu-on {
    z-index: 10;
    visibility: inherit;
    -webkit-animation: fadeup 0.4s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
    animation: fadeup 0.4s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards
}

.mega-menu-content {
    display: none;
    opacity: 0;
    height: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 650px;
    width: 100%
}

@media screen and (min-width: 2561px) {
    .mega-menu-content {
        max-width:1200px
    }
}

@media screen and (max-width: 1366px) {
    .mega-menu-content {
        max-width:100%
    }
}

.mega-menu-content .left,.mega-menu-content .right {
    margin-top: 40px
}

@media screen and (min-width: 2561px) {
    .mega-menu-content .left,.mega-menu-content .right {
        margin-top:60px
    }
}

.mega-menu-content>a {
    padding: 15px 0;
    position: absolute;
    left: 0;
    top: -60px;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (min-width: 2561px) {
    .mega-menu-content>a {
        font-size:3.2rem;
        min-width: 320px
    }
}

.mega-menu-content h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-weight: 500;
    font-size: 3rem;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (min-width: 2561px) {
    .mega-menu-content h3 {
        font-size:3.6rem
    }
}

.mega-menu-content h3:after {
    content: "";
    display: inline-block;
    background-image: url("/global/common/img/icon/hover_arrow_red.svg");
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 8px;
    width: auto;
    height: 13px;
    margin-left: 15px;
    opacity: 0;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (min-width: 2561px) {
    .mega-menu-content h3:after {
        width:20px;
        height: 20px
    }
}

.mega-menu-content .g-nav-load-arrow h3:after {
    -webkit-animation: g_nav_load_arrow 1.2s ease-in-out .1s infinite;
    animation: g_nav_load_arrow 1.2s ease-in-out .1s infinite
}

.mega-menu-content a:focus,.mega-menu-content a:hover {
    border-color: #264989
}

.mega-menu-content a:focus h3,.mega-menu-content a:hover h3 {
    color: #264989
}

.mega-menu-content a:focus h3:after,.mega-menu-content a:hover h3:after {
    color: #264989;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mega-menu-content h4 {
    font-size: 2.1rem;
    margin: 10px 0 0
}

.mega-menu-content h4:after {
    content: "";
    display: inline-block;
    background-image: url("/global/common/img/icon/hover_arrow_red.svg");
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 8px;
    width: auto;
    height: 13px;
    margin-left: 15px;
    opacity: 0;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: all .4s;
    transition: all .4s
}

.mega-menu-content p {
    font-size: 1.6rem;
    margin-top: 5px;
    color: #333
}

.mega-menu-content p+img,.mega-menu-content h4+img {
    margin-top: 20px
}

.mega-menu-content .left {
    width: 100%
}

.mega-menu-content .left ul li:not(:first-child) {
    margin-top: 10px
}

.mega-menu-content .left ul li a {
    width: 100%;
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    color: #333;
    -webkit-transition: all .2s;
    transition: all .2s
}

.mega-menu-content .left ul li a:after {
    content: "";
    display: inline-block;
    background-image: url("/global/common/img/icon/hover_arrow_red.svg");
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 8px;
    width: auto;
    height: 13px;
    margin-left: 15px;
    opacity: 0;
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
    -webkit-transition: all .4s;
    transition: all .4s
}

.mega-menu-content .left ul li a:hover {
    color: #264989
}

.mega-menu-content .left ul li a:hover:after,.mega-menu-content .left ul li a:focus:after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mega-menu-content .left ul .border-split {
    border-top: 1px solid #ccc;
    padding-top: 8px
}

.mega-menu-content .right {
    width: 40%;
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1024px) {
    .mega-menu-content .right {
        margin-left:5%
    }
}

.mega-menu-content .right h4 {
    white-space: nowrap;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-weight: 500
}

@media screen and (min-width: 2561px) {
    .mega-menu-content .right h4 {
        font-size:2.6rem
    }
}

@media screen and (min-width: 2561px) {
    .mega-menu-content .right p {
        font-size:2.1rem
    }
}

.mega-menu-content .right a:hover h4,.mega-menu-content .right a:focus h4 {
    color: #264989
}

.mega-menu-content .right a:hover h4:after,.mega-menu-content .right a:focus h4:after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mega-menu-content .menu-close {
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 5%;
    bottom: -40px;
    font-size: 1.6rem;
    color: #000;
    margin: 0 calc(50% - 50vw)
}

.mega-menu-content .menu-close:hover {
    color: #264989
}

@media screen and (min-width: 2561px) {
    .mega-menu-content .menu-close {
        font-size:2.1rem;
        bottom: -60px
    }
}

.mega-menu-content .menu-close:hover {
    cursor: pointer
}

.mega-menu-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media screen and (min-width: 2561px) {
    .mega-menu-list-wrap {
        font-size:2.6rem
    }
}

.mega-menu-list-wrap ul {
    max-width: 33.333333%;
    width: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mega-menu-list-wrap ul:not(:first-child) {
    margin-left: 20%
}

.mega-menu-list-wrap ul li {
    width: 50%;
    text-align: left;
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: 1.9rem
}

@media screen and (min-width: 2561px) {
    .mega-menu-list-wrap ul li {
        font-size:2.1rem
    }
}

.mega-menu-list-wrap ul .li-show {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.mega-menu-on .right {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.mega-menu-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: card_anim .4s ease-in-out .1s forwards;
    animation: card_anim .4s ease-in-out .1s forwards;
    height: auto
}

.search-box {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
    text-align: left;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    padding: 60px 0;
    z-index: -1;
    visibility: hidden;
    max-height: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-animation: fadedownout .4s ease-in-out 0s forwards;
    animation: fadedownout .4s ease-in-out 0s forwards
}

.search-box form {
    margin: 0 15%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px
}

.search-box form *:focus-visible {
    color: auto !important;
    background: transparent !important;
    outline: none !important;
    outline-offset: 0
}

@media screen and (max-width: 1024px) {
    .search-box form {
        margin:0 5%
    }
}

.search-box form input::-webkit-input-placeholder {
    color: #bbb
}

.search-box form input:-ms-input-placeholder {
    color: #bbb
}

.search-box form input::-ms-input-placeholder {
    color: #bbb
}

.search-box form input::placeholder {
    color: #bbb
}

.search-box form input:-ms-input-placeholder {
    color: #bbb
}

.search-box form input::-ms-input-placeholder {
    color: #bbb
}

.search-box form input[type="text"] {
    margin-right: auto;
    width: 100%;
    padding: 0 20px 0 40px
}

.search-box form button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin-right: 20px;
    letter-spacing: .5rem;
    font-size: 1.6rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-box form button svg {
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.search-box form button svg * {
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-box form button:hover {
    cursor: pointer;
    color: #264989
}

.search-box form button:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.search-box form button:hover svg * {
    stroke: #264989
}

.search-box form button svg {
    margin-left: 10px
}

.sp-search-focus {
    position: fixed;
    top: 0 !important;
    z-index: 11;
    padding: 20px 0;
    height: 100px;
    max-height: 100px !important
}

.search-box-active {
    visibility: inherit;
    max-height: 174px;
    -webkit-animation: fadedown .4s ease-in-out 0s forwards;
    animation: fadedown .4s ease-in-out 0s forwards
}

.search-button img:last-child {
    opacity: 0;
    display: none
}

.search-close svg {
    display: none !important
}

.search-close img:last-child {
    display: block;
    -webkit-animation: search_button_anim .4s ease-in-out 0s forwards;
    animation: search_button_anim .4s ease-in-out 0s forwards
}

@media screen and (min-width: 2561px) {
    header {
        padding:40px 5% 20px
    }

    header h1 img {
        /* width: 210px */
    }

    .g-menu ul li:not(:first-child) {
        margin-left: 15%
    }
}

@media screen and (max-width: 2560px) {
    header {
        padding:70px 3% 30px
    }

    .g-menu ul li:not(:first-child) {
        margin-left: 10%
    }
}

@media screen and (max-width: 1366px) {
    .g-menu ul li:not(:first-child) {
        margin-left:3.2vw
    }
}

@media screen and (max-width: 1130px) {
    .menu-text-br {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    header {
        padding:40px 3% 20px
    }
}

@media screen and (max-width: 1100px) {
    .g-menu {
        margin:auto -5% 5px -5vw
    }
}

@media screen and (max-width: 950px) {
    header {
        height:100px;
        padding: 0;
        padding-top: 0 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    header h1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 0 5%
    }

    .header-inner {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%
    }

    .search-button {
        min-width: 22.3px;
        justify-self: flex-end;
        margin: 0 0 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px
    }

    .sp-menu-trigger {
        border-left: 1px solid #eee;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px
    }

    .lang-and-contact-button {
        display: none
    }

    .mega-menu-wrap,.mega-menu-active-bg {
        display: none
    }

    .g-menu {
        display: none
    }
}

@media screen and (max-width: 620px) {
    header {
        height:80px
    }

    header h1 img {
        /* width: 95px */
    }

    .search-button {
        padding: 0 30px
    }

    .sp-menu-trigger {
        padding: 0 24.5px
    }
}

footer {
    margin-top: 200px;
    position: relative
}

@media screen and (max-width: 620px) {
    footer {
        margin-top:17rem
    }
}

footer .locations {
    background: #00AE83
}

footer .locations a {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    height: 150px
}

@media screen and (max-width: 620px) {
    footer .locations a {
        height:auto;
        padding: 27.08px 0
    }
}

footer .locations a img {
    margin-right: 20px
}

footer .locations a h5 {
    font-weight: 500;
    font-size: 2.1rem
}

@media screen and (min-width: 2561px) {
    footer .locations a h5 {
        font-size:2.6rem
    }
}

@media screen and (max-width: 620px) {
    footer .locations a h5 {
        font-size:1.6rem
    }
}

footer .footer-content {
    /* background: #333; */
    /* padding: 40px 0 */
}

footer .footer-content img {
    margin: 20px auto 60px
}

footer .footer-content a {
    color: #bbbbbb
}

footer .footer-nav {
    margin: 0 10%
}

@media screen and (max-width: 620px) {
    footer .footer-nav {
        margin:0 5%
    }
}

footer .footer-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

footer .footer-nav ul li:not(:first-child) {
    margin-left: 30px
}

footer .footer-nav ul li a {
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 1.5rem
}

@media screen and (min-width: 2561px) {
    footer .footer-nav ul li a {
        font-size:1.7rem
    }
}

@media screen and (max-width: 620px) {
    footer .footer-nav ul li a {
        font-size:1.2rem
    }
}

footer .footer-nav ul li a:hover {
    color: #fff
}

footer .copy {
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px;
    line-height: 1
}

@media screen and (max-width: 620px) {
    footer .copy {
        margin-top:40px
    }
}

footer .copy small {
    font-size: 1.6rem
}

@media screen and (min-width: 2561px) {
    footer .copy small {
        font-size:1.8rem
    }
}

@media screen and (max-width: 620px) {
    footer .copy small {
        font-size:1.4rem
    }
}

@media screen and (max-width: 620px) {
    footer .locations a {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    footer .locations a h5 {
        width: 100%;
        text-align: center;
        margin-top: 4px
    }

    footer .locations a img {
        margin-right: 0;
        width: 45px
    }

    .footer-nav ul li {
        margin: 0;
        text-align: center
    }

    .footer-nav ul li span {
        display: none
    }
}

.breadcrumb {
    margin: 0;
    padding: 0 5%;
    border-bottom: 1px solid #eee;
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 10;
    -webkit-transition: .4s;
    transition: .4s;
    height: 36px
}

@media screen and (min-width: 2561px) {
    .breadcrumb {
        height:46px
    }
}

.breadcrumb>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb>ul>li {
    -webkit-transition: all .2s;
    transition: all .2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    line-height: 1em
}

.breadcrumb>ul>li:not(:first-child):before {
    content: "";
    background: url(../img/icon/breadcrumb_arrow.svg) no-repeat 100%/contain;
    width: 30px;
    height: 100%;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.breadcrumb>ul>li>a {
    padding: 10px 20px;
    white-space: nowrap
}

.breadcrumb>ul>li a {
    color: #555;
    -webkit-transition: all .2s;
    transition: all .2s
}

.breadcrumb>ul>li:not(:last-child):hover>a {
    color: #264989
}

.breadcrumb>ul>li .no-link:hover {
    cursor: default
}

.breadcrumb>ul .subNav:hover {
    cursor: pointer
}

.breadcrumb>ul .subNav:after {
    content: "";
    background: url(../img/icon/arrow_right_type1.svg) no-repeat 100%/contain;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin: 0 20px 0 5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    transition: all .3s
}

.subNav {
    position: relative
}

.subNav ::-webkit-scrollbar {
    width: 3px
}

.subNav ::-webkit-scrollbar-track {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px #fff;
    box-shadow: inset 0 0 6px #fff
}

.subNav ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.3);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3)
}

.subNav .dropdown {
    z-index: 10;
    background: #fff;
    position: absolute;
    left: 50px;
    top: 100%;
    width: auto;
    max-height: 300px;
    overflow-y: scroll;
    direction: ltr;
    scrollbar-color: #ccc #fff;
    scrollbar-width: thin;
    border-top: 1px solid #eee;
    padding: 10px 0;
    display: inline;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    display: none
}

.subNav .dropdown::-webkit-scrollbar {
    width: 20px
}

.subNav .dropdown::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 100px
}

.subNav .dropdown::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 5px solid transparent;
    background-clip: content-box;
    background-color: #ccc
}

.subNav .dropdown li {
    background: #fff;
    width: 100%
}

.subNav .dropdown li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px;
    width: 100%;
    line-height: 1.5em;
    white-space: nowrap;
    -webkit-transition: all .2s;
    transition: all .2s
}

.subNav .dropdown li a:after {
    content: "";
    display: inline-block;
    background-image: url(/global/common/img/icon/hover_arrow_red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 8px;
    width: auto;
    height: 12px;
    margin-left: 10px;
    opacity: 0;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: all .4s;
    transition: all .4s
}

.subNav .dropdown li a:hover,.subNav .dropdown li a:focus {
    color: #264989
}

.subNav .dropdown li a:hover:after,.subNav .dropdown li a:focus:after {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.subNav .dropdown li a.no-link {
    color: rgba(176,191,200,0.5)
}

.subNav .dropdown li a.no-link:after,.subNav .dropdown li a.no-link svg {
    display: none !important
}

.subNav .open {
    -webkit-animation: dropdown .6s ease-in-out 0s forwards;
    animation: dropdown .6s ease-in-out 0s forwards
}

.breadcrumb>ul .subNav-active:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media screen and (min-width: 2561px) {
    .subNav .dropdown {
        min-width:280px
    }

    .breadcrumb>ul {
        font-size: 1.8rem
    }

    .breadcrumb>ul>li {
        height: 45px
    }
}

@media screen and (max-width: 2560px) {
    .breadcrumb ul {
        font-size:1.4rem
    }
}

@media screen and (max-width: 950px) {
    .breadcrumb {
        display:none
    }
}

.level-2-wrap {
    overflow-x: hidden;
    margin-bottom: -100px;
    padding-bottom: 1px
}

.level-2-content {
    margin: 2% 15% 0
}

@media screen and (max-width: 1920px) {
    .level-2-content {
        margin:5% 10% 0
    }
}

@media screen and (max-width: 950px) {
    .level-2-content {
        margin:30px 35px 0
    }
}

@media screen and (max-width: 1366px) {
    .main-v-br-sp-none {
        display:none
    }
}

.home .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(35vw, rgba(38, 73, 137, 0.85)), color-stop(0, #264989));
    background: -webkit-linear-gradient(left, rgba(38, 73, 137, 0.85) 35vw, #264989 0);
    background: linear-gradient(90deg, rgba(38, 73, 137, 0.85) 42.5vw, #264989 0)
}

.news .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(15vw, #264989), color-stop(0, rgba(38, 73, 137, 0.85)));
    background: -webkit-linear-gradient(left, #264989 15vw, rgba(38, 73, 137, 0.85) 0);
    background: linear-gradient(90deg, #264989 15vw, rgba(38, 73, 137, 0.85) 0)
}

.about-meiji .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(15vw, red), color-stop(0, rgba(255,0,0,0.75)));
    background: -webkit-linear-gradient(left, red 15vw, rgba(255,0,0,0.75) 0);
    background: linear-gradient(90deg, red 15vw, rgba(255,0,0,0.75) 0)
}

.food .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(0vw, #264989), color-stop(0, rgba(38, 73, 137,0.8)));
    background: -webkit-linear-gradient(left, #264989 0vw, rgba(38, 73, 137,0.8) 0);
    background: linear-gradient(90deg, #264989 0vw, rgba(38, 73, 137,0.8) 0);
    margin:5.682% 0 5.682% 3.35%;
    padding:6.5% 11% 6.5% 4%;
    display:block;
}

.pharmaceuticals .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(15vw, #407BBE), color-stop(0, rgba(64,123,190,0.75)));
    background: -webkit-linear-gradient(left, #407BBE 15vw, rgba(64,123,190,0.75) 0);
    background: linear-gradient(90deg, #407BBE 15vw, rgba(64,123,190,0.75) 0)
}

.sustainability .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(15vw, red), color-stop(0, rgba(255,0,0,0.75)));
    background: -webkit-linear-gradient(left, red 15vw, rgba(255,0,0,0.75) 0);
    background: linear-gradient(90deg, red 15vw, rgba(255,0,0,0.75) 0)
}

.investors .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(15vw, red), color-stop(0, rgba(255,0,0,0.75)));
    background: -webkit-linear-gradient(left, red 15vw, rgba(255,0,0,0.75) 0);
    background: linear-gradient(90deg, red 15vw, rgba(255,0,0,0.75) 0)
}

.worldwide-locations .main-v-type-1 .read-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(15vw, red), color-stop(0, rgba(255,0,0,0.75)));
    background: -webkit-linear-gradient(left, red 15vw, rgba(255,0,0,0.75) 0);
    background: linear-gradient(90deg, red 15vw, rgba(255,0,0,0.75) 0);
    width: 60%
}

@media screen and (max-width: 1920px) {
    .home .main-v-type-1 .read-text {
        background:-webkit-gradient(linear, left top, right top, color-stop(40vw, rgba(38, 73, 137, 0.85)), color-stop(0, #264989));
        background: -webkit-linear-gradient(left, rgba(38, 73, 137, 0.85) 40vw, #264989 0);
        background: linear-gradient(90deg, rgba(38, 73, 137, 0.85) 40vw, #264989 0)
    }

    .news .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, #264989), color-stop(0, rgba(38, 73, 137, 0.85)));
        background: -webkit-linear-gradient(left, #264989 10vw, rgba(38, 73, 137, 0.85) 0);
        background: linear-gradient(90deg, #264989 10vw, rgba(38, 73, 137, 0.85) 0)
    }

    .about-meiji .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }

    .food .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(0vw, rgb(38, 73, 137)), color-stop(0, rgba(38,73,137,0.8)));
        background: -webkit-linear-gradient(left, #264989 0vw, rgba(38,73,137,0.8) 0);
        background: linear-gradient(90deg, #264989 0vw, rgba(38,73,137,0.8) 0)
    }

    .pharmaceuticals .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, #407BBE), color-stop(0, rgba(64,123,190,0.75)));
        background: -webkit-linear-gradient(left, #407BBE 10vw, rgba(64,123,190,0.75) 0);
        background: linear-gradient(90deg, #407BBE 10vw, rgba(64,123,190,0.75) 0)
    }

    .sustainability .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }

    .investors .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }

    .worldwide-locations .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }
}

@media screen and (max-width: 1366px) {
    .home .main-v-type-1 .read-text {
        background:-webkit-gradient(linear, left top, right top, color-stop(35vw, rgba(38, 73, 137, 0.85)), color-stop(0, #264989));
        background: -webkit-linear-gradient(left, rgba(38, 73, 137, 0.85) 35vw, #264989 0);
        background: linear-gradient(90deg, rgba(38, 73, 137, 0.85) 35vw, #264989 0)
    }

    .news .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, #264989), color-stop(0, rgba(38, 73, 137, 0.85)));
        background: -webkit-linear-gradient(left, #264989 10vw, rgba(38, 73, 137, 0.85) 0);
        background: linear-gradient(90deg, #264989 10vw, rgba(38, 73, 137, 0.85) 0)
    }

    .about-meiji .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }

    .food .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(0vw, #264989), color-stop(0, rgba(38, 73, 137,0.8)));
        background: -webkit-linear-gradient(left, #264989 0vw, rgba(38, 73, 137,0.8) 0);
        background: linear-gradient(90deg, #264989 0vw, rgba(38, 73, 137,0.8) 0)
    }

    .pharmaceuticals .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, #407BBE), color-stop(0, rgba(64,123,190,0.75)));
        background: -webkit-linear-gradient(left, #407BBE 10vw, rgba(64,123,190,0.75) 0);
        background: linear-gradient(90deg, #407BBE 10vw, rgba(64,123,190,0.75) 0)
    }

    .sustainability .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }

    .investors .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0)
    }

    .worldwide-locations .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(10vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 10vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 10vw, rgba(255,0,0,0.75) 0);
        width: 66%
    }
}

@media screen and (max-width: 950px) {
    .home .main-v-type-1 .read-text {
        background:-webkit-gradient(linear, left top, right top, color-stop(40vw, rgba(38, 73, 137, 0.85)), color-stop(0, #264989));
        background: -webkit-linear-gradient(left, rgba(38, 73, 137, 0.85) 40vw, #264989 0);
        background: linear-gradient(90deg, rgba(38, 73, 137, 0.85) 40vw, #264989 0)
    }

    .news .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, #264989), color-stop(0, rgba(38, 73, 137, 0.85)));
        background: -webkit-linear-gradient(left, #264989 5vw, rgba(38, 73, 137, 0.85) 0);
        background: linear-gradient(90deg, #264989 5vw, rgba(38, 73, 137, 0.85) 0)
    }

    .about-meiji .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }

    .food .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(0vw, #264989), color-stop(0, rgba(38, 73, 137,0.8)));
        background: -webkit-linear-gradient(left, #264989 0vw, rgba(38, 73, 137,0.8) 0);
        background: linear-gradient(90deg, #264989 0vw, rgba(38, 73, 137,0.8) 0)
    }

    .pharmaceuticals .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, #407BBE), color-stop(0, rgba(64,123,190,0.75)));
        background: -webkit-linear-gradient(left, #407BBE 5vw, rgba(64,123,190,0.75) 0);
        background: linear-gradient(90deg, #407BBE 5vw, rgba(64,123,190,0.75) 0)
    }

    .sustainability .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }

    .investors .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }

    .worldwide-locations .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0);
        width: 60%
    }
}

@media screen and (max-width: 620px) {
    .home .main-v-type-1 .read-text {
        background:-webkit-gradient(linear, left top, right top, color-stop(5vw, #264989), color-stop(0, rgba(38, 73, 137, 0.85)));
        background: -webkit-linear-gradient(left, #264989 5vw, rgba(38, 73, 137, 0.85) 0);
        background: linear-gradient(90deg, #264989 5vw, rgba(38, 73, 137, 0.85) 0)
    }

    .news .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, #264989), color-stop(0, rgba(38, 73, 137, 0.85)));
        background: -webkit-linear-gradient(left, #264989 5vw, rgba(38, 73, 137, 0.85) 0);
        background: linear-gradient(90deg, #264989 5vw, rgba(38, 73, 137, 0.85) 0)
    }

    .about-meiji .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }

    .food .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(0vw, #264989), color-stop(0, rgba(38, 73, 137,0.8)));
        background: -webkit-linear-gradient(left, hwb(219 15% 46%), rgba(38, 73, 137,0.8) 0);
        background: linear-gradient(90deg, #264989 0vw, rgba(38, 73, 137,0.8) 0)
    }

    .pharmaceuticals .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, #407BBE), color-stop(0, rgba(64,123,190,0.75)));
        background: -webkit-linear-gradient(left, #407BBE 5vw, rgba(64,123,190,0.75) 0);
        background: linear-gradient(90deg, #407BBE 5vw, rgba(64,123,190,0.75) 0)
    }

    .sustainability .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }

    .investors .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }

    .worldwide-locations .main-v-type-1 .read-text {
        background: -webkit-gradient(linear, left top, right top, color-stop(5vw, red), color-stop(0, rgba(255,0,0,0.75)));
        background: -webkit-linear-gradient(left, red 5vw, rgba(255,0,0,0.75) 0);
        background: linear-gradient(90deg, red 5vw, rgba(255,0,0,0.75) 0)
    }
}

.news .article-level-3 .article-sns-list {
    margin: 50px 0 0
}

.investors .main-v-type-1 .read-text,.news .main-v-type-1 .read-text,.worldwide-locations .main-v-type-1 .read-text {
    margin: 6% 0;
    white-space: nowrap
}

@media screen and (max-width: 950px) {
    .investors .main-v-type-1 .read-text,.news .main-v-type-1 .read-text,.worldwide-locations .main-v-type-1 .read-text {
        /* margin:10% 0; */
        width: auto
    }

    .investors .main-v-type-1 .read-text .read-text-innter,.news .main-v-type-1 .read-text .read-text-innter,.worldwide-locations .main-v-type-1 .read-text .read-text-innter {
        padding-right: 14vw
    }
}

.investors .main-v-type-1 .read-text .read-text-innter h1,.news .main-v-type-1 .read-text .read-text-innter h1,.worldwide-locations .main-v-type-1 .read-text .read-text-innter h1 {
    font-size: 2.96875vw;
    font-weight: 300
}

@media screen and (max-width: 1920px) {
    .investors .main-v-type-1 .read-text .read-text-innter h1,.news .main-v-type-1 .read-text .read-text-innter h1,.worldwide-locations .main-v-type-1 .read-text .read-text-innter h1 {
        font-size:6.0rem
    }
}

@media screen and (max-width: 1366px) {
    .investors .main-v-type-1 .read-text .read-text-innter h1,.news .main-v-type-1 .read-text .read-text-innter h1,.worldwide-locations .main-v-type-1 .read-text .read-text-innter h1 {
        font-size:5.6rem
    }
}

@media screen and (max-width: 950px) {
    .investors .main-v-type-1 .read-text .read-text-innter h1,.news .main-v-type-1 .read-text .read-text-innter h1,.worldwide-locations .main-v-type-1 .read-text .read-text-innter h1 {
        font-size:5.4rem
    }
}

@media screen and (max-width: 620px) {
    .investors .main-v-type-1 .read-text .read-text-innter h1,.news .main-v-type-1 .read-text .read-text-innter h1,.worldwide-locations .main-v-type-1 .read-text .read-text-innter h1 {
        font-size:3.0rem
    }
}

.main-v-type-1 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.main-v-type-1 .sp {
    display: none
}

.main-v-type-1 .main-v-img {
    opacity: 0;
    -webkit-animation: load_right .5s ease-in-out .5s forwards;
    animation: load_right .5s ease-in-out .5s forwards;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    padding-left: 15%
}

.main-v-type-1 .main-v-img img {
    width: 100%
}

.main-v-type-1 h1 {
    font-size: 3.125vw;
    font-weight: normal;
    line-height: 1
}

.main-v-type-1 p {
    font-size: 1.145vw !important;
    line-height: 1.458vw !important;
    margin: 0px 0 0;
    font-weight: lighter;
}
.main-v-type-1 .line{
    width:100%;
    height:1px;
    background:#fff;
    margin:9% 0 8% 0;
}

.main-v-type-1 .read-text {
    opacity: 0;
    -webkit-animation: load_left .5s ease-in-out .5s forwards;
    animation: load_left .5s ease-in-out .5s forwards;
    width: 50%;
    padding: 2vw 20px 2vw 17%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 5% 0;
    -webkit-backface-visibility: hidden;
    pointer-events: none
}

.main-v-type-1 .read-text a {
    pointer-events: auto
}
@media screen and (max-width: 1540px) {
    .main-v-type-1 p {
        font-size: 1.6rem !important;
    }
}

@media screen and (max-width: 1920px) {
    .main-v-type-1 h1 {
        font-size:5.7rem;
    }

    .main-v-type-1 p {
        font-size: 2.7vw;
        line-height: 3.2vw
    }

    .main-v-type-1 .main-v-img {
        padding-left: 10%
    }

    .main-v-type-1 .read-text {
        margin: 3% 0;
        padding: 2vw 20px 2vw 12%
    }
}

@media screen and (max-width: 1366px) {
    .main-v-type-1 .read-text {
        width:45%;
        margin: 2% 0
    }

    .main-v-type-1 p {
        font-size: 2.6vw;
        line-height: 3.2vw
    }
}

@media screen and (max-width: 950px) {
    .main-v-type-1 .pc {
        display:none
    }

    .main-v-type-1 .sp {
        display: block
    }

    .main-v-type-1 h1 {
        font-size: 2.6rem
    }

    .main-v-type-1 p {
        font-size: 2.4vw;
        line-height: 3vw
    }

    .main-v-type-1 .main-v-img {
        padding-left: 5%
    }

    .main-v-type-1 .read-text {
        margin: 12% 0;
        padding: 2vw 20px 2vw 9%
    }
}

@media screen and (max-width: 620px) {
    .main-v-type-1 .read-text {
        /* min-width: 100%; */
        /* margin: 0 !important; */
        width: auto;
        text-align: center;
        /* background: none !important; */
        padding: 4vw 20px 4vw 9%
    }

    .main-v-type-1 h1 {
        font-size: 2.0rem
    }

    .main-v-type-1 p {
        display: none
    }
}

.sp-read-text p {
    font-size: 2.3rem;
    line-height: 3.1rem
}

@media screen and (min-width: 621px) {
    .sp-read-text {
        display:none
    }
}

.level-2-wrap .cover-bg {
    background-size: cover;
    background-position: center center;
    height: 1000px;
    pointer-events: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff
}

.level-2-wrap .cover-bg:before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: inherit;
    -webkit-filter: blur(5px) brightness(80%);
    filter: blur(5px) brightness(80%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.level-2-wrap .cover-bg:hover:before {
    opacity: 1
}

@media screen and (max-width: 2560px) {
    .level-2-wrap .cover-bg {
        height:550px
    }
}

@media screen and (max-width: 950px) {
    .level-2-wrap .cover-bg {
        padding:0 5%
    }
}

@media screen and (max-width: 620px) {
    .level-2-wrap .cover-bg {
        height:400px
    }
}

.level-2-wrap .cover-bg h1 {
    font-size: 3.2rem;
    line-height: 1
}

.level-2-wrap .cover-bg h2 {
    font-size: 7.2rem;
    line-height: 5.0rem;
    margin-top: 30px;
    font-weight: 600
}

.level-2-wrap .cover-bg .year {
    font-size: 2.4rem;
    line-height: 3.5rem;
    margin: 20px 0 30px
}

.level-2-wrap .cover-bg a {
    border: 1px solid #fff;
    pointer-events: auto;
    line-height: 1.4em
}

@media screen and (max-width: 1366px) {
    .level-2-wrap .cover-bg h1 {
        font-size:2.6rem
    }

    .level-2-wrap .cover-bg h2 {
        font-size: 4.0rem
    }
}

@media screen and (max-width: 620px) {
    .level-2-wrap .cover-bg h1 {
        font-size:2.4rem
    }

    .level-2-wrap .cover-bg h2 {
        margin-top: 20px
    }

    .level-2-wrap .cover-bg .year {
        display: none
    }

    .level-2-wrap .cover-bg a {
        margin-top: 30px
    }
}

.colmun-first-content-large ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.colmun-first-content-large ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: calc((100% - 8%) / 4);
    margin-right: calc(8% / 4);
    margin-bottom: 30px
}

@media screen and (max-width: 1920px) {
    .colmun-first-content-large ul li {
        width:calc((100% - 5%) / 3);
        margin-right: calc(5% / 3)
    }
}

@media screen and (max-width: 950px) {
    .colmun-first-content-large ul li {
        width:calc((100% - 5%) / 2);
        margin-right: calc(5% / 2)
    }
}

@media screen and (max-width: 620px) {
    .colmun-first-content-large ul li {
        width:100%;
        margin-right: 0
    }
}

.colmun-first-content-large ul li .thum {
    overflow: hidden
}

.colmun-first-content-large ul li .thum img {
    width: 100%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.colmun-first-content-large ul li .title {
    padding: 20px 30px;
    font-size: 3.0rem;
    line-height: 4.0rem;
    color: #333;
    font-weight: bold
}

@media screen and (max-width: 620px) {
    .colmun-first-content-large ul li .title {
        font-size:2.1rem;
        line-height: 3rem
    }
}

.colmun-first-content-large ul li .posted-date {
    color: #333;
    font-size: 2.0rem;
    line-height: 1;
    padding: 0 0 0 30px;
    position: absolute;
    bottom: 30px
}

.colmun-first-content-large ul li a {
    width: 100%;
    background: rgba(175,191,199,0.25);
    height: 100%;
    position: relative;
    padding-bottom: 20px;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.colmun-first-content-large ul li a:after {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 5px solid #AFBFC7;
    -webkit-transition: all .2s;
    transition: all .2s
}

.colmun-first-content-large ul li a:hover:after {
    opacity: 1
}

.colmun-first-content-large ul li a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.col-4>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col-4>ul>li {
    width: calc((100% - 150px) / 4);
    margin-right: calc(100px / 2)
}

.col-4>ul>li:nth-of-type(4n) {
    margin-right: 0
}

@media screen and (max-width: 1366px) {
    .col-4>ul>li {
        width:calc((100% - 50px) / 2);
        margin-right: 50px;
        margin-bottom: 50px
    }

    .col-4>ul>li:nth-of-type(2n) {
        margin-right: 0
    }

    .col-4>ul>li:nth-of-type(3n) {
        margin-right: 50px
    }

    .col-4>ul>li:nth-of-type(6n) {
        margin-right: 0
    }
}

@media screen and (max-width: 620px) {
    .col-4>ul>li {
        width:100%;
        margin-right: 0
    }

    .col-4>ul>li:nth-of-type(3n) {
        margin-right: 0
    }
}

.col-3>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1921px) {
    .col-3>ul>li {
        width:calc((100% - 150px) / 3);
        margin-right: calc(150px / 2);
        margin-bottom: 75px
    }

    .col-3>ul>li:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1920px) {
    .col-3>ul>li {
        width:calc((100% - 150px) / 3);
        margin-right: calc(150px / 2);
        margin-bottom: 75px
    }

    .col-3>ul>li:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1366px) {
    .col-3>ul>li {
        width:calc((100% - 100px) / 3);
        margin-right: calc(100px / 2);
        margin-bottom: 50px
    }
}

@media screen and (max-width: 950px) {
    .col-3>ul>li {
        width:calc((100% - 50px) / 2);
        margin-right: 50px;
        margin-bottom: 25px
    }

    .col-3>ul>li:nth-of-type(2n) {
        margin-right: 0
    }

    .col-3>ul>li:nth-of-type(3n) {
        margin-right: 50px
    }

    .col-3>ul>li:nth-of-type(6n) {
        margin-right: 0
    }
}

@media screen and (max-width: 620px) {
    .col-3>ul>li {
        width:100%;
        margin-right: 0
    }

    .col-3>ul>li:nth-of-type(3n) {
        margin-right: 0
    }
}

.col-2>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col-2>ul>li {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
    margin-bottom: 25px
}

.col-2>ul>li:nth-of-type(2n) {
    margin-right: 0
}

.col-2>ul>li:nth-of-type(3n) {
    margin-right: 50px
}

.col-2>ul>li:nth-of-type(6n) {
    margin-right: 0
}

@media screen and (max-width: 620px) {
    .col-2>ul>li {
        width:100%;
        margin-right: 0
    }

    .col-2>ul>li:nth-of-type(3n) {
        margin-right: 0
    }
}

.level-2-content-first img {
    width: 100%;
    padding-right: 15vw
}

@media screen and (max-width: 2560px) {
    .level-2-content-first img {
        padding-right:10%
    }
}

.level-2-content-first .first-img-text {
    background: #fff;
    margin: -18% 0 0 50%;
    padding: 40px
}

.level-2-content-first .first-img-text h3 {
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 4.8rem
}

.level-2-content-first .first-img-text p {
    margin: 20px 0 40px;
    line-height: 4.0rem
}

@media screen and (max-width: 1920px) {
    .level-2-content-first .first-img-text p {
        line-height:2.8rem
    }
}

@media screen and (max-width: 1920px) {
    .level-2-content-first .first-img-text {
        margin:-15vw 0 0 30%;
        padding: 40px
    }

    .level-2-content-first .first-img-text h3 {
        font-size: 3.2rem;
        line-height: 4rem
    }

    .level-2-content-first .first-img-text p {
        line-height: 2.8rem
    }
}

@media screen and (max-width: 950px) {
    .level-2-content-first .first-img-text {
        margin:-10% 0 0 15vw
    }

    .level-2-content-first .first-img-text h3 {
        font-size: 2.8rem;
        line-height: 3.8rem
    }

    .level-2-content-first .first-img-text p {
        font-size: 2.1rem
    }
}

@media screen and (max-width: 620px) {
    .level-2-content-first img {
        padding-right:0
    }

    .level-2-content-first .first-img-text {
        padding: 0;
        margin: 20px 0 0 0
    }

    .level-2-content-first .primary-outline-link {
        display: block;
        text-align: center
    }
}

.quote-wrap {
    background: rgba(175,191,199,0.2);
    margin: 100px calc(50% - 50vw);
    padding: 100px 5%
}

.quote {
    margin: 0 15% 0 25%
}

@media screen and (max-width: 1920px) {
    .quote {
        margin:0 10%
    }
}

@media screen and (max-width: 1366px) {
    .quote {
        margin:0 8%
    }
}

@media screen and (max-width: 1024px) {
    .quote {
        margin:0 5%
    }
}

.quote p {
    font-size: 4.8rem;
    line-height: 6.2rem;
    font-weight: lighter;
    padding-left: 0em;
    text-indent: -1.1em;
    max-width: 85%
}

.quote p:before {
    content: '';
    background: url(/global/common/img/icon/quote.svg) no-repeat;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    margin: 15px 20px 0 0;
    position: relative;
    top: -10px
}

.quote p:after {
    content: '';
    background: url(/global/common/img/icon/quote.svg) no-repeat;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    margin: 0 0 0 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: 20px
}

@media screen and (max-width: 1920px) {
    .quote p {
        font-size:4.2rem;
        line-height: 5.2rem
    }
}

@media screen and (max-width: 1366px) {
    .quote p {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        text-indent: 0;
        max-width: 100%
    }
}

@media screen and (max-width: 950px) {
    .quote p {
        font-size:3.8rem;
        line-height: 4.8rem
    }
}

@media screen and (max-width: 620px) {
    .quote p {
        font-size:2.8rem;
        line-height: 3.8rem;
        text-align: left;
        padding-left: 40px;
        text-indent: -40px
    }

    .quote p:before,.quote p:after {
        max-width: 15px;
        min-width: 20px;
        height: 19px;
        top: 0
    }

    .quote p:before {
        top: -10px
    }

    .quote p:after {
        top: 10px
    }
}

.quote .quote-min-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 50px 0 0
}

.quote .quote-min-text small {
    display: block
}

.quote .quote-min-text small:first-of-type {
    font-size: 2.3rem;
    font-weight: bold
}

@media screen and (max-width: 620px) {
    .quote .quote-min-text small:first-of-type {
        font-size:2.0rem
    }
}

.quote .quote-min-text small:last-of-type {
    font-size: 2.2rem
}

.quote .quote-min-text a {
    margin: 20px 0 0
}

@media screen and (max-width: 1366px) {
    .quote .quote-min-text {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

@media screen and (max-width: 620px) {
    .quote .quote-min-text {
        text-align:left;
        margin: 20px 0 0
    }

    .quote .quote-min-text small:last-of-type {
        font-size: 1.6rem
    }

    .quote .quote-min-text .quote-link {
        text-align: center
    }
}

.statement-type-2 {
    margin-top: 100px
}

@media screen and (max-width: 620px) {
    .statement-type-2 {
        margin-top:50px
    }
}

.statement-type-2 .quote {
    margin: 100px 15% 100px 15%
}

@media screen and (max-width: 1920px) {
    .statement-type-2 .quote {
        margin:100px 0 100px 0
    }
}

@media screen and (max-width: 620px) {
    .statement-type-2 .quote {
        margin:50px 0 50px 0
    }
}

.level-2-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 620px) {
    .level-2-column {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.level-2-column .sp {
    display: none
}

@media screen and (max-width: 1920px) {
    .level-2-column .pc {
        display:none
    }

    .level-2-column .sp {
        display: block
    }
}

.level-2-column .column-img {
    min-width: 65%
}

@media screen and (max-width: 1366px) {
    .level-2-column .column-img {
        min-width:50%
    }
}

@media screen and (max-width: 620px) {
    .level-2-column .column-img {
        width:100%
    }
}

.level-2-column .column-img img {
    width: 100%
}

.level-2-column h3 {
    color: #264989;
    font-size: 2.4rem;
    line-height: 1
}

@media screen and (max-width: 1920px) {
    .level-2-column h3 {
        font-size:2.0rem
    }
}

@media screen and (max-width: 620px) {
    .level-2-column h3 {
        margin-top:40px
    }
}

.level-2-column h3:before {
    content: '';
    width: 145px;
    height: 1px;
    background: #264989;
    display: block;
    margin: 0 0 15px
}

.level-2-column p {
    font-size: 3.4rem;
    line-height: 4.2rem;
    margin: 40px 0 0
}

@media screen and (max-width: 1920px) {
    .level-2-column p {
        font-size:3.2rem;
        line-height: 4.0rem
    }

    .level-2-column p .br-pc {
        display: none
    }
}

@media screen and (max-width: 1366px) {
    .level-2-column p {
        margin:0;
        font-size: 2.5vw;
        line-height: 3.4vw
    }
}

@media screen and (max-width: 620px) {
    .level-2-column p {
        font-size:2.8rem;
        line-height: 3.6rem;
        margin-top: 40px
    }
}

.level-2-column .btn {
    margin-top: 50px
}

.level-2-column .btn a {
    white-space: nowrap
}

@media screen and (max-width: 620px) {
    .level-2-column .btn {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 0
    }

    .level-2-column .btn p {
        margin-top: 0
    }
}

.level-2-column .column-content {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1366px) {
    .level-2-column .column-content {
        -webkit-align-self:stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.level-2-column .column-content>p {
    margin: 40px 0 0
}

@media screen and (max-width: 1366px) {
    .level-2-column .column-content>p {
        margin:20px 0 0
    }
}

@media screen and (max-width: 620px) {
    .level-2-column .column-content {
        width:100%;
        margin: 0 5% !important
    }

    .level-2-column .column-content .primary-outline-link {
        margin: 40px auto 0
    }
}

.level-2-column.left-img {
    margin: 180px 0 180px calc(50% - 50vw)
}

@media screen and (max-width: 620px) {
    .level-2-column.left-img {
        margin:150px calc(50% - 50vw) 80px
    }
}

.level-2-column.left-img .column-content {
    margin-left: 60px
}

@media screen and (max-width: 1366px) {
    .level-2-column.left-img .column-content {
        margin-left:80px
    }
}

@media screen and (max-width: 950px) {
    .level-2-column.left-img .column-content {
        margin-left:40px
    }
}

.level-2-column.right-img {
    margin: 180px calc(50% - 50vw) 180px 0
}

@media screen and (max-width: 620px) {
    .level-2-column.right-img {
        margin:150px calc(50% - 50vw) 80px
    }
}

.level-2-column.right-img .column-content {
    margin-right: 60px
}

@media screen and (min-width: 1921px) {
    .level-2-column.right-img .column-content {
        margin-left:auto
    }
}

@media screen and (max-width: 1366px) {
    .level-2-column.right-img .column-content {
        margin-right:80px
    }
}

@media screen and (max-width: 950px) {
    .level-2-column.right-img .column-content {
        margin-right:40px
    }
}

@media screen and (max-width: 620px) {
    .level-2-column.right-img .column-content {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width: 620px) {
    .level-2-column.right-img .column-img {
        -webkit-box-ordinal-group:1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

.bg-2column-wrap {
    color: #fff
}

.bg-2column-wrap a {
    color: #fff;
    border-color: #fff;
    margin-top: 40px
}

.bg-2column-wrap a svg,.bg-2column-wrap a path,.bg-2column-wrap a rect {
    fill: #fff
}

.bg-2column-wrap a:hover {
    color: #fff;
    border-color: #fff
}

.bg-2column-wrap .bg-2column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #407BBE
}

.bg-2column-wrap .bg-2column .img {
    max-width: 420px;
    min-width: 420px
}

.bg-2column-wrap .bg-2column .text h3 {
    font-weight: 500
}

.bg-2column-wrap .bg-2column .text p {
    margin-top: 20px
}

.bg-2column-wrap.left {
    margin: 180px 0 180px calc(50% - 50vw);
    padding-right: 30%
}

.bg-2column-wrap.left .bg-2column {
    padding: 80px 80px 80px 15vw
}

.bg-2column-wrap.left .bg-2column .img {
    margin-right: 80px
}

.bg-2column-wrap.right {
    margin: 180px calc(50% - 50vw) 180px 0;
    padding-left: 30%
}

.bg-2column-wrap.right .bg-2column {
    padding: 80px 15vw 80px 80px
}

.bg-2column-wrap.right .bg-2column .img {
    margin-left: 80px
}

@media screen and (max-width: 1920px) {
    .bg-2column-wrap.left {
        padding-right:0;
        margin: 100px 0 100px calc(50% - 50vw)
    }

    .bg-2column-wrap.left .bg-2column {
        padding: 80px 80px 80px 10vw
    }

    .bg-2column-wrap.right {
        padding-left: 0;
        margin: 100px calc(50% - 50vw) 100px 0
    }

    .bg-2column-wrap.right .bg-2column {
        padding: 80px 10vw 80px 80px
    }
}

@media screen and (max-width: 950px) {
    .bg-2column {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bg-2column .text {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 50px
    }

    .bg-2column .img {
        margin-right: 0 !important;
        margin-left: 0 !important;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .bg-2column-wrap.left {
        padding-right: 10%
    }

    .bg-2column-wrap.left .bg-2column {
        padding: 50px 50px 50px 5vw
    }

    .bg-2column-wrap.right {
        padding-left: 10%
    }

    .bg-2column-wrap.right .bg-2column {
        padding: 50px 5vw 50px 50px
    }
}

@media screen and (max-width: 620px) {
    .bg-2column-wrap.left {
        padding-right:0;
        margin: 50px 0 0 calc(50% - 50vw)
    }

    .bg-2column-wrap.left .bg-2column {
        padding: 50px 50px 50px 5vw
    }

    .bg-2column-wrap.right {
        padding-left: 0;
        margin: 50px calc(50% - 50vw) 100px 0
    }

    .bg-2column-wrap.right .bg-2column {
        padding: 50px 5vw 50px 50px
    }
}

.history {
    margin-top: 300px;
    position: relative
}

@media screen and (max-width: 620px) {
    .history {
        margin-top:100px
    }
}

.history .history-img {
    margin: 0 calc(50% - 50vw)
}

.history .history-img img {
    width: 100%
}

.history .history-text {
    max-width: 1373px;
    margin: -14% auto 0;
    background: #fff;
    padding: 40px 80px;
    text-align: center
}

@media screen and (max-width: 620px) {
    .history .history-text {
        margin:40px auto 0;
        padding: 0
    }
}

.history .history-text h3 {
    font-size: 2.4rem;
    color: #264989
}

@media screen and (max-width: 1920px) {
    .history .history-text h3 {
        font-size:2.0rem
    }
}

.history .history-text h3:before {
    content: '';
    width: 145px;
    height: 1px;
    background: #264989;
    display: block;
    margin: 0 auto 15px
}

.history .history-text p {
    margin-top: 40px;
    font-weight: lighter;
    font-size: 4.8rem;
    line-height: 6.2rem
}

@media screen and (max-width: 1920px) {
    .history .history-text p {
        font-size:4.2rem;
        line-height: 5.2rem
    }
}

@media screen and (max-width: 950px) {
    .history .history-text p {
        font-size:4.0rem;
        line-height: 4.8rem
    }
}

@media screen and (max-width: 620px) {
    .history .history-text p {
        font-size:2.4rem;
        line-height: 3.4rem;
        font-weight: 300
    }
}

.history .history-text .btn {
    margin: 40px 0
}

@media screen and (max-width: 1920px) {
    .history .history-text .br-pc {
        display:none
    }
}

.level-2-slider {
    background: rgba(176,191,200,0.2);
    padding: 100px 0;
    margin: 100px calc(50% - 50vw) 0;
    overflow: hidden
}

@media screen and (max-width: 1366px) {
    .level-2-slider {
        padding:50px 0
    }
}

.level-2-slider .article-slider-type-1 {
    margin: 0 15%
}

@media screen and (max-width: 1920px) {
    .level-2-slider .article-slider-type-1 {
        margin:0 10%
    }
}

@media screen and (max-width: 950px) {
    .level-2-slider .article-slider-type-1 {
        margin:0 5%
    }
}

.level-2-slider h3 {
    font-size: 5.2rem;
    line-height: 4.6rem;
    font-weight: 500;
    text-align: center;
    margin: 0 0 100px
}

@media screen and (max-width: 1920px) {
    .level-2-slider h3 {
        font-size:4.8rem;
        line-height: 5.6rem
    }
}

@media screen and (max-width: 950px) {
    .level-2-slider h3 {
        font-size:4.0rem
    }
}

@media screen and (max-width: 1366px) {
    .level-2-slider h3 {
        margin:0 0 50px
    }
}

@media screen and (max-width: 620px) {
    .level-2-slider h3 {
        font-size:4.0rem;
        line-height: 5.0rem
    }
}

.level-2-slider .owl-nav {
    display: none
}

@media screen and (min-width: 951px) {
    .level-2-slider .owl-nav {
        display:none
    }
}

@media screen and (min-width: 951px) {
    .level-2-slider .owl-stage {
        padding-left:0 !important;
        padding-right: 0 !important;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.level-2-slider .owl-item:last-of-type {
    margin-right: 0 !important
}

.dragscroll:-webkit-scrollbar {
    display: none
}

.slider-fake-scroll:-webkit-scrollbar {
    display: none
}

.slider-fake-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slider-fake-scroll .carousel-item {
    width: 33.3333333%
}

@media screen and (min-width: 2561px) {
    .slider-fake-scroll .carousel-item {
        width:32%
    }
}

.slider-fake-scroll .carousel-item .carousel-more {
    white-space: nowrap;
    background: #eff2f4;
    color: #264989;
    border: 1px solid #264989
}

@media screen and (max-width: 620px) {
    .slider-fake-scroll .carousel-item .carousel-more {
        padding:10px 40px !important
    }
}

.slider-fake-scroll .carousel-item .carousel-more:hover {
    background: red !important;
    color: #fff
}

.slider-fake-scroll .carousel-item .carousel-more:hover svg * {
    fill: #fff
}

.slider-fake-scroll .carousel-item:nth-child(2) {
    margin: 0 60px
}

@media screen and (max-width: 1366px) {
    .slider-fake-scroll .carousel-item:nth-child(2) {
        margin:0 40px
    }
}

@media screen and (max-width: 1024px) {
    .slider-fake-scroll .carousel-item p {
        font-size:1.9rem;
        line-height: 2.7rem
    }
}

@media screen and (max-width: 950px) {
    .slider-fake-scroll .carousel-item {
        min-width:40%
    }
}

@media screen and (max-width: 620px) {
    .slider-fake-scroll .carousel-item {
        min-width:82%
    }
}

.level-2-slider .simplebar {
    overflow-y: hidden
}

.level-2-slider .simplebar-wrapper {
    padding-bottom: 50px
}

.level-2-slider .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0px;
    height: 7px !important;
    min-width: 5%
}

.level-2-slider .simplebar-track.simplebar-horizontal {
    background: #fff;
    height: 7px !important
}

.level-2-slider .simplebar-scrollbar:before {
    background: #AFBFC7
}

.level-2-slider a:hover .carousel-more {
    background: #eff2f4 !important
}

.owl-carousel-type-1 {
    position: relative
}

@media screen and (max-width: 620px) {
    .owl-carousel-type-1 .owl-nav {
        margin-top:40px !important
    }
}

.sustainability-slider-2,.investors-slider-2 {
    margin: 150px 0
}

@media screen and (max-width: 620px) {
    .sustainability-slider-2,.investors-slider-2 {
        margin:50px 0
    }
}

.sustainability-slider-2 img,.investors-slider-2 img {
    width: 100%
}

.bottom-link-interested a {
    pointer-events: none !important
}

.carousel-more {
    pointer-events: auto
}

.slider-center-nav .owl-nav {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 0;
    bottom: 0px;
    margin: 50px auto;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .slider-center-nav .owl-nav {
        margin:50px 0 0 0;
        text-align: left;
        position: static;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.slider-center-nav .owl-nav button:last-child {
    margin-left: 60px
}

@media screen and (max-width: 1024px) {
    .slider-center-nav .owl-nav button:last-child {
        margin-left:40px
    }
}

@media screen and (max-width: 620px) {
    .slider-center-nav .owl-nav button:last-child {
        margin-left:40px
    }
}

.slider-center-nav .owl-prev,.slider-center-nav .owl-next {
    width: 30px;
    height: 100%
}

@media screen and (max-width: 950px) {
    .slider-center-nav .owl-prev,.slider-center-nav .owl-next {
        width:20px
    }
}

.slider-center-nav .owl-prev img,.slider-center-nav .owl-next img {
    width: 30px
}

@media screen and (max-width: 950px) {
    .slider-center-nav .owl-prev img,.slider-center-nav .owl-next img {
        width:20px
    }
}

.sustainability-slider-2,.investors-slider-2 {
    padding: 25px 0 150px;
    margin: 0 calc(50% - 50vw) 0;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .sustainability-slider-2,.investors-slider-2 {
        padding:25px 0 100px
    }
}

.sustainability-slider-2 .article-slider-type-3,.investors-slider-2 .article-slider-type-3 {
    margin-left: 15%;
    margin-top: 60px;
    overflow: hidden;
    padding-bottom: 100px
}

@media screen and (max-width: 1920px) {
    .sustainability-slider-2 .article-slider-type-3,.investors-slider-2 .article-slider-type-3 {
        margin-left:10%
    }
}

@media screen and (max-width: 1024px) {
    .sustainability-slider-2 .article-slider-type-3,.investors-slider-2 .article-slider-type-3 {
        margin-left:5%;
        padding-bottom: 0
    }
}

@media screen and (max-width: 620px) {
    .sustainability-slider-2 .article-slider-type-3,.investors-slider-2 .article-slider-type-3 {
        margin-left:5%;
        margin-top: 50px
    }
}

.investors-slider-2 {
    margin: 100px calc(50% - 50vw) 0;
    background: #eff2f4 !important
}

@media screen and (min-width: 1367px) {
    .news-slider {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

@media screen and (max-width: 1024px) {
    .news-slider {
        overflow-x:hidden;
        margin-right: calc(50% - 50vw)
    }
}

.news-slider .carousel-item {
    padding: 0 !important
}

.news-slider .owl-item {
    background-color: transparent !important
}

.news-slider .owl-nav {
    width: 100%
}

.news-slider .card {
    background: #ebeff1;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    min-height: 460px;
    position: relative;
    height: 100%;
    width: 350px;
    max-width: 350px
}

@media screen and (max-width: 1366px) {
    .news-slider .card {
        width:350px;
        max-width: 350px;
        height: 100%;
        width: auto;
        min-width: 350px
    }
}

@media screen and (max-width: 768px) {
    .news-slider .card {
        min-height:80vw
    }
}

@media screen and (max-width: 620px) {
    .news-slider .card {
        max-width:300px;
        min-width: 300px;
        width: 300px !important
    }
}

.news-slider .card .thum-area div>img {
    width: 100%
}

.news-slider .card .thum-area .img {
    width: 100%;
    aspect-ratio: 16 / 9
}

.news-slider .card .thum-area .icon {
    aspect-ratio: 14.6 / 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.news-slider .card .thum-area .icon>img {
    width: 150px
}

.news-slider .card .text-area {
    padding: 20px 20px 100px
}

.news-slider .card a {
    color: #333;
    height: 100%;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
    border: 5px solid #ebeff1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.news-slider .card a:hover {
    border: 5px solid #AFBFC7
}

.news-slider .card h3 {
    font-size: 2.8rem;
    line-height: 1.6em;
    font-weight: 500
}

@media screen and (max-width: 2560px) {
    .news-slider .card h3 {
        font-size:2.1rem
    }
}

.news-slider .card .news-data {
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: auto
}

.news-slider .card .news-data:before {
    content: '';
    background: #000;
    width: 90px;
    height: 5px;
    display: block
}

.news-slider .card .news-data div:first-child {
    margin-top: 5px
}

.news-slider .card .news-data div+div {
    margin-top: 0
}

.news-slider .card .news-data .cat {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .2rem
}

.news-slider .card .news-data .date-year {
    font-size: 1.8rem;
    font-weight: 500
}

.news-slider .card .FOOD:before {
    background: #f3a131
}

.news-slider .card .PHARMACEUTICALS:before {
    background: #457cbd
}

.news-slider .card .SUSTAINABILITY:before {
    background: #1aae85
}

.news-slider .card .CORPORATE:before {
    background: #fc0d1b
}

.news-slider .card .INVESTORS:before {
    background: #fc0d1b
}

.news-slider .bg-white {
    background: #fff
}

@media screen and (max-width: 620px) {
    .is-fix-pd {
        padding-top:80px
    }
}

@media screen and (max-width: 620px) {
    .is-fix {
        opacity:0;
        -webkit-animation: load_down .5s ease-in-out .2s forwards;
        animation: load_down .5s ease-in-out .2s forwards;
        margin: 0 calc(50% - 50vw);
        background: #fff;
        width: 100%;
        height: 65px;
        padding: 15px 0 0;
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 10;
        border-bottom: 1px solid #eee
    }

    .is-fix li:after {
        height: 3px !important
    }
}

.tab-panel-group .country-tab {
    margin-top: 100px;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media screen and (max-width: 620px) {
    .tab-panel-group .country-tab {
        margin:50px -30px
    }
}

.tab-panel-group .country-tab li {
    font-size: 1.9rem;
    font-weight: bold;
    color: #666;
    margin: 0 30px;
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .tab-panel-group .country-tab li {
        margin-bottom:30px
    }
}

@media screen and (max-width: 620px) {
    .tab-panel-group .country-tab li {
        margin-bottom:20px;
        font-size: 1.5rem
    }

    .tab-panel-group .country-tab li:after {
        bottom: -5px;
        height: 3px
    }
}

.tab-panel-group .country-tab .spacer {
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 2561px) {
    .tab-panel-group .country-tab .spacer {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .tab-panel-group .country-tab .spacer {
        display:none
    }
}

.level-2-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px !important
}

.level-2-tab li {
    font-size: 3.0rem;
    line-height: 4.3rem;
    font-weight: bold;
    color: #666;
    padding: 0 0 10px !important;
    white-space: nowrap
}

@media screen and (max-width: 1920px) {
    .level-2-tab li {
        font-size:2.3rem;
        line-height: 2.0rem
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab li {
        font-size:2.0rem;
        line-height: 2.8rem;
        padding: 0 0 0 !important
    }
}

.level-2-tab li:last-child {
    margin-left: 150px
}

@media screen and (max-width: 1920px) {
    .level-2-tab li:last-child {
        margin-left:190px
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab li:last-child {
        margin-left:70px
    }
}

@media screen and (max-width: 620px) {
    #food-top-tab .level-2-tab li:last-child {
        margin-left:5% !important
    }
}

.level-2-tab-v {
    margin: 0 calc(50% - 50vw);
    height: 260px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.level-2-tab-v img {
    width: 100%
}

.level-2-tab-v h2 {
    color: #fff;
    font-size: 4.8rem;
    line-height: 5.6rem;
    font-weight: 500
}

@media screen and (max-width: 950px) {
    .level-2-tab-v h2 {
        font-size:4.2rem
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab-v h2 {
        font-size:3.0rem
    }
}

.level-2-tab-v h2:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    margin-bottom: 20px
}

@media screen and (max-width: 620px) {
    .level-2-tab-v h2:before {
        margin-bottom:10px
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab-v {
        height:53vw
    }
}

.level-2-tab-v.category {
    background: url(/common/img/top/food_tab_category_v.jpg) no-repeat center center/cover
}

@media screen and (max-width: 620px) {
    .level-2-tab-v.category {
        background:url(/common/img/top/food_tab_category_v_sm.jpg) no-repeat center center/cover
    }
}

.level-2-tab-v.country {
    background: url(/common/img/top/food_tab_country_v.jpg) no-repeat center center/cover
}

@media screen and (max-width: 620px) {
    .level-2-tab-v.country {
        background:url(/common/img/top/food_tab_country_v_sm.jpg) no-repeat center center/cover
    }
}

.tab-panel-group-2 h2 {
    font-size: 4.0rem;
    font-weight: 500;
    text-align: center;
    margin-top: 0px
}

.tab-panel-group-2 .level-2-tab-thum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1366px) {
    .tab-panel-group-2 .level-2-tab-thum {
        height:auto !important
    }
}

.level-2-tab-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.level-2-tab-list:after {
    content: "";
    display: block;
    height: 0
}

@media screen and (min-width: 1921px) {
    .level-2-tab-list {
        margin:100px -45px 0
    }

    .level-2-tab-list:before {
        content: "";
        display: block;
        width: 25%;
        height: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .level-2-tab-list:after {
        width: 25%
    }
}

@media screen and (max-width: 1920px) {
    .level-2-tab-list {
        margin:100px -45px 0
    }

    .level-2-tab-list:before {
        content: "";
        display: block;
        width: 33.33333333%;
        height: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width: 1366px) {
    .level-2-tab-list {
        margin:100px -10px 0
    }
}

@media screen and (max-width: 950px) {
    .level-2-tab-list {
        margin:50px -10px 0
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab-list {
        display:block
    }
}

.level-2-tab-list .level-2-tab-list-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1921px) {
    .level-2-tab-list .level-2-tab-list-content {
        width:calc(33.33333333% - 5.208vw);
        /* padding: 0 45px; */
        margin: 0 2.604vw 5.208vw 2.604vw;
        border:4px solid #D9D9D9;
    }
    .level-2-tab-list .level-2-tab-list-content:hover {
        border:4px solid #264989;
    }
}

@media screen and (max-width: 1920px) {
    .level-2-tab-list .level-2-tab-list-content {
        width:calc(33.33333333% - 5.208vw);
        /* padding: 0 45px; */
        /* margin: 0 2.604vw 5.208vw 2.604vw; */
        border:4px solid #D9D9D9;
    }
    .level-2-tab-list .level-2-tab-list-content:hover {
        border:4px solid #264989;
    }
}

@media screen and (max-width: 1366px) {
    .level-2-tab-list .level-2-tab-list-content {
        padding:0 0px
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab-list .level-2-tab-list-content {
        width:100%;
        margin-bottom: 50px
    }
}

.level-2-tab-list .level-2-tab-list-content .level-2-tab-thum {
    width: 100%;
    overflow: hidden;
    height: 271.37px
}
.level-2-tab-list .level-2-tab-list-content .level-2-tab-box{
    background:#264989;
    width:100%;
    padding:4.01vw 2.604vw 30px 2.604vw;
}
.level-2-tab-list .level-2-tab-list-content .level-2-tab-name{
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    font-weight: lighter;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 255px;
    padding: 0 15px;
}
.level-2-tab-list .level-2-tab-list-content .level-2-tab-date{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 14px;
    padding-top: 30px;
    margin-top: 16px;
    border-top: 2px solid #fff;
}
.level-2-tab-more{
    color: #264989;
    border: 1px solid #264989;
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px;
    cursor: pointer;
}

@media screen and (max-width: 1920px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-thum {
        height:294.22px
    }
}

@media screen and (max-width: 1366px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-thum {
        height:260px
    }
}

@media screen and (max-width: 950px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-thum {
        height:279px
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-thum {
        height:279x
    }
}

.level-2-tab-list .level-2-tab-list-content .level-2-tab-thum div {
    -webkit-transition: .5s all;
    transition: .5s all;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.level-2-tab-list .level-2-tab-list-content .level-2-tab-name {
    width: 100%
}

.level-2-tab-list .level-2-tab-list-content .level-2-tab-name h3 {
    color: #333;
    font-size: 3.8rem;
    line-height: 4.2rem;
    font-weight: 500;
    text-align: center;
    margin: 30px 0
}

@media screen and (max-width: 1920px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-name h3 {
        font-size:3.4rem
    }
}

@media screen and (max-width: 950px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-name h3 {
        font-size:2.6rem
    }
}

@media screen and (max-width: 1024px) {
    .level-2-tab-list .level-2-tab-list-content .level-2-tab-name h3 {
        margin:20px 0
    }
}

.level-2-tab-list .level-2-tab-list-content .level-2-tab-name.single-country h3 {
    font-size: 2.6rem
}

.level-2-tab-list .level-2-tab-list-content .two-link {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.level-2-tab-list .level-2-tab-list-content .two-link+.two-link {
    margin-top: 20px
}

.level-2-tab-list .level-2-tab-list-content .primary-outline-link,.level-2-tab-list .level-2-tab-list-content .blank-outline-link {
    color: #264989;
    border-color: #264989;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.level-2-tab-list .level-2-tab-list-content .primary-outline-link svg,.level-2-tab-list .level-2-tab-list-content .primary-outline-link path,.level-2-tab-list .level-2-tab-list-content .primary-outline-link rect,.level-2-tab-list .level-2-tab-list-content .blank-outline-link svg,.level-2-tab-list .level-2-tab-list-content .blank-outline-link path,.level-2-tab-list .level-2-tab-list-content .blank-outline-link rect {
    fill: red !important
}

.level-2-tab-list .level-2-tab-list-content .primary-outline-link:hover,.level-2-tab-list .level-2-tab-list-content .blank-outline-link:hover {
    background: red !important;
    color: #fff
}

.level-2-tab-list .level-2-tab-list-content .primary-outline-link:hover svg,.level-2-tab-list .level-2-tab-list-content .primary-outline-link:hover path,.level-2-tab-list .level-2-tab-list-content .primary-outline-link:hover rect,.level-2-tab-list .level-2-tab-list-content .blank-outline-link:hover svg,.level-2-tab-list .level-2-tab-list-content .blank-outline-link:hover path,.level-2-tab-list .level-2-tab-list-content .blank-outline-link:hover rect {
    fill: #fff !important
}

@media screen and (max-width: 950px) {
    .level-2-tab-list .level-2-tab-list-content .primary-outline-link,.level-2-tab-list .level-2-tab-list-content .blank-outline-link {
        font-size:2vw
    }
}

@media screen and (max-width: 620px) {
    .level-2-tab-list .level-2-tab-list-content .primary-outline-link,.level-2-tab-list .level-2-tab-list-content .blank-outline-link {
        font-size:1.9rem !important
    }
}

.line-up.infant-formula .level-2-tab-list-content {
    width: 20%
}

@media screen and (min-width: 2561px) {
    .line-up.infant-formula .level-2-tab-list-content {
        width:33.33333333%
    }
}

@media screen and (max-width: 1920px) {
    .line-up.infant-formula .level-2-tab-list-content {
        width:33.33333333%
    }
}

@media screen and (max-width: 620px) {
    .line-up.infant-formula .level-2-tab-list-content {
        width:100%
    }
}

.sustainability-bottom-fix-wrap {
    position: relative
}

.sustainability-bottom-fix-wrap .fix-close {
    position: absolute;
    right: -5px;
    top: -20px;
    background: #264989;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sustainability-bottom-fix-wrap .fix-close:hover {
    cursor: pointer
}

@media screen and (max-width: 620px) {
    .sustainability-bottom-fix-wrap .fix-close {
        width:30px;
        height: 30px;
        top: -15px;
        right: 0
    }
}

.sustainability-bottom-fix-wrap .fix-close span {
    position: relative;
    margin: 0
}

.sustainability-bottom-fix-wrap .fix-close span:before,.sustainability-bottom-fix-wrap .fix-close span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 20px;
    background: #fff
}

.sustainability-bottom-fix-wrap .fix-close span:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.sustainability-bottom-fix-wrap .fix-close span:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.sustainability-bottom-fix {
    position: fixed;
    bottom: 15px;
    right: 15%;
    z-index: 10;
    width: 345px
}

.sustainability-bottom-fix a {
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #fff;
    background: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: 50px;
    padding: 25px 20px;
    max-height: 80px
}

@media screen and (max-width: 620px) {
    .sustainability-bottom-fix a {
        padding:15px 20px
    }
}

.sustainability-bottom-fix a span {
    margin-left: 10px;
    font-size: 1.9rem;
    font-weight: bold
}

@media screen and (max-width: 620px) {
    .sustainability-bottom-fix a span {
        font-size:1.6rem
    }
}

.sustainability-bottom-fix a:hover {
    background: #C10A0A
}

@media screen and (max-width: 620px) {
    .sustainability-bottom-fix {
        width:158px
    }

    .sustainability-bottom-fix img {
        width: 26px
    }
}

@media screen and (max-width: 1920px) {
    .sustainability-bottom-fix {
        right:10%
    }
}

@media screen and (max-width: 950px) {
    .sustainability-bottom-fix {
        right:15%
    }
}

@media screen and (max-width: 620px) {
    .sustainability-bottom-fix {
        right:0;
        left: 0;
        margin: auto
    }
}

.vision-tructure-bottom-nav {
    background: #00AE83;
    padding: 100px 0;
    margin: 100px 0 0;
    color: #fff
}

@media screen and (max-width: 620px) {
    .vision-tructure-bottom-nav {
        padding:0
    }
}

.vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 620px) {
    .vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns div {
    padding: 0 8%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns div:last-child {
    border-left: 1px solid #fff
}

@media screen and (max-width: 620px) {
    .vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns div {
        width:100%;
        padding: 10% 0%;
        margin: 0 8%
    }

    .vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns div:last-child {
        border-left: none;
        border-top: 1px solid #fff
    }
}

.vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns h4 {
    font-size: 3.4rem;
    line-height: 5.2rem;
    font-weight: 600;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media screen and (max-width: 1920px) {
    .vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns h4 {
        font-size:2.8rem;
        line-height: 4.0rem
    }
}

@media screen and (max-width: 950px) {
    .vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns h4 {
        line-height:3.6rem;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media screen and (max-width: 620px) {
    .vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns h4 {
        font-size:2.6rem
    }
}

.vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns p {
    margin-top: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.vision-tructure-bottom-nav .vision-tructure-bottom-nav-innerContetns a {
    margin-top: 30px;
    white-space: nowrap;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.planning-activities {
    background: rgba(176,191,200,0.2);
    margin: 100px calc(50% - 50vw) 0;
    padding: 50px 0
}

@media screen and (max-width: 620px) {
    .planning-activities {
        padding:0 0 50px
    }
}

.planning-activities>div:last-child {
    margin: 50px 15% 0;
    padding: 0 0 50px
}

@media screen and (max-width: 1920px) {
    .planning-activities>div:last-child {
        margin:50px 10% 0
    }
}

@media screen and (max-width: 950px) {
    .planning-activities>div:last-child {
        margin:50px 5% 0
    }
}

@media screen and (max-width: 620px) {
    .planning-activities>div:last-child {
        padding:0
    }
}

.planning-activities .col-2 ul,.planning-activities .col-3 ul {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.planning-activities .col-2 ul li,.planning-activities .col-3 ul li {
    margin-bottom: 50px
}

.planning-activities .col-2 ul li a,.planning-activities .col-3 ul li a {
    height: 100%;
    display: block;
    background: #fff;
    padding: 20px;
    border: 5px solid #fff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    pointer-events: none
}

.planning-activities .col-2 ul li a h5,.planning-activities .col-2 ul li a p,.planning-activities .col-2 ul li a .link-text,.planning-activities .col-3 ul li a h5,.planning-activities .col-3 ul li a p,.planning-activities .col-3 ul li a .link-text {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.planning-activities .col-2 ul li a h5,.planning-activities .col-3 ul li a h5 {
    font-size: 3.2rem;
    line-height: 4.6rem;
    font-weight: 600;
    color: #333
}

@media screen and (max-width: 1920px) {
    .planning-activities .col-2 ul li a h5,.planning-activities .col-3 ul li a h5 {
        font-size:2.8rem;
        line-height: 4.0rem
    }
}

@media screen and (max-width: 620px) {
    .planning-activities .col-2 ul li a h5,.planning-activities .col-3 ul li a h5 {
        font-size:2.4rem;
        line-height: 3.5rem
    }
}

.planning-activities .col-2 ul li a p,.planning-activities .col-3 ul li a p {
    color: #333;
    margin-top: 20px
}

@media screen and (max-width: 620px) {
    .planning-activities .col-2 ul li a p,.planning-activities .col-3 ul li a p {
        margin-top:10px
    }
}

.planning-activities .col-2 ul li a .link-text,.planning-activities .col-3 ul li a .link-text {
    color: #264989;
    display: block;
    margin-top: 20px;
    pointer-events: auto
}

@media screen and (max-width: 620px) {
    .planning-activities .col-2 ul li a .link-text,.planning-activities .col-3 ul li a .link-text {
        margin-top:10px
    }
}

.planning-activities .col-2 ul li a:hover,.planning-activities .col-3 ul li a:hover {
    border-color: #fff
}

.planning-activities .col-2 ul li a:hover .link-text,.planning-activities .col-3 ul li a:hover .link-text {
    color: #C10A0A
}

.planning-activities .col-2 ul li a:hover .link-text svg,.planning-activities .col-3 ul li a:hover .link-text svg {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    stroke: #264989
}

.planning-activities .col-3 .border-left-red a:before,.planning-activities .col-2 .border-left-red a:before {
    content: '';
    width: 8px;
    height: 100%;
    background: #264989;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.planning-activities .col-3 .border-left-green a:before,.planning-activities .col-2 .border-left-green a:before {
    content: '';
    width: 8px;
    height: 100%;
    background: #00AE83;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 620px) {
    .planning-activities.not-h2 {
        padding:30px 0 50px
    }
}

.planning-activities-bg {
    background: url(/global/sustainability/common/img/top/actions_for_sustainability_bg.jpg) no-repeat center center/cover
}

.investors-top-bg {
    background: url(/global/investors/common/img/top/investors_contents_bottom_bg.jpg) no-repeat center center/cover
}

.planning-activities.second {
    background: #fff;
    margin-top: 0
}

.planning-activities.second ul li:nth-child(4) {
    width: 100%;
    margin: 0
}

@media screen and (max-width: 950px) {
    .planning-activities.second ul li:last-child {
        width:100%;
        margin-right: 0
    }
}

.planning-activities.second ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.planning-activities.second ul li a h5,.planning-activities.second ul li a p,.planning-activities.second ul li a .link-text {
    margin-top: 10px
}

.planning-activities.second ul li .vertical-center {
    padding: 20px 0
}

.planning-activities.second ul li .vertical-center h5 {
    margin-top: 0;
    line-height: 1
}

.planning-activities.second ul li:not(:last-child) a {
    padding: 40px 20px;
    background: rgba(176,191,200,0.2)
}

.planning-activities.second ul li:not(:last-child) a:before {
    content: '';
    width: 8px;
    height: calc(100% - 10px);
    background: #00AE83;
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.planning-activities.second ul li:last-child a {
    border: none;
    background: #264989
}

.planning-activities.second ul li:last-child a h5,.planning-activities.second ul li:last-child a p {
    color: #fff
}

.planning-activities.second ul li:last-child a h5 {
    display: block;
    font-size: 2.4rem
}

@media screen and (max-width: 1920px) {
    .planning-activities.second ul li:last-child a h5 {
        font-size:1.8rem
    }
}

@media screen and (max-width: 620px) {
    .planning-activities.second ul li:last-child a h5 {
        font-size:2.4rem !important
    }
}

.planning-activities.second ul li:last-child a p {
    font-size: 3.6rem;
    line-height: 3.8rem
}

@media screen and (max-width: 1920px) {
    .planning-activities.second ul li:last-child a p {
        font-size:2.3rem;
        line-height: 2.6rem
    }
}

@media screen and (max-width: 620px) {
    .planning-activities.second ul li:last-child a p {
        font-size:2.5rem;
        line-height: 2.8rem
    }
}

.planning-activities.second ul li:last-child a>div {
    width: 100%;
    text-align: center
}

.planning-activities.second ul li:last-child a .search-documents-button {
    background: #fff;
    border-radius: 40px;
    max-width: 330px;
    height: 62px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #264989;
    font-size: 1.9rem;
    font-weight: 600;
    border: 1px solid #fff;
    pointer-events: auto;
    -webkit-transition: all .2s;
    transition: all .2s
}

.planning-activities.second ul li:last-child a .search-documents-button .search-documents-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px
}

.planning-activities.second ul li:last-child a .search-documents-button .search-documents-icon svg {
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 30px;
    height: 30px
}

.planning-activities.second ul li:last-child a .search-documents-button .search-documents-icon svg rect,.planning-activities.second ul li:last-child a .search-documents-button .search-documents-icon svg g {
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (max-width: 620px) {
    .planning-activities.second ul li:last-child a .search-documents-button .search-documents-icon svg {
        width:25px;
        height: 25px
    }
}

.planning-activities.second ul li:last-child a .search-documents-button:hover {
    background: #264989;
    color: #fff
}

.planning-activities.second ul li:last-child a .search-documents-button:hover svg rect {
    fill: #fff
}

.planning-activities.second ul li:last-child a .search-documents-button:hover svg g {
    fill: #264989;
    stroke: #fff
}

.planning-activities.second ul li .search-documents-link {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.planning-activities.second ul li .search-documents-link h5 {
    font-size: 2.8rem !important;
    line-height: 4.0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -20px
}

@media screen and (min-width: 2561px) {
    .planning-activities.second ul li .search-documents-link h5 {
        font-size:4rem !important
    }
}

.planning-activities.second ul li .search-documents-link h5 span {
    margin-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.planning-activities.second ul li .search-documents-link p {
    padding: 0 42px !important;
    font-size: 1.9rem !important;
    line-height: 2.6rem !important
}

@media screen and (min-width: 2561px) {
    .planning-activities.second ul li .search-documents-link p {
        font-size:3rem !important;
        line-height: 4rem !important
    }
}

.investors-top-contents .top-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.investors-top-contents .top-area .top-area-left {
    background: url(/global/investors/common/img/top/top-area_bg.jpg) no-repeat center center/cover;
    width: 65%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0
}

.investors-top-contents .top-area .top-area-left .top-area-left-inner-content {
    color: #fff;
    text-align: center
}

.investors-top-contents .top-area .top-area-left .top-area-left-inner-content div:nth-child(1) {
    font-size: 3.6rem;
    line-height: 1;
    font-weight: bold
}

.investors-top-contents .top-area .top-area-left .top-area-left-inner-content div:nth-child(2) {
    font-size: 8.0rem;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0 0
}

.investors-top-contents .top-area .top-area-left .top-area-left-inner-content .top-area-left-inner-content-button {
    margin-top: 50px
}

.investors-top-contents .top-area .top-area-right {
    width: 30%;
    background: rgba(175,191,199,0.4)
}

@media screen and (min-width: 2561px) {
    .investors-top-contents .top-area .top-area-left .top-area-left-inner-content div:nth-child(1) {
        font-size:4.6rem
    }

    .investors-top-contents .top-area .top-area-left .top-area-left-inner-content div:nth-child(2) {
        font-size: 12rem
    }
}

@media screen and (max-width: 1024px) {
    .investors-top-contents .top-area .top-area-left {
        background:url(/global/investors/common/img/top/top-area_bg_sp.jpg) no-repeat center center/cover
    }

    .investors-top-contents .top-area .top-area-left .top-area-left-inner-content div:nth-child(1) {
        font-size: 3rem
    }

    .investors-top-contents .top-area .top-area-left .top-area-left-inner-content div:nth-child(2) {
        font-size: 8.0rem
    }

    .investors-top-contents .top-area .top-area-left,.investors-top-contents .top-area .top-area-right {
        width: 47.5%
    }
}

@media screen and (max-width: 620px) {
    .investors-top-contents .top-area {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .investors-top-contents .top-area .top-area-left,.investors-top-contents .top-area .top-area-right {
        width: 100%
    }

    .investors-top-contents .top-area .top-area-left {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

.investors-top-contents .top-area-right-inner {
    padding: 0
}

.investors-top-contents .top-area-right-inner .area-1,.investors-top-contents .top-area-right-inner .area-2,.investors-top-contents .top-area-right-inner .area-3,.investors-top-contents .top-area-right-inner .area-4 {
    padding: 10px 40px
}

.investors-top-contents .top-area-right-inner .area-2,.investors-top-contents .top-area-right-inner .area-3,.investors-top-contents .top-area-right-inner .area-4 {
    border-top: 1px solid #fff
}

.investors-top-contents .top-area-right-inner .area-1 {
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.investors-top-contents .top-area-right-inner .area-1 span {
    font-size: 2.2rem;
    font-weight: 400
}

.investors-top-contents .top-area-right-inner .area-2 {
    font-size: 11rem;
    font-weight: 300;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap
}

.investors-top-contents .top-area-right-inner .area-2 span {
    font-weight: 500;
    font-size: 4.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 20px;
    color: #00AE83;
    position: relative;
    margin-top: 2vw
}

.investors-top-contents .top-area-right-inner .area-2 span:after {
    content: '';
    width: 13px;
    height: 13px;
    border: 0px;
    border-top: solid 3px #00AE83;
    border-right: solid 3px #00AE83;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 0 16px 10px
}

.investors-top-contents .top-area-right-inner .area-2 span.row {
    color: #264989
}

.investors-top-contents .top-area-right-inner .area-2 span.row:after {
    border-top: solid 3px #264989;
    border-right: solid 3px #264989;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 0 0 20px 10px
}

.investors-top-contents .top-area-right-inner .area-3 {
    font-size: 2.2rem;
    font-weight: 400
}

.investors-top-contents .top-area-right-inner .area-4 {
    font-size: 2.1rem;
    font-weight: 500;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.investors-top-contents .top-area-right-inner .area-4 a {
    color: #666
}

.investors-top-contents .top-area-right-inner .area-4 a:hover {
    color: #333
}

.investors-top-contents .top-area-right-inner .area-4 a:hover * {
    fill: #333
}

.investors-top-contents .top-area-right-inner .area-4 a:hover svg {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px)
}

.investors-top-contents .top-area-right-inner .area-4 svg {
    -webkit-transition: all .4s;
    transition: all .4s;
    margin-left: 10px
}

@media screen and (min-width: 2561px) {
    .investors-top-contents .top-area-right-inner .area-1,.investors-top-contents .top-area-right-inner .area-2,.investors-top-contents .top-area-right-inner .area-3,.investors-top-contents .top-area-right-inner .area-4 {
        padding:20px 40px
    }

    .investors-top-contents .top-area-right-inner .area-4 {
        font-size: 3.2rem
    }
}

@media screen and (min-width: 1921px) {
    .investors-top-contents .top-area-right-inner .area-1 {
        font-size:2.4rem
    }
}

@media screen and (max-width: 1920px) {
    .investors-top-contents .top-area-right-inner .area-1 {
        font-size:2.0rem
    }

    .investors-top-contents .top-area-right-inner .area-1 span {
        font-size: 2.0rem
    }

    .investors-top-contents .top-area-right-inner .area-2 {
        font-size: 5vw
    }

    .investors-top-contents .top-area-right-inner .area-2 span {
        font-size: 3.0rem
    }

    .investors-top-contents .top-area-right-inner .area-3 {
        font-size: 2.0rem
    }
}

@media screen and (max-width: 1024px) {
    .investors-top-contents .top-area-right-inner .area-2 {
        font-size:8vw
    }
}

@media screen and (max-width: 620px) {
    .investors-top-contents .top-area-right-inner .area-1,.investors-top-contents .top-area-right-inner .area-2,.investors-top-contents .top-area-right-inner .area-3,.investors-top-contents .top-area-right-inner .area-4 {
        padding:10px 40px
    }

    .investors-top-contents .top-area-right-inner .area-2 {
        font-size: 6.5rem
    }

    .investors-top-contents .top-area-right-inner .area-2 span {
        font-size: 3.0rem
    }

    .investors-top-contents .top-area-right-inner .area-2 span:after {
        margin: 0 0 10px 10px
    }

    .investors-top-contents .top-area-right-inner .area-2 span.row:after {
        margin: 0 0 15px 10px
    }

    .investors-top-contents .top-area-right-inner .area-3 {
        font-size: 1,8rem
    }
}

.investors-top-contents .mid-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5%
}

.investors-top-contents .mid-area .mid-area-left {
    width: 30%;
    background: rgba(175,191,199,0.4);
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.investors-top-contents .mid-area .mid-area-left>div {
    font-size: 4rem;
    line-height: 5rem
}

.investors-top-contents .mid-area .mid-area-left p:first-of-type {
    margin: 30px 0
}

.investors-top-contents .mid-area .mid-area-left p:last-child {
    margin-top: auto
}

.investors-top-contents .mid-area .mid-area-right {
    width: 65%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(/global/investors/common/img/top/investors_top_contents_bg.jpg) no-repeat center center/cover
}

.investors-top-contents .mid-area .mid-area-right-inner {
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.investors-top-contents .mid-area .mid-area-right-inner .right-inner {
    text-align: center
}

.investors-top-contents .mid-area .mid-area-right-inner .right-inner h4 {
    width: 100%;
    text-align: center;
    font-size: 4.2rem;
    line-height: 5.2rem;
    color: #fff;
    font-weight: 600
}

@media screen and (max-width: 950px) {
    .investors-top-contents .mid-area .mid-area-right-inner .right-inner h4 {
        font-size:3.6rem;
        line-height: 4.0rem
    }
}

@media screen and (max-width: 620px) {
    .investors-top-contents .mid-area .mid-area-right-inner .right-inner h4 {
        font-size:3.2rem;
        line-height: 3.6rem
    }
}

.investors-top-contents .mid-area .mid-area-right-inner .right-inner p {
    color: #fff !important;
    margin-top: 10px
}

.investors-top-contents .mid-area .mid-area-right-inner .right-inner a {
    margin-top: 40px
}

@media screen and (max-width: 1024px) {
    .investors-top-contents .mid-area .mid-area-left,.investors-top-contents .mid-area .mid-area-right {
        width:47.5%
    }
}

@media screen and (max-width: 620px) {
    .investors-top-contents .mid-area {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px
    }

    .investors-top-contents .mid-area .mid-area-left,.investors-top-contents .mid-area .mid-area-right {
        width: 100%
    }

    .investors-top-contents .mid-area .mid-area-left {
        padding: 20px
    }

    .investors-top-contents .mid-area .mid-area-left>div {
        font-size: 2.8rem;
        line-height: 3.6rem
    }

    .investors-top-contents .mid-area .mid-area-left p:first-of-type {
        margin: 20px 0
    }

    .investors-top-contents .mid-area .mid-area-left p:last-child {
        margin-top: auto
    }

    .investors-top-contents .mid-area .mid-area-right {
        margin-top: 30px
    }

    .investors-top-contents .mid-area .mid-area-right .mid-area-right-inner {
        padding: 20px
    }

    .investors-top-contents .mid-area .mid-area-right .mid-area-right-inner .right-inner a {
        margin-top: 20px
    }
}

.investors-top-contents .bottom-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5%
}

.investors-top-contents .bottom-area .bottom-area-contents {
    width: 47.5%;
    border: 1px solid #AFBFC7;
    padding: 30px 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.investors-top-contents .bottom-area .bottom-area-text {
    margin: 0 0 20px
}

.investors-top-contents .bottom-area .bottom-area-title {
    font-size: 4.0rem;
    line-height: 5.0rem;
    margin: 0 0 30px
}

.investors-top-contents .bottom-area p {
    margin-top: 20px
}

@media screen and (min-width: 2561px) {
    .investors-top-contents .bottom-area .bottom-area-contents:first-of-type img {
        min-width:100px
    }

    .investors-top-contents .bottom-area .bottom-area-contents:last-of-type img {
        min-width: 80px
    }
}

@media screen and (max-width: 2560px) {
    .investors-top-contents .bottom-area .bottom-area-title {
        font-size:3.4rem
    }

    .investors-top-contents .bottom-area .bottom-area-contents:first-of-type img {
        width: 70px;
        min-width: 60px
    }

    .investors-top-contents .bottom-area .bottom-area-contents:last-of-type img {
        width: 50px
    }
}

@media screen and (max-width: 1024px) {
    .investors-top-contents .bottom-area .bottom-area-contents {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px;
        position: relative
    }

    .investors-top-contents .bottom-area .bottom-area-title {
        font-size: 3vw;
        line-height: 4vw
    }

    .investors-top-contents .bottom-area .bottom-area-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .investors-top-contents .bottom-area p {
        margin-top: auto;
        position: absolute;
        bottom: 30px
    }
}

@media screen and (max-width: 620px) {
    .investors-top-contents .bottom-area {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px
    }

    .investors-top-contents .bottom-area .bottom-area-contents {
        width: 100%
    }

    .investors-top-contents .bottom-area .bottom-area-contents:first-of-type img {
        min-width: 55px;
        width: 55px
    }

    .investors-top-contents .bottom-area .bottom-area-contents:last-of-type {
        margin-top: 30px
    }

    .investors-top-contents .bottom-area .bottom-area-contents:last-of-type img {
        min-width: 40px;
        width: 40px
    }

    .investors-top-contents .bottom-area .bottom-area-title {
        font-size: 2.8rem;
        line-height: 3.8rem
    }
}

@media screen and (max-width: 620px) {
    .investors-contents-bottom-nav,.sustainability-contents-bottom-nav {
        margin-top:100px
    }
}

.investors-contents-bottom-nav .col-2>ul>li,.investors-contents-bottom-nav .col-3>ul>li,.sustainability-contents-bottom-nav .col-2>ul>li,.sustainability-contents-bottom-nav .col-3>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner {
    background: rgba(175,191,199,0.25);
    width: 100%;
    padding: 40px
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner h5,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner h5,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner h5,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner h5 {
    font-size: 3.6rem;
    line-height: 4.5rem;
    color: #333;
    font-weight: 600
}

@media screen and (max-width: 1920px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner h5,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner h5,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner h5,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner h5 {
        font-size:2.8rem;
        line-height: 3.9rem
    }
}

@media screen and (max-width: 620px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner h5,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner h5,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner h5,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner h5 {
        font-size:2.4rem;
        line-height: 3.5rem
    }
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner p,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner p,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner p,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner p {
    margin: 20px 0
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner>a,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner>a,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner>a,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner>a {
    color: #264989;
    margin: 10px 0;
    font-size: 2.8rem
}

@media screen and (max-width: 1920px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner>a,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner>a,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner>a,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner>a {
        font-size:2.1rem
    }
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li {
    font-size: 2.8rem
}

@media screen and (max-width: 1920px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li {
        font-size:2.1rem
    }
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 70%;
    margin: 20px 0
}

@media screen and (max-width: 950px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 {
        max-width:100%
    }
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li {
    width: 50%;
    padding-left: 20px;
    text-indent: -.8rem;
    margin-top: 8px;
    font-weight: 400
}

@media screen and (max-width: 1366px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li {
        width:100%
    }
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li:before,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li:before,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-list-col-2 li:before,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-list-col-2 li:before {
    position: relative;
    top: -5px;
    left: -10px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 100%;
    background: #333
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li {
    width: 50%;
    margin-top: 8px
}

@media screen and (max-width: 1366px) {
    .investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li {
        width:100%
    }
}

.investors-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li a,.investors-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li a,.sustainability-contents-bottom-nav .col-2>ul>li .col-2-inner .flex-link-list-col-2 li a,.sustainability-contents-bottom-nav .col-3>ul>li .col-2-inner .flex-link-list-col-2 li a {
    color: #264989
}

.investors-contents-bottom-nav-2 {
    background: #264989;
    padding: 70px 0;
    margin: 0 calc(50% - 50vw) -100px
}

@media screen and (max-width: 620px) {
    .investors-contents-bottom-nav-2 {
        padding:50px 0 0;
        margin: 0 calc(50% - 50vw) -100px
    }
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner {
    margin: 0 15%;
    color: #fff
}

@media screen and (max-width: 1920px) {
    .investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner {
        margin:0 10%
    }
}

@media screen and (max-width: 950px) {
    .investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner {
        margin:0 5%
    }
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner li {
    padding: 20px 30px;
    border-left: 1px solid #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner h5 {
    font-size: 3.6rem;
    line-height: 5.1rem;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width: 1920px) {
    .investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner h5 {
        font-size:2.8rem;
        line-height: 4.0rem
    }
}

@media screen and (max-width: 620px) {
    .investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner h5 {
        font-size:2.4rem;
        line-height: 3.5rem
    }
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner a {
    color: #fff;
    font-size: 3.0rem;
    line-height: 2.6rem;
    margin-top: auto;
    padding-top: 20px
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner a span {
    color: #fff !important
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner a span svg * {
    fill: #fff
}

@media screen and (max-width: 1920px) {
    .investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner a {
        font-size:2.1rem;
        line-height: 2.6rem
    }
}

.investors-contents-bottom-nav-2 .investors-contents-bottom-nav-2-inner svg * {
    fill: #fff
}

.level-2-content section>.neg-m-mb {
    margin-bottom: -80px
}

@media screen and (max-width: 620px) {
    .level-2-content section>.neg-m-mb {
        margin-bottom:0
    }
}

.level-2-content .article-sns-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 100px 0 100px
}

.level-2-content .article-sns-list li img {
    width: 70%
}

@media screen and (max-width: 1024px) {
    .level-2-content .article-sns-list {
        margin:50px 0 50px
    }

    .level-2-content .article-sns-list li:not(:first-child) {
        margin-left: 10px
    }

    .level-2-content .article-sns-list li img {
        width: 30px
    }
}

@media screen and (max-width: 620px) {
    .level-2-content .article-sns-list {
        margin:50px 0 50px
    }
}

section .level-2-default-h2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

section .level-2-default-h2 h2 {
    font-size: 5.2rem;
    font-weight: 500;
    text-align: center;
    margin: 100px 0 0
}

@media screen and (max-width: 1920px) {
    section .level-2-default-h2 h2 {
        font-size:4.8rem
    }
}

@media screen and (max-width: 950px) {
    section .level-2-default-h2 h2 {
        font-size:4.2rem
    }
}

@media screen and (max-width: 1366px) {
    section .level-2-default-h2 h2 {
        margin:50px 0 0
    }
}

@media screen and (max-width: 620px) {
    section .level-2-default-h2 h2 {
        font-size:3.0rem;
        margin: 50px 0 0
    }
}

section .level-2-default-h2 h2:before {
    content: '';
    width: 145px;
    height: 1px;
    background: #264989;
    display: block;
    margin: 0 auto 20px
}

section .level-2-default-h2.white h2 {
    color: #fff
}

section .level-2-default-h2.white h2:before {
    background: #fff
}

.contact-us-border-red-area {
    margin: 80px 0;
    border: 3px solid #264989;
    padding: 50px
}

.contact-us-button-col-2 {
    margin: 100px 0 0
}

.contact-us-button-col-2 a,.contact-us-button-col-2 .form-input input {
    min-width: 270px;
    height: 80px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.4rem
}

.contact-us-button-col-2 .form-input {
    padding: 0 !important
}

@media screen and (max-width: 620px) {
    .contact-us-border-red-area {
        padding:20px;
        margin: 40px 0
    }

    .contact-us-button-col-2 {
        margin: 50px 0 0
    }

    .contact-us-button-col-2 a,.contact-us-button-col-2 .form-input input {
        font-size: 1.8rem;
        height: 60px
    }
}

.test-bg {
    background-color: #333;
    padding: 20px
}

.third-leve-bg-cover-content {
    background: #fff;
    text-align: center;
    padding: 100px 0;
    margin: -15% 5% 0
}

@media screen and (min-width: 2561px) {
    .third-leve-bg-cover-content {
        padding:100px 0;
        margin: -20% 5% 0
    }
}

@media screen and (max-width: 2560px) {
    .third-leve-bg-cover-content {
        padding:50px 0 100px
    }
}

@media screen and (max-width: 1366px) {
    .third-leve-bg-cover-content {
        padding:100px 0
    }
}

.third-leve-bg-cover-content .cat-name {
    font-size: 3.0rem;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.third-leve-bg-cover-content .cat-name span:before {
    content: '';
    height: 1px;
    background: #264989;
    display: block;
    margin: 0 0 20px
}

.third-leve-bg-cover-content h2 {
    font-size: 9.6rem;
    line-height: 11.0rem;
    margin: 80px 0 40px;
    font-weight: 300;
    padding: 0 5%
}

.third-leve-bg-cover-content .post-date {
    font-weight: 300;
    font-style: italic;
    font-size: 2.4rem
}

.third-leve-bg-cover-content .article-sns-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.third-leve-bg-cover-content .author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.third-leve-bg-cover-content .author img {
    width: 280px
}

.third-leve-bg-cover-content .author .author-img {
    max-width: 248px;
    height: 248px;
    border-radius: 50%;
    overflow: hidden
}

.third-leve-bg-cover-content .author .author-profile {
    width: 40%;
    margin-left: 2%;
    justify-self: flex-start;
    text-align: left
}

.third-leve-bg-cover-content .author .author-profile .author-name {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 20px
}

@media screen and (max-width: 1920px) {
    .third-leve-bg-cover-content .cat-name {
        font-size:2.0rem
    }

    .third-leve-bg-cover-content h2 {
        font-size: 6.0rem;
        line-height: 7.0rem;
        margin: 60px 0 30px
    }

    .third-leve-bg-cover-content .author .author-profile .author-name {
        font-size: 2.1rem
    }

    .third-leve-bg-cover-content .author img {
        width: 248px
    }
}

@media screen and (max-width: 1366px) {
    .third-leve-bg-cover-content {
        padding:50px 0
    }

    .third-leve-bg-cover-content h2 {
        margin: 20px 0 20px
    }
}

@media screen and (min-width: 951px) {
    .third-leve-bg-cover-content .author .author-profile {
        min-width:500px
    }
}

@media screen and (max-width: 950px) {
    .third-leve-bg-cover-content .author {
        margin:100px calc(50% - 50vw) 0;
        padding: 0 6%
    }

    .third-leve-bg-cover-content .author .author-profile {
        margin-left: 4%;
        width: auto
    }
}

@media screen and (max-width: 620px) {
    .third-leve-bg-cover-content {
        margin:-30% 0 0;
        padding: 80px 0
    }

    .third-leve-bg-cover-content .article-sns-list {
        margin: 30px 0 0
    }

    .third-leve-bg-cover-content .cat-name,.third-leve-bg-cover-content .post-date {
        font-size: 1.6rem
    }

    .third-leve-bg-cover-content .cat-name span:before {
        margin: 0 0 10px
    }

    .third-leve-bg-cover-content h2 {
        font-size: 3.6rem;
        line-height: 4.0rem;
        margin: 20px 0 10px
    }

    .third-leve-bg-cover-content .author {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 80px 5% 0;
        padding: 0
    }

    .third-leve-bg-cover-content .author img {
        width: 145px
    }

    .third-leve-bg-cover-content .author .author-profile {
        margin: 20px 0 0;
        width: auto
    }

    .third-leve-bg-cover-content .author .author-name {
        text-align: center
    }
}

.article-level-3 {
    color: #333
}

.article-level-3 section.block-4k-type-25,.article-level-3 section.block-4k-type-45 {
    margin: 100px 0 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 section.block-4k-type-25,.article-level-3 section.block-4k-type-45 {
        margin:100px 0 0
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 section.block-4k-type-25,.article-level-3 section.block-4k-type-45 {
        margin:40px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 section.block-4k-type-25,.article-level-3 section.block-4k-type-45 {
        margin:100px 0 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 section.block-4k-type-25,.article-level-3 section.block-4k-type-45 {
        margin:70px 0 0
    }
}

.article-level-3 .block-4k-type-100 {
    width: 100%
}

.article-level-3 .block-type-normal {
    margin-top: 150px
}

.article-level-3 .block-inner-box {
    width: 100%
}

.article-level-3 .block-inner-box img+img {
    margin-top: 50px
}

.article-level-3 .block-inner-box img+h3 {
    margin-top: 20px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .border-top-single {
        margin-top:80px !important;
        border-top: solid 2px #EFF2F4;
        padding-top: 50px
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .border-top-single>h3 {
        margin-top:75px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .border-top-single>h3 {
        margin-top:50px
    }
}

.article-level-3 .border-top-double {
    position: relative
}

@media screen and (min-width: 621px) {
    .article-level-3 .border-top-double {
        margin-top:150px !important
    }
}

.article-level-3 .border-top-double:before {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -2px;
    width: 15%;
    border-top: 2px solid #FC0D1B
}

@media screen and (min-width: 2561px) {
    .article-level-3 .article-child-box-1 {
        margin:0 15%
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .article-child-box-1 {
        margin:0 10%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .article-child-box-1 {
        margin:0 8%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .article-child-box-1 {
        margin:0 5%
    }
}

.article-level-3 .article-child-box-2 {
    padding: 80px 0;
    margin-top: 150px
}

.article-level-3 .article-child-box-2 .article-child-box-inner h2,.article-level-3 .article-child-box-2 .article-child-box-inner h3 {
    margin: 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 .article-child-box-2 .article-child-box-inner {
        margin:0 15%
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .article-child-box-2 .article-child-box-inner {
        margin:0 10%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .article-child-box-2 .article-child-box-inner {
        margin:0 8%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .article-child-box-2 .article-child-box-inner {
        margin:0 4%
    }
}

.article-level-3 .article-child-box-2 .article-child-box-inner .block-4k-type-25,.article-level-3 .article-child-box-2 .article-child-box-inner .block-4k-type-45 {
    margin-top: 0
}

.article-level-3 .bg-set p {
    font-size: 4.0rem;
    font-weight: 500
}

.article-level-3 .article-child-box-2.bg-set-EFF2F4 {
    background: #EFF2F4
}

.article-level-3 h1 {
    margin: 0 auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 7.6rem;
    font-weight: 300;
    height: 185px
}

@media screen and (min-width: 2561px) {
    .article-level-3 h1 {
        height:385px
    }
}

.article-level-3 h1:before {
    -webkit-animation: load_left .5s ease-in-out .2s forwards;
    animation: load_left .5s ease-in-out .2s forwards;
    content: "";
    display: inline-block;
    background: #264989;
    width: 36px;
    height: 185px;
    position: absolute;
    margin: 0;
    left: 0;
    opacity: 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 h1:before {
        width:10%;
        height: 385px
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 h1:before {
        top:223.36
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 h1:before {
        top:166.25px
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 h1:before {
        top:130.25px
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 h1:before {
        top:99px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 h1:before {
        top:80px
    }
}

.article-level-3 .long-title {
    font-size: 5.0rem;
    line-height: 1em
}

@media screen and (min-width: 2561px) {
    .article-level-3 .long-title {
        font-size:8rem !important
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .long-title {
        height:285px;
        line-height: 1.2em
    }

    .article-level-3 .long-title:before {
        height: 285px
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .long-title {
        font-size:4.5rem;
        height: 300px
    }

    .article-level-3 .long-title:before {
        height: 300px
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .long-title {
        font-size:4.0rem;
        height: 300px
    }

    .article-level-3 .long-title:before {
        height: 300px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .long-title {
        font-size:3.2rem;
        height: 300px
    }

    .article-level-3 .long-title:before {
        height: 300px
    }
}

.article-level-3 h4 {
    margin: 100px 0 25px
}

@media screen and (max-width: 620px) {
    .article-level-3 h4 {
        margin:100px 0 12px
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box h4:first-of-type {
        margin-top:0
    }
}

.article-level-3 h2+*,.article-level-3 h3+*,.article-level-3 h4+*,.article-level-3 h5+* {
    margin-top: 50px
}

@media screen and (max-width: 620px) {
    .article-level-3 h2+*,.article-level-3 h3+*,.article-level-3 h4+*,.article-level-3 h5+* {
        margin-top:20px
    }
}

.article-level-3 h2+p,.article-level-3 h3+p,.article-level-3 h4+p,.article-level-3 h5+p {
    margin-top: 20px
}

@media screen and (max-width: 620px) {
    .article-level-3 h2+p,.article-level-3 h3+p,.article-level-3 h4+p,.article-level-3 h5+p {
        margin-top:20px
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 h5+* {
        margin-top:20px
    }
}

.article-level-3 h2+img,.article-level-3 h3+img,.article-level-3 h4+img,.article-level-3 h5+img {
    margin-top: 20px
}

.article-level-3 p+table {
    margin-top: 40px
}

.article-level-3 p+h2,.article-level-3 p+h3,.article-level-3 p+h4,.article-level-3 p+h5,.article-level-3 ul+h3 {
    margin-top: 75px
}

@media screen and (max-width: 620px) {
    .article-level-3 p+h2,.article-level-3 p+h3,.article-level-3 p+h4,.article-level-3 p+h5,.article-level-3 ul+h3 {
        margin-top:50px
    }
}

.article-level-3 h4+ul {
    margin-top: 25px
}

@media screen and (max-width: 620px) {
    .article-level-3 h4+ul {
        margin-top:20px
    }
}

.article-level-3 ul+h4 {
    margin-top: 50px
}

@media screen and (max-width: 620px) {
    .article-level-3 ul+h4 {
        margin-top:20px
    }
}

.article-level-3 img+p {
    font-size: 1.8rem
}

.article-level-3 img+p.size-normal {
    font-size: 2.1rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 img+p.size-normal {
        font-size:2.8rem
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 img+p.size-normal {
        font-size:1.8rem
    }
}

.article-level-3 .size-caption {
    font-size: 1.8rem;
    display: block
}

.article-level-3 .note {
    font-size: 1.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .note span {
    margin-right: 10px;
    line-height: 2
}

.article-level-3 a {
    -webkit-transition: all .4s;
    transition: all .4s
}

.article-level-3 img {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.article-level-3 img.img-size-100 {
    width: 100%
}

.article-level-3 img.img-size-auto {
    width: auto !important
}

@media screen and (max-width: 620px) {
    .article-level-3 img.img-size-auto {
        margin:40px 0 0 !important
    }
}

.article-level-3 img.img-auto {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 2561px) {
    .article-level-3 img.img-auto.img-4k-100 {
        width:100% !important
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 img.img-pc {
        display:none
    }
}

@media screen and (min-width: 621px) {
    .article-level-3 img.img-sp {
        display:none
    }
}

.article-level-3 .img-overlay {
    margin-top: 40px;
    margin-right: calc(50% - 50vw)
}

.article-level-3 .img-overlay p {
    background: #fff;
    margin: -10% 0 0 5%;
    position: relative;
    font-size: 3.8rem;
    padding: 3% 5%;
    color: #333
}

@media screen and (min-width: 2561px) {
    .article-level-3 .img-overlay p {
        font-size:4.6rem
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-overlay p {
        font-size:2.8rem
    }
}

.article-level-3 .movie-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000
}

.article-level-3 .movie-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-level-3 .movie-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.article-level-3 img+p {
    margin-top: 20px
}

.article-level-3 img+h5 {
    margin-top: 50px
}

.article-level-3 img.auto {
    margin: 20px auto 0
}

.article-level-3 p+p,.article-level-3 ol+p {
    margin-top: 20px
}

.article-level-3 p+img {
    margin-top: 20px !important
}

.article-level-3 p+.number-list {
    margin: 40px 0
}

.article-level-3 .text-align-right {
    text-align: right
}

.article-level-3 ol.number-list {
    counter-reset: number;
    list-style-type: none;
    padding-left: 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 ol.number-list {
        font-size:2.8rem
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 ol.number-list {
        font-size:2.1rem
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 ol.number-list {
        font-size:1.8rem
    }
}

.article-level-3 ol.number-list>li {
    padding-left: 2.4rem;
    text-indent: -8px
}

.article-level-3 ol.number-list>li>span:not([class]) {
    text-indent: -0em;
    padding-left: 0em
}

.article-level-3 ol.number-list>li>span.sup-wrap {
    text-indent: 0;
    padding-left: 0
}

.article-level-3 ol.number-list>li:not(:first-child) {
    margin-top: 8px
}

.article-level-3 ol.number-list>li:before {
    counter-increment: number;
    content: counter(number) ".";
    padding-right: 0;
    height: 0;
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block
}

@media screen and (min-width: 621px) {
    .article-level-3 ol.number-list>li:before {
        top:0
    }
}

.article-level-3 ol.number-list>.flex-wrap-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-level-3 ol.number-list .default-list,.article-level-3 ol.number-list .number-list {
    margin: 20px 0 0;
    width: 100%
}

.article-level-3 ol.number-list.size-caption {
    font-size: 1.8rem
}

.article-level-3 ol.number-list.type-2>li:before {
    counter-increment: number;
    content: "(" counter(number) ") "
}

.article-level-3 ol.number-list.type-note>li {
    padding-left: 0;
    text-indent: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 ol.number-list.type-note>li:before {
    counter-increment: number;
    content: "Note " counter(number) ".";
    white-space: nowrap;
    margin-right: 20px
}

.article-level-3 ul.in-default-list>li {
    margin-top: 40px !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-level-3 ul.in-default-list>li>a {
    display: inline
}

.article-level-3 ul.in-default-list li>.default-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;
    text-indent: 0
}

.article-level-3 ul.in-default-list li>.default-list li:before {
    min-width: 6px;
    top: 8px;
    left: -5px
}

@media screen and (min-width: 621px) {
    .article-level-3 ul.in-default-list li>.default-list li:before {
        top:10px
    }
}

.article-level-3 ul.in-default-list li>.default-list li a {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 5px
}

.article-level-3 ol.in-default-list>li,.article-level-3 ol.in-number-list>li {
    font-size: 2.4rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 ol.in-default-list>li,.article-level-3 ol.in-number-list>li {
        font-size:2.8rem
    }
}

.article-level-3 ol.in-default-list>li+li,.article-level-3 ol.in-number-list>li+li {
    margin-top: 40px !important
}

.article-level-3 ol.number-list.color-407BBE li:before {
    color: #407BBE
}

.article-level-3 .number-list-type-2 {
    counter-reset: number
}

.article-level-3 .number-list-type-2 p:not(:first-of-type) {
    text-indent: -1.3em;
    padding-left: 1.3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .number-list-type-2 p:not(:first-of-type):before {
    counter-increment: number;
    content: counter(number) ".";
    padding-right: 0em
}

.article-level-3 .number-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .number-single span {
    margin-right: 10px;
    white-space: nowrap
}

.article-level-3 ol.number-list-type-3 {
    margin: 20px 0;
    counter-reset: number;
    list-style: none;
    padding: 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 ol.number-list-type-3 {
        margin:40px 0
    }
}

.article-level-3 ol.number-list-type-3 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 ol.number-list-type-3 li:not(:first-child) {
    margin-top: 8px
}

.article-level-3 ol.number-list-type-3 li:before {
    font-size: 1.8rem;
    content: counter(number) ")";
    counter-increment: number;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    text-align: center;
    height: 22px;
    width: 22px;
    min-width: 22px;
    margin: 5px 10px 0 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 ol.number-list-type-3 li:before {
        font-size:2.4rem;
        margin: 9px 10px 0 0;
        line-height: 26px;
        height: 26px;
        width: 26px;
        min-width: 26px
    }
}

.article-level-3 .indent-lower {
    padding-left: 20px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .indent-lower {
        padding-left:40px
    }
}

.article-level-3 .cover-img {
    margin: 100px calc(50% - 50vw) 100px;
    background: #FAFAFA;
    padding: 150px 0
}

.article-level-3 .cover-img:after {
    content: "";
    display: block;
    clear: both
}

.article-level-3 .cover-img ul:nth-of-type(3) {
    margin-top: 150px
}

.article-level-3 .cover-img-left-box,.article-level-3 .cover-img-right-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .cover-img-left-box .col-2-1,.article-level-3 .cover-img-right-box .col-2-1 {
    margin-top: 40px
}

.article-level-3 .cover-img-left-box li:first-child {
    width: 60%;
    float: left
}

.article-level-3 .cover-img-left-box li:last-child {
    background: #fff;
    border-left: 12px solid #407BBE;
    width: 60%;
    padding: 100px 15% 100px 3;
    margin: 10% 0 auto -10%;
    position: relative
}

.article-level-3 .cover-img-right-box {
    margin-top: 150px
}

.article-level-3 .cover-img-right-box li:first-child {
    background: #fff;
    border-right: 12px solid #407BBE;
    width: 60%;
    padding: 100px 3% 100px 15%;
    margin: 10% -10% auto 0;
    position: relative;
    z-index: 2
}

.article-level-3 .cover-img-right-box li:last-child {
    width: 60%;
    float: right
}

@media screen and (min-width: 2561px) {
    .article-level-3 .cover-img-left-box li:first-child {
        width:50%;
        margin-left: 15%
    }

    .article-level-3 .cover-img-left-box li:last-child {
        margin: 5% 15% auto -11%;
        padding: 100px 5%
    }

    .article-level-3 .cover-img-right-box li:first-child {
        margin: 5% -11% auto 15%;
        padding: 100px 5%
    }

    .article-level-3 .cover-img-right-box li:last-child {
        width: 50%;
        margin-right: 15%
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .cover-img-left-box li:last-child {
        padding:100px 10% 100px 3%
    }

    .article-level-3 .cover-img-right-box li:first-child {
        padding: 100px 3% 100px 10%
    }
}

@media screen and (min-width: 1921px) {
    .article-level-3 .cover-img h3 {
        font-size:4.4rem
    }

    .article-level-3 .cover-img p {
        font-size: 2.8rem
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .cover-img {
        padding:100px 0
    }

    .article-level-3 .cover-img ul:nth-of-type(3) {
        margin-top: 100px
    }

    .article-level-3 .cover-img-right-box {
        margin-top: 100px
    }

    .article-level-3 .cover-img-left-box li:last-child {
        padding: 100px 5% 100px 5%
    }

    .article-level-3 .cover-img-right-box li:first-child {
        padding: 100px 5% 100px 5%
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .cover-img {
        padding:80px 0
    }

    .article-level-3 .cover-img ul:nth-of-type(3) {
        margin-top: 80px
    }

    .article-level-3 .cover-img-right-box {
        margin-top: 80px
    }

    .article-level-3 .cover-img-left-box li:last-child {
        border-left: 5px solid #407BBE;
        width: 95%;
        padding: 50px 5% 50px 5%;
        margin: 50% 0 auto -95%
    }

    .article-level-3 .cover-img-right-box li:first-child {
        border-right: 5px solid #407BBE;
        width: 95%;
        padding: 50px 5% 50px 5%;
        margin: 50% -95% auto 0
    }

    .article-level-3 .cover-img-left-box li:first-child {
        width: 95%;
        float: right;
        margin: 0 auto 0 0
    }

    .article-level-3 .cover-img-right-box li:last-child {
        width: 95%;
        float: right;
        margin: 0 0 0 auto
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .cover-img.sm-m-none {
        margin-top:0
    }

    .article-level-3 .cover-img ul:nth-of-type(3) {
        margin-top: 50px
    }

    .article-level-3 .cover-img-right-box {
        margin-top: 50px
    }
}

.article-level-3 .left-line-content .left-line-content-inner {
    border-left: 18px solid #407BBE;
    margin: 100px 0;
    padding: 100px
}

.article-level-3 .left-line-content .left-line-content-inner dl {
    border-bottom: 1px solid rgba(175,191,199,0.5);
    padding-bottom: 40px
}

.article-level-3 .left-line-content .left-line-content-inner dl:not(:first-child) {
    margin-top: 100px
}

.article-level-3 .left-line-content .left-line-content-inner dt {
    font-size: 3.4rem;
    line-height: 4.2rem;
    font-weight: 500
}

.article-level-3 .left-line-content .left-line-content-inner dd {
    margin-top: 50px
}

.article-level-3 .left-line-content .left-line-content-inner dd ol {
    margin: 40px 0 0
}

.article-level-3 .left-line-content-bottom {
    border-top: 1px solid #AFBFC7;
    padding-top: 100px
}

@media screen and (max-width: 950px) {
    .article-level-3 .left-line-content .left-line-content-inner {
        border-left:18px solid #407BBE;
        margin: 100px 0;
        padding: 50px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .left-line-content .left-line-content-inner {
        border-left:8px solid #407BBE;
        margin: 50px 0;
        padding: 50px 30px
    }

    .article-level-3 .left-line-content .left-line-content-inner dl:not(:first-child) {
        margin-top: 50px
    }

    .article-level-3 .left-line-content .left-line-content-inner dt {
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .article-level-3 .left-line-content .left-line-content-inner dd {
        margin-top: 25px;
        font-size: 1.9rem
    }

    .article-level-3 .left-line-content .left-line-content-inner dd ol {
        margin: 30px 0 0
    }

    .article-level-3 .left-line-content .left-line-content-inner dd p {
        font-size: 1.9rem
    }

    .article-level-3 .left-line-content .left-line-content-bottom {
        padding-top: 50px
    }
}

.article-level-3 .bg-100-wrap {
    margin: 150px calc(50% - 50vw) 0;
    background: #eee;
    padding: 100px 0
}

.article-level-3 .bg-100-wrap .bg-100-inner {
    margin: 0 15%
}

@media screen and (max-width: 2560px) {
    .article-level-3 .bg-100-wrap .bg-100-inner {
        margin:0 10%
    }
}

@media screen and (max-width: 1920px) {
    .article-level-3 .bg-100-wrap .bg-100-inner {
        margin:0 10%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .bg-100-wrap .bg-100-inner {
        margin:0 8%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .bg-100-wrap .bg-100-inner {
        margin:0 5%
    }
}

.article-level-3 .bg-100-wrap .bg-100-inner section {
    margin: 0 !important
}

.article-level-3 .article-sns-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0 0
}

.article-level-3 .article-sns-list li img {
    width: 70%
}

.article-level-3 .article-sns-list li a:focus-visible {
    outline: none !important
}

.article-level-3 .article-sns-list li a:focus-visible img {
    outline: 1px solid #264989 !important;
    outline-offset: 0px;
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .article-level-3 .article-sns-list {
        margin:40px 0 0 0
    }

    .article-level-3 .article-sns-list li:not(:first-child) {
        margin-left: 10px
    }

    .article-level-3 .article-sns-list li img {
        width: 30px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .article-sns-list {
        margin:40px 0 0 0
    }
}

.article-level-3 .bottom-sns-list {
    position: relative;
    z-index: -1;
    margin-top: 100px
}

.article-level-3 table tbody {
    width: 100%;
    display: table
}

.article-level-3 .table-type-1 {
    width: 100%;
    border-collapse: collapse
}

.article-level-3 .table-type-1 tr:last-child {
    border-bottom: solid 1px #bbb
}

.article-level-3 .table-type-1 th,.article-level-3 .table-type-1 td {
    border-top: 1px solid #bbb
}

.article-level-3 .table-type-1 th {
    width: 35%;
    color: #333;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    padding: 20px 40px 20px 0;
    font-size: 2.1rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 .table-type-1 th {
        font-size:2.8rem
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .table-type-1 th {
        padding:10px 40px 10px 0
    }
}

.article-level-3 .table-type-1 td {
    padding: 20px 0;
    font-size: 1.6rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 .table-type-1 td {
        font-size:2.8rem
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .table-type-1 td {
        padding:10px 0
    }
}

.article-level-3 .table-type-1-2 {
    width: 100%;
    border-collapse: collapse
}

.article-level-3 .table-type-1-2 th {
    padding: 20px 0;
    text-align: center
}

.article-level-3 .table-type-1-2 th,.article-level-3 .table-type-1-2 td {
    border-top: 1px solid #bbb
}

.article-level-3 .table-type-1-2 th,.article-level-3 .table-type-1-2 td {
    width: 100%;
    display: block
}

.article-level-3 .table-type-1-2 tbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .table-type-1-2 tr {
    border-bottom: solid 1px #bbb;
    width: 25%;
    color: #333;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    padding: 20px 0 20px 0;
    font-size: 2.1rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 .table-type-1-2 tr {
        font-size:2.8rem
    }
}

.article-level-3 .table-type-1-2 td {
    padding: 20px 0;
    font-size: 1.6rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 .table-type-1-2 td {
        font-size:2.8rem
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .table-type-1-2 td {
        padding:10px 0
    }
}

.article-level-3 .table-title,.article-level-3 caption {
    margin-top: 40px;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    display: block
}

.article-level-3 .table-type-2 {
    width: 100%;
    border-collapse: collapse
}

@media screen and (max-width: 1024px) {
    .article-level-3 .table-type-2 {
        display:block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .table-type-2 {
        font-size:1.6rem
    }
}

.article-level-3 .table-type-2 th,.article-level-3 .table-type-2 td {
    border-top: 1px solid #bbb;
    border-right: 1px dotted #bbb;
    padding: 20px 10px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .table-type-2 th,.article-level-3 .table-type-2 td {
        font-size:2.1rem
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .table-type-2 th,.article-level-3 .table-type-2 td {
        padding:10px 10px
    }
}

.article-level-3 .table-type-2 tr:nth-child(odd) {
    background-color: rgba(176,191,200,0.2)
}

.article-level-3 .table-type-2 tr:last-child {
    border-bottom: solid 1px #bbb
}

.article-level-3 .table-type-2 th {
    color: #333;
    font-weight: 500
}

.article-level-3 .table-type-2 .cell-blank {
    background-color: #fff;
    border-top: none
}

.article-level-3 .table-type-2.no-bg tr {
    background-color: transparent
}

.article-level-3 .table-type-2.no-bg th,.article-level-3 .table-type-2.no-bg td {
    border-right: none
}

.article-level-3 .table-title+.table-type-2 {
    margin-top: 0
}

.article-level-3 .table-type-2.all-center th,.article-level-3 .table-type-2.all-center td {
    text-align: center
}

.article-level-3 .simplebar-scrollbar::before {
    background: #B0BFC8;
    border-radius: 0
}

.article-level-3 .simplebar-content:before,.article-level-3 .simplebar-content:after {
    padding-bottom: 100px;
    display: inline-table
}

.article-level-3 .table-align-center th,.article-level-3 .table-align-center td {
    text-align: center
}

.article-level-3 .default-list li>ul {
    margin-top: 10px
}

.article-level-3 .default-list li {
    padding-left: 20px;
    text-indent: -.8rem
}

@media screen and (min-width: 2561px) {
    .article-level-3 .default-list li {
        font-size:2.8rem
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .default-list li {
        font-size:2.1rem
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .default-list li {
        font-size:1.8rem
    }
}

.article-level-3 .default-list li:not(:first-child) {
    margin-top: 10px
}

.article-level-3 .default-list li:before {
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    width: 6px;
    min-width: 6px;
    height: 6px;
    min-height: 6px;
    content: "";
    border-radius: 100%;
    background: #333
}

.article-level-3 .default-list li a {
    display: inline;
    margin-left: -5px
}

.article-level-3 .default-list li .default-list,.article-level-3 .default-list li .number-list {
    margin: 20px 0 0;
    width: 100%
}

.article-level-3 .default-list.no-circle>li {
    padding-left: 0;
    text-indent: 0
}

.article-level-3 .default-list.no-circle>li:before {
    display: none
}

.article-level-3 .child-min-list-title {
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin: 30px 0 0
}

.article-level-3 .child-min-list-title+.default-list,.article-level-3 .child-min-list-title+.number-list {
    text-indent: -1.3em;
    padding-left: 1.3em
}

.article-level-3 h3+.default-list {
    margin-top: 20px
}

.article-level-3 .default-list-min {
    margin: 10px 0;
    padding-left: 10px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .default-list-min li {
        font-size:2.8rem
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .default-list-min li {
        font-size:2.1rem
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .default-list-min li {
        font-size:1.9rem
    }
}

.article-level-3 .default-list-min li:not(:first-child) {
    margin-top: 10px
}

.article-level-3 .default-list-min li:before {
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    width: 6px;
    min-width: 6px;
    height: 6px;
    min-height: 6px;
    content: "";
    border-radius: 100%;
    background: #333
}

.article-level-3 .news-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 620px) {
    .article-level-3 .news-list li {
        font-size:1.8rem
    }
}

.article-level-3 .news-list li:not(:first-child) {
    margin-top: 20px
}

.article-level-3 .news-list li span {
    white-space: nowrap;
    margin-right: 4%
}

.article-level-3 .block-inner-box+.block-inner-box {
    margin-top: 50px
}

.article-level-3 .block-4k-type-25 .block-inner-box,.article-level-3 .block-4k-type-45 .block-inner-box {
    margin: 0
}

.article-level-3 .block-inner-box>.block-inner-box {
    margin-top: 20px
}

@media screen and (max-width: 1920px) {
    .article-level-3 .block-inner-box>.block-inner-box {
        margin-top:0
    }
}

.article-level-3 .bg-eff2f4-wrap {
    background: #eff2f4;
    margin: 150px calc(50% - 50vw) 100px;
    padding: 150px 0
}

@media screen and (max-width: 1024px) {
    .article-level-3 .bg-eff2f4-wrap {
        margin:100px calc(50% - 50vw) 100px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .bg-eff2f4-wrap {
        margin:50px calc(50% - 50vw);
        padding: 50px 0
    }
}

.article-level-3 .bg-eff2f4-wrap .block-4k-type-25 {
    margin: 0 !important
}

.article-level-3 .bg-eff2f4-wrap.change-color-FAFAFA {
    background: #FAFAFA
}

.article-level-3 .bg-eff2f4-wrap-inner {
    margin: 0 15%
}

@media screen and (max-width: 2560px) {
    .article-level-3 .bg-eff2f4-wrap-inner {
        margin:0 10%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .bg-eff2f4-wrap-inner {
        margin:0 8%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .bg-eff2f4-wrap-inner {
        margin:0 5%
    }
}

.article-level-3 .bg-eff2f4-wrap-inner section:nth-child(n+2) {
    margin-top: 100px !important;
    border-top: 1px solid #707070 !important
}

.article-level-3 .bg-eff2f4-wrap-inner section:nth-child(n+2):before {
    display: none
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-eff2f4-wrap-inner .border-top-double {
        border-top:solid 2px #fff !important
    }
}

.article-level-3 .bg-overlay-in-text-contents {
    margin: 250px calc(50% - 50vw) 150px
}

.article-level-3 .bg-overlay-in-text-contents .bg-set {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.article-level-3 .bg-overlay-in-text-contents .bg-text {
    color: #fff;
    font-size: 4.8rem;
    text-align: center;
    font-weight: 500;
    padding: 300px 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-text {
        font-size:5.4rem
    }
}

@media screen and (max-width: 1920px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-text {
        padding:200px 0
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-text {
        padding:150px 5%;
        font-size: 3.4rem;
        line-height: 1.2
    }
}

.article-level-3 .bg-overlay-in-text-contents .bg-text:before {
    content: '';
    width: 145px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 0 auto 10px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-text:before {
        width:215px;
        margin: 0 auto 40px
    }
}

.article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 15%
}

@media screen and (max-width: 2560px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content {
        margin:0 10%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content {
        margin:0 8%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content {
        margin:0 5%
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content .img {
    margin: -5% 0 0
}

.article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content .text {
    padding: 40px
}

.article-level-3 .bg-overlay-in-text-contents .bg-overlay-in-text-content .text span {
    font-weight: bold
}

.article-level-3 .line-img-list-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.article-level-3 .line-img-list-col4:after {
    content: "";
    display: block;
    height: 0
}

.article-level-3 .line-img-list-col4 h3 {
    font-size: 3.4rem;
    line-height: 4.4rem;
    text-align: center
}

@media screen and (min-width: 1921px) {
    .article-level-3 .line-img-list-col4 {
        margin:0 -45px 0
    }

    .article-level-3 .line-img-list-col4:before {
        content: "";
        display: block;
        width: 25%;
        height: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .article-level-3 .line-img-list-col4:after {
        width: 25%
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .line-img-list-col4 {
        margin:-100px -45px 0
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .line-img-list-col4 h3 {
        font-size:2.6rem;
        line-height: 3.4rem
    }
}

@media screen and (max-width: 1920px) {
    .article-level-3 .line-img-list-col4 {
        margin:0 -45px 0
    }

    .article-level-3 .line-img-list-col4:before {
        content: "";
        display: block;
        width: 25%;
        height: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .article-level-3 .line-img-list-col4:after {
        width: 25%
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .line-img-list-col4 {
        margin:0 -10px 0
    }
}

.article-level-3 .line-img-list-col4 .col4-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1921px) {
    .article-level-3 .line-img-list-col4 .col4-content {
        width:25%;
        padding: 0 45px;
        margin-bottom: 100px
    }
}

@media screen and (max-width: 1920px) {
    .article-level-3 .line-img-list-col4 .col4-content {
        width:25%;
        padding: 0 45px;
        margin-bottom: 100px
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .line-img-list-col4 .col4-content {
        padding:0 10px
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .line-img-list-col4 .col4-content {
        width:50%;
        padding: 0 5px;
        margin-bottom: 100px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .line-img-list-col4 .col4-content {
        margin-bottom:50px
    }

    .article-level-3 .line-img-list-col4 .col4-content h3 {
        font-size: 6vw;
        line-height: 7vw
    }
}

.article-level-3 .col-2-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 60px -30px 0
}

.article-level-3 .col-2-1:after {
    content: "";
    display: block;
    height: 0
}

@media screen and (max-width: 1366px) {
    .article-level-3 .col-2-1 {
        margin:60px -25px 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .col-2-1 {
        margin:60px -15px 0
    }
}

.article-level-3 .col-2-1:before {
    content: "";
    display: block;
    width: 50%;
    height: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (max-width: 620px) {
    .article-level-3 .col-2-1:before {
        width:100%
    }
}

.article-level-3 .col-2-1:before,.article-level-3 .col-2-1:after {
    width: 50%
}

@media screen and (max-width: 620px) {
    .article-level-3 .col-2-1:before,.article-level-3 .col-2-1:after {
        width:100%
    }
}

.article-level-3 .col-2-1>div {
    width: 50%;
    padding: 0 30px;
    margin-bottom: 40px
}

@media screen and (max-width: 1366px) {
    .article-level-3 .col-2-1>div {
        padding:0 25px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .col-2-1>div {
        width:100%;
        padding: 0 15px;
        margin-bottom: 30px
    }
}

.article-level-3 .dl-list {
    margin-top: 20px;
    margin-left: 10px
}

.article-level-3 .dl-list dt {
    width: 30%;
    margin-right: auto
}

.article-level-3 .dl-list dd {
    width: 70%
}

.article-level-3 .img-col-3-2 {
    margin-top: 100px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .img-col-3-2 {
        margin-top:0
    }
}

.article-level-3 .img-col-3-2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -45px 0
}

.article-level-3 .img-col-3-2 ul:after {
    content: "";
    display: block;
    height: 0
}

@media screen and (max-width: 1366px) {
    .article-level-3 .img-col-3-2 ul {
        margin:0 -25px 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-col-3-2 ul {
        margin:0 -15px 0
    }
}

.article-level-3 .img-col-3-2 ul:before {
    content: "";
    display: block;
    width: 33.33333333%;
    height: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-col-3-2 ul:before {
        width:50%
    }
}

.article-level-3 .img-col-3-2 ul:before,.article-level-3 .img-col-3-2 ul:after {
    width: 33.33333333%
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-col-3-2 ul:before,.article-level-3 .img-col-3-2 ul:after {
        width:50%
    }
}

.article-level-3 .img-col-3-2 ul li {
    width: 33.33333333%;
    padding: 0 45px;
    margin-bottom: 100px
}

@media screen and (max-width: 1366px) {
    .article-level-3 .img-col-3-2 ul li {
        padding:0 25px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-col-3-2 ul li {
        width:50%;
        padding: 0 15px;
        margin-bottom: 30px
    }
}

.article-level-3 .img-card-col-3-2-1 {
    margin-top: 50px;
    margin-bottom: -80px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .img-card-col-3-2-1 {
        margin-top:0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-card-col-3-2-1 {
        margin-bottom:0px
    }
}

.article-level-3 .img-card-col-3-2-1>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -25px 0
}

.article-level-3 .img-card-col-3-2-1>ul:after {
    content: "";
    display: block;
    height: 0
}

@media screen and (max-width: 1366px) {
    .article-level-3 .img-card-col-3-2-1>ul {
        margin:0 -25px 0
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .img-card-col-3-2-1>ul {
        margin:0 -15px 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-card-col-3-2-1>ul {
        margin:0 -15px 0
    }
}

.article-level-3 .img-card-col-3-2-1>ul:before {
    content: "";
    display: block;
    width: 33.33333333%;
    height: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (max-width: 950px) {
    .article-level-3 .img-card-col-3-2-1>ul:before {
        width:50%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-card-col-3-2-1>ul:before {
        width:100%
    }
}

.article-level-3 .img-card-col-3-2-1>ul:before,.article-level-3 .img-card-col-3-2-1>ul:after {
    width: 33.33333333%
}

@media screen and (max-width: 950px) {
    .article-level-3 .img-card-col-3-2-1>ul:before,.article-level-3 .img-card-col-3-2-1>ul:after {
        width:50%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-card-col-3-2-1>ul:before,.article-level-3 .img-card-col-3-2-1>ul:after {
        width:100%
    }
}

.article-level-3 .img-card-col-3-2-1>ul>li {
    width: 33.33333333%;
    padding: 0 25px;
    margin-bottom: 80px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1366px) {
    .article-level-3 .img-card-col-3-2-1>ul>li {
        padding:0 25px
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .img-card-col-3-2-1>ul>li {
        width:50%;
        padding: 0 15px;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-card-col-3-2-1>ul>li {
        width:100%;
        margin-bottom: 50px
    }
}

.article-level-3 .img-card-col-3-2-1>ul a {
    color: #333;
    position: relative;
    width: 100%;
    padding: 0 0 90px;
    pointer-events: none
}

@media screen and (max-width: 620px) {
    .article-level-3 .img-card-col-3-2-1>ul a {
        padding:0 0 70px
    }
}

.article-level-3 .img-card-col-3-2-1>ul .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 55%;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out
}

.article-level-3 .img-card-col-3-2-1>ul .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.article-level-3 .img-card-col-3-2-1>ul .title {
    font-size: 2.6rem;
    margin: 20px 0 10px
}

.article-level-3 .img-card-col-3-2-1>ul .text {
    margin: 0
}

.article-level-3 .img-card-col-3-2-1>ul .button {
    margin: 0;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    pointer-events: auto;
    cursor: pointer
}

.article-level-3 .block-inner-box .col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .block-inner-box .col-2>.block-inner-box {
    width: calc(50% - 7% / 2)
}

.article-level-3 .block-inner-box .col-2>.block-inner-box .align-box {
    margin-top: auto
}

.article-level-3 .block-inner-box .col-2>.block-inner-box:first-child {
    margin-right: 7%
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2>.block-inner-box:first-child {
        margin-right:0
    }
}

.article-level-3 .block-inner-box .col-2+.col-2 {
    margin-top: 100px
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2+.col-2 {
        margin-top:0px
    }
}

.article-level-3 .block-inner-box .col-2.size-7-3>.block-inner-box:first-child {
    width: 70%
}

.article-level-3 .block-inner-box .col-2.size-7-3>.block-inner-box:last-child {
    width: 30%
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box .col-2.size-7-3>.block-inner-box:first-child,.article-level-3 .block-inner-box .col-2.size-7-3>.block-inner-box:last-child {
        width:50%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2.size-7-3>.block-inner-box:first-child,.article-level-3 .block-inner-box .col-2.size-7-3>.block-inner-box:last-child {
        width:100%
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box .col-2.pc-4k-img-column-vertical {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .block-inner-box .col-2.pc-4k-img-column-vertical>.block-inner-box {
        width: 100%
    }

    .article-level-3 .block-inner-box .col-2.pc-4k-img-column-vertical>.block-inner-box:first-child {
        margin-right: 0;
        margin-bottom: 5%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2.sp-m {
        margin-top:80px
    }
}

.article-level-3 .block-inner-box .first-title-thum-list {
    margin-top: 150px
}

.article-level-3 .block-inner-box .first-title-thum-list h3 {
    font-size: 4.8rem
}

.article-level-3 .block-inner-box .first-title-thum-list h3+img {
    margin-top: 50px
}

.article-level-3 .block-inner-box .first-title-thum-list .col-2 {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.article-level-3 .block-inner-box .first-title-thum-list .col-2 .block-inner-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-level-3 .block-inner-box .first-title-thum-list .col-2 .block-inner-box img {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.article-level-3 .block-inner-box .first-title-thum-list .col-2+.col-2 {
    margin-top: 150px
}

@media screen and (max-width: 950px) {
    .article-level-3 .block-inner-box .first-title-thum-list {
        margin-top:100px
    }

    .article-level-3 .block-inner-box .first-title-thum-list .col-2+.col-2 {
        margin-top: 100px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .first-title-thum-list {
        margin-top:50px;
        margin-bottom: 100px
    }

    .article-level-3 .block-inner-box .first-title-thum-list h3 {
        font-size: 3.4rem
    }

    .article-level-3 .block-inner-box .first-title-thum-list .col-2+.col-2 {
        margin-top: 0
    }

    .article-level-3 .block-inner-box .first-title-thum-list .col-2>.block-inner-box {
        margin-top: 50px
    }
}

.article-level-3 .block-inner-box .line-img-list-col2 .col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (min-width: 621px) {
    .article-level-3 .block-inner-box .in-link-button a {
        position:absolute
    }

    .article-level-3 .block-inner-box .in-link-button+.col-2 {
        margin-top: 200px
    }
}

.article-level-3 .block-inner-box .col-2-3-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box:last-child {
    width: 35%;
    min-width: 35%;
    margin-left: 5%
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box .col-2-3-7>.block-inner-box:last-child {
        margin-top:0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2-3-7>.block-inner-box:last-child {
        margin-left:0
    }
}

.article-level-3 .block-inner-box .col-2-3-7.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-level-3 .block-inner-box .col-2-3-7.flex-align-center .lead-text-in-img {
    margin: 0 !important
}

.article-level-3 .block-inner-box .col-2-3-7.flex-align-center .max-img-size-set {
    margin: 0
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2-3-7.flex-align-center .max-img-size-set {
        margin:50px 0 60px
    }
}

.article-level-3 .block-inner-box .flex-align-center .block-inner-box:first-child {
    padding-top: 40px
}

.article-level-3 .block-inner-box .col-2-3-7.reverse>:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.article-level-3 .block-inner-box .col-2-3-7.reverse>:last-child {
    margin-left: 0;
    margin-right: 5%
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2-3-7.reverse>:last-child {
        margin-right:0
    }
}

.article-level-3 .block-inner-box .col-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1024px) {
    .article-level-3 .block-inner-box .col-3 {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.article-level-3 .block-inner-box .col-3>.block-inner-box {
    width: calc(33.3333333% - 5% / 3);
    margin-right: 5%
}

.article-level-3 .block-inner-box .col-3>.block-inner-box:last-child {
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .article-level-3 .block-inner-box .col-3>.block-inner-box {
        width:calc(50% - 5% / 1)
    }

    .article-level-3 .block-inner-box .col-3>.block-inner-box:nth-child(even) {
        margin-right: 0
    }

    .article-level-3 .block-inner-box .col-3>.block-inner-box:nth-child(n+3) {
        margin-top: 80px
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-3>.block-inner-box:nth-child(n+2) {
        margin-top:60px
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box .col-3-4k-2 {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .block-inner-box .col-3-4k-2 .block-inner-box {
        width: calc(50% - 5% / 2)
    }

    .article-level-3 .block-inner-box .col-3-4k-2 .block-inner-box:nth-child(even) {
        margin-right: 0
    }

    .article-level-3 .block-inner-box .col-3-4k-2 .block-inner-box:nth-child(n+3) {
        margin-top: 100px
    }
}

.article-level-3 .block-inner-box .col-3.img-100 img {
    width: 100%
}

.article-level-3 .block-inner-box .col-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box .col-4 {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .block-inner-box .col-4 {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-inner-box .col-4>.block-inner-box {
        width:calc(50% - 7% / 2)
    }

    .article-level-3 .block-inner-box .col-4>.block-inner-box:nth-child(odd) {
        margin-right: 7%
    }

    .article-level-3 .block-inner-box .col-4>.block-inner-box:nth-child(n+3) {
        margin-top: 5%
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .block-inner-box .col-4>.block-inner-box {
        width:calc(25% - 7% / 4)
    }

    .article-level-3 .block-inner-box .col-4>.block-inner-box:not(:last-child) {
        margin-right: 7%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .block-inner-box .col-4>.block-inner-box {
        width:calc(50% - 7% / 2)
    }

    .article-level-3 .block-inner-box .col-4>.block-inner-box:nth-child(even) {
        margin-right: 0
    }

    .article-level-3 .block-inner-box .col-4>.block-inner-box:nth-child(odd) {
        margin-right: 7%
    }

    .article-level-3 .block-inner-box .col-4>.block-inner-box:nth-child(n+3) {
        margin-top: 5%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2,.article-level-3 .block-inner-box .col-3,.article-level-3 .block-inner-box .col-4,.article-level-3 .block-inner-box .col-2-3-7 {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .block-inner-box .col-2>.block-inner-box,.article-level-3 .block-inner-box .col-3>.block-inner-box,.article-level-3 .block-inner-box .col-4>.block-inner-box,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box {
        width: 100%;
        margin: 30px 0 0
    }

    .article-level-3 .block-inner-box .col-2>.block-inner-box:last-child,.article-level-3 .block-inner-box .col-3>.block-inner-box:last-child,.article-level-3 .block-inner-box .col-4>.block-inner-box:last-child,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box:last-child {
        width: 100%
    }

    .article-level-3 .block-inner-box .col-2>.block-inner-box img,.article-level-3 .block-inner-box .col-3>.block-inner-box img,.article-level-3 .block-inner-box .col-4>.block-inner-box img,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box img {
        margin: 0 auto
    }

    .article-level-3 .block-inner-box .col-2>.block-inner-box h2+img,.article-level-3 .block-inner-box .col-2>.block-inner-box h3+img,.article-level-3 .block-inner-box .col-2>.block-inner-box h4+img,.article-level-3 .block-inner-box .col-2>.block-inner-box h5+img,.article-level-3 .block-inner-box .col-3>.block-inner-box h2+img,.article-level-3 .block-inner-box .col-3>.block-inner-box h3+img,.article-level-3 .block-inner-box .col-3>.block-inner-box h4+img,.article-level-3 .block-inner-box .col-3>.block-inner-box h5+img,.article-level-3 .block-inner-box .col-4>.block-inner-box h2+img,.article-level-3 .block-inner-box .col-4>.block-inner-box h3+img,.article-level-3 .block-inner-box .col-4>.block-inner-box h4+img,.article-level-3 .block-inner-box .col-4>.block-inner-box h5+img,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box h2+img,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box h3+img,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box h4+img,.article-level-3 .block-inner-box .col-2-3-7>.block-inner-box h5+img {
        margin: 20px auto 0
    }

    .article-level-3 .block-inner-box .col-2 .col-2,.article-level-3 .block-inner-box .col-2 .col-3,.article-level-3 .block-inner-box .col-2 .col-4,.article-level-3 .block-inner-box .col-2 .col-2-3-7,.article-level-3 .block-inner-box .col-3 .col-2,.article-level-3 .block-inner-box .col-3 .col-3,.article-level-3 .block-inner-box .col-3 .col-4,.article-level-3 .block-inner-box .col-3 .col-2-3-7,.article-level-3 .block-inner-box .col-4 .col-2,.article-level-3 .block-inner-box .col-4 .col-3,.article-level-3 .block-inner-box .col-4 .col-4,.article-level-3 .block-inner-box .col-4 .col-2-3-7,.article-level-3 .block-inner-box .col-2-3-7 .col-2,.article-level-3 .block-inner-box .col-2-3-7 .col-3,.article-level-3 .block-inner-box .col-2-3-7 .col-4,.article-level-3 .block-inner-box .col-2-3-7 .col-2-3-7 {
        margin-top: -30px
    }
}

.article-level-3 .block-inner-box .img-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-level-3 .block-inner-box .img-col-2 img {
    margin: 0
}

.article-level-3 .block-inner-box .img-col-2 img:last-child {
    margin-left: 5%
}

.article-level-3 .block-inner-box .img-col-2+p {
    margin-top: 20px
}

.article-level-3 .add-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .add-icon span.annotation {
    min-width: 25px
}

.article-level-3 .lead-text-bottom {
    margin: 0 15% 0 39.5%;
    max-width: 60%
}

.article-level-3 .max-img-size-set img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 1920px) {
    .article-level-3 .max-img-size-set img {
        max-width:320px
    }
}

.article-level-3 .lead-text-in-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100% !important;
    margin: 50px 0 150px 0 !important
}

@media screen and (max-width: 620px) {
    .article-level-3 .lead-text-in-img {
        margin:50px 0 0 0 !important
    }
}

.article-level-3 .lead-text-in-img img {
    width: auto
}

@media screen and (min-width: 2561px) {
    .article-level-3 .lead-text-in-img img {
        min-width:30%;
        margin-left: 5%
    }
}

.article-level-3 .awards-tab-wrap {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 2561px) {
    .article-level-3 .awards-tab-wrap {
        max-width:1600px
    }
}

.article-level-3 .awardBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 20px 0
}

.article-level-3 .awardBox a {
    color: #666
}

.article-level-3 .awardBox dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 621px) {
    .article-level-3 .awardBox dl dt {
        min-width:220px;
        max-width: 220px
    }
}

.article-level-3 .awardBox dl dd {
    width: auto
}

.article-level-3 .awardBox .awardBoxPhoto {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 20px
}

.article-level-3 .awardBox .awardBoxPhoto img {
    width: auto;
    max-width: initial
}

@media screen and (max-width: 620px) {
    .article-level-3 .awardBox {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .awardBox dl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .awardBox dl dt {
        width: 100%
    }

    .article-level-3 .awardBox dl dd {
        margin-top: 10px
    }

    .article-level-3 .awardBox .awardBoxPhoto {
        margin: 20px auto 0
    }

    .article-level-3 .awardBox .awardBoxPhoto img {
        width: auto;
        max-width: initial
    }
}

.article-level-3 .position-center-bg-in-img-box {
    margin: 100px 15vw
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-center-bg-in-img-box {
        margin:100px 10vw
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-center-bg-in-img-box {
        margin:50px 8vw
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box {
        margin:50px 5vw
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:first-child {
    width: 50%
}

.article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:last-child {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:first-child {
        width:100%
    }

    .article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:last-child {
        width: 100%
    }
}

.article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box.text>* {
    padding: 0 15%
}

@media screen and (max-width: 1920px) {
    .article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box.text>* {
        padding:0 10%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box.text>* {
        padding:0 5%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:first-child {
    width: 50%
}

.article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:last-child {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:first-child {
        width:100%
    }

    .article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:last-child {
        width: 100%
    }
}

.article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box.text>* {
    padding: 0 15%
}

@media screen and (max-width: 1920px) {
    .article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box.text>* {
        padding:0 10%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-center-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box.text>* {
        padding:0 5%
    }
}

.article-level-3 .position-left-bg-in-img-box {
    margin: 200px 15vw 200px 0
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-left-bg-in-img-box {
        margin:200px 10vw 200px 0
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-left-bg-in-img-box {
        margin:150px 8vw 150px 0
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-left-bg-in-img-box {
        margin:100px 5vw 100px 0
    }
}

.article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:first-child {
    width: 50%
}

.article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:last-child {
    width: 50%
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:first-child {
        width:100%
    }

    .article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box:last-child {
        width: 100%
    }
}

.article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box.text>* {
    padding: 0 15%
}

@media screen and (max-width: 1920px) {
    .article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box.text>* {
        padding:0 10%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-left-bg-in-img-box .position-left-bg-in-img-box-inner .inner-box.text>* {
        padding:0 5%
    }
}

.article-level-3 .position-left-bg-in-img-box.positonChange {
    margin: 200px 15vw 200px 0
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange {
        margin:200px 10vw 200px 0
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange {
        margin:150px 8vw 150px 0
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange {
        margin:100px 5vw 100px 0
    }
}

.article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:first-child {
    width: 50%;
    margin: 0 0 0 15vw
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:first-child {
        margin:0 0 0 10vw
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:first-child {
        margin:0 0 0 8vw
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:first-child {
        margin:0 0 0 5vw
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:first-child {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:last-child {
    width: 50%
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:first-child {
        width:100%
    }

    .article-level-3 .position-left-bg-in-img-box.positonChange .position-left-bg-in-img-box-inner .inner-box:last-child {
        width: 100%
    }
}

.article-level-3 .position-left-bg-in-img-box.positonChange .inner-box.text>* {
    padding: 0 15% 0 0
}

@media screen and (max-width: 1920px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .inner-box.text>* {
        padding:0 10% 0 0
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-left-bg-in-img-box.positonChange .inner-box.text>* {
        padding:0 5% 0 0
    }
}

.article-level-3 .position-right-bg-in-img-box {
    margin: 200px 0 200px 15vw
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-right-bg-in-img-box {
        margin:200px 0 200px 10vw
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-right-bg-in-img-box {
        margin:150px 0 150px 8vw
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-right-bg-in-img-box {
        margin:100px 0 100px 5vw
    }
}

.article-level-3 .position-right-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:first-child {
    width: 50%
}

.article-level-3 .position-right-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:last-child {
    width: 50%
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-right-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:first-child {
        width:100%
    }

    .article-level-3 .position-right-bg-in-img-box .position-right-bg-in-img-box-inner .inner-box:last-child {
        width: 100%
    }
}

.article-level-3 .position-right-bg-in-img-box .inner-box.text>* {
    padding: 0 15%
}

@media screen and (max-width: 1920px) {
    .article-level-3 .position-right-bg-in-img-box .inner-box.text>* {
        padding:0 10%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-right-bg-in-img-box .inner-box.text>* {
        padding:0 5%
    }
}

.article-level-3 .position-right-bg-in-img-box.positonChange {
    margin: 200px 0 200px 15vw
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange {
        margin:200px 0 200px 10vw
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange {
        margin:150px 0 150px 8vw
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange {
        margin:100px 0 100px 5vw
    }
}

.article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:first-child {
    width: 50%
}

.article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:last-child {
    width: 50%;
    margin: 0 15vw 0 0
}

@media screen and (max-width: 2560px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:last-child {
        margin:0 10vw 0 0
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:last-child {
        margin:0 8vw 0 0
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:last-child {
        margin:0 5vw 0 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:first-child {
        width:100%
    }

    .article-level-3 .position-right-bg-in-img-box.positonChange .position-right-bg-in-img-box-inner .inner-box:last-child {
        width: 100%
    }
}

.article-level-3 .position-right-bg-in-img-box.positonChange .inner-box.text>* {
    padding: 0 0 0 15%
}

@media screen and (max-width: 1920px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange .inner-box.text>* {
        padding:0 0 0 10%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-right-bg-in-img-box.positonChange .inner-box.text>* {
        padding:0 0 0 5%
    }
}

.article-level-3 .position-right-bg-in-img-box.vertical-margin-min,.article-level-3 .position-left-bg-in-img-box.vertical-margin-min {
    margin-top: 50px;
    margin-bottom: 50px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .position-right-bg-in-img-box.vertical-margin-min,.article-level-3 .position-left-bg-in-img-box.vertical-margin-min {
        margin-top:150px;
        margin-bottom: 150px
    }
}

.article-level-3 .position-left-bg-in-img-box-inner,.article-level-3 .position-right-bg-in-img-box-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: rgba(175,191,199,0.25)
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-left-bg-in-img-box-inner,.article-level-3 .position-right-bg-in-img-box-inner {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.article-level-3 .position-left-bg-in-img-box-inner .inner-box.img,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 30%
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-left-bg-in-img-box-inner .inner-box.img,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.img {
        position:relative
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .position-left-bg-in-img-box-inner .inner-box.img,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.img {
        padding-top:70%
    }
}

.article-level-3 .position-left-bg-in-img-box-inner .inner-box.text,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-level-3 .position-left-bg-in-img-box-inner .inner-box.text:before,.article-level-3 .position-left-bg-in-img-box-inner .inner-box.text:after,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text:before,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text:after {
    content: '';
    padding: 10% 0;
    display: block;
    width: 100%
}

@media screen and (max-width: 950px) {
    .article-level-3 .position-left-bg-in-img-box-inner .inner-box.text:before,.article-level-3 .position-left-bg-in-img-box-inner .inner-box.text:after,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text:before,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text:after {
        padding:5% 0
    }
}

.article-level-3 .position-left-bg-in-img-box-inner .inner-box.text .secondary-contained-link,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text .secondary-contained-link {
    white-space: nowrap
}

.article-level-3 .position-left-bg-in-img-box-inner .inner-box.text .title,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text .title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    margin: 0 0 20px
}

@media screen and (max-width: 1024px) {
    .article-level-3 .position-left-bg-in-img-box-inner .inner-box.text .title,.article-level-3 .position-right-bg-in-img-box-inner .inner-box.text .title {
        font-size:2.6rem;
        line-height: 3.6rem
    }
}

.article-level-3 .center-img-overlay .position-right-bg-in-img-box,.article-level-3 .center-img-overlay .position-left-bg-in-img-box {
    position: relative
}

@media screen and (max-width: 620px) {
    .article-level-3 .center-img-overlay .position-right-bg-in-img-box,.article-level-3 .center-img-overlay .position-left-bg-in-img-box {
        position:static
    }
}

.article-level-3 .center-img-overlay .position-right-bg-in-img-box .center-img,.article-level-3 .center-img-overlay .position-left-bg-in-img-box .center-img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.article-level-3 .center-img-overlay .position-left-bg-in-img-box .center-img {
    left: 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 .center-img-overlay .position-left-bg-in-img-box .center-img {
        right:-18%;
        width: 320px
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .center-img-overlay .position-left-bg-in-img-box .center-img {
        width:260px;
        right: -11%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .center-img-overlay .position-left-bg-in-img-box .center-img {
        width:160px;
        right: -5%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .center-img-overlay .position-left-bg-in-img-box .center-img {
        width:35vw;
        max-width: 160px;
        bottom: -7vw;
        top: auto;
        right: 0;
        left: auto
    }
}

.article-level-3 .center-img-overlay .position-left-bg-in-img-box .inner-box:first-child {
    width: 55%
}

.article-level-3 .center-img-overlay .position-left-bg-in-img-box .inner-box:last-child {
    width: 45%
}

.article-level-3 .center-img-overlay .position-left-bg-in-img-box .inner-box.text>* {
    padding: 0 30% 0 0 !important
}

@media screen and (max-width: 620px) {
    .article-level-3 .center-img-overlay .position-left-bg-in-img-box .inner-box.text>* {
        padding:0 !important
    }
}

.article-level-3 .center-img-overlay .position-right-bg-in-img-box .center-img {
    right: 0
}

@media screen and (min-width: 2561px) {
    .article-level-3 .center-img-overlay .position-right-bg-in-img-box .center-img {
        left:-18%;
        width: 320px
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .center-img-overlay .position-right-bg-in-img-box .center-img {
        width:260px;
        left: -11%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 .center-img-overlay .position-right-bg-in-img-box .center-img {
        width:160px;
        left: -5%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .center-img-overlay .position-right-bg-in-img-box .center-img {
        width:35vw;
        max-width: 160px;
        bottom: -7vw;
        top: auto;
        left: 0;
        right: auto
    }
}

.article-level-3 .center-img-overlay .position-right-bg-in-img-box .inner-box:first-child {
    width: 55%
}

.article-level-3 .center-img-overlay .position-right-bg-in-img-box .inner-box:last-child {
    width: 45%
}

.article-level-3 .center-img-overlay .position-right-bg-in-img-box .inner-box.text>* {
    padding: 0 0 0 30% !important
}

@media screen and (max-width: 620px) {
    .article-level-3 .center-img-overlay .position-right-bg-in-img-box .inner-box.text>* {
        padding:0 !important
    }
}

.article-level-3 .box-right {
    margin-top: 40px;
    margin-left: 10%;
    width: auto
}

@media screen and (min-width: 2561px) {
    .article-level-3 .box-right {
        margin-left:15%
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .box-right {
        margin-top:20px
    }
}

.article-level-3 .box-right .block-inner-box:first-child {
    width: 21%;
    min-width: 21%;
    margin-right: 6%
}

.article-level-3 .box-right .block-inner-box:last-child {
    padding-right: 5%
}

.article-level-3 .box-right .block-inner-box .block-inner-box {
    padding-right: 0
}

.article-level-3 .box-right .block-4k-type-45 .block-inner-box {
    width: 50%
}

.article-level-3 .box-right .block-4k-type-45 .block-inner-box:last-child {
    padding: 0
}

.article-level-3 .img-box-right {
    margin: 50px 0 150px 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 2561px) {
    .article-level-3 .img-box-right {
        margin:50px 0 150px 15%
    }
}

.article-level-3 .img-box-right img {
    width: 100%
}

.article-level-3 .img-flex-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.article-level-3 .img-flex-left li+li {
    margin-left: 10px
}

.article-level-3 .img-flex-left img.sdgs {
    width: 58px;
    height: auto
}

@media screen and (min-width: 2561px) {
    .article-level-3 .img-flex-left img.sdgs {
        width:100px;
        height: auto
    }
}

.article-level-3 .text-color-red {
    color: #264989
}

.article-level-3 .large-text {
    color: #666;
    font-weight: bold
}

.article-level-3 .border-box {
    border: 1px solid #707070;
    padding: 4%
}

.article-level-3 .bg-box {
    background: rgba(176,191,200,0.2);
    padding: 4%
}

.article-level-3 .bg-box p+.block-4k-type-25:first-of-type {
    margin-top: 40px
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-box p+.block-4k-type-25:first-of-type {
        margin-top:60px
    }
}

.article-level-3 .bg-box h4:first-child {
    margin-top: 0
}

.article-level-3 .bg-box .block-4k-type-25,.article-level-3 .bg-box .block-4k-type-45 {
    margin: 0
}

.article-level-3 .bg-box .block-4k-type-25+.block-4k-type-25 {
    margin-top: 50px
}

@media screen and (max-width: 620px) {
    .article-level-3 .bg-box .block-4k-type-25+.block-4k-type-25 {
        margin-top:25px
    }
}

.article-level-3 .video-wrap h3 {
    margin-top: 20px
}

.article-level-3 .video-wrap p {
    margin-top: 10px
}

.article-level-3 .video-js {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc
}

.article-level-3 .video-js video {
    width: 100%
}

.article-level-3 .video-js .vjs-progress-control {
    white-space: nowrap
}

.article-level-3 .video-js .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-level-3 .vjs-big-play-button {
    display: none !important
}

.article-level-3 .video-js .vjs-control-bar {
    height: 4rem !important
}

.article-level-3 .video-js .vjs-control:before {
    font-size: 2.4rem !important
}

.article-level-3 .video-js .vjs-tech {
    width: 100% !important;
    background: #fff !important
}

.article-level-3 .vjs-poster {
    background-size: cover !important
}

.article-level-3 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    background-image: url("https://pngimage.net/wp-content/uploads/2018/06/svt-png-9.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 55% calc(50% - 0px);
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.article-level-3 .video-js .vjs-time-control {
    display: block
}

.article-level-3 .video-js .vjs-remaining-time {
    display: none
}

.article-level-3 .video-js .vjs-time-control {
    display: none
}

.article-level-3 .video-js .vjs-progress-control {
    margin-left: 20px !important
}

.article-level-3 .video-js .vjs-volume-bar {
    margin: 1.8em 0.45em !important
}

.article-level-3 .bg-set-colmn-left-right {
    margin: 60px 0 60px calc(50% - 50vw);
    padding-right: 100px;
    background: rgba(175,191,199,0.2)
}

.article-level-3 .bg-set-colmn-left-right-inner-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0 100px 10vw
}

.article-level-3 .bg-set-colmn-left-right-box:first-child {
    width: 30%
}

.article-level-3 .bg-set-colmn-left-right-box:last-child {
    width: 65%;
    margin-left: 5%
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-set-colmn-left-right {
        margin:80px calc(50% - 50vw) 80px 0;
        padding-right: 15%
    }

    .article-level-3 .bg-set-colmn-left-right-inner-wrap {
        padding: 100px 0 100px 5%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .bg-set-colmn-left-right-inner-wrap {
        padding:100px 0 100px 8vw
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .bg-set-colmn-left-right {
        margin:60px calc(50% - 50vw);
        padding: 0 5%
    }

    .article-level-3 .bg-set-colmn-left-right h3 {
        font-size: 2.6rem
    }

    .article-level-3 .bg-set-colmn-left-right-inner-wrap {
        padding: 50px 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .bg-set-colmn-left-right-box:first-child {
        width: 100%
    }

    .article-level-3 .bg-set-colmn-left-right-box:last-child {
        width: 100%;
        margin-top: 20px;
        margin-left: 0
    }
}

.article-level-3 .bg-other-focus-areas {
    background: url(/global/pharmaceuticals/common/img/Infectious_Diseases/infectious_diseases_bg_01.jpg) no-repeat center center/cover;
    margin: 100px 0 0
}

@media screen and (max-width: 620px) {
    .article-level-3 .bg-other-focus-areas {
        background:#E2EBF5
    }
}

.article-level-3 .bg-other-focus-areas-inner {
    margin: 0 15%;
    padding: 100px 0 0
}

.article-level-3 .bg-other-focus-areas-inner .level-2-tab-list {
    margin: 0 -45px 0
}

.article-level-3 .bg-other-focus-areas-inner .border-top-double {
    margin-top: 0 !important
}

@media screen and (min-width: 2561px) {
    .article-level-3 .bg-other-focus-areas-inner .border-top-double {
        border-top:solid 2px #AFBFC7 !important
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list:before,.article-level-3 .bg-other-focus-areas-inner .level-2-tab-list:after {
        width: 33.33333333%
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list .level-2-tab-list-content {
        width: 33.33333333%
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .bg-other-focus-areas-inner {
        margin:0 10%
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list {
        margin: 0 -45px 0
    }
}

@media screen and (max-width: 1920px) {
    .article-level-3 .bg-other-focus-areas-inner {
        margin:0 10%
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list {
        margin: 0 -30px 0
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 .bg-other-focus-areas-inner {
        margin:0 5%
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list {
        margin: 0 -10px 0
    }
}

@media screen and (max-width: 950px) {
    .article-level-3 .bg-other-focus-areas-inner {
        margin:0 5%
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list {
        margin: 0 -10px 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .bg-other-focus-areas-inner {
        margin:0 5%;
        padding: 50px 0 50px
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list {
        margin: 0
    }

    .article-level-3 .bg-other-focus-areas-inner .level-2-tab-list-content {
        padding: 0
    }
}

@media screen and (min-width: 2561px) {
    .article-level-3 .block-4k-type-25 {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 150px;
        width: 100%
    }

    .article-level-3 .block-4k-type-25>:first-child {
        width: 25%;
        min-width: 25%;
        margin-right: 10%
    }

    .article-level-3 .block-4k-type-25>:first-child h4 {
        margin: 0
    }

    .article-level-3 .block-4k-type-25 img {
        width: 100%
    }

    .article-level-3 .block-4k-type-25 .block-4k-type-25 {
        margin-top: 0;
        padding-top: 0
    }

    .article-level-3 .block-4k-type-25 .block-4k-type-45 {
        margin-top: 0;
        padding-top: 0
    }

    .article-level-3 .block-4k-type-25.reverse>:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0;
        margin-left: 10%
    }

    .article-level-3 .block-4k-type-45 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .article-level-3 .block-4k-type-45>:first-child {
        width: 45%;
        min-width: 45%;
        margin-right: 10%
    }

    .article-level-3 .block-4k-type-45>:last-child {
        width: 45%
    }

    .article-level-3 .block-4k-type-45>:first-child h4 {
        margin: 0
    }

    .article-level-3 .block-4k-type-45 img {
        width: 100%
    }

    .article-level-3 .block-4k-type-45 .block-4k-type-45 {
        margin-top: 0;
        padding-top: 0
    }

    .article-level-3 .block-4k-type-45 .block-4k-type-25 {
        margin-top: 0
    }

    .article-level-3 .block-4k-type-45 .block-4k-type-25>:first-child {
        margin: 0 5% 0 0
    }

    .article-level-3 .block-4k-type-45 .block-4k-type-25>:last-child {
        width: 70%
    }

    .article-level-3 .block-4k-type-45+.block-4k-type-45 {
        margin-top: 150px
    }

    .article-level-3 .block-4k-type-45.reverse div:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .article-level-3 .block-4k-type-45.reverse>:first-child {
        margin-right: 0;
        margin-left: 10%
    }

    .article-level-3 .border-top-double {
        border-top: solid 2px #EFF2F4;
        padding-top: 50px
    }

    .article-level-3 .lead-text {
        margin: 50px 0 150px auto;
        width: 85%
    }

    .article-level-3 .accompanying-text {
        margin-top: 50px
    }

    .article-level-3 .flow-4k {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .article-level-3 .flow-4k .block-inner-box:last-child {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 5%
    }

    .article-level-3 .pc_4k-100 {
        width: 100% !important
    }
}

@media screen and (max-width: 2560px) {
    .article-level-3 .block-4k-type-25>.block-inner-box+.block-inner-box,.article-level-3 .block-4k-type-45>.block-inner-box+.block-inner-box {
        margin-top:30px
    }

    .article-level-3 .border-top-double {
        padding-top: 20px;
        margin: 50px 0 0
    }

    .article-level-3 .lead-text {
        margin: 150px 0 150px;
        width: 80%
    }

    .article-level-3 .lead-text-bottom {
        margin: 0 0 150px 10%;
        max-width: 60%
    }

    .article-level-3 .lead-text-in-img {
        width: 100%
    }

    .article-level-3 .lead-text-in-img img {
        margin-left: 4%
    }

    .article-level-3 .accompanying-text {
        margin-top: 50px
    }

    .article-level-3 .box-right .block-4k-type-25>.block-inner-box:first-child {
        width: 100%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25,.article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25 img,.article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 img {
        width: 100%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:first-child {
        width: 35%;
        margin: 0 0 0 5%;
        padding-right: 5%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:last-child {
        width: 60%;
        margin-top: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:first-child {
        width: 60%;
        margin: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:last-child {
        width: 35%;
        margin: 0 0 0 5%;
        padding-right: 5%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box {
        width: 50%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box:last-child {
        margin-top: 0;
        padding-right: 5%
    }
}

@media screen and (max-width: 1920px) {
    .article-level-3 .lead-text {
        margin:50px 0;
        width: 100%;
        font-size: 2.6rem
    }

    .article-level-3 .lead-text-bottom {
        margin: 0 0 150px 10%
    }

    .article-level-3 .lead-text-in-img {
        width: 100%
    }

    .article-level-3 .bg-set p {
        font-size: 2.8rem
    }

    .article-level-3 .table-type-2 th,.article-level-3 .table-type-2 td {
        padding: 10px
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box:last-child {
        padding-right: 5%
    }
}

@media screen and (max-width: 1366px) {
    .article-level-3 h1:before {
        width:4%
    }

    .article-level-3 .lead-text-bottom {
        margin: 0 0 100px 8%
    }

    .article-level-3 .img-box-right {
        margin: 100px 0 100px 8%
    }

    .article-level-3 .box-right {
        margin-left: 8%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:first-child {
        padding-right: 5%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box:last-child {
        padding-right: 8%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:last-child {
        padding-right: 8%
    }
}

@media screen and (max-width: 1024px) {
    .article-level-3 h1 {
        margin:0 0 0 4%;
        height: 150px;
        font-size: 4.0rem
    }

    .article-level-3 h1:before {
        width: 4%;
        height: 150px
    }

    .article-level-3 .lead-text {
        margin: 25px 0 0px 5%;
        width: 95%;
        font-size: 2.1rem
    }

    .article-level-3 .lead-text-bottom {
        margin: 0 5%;
        max-width: 100%
    }

    .article-level-3 .img-box-right {
        margin: 50px 0 100px 5%
    }

    .article-level-3 .box-right {
        margin-left: 4%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:first-child {
        padding-right: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:last-child {
        padding-right: 4%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box:last-child {
        padding-right: 4%
    }

    .article-level-3 .block-4k-type-25.tab-100 {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .block-4k-type-25.tab-100 .block-inner-box {
        width: 100% !important
    }

    .article-level-3 .block-4k-type-25.tab-100 .block-inner-box:last-child {
        margin: 50px 0 0 !important
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box {
        width: 100% !important
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box:last-child {
        margin: 50px 0 0 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box:last-child img {
        width: 48%;
        margin: 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 img {
        width:auto
    }

    .article-level-3 h1 {
        font-weight: 300
    }

    .article-level-3 .lead-text {
        margin: 25px 0 0px 0;
        width: 100%
    }

    .article-level-3 .bg-set p {
        font-size: 2.1rem
    }

    .article-level-3 .block-4k-type-25>.block-inner-box+.block-inner-box,.article-level-3 .block-4k-type-45>.block-inner-box+.block-inner-box {
        margin-top: 20px
    }

    .article-level-3 .border-top-double {
        margin: 50px 0 0
    }

    .article-level-3 .article-child-box-2 {
        margin-top: 50px;
        padding: 50px 0
    }

    .article-level-3 .accompanying-text {
        margin-top: 20px
    }

    .article-level-3 .table-type-1 tr:first-child {
        border-top: 1px solid #bbb
    }

    .article-level-3 .table-type-1 tr:not(:first-child) {
        border-top: 1px dotted #bbb
    }

    .article-level-3 .table-type-1 th,.article-level-3 .table-type-1 td {
        display: block;
        width: 100%;
        border: none
    }

    .article-level-3 .table-type-1 td {
        padding: 0 0 20px
    }

    .article-level-3 .table-type-1-2 tbody {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-level-3 .table-type-1-2 tr {
        width: 100%;
        border-bottom: none
    }

    .article-level-3 .news-list li {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .news-list li span {
        width: 100%;
        margin: 0
    }

    .article-level-3 .img-box-right img {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto
    }

    .article-level-3 .box-right {
        margin-left: 4%
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box {
        min-width: 100%;
        padding: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:first-child {
        margin: 50px 0 0
    }
}

@media screen and (max-width: 620px) and (max-width: 620px) {
    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:first-child {
        margin:20px 0 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25.reverse .block-inner-box:last-child {
        margin:0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box {
        min-width: 100%;
        padding: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:first-child {
        margin: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:last-child {
        margin: 50px 0 0
    }
}

@media screen and (max-width: 620px) and (max-width: 620px) {
    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-25:not(.reverse) .block-inner-box:last-child {
        margin:25px 0 0
    }
}

@media screen and (max-width: 620px) {
    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 {
        -webkit-flex-flow:wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box {
        width: 100%;
        margin: 0
    }

    .article-level-3 .box-right .block-4k-type-25 .block-4k-type-45 .block-inner-box:last-child {
        margin-top: 20px;
        padding-right: 0
    }

    .article-level-3 .block-inner-box img+img {
        margin-top: 20px
    }

    .article-level-3 .img-box-right {
        margin: 50px 0 50px 4%
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box {
        width: 100% !important
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box:last-child {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box:last-child img {
        width: 100%
    }

    .article-level-3 .block-4k-type-45.tab-100-img2 .block-inner-box:last-child img:last-child {
        margin-top: 20px
    }
}

.food .cover-img-left-box li:last-child,.food .cover-img-right-box li:first-child {
    border-color: #F4A11A
}

.line-up .level-2-tab-list-content {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.line-up .line-up-inner {
    position: relative;
    width: 100%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.line-up .line-up-inner h3 {
    margin: 20px 0 10px !important
}

.line-up .line-up-inner .country {
    font-weight: bold;
    text-align: center;
    color: #666;
    line-height: 1;
    font-size: 1.6rem;
    line-height: 2.2rem;
    height: 45px
}

.line-up-thum {
    width: 100%
}

.line-up-thum img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

.line-up-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%
}

.line-up-text h3 {
    margin: 0
}

.line-up .line-up-inner .links {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    margin-top: auto
}

.line-up .line-up-inner .links+.links {
    margin-top: 20px
}

.line-up .line-up-inner .links:first-of-type {
    margin-top: 10px
}

.links.top-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.links.top-text>span {
    color: #264989;
    font-weight: bold;
    font-size: 2.0rem
}

@media screen and (max-width: 620px) {
    .food-history {
        margin:50px calc(50% - 50vw)
    }
}

.food-history:before,.food-history:after {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #264989;
    display: block;
    margin: 0 auto
}

.food-history ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.food-history ul:nth-child(even) {
    background: rgba(175,191,199,0.25)
}

.food-history ul li {
    width: 50%;
    padding: 40px 5%
}

.food-history ul li:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #264989
}

.food-history ul li .food-history-year {
    text-align: center;
    font-size: 3.4rem;
    font-weight: 600
}

@media screen and (max-width: 620px) {
    .food-history ul li .food-history-year {
        font-size:5vw
    }
}

.food-history ul li img {
    max-width: 330px;
    margin: 20px auto 0;
    width: 100%
}

@media screen and (max-width: 950px) {
    .food-history ul li img {
        max-width:40vw
    }
}

@media screen and (max-width: 620px) {
    .food-history ul li img {
        margin:10px auto 0
    }
}

.select-news-year {
    margin-top: 250px
}

.card-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
}

.card-list-wrap>.is-hidden {
    display: none
}

.card-list-wrap>.card {
    background: #ebeff1;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    min-height: 460px;
    position: relative
}

.card-list-wrap>.card .thum-area div>img {
    width: 100%
}

.card-list-wrap>.card .thum-area .icon {
    height: 210px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #264989
}

.card-list-wrap>.card .thum-area .icon>img {
    width: 70px
}

.card-list-wrap>.card .text-area {
    padding: 20px 20px 100px
}

.card-list-wrap>.card a {
    color: #333;
    height: 100%;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
    border: 5px solid #ebeff1
}

.card-list-wrap>.card a:hover {
    border: 5px solid #AFBFC7
}

.card-list-wrap>.card h3 {
    font-size: 2.8rem;
    line-height: 1.6em
}

@media screen and (max-width: 1920px) {
    .card-list-wrap>.card h3 {
        font-size:2.1rem
    }
}

@media screen and (min-width: 1921px) {
    .card-list-wrap>.card {
        width:calc((100% - 100px) / 4);
        margin-right: calc(100px / 4);
        margin-bottom: 50px
    }

    .card-list-wrap>.card:nth-of-type(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1920px) {
    .card-list-wrap>.card {
        width:calc((100% - 100px) / 3);
        margin-right: calc(100px / 2);
        margin-bottom: 50px
    }

    .card-list-wrap>.card:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .card-list-wrap>.card {
        width:calc((100% - 50px) / 2);
        margin-right: 50px;
        margin-bottom: 50px
    }

    .card-list-wrap>.card:nth-of-type(2n) {
        margin-right: 0
    }

    .card-list-wrap>.card:nth-of-type(3n) {
        margin-right: 50px
    }

    .card-list-wrap>.card:nth-of-type(6n) {
        margin-right: 0
    }
}

@media screen and (max-width: 620px) {
    .card-list-wrap>.card {
        width:100%;
        margin-right: 0
    }

    .card-list-wrap>.card:nth-of-type(3n) {
        margin-right: 0
    }
}

.card-list-wrap .news-data {
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: auto
}

.card-list-wrap .news-data:before {
    content: '';
    background: #000;
    width: 90px;
    height: 5px;
    display: block
}

.card-list-wrap .news-data div:first-child {
    margin-top: 5px
}

.card-list-wrap .news-data div+div {
    margin-top: 0
}

.card-list-wrap .news-data .cat {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .2rem
}

.card-list-wrap .news-data .date-year {
    font-size: 1.8rem;
    font-weight: 500
}

.card-list-wrap .FOOD:before {
    background: #f3a131
}

.card-list-wrap .PHARMACEUTICALS:before {
    background: #457cbd
}

.card-list-wrap .SUSTAINABILITY:before {
    background: #1aae85
}

.card-list-wrap .CORPORATE:before {
    background: #fc0d1b
}

.card-list-wrap .INVESTORS:before {
    background: #fc0d1b
}

.card-show {
    -webkit-animation: card_anim .4s ease-in-out 0s forwards;
    animation: card_anim .4s ease-in-out 0s forwards
}

.article-no-data {
    color: #ccc;
    font-size: 3.2rem;
    text-align: center;
    border-top: 1px solid #eee;
    padding: 40px 20px;
    margin-top: 40px
}

.tab-cat {
    margin-top: 50px;
    font-weight: bold;
    color: #666
}

.tab-cat nav {
    padding-top: 150px
}

.tab-cat ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .tab-cat ul {
        width:100%;
        overflow-y: scroll;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 20px 0
    }
}

.tab-cat ul li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    white-space: nowrap
}

.tab-cat ul li:not(:first-child) {
    margin-left: 5%
}

.tab-cat ul li:nth-child(1):after {
    background: #707070
}

.tab-cat ul li:nth-child(2):after {
    background: #F3A131
}

.tab-cat ul li:nth-child(3):after {
    background: #457CBD
}

.tab-cat ul li:nth-child(4):after {
    background: #1AAE85
}

.tab-cat ul li:nth-child(5):after {
    background: #FC0D1B
}

.tab-cat ul li:nth-child(6):after {
    background: #AFBFC7
}

.tab-cat ul li:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    content: '';
    width: 100%;
    height: 5px;
    display: inline-block;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.tab-cat ul li:hover {
    cursor: pointer
}

.tab-cat ul li:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.tab-cat ul li input {
    opacity: 0;
    width: 0;
    height: 0
}

.tab-cat ul li label:hover {
    cursor: pointer
}

.tab-cat ul .tabActive:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.more-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px auto 0
}

.more {
    -webkit-transition: all .2s;
    transition: all .2s
}

.more:hover {
    cursor: pointer
}

.more-card {
    -webkit-animation: card_anim .4s ease-in-out .1s forwards;
    animation: card_anim .4s ease-in-out .1s forwards
}

.years-list {
    height: 0;
    overflow-y: scroll;
    border-bottom: 1px solid #ddd
}

.show-wrap {
    height: 250px
}

@media all and (-ms-high-contrast: none) {
    .show-wrap {
        border-bottom: 2px solid #ddd
    }
}

.years-list .option {
    height: 0;
    opacity: 0;
    visibility: hidden;
    opacity: 0
}

.years-list .show {
    height: auto;
    opacity: 1;
    visibility: visible
}

.years-list .shows {
    height: auto;
    opacity: 1;
    visibility: visible
}

.years-wrap {
    font-size: 3.2rem;
    display: inline-block;
    width: 315px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    font-weight: 500;
    overflow-x: hidden
}

@media screen and (max-width: 620px) {
    .years-wrap {
        width:100%
    }
}

.years-wrap:before {
    position: absolute;
    z-index: 1;
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20.707" height="11.061" viewBox="0 0 20.707 11.061"><path data-name="select_arrow" d="M20.354.354l-10 10-10-10" fill="none" stroke="%23666"/></svg>');
    right: 40px;
    height: 16px;
    top: 4px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(0px) rotateX(0deg);
    transform: translateY(0px) rotateX(0deg);
    height: auto;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (max-width: 620px) {
    .years-wrap:before {
        top:10px
    }
}

@media screen and (min-width: 621px) {
    .years-wrap:hover:before {
        -webkit-transform:translateY(5px);
        transform: translateY(5px)
    }
}

.select-years-wrap:before {
    z-index: 4
}

@media screen and (max-width: 620px) {
    .sp-years-wrap-active:before {
        -webkit-transform:translateY(10px) rotateX(180deg);
        transform: translateY(10px) rotateX(180deg)
    }
}

.select-years-wrap {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999
}

@media all and (min-width: 2561px), (-ms-high-contrast: active) {
    .select-years-wrap {
        border-top:2px solid #999
    }
}

.years-wrap .cp_sl07_title,.years-wrap .cp_sl07_selectlabel {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #666;
    background: #fff;
    padding: 15px 20px;
    font-size: 2.3rem
}

@media screen and (max-width: 620px) {
    .years-wrap .cp_sl07_title,.years-wrap .cp_sl07_selectlabel {
        padding:15px 20px
    }
}

.option>.cp_sl07_title {
    padding: 10px 20px
}

.show>.cp_sl07_title {
    padding: 15px 20px
}

.years-wrap>input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.years-wrap>input:checked ~ i.toggle.cp_sl07_arrowdown {
    display: none
}

.years-wrap>input:checked ~ i.toggle.cp_sl07_arrowup {
    display: block
}

.years-wrap>input:checked div.options label.option .cp_sl07_title {
    display: none !important
}

.years-wrap>input:not(:checked) {
    z-index: 4
}

.years-wrap>input:not(:checked) ~ label.option>span.cp_sl07_title {
    display: none
}

.years-wrap>input:not(:checked) ~ i.toggle.cp_sl07_arrowup {
    display: none
}

.years-wrap>input:not(:checked) ~ i.toggle.cp_sl07_arrowdown {
    display: block
}

.years-wrap>span.cp_sl07_selectlabel {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
    color: #333;
    border: 1px solid #999
}

.years-wrap label.option {
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.years-wrap label.option span.cp_sl07_title {
    position: relative;
    z-index: 2;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out
}

.years-wrap label.option span.cp_sl07_title:hover {
    color: #333;
    background: #eee
}

.years-wrap label.option input {
    display: none
}

.years-wrap label.option input:checked ~ span.cp_sl07_title {
    position: absolute;
    z-index: 3;
    top: 0;
    display: block;
    width: 100%;
    color: inherit;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.years-wrap label.show input:checked ~ span.cp_sl07_title {
    border-right: 1px solid #999
}

@media print {
    @page {
        size: 210mm 297mm
    }

    header,.breadcrumb,footer {
        display: none
    }

    .wrap {
        padding: 0 !important
    }

    .article-level-3 h1,.article-level-3 h2,.article-level-3 h3,.article-level-3 h4,.article-level-3 h5 {
        margin: 50px 0 25px
    }

    .article-level-3 .block-inner-box {
        margin: 50px 0 0
    }
}

@media screen and (max-width: 1366px) {
    .mega-menu-content {
        max-width:650px
    }
}

.breadcrumb>ul>li a.no-link {
    color: #264989;
    cursor: default
}

.breadcrumb>ul>li a.no-link:hover {
    color: #264989;
    cursor: default
}

.subNav .dropdown li a.no-link {
    color: rgba(176,191,200,0.5);
    cursor: default
}

.subNav .dropdown li a.no-link:hover {
    color: rgba(176,191,200,0.5);
    cursor: default
}

body {
    color: #333333
}

@media screen and (min-width: 2561px) {
    body article h3 {
        font-size:3.6rem
    }
}

@media screen and (max-width: 2560px) {
    body article h3 {
        font-size:2.9rem
    }
}

@media screen and (max-width: 620px) {
    body article h3 {
        font-size:3rem
    }
}

body .level-2-wrap.overflow-none {
    overflow-x: inherit
}

.primary-outline-link.blank-outline-link,.primary-outline-link.blank-outline-link svg * {
    color: #264989;
    border: 1px solid #264989;
    fill: red !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.level-2-column img.sm {
    display: none
}

@media screen and (max-width: 620px) {
    .level-2-column img.pc-sm-none {
        display:none
    }

    .level-2-column img.sm {
        display: block
    }
}

.level-2-column .column-img.scroll-right img.sp {
    display: none
}

@media screen and (max-width: 1920px) {
    .level-2-column .column-img.scroll-right img.pc {
        display:block
    }
}

@media screen and (max-width: 620px) {
    .level-2-column .column-img.scroll-right img.pc {
        display:none
    }

    .level-2-column .column-img.scroll-right img.sp {
        display: block
    }
}

.article-child-box-1 .sp {
    display: none
}

@media screen and (max-width: 620px) {
    .article-child-box-1 .pc {
        display:none
    }

    .article-child-box-1 .sp {
        display: block
    }
}

.img-size-lg2 {
    margin: 20px auto 0
}

@media screen and (min-width: 2561px) {
    .img-size-lg2 {
        width:80% !important
    }
}

@media screen and (max-width: 2560px) {
    .img-size-lg2 {
        width:70% !important
    }
}

@media screen and (max-width: 620px) {
    .img-size-lg2 {
        width:100% !important
    }
}

.cn-pharmaceuticals-list {
    margin-top: 100px
}

.cn-pharmaceuticals-list img {
    width: 100%
}

.cn-pharmaceuticals-list .title {
    font-size: 4.4rem;
    line-height: 5.4rem;
    margin-top: 50px;
    font-weight: 300
}

.cn-pharmaceuticals-list .text {
    margin-top: 50px
}

.cn-pharmaceuticals-list ul li {
    width: calc((100% - 100px) / 3);
    margin-right: calc(100px / 2);
    margin-bottom: 75px
}

.cn-pharmaceuticals-list ul li:nth-of-type(3n) {
    margin-right: 0
}

.cn-pharmaceuticals-first-content-bottom-link {
    text-align: center
}

@media screen and (max-width: 620px) {
    .cn-pharmaceuticals-first-content-bottom-link {
        margin-top:50px
    }
}

.cn-pharmaceuticals-first-content-bottom-link p:first-child {
    font-weight: bold
}

.cn-pharmaceuticals-first {
    margin-top: 180px
}

.cn-pharmaceuticals-second {
    margin-top: 150px
}

.bg-2column-wrap.left {
    margin: 100px 0 100px calc(50% - 50vw)
}

.bg-2column-wrap.right {
    margin: 100px calc(50% - 50vw) 100px 0
}

@media screen and (min-width: 2561px) {
    .cn-pharmaceuticals-first {
        margin-top:200px
    }

    .cn-pharmaceuticals-second {
        margin-top: 200px
    }
}

@media screen and (max-width: 2560px) {
    article h3 {
        font-size:3.4rem
    }
}

@media screen and (max-width: 1366px) {
    .main-v-type-1 h1 {
        font-size:4rem;
        font-weight: 400;

    }
    .main-v-type-1 .line {
        margin: 3% 0 3% 0;
    }
    .food .main-v-type-1 .read-text{
        padding: 28.5% 6% 6.5% 4%;
    }

    .main-v-type-1 p {
        font-size: 2.6vw;
        line-height: 3.2vw
    }

    .level-2-column p {
        font-size: 3.2rem;
        line-height: 1.5
    }

    .primary-contained-link {
        font-size: 1.9rem
    }

    .cn-pharmaceuticals-list .title {
        font-size: 3.4rem;
        line-height: 4.2rem;
        margin-top: 30px
    }

    .cn-pharmaceuticals-list .text {
        margin-top: 30px
    }

    .cn-pharmaceuticals-list ul li {
        width: calc((100% - 50px) / 2);
        margin-right: 50px;
        margin-bottom: 100px
    }

    .cn-pharmaceuticals-list ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .cn-pharmaceuticals-list ul li:nth-of-type(3n) {
        margin-right: 50px
    }

    .cn-pharmaceuticals-list ul li:nth-of-type(6n) {
        margin-right: 0
    }

    .cn-pharmaceuticals-list.type-2 ul li {
        width: calc((100% - 100px) / 3);
        margin-right: calc(100px / 2);
        margin-bottom: 75px
    }

    .cn-pharmaceuticals-list.type-2 ul li:nth-of-type(3n) {
        margin-right: 0
    }

    .cn-pharmaceuticals-first {
        margin-top: 150px
    }

    .cn-pharmaceuticals-second {
        margin-top: 150px
    }
}

@media screen and (max-width: 1024px) {
    .cn-pharmaceuticals-first {
        margin-top:100px
    }

    .cn-pharmaceuticals-second {
        margin-top: 100px
    }

    .cn-pharmaceuticals-list .title {
        font-size: 3rem;
        line-height: 4.2rem
    }

    .bg-2column-wrap.left {
        margin: 0 0 100px calc(50% - 50vw)
    }
}

@media screen and (max-width: 620px) {
    .cn-pharmaceuticals-list,.cn-pharmaceuticals-list.type-2 {
        margin-top:50px
    }

    .cn-pharmaceuticals-list ul li,.cn-pharmaceuticals-list.type-2 ul li {
        width: 100%;
        margin: 0;
        margin-right: 0 !important
    }

    .cn-pharmaceuticals-list ul li:not(:first-child),.cn-pharmaceuticals-list.type-2 ul li:not(:first-child) {
        margin-top: 50px
    }

    .bg-2column-wrap.left {
        margin: 50px 0 50px calc(50% - 50vw)
    }

    .bg-2column-wrap.right {
        margin: 50px calc(50% - 50vw) 50px 0
    }
}

.movie-area-1 {
    width: 60%;
    margin: 50px auto 0
}

@media screen and (max-width: 620px) {
    .movie-area-1 {
        width:100%
    }
}

footer .footer-nav ul li:not(:first-child) {
    margin-left: 15px
}

.owl-stage {
    padding-left: 0 !important
}

.owl-carousel-type-1 .primary-outline-link {
    pointer-events: auto
}

.carousel-section .owl-carousel-type-1 .owl-stage-outer,.carousel-section .owl-stage-outer {
    overflow: unset
}

.owl-next,.owl-prev {
    width: 150px;
    height: 50px
}

.owl-nav.disabled {
    display: none
}

.sustainability-slider-1 .owl-nav.disabled {
    display: block
}

.owl-nav {
    margin: 40px 0 0 20px
}

.owl-nav button,.owl-nav img {
    width: 20px
}

.owl-nav button:hover,.owl-nav img:hover {
    cursor: pointer
}

.owl-nav button:last-child {
    margin-left: 40px
}

.owl-nav .disabled button:hover,.owl-nav .disabled img:hover {
    cursor: default
}

.owl-nav .disabled img {
    opacity: .2
}

.carousel-section .owl-carousel-type-1 .owl-nav .owl-next:focus,.carousel-section .owl-carousel-type-1 .owl-nav .owl-prev:focus,.carousel-section .owl-carousel-type-2 .owl-nav .owl-next:focus,.carousel-section .owl-carousel-type-2 .owl-nav .owl-prev:focus {
    outline: 0
}

.carousel-item {
    height: auto;
    position: relative
}

.carousel-item>:first-child {
    margin: 0
}

.slider-img-none .card {
    min-height: 360px
}

.article-slider-type-1 .owl-item {
    position: relative
}

.article-slider-type-1 .carousel-item {
    padding: 0 0 80px;
    display: block;
    color: #333;
    pointer-events: none
}

.article-slider-type-1 .carousel-item img {
    width: 100%
}

.article-slider-type-1 .carousel-item:hover .carousel-more {
    background: #333;
    pointer-events: auto
}

.article-slider-type-1 .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-slider-type-1 h5 {
    margin-top: 10px;
    font-weight: 500
}

.article-slider-type-1 p {
    margin-top: 10px
}

.article-slider-type-1 .carousel-more {
    display: inline-block;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    left: auto;
    -webkit-transition: all .2s;
    transition: all .2s
}

.article-slider-type-2 .carousel-item {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 20px 80px;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    color: #333;
    border: 5px solid #eff2f4;
    -webkit-transition: all .2s;
    transition: all .2s
}

.article-slider-type-2 .carousel-item .cat-name {
    -webkit-transition: all .2s;
    transition: all .2s
}

.article-slider-type-2 .carousel-item:hover {
    border: 5px solid #afbfc7
}

.article-slider-type-2 .article-slider-type-2-data {
    position: absolute;
    bottom: 20px;
    left: auto
}

.article-slider-type-2 .article-slider-type-2-data .cat-name {
    font-size: 1.6rem;
    line-height: 1rem;
    display: block;
    font-weight: bold;
    color: #999
}

.article-slider-type-2 .article-slider-type-2-data .date {
    font-size: 1.8rem
}

.article-slider-type-2 .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-slider-type-2 .owl-item {
    background-color: rgba(176,191,200,0.2);
    position: relative
}

.article-slider-type-3 .carousel-item {
    padding: 0 0 100px;
    display: block;
    color: #333
}

.article-slider-type-3 .article-slider-type-2-data {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.article-slider-type-3 .article-slider-type-2-data .cat-name {
    font-size: 1.6rem;
    line-height: 1rem;
    display: block;
    font-weight: bold;
    color: #999
}

.article-slider-type-3 .article-slider-type-2-data .date {
    font-size: 1.8rem
}

.article-slider-type-3 .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-slider-type-3 .owl-item {
    background-color: rgba(176,191,200,0.2);
    position: relative;
    padding: 0
}

.article-slider-type-3 .owl-item p {
    padding: 0 20px
}

@media screen and (min-width: 2561px) {
    .slider-wrap {
        margin-left:15%
    }

    .slider-wrap .block-inner-box:first-child {
        width: 20.6%;
        min-width: 20.6%;
        margin-right: 8.2%
    }

    .slider-wrap .block-inner-box:last-child {
        width: 79.4%;
        overflow: hidden
    }

    .article-slider-type-1 h5 {
        font-size: 3.4rem
    }
}

@media screen and (max-width: 2560px) {
    .slider-wrap {
        margin-left:10%
    }

    .article-slider-type-1 h5 {
        font-size: 2.4rem;
        line-height: 3.0rem;
        margin-top: 20px !important
    }
}

@media screen and (max-width: 1920px) {
    .slider-wrap {
        margin-left:10%
    }
}

@media screen and (max-width: 1366px) {
    .slider-wrap {
        margin-left:8%
    }
}

@media screen and (max-width: 1024px) {
    .slider-wrap {
        margin-left:4%
    }
}

@media screen and (max-width: 620px) {
    .slider-wrap {
        margin-left:4%
    }

    .article-slider-type-1 .carousel-item {
        padding: 0 0 80px
    }

    .article-slider-type-1 h5 {
        font-size: 2.1rem;
        line-height: 2.8rem;
        margin-top: 10px !important
    }
}

@media screen and (min-width: 2561px) {
    .pc-4k-only-br {
        display:inline-block
    }
}

@media screen and (max-width: 2560px) {
    .pc-4k-only-br {
        display:none
    }
}

@media screen and (min-width: 1025px) {
    .pc-only-br {
        display:inline-block
    }
}

@media screen and (max-width: 1024px) {
    .pc-only-br {
        display:none
    }
}

@media screen and (min-width: 951px) {
    .sp-only-br {
        display:none
    }
}

@media screen and (max-width: 950px) {
    .sp-only-br {
        display:inline-block
    }
}

@media screen and (max-width: 620px) {
    .sp-br-none {
        display:none
    }
}

.button-width-max {
    width: 100%;
    text-align: center
}

.button-width-max span {
    position: relative
}

.button-width-max span svg {
    right: -40px
}

.primary-text-link:hover,.secondary-text-link:hover,.blank-text-link:hover {
    color: #bb0000
}

.primary-text-link:hover svg *,.secondary-text-link:hover svg *,.blank-text-link:hover svg * {
    fill: #bb0000
}

.primary-text-link:visited svg *,.secondary-text-link:visited svg *,.blank-text-link:visited svg * {
    fill: #800080
}

.primary-text-link:visited,.secondary-text-link:visited,.secondary-pdf-link:visited,.secondary-text-underline-link:visited {
    color: #800080
}

.primary-text-link:visited span,.secondary-text-link:visited span,.secondary-pdf-link:visited span,.secondary-text-underline-link:visited span {
    color: purple !important
}

.primary-text-link:not(.blank-text-link) svg,.secondary-text-link:not(.blank-text-link) svg,.secondary-pdf-link:not(.blank-text-link) svg {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.primary-text-link:not(.blank-text-link):hover svg,.secondary-text-link:not(.blank-text-link):hover svg,.secondary-pdf-link:not(.blank-text-link):hover svg {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.primary-text-link .blank-text-link:hover svg,.secondary-text-link .blank-text-link:hover svg,.secondary-pdf-link .blank-text-link:hover svg {
    -webkit-transform: translate(5px, -5px);
    transform: translate(5px, -5px)
}

.secondary-text-underline-link span {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#666)) left bottom/100% 1px no-repeat;
    background: -webkit-linear-gradient(#666, #666) left bottom/100% 1px no-repeat;
    background: linear-gradient(#666, #666) left bottom/100% 1px no-repeat;
    -webkit-transition: background-size .4s;
    transition: background-size .4s
}

.secondary-text-underline-link:visited span {
    background: -webkit-gradient(linear, left top, left bottom, from(purple), to(purple)) left bottom/100% 1px no-repeat;
    background: -webkit-linear-gradient(purple, purple) left bottom/100% 1px no-repeat;
    background: linear-gradient(purple, purple) left bottom/100% 1px no-repeat
}

.secondary-text-underline-link:hover span {
    background-position: right bottom;
    background-size: 0 1px;
    color: #000
}

.secondary-text-underline-link.blank-text-link svg * {
    fill: #666 !important
}

.secondary-text-underline-link.blank-text-link:hover svg * {
    fill: #666 !important
}

.secondary-text-underline-link.color-red span {
    color: #264989;
    background: -webkit-gradient(linear, left top, left bottom, from(red), to(red)) left bottom/100% 1px no-repeat;
    background: -webkit-linear-gradient(red, red) left bottom/100% 1px no-repeat;
    background: linear-gradient(red, red) left bottom/100% 1px no-repeat
}

.secondary-text-underline-link.color-red:hover span {
    background-position: right bottom;
    background-size: 0 1px;
    color: #333
}

.primary-text-link,.secondary-pdf-link,.secondary-text-link,.blank-text-link {
    -webkit-transition: all .2s;
    transition: all .2s;
    display: inline-block
}

.primary-text-link:visited,.secondary-pdf-link:visited,.secondary-text-link:visited,.blank-text-link:visited {
    color: #800080
}

.primary-text-link svg,.secondary-pdf-link svg,.secondary-text-link svg,.blank-text-link svg {
    margin-left: 10px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.primary-text-link {
    color: #264989
}

.secondary-text-link,.secondary-pdf-link {
    color: #264989
}

.secondary-pdf-link:hover {
    color: #333
}

.blank-text-link * {
    fill: #264989
}

.blank-text-link:hover svg {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px)
}

.blank-text-link:hover * {
    fill: #333
}

.primary-outline-link,.secondary-outline-link,.secondary-outline-link-on-bg,.blank-outline-link,.showmore-outline-link,.primary-contained-link,.secondary-contained-link,.secondary-contained-link-on-bg,.blank-contained-link,.showmore-contained-link {
    display: inline-block;
    padding: 15px 40px;
    border-radius: 50px;
    font-size: 1.9rem;
    font-weight: bold;
    position: relative;
    line-height: 1.4em;
    white-space: nowrap;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (min-width: 2561px) {
    .primary-outline-link,.secondary-outline-link,.secondary-outline-link-on-bg,.blank-outline-link,.showmore-outline-link,.primary-contained-link,.secondary-contained-link,.secondary-contained-link-on-bg,.blank-contained-link,.showmore-contained-link {
        padding:20px 60px
    }
}

.primary-outline-link>span,.secondary-outline-link>span,.secondary-outline-link-on-bg>span,.blank-outline-link>span,.showmore-outline-link>span,.primary-contained-link>span,.secondary-contained-link>span,.secondary-contained-link-on-bg>span,.blank-contained-link>span,.showmore-contained-link>span {
    display: inline-block;
    -webkit-transition: all .1s;
    transition: all .1s
}

@media screen and (max-width: 620px) {
    .primary-outline-link,.secondary-outline-link,.secondary-outline-link-on-bg,.blank-outline-link,.showmore-outline-link,.primary-contained-link,.secondary-contained-link,.secondary-contained-link-on-bg,.blank-contained-link,.showmore-contained-link {
        padding:15px 40px !important;
        font-size: 1.6rem
    }
}

.primary-outline-link svg,.secondary-outline-link svg,.secondary-outline-link-on-bg svg,.blank-outline-link svg,.showmore-outline-link svg,.primary-contained-link svg,.secondary-contained-link svg,.secondary-contained-link-on-bg svg,.blank-contained-link svg,.showmore-contained-link svg {
    margin-left: 10px;
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 0
}

.primary-outline-link:hover svg,.secondary-outline-link:hover svg,.secondary-outline-link-on-bg:hover svg,.blank-outline-link:hover svg,.showmore-outline-link:hover svg,.primary-contained-link:hover svg,.secondary-contained-link:hover svg,.secondary-contained-link-on-bg:hover svg,.blank-contained-link:hover svg,.showmore-contained-link:hover svg {
    opacity: 1;
    min-width: 14px;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.text-wrap {
    white-space: initial
}

.primary-outline-link,.secondary-outline-link,.secondary-outline-link-on-bg,.blank-outline-link,.showmore-outline-link {
    color: #666;
    border: 1px solid #666
}

.primary-outline-link:hover,.secondary-outline-link:hover,.secondary-outline-link-on-bg:hover,.blank-outline-link:hover,.showmore-outline-link:hover {
    color: #fff;
    background-color: #666;
    border-color: #666
}

.primary-outline-link:hover svg *,.secondary-outline-link:hover svg *,.secondary-outline-link-on-bg:hover svg *,.blank-outline-link:hover svg *,.showmore-outline-link:hover svg * {
    fill: #fff !important
}

.blank-outline-link span {
    padding-right: 10px
}

.blank-outline-link svg {
    opacity: 1;
    width: 20px !important;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px)
}

.blank-outline-link:hover {
    border: 1px solid #264989
}

.blank-outline-link:hover svg {
    -webkit-transform: translate(-15px, -5px);
    transform: translate(-15px, -5px)
}

.showmore-outline-link span {
    padding-right: 10px
}

.showmore-outline-link svg {
    width: 18px !important;
    opacity: 1;
    -webkit-transform: translateX(-20px) rotate(0deg);
    transform: translateX(-20px) rotate(0deg)
}

.showmore-outline-link:hover svg {
    -webkit-transform: translateX(-20px) rotate(90deg);
    transform: translateX(-20px) rotate(90deg)
}

.showmore-outline-link:hover svg * {
    fill: #fff;
}

.primary-outline-link {
    color: #264989;
    border: 1px solid #264989;
    background-color: #fff;
    font-weight: normal;
}

.primary-outline-link svg * {
    fill: #fff !important;
    display:none;
}

.primary-outline-link:hover {
    color: #fff !important;
    border-color: #264989 !important;
    background-color: #264989 !important
}

.primary-outline-link:hover svg * {
    fill: #fff !important
}

.primary-outline-link[target="_blank"]:hover svg {
    width: auto;
    right: -5px
}

.primary-outline-link.no-bg {
    background-color: transparent
}

.secondary-outline-link-on-bg {
    color: #fff;
    border: 1px solid #fff
}

.secondary-outline-link-on-bg svg * {
    fill: #fff
}

.secondary-outline-link-on-bg:hover {
    color: #666 !important;
    border-color: #666 !important;
    background: #fff
}

.secondary-outline-link-on-bg:hover svg * {
    fill: #666 !important
}

.secondary-outline-link-on-bg.show-icon span {
    padding-right: 10px
}

.secondary-outline-link-on-bg.show-icon svg {
    opacity: 1;
    width: 20px !important;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px)
}

.secondary-outline-link-on-bg.show-icon:hover {
    border: 1px solid #264989
}

.secondary-outline-link-on-bg.show-icon:hover svg {
    -webkit-transform: translate(-15px, -5px);
    transform: translate(-15px, -5px)
}

.primary-contained-link,.secondary-contained-link,.secondary-contained-link-on-bg,.blank-contained-link,.showmore-contained-link {
    color: #fff;
    background: #666
}

.primary-contained-link svg *,.secondary-contained-link svg *,.secondary-contained-link-on-bg svg *,.blank-contained-link svg *,.showmore-contained-link svg * {
    fill: #fff
}

.primary-contained-link {
    background: #264989;
    border: 1px solid #264989
}

.primary-contained-link:hover {
    background: #fff;
    color: #264989
}

.primary-contained-link:hover svg * {
    fill: red !important
}

.primary-contained-link.form-input input[type="submit"] {
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.primary-contained-link.form-input:hover {
    cursor: pointer
}

.primary-contained-link.form-input:hover input[type="submit"] {
    color: #264989
}

.blank-contained-link span {
    padding-right: 10px
}

.blank-contained-link svg {
    opacity: 1;
    width: 20px !important;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px)
}

.blank-contained-link:hover svg {
    -webkit-transform: translate(-15px, -5px);
    transform: translate(-15px, -5px)
}

@media screen and (max-width: 620px) {
    .secondary-contained-link {
        line-height:1.4em;
        padding: 15px 70px 15px 50px
    }
}

.secondary-contained-link,.showmore-contained-link {
    border: 1px solid #666
}

.secondary-contained-link:hover,.showmore-contained-link:hover {
    background: #fff;
    color: #666
}

.secondary-contained-link:hover svg *,.showmore-contained-link:hover svg * {
    fill: #666
}

.secondary-outline-link.blank-outline-link:hover {
    background: #264989;
    color: #fff
}

.secondary-outline-link.blank-outline-link:hover svg * {
    fill: #fff
}

.secondary-contained-link-on-bg {
    background: #fff;
    color: #264989;
    border: 1px solid #fff
}

.secondary-contained-link-on-bg:hover {
    background: #264989;
    color: #fff;
    border: 1px solid #264989
}

.secondary-contained-link-on-bg:hover svg * {
    fill: #fff
}

.showmore-contained-link span {
    padding-right: 10px
}

.showmore-contained-link svg {
    width: 18px !important;
    opacity: 1;
    -webkit-transform: translateX(-20px) rotate(0deg);
    transform: translateX(-20px) rotate(0deg)
}

.showmore-contained-link:hover svg {
    -webkit-transform: translateX(-20px) rotate(90deg);
    transform: translateX(-20px) rotate(90deg)
}

.button-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button-col-2 li:last-child {
    margin: 0 0 0 50px
}

@media screen and (max-width: 620px) {
    .button-col-2 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .button-col-2 li:last-child {
        margin: 20px 0 0
    }
}

.width-100 {
    max-width: 100% !important;
    width: 100% !important
}

@media screen and (max-width: 620px) {
    .sp-img-center {
        margin:0 auto
    }
}

.loader {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.progress-container {
    width: 100%;
    height: 6px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11
}

.progress-bar {
    height: 6px;
    background: #00AE83;
    width: 0%
}

.page-top {
    display: none;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: auto;
    left: auto;
    bottom: 15px;
    -webkit-transition: background .6s;
    transition: background .6s;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    right: calc(7.5% - 40px)
}

@media screen and (max-width: 2560px) {
    .page-top {
        right:calc(5% - 40px)
    }
}

@media screen and (max-width: 1366px) {
    .page-top {
        right:calc(5% - 40px)
    }
}

@media screen and (max-width: 1024px) {
    .page-top {
        right:2.5%;
        z-index:9999999;
    }
}

.page-top span {
    position: relative;
    width: 80px;
    height: 80px;
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (max-width: 620px) {
    .page-top span {
        width:55.59px;
        height: 55.59px
    }
}

.page-top span:after {
    -webkit-transition: all .2s;
    transition: all .2s;
    content: '';
    width: 15px;
    height: 15px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    position: absolute;
    top: 0;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block
}

@media screen and (max-width: 620px) {
    .page-top span:after {
        width:12px;
        height: 12px
    }
}

.page-top:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.75)
}

.page-top.show {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.basic-tab li,.basic-tab-2 li,.country-tab li {
    position: relative
}

.basic-tab li:after,.basic-tab-2 li:after,.country-tab li:after {
    background: #ccc;
    position: absolute;
    bottom: -10px;
    left: 0;
    content: '';
    width: 100%;
    height: 5px;
    display: inline-block;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.basic-tab li:hover,.basic-tab-2 li:hover,.country-tab li:hover {
    cursor: pointer
}

.basic-tab li:hover:after,.basic-tab-2 li:hover:after,.country-tab li:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #999
}

.basic-tab .is-active:hover:after,.basic-tab .is-active-2:hover:after,.basic-tab-2 .is-active:hover:after,.basic-tab-2 .is-active-2:hover:after,.country-tab .is-active:hover:after,.country-tab .is-active-2:hover:after {
    background: #264989
}

.basic-tab .is-active:after,.basic-tab .is-active-2:after,.basic-tab-2 .is-active:after,.basic-tab-2 .is-active-2:after,.country-tab .is-active:after,.country-tab .is-active-2:after {
    background: #264989;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.basic-tab-2,.country-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.food-tab-panel h2 {
    margin: 50px 0 0;
    font-size: 4.0rem;
    font-weight: 500;
    text-align: center;
    margin-top: 0px;
    display: block
}

.food-tab-panel .level-2-tab-list {
    margin: 40px 0 0
}

.food-tab-panel .level-2-tab-thum {
    height: auto !important
}

.tab-panel,.tab-panel-2 {
    display: none;
    margin-top: 40px;
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.tab-panel p+img,.tab-panel-2 p+img {
    margin-top: 20px
}

.tab-panel.is-show,.tab-panel-2.is-show-2 {
    display: block;
    opacity: 1;
    -webkit-animation: card_anim .4s ease-in-out 0s forwards;
    animation: card_anim .4s ease-in-out 0s forwards
}

.tab-panel.is-show .block-inner-box,.tab-panel-2.is-show-2 .block-inner-box {
    opacity: 1;
    -webkit-animation: card_anim .4s ease-in-out 0s forwards;
    animation: card_anim .4s ease-in-out 0s forwards
}

.chapternav {
    padding: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    height: 60px;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.chapternav-paddle {
    border: none;
    color: #1d1d1f;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 33px;
    background-color: transparent;
    -webkit-transition: opacity 150ms ease-out;
    transition: opacity 150ms ease-out
}

.chapternav-paddle::after {
    opacity: .8;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear
}

.chapternav-paddle:disabled {
    opacity: 0;
    visibility: hidden
}

.chapternav-paddle:hover::after {
    opacity: 1;
    visibility: visible
}

.chapternav-paddle:focus {
    outline: none
}

.chapternav-paddle:focus::after {
    outline: 4px solid rgba(0,125,250,0.6);
    outline-offset: 4px;
    opacity: 1
}

.chapternav-paddle:focus::after[data-focus-method="mouse"]:not(input):not(textarea):not(select),.chapternav-paddle:focus::after[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline: none
}

.chapternav-paddle:active {
    outline: none
}

.chapternav-paddle:active::after {
    outline: none;
    opacity: 1
}

.theme-dark .chapternav-paddle {
    border-color: #424245;
    color: #f5f5f7;
    background: #000
}

.chapternav-paddle-left {
    left: -10px;
    background: #fff
}

.chapternav-paddle-left::before,.chapternav-paddle-left::after {
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.chapternav-paddle-left svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chapternav-paddle-left::before,.chapternav-paddle-left::after {
    text-decoration: none
}

.chapternav-paddle-left::before {
    display: none
}

.chapternav-paddle-left::after {
    margin-left: -.5px
}

.chapternav-paddle-right {
    right: -10px;
    background: #fff
}

.chapternav-paddle-right::before,.chapternav-paddle-right::after {
    text-decoration: none
}

.chapternav-paddle-right::before {
    display: none
}

.chapternav-paddle-right::after {
    margin-right: -.5px
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    .chapternav {
        -webkit-backdrop-filter:saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px)
    }
}

.ac-nav-overlap .chapternav,.chapternav-overlap .chapternav {
    position: absolute;
    top: 0;
    left: 0
}

.ac-nav-overlap .chapternav {
    margin-top: 44px
}

@media only screen and (max-width: 767px) {
    .ac-nav-overlap .chapternav {
        margin-top:48px
    }
}

.theme-dark .chapternav,.chapternav.theme-dark {
    background: rgba(29,29,31,0.7)
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    .theme-dark .chapternav,.chapternav.theme-dark {
        background:rgba(29,29,31,0.6)
    }
}

.chapternav-wrapper {
    position: relative;
    height: 100%;
    z-index: 1
}

.chapternav-items {
    margin: 0 34px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    list-style: none;
    padding-bottom: 50px
}

html.touch .chapternav-items {
    margin: 0;
    padding-left: 34px;
    padding-right: 34px
}

@media only screen and (orientation: landscape) {
    .chapternav-items {
        padding-bottom:49px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@supports (padding: calc(max(0px))) {
    html.touch .chapternav-items {
        padding-left:calc(max(env(safe-area-inset-left), 34px));
        padding-right: calc(max(env(safe-area-inset-right), 34px))
    }
}

.chapternav-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 -.11765em;
    margin: 0 20px
}

.chapternav-item:first-child {
    margin-left: 0;
    padding-left: 4px
}

.chapternav-item:last-child {
    margin-right: 0;
    padding-right: 4px
}

.chapternav-paddles button:hover {
    cursor: pointer
}

.accordion-container {
    width: 100%
}

.accordion-container:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #ddd;
    display: block
}

.accordion-title {
    border-top: 1px solid #ddd;
    color: #333;
    font-size: 2.6rem;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 620px) {
    .accordion-title {
        font-size:2.1rem
    }
}

.accordion-title span {
    display: block;
    padding: 20px 6% 20px 0;
    margin: 2px 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (max-width: 620px) {
    .accordion-title span {
        padding:20px 20% 20px 0
    }
}

.accordion-title:before,.accordion-title:after {
    content: '';
    display: block;
    background-color: #666;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 1px;
    right: 25px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.accordion-title:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion-title:hover span {
    background-color: #eee
}

.accordion-title:hover:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion-title:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-title.is-active {
    -webkit-transition: all .8s;
    transition: all .8s
}

.accordion-title.is-active:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.accordion-title.is-active:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.accordion-content {
    color: #666;
    padding: 0 20px;
    opacity: 0;
    max-height: 0;
    -webkit-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    -webkit-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
    overflow: hidden
}

.accordion-content.is-open {
    max-height: 9999px;
    padding: 40px 20px;
    -webkit-animation: accordion_anim .5s ease-in-out 0s forwards;
    animation: accordion_anim .5s ease-in-out 0s forwards
}

.download-list li:nth-child(odd) a {
    background: rgba(176,191,200,0.15)
}

.download-list li a {
    font-size: 2.1rem;
    color: #666;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.download-list li a .arrow-left {
    -webkit-transform: translate(8.486px, 7.778px) rotate(135deg);
    transform: translate(8.486px, 7.778px) rotate(135deg)
}

.download-list li a .arrow-right {
    -webkit-transform: translate(0.707px, 0px) rotate(45deg);
    transform: translate(0.707px, 0px) rotate(45deg)
}

.download-list li a .arrow-center {
    -webkit-transform: translate(1216.5px, 4092.037px) rotate(90deg);
    transform: translate(1216.5px, 4092.037px) rotate(90deg)
}

.download-list li a .arrow-left,.download-list li a .arrow-right,.download-list li a .arrow-center {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.download-list li a:hover {
    color: #333;
    background: rgba(175,191,199,0.35)
}

.download-list li a:hover .arrow-left {
    -webkit-transform: translate(11.279px, 7.778px) rotate(135deg);
    transform: translate(11.279px, 7.778px) rotate(135deg)
}

.download-list li a:hover .arrow-right {
    -webkit-transform: translate(3.5px, 0px) rotate(45deg);
    transform: translate(3.5px, 0px) rotate(45deg)
}

.download-list li a:hover .arrow-center {
    -webkit-transform: translate(1216.5px, 4094.83px) rotate(90deg);
    transform: translate(1216.5px, 4094.83px) rotate(90deg)
}

.download-list li svg {
    min-width: 20px;
    margin-left: 20px
}

.download-list.inc-img a>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem
}

.download-list.inc-img a>span>span {
    margin-left: 20px
}

.download-list.inc-img a>span>span .dl-title {
    width: 100%;
    display: block;
    font-size: 2.4rem;
    color: #333
}

.download-list.inc-img img {
    width: 100px
}

.article-level-3 .anker-link-wrap {
    padding: 40px 0;
    margin: 100px calc(50% - 50vw) 0;
    width: auto
}

.anker-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.anker-link a {
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.anker-link a:after {
    content: "";
    display: inline-block;
    background-image: url("../img/icon/arrow_bottom.svg");
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 20px;
    width: 20px;
    height: 11px;
    margin-left: 20px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.anker-link a:hover:after {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.anker-link li {
    border-left: 1px solid rgba(112,112,112,0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.anker-link li:first-child {
    border-left: none
}

@media screen and (min-width: 1367px) {
    .anker-link li {
        width:100%
    }
}

@media screen and (max-width: 1024px) {
    .anker-link li {
        width:100%
    }
}

.anker-link li a {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .article-level-3 .anker-link-wrap {
        margin:50px calc(50% - 50vw) 0
    }

    .anker-link {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .anker-link li {
        width: auto;
        border-left: none
    }

    .anker-link li a {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

table {
    -ms-overflow-style: none;
    scrollbar-width: none
}

table::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 1024px) {
    ::-webkit-scrollbar {
        display:none
    }
}

@media screen and (max-width: 620px) {
    .flex-sp-swap>div:first-child {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

body.fixed {
    height: 100vh;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    overflow-x: hidden
}

html,body {
    position: relative;
    height: 100%
}

body.page404 {
    padding-top: 200px
}

*:focus {
    outline: none
}

*:focus-visible {
    color: #333 !important;
    outline: 1px solid red !important;
    outline-offset: 0px
}

footer *:focus-visible {
    color: #fff !important;
    outline: 1px solid red !important;
    outline-offset: 0px
}

::-moz-selection {
    background: #40C3A3;
    color: #fff
}

::selection {
    background: #40C3A3;
    color: #fff
}

::-moz-selection {
    background: #40C3A3;
    color: #fff
}

.page404 .page-top {
    display: none !important
}

.page404 .g-menu .active {
    color: #333 !important
}

.page-not-found {
    display: inherit;
    padding-left: 12px;
    padding-right: 12px;
    width: 66.6667%;
    margin: 40px auto;
    text-align: center
}

.page-not-found small {
    color: #b4b9bd
}

.page-not-found h1 {
    font-size: 7.0rem;
    color: #d6d9dc;
    font-weight: 600
}

.page-not-found h2 {
    font-size: 4.8rem;
    line-height: 1.125;
    font-weight: 600;
    margin: 16px 0px 8px
}

.font-bold {
    font-weight: bold !important
}

.align-right {
    text-align: right !important
}

.align-center {
    text-align: center !important
}

.align-left {
    text-align: left !important
}

.not-indent {
    text-indent: 0;
    padding-left: 0;
    width: 100%
}

.mt0 {
    margin: 0 !important
}

.negative-mt-20 {
    margin-top: -20px !important
}

.mt1 {
    margin-top: 1px !important
}

.mb1 {
    margin-bottom: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mt6 {
    margin-top: 6px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.mt9 {
    margin-top: 9px !important
}

.mb9 {
    margin-bottom: 9px !important
}

.mt10 {
    margin-top: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mt11 {
    margin-top: 11px !important
}

.mb11 {
    margin-bottom: 11px !important
}

.mt12 {
    margin-top: 12px !important
}

.mb12 {
    margin-bottom: 12px !important
}

.mt13 {
    margin-top: 13px !important
}

.mb13 {
    margin-bottom: 13px !important
}

.mt14 {
    margin-top: 14px !important
}

.mb14 {
    margin-bottom: 14px !important
}

.mt15 {
    margin-top: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mt16 {
    margin-top: 16px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.mt17 {
    margin-top: 17px !important
}

.mb17 {
    margin-bottom: 17px !important
}

.mt18 {
    margin-top: 18px !important
}

.mb18 {
    margin-bottom: 18px !important
}

.mt19 {
    margin-top: 19px !important
}

.mb19 {
    margin-bottom: 19px !important
}

.mt20 {
    margin-top: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mt21 {
    margin-top: 21px !important
}

.mb21 {
    margin-bottom: 21px !important
}

.mt22 {
    margin-top: 22px !important
}

.mb22 {
    margin-bottom: 22px !important
}

.mt23 {
    margin-top: 23px !important
}

.mb23 {
    margin-bottom: 23px !important
}

.mt24 {
    margin-top: 24px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.mt25 {
    margin-top: 25px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mt26 {
    margin-top: 26px !important
}

.mb26 {
    margin-bottom: 26px !important
}

.mt27 {
    margin-top: 27px !important
}

.mb27 {
    margin-bottom: 27px !important
}

.mt28 {
    margin-top: 28px !important
}

.mb28 {
    margin-bottom: 28px !important
}

.mt29 {
    margin-top: 29px !important
}

.mb29 {
    margin-bottom: 29px !important
}

.mt30 {
    margin-top: 30px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mt31 {
    margin-top: 31px !important
}

.mb31 {
    margin-bottom: 31px !important
}

.mt32 {
    margin-top: 32px !important
}

.mb32 {
    margin-bottom: 32px !important
}

.mt33 {
    margin-top: 33px !important
}

.mb33 {
    margin-bottom: 33px !important
}

.mt34 {
    margin-top: 34px !important
}

.mb34 {
    margin-bottom: 34px !important
}

.mt35 {
    margin-top: 35px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mt36 {
    margin-top: 36px !important
}

.mb36 {
    margin-bottom: 36px !important
}

.mt37 {
    margin-top: 37px !important
}

.mb37 {
    margin-bottom: 37px !important
}

.mt38 {
    margin-top: 38px !important
}

.mb38 {
    margin-bottom: 38px !important
}

.mt39 {
    margin-top: 39px !important
}

.mb39 {
    margin-bottom: 39px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mt41 {
    margin-top: 41px !important
}

.mb41 {
    margin-bottom: 41px !important
}

.mt42 {
    margin-top: 42px !important
}

.mb42 {
    margin-bottom: 42px !important
}

.mt43 {
    margin-top: 43px !important
}

.mb43 {
    margin-bottom: 43px !important
}

.mt44 {
    margin-top: 44px !important
}

.mb44 {
    margin-bottom: 44px !important
}

.mt45 {
    margin-top: 45px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mt46 {
    margin-top: 46px !important
}

.mb46 {
    margin-bottom: 46px !important
}

.mt47 {
    margin-top: 47px !important
}

.mb47 {
    margin-bottom: 47px !important
}

.mt48 {
    margin-top: 48px !important
}

.mb48 {
    margin-bottom: 48px !important
}

.mt49 {
    margin-top: 49px !important
}

.mb49 {
    margin-bottom: 49px !important
}

.mt50 {
    margin-top: 50px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mt51 {
    margin-top: 51px !important
}

.mb51 {
    margin-bottom: 51px !important
}

.mt52 {
    margin-top: 52px !important
}

.mb52 {
    margin-bottom: 52px !important
}

.mt53 {
    margin-top: 53px !important
}

.mb53 {
    margin-bottom: 53px !important
}

.mt54 {
    margin-top: 54px !important
}

.mb54 {
    margin-bottom: 54px !important
}

.mt55 {
    margin-top: 55px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mt56 {
    margin-top: 56px !important
}

.mb56 {
    margin-bottom: 56px !important
}

.mt57 {
    margin-top: 57px !important
}

.mb57 {
    margin-bottom: 57px !important
}

.mt58 {
    margin-top: 58px !important
}

.mb58 {
    margin-bottom: 58px !important
}

.mt59 {
    margin-top: 59px !important
}

.mb59 {
    margin-bottom: 59px !important
}

.mt60 {
    margin-top: 60px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mt61 {
    margin-top: 61px !important
}

.mb61 {
    margin-bottom: 61px !important
}

.mt62 {
    margin-top: 62px !important
}

.mb62 {
    margin-bottom: 62px !important
}

.mt63 {
    margin-top: 63px !important
}

.mb63 {
    margin-bottom: 63px !important
}

.mt64 {
    margin-top: 64px !important
}

.mb64 {
    margin-bottom: 64px !important
}

.mt65 {
    margin-top: 65px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.mt66 {
    margin-top: 66px !important
}

.mb66 {
    margin-bottom: 66px !important
}

.mt67 {
    margin-top: 67px !important
}

.mb67 {
    margin-bottom: 67px !important
}

.mt68 {
    margin-top: 68px !important
}

.mb68 {
    margin-bottom: 68px !important
}

.mt69 {
    margin-top: 69px !important
}

.mb69 {
    margin-bottom: 69px !important
}

.mt70 {
    margin-top: 70px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mt71 {
    margin-top: 71px !important
}

.mb71 {
    margin-bottom: 71px !important
}

.mt72 {
    margin-top: 72px !important
}

.mb72 {
    margin-bottom: 72px !important
}

.mt73 {
    margin-top: 73px !important
}

.mb73 {
    margin-bottom: 73px !important
}

.mt74 {
    margin-top: 74px !important
}

.mb74 {
    margin-bottom: 74px !important
}

.mt75 {
    margin-top: 75px !important
}

.mb75 {
    margin-bottom: 75px !important
}

.mt76 {
    margin-top: 76px !important
}

.mb76 {
    margin-bottom: 76px !important
}

.mt77 {
    margin-top: 77px !important
}

.mb77 {
    margin-bottom: 77px !important
}

.mt78 {
    margin-top: 78px !important
}

.mb78 {
    margin-bottom: 78px !important
}

.mt79 {
    margin-top: 79px !important
}

.mb79 {
    margin-bottom: 79px !important
}

.mt80 {
    margin-top: 80px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mt81 {
    margin-top: 81px !important
}

.mb81 {
    margin-bottom: 81px !important
}

.mt82 {
    margin-top: 82px !important
}

.mb82 {
    margin-bottom: 82px !important
}

.mt83 {
    margin-top: 83px !important
}

.mb83 {
    margin-bottom: 83px !important
}

.mt84 {
    margin-top: 84px !important
}

.mb84 {
    margin-bottom: 84px !important
}

.mt85 {
    margin-top: 85px !important
}

.mb85 {
    margin-bottom: 85px !important
}

.mt86 {
    margin-top: 86px !important
}

.mb86 {
    margin-bottom: 86px !important
}

.mt87 {
    margin-top: 87px !important
}

.mb87 {
    margin-bottom: 87px !important
}

.mt88 {
    margin-top: 88px !important
}

.mb88 {
    margin-bottom: 88px !important
}

.mt89 {
    margin-top: 89px !important
}

.mb89 {
    margin-bottom: 89px !important
}

.mt90 {
    margin-top: 90px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mt91 {
    margin-top: 91px !important
}

.mb91 {
    margin-bottom: 91px !important
}

.mt92 {
    margin-top: 92px !important
}

.mb92 {
    margin-bottom: 92px !important
}

.mt93 {
    margin-top: 93px !important
}

.mb93 {
    margin-bottom: 93px !important
}

.mt94 {
    margin-top: 94px !important
}

.mb94 {
    margin-bottom: 94px !important
}

.mt95 {
    margin-top: 95px !important
}

.mb95 {
    margin-bottom: 95px !important
}

.mt96 {
    margin-top: 96px !important
}

.mb96 {
    margin-bottom: 96px !important
}

.mt97 {
    margin-top: 97px !important
}

.mb97 {
    margin-bottom: 97px !important
}

.mt98 {
    margin-top: 98px !important
}

.mb98 {
    margin-bottom: 98px !important
}

.mt99 {
    margin-top: 99px !important
}

.mb99 {
    margin-bottom: 99px !important
}

.mt100 {
    margin-top: 100px !important
}

.mb100 {
    margin-bottom: 100px !important
}

@media screen and (min-width: 2561px) {
    .pc-4k-width-100 {
        width:100% !important
    }

    .pc-4k-mt1 {
        margin-top: 1px !important
    }

    .pc-4k-mt2 {
        margin-top: 2px !important
    }

    .pc-4k-mt3 {
        margin-top: 3px !important
    }

    .pc-4k-mt4 {
        margin-top: 4px !important
    }

    .pc-4k-mt5 {
        margin-top: 5px !important
    }

    .pc-4k-mt6 {
        margin-top: 6px !important
    }

    .pc-4k-mt7 {
        margin-top: 7px !important
    }

    .pc-4k-mt8 {
        margin-top: 8px !important
    }

    .pc-4k-mt9 {
        margin-top: 9px !important
    }

    .pc-4k-mt10 {
        margin-top: 10px !important
    }

    .pc-4k-mt11 {
        margin-top: 11px !important
    }

    .pc-4k-mt12 {
        margin-top: 12px !important
    }

    .pc-4k-mt13 {
        margin-top: 13px !important
    }

    .pc-4k-mt14 {
        margin-top: 14px !important
    }

    .pc-4k-mt15 {
        margin-top: 15px !important
    }

    .pc-4k-mt16 {
        margin-top: 16px !important
    }

    .pc-4k-mt17 {
        margin-top: 17px !important
    }

    .pc-4k-mt18 {
        margin-top: 18px !important
    }

    .pc-4k-mt19 {
        margin-top: 19px !important
    }

    .pc-4k-mt20 {
        margin-top: 20px !important
    }

    .pc-4k-mt21 {
        margin-top: 21px !important
    }

    .pc-4k-mt22 {
        margin-top: 22px !important
    }

    .pc-4k-mt23 {
        margin-top: 23px !important
    }

    .pc-4k-mt24 {
        margin-top: 24px !important
    }

    .pc-4k-mt25 {
        margin-top: 25px !important
    }

    .pc-4k-mt26 {
        margin-top: 26px !important
    }

    .pc-4k-mt27 {
        margin-top: 27px !important
    }

    .pc-4k-mt28 {
        margin-top: 28px !important
    }

    .pc-4k-mt29 {
        margin-top: 29px !important
    }

    .pc-4k-mt30 {
        margin-top: 30px !important
    }

    .pc-4k-mt31 {
        margin-top: 31px !important
    }

    .pc-4k-mt32 {
        margin-top: 32px !important
    }

    .pc-4k-mt33 {
        margin-top: 33px !important
    }

    .pc-4k-mt34 {
        margin-top: 34px !important
    }

    .pc-4k-mt35 {
        margin-top: 35px !important
    }

    .pc-4k-mt36 {
        margin-top: 36px !important
    }

    .pc-4k-mt37 {
        margin-top: 37px !important
    }

    .pc-4k-mt38 {
        margin-top: 38px !important
    }

    .pc-4k-mt39 {
        margin-top: 39px !important
    }

    .pc-4k-mt40 {
        margin-top: 40px !important
    }

    .pc-4k-mt41 {
        margin-top: 41px !important
    }

    .pc-4k-mt42 {
        margin-top: 42px !important
    }

    .pc-4k-mt43 {
        margin-top: 43px !important
    }

    .pc-4k-mt44 {
        margin-top: 44px !important
    }

    .pc-4k-mt45 {
        margin-top: 45px !important
    }

    .pc-4k-mt46 {
        margin-top: 46px !important
    }

    .pc-4k-mt47 {
        margin-top: 47px !important
    }

    .pc-4k-mt48 {
        margin-top: 48px !important
    }

    .pc-4k-mt49 {
        margin-top: 49px !important
    }

    .pc-4k-mt50 {
        margin-top: 50px !important
    }

    .pc-4k-mt51 {
        margin-top: 51px !important
    }

    .pc-4k-mt52 {
        margin-top: 52px !important
    }

    .pc-4k-mt53 {
        margin-top: 53px !important
    }

    .pc-4k-mt54 {
        margin-top: 54px !important
    }

    .pc-4k-mt55 {
        margin-top: 55px !important
    }

    .pc-4k-mt56 {
        margin-top: 56px !important
    }

    .pc-4k-mt57 {
        margin-top: 57px !important
    }

    .pc-4k-mt58 {
        margin-top: 58px !important
    }

    .pc-4k-mt59 {
        margin-top: 59px !important
    }

    .pc-4k-mt60 {
        margin-top: 60px !important
    }

    .pc-4k-mt61 {
        margin-top: 61px !important
    }

    .pc-4k-mt62 {
        margin-top: 62px !important
    }

    .pc-4k-mt63 {
        margin-top: 63px !important
    }

    .pc-4k-mt64 {
        margin-top: 64px !important
    }

    .pc-4k-mt65 {
        margin-top: 65px !important
    }

    .pc-4k-mt66 {
        margin-top: 66px !important
    }

    .pc-4k-mt67 {
        margin-top: 67px !important
    }

    .pc-4k-mt68 {
        margin-top: 68px !important
    }

    .pc-4k-mt69 {
        margin-top: 69px !important
    }

    .pc-4k-mt70 {
        margin-top: 70px !important
    }

    .pc-4k-mt71 {
        margin-top: 71px !important
    }

    .pc-4k-mt72 {
        margin-top: 72px !important
    }

    .pc-4k-mt73 {
        margin-top: 73px !important
    }

    .pc-4k-mt74 {
        margin-top: 74px !important
    }

    .pc-4k-mt75 {
        margin-top: 75px !important
    }

    .pc-4k-mt76 {
        margin-top: 76px !important
    }

    .pc-4k-mt77 {
        margin-top: 77px !important
    }

    .pc-4k-mt78 {
        margin-top: 78px !important
    }

    .pc-4k-mt79 {
        margin-top: 79px !important
    }

    .pc-4k-mt80 {
        margin-top: 80px !important
    }

    .pc-4k-mt81 {
        margin-top: 81px !important
    }

    .pc-4k-mt82 {
        margin-top: 82px !important
    }

    .pc-4k-mt83 {
        margin-top: 83px !important
    }

    .pc-4k-mt84 {
        margin-top: 84px !important
    }

    .pc-4k-mt85 {
        margin-top: 85px !important
    }

    .pc-4k-mt86 {
        margin-top: 86px !important
    }

    .pc-4k-mt87 {
        margin-top: 87px !important
    }

    .pc-4k-mt88 {
        margin-top: 88px !important
    }

    .pc-4k-mt89 {
        margin-top: 89px !important
    }

    .pc-4k-mt90 {
        margin-top: 90px !important
    }

    .pc-4k-mt91 {
        margin-top: 91px !important
    }

    .pc-4k-mt92 {
        margin-top: 92px !important
    }

    .pc-4k-mt93 {
        margin-top: 93px !important
    }

    .pc-4k-mt94 {
        margin-top: 94px !important
    }

    .pc-4k-mt95 {
        margin-top: 95px !important
    }

    .pc-4k-mt96 {
        margin-top: 96px !important
    }

    .pc-4k-mt97 {
        margin-top: 97px !important
    }

    .pc-4k-mt98 {
        margin-top: 98px !important
    }

    .pc-4k-mt99 {
        margin-top: 99px !important
    }

    .pc-4k-mt100 {
        margin-top: 100px !important
    }
}

@media screen and (max-width: 620px) {
    .sm-mt1 {
        margin-top:1px !important
    }

    .sm-mt2 {
        margin-top: 2px !important
    }

    .sm-mt3 {
        margin-top: 3px !important
    }

    .sm-mt4 {
        margin-top: 4px !important
    }

    .sm-mt5 {
        margin-top: 5px !important
    }

    .sm-mt6 {
        margin-top: 6px !important
    }

    .sm-mt7 {
        margin-top: 7px !important
    }

    .sm-mt8 {
        margin-top: 8px !important
    }

    .sm-mt9 {
        margin-top: 9px !important
    }

    .sm-mt10 {
        margin-top: 10px !important
    }

    .sm-mt11 {
        margin-top: 11px !important
    }

    .sm-mt12 {
        margin-top: 12px !important
    }

    .sm-mt13 {
        margin-top: 13px !important
    }

    .sm-mt14 {
        margin-top: 14px !important
    }

    .sm-mt15 {
        margin-top: 15px !important
    }

    .sm-mt16 {
        margin-top: 16px !important
    }

    .sm-mt17 {
        margin-top: 17px !important
    }

    .sm-mt18 {
        margin-top: 18px !important
    }

    .sm-mt19 {
        margin-top: 19px !important
    }

    .sm-mt20 {
        margin-top: 20px !important
    }

    .sm-mt21 {
        margin-top: 21px !important
    }

    .sm-mt22 {
        margin-top: 22px !important
    }

    .sm-mt23 {
        margin-top: 23px !important
    }

    .sm-mt24 {
        margin-top: 24px !important
    }

    .sm-mt25 {
        margin-top: 25px !important
    }

    .sm-mt26 {
        margin-top: 26px !important
    }

    .sm-mt27 {
        margin-top: 27px !important
    }

    .sm-mt28 {
        margin-top: 28px !important
    }

    .sm-mt29 {
        margin-top: 29px !important
    }

    .sm-mt30 {
        margin-top: 30px !important
    }

    .sm-mt31 {
        margin-top: 31px !important
    }

    .sm-mt32 {
        margin-top: 32px !important
    }

    .sm-mt33 {
        margin-top: 33px !important
    }

    .sm-mt34 {
        margin-top: 34px !important
    }

    .sm-mt35 {
        margin-top: 35px !important
    }

    .sm-mt36 {
        margin-top: 36px !important
    }

    .sm-mt37 {
        margin-top: 37px !important
    }

    .sm-mt38 {
        margin-top: 38px !important
    }

    .sm-mt39 {
        margin-top: 39px !important
    }

    .sm-mt40 {
        margin-top: 40px !important
    }

    .sm-mt41 {
        margin-top: 41px !important
    }

    .sm-mt42 {
        margin-top: 42px !important
    }

    .sm-mt43 {
        margin-top: 43px !important
    }

    .sm-mt44 {
        margin-top: 44px !important
    }

    .sm-mt45 {
        margin-top: 45px !important
    }

    .sm-mt46 {
        margin-top: 46px !important
    }

    .sm-mt47 {
        margin-top: 47px !important
    }

    .sm-mt48 {
        margin-top: 48px !important
    }

    .sm-mt49 {
        margin-top: 49px !important
    }

    .sm-mt50 {
        margin-top: 50px !important
    }

    .sm-mt51 {
        margin-top: 51px !important
    }

    .sm-mt52 {
        margin-top: 52px !important
    }

    .sm-mt53 {
        margin-top: 53px !important
    }

    .sm-mt54 {
        margin-top: 54px !important
    }

    .sm-mt55 {
        margin-top: 55px !important
    }

    .sm-mt56 {
        margin-top: 56px !important
    }

    .sm-mt57 {
        margin-top: 57px !important
    }

    .sm-mt58 {
        margin-top: 58px !important
    }

    .sm-mt59 {
        margin-top: 59px !important
    }

    .sm-mt60 {
        margin-top: 60px !important
    }

    .sm-mt61 {
        margin-top: 61px !important
    }

    .sm-mt62 {
        margin-top: 62px !important
    }

    .sm-mt63 {
        margin-top: 63px !important
    }

    .sm-mt64 {
        margin-top: 64px !important
    }

    .sm-mt65 {
        margin-top: 65px !important
    }

    .sm-mt66 {
        margin-top: 66px !important
    }

    .sm-mt67 {
        margin-top: 67px !important
    }

    .sm-mt68 {
        margin-top: 68px !important
    }

    .sm-mt69 {
        margin-top: 69px !important
    }

    .sm-mt70 {
        margin-top: 70px !important
    }

    .sm-mt71 {
        margin-top: 71px !important
    }

    .sm-mt72 {
        margin-top: 72px !important
    }

    .sm-mt73 {
        margin-top: 73px !important
    }

    .sm-mt74 {
        margin-top: 74px !important
    }

    .sm-mt75 {
        margin-top: 75px !important
    }

    .sm-mt76 {
        margin-top: 76px !important
    }

    .sm-mt77 {
        margin-top: 77px !important
    }

    .sm-mt78 {
        margin-top: 78px !important
    }

    .sm-mt79 {
        margin-top: 79px !important
    }

    .sm-mt80 {
        margin-top: 80px !important
    }

    .sm-mt81 {
        margin-top: 81px !important
    }

    .sm-mt82 {
        margin-top: 82px !important
    }

    .sm-mt83 {
        margin-top: 83px !important
    }

    .sm-mt84 {
        margin-top: 84px !important
    }

    .sm-mt85 {
        margin-top: 85px !important
    }

    .sm-mt86 {
        margin-top: 86px !important
    }

    .sm-mt87 {
        margin-top: 87px !important
    }

    .sm-mt88 {
        margin-top: 88px !important
    }

    .sm-mt89 {
        margin-top: 89px !important
    }

    .sm-mt90 {
        margin-top: 90px !important
    }

    .sm-mt91 {
        margin-top: 91px !important
    }

    .sm-mt92 {
        margin-top: 92px !important
    }

    .sm-mt93 {
        margin-top: 93px !important
    }

    .sm-mt94 {
        margin-top: 94px !important
    }

    .sm-mt95 {
        margin-top: 95px !important
    }

    .sm-mt96 {
        margin-top: 96px !important
    }

    .sm-mt97 {
        margin-top: 97px !important
    }

    .sm-mt98 {
        margin-top: 98px !important
    }

    .sm-mt99 {
        margin-top: 99px !important
    }

    .sm-mt100 {
        margin-top: 100px !important
    }

    .sm-mt0 {
        margin-top: 0 !important
    }
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media screen and (min-width: 2561px) {
    .article-level-3 .border-top-single.pc-4k-mt0 {
        margin-top:0 !important
    }

    .pc-4k-mt0 {
        margin-top: 0 !important
    }

    .pt20-4k {
        padding-top: 20px !important
    }
}

@media screen and (max-width: 1024px) {
    body.page404 {
        padding-top:100px
    }

    body.page404 .page-not-found {
        width: 90%
    }

    body.page404 .page-not-found h1 {
        font-size: 3.0rem
    }

    body.page404 .page-not-found h2 {
        font-size: 2.8rem
    }

    body.page404 .page-not-found p {
        font-size: 1.6rem;
        margin-top: 20px
    }
}

@media screen and (max-width: 620px) {
    .sp-none {
        display:none
    }

    .negative-mt-20 {
        margin-top: 20px !important
    }
}

/*# sourceMappingURL=style.css.map */
.w60 {
    width: 60% !important;
}

.w100 {
    width: 100% !important;
}

@media screen and (max-width: 620px) {
    .article-level-3 .block-inner-box .col-2-3-7 > .block-inner-box.w60 {
        width: 100% !important;
    }
}